diff --git a/.npmrc b/.npmrc index 9bf9395dd3..bf2e7648b0 100644 --- a/.npmrc +++ b/.npmrc @@ -1 +1 @@ -shamefully-hoist = true +shamefully-hoist=true diff --git a/docs/.vitepress/config.js b/docs/.vitepress/config.js deleted file mode 100644 index bcc952fdbf..0000000000 --- a/docs/.vitepress/config.js +++ /dev/null @@ -1,4 +0,0 @@ -require('sucrase/register/ts') - -const { config } = require('./config/index') -module.exports = config diff --git a/docs/.vitepress/config/index.ts b/docs/.vitepress/config.ts similarity index 81% rename from docs/.vitepress/config/index.ts rename to docs/.vitepress/config.ts index 0af5bfc4fa..ee48eda0c9 100644 --- a/docs/.vitepress/config/index.ts +++ b/docs/.vitepress/config.ts @@ -1,9 +1,9 @@ -import { languages } from '../utils/lang' -import { head } from './head' -import { sidebars } from './sidebars' -import { nav } from './nav' -import { mdPlugin } from './plugins' -import { features } from './features' +import { languages } from './utils/lang' +import { head } from './config/head' +import { sidebars } from './config/sidebars' +import { nav } from './config/nav' +import { mdPlugin } from './config/plugins' +import { features } from './config/features' import type { UserConfig } from 'vitepress' const buildTransformers = () => { @@ -32,6 +32,7 @@ const buildTransformers = () => { return transformers } +// eslint-disable-next-line no-console console.log(`DOC_ENV: ${process.env.DOC_ENV}`) const locales = {} @@ -80,3 +81,5 @@ export const config: UserConfig = { }, }, } + +export default config diff --git a/docs/.vitepress/theme/index.js b/docs/.vitepress/theme/index.js index 4670f714c2..a3386a5a25 100644 --- a/docs/.vitepress/theme/index.js +++ b/docs/.vitepress/theme/index.js @@ -1,7 +1,16 @@ import ElementPlus from 'element-plus' +// windicss layers +import 'virtual:windi-base.css' +import 'virtual:windi-components.css' + import VPApp, { globals, NotFound } from '../vitepress' +// windicss utilities should be the last style import +import 'virtual:windi-utilities.css' +// windicss devtools support (dev only) +import 'virtual:windi-devtools' + export default { NotFound, Layout: VPApp, diff --git a/docs/.vitepress/vitepress/styles/code.scss b/docs/.vitepress/vitepress/styles/code.scss index c771c1cdd7..c89e222acf 100644 --- a/docs/.vitepress/vitepress/styles/code.scss +++ b/docs/.vitepress/vitepress/styles/code.scss @@ -3,7 +3,7 @@ code { border-radius: 3px; padding: 0.25rem 0.5rem; font-family: var(--code-font-family); - font-size: 0.85em; + font-size: var(--code-font-size); color: var(--code-text-color); background-color: var(--code-bg-color); } diff --git a/docs/.vitepress/vitepress/styles/vars.scss b/docs/.vitepress/vitepress/styles/vars.scss index 27fedcd482..f54402d446 100644 --- a/docs/.vitepress/vitepress/styles/vars.scss +++ b/docs/.vitepress/vitepress/styles/vars.scss @@ -39,7 +39,6 @@ // --dropdown-z-index: 22; // code block vars - --code-font-size: var(--el-font-size-base); --code-bg-color: var(--el-bg-color); --code-text-color: var(--text-color); diff --git a/docs/en-US/component/avatar.md b/docs/en-US/component/avatar.md index 269c2dfc21..93dd9591b0 100644 --- a/docs/en-US/component/avatar.md +++ b/docs/en-US/component/avatar.md @@ -52,7 +52,7 @@ avatar/fit | Attribute | Description | Type | Accepted Values | Default | | --------- | ---------------------------------------------------------------------------------------------------------------------- | ------------------ | ------------------------------------------ | ------- | | icon | set representation type to Icon, more info on Icon Component | string / Component | | | -| size | set avatar size | number / string | number / large / medium / small | large | +| size | set avatar size | number / string | number / large / default /small | default | | shape | set avatar shape | string | circle / square | circle | | src | the address of the image for an image avatar | string | | | | srcSet | A list of one or more strings separated by commas indicating a set of possible image sources for the user agent to use | string | | | diff --git a/docs/en-US/component/button.md b/docs/en-US/component/button.md index ff6424b1f9..8123c0e4ee 100644 --- a/docs/en-US/component/button.md +++ b/docs/en-US/component/button.md @@ -69,7 +69,7 @@ button/loading Besides default size, Button component provides three additional sizes for you to choose among different scenarios. -:::demo Use attribute `size` to set additional sizes with `medium`, `small` or `mini`. +:::demo Use attribute `size` to set additional sizes with `large`, `small`. button/size @@ -91,7 +91,7 @@ button/custom | Attribute | Description | Type | Accepted Values | Default | | ----------------- | ----------------------------------------------------------- | ------------------ | -------------------------------------------------- | ------- | -| size | button size | string | medium / small / mini | — | +| size | button size | string | large / default /small | — | | type | button type | string | primary / success / warning / danger / info / text | — | | plain | determine whether it's a plain button | boolean | — | false | | round | determine whether it's a round button | boolean | — | false | @@ -113,7 +113,7 @@ button/custom | Attribute | Description | Type | Accepted Values | Default | | --------- | ------------------------------------------------ | ------ | --------------------------- | ------- | -| size | control the size of buttons in this button-group | string | medium / small / mini | — | +| size | control the size of buttons in this button-group | string | large / small | — | | type | control the type of buttons in this button-group | string | primary / success / warning | — | ## Button-Group Slots diff --git a/docs/en-US/component/cascader.md b/docs/en-US/component/cascader.md index ebe365b066..437513cfc4 100644 --- a/docs/en-US/component/cascader.md +++ b/docs/en-US/component/cascader.md @@ -138,24 +138,24 @@ cascader/panel ## Cascader Attributes -| Attribute | Description | Type | Accepted Values | Default | -| --------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------- | --------------------- | ------- | -| model-value / v-model | binding value | - | — | — | -| options | data of the options，the key of `value` and `label` can be customize by `Props`. | array | — | — | -| props | configuration options, see the following table. | object | — | — | -| size | size of input | string | medium / small / mini | — | -| placeholder | placeholder of input | string | — | Select | -| disabled | whether Cascader is disabled | boolean | — | false | -| clearable | whether selected value can be cleared | boolean | — | false | -| show-all-levels | whether to display all levels of the selected value in the input | boolean | — | true | -| collapse-tags | whether to collapse tags in multiple selection mode | boolean | - | false | -| separator | option label separator | string | — | ' / ' | -| filterable | whether the options can be searched | boolean | — | — | -| filter-method | customize search logic, the first parameter is `node`, the second is `keyword`, and need return a boolean value indicating whether it hits. | function(node, keyword) | - | - | -| debounce | debounce delay when typing filter keyword, in milliseconds | number | — | 300 | -| before-filter | hook function before filtering with the value to be filtered as its parameter. If `false` is returned or a `Promise` is returned and then is rejected, filtering will be aborted | function(value) | — | — | -| popper-class | custom class name for Cascader's dropdown | string | — | — | -| popper-append-to-body | whether to append the popper menu to body. If the positioning of the popper is wrong, you can try to set this prop to false | boolean | - | true | +| Attribute | Description | Type | Accepted Values | Default | +| --------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------- | ---------------------- | ------- | +| model-value / v-model | binding value | - | — | — | +| options | data of the options，the key of `value` and `label` can be customize by `Props`. | array | — | — | +| props | configuration options, see the following table. | object | — | — | +| size | size of input | string | large / default /small | — | +| placeholder | placeholder of input | string | — | Select | +| disabled | whether Cascader is disabled | boolean | — | false | +| clearable | whether selected value can be cleared | boolean | — | false | +| show-all-levels | whether to display all levels of the selected value in the input | boolean | — | true | +| collapse-tags | whether to collapse tags in multiple selection mode | boolean | - | false | +| separator | option label separator | string | — | ' / ' | +| filterable | whether the options can be searched | boolean | — | — | +| filter-method | customize search logic, the first parameter is `node`, the second is `keyword`, and need return a boolean value indicating whether it hits. | function(node, keyword) | - | - | +| debounce | debounce delay when typing filter keyword, in milliseconds | number | — | 300 | +| before-filter | hook function before filtering with the value to be filtered as its parameter. If `false` is returned or a `Promise` is returned and then is rejected, filtering will be aborted | function(value) | — | — | +| popper-class | custom class name for Cascader's dropdown | string | — | — | +| popper-append-to-body | whether to append the popper menu to body. If the positioning of the popper is wrong, you can try to set this prop to false | boolean | - | true | ## Cascader Events diff --git a/docs/en-US/component/checkbox.md b/docs/en-US/component/checkbox.md index c034892e9c..d41fef5836 100644 --- a/docs/en-US/component/checkbox.md +++ b/docs/en-US/component/checkbox.md @@ -77,18 +77,18 @@ checkbox/with-border ## Checkbox Attributes -| Attribute | Description | Type | Accepted Values | Default | -| --------------------- | --------------------------------------------------------- | ---------------------------------- | --------------------- | ------- | -| model-value / v-model | binding value | string / number / boolean | — | — | -| label | value of the Checkbox when used inside a `checkbox-group` | string / number / boolean / object | — | — | -| true-label | value of the Checkbox if it's checked | string / number | — | — | -| false-label | value of the Checkbox if it's not checked | string / number | — | — | -| disabled | whether the Checkbox is disabled | boolean | — | false | -| border | whether to add a border around Checkbox | boolean | — | false | -| size | size of the Checkbox | string | medium / small / mini | — | -| name | native 'name' attribute | string | — | — | -| checked | if the Checkbox is checked | boolean | — | false | -| indeterminate | same as `indeterminate` in native checkbox | boolean | — | false | +| Attribute | Description | Type | Accepted Values | Default | +| --------------------- | --------------------------------------------------------- | ---------------------------------- | ---------------------- | ------- | +| model-value / v-model | binding value | string / number / boolean | — | — | +| label | value of the Checkbox when used inside a `checkbox-group` | string / number / boolean / object | — | — | +| true-label | value of the Checkbox if it's checked | string / number | — | — | +| false-label | value of the Checkbox if it's not checked | string / number | — | — | +| disabled | whether the Checkbox is disabled | boolean | — | false | +| border | whether to add a border around Checkbox | boolean | — | false | +| size | size of the Checkbox | string | large / default /small | — | +| name | native 'name' attribute | string | — | — | +| checked | if the Checkbox is checked | boolean | — | false | +| indeterminate | same as `indeterminate` in native checkbox | boolean | — | false | ## Checkbox Events @@ -104,15 +104,15 @@ checkbox/with-border ## Checkbox-group Attributes -| Attribute | Description | Type | Accepted Values | Default | -| --------------------- | ------------------------------------------------- | ------- | --------------------- | ------- | -| model-value / v-model | binding value | array | — | — | -| size | size of checkbox | string | medium / small / mini | — | -| disabled | whether the nesting checkboxes are disabled | boolean | — | false | -| min | minimum number of checkbox checked | number | — | — | -| max | maximum number of checkbox checked | number | — | — | -| text-color | font color when button is active | string | — | #ffffff | -| fill | border and background color when button is active | string | — | #409EFF | +| Attribute | Description | Type | Accepted Values | Default | +| --------------------- | ------------------------------------------------- | ------- | ---------------------- | ------- | +| model-value / v-model | binding value | array | — | — | +| size | size of checkbox | string | large / default /small | — | +| disabled | whether the nesting checkboxes are disabled | boolean | — | false | +| min | minimum number of checkbox checked | number | — | — | +| max | maximum number of checkbox checked | number | — | — | +| text-color | font color when button is active | string | — | #ffffff | +| fill | border and background color when button is active | string | — | #409EFF | ## Checkbox-group Events diff --git a/docs/en-US/component/color-picker.md b/docs/en-US/component/color-picker.md index 6b41b7b6aa..e4feac0a09 100644 --- a/docs/en-US/component/color-picker.md +++ b/docs/en-US/component/color-picker.md @@ -41,15 +41,15 @@ color-picker/sizes ## Attributes -| Attribute | Description | Type | Accepted Values | Default | -| --------------------- | ------------------------------------------------- | ------------------ | --------------------- | ------------------------------------------------------------- | -| model-value / v-model | binding value | string | — | — | -| disabled | whether to disable the ColorPicker | boolean | — | false | -| size | size of ColorPicker | string | medium / small / mini | — | -| show-alpha | whether to display the alpha slider | boolean | — | false | -| color-format | color format of v-model | string | hsl / hsv / hex / rgb | hex (when show-alpha is false)/ rgb (when show-alpha is true) | -| popper-class | custom icon compontent for ColorPicker's dropdown | string / Component | — | — | -| predefine | predefined color options | array | — | — | +| Attribute | Description | Type | Accepted Values | Default | +| --------------------- | ------------------------------------------------- | ------------------ | ---------------------- | ------------------------------------------------------------- | +| model-value / v-model | binding value | string | — | — | +| disabled | whether to disable the ColorPicker | boolean | — | false | +| size | size of ColorPicker | string | large / default /small | — | +| show-alpha | whether to display the alpha slider | boolean | — | false | +| color-format | color format of v-model | string | hsl / hsv / hex / rgb | hex (when show-alpha is false)/ rgb (when show-alpha is true) | +| popper-class | custom icon compontent for ColorPicker's dropdown | string / Component | — | — | +| predefine | predefined color options | array | — | — | ## Events diff --git a/docs/en-US/component/date-picker.md b/docs/en-US/component/date-picker.md index e8a674bac5..5ca1bf8d80 100644 --- a/docs/en-US/component/date-picker.md +++ b/docs/en-US/component/date-picker.md @@ -10,8 +10,9 @@ Use Date Picker for date input. ## Date and time @@ -73,7 +67,7 @@ datetime-picker/default-time | disabled | whether DatePicker is disabled | boolean | — | false | | editable | whether the input is editable | boolean | — | true | | clearable | whether to show clear button | boolean | — | true | -| size | size of Input | string | large/medium/small/mini | large | +| size | size of Input | string | large/default/small | default | | placeholder | placeholder in non-range mode | string | — | — | | start-placeholder | placeholder for the start date in range mode | string | — | — | | end-placeholder | placeholder for the end date in range mode | string | — | — | diff --git a/docs/en-US/component/descriptions.md b/docs/en-US/component/descriptions.md index ec97e29a79..b2cc5193fe 100644 --- a/docs/en-US/component/descriptions.md +++ b/docs/en-US/component/descriptions.md @@ -57,14 +57,14 @@ descriptions/customized-style ## Descriptions Attributes -| Attribute | Description | Type | Accepted Values | Default | -| --------- | ------------------------------------------ | ------- | --------------------- | ---------- | -| border | with or without border | boolean | — | false | -| column | numbers of `Descriptions Item` in one line | number | — | 3 | -| direction | direction of list | string | vertical / horizontal | horizontal | -| size | size of list | string | medium / small / mini | — | -| title | title text, display on the top left | string | — | — | -| extra | extra text, display on the top right | string | — | — | +| Attribute | Description | Type | Accepted Values | Default | +| --------- | ------------------------------------------ | ------- | ----------------------- | ---------- | +| border | with or without border | boolean | — | false | +| column | numbers of `Descriptions Item` in one line | number | — | 3 | +| direction | direction of list | string | vertical / horizontal | horizontal | +| size | size of list | string | large / default / small | default | +| title | title text, display on the top left | string | — | — | +| extra | extra text, display on the top right | string | — | — | ## Descriptions Slots diff --git a/docs/en-US/component/dropdown.md b/docs/en-US/component/dropdown.md index 5501a07168..dbcb394a3d 100644 --- a/docs/en-US/component/dropdown.md +++ b/docs/en-US/component/dropdown.md @@ -101,7 +101,7 @@ dropdown/command-event Besides default size, Dropdown component provides three additional sizes for you to choose among different scenarios. -:::demo Use attribute `size` to set additional sizes with `medium`, `small` or `mini`. +:::demo Use attribute `size` to set additional sizes with `large`, `default` or `small`. dropdown/sizes @@ -112,7 +112,7 @@ dropdown/sizes | Attribute | Description | Type | Accepted Values | Default | | ------------- | ---------------------------------------------------------------------------------------------------- | --------------- | ---------------------------------------------------- | ------- | | type | menu button type, refer to `Button` Component, only works when `split-button` is true | string | — | — | -| size | menu size, also works on the split button | string | medium / small / mini | — | +| size | menu size, also works on the split button | string | large / default / small | default | | max-height | the max height of menu | string / number | — | — | | split-button | whether a button group is displayed | boolean | — | false | | disabled | Whether to disable | boolean | — | false | diff --git a/docs/en-US/component/form.md b/docs/en-US/component/form.md index 9924d0103f..ffc5346b58 100644 --- a/docs/en-US/component/form.md +++ b/docs/en-US/component/form.md @@ -189,21 +189,21 @@ form/size-control ## Form Attributes -| Attribute | Description | Type | Accepted Values | Default | -| ----------------------- | --------------------------------------------------------------------------------------------------------------------------------- | --------------- | --------------------- | ------- | -| model | data of form component | object | — | — | -| rules | validation rules of form | object | — | — | -| inline | whether the form is inline | boolean | — | false | -| label-position | position of label. If set to 'left' or 'right', `label-width` prop is also required | string | left / right / top | right | -| label-width | width of label, e.g. '50px'. All its direct child form items will inherit this value. Width `auto` is supported. | string / number | — | — | -| label-suffix | suffix of the label | string | — | — | -| hide-required-asterisk | whether required fields should have a red asterisk (star) beside their labels | boolean | — | false | -| show-message | whether to show the error message | boolean | — | true | -| inline-message | whether to display the error message inline with the form item | boolean | — | false | -| status-icon | whether to display an icon indicating the validation result | boolean | — | false | -| validate-on-rule-change | whether to trigger validation when the `rules` prop is changed | boolean | — | true | -| size | control the size of components in this form | string | medium / small / mini | — | -| disabled | whether to disabled all components in this form. If set to true, it cannot be overridden by its inner components' `disabled` prop | boolean | — | false | +| Attribute | Description | Type | Accepted Values | Default | +| ----------------------- | --------------------------------------------------------------------------------------------------------------------------------- | --------------- | ----------------------- | ------- | +| model | data of form component | object | — | — | +| rules | validation rules of form | object | — | — | +| inline | whether the form is inline | boolean | — | false | +| label-position | position of label. If set to 'left' or 'right', `label-width` prop is also required | string | left / right / top | right | +| label-width | width of label, e.g. '50px'. All its direct child form items will inherit this value. Width `auto` is supported. | string / number | — | — | +| label-suffix | suffix of the label | string | — | — | +| hide-required-asterisk | whether required fields should have a red asterisk (star) beside their labels | boolean | — | false | +| show-message | whether to show the error message | boolean | — | true | +| inline-message | whether to display the error message inline with the form item | boolean | — | false | +| status-icon | whether to display an icon indicating the validation result | boolean | — | false | +| validate-on-rule-change | whether to trigger validation when the `rules` prop is changed | boolean | — | true | +| size | control the size of components in this form | string | large / default / small | — | +| disabled | whether to disabled all components in this form. If set to true, it cannot be overridden by its inner components' `disabled` prop | boolean | — | false | ## Form Methods @@ -239,7 +239,7 @@ form/size-control | error | field error message, set its value and the field will validate error and show this message immediately | string | — | — | | show-message | whether to show the error message | boolean | — | true | | inline-message | inline style validate message | boolean | — | false | -| size | control the size of components in this form-item | string | medium / small / mini | — | +| size | control the size of components in this form-item | string | large / default / small | default | ## Rules diff --git a/docs/en-US/component/input-number.md b/docs/en-US/component/input-number.md index 157f7b08d8..03dd72ae76 100644 --- a/docs/en-US/component/input-number.md +++ b/docs/en-US/component/input-number.md @@ -63,7 +63,7 @@ The value of `precision` must be a non negative integer and should not be less t ## Size -Use attribute `size` to set additional sizes with `medium`, `small` or `mini`. +Use attribute `size` to set additional sizes with `large` or `small`. :::demo @@ -81,21 +81,21 @@ input-number/controlled ## Attributes -| Attribute | Description | Type | Accepted Values | Default | -| --------------------- | ------------------------------------------------ | ------------------ | ----------------------- | ----------- | -| model-value / v-model | binding value | number / undefined | — | — | -| min | the minimum allowed value | number | — | `-Infinity` | -| max | the maximum allowed value | number | — | `Infinity` | -| step | incremental step | number | — | 1 | -| step-strictly | whether input value can only be multiple of step | boolean | — | false | -| precision | precision of input value | number | — | — | -| size | size of the component | string | large/medium/small/mini | large | -| disabled | whether the component is disabled | boolean | — | false | -| controls | whether to enable the control buttons | boolean | — | true | -| controls-position | position of the control buttons | string | right | - | -| name | same as `name` in native input | string | — | — | -| label | label text | string | — | — | -| placeholder | placeholder in input | string | - | - | +| Attribute | Description | Type | Accepted Values | Default | +| --------------------- | ------------------------------------------------ | ------------------ | --------------- | ----------- | +| model-value / v-model | binding value | number / undefined | — | — | +| min | the minimum allowed value | number | — | `-Infinity` | +| max | the maximum allowed value | number | — | `Infinity` | +| step | incremental step | number | — | 1 | +| step-strictly | whether input value can only be multiple of step | boolean | — | false | +| precision | precision of input value | number | — | — | +| size | size of the component | string | large/small | default | +| disabled | whether the component is disabled | boolean | — | false | +| controls | whether to enable the control buttons | boolean | — | true | +| controls-position | position of the control buttons | string | right | - | +| name | same as `name` in native input | string | — | — | +| label | label text | string | — | — | +| placeholder | placeholder in input | string | - | - | ## Events diff --git a/docs/en-US/component/input.md b/docs/en-US/component/input.md index ddc269c585..4cdb541509 100644 --- a/docs/en-US/component/input.md +++ b/docs/en-US/component/input.md @@ -137,35 +137,35 @@ input/length-limiting ## Input Attributes -| Attribute | Description | Type | Accepted Values | Default | -| -------------------- | ------------------------------------------------------------------------------------------------------------------------------------ | ------------------ | ------------------------------------------------------------------------------------------------------------------------------------- | ------- | -| type | type of input | string | text, textarea and other [native input types](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types) | text | -| modelValue / v-model | binding value | string / number | — | — | -| maxlength | the max length | string / number | — | — | -| minlength | same as `minlength` in native input | number | — | — | -| show-word-limit | whether show word count，only works when `type` is 'text' or 'textarea' | boolean | — | false | -| placeholder | placeholder of Input | string | — | — | -| clearable | whether to show clear button | boolean | — | false | -| show-password | whether to show toggleable password input | boolean | — | false | -| disabled | whether Input is disabled | boolean | — | false | -| size | size of Input, works when `type` is not 'textarea' | string | medium / small / mini | — | -| prefix-icon | prefix icon component | string / Component | — | — | -| suffix-icon | suffix icon component | string / Component | — | — | -| rows | number of rows of textarea, only works when `type` is 'textarea' | number | — | 2 | -| autosize | whether textarea has an adaptive height, only works when `type` is 'textarea'. Can accept an object, e.g. { minRows: 2, maxRows: 6 } | boolean / object | — | false | -| autocomplete | same as `autocomplete` in native input | string | — | off | -| name | same as `name` in native input | string | — | — | -| readonly | same as `readonly` in native input | boolean | — | false | -| max | same as `max` in native input | — | — | — | -| min | same as `min` in native input | — | — | — | -| step | same as `step` in native input | — | — | — | -| resize | control the resizability | string | none / both / horizontal / vertical | — | -| autofocus | same as `autofocus` in native input | boolean | — | false | -| form | same as `form` in native input | string | — | — | -| label | label text | string | — | — | -| tabindex | input tabindex | string / number | - | - | -| validate-event | whether to trigger form validation | boolean | - | true | -| input-style | the style of the input element or textarea element | object | - | {} | +| Attribute | Description | Type | Accepted Values | Default | +| -------------------- | -------------------------------------------------------------------------------------------------------------------------------------- | ------------------ | ------------------------------------------------------------------------------------------------------------------------------------- | ------- | +| type | type of input | string | text, textarea and other [native input types](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types) | text | +| modelValue / v-model | binding value | string / number | — | — | +| maxlength | the max length | string / number | — | — | +| minlength | same as `minlength` in native input | number | — | — | +| show-word-limit | whether show word count，only works when `type` is 'text' or 'textarea' | boolean | — | false | +| placeholder | placeholder of Input | string | — | — | +| clearable | whether to show clear button | boolean | — | false | +| show-password | whether to show toggleable password input | boolean | — | false | +| disabled | whether Input is disabled | boolean | — | false | +| size | size of Input, works when `type` is not 'textarea' | string | large / small | — | +| prefix-icon | prefix icon component | string / Component | — | — | +| suffix-icon | suffix icon component | string / Component | — | — | +| rows | number of rows of textarea, only works when `type` is 'textarea' | number | — | 2 | +| autosize | whether textarea has an adaptive height, only works when `type` is 'textarea'. Can accept an object, e.g. `{ minRows: 2, maxRows: 6 }` | boolean / object | — | false | +| autocomplete | same as `autocomplete` in native input | string | — | off | +| name | same as `name` in native input | string | — | — | +| readonly | same as `readonly` in native input | boolean | — | false | +| max | same as `max` in native input | — | — | — | +| min | same as `min` in native input | — | — | — | +| step | same as `step` in native input | — | — | — | +| resize | control the resizability | string | none / both / horizontal / vertical | — | +| autofocus | same as `autofocus` in native input | boolean | — | false | +| form | same as `form` in native input | string | — | — | +| label | label text | string | — | — | +| tabindex | input tabindex | string / number | - | - | +| validate-event | whether to trigger form validation | boolean | - | true | +| input-style | the style of the input element or textarea element | object | - | {} | ## Input slots diff --git a/docs/en-US/component/message-box.md b/docs/en-US/component/message-box.md index 47ca7e51f2..62951a4d52 100644 --- a/docs/en-US/component/message-box.md +++ b/docs/en-US/component/message-box.md @@ -148,4 +148,4 @@ The corresponding methods are: `ElMessageBox`, `ElMessageBox.alert`, `ElMessageB | input-error-message | error message when validation fails | string | — | Illegal input | | center | whether to align the content in center | boolean | — | false | | round-button | whether to use round button | boolean | — | false | -| button-size | custom size of confirm and cancel buttons | string | mini / small / medium / large | small | +| button-size | custom size of confirm and cancel buttons | string | small / default / large | default | diff --git a/docs/en-US/component/radio.md b/docs/en-US/component/radio.md index 63cce7ca6d..46766fef49 100644 --- a/docs/en-US/component/radio.md +++ b/docs/en-US/component/radio.md @@ -57,14 +57,14 @@ radio/with-borders ## Radio Attributes -| Attribute | Description | Type | Accepted Values | Default | -| --------------------- | ------------------------------------ | ------------------------- | --------------------- | ------- | -| model-value / v-model | binding value | string / number / boolean | — | — | -| label | the value of Radio | string / number / boolean | — | — | -| disabled | whether Radio is disabled | boolean | — | false | -| border | whether to add a border around Radio | boolean | — | false | -| size | size of the Radio | string | medium / small / mini | — | -| name | native 'name' attribute | string | — | — | +| Attribute | Description | Type | Accepted Values | Default | +| --------------------- | ------------------------------------ | ------------------------- | ---------------------- | ------- | +| model-value / v-model | binding value | string / number / boolean | — | — | +| label | the value of Radio | string / number / boolean | — | — | +| disabled | whether Radio is disabled | boolean | — | false | +| border | whether to add a border around Radio | boolean | — | false | +| size | size of the Radio | string | large / default /small | — | +| name | native 'name' attribute | string | — | — | ## Radio Events @@ -83,7 +83,7 @@ radio/with-borders | Attribute | Description | Type | Accepted Values | Default | | --------------------- | ------------------------------------------------- | ------------------------- | --------------------- | ------- | | model-value / v-model | binding value | string / number / boolean | — | — | -| size | the size of radio | string | medium / small / mini | — | +| size | the size of radio | string | large / small / small | default | | disabled | whether the nesting radios are disabled | boolean | — | false | | text-color | font color when button is active | string | — | #ffffff | | fill | border and background color when button is active | string | — | #409EFF | diff --git a/docs/en-US/component/select-v2.md b/docs/en-US/component/select-v2.md index 13aea453db..b0c27dff2a 100644 --- a/docs/en-US/component/select-v2.md +++ b/docs/en-US/component/select-v2.md @@ -116,29 +116,29 @@ select-v2/remote-search ## SelectV2 Attributes -| Param | Description | Type | Accepted Values | Default | -| --------------------- | --------------------------------------------------------------------------------------------------------------------------- | ---------------------------------- | ----------------- | ------------- | -| model-value / v-model | biding value | string / number / boolean / object | — | — | -| multiple | is multiple | boolean | — | false | -| disabled | is disabled | boolean | — | false | -| value-key | unique identity key name for value, required when value is an object | string | — | value | -| size | input box size | string | medium/small/mini | — | -| clearable | whether select can be cleared | boolean | — | false | -| collapse-tags | whether to collapse tags to a text when multiple selecting | boolean | — | false | -| multiple-limit | maximum number of options user can select when multiple is true. No limit when set to 0 | number | — | 0 | -| name | the name attribute of select input | string | — | — | -| autocomplete | select input 的 autocomplete 属性 | string | — | off | -| placeholder | the autocomplete attribute of select input | string | — | Please select | -| filterable | is filterable | boolean | — | false | -| allow-create | whether creating new items is allowed. To use this, `filterable` must be true | boolean | — | false | -| no-data-text | displayed text when there is no options, you can also use slot empty | string | — | No Data | -| popper-class | custom class name for Select's dropdown | string | — | — | -| popper-append-to-body | whether to append the popper menu to body. If the positioning of the popper is wrong, you can try to set this prop to false | boolean | - | false | -| popper-options | Customized popper option see more at [popper.js](https://popper.js.org/documentation.html) | object | - | - | -| automatic-dropdown | for non-filterable Select, this prop decides if the option menu pops up when the input is focused | boolean | - | false | -| clear-icon | Customized clear icon component | string / Component | — | CircleClose | -| height | The height of the dropdown panel, 34px for each item | number | - | 170 | -| scrollbar-always-on | Controls whether the scrollbar is always displayed | boolean | - | false | +| Param | Description | Type | Accepted Values | Default | +| --------------------- | --------------------------------------------------------------------------------------------------------------------------- | ---------------------------------- | ------------------- | ------------- | +| model-value / v-model | biding value | string / number / boolean / object | — | — | +| multiple | is multiple | boolean | — | false | +| disabled | is disabled | boolean | — | false | +| value-key | unique identity key name for value, required when value is an object | string | — | value | +| size | input box size | string | large/default/small | default | +| clearable | whether select can be cleared | boolean | — | false | +| collapse-tags | whether to collapse tags to a text when multiple selecting | boolean | — | false | +| multiple-limit | maximum number of options user can select when multiple is true. No limit when set to 0 | number | — | 0 | +| name | the name attribute of select input | string | — | — | +| autocomplete | select input 的 autocomplete 属性 | string | — | off | +| placeholder | the autocomplete attribute of select input | string | — | Please select | +| filterable | is filterable | boolean | — | false | +| allow-create | whether creating new items is allowed. To use this, `filterable` must be true | boolean | — | false | +| no-data-text | displayed text when there is no options, you can also use slot empty | string | — | No Data | +| popper-class | custom class name for Select's dropdown | string | — | — | +| popper-append-to-body | whether to append the popper menu to body. If the positioning of the popper is wrong, you can try to set this prop to false | boolean | - | false | +| popper-options | Customized popper option see more at [popper.js](https://popper.js.org/documentation.html) | object | - | - | +| automatic-dropdown | for non-filterable Select, this prop decides if the option menu pops up when the input is focused | boolean | - | false | +| clear-icon | Customized clear icon component | string / Component | — | CircleClose | +| height | The height of the dropdown panel, 34px for each item | number | - | 170 | +| scrollbar-always-on | Controls whether the scrollbar is always displayed | boolean | - | false | @@ -166,7 +166,7 @@ select-v2/remote-search ## SelectV2 Slots -|   name  | 说明   | +| name | 说明 | | ------- | ------------------ | | default | Option renderer | | empty | 无 Option 时的列表 | diff --git a/docs/en-US/component/select.md b/docs/en-US/component/select.md index 8e0447a9fc..dd8408f937 100644 --- a/docs/en-US/component/select.md +++ b/docs/en-US/component/select.md @@ -123,7 +123,7 @@ If the binding value of Select is an object, make sure to assign `value-key` as | multiple | whether multiple-select is activated | boolean | — | false | | disabled | whether Select is disabled | boolean | — | false | | value-key | unique identity key name for value, required when value is an object | string | — | value | -| size | size of Input | string | large/medium/small/mini | large | +| size | size of Input | string | large/default/small | default | | clearable | whether select can be cleared | boolean | — | false | | collapse-tags | whether to collapse tags to a text when multiple selecting | boolean | — | false | | multiple-limit | maximum number of options user can select when `multiple` is `true`. No limit when set to 0 | number | — | 0 | diff --git a/docs/en-US/component/slider.md b/docs/en-US/component/slider.md index b2698bec6a..ae46a83c36 100644 --- a/docs/en-US/component/slider.md +++ b/docs/en-US/component/slider.md @@ -88,26 +88,26 @@ slider/show-marks ## Attributes -| Attribute | Description | Type | Accepted Values | Default | -| --------------------- | --------------------------------------------------------------------------------------------------------- | --------------- | ----------------------------- | ------- | -| model-value / v-model | binding value | number | — | 0 | -| min | minimum value | number | — | 0 | -| max | maximum value | number | — | 100 | -| disabled | whether Slider is disabled | boolean | — | false | -| step | step size | number | — | 1 | -| show-input | whether to display an input box, works when `range` is false | boolean | — | false | -| show-input-controls | whether to display control buttons when `show-input` is true | boolean | — | true | -| input-size | size of the input box | string | large / medium / small / mini | small | -| show-stops | whether to display breakpoints | boolean | — | false | -| show-tooltip | whether to display tooltip value | boolean | — | true | -| format-tooltip | format to display tooltip value | function(value) | — | — | -| range | whether to select a range | boolean | — | false | -| vertical | vertical mode | boolean | — | false | -| height | Slider height, required in vertical mode | string | — | — | -| label | label for screen reader | string | — | — | -| debounce | debounce delay when typing, in milliseconds, works when `show-input` is true | number | — | 300 | -| tooltip-class | custom class name for the tooltip | string | — | — | -| marks | marks， type of key must be `number` and must in closed interval `[min, max]`, each mark can custom style | object | — | — | +| Attribute | Description | Type | Accepted Values | Default | +| --------------------- | --------------------------------------------------------------------------------------------------------- | --------------- | ---------------------- | ------- | +| model-value / v-model | binding value | number | — | 0 | +| min | minimum value | number | — | 0 | +| max | maximum value | number | — | 100 | +| disabled | whether Slider is disabled | boolean | — | false | +| step | step size | number | — | 1 | +| show-input | whether to display an input box, works when `range` is false | boolean | — | false | +| show-input-controls | whether to display control buttons when `show-input` is true | boolean | — | true | +| input-size | size of the input box | string | large / default /small | default | +| show-stops | whether to display breakpoints | boolean | — | false | +| show-tooltip | whether to display tooltip value | boolean | — | true | +| format-tooltip | format to display tooltip value | function(value) | — | — | +| range | whether to select a range | boolean | — | false | +| vertical | vertical mode | boolean | — | false | +| height | Slider height, required in vertical mode | string | — | — | +| label | label for screen reader | string | — | — | +| debounce | debounce delay when typing, in milliseconds, works when `show-input` is true | number | — | 300 | +| tooltip-class | custom class name for the tooltip | string | — | — | +| marks | marks， type of key must be `number` and must in closed interval `[min, max]`, each mark can custom style | object | — | — | ## Events diff --git a/docs/en-US/component/space.md b/docs/en-US/component/space.md index edcf8e66b2..c24ad95e4a 100644 --- a/docs/en-US/component/space.md +++ b/docs/en-US/component/space.md @@ -31,7 +31,7 @@ space/vertical-layout Control the space size via `size` API. -You can set the size with built-in sizes `mini`, `small`, `medium`, `large`, these size coresponds to `4px`, `8px`, `12px`, `16px`. The default size is `small`, A.K.A. `8px` +You can set the size with built-in sizes `small`, `default`, `large`, these size coresponds to `4px`, `8px`, `12px`, `16px`. The default size is `small`, A.K.A. `8px` You can also using customized size to override it. Refer to the next part. diff --git a/docs/en-US/component/tag.md b/docs/en-US/component/tag.md index 62d0715884..e15f0d8622 100644 --- a/docs/en-US/component/tag.md +++ b/docs/en-US/component/tag.md @@ -37,7 +37,7 @@ tag/editable Besides default size, Tag component provides three additional sizes for you to choose among different scenarios. -:::demo Use attribute `size` to set additional sizes with `medium`, `small` or `mini`. +:::demo Use attribute `size` to set additional sizes with `large`, `default` or `small`. tag/sizes @@ -72,7 +72,7 @@ tag/checkable | disable-transitions | whether to disable animations | boolean | — | false | | hit | whether Tag has a highlighted border | boolean | — | false | | color | background color of the Tag | string | — | — | -| size | tag size | string | medium / small / mini | — | +| size | tag size | string | large / default /small | default | | effect | component theme | string | dark / light / plain | light | ## Events diff --git a/docs/en-US/component/time-picker.md b/docs/en-US/component/time-picker.md index 75fe3ebdbf..0579fd48bb 100644 --- a/docs/en-US/component/time-picker.md +++ b/docs/en-US/component/time-picker.md @@ -36,7 +36,7 @@ time-picker/range | disabled | whether TimePicker is disabled | boolean | — | false | | editable | whether the input is editable | boolean | — | true | | clearable | whether to show clear button | boolean | — | true | -| size | size of Input | string | medium / small / mini | — | +| size | size of Input | string | large / default / small | — | | placeholder | placeholder in non-range mode | string | — | — | | start-placeholder | placeholder for the start time in range mode | string | — | — | | end-placeholder | placeholder for the end time in range mode | string | — | — | diff --git a/docs/en-US/component/time-select.md b/docs/en-US/component/time-select.md index e953916bf0..deb637fc52 100644 --- a/docs/en-US/component/time-select.md +++ b/docs/en-US/component/time-select.md @@ -29,22 +29,22 @@ time-select/time-range ## Attributes -| Attribute | Description | Type | Accepted Values | Default | -| --------------------- | -------------------------------------------------------- | ------------------ | --------------------- | ----------- | -| model-value / v-model | binding value | string | — | — | -| disabled | whether TimeSelect is disabled | boolean | — | false | -| editable | whether the input is editable | boolean | — | true | -| clearable | whether to show clear button | boolean | — | true | -| size | size of Input | string | medium / small / mini | — | -| placeholder | placeholder in non-range mode | string | — | — | -| name | same as `name` in native input | string | — | — | -| prefix-icon | Custom prefix icon component | string / Component | — | Clock | -| clear-icon | Custom clear icon component | string / Component | — | CircleClose | -| start | start time | string | — | 09:00 | -| end | end time | string | — | 18:00 | -| step | time step | string | — | 00:30 | -| min-time | minimum time, any time before this time will be disabled | string | — | 00:00 | -| max-time | maximum time, any time after this time will be disabled | string | — | — | +| Attribute | Description | Type | Accepted Values | Default | +| --------------------- | -------------------------------------------------------- | ------------------ | ----------------------- | ----------- | +| model-value / v-model | binding value | string | — | — | +| disabled | whether TimeSelect is disabled | boolean | — | false | +| editable | whether the input is editable | boolean | — | true | +| clearable | whether to show clear button | boolean | — | true | +| size | size of Input | string | large / default / small | default | +| placeholder | placeholder in non-range mode | string | — | — | +| name | same as `name` in native input | string | — | — | +| prefix-icon | Custom prefix icon component | string / Component | — | Clock | +| clear-icon | Custom clear icon component | string / Component | — | CircleClose | +| start | start time | string | — | 09:00 | +| end | end time | string | — | 18:00 | +| step | time step | string | — | 00:30 | +| min-time | minimum time, any time before this time will be disabled | string | — | 00:00 | +| max-time | maximum time, any time after this time will be disabled | string | — | — | ## Events diff --git a/docs/examples/avatar/basic.vue b/docs/examples/avatar/basic.vue index f5a848d885..d828234032 100644 --- a/docs/examples/avatar/basic.vue +++ b/docs/examples/avatar/basic.vue @@ -34,7 +34,7 @@ export default defineComponent({ 'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png', squareUrl: 'https://cube.elemecdn.com/9/c2/f0ee8a3c7c9638a54940382568c9dpng.png', - sizeList: ['large', 'medium', 'small'], + sizeList: ['large', 'default', 'small'], }) return { diff --git a/docs/examples/button/basic.vue b/docs/examples/button/basic.vue index 6125b1dbaf..cc2f676db9 100644 --- a/docs/examples/button/basic.vue +++ b/docs/examples/button/basic.vue @@ -36,6 +36,7 @@ + + + diff --git a/docs/examples/checkbox/basic.vue b/docs/examples/checkbox/basic.vue index f85e328eed..55ecb82f18 100644 --- a/docs/examples/checkbox/basic.vue +++ b/docs/examples/checkbox/basic.vue @@ -1,28 +1,16 @@ diff --git a/docs/examples/input-number/size.vue b/docs/examples/input-number/size.vue index f8f97d7f5f..c1c5f282bc 100644 --- a/docs/examples/input-number/size.vue +++ b/docs/examples/input-number/size.vue @@ -1,25 +1,13 @@ - diff --git a/docs/examples/input/autocomplete.vue b/docs/examples/input/autocomplete.vue index db69a694c8..9609df49a5 100644 --- a/docs/examples/input/autocomplete.vue +++ b/docs/examples/input/autocomplete.vue @@ -1,7 +1,9 @@ - - - diff --git a/docs/examples/input/with-icon.vue b/docs/examples/input/with-icon.vue index 74b9054cba..f8e1519498 100644 --- a/docs/examples/input/with-icon.vue +++ b/docs/examples/input/with-icon.vue @@ -1,33 +1,34 @@ @@ -44,9 +46,7 @@ export default defineComponent({ const { size } = props return typeof size === 'number' ? { - height: `${size}px`, - width: `${size}px`, - lineHeight: `${size}px`, + '--el-avatar-size': `${size}px`, } : {} }) diff --git a/packages/components/button/__tests__/button.spec.ts b/packages/components/button/__tests__/button.spec.ts index aa100a4d1e..0f058f8daf 100644 --- a/packages/components/button/__tests__/button.spec.ts +++ b/packages/components/button/__tests__/button.spec.ts @@ -35,9 +35,9 @@ describe('Button.vue', () => { }) it('size', () => { const wrapper = mount(Button, { - props: { size: 'medium' }, + props: { size: 'default' }, }) - expect(wrapper.classes()).toContain('el-button--medium') + expect(wrapper.classes()).toContain('el-button--default') }) it('plain', () => { const wrapper = mount(Button, { @@ -132,7 +132,6 @@ describe('Button Group', () => { h(ButtonGroup, { size: size.value }, () => [ h(Button, { type: 'primary' }, () => 'Prev'), h(Button, { type: 'primary' }, () => 'Next'), - h(Button, { type: 'primary', size: 'mini' }, () => 'Mini'), ]) }, }) @@ -140,19 +139,13 @@ describe('Button Group', () => { expect( wrapper.findAll('.el-button-group button.el-button--small').length ).toBe(2) - expect( - wrapper.findAll('.el-button-group button.el-button--mini').length - ).toBe(1) - size.value = 'medium' + size.value = 'default' await nextTick() expect( - wrapper.findAll('.el-button-group button.el-button--medium').length + wrapper.findAll('.el-button-group button.el-button--default').length ).toBe(2) - expect( - wrapper.findAll('.el-button-group button.el-button--mini').length - ).toBe(1) }) it('button group type', async () => { diff --git a/packages/components/button/src/button.ts b/packages/components/button/src/button.ts index 1db79ebd42..acb69a9a77 100644 --- a/packages/components/button/src/button.ts +++ b/packages/components/button/src/button.ts @@ -13,7 +13,7 @@ export const buttonType = [ 'text', '', ] as const -export const buttonSize = ['', 'large', 'medium', 'small', 'mini'] as const +export const buttonSize = ['', 'large', 'default', 'small'] as const export const buttonNativeType = ['button', 'submit', 'reset'] as const export const buttonProps = buildProps({ diff --git a/packages/components/cascader/src/index.vue b/packages/components/cascader/src/index.vue index 7a9788a551..e0f21d3e0e 100644 --- a/packages/components/cascader/src/index.vue +++ b/packages/components/cascader/src/index.vue @@ -200,9 +200,9 @@ type suggestionPanelType = InstanceType const DEFAULT_INPUT_HEIGHT = 40 const INPUT_HEIGHT_MAP = { - medium: 36, - small: 32, - mini: 28, + large: 36, + default: 32, + small: 28, } const popperOptions: Partial = { @@ -324,7 +324,7 @@ export default defineComponent({ ) const realSize = useSize() const tagSize = computed(() => - ['small', 'mini'].includes(realSize.value) ? 'mini' : 'small' + ['small'].includes(realSize.value) ? 'small' : '' ) const multiple = computed(() => !!props.props.multiple) const readonly = computed(() => !props.filterable || multiple.value) diff --git a/packages/components/checkbox/__tests__/checkbox.spec.ts b/packages/components/checkbox/__tests__/checkbox.spec.ts index f30d5393cd..4d54b1934b 100644 --- a/packages/components/checkbox/__tests__/checkbox.spec.ts +++ b/packages/components/checkbox/__tests__/checkbox.spec.ts @@ -87,6 +87,7 @@ describe('Checkbox', () => { expect(vm.checkList.length).toBe(0) await wrapper.findComponent({ ref: 'a' }).trigger('click') expect(vm.checkList.length).toBe(1) + expect(vm.checkList).toContain('a') await wrapper.findComponent({ ref: 'b' }).trigger('click') expect(vm.checkList.length).toBe(2) diff --git a/packages/components/color-picker/src/index.vue b/packages/components/color-picker/src/index.vue index ef7c72c051..6434ded9b5 100644 --- a/packages/components/color-picker/src/index.vue +++ b/packages/components/color-picker/src/index.vue @@ -31,13 +31,13 @@ @@ -74,20 +74,21 @@ :style="{ backgroundColor: displayedColor, }" - > - - - + + + + + + + - - - diff --git a/packages/components/date-picker/src/date-picker-com/panel-date-pick.vue b/packages/components/date-picker/src/date-picker-com/panel-date-pick.vue index 6f117a27cf..c3ba8f58cb 100644 --- a/packages/components/date-picker/src/date-picker-com/panel-date-pick.vue +++ b/packages/components/date-picker/src/date-picker-com/panel-date-pick.vue @@ -142,7 +142,7 @@ > diff --git a/packages/components/date-picker/src/date-picker-com/panel-date-range.vue b/packages/components/date-picker/src/date-picker-com/panel-date-range.vue index 46002c8ab5..0b4ac089f0 100644 --- a/packages/components/date-picker/src/date-picker-com/panel-date-range.vue +++ b/packages/components/date-picker/src/date-picker-com/panel-date-range.vue @@ -212,7 +212,7 @@
{ const wrapper = mountForm({ template: `
- + @@ -219,7 +219,7 @@ describe('Form', () => { }, }) expect(wrapper.findComponent(FormItem).classes()).toContain( - 'el-form-item--mini' + 'el-form-item--small' ) }) diff --git a/packages/components/pagination/src/components/jumper.vue b/packages/components/pagination/src/components/jumper.vue index 4ace62ef60..dadd7ebecd 100644 --- a/packages/components/pagination/src/components/jumper.vue +++ b/packages/components/pagination/src/components/jumper.vue @@ -2,7 +2,7 @@ {{ t('el.pagination.goto') }}
- + {{ finalCancelButtonText }} - + {{ finalConfirmButtonText }}
diff --git a/packages/components/select-v2/src/useSelect.ts b/packages/components/select-v2/src/useSelect.ts index c16676192d..aeddb03877 100644 --- a/packages/components/select-v2/src/useSelect.ts +++ b/packages/components/select-v2/src/useSelect.ts @@ -183,7 +183,7 @@ const useSelect = (props: ExtractPropTypes, emit) => { const selectSize = useSize() const collapseTagSize = computed(() => - ['small', 'mini'].indexOf(selectSize.value) > -1 ? 'mini' : 'small' + 'small' === selectSize.value ? 'small' : '' ) const tagMaxWidth = computed(() => { diff --git a/packages/components/select/src/select.vue b/packages/components/select/src/select.vue index 828d2370bd..7dd2b8f729 100644 --- a/packages/components/select/src/select.vue +++ b/packages/components/select/src/select.vue @@ -444,9 +444,9 @@ export default defineComponent({ addResizeListener(selectWrapper.value as any, handleResize) if (reference.value && reference.value.$el) { const sizeMap = { - medium: 36, - small: 32, - mini: 28, + large: 36, + default: 32, + small: 28, } const input = reference.value.input states.initialInputHeight = diff --git a/packages/components/select/src/useSelect.ts b/packages/components/select/src/useSelect.ts index 5d40cb870e..1d6c41ff13 100644 --- a/packages/components/select/src/useSelect.ts +++ b/packages/components/select/src/useSelect.ts @@ -148,7 +148,7 @@ export const useSelect = (props, states: States, ctx) => { const selectSize = useSize() const collapseTagSize = computed(() => - ['small', 'mini'].indexOf(selectSize.value) > -1 ? 'mini' : 'small' + ['small'].indexOf(selectSize.value) > -1 ? 'small' : '' ) const dropMenuVisible = computed( diff --git a/packages/components/space/src/use-space.ts b/packages/components/space/src/use-space.ts index e8aa1edd5d..8ab29ef34c 100644 --- a/packages/components/space/src/use-space.ts +++ b/packages/components/space/src/use-space.ts @@ -6,9 +6,8 @@ import type { CSSProperties, StyleValue } from 'vue' import type { ComponentSize } from '@element-plus/utils/types' const SIZE_MAP: Record = { - mini: 4, small: 8, - medium: 12, + default: 12, large: 16, } diff --git a/packages/components/tag/__tests__/tag.spec.ts b/packages/components/tag/__tests__/tag.spec.ts index 7fc80896b1..5ba91e8ae4 100644 --- a/packages/components/tag/__tests__/tag.spec.ts +++ b/packages/components/tag/__tests__/tag.spec.ts @@ -96,8 +96,7 @@ describe('Tag.vue', () => { const vm = wrapper.vm const el = vm.$el expect(el.className.includes('el-tag--large')).toEqual(true) + expect(el.className.includes('el-tag--default')).toEqual(false) expect(el.className.includes('el-tag--small')).toEqual(false) - expect(el.className.includes('el-tag--mini')).toEqual(false) - expect(el.className.includes('el-tag--medium')).toEqual(false) }) }) diff --git a/packages/components/tag/src/tag.ts b/packages/components/tag/src/tag.ts index 34b91a12c2..dd133effad 100644 --- a/packages/components/tag/src/tag.ts +++ b/packages/components/tag/src/tag.ts @@ -17,7 +17,7 @@ export const tagProps = buildProps({ }, size: { type: String, - values: ['large', 'medium', 'small', 'mini'], + values: ['large', 'default', 'small'], }, effect: { type: String, diff --git a/packages/components/time-picker/__tests__/time-picker.spec.ts b/packages/components/time-picker/__tests__/time-picker.spec.ts index c4ade31373..a0ee43aa87 100644 --- a/packages/components/time-picker/__tests__/time-picker.spec.ts +++ b/packages/components/time-picker/__tests__/time-picker.spec.ts @@ -413,14 +413,14 @@ describe('TimePicker(range)', () => { const wrapper = _mount( ``, () => ({ value: [new Date(2016, 9, 10, 18, 40), new Date(2016, 9, 10, 19, 40)], }) ) - expect(wrapper.find('.el-range-editor--mini').exists()).toBeTruthy() + expect(wrapper.find('.el-range-editor--small').exists()).toBeTruthy() const input = wrapper.find('input') input.trigger('blur') input.trigger('focus') diff --git a/packages/components/time-select/src/time-select.vue b/packages/components/time-select/src/time-select.vue index f37861073b..c07236a1f3 100644 --- a/packages/components/time-select/src/time-select.vue +++ b/packages/components/time-select/src/time-select.vue @@ -111,7 +111,7 @@ export default defineComponent({ type: String as PropType, default: '', validator: (value: string) => - !value || ['medium', 'small', 'mini'].indexOf(value) !== -1, + !value || ['large', 'small'].indexOf(value) !== -1, }, placeholder: { type: String, diff --git a/packages/element-plus/package.json b/packages/element-plus/package.json index 10303c5cbb..1051b8daee 100644 --- a/packages/element-plus/package.json +++ b/packages/element-plus/package.json @@ -46,9 +46,9 @@ "vue": "^3.2.0" }, "dependencies": { - "@element-plus/icons-vue": "^0.2.2", + "@element-plus/icons-vue": "^0.2.4", "@popperjs/core": "^2.10.2", - "@vueuse/core": "^7.0.0", + "@vueuse/core": "^7.3.0", "async-validator": "^4.0.7", "dayjs": "^1.10.7", "lodash": "^4.17.21", diff --git a/packages/hooks/__tests__/use-form-item.spec.ts b/packages/hooks/__tests__/use-form-item.spec.ts index 1c15c2f0fa..99eb9783bf 100644 --- a/packages/hooks/__tests__/use-form-item.spec.ts +++ b/packages/hooks/__tests__/use-form-item.spec.ts @@ -48,7 +48,7 @@ describe('use-form-item', () => { }) it('should return props.size instead of injected.size', () => { - const propSize = 'mini' + const propSize = 'small' const wrapper = mountComponent( () => { provide(elFormItemKey, { @@ -66,7 +66,7 @@ describe('use-form-item', () => { }) it('should return fallback.size instead inject.size', () => { - const fallbackSize = 'mini' + const fallbackSize = 'small' const wrapper = mountComponent(() => { provide(buttonGroupContextKey, { size: fallbackSize, @@ -81,7 +81,7 @@ describe('use-form-item', () => { }) it('should return formItem.size instead form.size', () => { - const itemSize = 'mini' + const itemSize = 'small' const wrapper = mountComponent(() => { provide(elFormItemKey, { size: itemSize, diff --git a/packages/theme-chalk/src/avatar.scss b/packages/theme-chalk/src/avatar.scss index 1bc5b7638c..4bfcd9e5d4 100644 --- a/packages/theme-chalk/src/avatar.scss +++ b/packages/theme-chalk/src/avatar.scss @@ -1,25 +1,28 @@ +@use 'sass:map'; + @use 'mixins/mixins' as *; @use 'mixins/var' as *; @use 'common/var' as *; @include b(avatar) { @include set-component-css-var('avatar', $avatar); + @include set-component-css-var('avatar-size', $avatar-size); - display: inline-block; + display: inline-flex; + justify-content: center; + align-items: center; box-sizing: border-box; text-align: center; overflow: hidden; color: var(--el-avatar-text-color); background: var(--el-avatar-bg-color); - width: var(--el-avatar-large-size); - height: var(--el-avatar-large-size); - line-height: var(--el-avatar-large-size); - font-size: var(--el-avatar-text-font-size); + width: var(--el-avatar-size); + height: var(--el-avatar-size); + font-size: var(--el-avatar-text-size); > img { display: block; height: 100%; - vertical-align: middle; } @include m(circle) { @@ -31,14 +34,12 @@ } @include m(icon) { - font-size: var(--el-avatar-icon-font-size); + font-size: var(--el-avatar-icon-size); } - @each $size in (small, medium, large) { + @each $size in (small, default, large) { @include m($size) { - width: var(--el-avatar-#{$size}-size); - height: var(--el-avatar-#{$size}-size); - line-height: var(--el-avatar-#{$size}-size); + --el-avatar-size: #{map.get($avatar-size, $size)}; } } } diff --git a/packages/theme-chalk/src/button.scss b/packages/theme-chalk/src/button.scss index 9f785617d4..489e417daf 100644 --- a/packages/theme-chalk/src/button.scss +++ b/packages/theme-chalk/src/button.scss @@ -10,8 +10,10 @@ @include set-component-css-var('button', $button); } +$button-border-width: 1px; + @include b(button) { - display: inline-block; + display: inline-flex; line-height: 1; min-height: map.get($input-height, 'default'); white-space: nowrap; @@ -32,13 +34,18 @@ font-weight: var(--el-button-font-weight); user-select: none; + > span { + display: inline-flex; + align-items: center; + } + & + & { margin-left: 10px; } @include button-size( - map.get($button-padding-vertical, 'default'), - map.get($button-padding-horizontal, 'default'), + map.get($button-padding-vertical, 'default') - $button-border-width, + map.get($button-padding-horizontal, 'default') - $button-border-width, map.get($button-font-size, 'default'), map.get($button-border-radius, 'default') ); @@ -151,7 +158,6 @@ } @include when(round) { border-radius: var(--el-border-radius-round); - padding: 12px 23px; } @include when(circle) { border-radius: 50%; @@ -177,7 +183,7 @@ } } - @each $size in (medium, small, mini) { + @each $size in (large, small) { @include m($size) { min-height: map.get($input-height, $size); diff --git a/packages/theme-chalk/src/cascader.scss b/packages/theme-chalk/src/cascader.scss index 742c5306e6..159b5b14e2 100644 --- a/packages/theme-chalk/src/cascader.scss +++ b/packages/theme-chalk/src/cascader.scss @@ -73,7 +73,7 @@ } } - @each $size in (medium, small, mini) { + @each $size in (large, small) { @include m($size) { font-size: map.get($input-font-size, $size); line-height: map.get($input-height, $size); diff --git a/packages/theme-chalk/src/checkbox-button.scss b/packages/theme-chalk/src/checkbox-button.scss index 2dfa840aaf..cf5a027ce9 100644 --- a/packages/theme-chalk/src/checkbox-button.scss +++ b/packages/theme-chalk/src/checkbox-button.scss @@ -122,7 +122,7 @@ } } - @each $size in (medium, small, mini) { + @each $size in (large, small) { @include m($size) { .#{$namespace}-checkbox-button__inner { @include button-size( diff --git a/packages/theme-chalk/src/checkbox.scss b/packages/theme-chalk/src/checkbox.scss index bc188bf21f..aa885e5a47 100644 --- a/packages/theme-chalk/src/checkbox.scss +++ b/packages/theme-chalk/src/checkbox.scss @@ -9,10 +9,9 @@ $checkbox-height: () !default; $checkbox-height: map.merge( ( - 'default': 40px, - 'medium': 36px, - 'small': 32px, - 'mini': 28px, + 'large': 40px, + 'default': 32px, + 'small': 24px, ), $checkbox-height ); @@ -20,10 +19,9 @@ $checkbox-height: map.merge( $checkbox-bordered-padding: () !default; $checkbox-bordered-padding: map.merge( ( - 'default': 0 20px 0 10px, - 'medium': 0 20px 0 10px, + 'large': 0 20px 0 10px, + 'default': 0 15px 0 10px, 'small': 0 15px 0 10px, - 'mini': 0 15px 0 10px, ), $checkbox-bordered-padding ); @@ -31,9 +29,9 @@ $checkbox-bordered-padding: map.merge( $checkbox-bordered-input-height: () !default; $checkbox-bordered-input-height: map.merge( ( - 'medium': 14px, + 'large': 14px, + 'default': 12px, 'small': 12px, - 'mini': 12px, ), $checkbox-bordered-input-height ); @@ -61,7 +59,7 @@ $checkbox-bordered-input-width: map.merge( margin-right: 30px; height: map.get($checkbox-height, 'default'); - @each $size in (medium, small, mini) { + @each $size in (large, small) { &.#{$namespace}-checkbox--#{$size} { height: map.get($checkbox-height, $size); } @@ -86,7 +84,7 @@ $checkbox-bordered-input-width: map.merge( margin-left: 10px; } - @each $size in (medium, small, mini) { + @each $size in (large, small) { &.#{$namespace}-checkbox--#{$size} { padding: map.get($checkbox-bordered-padding, $size); border-radius: map.get($button-border-radius, $size); @@ -102,8 +100,7 @@ $checkbox-bordered-input-width: map.merge( } } - &.#{$namespace}-checkbox--small, - &.#{$namespace}-checkbox--mini { + &.#{$namespace}-checkbox--small { .#{$namespace}-checkbox__inner { &::after { height: 6px; diff --git a/packages/theme-chalk/src/color-picker.scss b/packages/theme-chalk/src/color-picker.scss index bd7c9b21e6..8fefe4fa5e 100644 --- a/packages/theme-chalk/src/color-picker.scss +++ b/packages/theme-chalk/src/color-picker.scss @@ -3,6 +3,16 @@ @use 'mixins/mixins' as *; @use 'common/var' as *; +$color-picker-size: () !default; +$color-picker-size: map.merge( + ( + 'large': 36px, + 'default': 32px, + 'small': 28px, + ), + $color-picker-size +); + @include b(color-predefine) { display: flex; font-size: 12px; @@ -228,7 +238,6 @@ display: inline-block; position: relative; line-height: normal; - height: 40px; @include when(disabled) { .#{$namespace}-color-picker__trigger { @@ -236,55 +245,26 @@ } } - @include m(medium) { - height: 36px; + @each $size in (large, small) { + @include m($size) { + height: map.get($color-picker-size, $size); - .#{$namespace}-color-picker__trigger { - height: 36px; - width: 36px; - } + .#{$namespace}-color-picker__trigger { + height: map.get($color-picker-size, $size); + width: map.get($color-picker-size, $size); + } - .#{$namespace}-color-picker__mask { - height: 34px; - width: 34px; + .#{$namespace}-color-picker__mask { + height: map.get($color-picker-size, $size)-2px; + width: map.get($color-picker-size, $size)-2px; + } } } @include m(small) { - height: 32px; - - .#{$namespace}-color-picker__trigger { - height: 32px; - width: 32px; - } - - .#{$namespace}-color-picker__mask { - height: 30px; - width: 30px; - } - .#{$namespace}-color-picker__icon, .#{$namespace}-color-picker__empty { - transform: translate3d(-50%, -50%, 0) scale(0.8); - } - } - - @include m(mini) { - height: 28px; - - .#{$namespace}-color-picker__trigger { - height: 28px; - width: 28px; - } - - .#{$namespace}-color-picker__mask { - height: 26px; - width: 26px; - } - - .#{$namespace}-color-picker__icon, - .#{$namespace}-color-picker__empty { - transform: translate3d(-50%, -50%, 0) scale(0.8); + transform: scale(0.8); } } @@ -301,10 +281,13 @@ } @include e(trigger) { - display: inline-block; + display: inline-flex; + justify-content: center; + align-items: center; + box-sizing: border-box; - height: 40px; - width: 40px; + height: map.get($color-picker-size, 'default'); + width: map.get($color-picker-size, 'default'); padding: 4px; border: 1px solid #e6e6e6; border-radius: 4px; @@ -329,31 +312,23 @@ } @include e(color-inner) { - position: absolute; - left: 0; - top: 0; - right: 0; - bottom: 0; + display: inline-flex; + justify-content: center; + align-items: center; + width: 100%; + height: 100%; } @include e(empty) { font-size: 12px; color: var(--el-text-color-secondary); - position: absolute; - top: 50%; - left: 50%; - transform: translate3d(-50%, -50%, 0); } @include e(icon) { - display: inline-block; - position: absolute; - width: 100%; - top: 50%; - left: 50%; - transform: translate3d(-50%, -50%, 0); + display: inline-flex; + justify-content: center; + align-items: center; color: $color-white; - text-align: center; font-size: 12px; } diff --git a/packages/theme-chalk/src/common/var.scss b/packages/theme-chalk/src/common/var.scss index ae4be24e3c..234679cab7 100644 --- a/packages/theme-chalk/src/common/var.scss +++ b/packages/theme-chalk/src/common/var.scss @@ -223,10 +223,9 @@ $radio: map.merge( $radio-height: () !default; $radio-height: map.merge( ( - 'default': 40px, - 'medium': 36px, - 'small': 32px, - 'mini': 28px, + 'large': 40px, + 'default': 32px, + 'small': 24px, ), $radio-height ); @@ -268,10 +267,9 @@ $radio-checked: map.merge( $radio-bordered-padding: () !default; $radio-bordered-padding: map.merge( ( - 'default': 0 20px 0 10px, - 'medium': 0 20px 0 10px, + 'large': 0 20px 0 10px, + 'default': 0 15px 0 10px, 'small': 0 15px 0 10px, - 'mini': 0 15px 0 10px, ), $radio-bordered-padding ); @@ -279,9 +277,9 @@ $radio-bordered-padding: map.merge( $radio-bordered-input-height: () !default; $radio-bordered-input-height: map.merge( ( - 'medium': 14px, + 'large': 14px, + 'default': 12px, 'small': 12px, - 'mini': 12px, ), $radio-bordered-input-height ); @@ -289,9 +287,9 @@ $radio-bordered-input-height: map.merge( $radio-bordered-input-width: () !default; $radio-bordered-input-width: map.merge( ( - 'medium': 14px, + 'large': 14px, + 'default': 12px, 'small': 12px, - 'mini': 12px, ), $radio-bordered-input-width ); @@ -455,10 +453,9 @@ $input-disabled: map.merge( $input-font-size: () !default; $input-font-size: map.merge( ( - 'default': var(--el-font-size-base, map.get($font-size, 'base')), - 'medium': 14px, - 'small': 13px, - 'mini': 12px, + 'large': var(--el-font-size-base, map.get($font-size, 'base')), + 'default': 12px, + 'small': 12px, ), $input-font-size ); @@ -466,10 +463,9 @@ $input-font-size: map.merge( $input-height: () !default; $input-height: map.merge( ( - 'default': 40px, - 'medium': 36px, - 'small': 32px, - 'mini': 28px, + 'large': 40px, + 'default': 32px, + 'small': 24px, ), $input-height ); @@ -477,9 +473,9 @@ $input-height: map.merge( $input-line-height: () !default; $input-line-height: map.merge( ( - 'medium': 28px, + 'large': 40px, + 'default': 32px, 'small': 24px, - 'mini': 20px, ), $input-line-height ); @@ -487,9 +483,9 @@ $input-line-height: map.merge( $input-number-width: () !default; $input-number-width: map.merge( ( - 'medium': 200px, - 'small': 130px, - 'mini': 130px, + 'large': 178px, + 'default': 146px, + 'small': 118px, ), $input-number-width ); @@ -564,10 +560,9 @@ $button-text-color: () !default; $button-font-size: () !default; $button-font-size: map.merge( ( + 'large': var(--el-font-size-base, map.get($font-size, 'base')), 'default': var(--el-font-size-base, map.get($font-size, 'base')), - 'medium': var(--el-font-size-base, map.get($font-size, 'base')), 'small': 12px, - 'mini': 12px, ), $button-font-size ); @@ -575,10 +570,9 @@ $button-font-size: map.merge( $button-border-radius: () !default; $button-border-radius: map.merge( ( + 'large': var(--el-border-radius-base), 'default': var(--el-border-radius-base), - 'medium': var(--el-border-radius-base), 'small': calc(var(--el-border-radius-base) - 1px), - 'mini': calc(var(--el-border-radius-base) - 1px), ), $button-border-radius ); @@ -586,10 +580,9 @@ $button-border-radius: map.merge( $button-padding-vertical: () !default; $button-padding-vertical: map.merge( ( - 'default': 12px, - 'medium': 10px, - 'small': 9px, - 'mini': 7px, + 'large': 12px, + 'default': 9px, + 'small': 6px, ), $button-padding-vertical ); @@ -597,10 +590,9 @@ $button-padding-vertical: map.merge( $button-padding-horizontal: () !default; $button-padding-horizontal: map.merge( ( - 'default': 20px, - 'medium': 20px, - 'small': 15px, - 'mini': 15px, + 'large': 20px, + 'default': 16px, + 'small': 8px, ), $button-padding-horizontal ); @@ -658,6 +650,26 @@ $table: map.merge( $table ); +$table-font-size: () !default; +$table-font-size: map.merge( + ( + 'large': var(--el-font-size-base, map.get($font-size, 'base')), + 'default': 12px, + 'small': 12px, + ), + $table-font-size +); + +$table-padding: () !default; +$table-padding: map.merge( + ( + 'large': 13px 0, + 'default': 10px 0, + 'small': 6px 0, + ), + $table-padding +); + // Pagination // css3 var in packages/theme-chalk/src/pagination.scss $pagination: () !default; @@ -748,7 +760,6 @@ $tag: map.merge( ( 'font-size': 12px, 'border-radius': 4px, - 'padding': 0 10px, ), $tag ); @@ -758,14 +769,23 @@ $tag-color: () !default; $tag-height: () !default; $tag-height: map.merge( ( - 'default': 32px, - 'medium': 28px, - 'small': 24px, - 'mini': 20px, + 'large': 32px, + 'default': 24px, + 'small': 20px, ), $tag-height ); +$tag-padding: () !default; +$tag-padding: map.merge( + ( + 'large': 12px, + 'default': 8px, + 'small': 4px, + ), + $tag-padding +); + @each $type in $types { $tag-color: map.merge( ( @@ -1081,16 +1101,23 @@ $avatar: map.merge( ( 'text-color': #fff, 'bg-color': #c0c4cc, - 'text-font-size': 14px, - 'icon-font-size': 18px, + 'text-size': 14px, + 'icon-size': 18px, 'border-radius': var(--el-border-radius-base), - 'large-size': 40px, - 'medium-size': 36px, - 'small-size': 28px, ), $avatar ); +$avatar-size: () !default; +$avatar-size: map.merge( + ( + 'large': 56px, + 'default': 40px, + 'small': 24px, + ), + $avatar-size +); + // Empty // css3 var in packages/theme-chalk/src/empty.scss diff --git a/packages/theme-chalk/src/date-picker/picker.scss b/packages/theme-chalk/src/date-picker/picker.scss index 90c2bf8a6b..1201ff830b 100644 --- a/packages/theme-chalk/src/date-picker/picker.scss +++ b/packages/theme-chalk/src/date-picker/picker.scss @@ -99,12 +99,12 @@ .#{$namespace}-range-separator { flex: 1; - display: inline-block; + display: inline-flex; + justify-content: center; + align-items: center; height: 100%; padding: 0 5px; margin: 0; - text-align: center; - line-height: 32px; font-size: 14px; word-break: keep-all; color: var(--el-text-color-primary); @@ -151,7 +151,7 @@ } } - @each $size in (medium, small, mini) { + @each $size in (large, small) { @include m($size) { line-height: map.get($input-height, $size); diff --git a/packages/theme-chalk/src/descriptions.scss b/packages/theme-chalk/src/descriptions.scss index 277b4cbcee..7c885641a6 100644 --- a/packages/theme-chalk/src/descriptions.scss +++ b/packages/theme-chalk/src/descriptions.scss @@ -1,7 +1,29 @@ +@use 'sass:map'; + @use 'mixins/mixins' as *; @use 'mixins/var' as *; @use 'common/var' as *; +$descriptions-cell-padding-bottom: () !default; +$descriptions-cell-padding-bottom: map.merge( + ( + 'large': 10px, + 'default': 8px, + 'small': 6px, + ), + $descriptions-cell-padding-bottom +); + +$descriptions-bordered-cell-padding: () !default; +$descriptions-bordered-cell-padding: map.merge( + ( + 'large': 10px, + 'default': 8px 10px, + 'small': 6px 10px, + ), + $descriptions-bordered-cell-padding +); + @include b(descriptions) { @include set-component-css-var('descriptions', $descriptions); @@ -53,58 +75,29 @@ .is-bordered { .#{$namespace}-descriptions__cell { border: var(--el-descriptions-table-border); - padding: 12px 10px; + padding: map.get($descriptions-bordered-cell-padding, 'default'); } } :not(.is-bordered) { .#{$namespace}-descriptions__cell { - padding-bottom: 12px; + padding-bottom: map.get($descriptions-cell-padding-bottom, 'default'); } } - @include m(medium) { - &.is-bordered { - .#{$namespace}-descriptions__cell { - padding: 10px; + @each $size in (large, small) { + @include m($size) { + font-size: map.get($input-font-size, $size); + &.is-bordered { + .#{$namespace}-descriptions__cell { + padding: map.get($descriptions-bordered-cell-padding, $size); + } } - } - &:not(.is-bordered) { - .#{$namespace}-descriptions__cell { - padding-bottom: 10px; - } - } - } - - @include m(small) { - font-size: 12px; - - &.is-bordered { - .#{$namespace}-descriptions__cell { - padding: 8px 10px; - } - } - - &:not(.is-bordered) { - .#{$namespace}-descriptions__cell { - padding-bottom: 8px; - } - } - } - - @include m(mini) { - font-size: 12px; - - &.is-bordered { - .#{$namespace}-descriptions__cell { - padding: 6px 10px; - } - } - - &:not(.is-bordered) { - .#{$namespace}-descriptions__cell { - padding-bottom: 6px; + &:not(.is-bordered) { + .#{$namespace}-descriptions__cell { + padding-bottom: map.get($descriptions-cell-padding-bottom, $size); + } } } } diff --git a/packages/theme-chalk/src/dropdown.scss b/packages/theme-chalk/src/dropdown.scss index 82d936b9a4..00a0411df7 100644 --- a/packages/theme-chalk/src/dropdown.scss +++ b/packages/theme-chalk/src/dropdown.scss @@ -4,10 +4,42 @@ @use 'mixins/var' as *; @use 'common/var' as *; +$dropdown-item-line-height: () !default; +$dropdown-item-line-height: map.merge( + ( + 'large': 22px, + 'default': 22px, + 'small': 20px, + ), + $dropdown-item-line-height +); + +$dropdown-item-padding: () !default; +$dropdown-item-padding: map.merge( + ( + 'large': 7px 20px, + 'default': 5px 16px, + 'small': 2px 12px, + ), + $dropdown-item-padding +); + +$dropdown-caret-width: () !default; +$dropdown-caret-width: map.merge( + ( + 'large': 40px, + 'default': 30px, + 'small': 20px, + ), + $dropdown-caret-width +); + +$dropdown-divider-width: 1px !default; + @include b(dropdown) { @include set-component-css-var('dropdown', $dropdown); - display: inline-block; + display: inline-flex; position: relative; color: var(--el-text-color-regular); font-size: var(--el-font-size-base); @@ -44,20 +76,19 @@ } } - .#{$namespace}-button-group { - display: block; - - .#{$namespace}-button { - float: none; - } - } - & .#{$namespace}-dropdown__caret-button { - padding-left: 5px; - padding-right: 5px; - position: relative; + padding-left: 0; + padding-right: 0; + display: inline-flex; + justify-content: center; + align-items: center; + width: map.get($dropdown-caret-width, 'default'); border-left: none; + > span { + display: inline-flex; + } + &::before { $gap: 5px; @@ -97,6 +128,14 @@ // 自定义 outline: none; } + + @each $size in (large, small) { + @include m($size) { + .#{$namespace}-dropdown__caret-button { + width: map.get($dropdown-caret-width, $size); + } + } + } } @include b(dropdown-menu) { @@ -104,7 +143,7 @@ top: 0; left: 0; z-index: var(--el-dropdown-menu-index); - padding: 10px 0; + padding: 3px 0; margin: 0; background-color: $color-white; border: none; @@ -115,8 +154,8 @@ display: flex; align-items: center; list-style: none; - line-height: 36px; - padding: 0 20px; + line-height: map.get($dropdown-item-line-height, 'default'); + padding: map.get($dropdown-item-padding, 'default'); margin: 0; font-size: var(--el-font-size-base); color: var(--el-text-color-regular); @@ -153,58 +192,20 @@ } } - @include m(medium) { - padding: 6px 0; + @each $size in (large, small) { + @include m($size) { + @include e(item) { + padding: map.get($dropdown-item-padding, $size); + line-height: map.get($dropdown-item-line-height, $size); + font-size: map.get($input-font-size, $size); - @include e(item) { - line-height: 30px; - padding: 0 17px; - font-size: 14px; + &.#{$namespace}-dropdown-menu__item--divided { + $divided-offset: 3px; + margin-top: $divided-offset; - &.#{$namespace}-dropdown-menu__item--divided { - $divided-offset: 6px; - margin-top: $divided-offset; - - &:before { - height: $divided-offset; - } - } - } - } - - @include m(small) { - padding: 6px 0; - - @include e(item) { - line-height: 27px; - padding: 0 15px; - font-size: 13px; - - &.#{$namespace}-dropdown-menu__item--divided { - $divided-offset: 4px; - margin-top: $divided-offset; - - &:before { - height: $divided-offset; - } - } - } - } - - @include m(mini) { - padding: 3px 0; - - @include e(item) { - line-height: 24px; - padding: 0 10px; - font-size: 12px; - - &.#{$namespace}-dropdown-menu__item--divided { - $divided-offset: 3px; - margin-top: $divided-offset; - - &:before { - height: $divided-offset; + &:before { + height: $divided-offset; + } } } } diff --git a/packages/theme-chalk/src/form.scss b/packages/theme-chalk/src/form.scss index cee6cb546e..060251360e 100644 --- a/packages/theme-chalk/src/form.scss +++ b/packages/theme-chalk/src/form.scss @@ -1,8 +1,20 @@ +@use 'sass:map'; + @use 'mixins/mixins' as *; @use 'mixins/utils' as *; @use 'mixins/var' as *; @use 'common/var' as *; +$form-line-height: () !default; +$form-line-height: map.merge( + ( + 'large': 36px, + 'default': 32px, + 'small': 28px, + ), + $form-line-height +); + @include b(form) { @include set-component-css-var('form', $form); @@ -51,40 +63,19 @@ display: none; } - @include m(medium) { - .#{$namespace}-form-item__label { - line-height: 36px; - } - .#{$namespace}-form-item__content { - line-height: 36px; - } - } - @include m(small) { - .#{$namespace}-form-item__label { - line-height: 32px; - } - .#{$namespace}-form-item__content { - line-height: 32px; - } - &.#{$namespace}-form-item { - margin-bottom: 18px; - } - .#{$namespace}-form-item__error { - padding-top: 2px; - } - } - @include m(mini) { - .#{$namespace}-form-item__label { - line-height: 28px; - } - .#{$namespace}-form-item__content { - line-height: 28px; - } - &.#{$namespace}-form-item { - margin-bottom: 18px; - } - .#{$namespace}-form-item__error { - padding-top: 1px; + @each $size in (large, default, small) { + @include m($size) { + .#{$namespace}-form-item__label, + .#{$namespace}-form-item__content { + font-size: map.get($input-font-size, $size); + line-height: map.get($form-line-height, $size); + } + &.#{$namespace}-form-item { + margin-bottom: 18px; + } + .#{$namespace}-form-item__error { + padding-top: 2px; + } } } @@ -99,13 +90,13 @@ text-align: right; font-size: var(--el-form-label-font-size); color: var(--el-text-color-regular); - line-height: 40px; + line-height: map.get($form-line-height, 'default'); padding: 0 12px 0 0; box-sizing: border-box; } @include e(content) { flex: 1; - line-height: 40px; + line-height: map.get($form-line-height, 'default'); position: relative; font-size: 14px; min-width: 0; diff --git a/packages/theme-chalk/src/icon.scss b/packages/theme-chalk/src/icon.scss index 4f1f054332..791b103d6a 100644 --- a/packages/theme-chalk/src/icon.scss +++ b/packages/theme-chalk/src/icon.scss @@ -28,8 +28,9 @@ height: 1em; width: 1em; line-height: 1em; - text-align: center; - display: inline-block; + display: inline-flex; + justify-content: center; + align-items: center; position: relative; fill: currentColor; color: var(--color); diff --git a/packages/theme-chalk/src/input-number.scss b/packages/theme-chalk/src/input-number.scss index 4dc559dee7..a98eacc0bb 100644 --- a/packages/theme-chalk/src/input-number.scss +++ b/packages/theme-chalk/src/input-number.scss @@ -85,7 +85,7 @@ } } - @each $size in (medium, small, mini) { + @each $size in (large, small) { @include m($size) { width: map.get($input-number-width, $size); line-height: #{map.get($input-height, $size) - 2}; @@ -110,14 +110,6 @@ } } - @include m(mini) { - @include e((increase, decrease)) { - [class*='#{$namespace}-icon'] { - transform: scale(0.8); - } - } - } - @include when(without-controls) { .#{$namespace}-input__inner { padding-left: 15px; @@ -155,7 +147,7 @@ border-radius: 0 0 var(--el-border-radius-base) 0; } - @each $size in (medium, small, mini) { + @each $size in (large, small) { &[class*='#{$size}'] { [class*='increase'], [class*='decrease'] { diff --git a/packages/theme-chalk/src/input.scss b/packages/theme-chalk/src/input.scss index 722342f4da..dea7a3b859 100644 --- a/packages/theme-chalk/src/input.scss +++ b/packages/theme-chalk/src/input.scss @@ -279,7 +279,7 @@ } } - @each $size in (medium, small, mini) { + @each $size in (large, small) { @include m($size) { font-size: map.get($input-font-size, $size); line-height: map.get($input-height, $size) - 2; diff --git a/packages/theme-chalk/src/pagination.scss b/packages/theme-chalk/src/pagination.scss index bd1d8a211c..35cf78e0f5 100644 --- a/packages/theme-chalk/src/pagination.scss +++ b/packages/theme-chalk/src/pagination.scss @@ -134,7 +134,7 @@ } .#{$namespace}-input__inner, - .#{$namespace}-input--mini { + .#{$namespace}-input--small { height: var(--el-pagination-height-extra-small) !important; line-height: var(--el-pagination-line-height-extra-small); } diff --git a/packages/theme-chalk/src/radio-button.scss b/packages/theme-chalk/src/radio-button.scss index c926fa0d5a..7bb237f55a 100644 --- a/packages/theme-chalk/src/radio-button.scss +++ b/packages/theme-chalk/src/radio-button.scss @@ -129,7 +129,7 @@ } } - @each $size in (medium, small, mini) { + @each $size in (large, small) { @include m($size) { & .#{$namespace}-radio-button__inner { @include button-size( diff --git a/packages/theme-chalk/src/radio.scss b/packages/theme-chalk/src/radio.scss index ec843d7b9e..c4cda7d59e 100644 --- a/packages/theme-chalk/src/radio.scss +++ b/packages/theme-chalk/src/radio.scss @@ -25,7 +25,7 @@ height: map.get($radio-height, 'default'); user-select: none; - @each $size in (medium, small, mini) { + @each $size in (large, small) { &.#{$namespace}-radio--#{$size} { height: map.get($radio-height, $size); } @@ -50,7 +50,7 @@ margin-left: 10px; } - @each $size in (medium, small, mini) { + @each $size in (large, small) { &.#{$namespace}-radio--#{$size} { padding: map.get($radio-bordered-padding, $size); border-radius: var(--el-border-radius-base); diff --git a/packages/theme-chalk/src/select-v2.scss b/packages/theme-chalk/src/select-v2.scss index fa675e16f1..dddb3f3e11 100644 --- a/packages/theme-chalk/src/select-v2.scss +++ b/packages/theme-chalk/src/select-v2.scss @@ -20,6 +20,8 @@ $input-inline-start: 15px !default; font-size: map.get($input-font-size, 'default'); $selector: &; @include e(wrapper) { + height: map.get($input-height, 'default'); + box-sizing: border-box; cursor: pointer; padding: 5px 30px 5px 0px; @@ -80,8 +82,8 @@ $input-inline-start: 15px !default; } #{$selector}__input-wrapper input { - line-height: map.get($input-height, 'medium') - 8px; - height: map.get($input-height, 'medium') - 8px; + line-height: map.get($input-height, 'default') - 8px; + height: map.get($input-height, 'default') - 8px; min-width: 4px; width: 100%; @@ -122,59 +124,20 @@ $input-inline-start: 15px !default; ); } - @include m(medium) { - @include e(wrapper) { - padding: 3px 30px 3px 0px; - &, - #{$selector}__input-wrapper { - line-height: map.get($input-height, 'medium'); - } - } - @include e(caret) { - line-height: map.get($input-height, 'medium'); - } - @include e(suffix) { - height: map.get($input-height, 'medium'); - } - } - - @include m(small) { - @include e(wrapper) { - padding: 3px 30px 3px 0px; - line-height: map.get($input-height, 'small'); - #{$selector}__input-wrapper { - line-height: map.get($input-height, 'small') - 8px; - input { - line-height: map.get($input-height, 'small') - 8px; - height: map.get($input-height, 'small') - 8px; + @each $size in (large, small) { + @include m($size) { + @include e(wrapper) { + &, + #{$selector}__input-wrapper { + height: map.get($input-height, $size); } } - } - @include e(caret) { - line-height: map.get($input-height, 'small'); - } - @include e(suffix) { - height: map.get($input-height, 'small'); - } - } - - @include m(mini) { - @include e(wrapper) { - padding: 1px 30px 1px 0px; - line-height: map.get($input-height, 'mini'); - #{$selector}__input-wrapper { - line-height: map.get($input-height, 'mini') - 4px; - input { - line-height: map.get($input-height, 'mini') - 4px; - height: map.get($input-height, 'mini') - 4px; - } + @include e(caret) { + height: map.get($input-height, $size); + } + @include e(suffix) { + height: map.get($input-height, $size); } - } - @include e(caret) { - line-height: map.get($input-height, 'mini'); - } - @include e(suffix) { - height: map.get($input-height, 'mini'); } } @@ -214,7 +177,7 @@ $input-inline-start: 15px !default; appearance: none; height: 28px; - @include when(mini) { + @include when(small) { height: 14px; } } diff --git a/packages/theme-chalk/src/select.scss b/packages/theme-chalk/src/select.scss index 1da554d505..cbbf33a570 100644 --- a/packages/theme-chalk/src/select.scss +++ b/packages/theme-chalk/src/select.scss @@ -23,7 +23,7 @@ ); } - @each $size in (medium, small, mini) { + @each $size in (large, small) { @include m($size) { line-height: map.get($input-height, $size); } @@ -116,9 +116,6 @@ appearance: none; height: 28px; background-color: transparent; - @include when(mini) { - height: 14px; - } } @include e(close) { diff --git a/packages/theme-chalk/src/skeleton-item.scss b/packages/theme-chalk/src/skeleton-item.scss index 2f2e437911..5512d33e64 100644 --- a/packages/theme-chalk/src/skeleton-item.scss +++ b/packages/theme-chalk/src/skeleton-item.scss @@ -2,9 +2,7 @@ @use 'common/var' as *; @include b(skeleton) { - @each $size in (small, medium, large) { - --el-skeleton-avatar-#{$size}-size: var(--el-avatar-#{$size}-size); - } + --el-skeleton-circle-size: var(--el-avatar-size); } @mixin circle-size($size) { @@ -24,15 +22,10 @@ @include e(circle) { border-radius: 50%; - @include circle-size(var(--el-skeleton-avatar-medium-size)); - @include m(lg) { - @include circle-size(var(--el-skeleton-avatar-large-size)); - } - - @include m(md) { - @include circle-size(var(--el-skeleton-avatar-small-size)); - } + width: var(--el-skeleton-circle-size); + height: var(--el-skeleton-circle-size); + line-height: var(--el-skeleton-circle-size); } @include e(button) { diff --git a/packages/theme-chalk/src/slider.scss b/packages/theme-chalk/src/slider.scss index 319ede79da..7a122f8fc9 100644 --- a/packages/theme-chalk/src/slider.scss +++ b/packages/theme-chalk/src/slider.scss @@ -73,17 +73,13 @@ margin-top: 3px; width: 130px; - &.#{$namespace}-input-number--mini { - margin-top: 5px; - } - - &.#{$namespace}-input-number--medium { - margin-top: 0; - } - &.#{$namespace}-input-number--large { margin-top: -2px; } + + &.#{$namespace}-input-number--small { + margin-top: 5px; + } } @include e(bar) { @@ -191,7 +187,7 @@ transform: translateY(50%); } &.#{$namespace}-slider--with-input { - padding-bottom: #{map.get($input-height, 'medium') + 22px}; + padding-bottom: #{map.get($input-height, 'default') + 22px}; .#{$namespace}-slider__input { overflow: visible; float: none; diff --git a/packages/theme-chalk/src/table.scss b/packages/theme-chalk/src/table.scss index 7f07fd4857..d5d63562dd 100644 --- a/packages/theme-chalk/src/table.scss +++ b/packages/theme-chalk/src/table.scss @@ -1,3 +1,5 @@ +@use 'sass:map'; + @use 'mixins/mixins' as *; @use 'mixins/var' as *; @use 'common/var' as *; @@ -116,7 +118,7 @@ } .#{$namespace}-table__cell { - padding: 12px 0; + padding: map.get($table-padding, 'default'); min-width: 0; box-sizing: border-box; text-overflow: ellipsis; @@ -146,23 +148,12 @@ } } - @include m(medium) { - .#{$namespace}-table__cell { - padding: 10px 0; - } - } - - @include m(small) { - font-size: 12px; - .#{$namespace}-table__cell { - padding: 8px 0; - } - } - - @include m(mini) { - font-size: 12px; - .#{$namespace}-table__cell { - padding: 6px 0; + @each $size in (large, small) { + @include m($size) { + font-size: map.get($table-font-size, $size); + .#{$namespace}-table__cell { + padding: map.get($table-padding, $size); + } } } @@ -228,7 +219,7 @@ text-overflow: ellipsis; white-space: normal; word-break: break-all; - line-height: 23px; + line-height: 20px; padding-left: 10px; padding-right: 10px; diff --git a/packages/theme-chalk/src/tag.scss b/packages/theme-chalk/src/tag.scss index ae60dce337..a986af07be 100644 --- a/packages/theme-chalk/src/tag.scss +++ b/packages/theme-chalk/src/tag.scss @@ -8,6 +8,8 @@ @include set-component-css-var('tag', $tag); } +$tag-border-width: 1px; + @mixin genTheme( $backgroundColorWeight, $borderColorWeight, @@ -83,12 +85,15 @@ @include b(tag) { @include genTheme(10%, 20%, 100%, 100%); - display: inline-block; + display: inline-flex; + justify-content: center; + align-items: center; + height: map.get($tag-height, 'default'); - padding: var(--el-tag-padding); - line-height: map.get($tag-height, 'default') - 2px; + padding: map.get($tag-padding, 'default'); font-size: var(--el-tag-font-size); - border-width: 1px; + line-height: 1; + border-width: $tag-border-width; border-style: solid; border-radius: var(--el-tag-border-radius); box-sizing: border-box; @@ -106,10 +111,6 @@ vertical-align: middle; top: -1px; - &::before { - display: block; - } - svg { margin: 2px; } @@ -127,31 +128,16 @@ @include genTheme(0, 40%, 100%, 100%); } - @each $size in (medium, small, mini) { + @each $size in (large, small) { @include m($size) { + padding: 0 map.get($tag-padding, $size) - $tag-border-width; height: map.get($tag-height, $size); - line-height: map.get($tag-height, $size) - 2px; - } - } - - @include m(medium) { - .#{$namespace}-icon-close { - transform: scale(0.8); } } @include m(small) { - padding: 0 8px; .#{$namespace}-icon-close { transform: scale(0.8); } } - - @include m(mini) { - padding: 0 5px; - .#{$namespace}-icon-close { - margin-left: -3px; - transform: scale(0.7); - } - } } diff --git a/packages/utils/props.ts b/packages/utils/props.ts index 5a711820ad..f51d160e1a 100644 --- a/packages/utils/props.ts +++ b/packages/utils/props.ts @@ -88,10 +88,10 @@ export type BuildPropReturn = { } as const) * @example // limited options and other types - // the type will be PropType<'small' | 'medium' | number> + // the type will be PropType<'small' | 'large' | number> buildProp({ type: [String, Number], - values: ['small', 'medium'], + values: ['small', 'large'], validator: (val: unknown): val is number => typeof val === 'number', } as const) @link see more: https://github.com/element-plus/element-plus/pull/3341 @@ -207,4 +207,4 @@ export const mutable = >( val: T ) => val as Mutable -export const componentSize = ['large', 'medium', 'small', 'mini'] as const +export const componentSize = ['large', 'default', 'small'] as const diff --git a/packages/utils/types.ts b/packages/utils/types.ts index d6054d0ca4..eba25ff846 100644 --- a/packages/utils/types.ts +++ b/packages/utils/types.ts @@ -46,7 +46,7 @@ export type Hash = Indexable export type TimeoutHandle = number -export type ComponentSize = 'large' | 'medium' | 'small' | 'mini' +export type ComponentSize = 'large' | 'default' | 'small' export type StyleValue = string | CSSProperties | Array diff --git a/packages/utils/validators.ts b/packages/utils/validators.ts index b6b6416a0e..e4b6d2e3bf 100644 --- a/packages/utils/validators.ts +++ b/packages/utils/validators.ts @@ -13,7 +13,7 @@ export const isValidWidthUnit = (val: string | number): boolean => { } export const isValidComponentSize = (val: string) => - ['', 'large', 'medium', 'small', 'mini'].includes(val) + ['', 'large', 'default', 'small'].includes(val) export const isValidDatePickType = (val: string) => [ diff --git a/play/package.json b/play/package.json index aa8eb6a8ab..aed658a04a 100644 --- a/play/package.json +++ b/play/package.json @@ -7,7 +7,7 @@ "preview": "vite preview" }, "dependencies": { - "@element-plus/icons-vue": "^0.2.2" + "@element-plus/icons-vue": "^0.2.4" }, "devDependencies": { "@vitejs/plugin-vue": "1.10.2", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 338ab945cd..9f4698d54f 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -30,9 +30,9 @@ importers: '@types/sass': 1.43.1 '@typescript-eslint/eslint-plugin': 5.6.0 '@typescript-eslint/parser': 5.6.0 - '@vue/compiler-sfc': 3.2.24 + '@vue/compiler-sfc': 3.2.26 '@vue/test-utils': 2.0.0-rc.16 - '@vueuse/core': ^7.0.0 + '@vueuse/core': ^7.3.0 async-validator: ^4.0.7 chalk: 4.1.2 components-helper: 1.0.5 @@ -85,7 +85,7 @@ importers: '@element-plus/tokens': link:packages/tokens '@element-plus/utils': link:packages/utils '@popperjs/core': 2.10.2 - '@vueuse/core': 7.0.0_vue@3.2.24 + '@vueuse/core': 7.3.0_vue@3.2.24 async-validator: 4.0.7 dayjs: 1.10.7 lodash: 4.17.21 @@ -108,7 +108,7 @@ importers: '@types/sass': 1.43.1 '@typescript-eslint/eslint-plugin': 5.6.0_0d0cecf582ba45923647a091322795b0 '@typescript-eslint/parser': 5.6.0_eslint@8.4.1+typescript@4.5.3 - '@vue/compiler-sfc': 3.2.24 + '@vue/compiler-sfc': 3.2.26 '@vue/test-utils': 2.0.0-rc.16_vue@3.2.24 chalk: 4.1.2 components-helper: 1.0.5 @@ -136,7 +136,7 @@ importers: rollup-plugin-css-only: 3.1.0_rollup@2.61.1 rollup-plugin-esbuild: 4.7.2_esbuild@0.14.2+rollup@2.61.1 rollup-plugin-filesize: 9.1.1 - rollup-plugin-vue: 6.0.0_@vue+compiler-sfc@3.2.24 + rollup-plugin-vue: 6.0.0_@vue+compiler-sfc@3.2.26 sass: 1.45.0 sucrase: 3.20.3 ts-jest: 26.5.6_jest@26.6.3+typescript@4.5.3 @@ -151,19 +151,21 @@ importers: specifiers: '@crowdin/cli': 3.7.2 '@types/markdown-it': 12.2.3 - '@vueuse/core': 7.2.2 + '@vueuse/core': 7.3.0 axios: 0.24.0 clipboard-copy: 4.0.1 cross-env: 7.0.3 element-plus: npm:element-plus@latest + escape-html: ^1.0.3 markdown-it: 12.3.0 markdown-it-container: 3.0.0 normalize.css: 8.0.1 nprogress: 0.2.0 vite-plugin-inspect: 0.3.11 - vitepress: 0.18.1 + vite-plugin-windicss: ^1.5.1 + vitepress: 0.20.5 dependencies: - '@vueuse/core': 7.2.2_vue@3.2.24 + '@vueuse/core': 7.3.0_vue@3.2.24 axios: 0.24.0 clipboard-copy: 4.0.1 element-plus: 1.2.0-beta.6_vue@3.2.24 @@ -173,10 +175,12 @@ importers: '@crowdin/cli': 3.7.2 '@types/markdown-it': 12.2.3 cross-env: 7.0.3 + escape-html: 1.0.3 markdown-it: 12.3.0 markdown-it-container: 3.0.0 vite-plugin-inspect: 0.3.11 - vitepress: 0.18.1_sass@1.45.0 + vite-plugin-windicss: 1.5.4 + vitepress: 0.20.5_sass@1.45.0 packages/components: specifiers: {} @@ -187,10 +191,10 @@ importers: packages/element-plus: specifiers: '@ctrl/tinycolor': ^3.4.0 - '@element-plus/icons-vue': ^0.2.2 + '@element-plus/icons-vue': ^0.2.4 '@popperjs/core': ^2.10.2 '@types/node': '*' - '@vueuse/core': ^7.0.0 + '@vueuse/core': ^7.3.0 async-validator: ^4.0.7 csstype: ^2.6.0 dayjs: ^1.10.7 @@ -199,9 +203,9 @@ importers: normalize-wheel-es: ^1.1.1 vue-router: ^4.0.0 dependencies: - '@element-plus/icons-vue': 0.2.2_vue@3.2.24 + '@element-plus/icons-vue': 0.2.4_vue@3.2.24 '@popperjs/core': 2.10.2 - '@vueuse/core': 7.0.0_vue@3.2.24 + '@vueuse/core': 7.3.0_vue@3.2.24 async-validator: 4.0.7 dayjs: 1.10.7 lodash: 4.17.21 @@ -250,13 +254,13 @@ importers: play: specifiers: - '@element-plus/icons-vue': ^0.2.2 + '@element-plus/icons-vue': ^0.2.4 '@vitejs/plugin-vue': 1.10.2 unplugin-vue-components: 0.17.8 vite: 2.7.1 vite-plugin-inspect: 0.3.11 dependencies: - '@element-plus/icons-vue': 0.2.2_vue@3.2.24 + '@element-plus/icons-vue': 0.2.4_vue@3.2.24 devDependencies: '@vitejs/plugin-vue': 1.10.2_vite@2.7.1 unplugin-vue-components: 0.17.8_4fbfb4462bb07b6857e6a975b8e602c0 @@ -265,6 +269,26 @@ importers: packages: + /@algolia/autocomplete-core/1.5.0: + resolution: {integrity: sha512-E7+VJwcvwMM8vPeaVn7fNUgix8WHV8A1WUeHDi2KHemCaaGc8lvUnP3QnvhMxiDhTe7OpMEv4o2TBUMyDgThaw==} + dependencies: + '@algolia/autocomplete-shared': 1.5.0 + dev: true + + /@algolia/autocomplete-preset-algolia/1.5.0_algoliasearch@4.10.5: + resolution: {integrity: sha512-iiFxKERGHkvkiupmrFJbvESpP/zv5jSgH714XRiP5LDvUHaYOo4GLAwZCFf2ef/L5tdtPBARvekn6k1Xf33gjA==} + peerDependencies: + '@algolia/client-search': ^4.9.1 + algoliasearch: ^4.9.1 + dependencies: + '@algolia/autocomplete-shared': 1.5.0 + algoliasearch: 4.10.5 + dev: true + + /@algolia/autocomplete-shared/1.5.0: + resolution: {integrity: sha512-bRSkqHHHSwZYbFY3w9hgMyQRm86Wz27bRaGCbNldLfbk0zUjApmE4ajx+ZCVSLqxvcUEjMqZFJzDsder12eKsg==} + dev: true + /@algolia/cache-browser-local-storage/4.10.5: resolution: {integrity: sha512-cfX2rEKOtuuljcGI5DMDHClwZHdDqd2nT2Ohsc8aHtBiz6bUxKVyIqxr2gaC6tU8AgPtrTVBzcxCA+UavXpKww==} dependencies: @@ -361,11 +385,6 @@ packages: '@types/throttle-debounce': 2.1.0 dev: true - /@arr/every/1.0.1: - resolution: {integrity: sha512-UQFQ6SgyJ6LX42W8rHCs8KVc0JS0tzVL9ct4XYedJukskYVWTo49tNiMEK9C2HTyarbNiT/RVIRSY82vH+6sTg==} - engines: {node: '>=4'} - dev: true - /@babel/code-frame/7.15.8: resolution: {integrity: sha512-2IAnmn8zbvC/jKYhq5Ki9I+DwjlrtMPUCH/CpHvqI4dNnlwHwsxoIhlc8WcYY5LSYknXQtAlFYuHfqAFCvQ4Wg==} engines: {node: '>=6.9.0'} @@ -906,45 +925,37 @@ packages: engines: {node: '>=10'} dev: true - /@docsearch/css/1.0.0-alpha.28: - resolution: {integrity: sha512-1AhRzVdAkrWwhaxTX6/R7SnFHz8yLz1W8I/AldlTrfbNvZs9INk1FZiEFTJdgHaP68nhgQNWSGlQiDiI3y2RYg==} + /@docsearch/css/3.0.0-alpha.42: + resolution: {integrity: sha512-AGwI2AXUacYhVOHmYnsXoYDJKO6Ued2W+QO80GERbMLhC7GH5tfvtW5REs/s7jSdcU3vzFoxT8iPDBCh/PkrlQ==} dev: true - /@docsearch/js/1.0.0-alpha.28: - resolution: {integrity: sha512-2g7aPhBy7FoEyeZW2G3LYHWVa8CFvqyozEz8PXt3hyywdFcmEIqmoCRwn8kboVftrOKCjtPcuLCewsaBoB3uiw==} + /@docsearch/js/3.0.0-alpha.42: + resolution: {integrity: sha512-8rxxsvFKS5GzDX2MYMETeib4EOwAkoxVUHFP5R4tSENXojhuCEy3np+k3Q0c9WPT+MUmWLxKJab5jyl0jmaeBQ==} dependencies: - '@docsearch/react': 1.0.0-alpha.28 + '@docsearch/react': 3.0.0-alpha.42 preact: 10.5.14 transitivePeerDependencies: + - '@algolia/client-search' + - '@types/react' - react - react-dom dev: true - /@docsearch/react/1.0.0-alpha.28: - resolution: {integrity: sha512-XjJOnCBXn+UZmtuDmgzlVIHnnvh6yHVwG4aFq8AXN6xJEIX3f180FvGaowFWAxgdtHplJxFGux0Xx4piHqBzIw==} + /@docsearch/react/3.0.0-alpha.42: + resolution: {integrity: sha512-1aOslZJDxwUUcm2QRNmlEePUgL8P5fOAeFdOLDMctHQkV2iTja9/rKVbkP8FZbIUnZxuuCCn8ErLrjD/oXWOag==} peerDependencies: - react: ^16.8.0 - react-dom: ^16.8.0 + '@types/react': '>= 16.8.0 < 18.0.0' + react: '>= 16.8.0 < 18.0.0' + react-dom: '>= 16.8.0 < 18.0.0' dependencies: - '@docsearch/css': 1.0.0-alpha.28 - '@francoischalifour/autocomplete-core': 1.0.0-alpha.28 - '@francoischalifour/autocomplete-preset-algolia': 1.0.0-alpha.28 + '@algolia/autocomplete-core': 1.5.0 + '@algolia/autocomplete-preset-algolia': 1.5.0_algoliasearch@4.10.5 + '@docsearch/css': 3.0.0-alpha.42 algoliasearch: 4.10.5 + transitivePeerDependencies: + - '@algolia/client-search' dev: true - /@element-plus/icons-svg/0.2.2: - resolution: {integrity: sha512-i3RG1Avx0mzdf1ysB5RKUcOIALL8lX58cY/Xl1/7PwakJ2J7XqJevAu+s/6uz6y3yLf3CcsuRbcbz0xeiIYHag==} - dev: false - - /@element-plus/icons-vue/0.2.2_vue@3.2.24: - resolution: {integrity: sha512-lCg6iz6/PBzMDtg0q09ri4mx5CdkxcnhMN7JacEPHq8ZN1qJirJqw5YWUGz281xFzoI9YMJU3wWzKNmZYjDLiQ==} - peerDependencies: - vue: ^3.2.0 - dependencies: - '@element-plus/icons-svg': 0.2.2 - vue: 3.2.24 - dev: false - /@element-plus/icons-vue/0.2.4_vue@3.2.24: resolution: {integrity: sha512-RsJNyL58rwxtsjeMy34o8txkL6UlME1stWsUlRpTac6UE9Bx9gdJvnDXbIKhOJqBLX17fBjmposdrn6VTqim2w==} peerDependencies: @@ -1001,14 +1012,6 @@ packages: - supports-color dev: true - /@francoischalifour/autocomplete-core/1.0.0-alpha.28: - resolution: {integrity: sha512-rL9x+72btViw+9icfBKUJjZj87FgjFrD2esuTUqtj4RAX3s4AuVZiN8XEsfjQBSc6qJk31cxlvqZHC/BIyYXgg==} - dev: true - - /@francoischalifour/autocomplete-preset-algolia/1.0.0-alpha.28: - resolution: {integrity: sha512-bprfNmYt1opFUFEtD2XfY/kEsm13bzHQgU80uMjhuK0DJ914IjolT1GytpkdM6tJ4MBvyiJPP+bTtWO+BZ7c7w==} - dev: true - /@humanwhocodes/config-array/0.9.2: resolution: {integrity: sha512-UXOuFCGcwciWckOpmfKDq/GyhlTf9pN/BzG//x8p8zTOFEcGuA68ANXheFS0AGvy3qgZqLBUkMs7hqzqCKOVwA==} engines: {node: '>=10.10.0'} @@ -1517,10 +1520,6 @@ packages: write-yaml-file: 4.2.0 dev: true - /@polka/url/0.5.0: - resolution: {integrity: sha512-oZLYFEAzUKyi3SKnXvj32ZCEGH6RDnao7COuCVhDydMS9NrCSVXhM79VaKyP5+Zc33m0QXEd2DN3UkU7OsHcfw==} - dev: true - /@polka/url/1.0.0-next.20: resolution: {integrity: sha512-88p7+M0QGxKpmnkfXjS4V26AnoC/eiqZutE8GLdaI5X12NY75bXSdTY9NkmYb2Xyk1O+MmkuO6Frmsj84V6I8Q==} dev: true @@ -1996,15 +1995,6 @@ packages: eslint-visitor-keys: 3.1.0 dev: true - /@vitejs/plugin-vue/1.10.1_vite@2.6.14: - resolution: {integrity: sha512-oL76QETMSpVE9jIScirGB2bYJEVU/+r+g+K7oG+sXPs9TZljqveoVRsmLyXlMZTjpQkLL8gz527cW80NMGVKJg==} - engines: {node: '>=12.0.0'} - peerDependencies: - vite: ^2.5.10 - dependencies: - vite: 2.6.14_sass@1.45.0 - dev: true - /@vitejs/plugin-vue/1.10.2_vite@2.7.1: resolution: {integrity: sha512-/QJ0Z9qfhAFtKRY+r57ziY4BSbGUTGsPRMpB/Ron3QPwBZM4OZAZHdTa4a8PafCwU5DTatXG8TMDoP8z+oDqJw==} engines: {node: '>=12.0.0'} @@ -2014,6 +2004,17 @@ packages: vite: 2.7.1_sass@1.45.0 dev: true + /@vitejs/plugin-vue/2.0.0_vite@2.7.1+vue@3.2.26: + resolution: {integrity: sha512-4Xn1h9OcaAf7KYrvz2oEi52fCCCLcCzyr3pDOrzYTWrs0DrzNOXt9fT5IiGb1f/uoNTdX3aAkXVGNXrGkzF/zw==} + engines: {node: '>=12.0.0'} + peerDependencies: + vite: ^2.5.10 + vue: ^3.2.25 + dependencies: + vite: 2.7.1_sass@1.45.0 + vue: 3.2.26 + dev: true + /@volar/code-gen/0.29.8: resolution: {integrity: sha512-eohLLUqPChHRPDFT5gXn4V6pr/CeTri7Ou5GI26lUvBRRAbP8p+oYfQRcbMPGeKmVkYjfVj0chsxQGx6T8PQ4Q==} dependencies: @@ -2083,6 +2084,15 @@ packages: source-map: 0.6.1 dev: true + /@vue/compiler-core/3.2.26: + resolution: {integrity: sha512-N5XNBobZbaASdzY9Lga2D9Lul5vdCIOXvUMd6ThcN8zgqQhPKfCV+wfAJNNJKQkSHudnYRO2gEB+lp0iN3g2Tw==} + dependencies: + '@babel/parser': 7.16.4 + '@vue/shared': 3.2.26 + estree-walker: 2.0.2 + source-map: 0.6.1 + dev: true + /@vue/compiler-dom/3.2.24: resolution: {integrity: sha512-KQEm8r0JFsrNNIfbD28pcwMvHpcJcwjVR1XWFcD0yyQ8eREd7IXhT7J6j7iNCSE/TIo78NOvkwbyX+lnIm836w==} dependencies: @@ -2090,6 +2100,13 @@ packages: '@vue/shared': 3.2.24 dev: true + /@vue/compiler-dom/3.2.26: + resolution: {integrity: sha512-smBfaOW6mQDxcT3p9TKT6mE22vjxjJL50GFVJiI0chXYGU/xzC05QRGrW3HHVuJrmLTLx5zBhsZ2dIATERbarg==} + dependencies: + '@vue/compiler-core': 3.2.26 + '@vue/shared': 3.2.26 + dev: true + /@vue/compiler-sfc/3.2.24: resolution: {integrity: sha512-YGPcIvVJp2qTPkuT6kT43Eo1xjstyY4bmuiSV31my4bQMBFVR26ANmifUSt759Blok71gK0WzfIZHbcOKYOeKA==} dependencies: @@ -2105,6 +2122,21 @@ packages: source-map: 0.6.1 dev: true + /@vue/compiler-sfc/3.2.26: + resolution: {integrity: sha512-ePpnfktV90UcLdsDQUh2JdiTuhV0Skv2iYXxfNMOK/F3Q+2BO0AulcVcfoksOpTJGmhhfosWfMyEaEf0UaWpIw==} + dependencies: + '@babel/parser': 7.16.4 + '@vue/compiler-core': 3.2.26 + '@vue/compiler-dom': 3.2.26 + '@vue/compiler-ssr': 3.2.26 + '@vue/reactivity-transform': 3.2.26 + '@vue/shared': 3.2.26 + estree-walker: 2.0.2 + magic-string: 0.25.7 + postcss: 8.4.4 + source-map: 0.6.1 + dev: true + /@vue/compiler-ssr/3.2.24: resolution: {integrity: sha512-E1HHShNsGVWXxs68LDOUuI+Bzak9W/Ier/366aKDBFuwvfwgruwq6abhMfj6pSDZpwZ/PXnfliyl/m7qBSq6gw==} dependencies: @@ -2112,16 +2144,39 @@ packages: '@vue/shared': 3.2.24 dev: true + /@vue/compiler-ssr/3.2.26: + resolution: {integrity: sha512-2mywLX0ODc4Zn8qBoA2PDCsLEZfpUGZcyoFRLSOjyGGK6wDy2/5kyDOWtf0S0UvtoyVq95OTSGIALjZ4k2q/ag==} + dependencies: + '@vue/compiler-dom': 3.2.26 + '@vue/shared': 3.2.26 + dev: true + /@vue/devtools-api/6.0.0-beta.19: resolution: {integrity: sha512-ObzQhgkoVeoyKv+e8+tB/jQBL2smtk/NmC9OmFK8UqdDpoOdv/Kf9pyDWL+IFyM7qLD2C75rszJujvGSPSpGlw==} dev: true + /@vue/reactivity-transform/3.2.26: + resolution: {integrity: sha512-XKMyuCmzNA7nvFlYhdKwD78rcnmPb7q46uoR00zkX6yZrUmcCQ5OikiwUEVbvNhL5hBJuvbSO95jB5zkUon+eQ==} + dependencies: + '@babel/parser': 7.16.4 + '@vue/compiler-core': 3.2.26 + '@vue/shared': 3.2.26 + estree-walker: 2.0.2 + magic-string: 0.25.7 + dev: true + /@vue/reactivity/3.2.24: resolution: {integrity: sha512-5eVsO9wfQ5erCMSRBjpqLkkI+LglJS7E0oLZJs2gsChpvOjH2Uwt3Hk1nVv0ywStnWg71Ykn3SyQwtnl7PknOQ==} dependencies: '@vue/shared': 3.2.24 dev: true + /@vue/reactivity/3.2.26: + resolution: {integrity: sha512-h38bxCZLW6oFJVDlCcAiUKFnXI8xP8d+eO0pcDxx+7dQfSPje2AO6M9S9QO6MrxQB7fGP0DH0dYQ8ksf6hrXKQ==} + dependencies: + '@vue/shared': 3.2.26 + dev: true + /@vue/ref-transform/3.2.24: resolution: {integrity: sha512-j6oNbsGLvea2rF8GQB9w6q7UFL1So7J+t6ducaMeWPSyjYZ+slWpwPVK6mmyghg5oGqC41R+HC5BV036Y0KhXQ==} dependencies: @@ -2139,6 +2194,13 @@ packages: '@vue/shared': 3.2.24 dev: true + /@vue/runtime-core/3.2.26: + resolution: {integrity: sha512-BcYi7qZ9Nn+CJDJrHQ6Zsmxei2hDW0L6AB4vPvUQGBm2fZyC0GXd/4nVbyA2ubmuhctD5RbYY8L+5GUJszv9mQ==} + dependencies: + '@vue/reactivity': 3.2.26 + '@vue/shared': 3.2.26 + dev: true + /@vue/runtime-dom/3.2.24: resolution: {integrity: sha512-piqsabtIEUKkMGSJlOyKUonZEDtdwOpR6teQ8EKbH8PX9sxfAt9snLnFJldUhhyYrLIyDtnjwajfJ7/XtpD4JA==} dependencies: @@ -2147,6 +2209,14 @@ packages: csstype: 2.6.19 dev: true + /@vue/runtime-dom/3.2.26: + resolution: {integrity: sha512-dY56UIiZI+gjc4e8JQBwAifljyexfVCkIAu/WX8snh8vSOt/gMSEGwPRcl2UpYpBYeyExV8WCbgvwWRNt9cHhQ==} + dependencies: + '@vue/runtime-core': 3.2.26 + '@vue/shared': 3.2.26 + csstype: 2.6.19 + dev: true + /@vue/server-renderer/3.2.24_vue@3.2.24: resolution: {integrity: sha512-DqiCRDxTbv67Hw5ImiqnLIQbPGtIwWLLfEcVHoEnu1f21EMTB6LfoS69EQddd8VyfN5kfX3Fmz27/hrFPpRaMQ==} peerDependencies: @@ -2157,10 +2227,24 @@ packages: vue: 3.2.24 dev: true + /@vue/server-renderer/3.2.26_vue@3.2.26: + resolution: {integrity: sha512-Jp5SggDUvvUYSBIvYEhy76t4nr1vapY/FIFloWmQzn7UxqaHrrBpbxrqPcTrSgGrcaglj0VBp22BKJNre4aA1w==} + peerDependencies: + vue: 3.2.26 + dependencies: + '@vue/compiler-ssr': 3.2.26 + '@vue/shared': 3.2.26 + vue: 3.2.26 + dev: true + /@vue/shared/3.2.24: resolution: {integrity: sha512-BUgRiZCkCrqDps5aQ9av05xcge3rn092ztKIh17tHkeEFgP4zfXMQWBA2zfdoCdCEdBL26xtOv+FZYiOp9RUDA==} dev: true + /@vue/shared/3.2.26: + resolution: {integrity: sha512-vPV6Cq+NIWbH5pZu+V+2QHE9y1qfuTq49uNWw4f7FDEeZaDU2H2cx5jcUZOAKW7qTrUS4k6qZPbMy1x4N96nbA==} + dev: true + /@vue/test-utils/2.0.0-rc.16_vue@3.2.24: resolution: {integrity: sha512-TubikDVkI2LuRKRPSLv3lYpbpvvucT2DIcGqfBVpvYs4W19u0EBTJEdmfwmSuLY7H1TyAr9Stur3PI1sWWvTGQ==} peerDependencies: @@ -2169,8 +2253,8 @@ packages: vue: 3.2.24 dev: true - /@vueuse/core/7.0.0_vue@3.2.24: - resolution: {integrity: sha512-dhf10icxd7w16AVaOtriVkum+CdCjskV0wht/kpGnOb2NbYBeXuiZNruMA+w8DaRPO4oXW8UhAix/S8HCz9OlQ==} + /@vueuse/core/7.3.0_vue@3.2.24: + resolution: {integrity: sha512-gPJyMMAquva9Qwqz63qGQT122m5hWI8Kuy8kfPV/JLQU7m01CXooyv8FIrX9TV8OxVcHBTPXPJHY0oyUiFoNgw==} peerDependencies: '@vue/composition-api': ^1.1.0 vue: ^2.6.0 || ^3.2.0 @@ -2180,29 +2264,13 @@ packages: vue: optional: true dependencies: - '@vueuse/shared': 7.0.0_vue@3.2.24 + '@vueuse/shared': 7.3.0_vue@3.2.24 vue: 3.2.24 vue-demi: 0.11.4_vue@3.2.24 dev: false - /@vueuse/core/7.2.2_vue@3.2.24: - resolution: {integrity: sha512-T9oksrPflNhsgG/Y/7IeCSmITPZ0VKDnTpK8y7SQl4ZIdLIL8L7fJyhJEgSMWyo497j/XK3RKFkOTh4GFTVeIQ==} - peerDependencies: - '@vue/composition-api': ^1.1.0 - vue: ^2.6.0 || ^3.2.0 - peerDependenciesMeta: - '@vue/composition-api': - optional: true - vue: - optional: true - dependencies: - '@vueuse/shared': 7.2.2_vue@3.2.24 - vue: 3.2.24 - vue-demi: 0.11.4_vue@3.2.24 - dev: false - - /@vueuse/shared/7.0.0_vue@3.2.24: - resolution: {integrity: sha512-TG4FSjiFCTn4srJO8j9Ax4OOVKrBWgcRJY54+mHqYINEk95FFuCvk7cE642Byxq6eGTMTZRw+f8ufFIA9tqXig==} + /@vueuse/shared/7.3.0_vue@3.2.24: + resolution: {integrity: sha512-vOAeI84tIXKVkzm8s/Mxbrzhj0QN6NyVc/sC6LrW0AjVNdvpD8sB1dZiDn9yh8T77WJmloCEt4zZVIppeq7I+w==} peerDependencies: '@vue/composition-api': ^1.1.0 vue: ^2.6.0 || ^3.2.0 @@ -2216,20 +2284,29 @@ packages: vue-demi: 0.11.4_vue@3.2.24 dev: false - /@vueuse/shared/7.2.2_vue@3.2.24: - resolution: {integrity: sha512-9vevEvvQgx4snSrDfZ5BFd7FmlIl9rwTtr8ySzPZhZQslx6lbcsXK3Q97I06Fv8S2TedR//X9fn2QbNtbFmdog==} - peerDependencies: - '@vue/composition-api': ^1.1.0 - vue: ^2.6.0 || ^3.2.0 - peerDependenciesMeta: - '@vue/composition-api': - optional: true - vue: - optional: true + /@windicss/config/1.5.4: + resolution: {integrity: sha512-muRPFulqh7nU3VrsPb5+k6ulNyiw8VGg62zAWRZIBfeCRXZb2gV1Q8a/tPn8X1T/+HTt4f/1bzFiusqMKscmlw==} dependencies: - vue: 3.2.24 - vue-demi: 0.11.4_vue@3.2.24 - dev: false + debug: 4.3.3 + jiti: 1.12.9 + windicss: 3.2.1 + transitivePeerDependencies: + - supports-color + dev: true + + /@windicss/plugin-utils/1.5.4: + resolution: {integrity: sha512-fS4y52OYB9rIzEUolIWIrrHYuaQfcqTaX3ISbFUiNbvNgH97JATjzB2iOnNqWNy6pH3M8RP0TqYQOOCCeanDoA==} + dependencies: + '@antfu/utils': 0.3.0 + '@windicss/config': 1.5.4 + debug: 4.3.3 + fast-glob: 3.2.7 + magic-string: 0.25.7 + micromatch: 4.0.4 + windicss: 3.2.1 + transitivePeerDependencies: + - supports-color + dev: true /@zkochan/npm-conf/2.0.2: resolution: {integrity: sha512-nF6cxXu/3x0gbIGZdiajpL6diySPoU5T5Mh0TXSjHp2shZoqtZgRj3zdIc/pkd6kKAWaktFvOFFo5kTqwne/tg==} @@ -2262,14 +2339,6 @@ packages: resolution: {integrity: sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==} dev: true - /accepts/1.3.7: - resolution: {integrity: sha512-Il80Qs2WjYlJIBNzNkK6KYqlVMTbZLXgHx2oT0pU/fjRHyEp+PEfEPY0R3WCwAGVOtauxh1hOxNgIf5bv7dQpA==} - engines: {node: '>= 0.6'} - dependencies: - mime-types: 2.1.27 - negotiator: 0.6.2 - dev: true - /acorn-globals/6.0.0: resolution: {integrity: sha512-ZQl7LOWaF5ePqqcX4hLuv/bLXYQNfNWw2c0/yX/TsPRKamzHcTGQnlCjHT3TsmkOUVEPS3crCxiPfdzE/Trlhg==} dependencies: @@ -2848,10 +2917,6 @@ packages: pascalcase: 0.1.1 dev: true - /base64-js/1.5.1: - resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==} - dev: true - /bcrypt-pbkdf/1.0.2: resolution: {integrity: sha1-pDAdOJtqQ/m2f/PKEaP2Y342Dp4=} dependencies: @@ -2883,14 +2948,6 @@ packages: dev: true optional: true - /bl/4.1.0: - resolution: {integrity: sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==} - dependencies: - buffer: 5.7.1 - inherits: 2.0.4 - readable-stream: 3.6.0 - dev: true - /bole/4.0.0: resolution: {integrity: sha512-Bk/2qoyOSlwU1dnDFk/oPM2FCNKAlYlBHfpAgwGX+K9HUtxSvmIAQCmMWMOvE6BlHHRCwsH1MxJe/r1ieodxqQ==} dependencies: @@ -2987,13 +3044,6 @@ packages: resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==} dev: true - /buffer/5.7.1: - resolution: {integrity: sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==} - dependencies: - base64-js: 1.5.1 - ieee754: 1.2.1 - dev: true - /builtin-modules/3.2.0: resolution: {integrity: sha512-lGzLKcioL90C7wMczpkY0n/oART3MbBa8R9OFGE1rJxoVI86u4WAGfEk8Wjv10eKSyTHVGkSo3bvBylCEtk7LA==} engines: {node: '>=6'} @@ -3009,11 +3059,6 @@ packages: semver: 7.3.5 dev: true - /bytes/3.0.0: - resolution: {integrity: sha1-0ygVQE1olpn4Wk6k+odV3ROpYEg=} - engines: {node: '>= 0.8'} - dev: true - /cacache/15.2.0: resolution: {integrity: sha512-uKoJSHmnrqXgthDFx/IU6ED/5xd+NNGe+Bb+kLZy7Ku4P+BaiWEUflAKPZ7eAzsYGcsAGASJZsybXp+quEcHTw==} engines: {node: '>= 10'} @@ -3243,11 +3288,6 @@ packages: restore-cursor: 3.1.0 dev: true - /cli-spinners/2.6.0: - resolution: {integrity: sha512-t+4/y50K/+4xcCRosKkA7W4gTr1MySvLV0q+PxmG7FJ5g+66ChKurYjxBCjHggHH3HA5Hh9cy+lcUGWDqVH+4Q==} - engines: {node: '>=6'} - dev: true - /cli-truncate/2.1.0: resolution: {integrity: sha512-n8fOixwDD6b/ObinzTrp1ZKFzbgvKZvuz/TvejnLn1aQfC6r52XEx85FmuC+3HI+JM7coBRXUvNqEU2PHVrHpg==} engines: {node: '>=8'} @@ -3305,11 +3345,6 @@ packages: resolution: {integrity: sha1-s3gt/4u1R04Yuba/D9/ngvh3doA=} dev: true - /clone/1.0.4: - resolution: {integrity: sha1-2jCcwmPfFZlMaIypAheco8fNfH4=} - engines: {node: '>=0.8'} - dev: true - /clone/2.1.2: resolution: {integrity: sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=} engines: {node: '>=0.8'} @@ -3459,26 +3494,6 @@ packages: fast-glob: 3.2.7 dev: true - /compressible/2.0.18: - resolution: {integrity: sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==} - engines: {node: '>= 0.6'} - dependencies: - mime-db: 1.44.0 - dev: true - - /compression/1.7.4: - resolution: {integrity: sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==} - engines: {node: '>= 0.8.0'} - dependencies: - accepts: 1.3.7 - bytes: 3.0.0 - compressible: 2.0.18 - debug: 2.6.9 - on-headers: 1.0.2 - safe-buffer: 5.1.2 - vary: 1.1.2 - dev: true - /concat-map/0.0.1: resolution: {integrity: sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=} dev: true @@ -3752,6 +3767,18 @@ packages: supports-color: 9.1.0 dev: true + /debug/4.3.3: + resolution: {integrity: sha512-/zxw5+vh1Tfv+4Qn7a5nsbcJKPaSvCDhojn6FEl9vupwK2VCSDtEiEtqr8DFtzYFOdz63LBkxec7DYuc2jon6Q==} + engines: {node: '>=6.0'} + peerDependencies: + supports-color: '*' + peerDependenciesMeta: + supports-color: + optional: true + dependencies: + ms: 2.1.2 + dev: true + /decamelize-keys/1.1.0: resolution: {integrity: sha1-0XGoeTMlKAfrPLYdwcFEXQeN8tk=} engines: {node: '>=0.10.0'} @@ -3799,12 +3826,6 @@ packages: engines: {node: '>= 0.10'} dev: true - /defaults/1.0.3: - resolution: {integrity: sha1-xlYFHpgX2f8I7YgUd/P+QBnz730=} - dependencies: - clone: 1.0.4 - dev: true - /define-properties/1.1.3: resolution: {integrity: sha512-3MqfYKj2lLzdMSf8ZIZE/V+Zuy+BgD6f164e8K2w7dgnpKArBDerGYpM46IYYcjnkdPNMjPk9A6VFB8+3SKlXQ==} engines: {node: '>= 0.4'} @@ -3868,10 +3889,6 @@ packages: engines: {node: '>=8'} dev: true - /diacritics/1.3.0: - resolution: {integrity: sha1-PvqHMj67hj5mls67AILUj/PW96E=} - dev: true - /diff-sequences/26.6.2: resolution: {integrity: sha512-Mv/TDa3nZ9sbc5soK+OoA74BsS3mL37yixCvUAQkiuA4Wz6YtwP/K47n2rv2ovzHZvoiQeA5FTQOschKkEwB0Q==} engines: {node: '>= 10.14.2'} @@ -3995,7 +4012,7 @@ packages: dependencies: '@element-plus/icons-vue': 0.2.4_vue@3.2.24 '@popperjs/core': 2.11.0 - '@vueuse/core': 7.2.2_vue@3.2.24 + '@vueuse/core': 7.3.0_vue@3.2.24 async-validator: 4.0.7 dayjs: 1.10.7 lodash: 4.17.21 @@ -5442,16 +5459,6 @@ packages: resolution: {integrity: sha512-qkIilPUYcNhJpd33n0GBXTB1MMPp14TxEsEs0pTrsSVucApsYzW5V+Q8Qxhik6KU3evy+qkAAowTByymK0avdg==} dev: true - /gray-matter/4.0.3: - resolution: {integrity: sha512-5v6yZd4JK3eMI3FqqCouswVqwugaA9r4dNZB1wwcmrD02QkV5H0y7XBQW8QwQqEaZY1pM9aqORSORhJRdNK44Q==} - engines: {node: '>=6.0'} - dependencies: - js-yaml: 3.14.1 - kind-of: 6.0.3 - section-matter: 1.0.0 - strip-bom-string: 1.0.0 - dev: true - /growly/1.3.0: resolution: {integrity: sha1-8QdIy+dq+WS3yWyTxrzCivEgwIE=} dev: true @@ -5752,10 +5759,6 @@ packages: dev: true optional: true - /ieee754/1.2.1: - resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==} - dev: true - /ignore-walk/3.0.4: resolution: {integrity: sha512-PY6Ii8o1jMRA1z4F2hRkH/xN59ox43DavKvD3oDpfurRlOJyAHpifIwpbdv1n4jt4ov0jSpw3kQ4GhJnpBL6WQ==} dependencies: @@ -6066,11 +6069,6 @@ packages: is-extglob: 2.1.1 dev: true - /is-interactive/1.0.0: - resolution: {integrity: sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==} - engines: {node: '>=8'} - dev: true - /is-lambda/1.0.1: resolution: {integrity: sha1-PZh3iZ5qU+/AFgUEzeFfgubwYdU=} dev: true @@ -6217,11 +6215,6 @@ packages: unc-path-regex: 0.1.2 dev: true - /is-unicode-supported/0.1.0: - resolution: {integrity: sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==} - engines: {node: '>=10'} - dev: true - /is-utf8/0.2.1: resolution: {integrity: sha1-Sw2hRCEE0bM2NA6AeX6GXPOffXI=} dev: true @@ -6761,6 +6754,11 @@ packages: - utf-8-validate dev: true + /jiti/1.12.9: + resolution: {integrity: sha512-TdcJywkQtcwLxogc4rSMAi479G2eDPzfW0fLySks7TPhgZZ4s/tM6stnzayIh3gS/db3zExWJyUx4cNWrwAmoQ==} + hasBin: true + dev: true + /joycon/3.0.1: resolution: {integrity: sha512-SJcJNBg32dGgxhPtM0wQqxqV0ax9k/9TaUskGDSJkSFSQOEWWvQ3zzWdGQRIUry2j1zA5+ReH13t0Mf3StuVZA==} engines: {node: '>=10'} @@ -6951,6 +6949,10 @@ packages: engines: {node: '>=6'} dev: true + /kolorist/1.5.0: + resolution: {integrity: sha512-pPobydIHK884YBtkS/tWSZXpSAEpcMbilyun3KL37ot935qL2HNKm/tI45i/Rd+MxdIWEhm7/LmUQzWZYK+Qhg==} + dev: true + /last-run/1.1.1: resolution: {integrity: sha1-RblpQsF7HHnHchmCWbqUO+v4yls=} engines: {node: '>= 0.10'} @@ -7140,14 +7142,6 @@ packages: /lodash/4.17.21: resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==} - /log-symbols/4.1.0: - resolution: {integrity: sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==} - engines: {node: '>=10'} - dependencies: - chalk: 4.1.2 - is-unicode-supported: 0.1.0 - dev: true - /log-update/4.0.0: resolution: {integrity: sha512-9fkkDevMefjg0mmzWFBW8YkFP91OrizzkW3diF7CpG+S2EYdy4+TVfGwz1zeF8x7hCx1ovSPTOE9Ngib74qqUg==} engines: {node: '>=10'} @@ -7253,29 +7247,10 @@ packages: object-visit: 1.0.1 dev: true - /markdown-it-anchor/8.3.1_1f85d0cd950c8d82ba02e2ef922b5f6a: - resolution: {integrity: sha512-i12nPHfLM5uKQXVkzyJt5tZ7DetcYqZoCeiUc9OPqhAhqAR6SOswqMgzqEvDyT5BK6DOc8MmV78VjzCsYM5J5g==} - peerDependencies: - '@types/markdown-it': '*' - markdown-it: '*' - dependencies: - '@types/markdown-it': 12.2.3 - markdown-it: 12.3.0 - dev: true - /markdown-it-container/3.0.0: resolution: {integrity: sha512-y6oKTq4BB9OQuY/KLfk/O3ysFhB3IMYoIWhGJEidXt1NQFocFK2sA2t0NYZAMyMShAGL6x5OPIbrmXPIqaN9rw==} dev: true - /markdown-it-emoji/2.0.0: - resolution: {integrity: sha512-39j7/9vP/CPCKbEI44oV8yoPJTpvfeReTn/COgRhSpNrjWF3PfP/JUxxB0hxV6ynOY8KH8Y8aX9NMDdo6z+6YQ==} - dev: true - - /markdown-it-table-of-contents/0.5.2: - resolution: {integrity: sha512-6o+rxSwzXmXCUn1n8QGTSpgbcnHBG6lUU8x7A5Cssuq5vbfzTfitfGPvQ5PZkp+gP1NGS/DR2rkYqJPn0rbZ1A==} - engines: {node: '>6.4.0'} - dev: true - /markdown-it/12.3.0: resolution: {integrity: sha512-T345UZZ6ejQWTjG6PSEHplzNy5m4kF6zvUpHVDv8Snl/pEU0OxIK0jGg8YLVNwJvT8E0YJC7/2UvssJDk/wQCQ==} hasBin: true @@ -7297,13 +7272,6 @@ packages: stack-trace: 0.0.10 dev: true - /matchit/1.1.0: - resolution: {integrity: sha512-+nGYoOlfHmxe5BW5tE0EMJppXEwdSf8uBA1GTZC7Q77kbT35+VKLYJMzVNWCHSsga1ps1tPYFtFyvxvKzWVmMA==} - engines: {node: '>=6'} - dependencies: - '@arr/every': 1.0.1 - dev: true - /mdurl/1.0.1: resolution: {integrity: sha1-/oWy7HWlkDfyrf7BAP1sYBdhFS4=} dev: true @@ -7906,11 +7874,6 @@ packages: es-abstract: 1.19.1 dev: true - /on-headers/1.0.2: - resolution: {integrity: sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==} - engines: {node: '>= 0.8'} - dev: true - /once/1.4.0: resolution: {integrity: sha1-WDsap3WWHUsROsF9nFC6753Xa9E=} dependencies: @@ -7955,21 +7918,6 @@ packages: word-wrap: 1.2.3 dev: true - /ora/5.4.1: - resolution: {integrity: sha512-5b6Y85tPxZZ7QytO+BQzysW31HJku27cRIlkbAXaNx+BdcVi+LlRFmVXzeF6a7JCwJpyw5c4b+YSVImQIrBpuQ==} - engines: {node: '>=10'} - dependencies: - bl: 4.1.0 - chalk: 4.1.2 - cli-cursor: 3.1.0 - cli-spinners: 2.6.0 - is-interactive: 1.0.0 - is-unicode-supported: 0.1.0 - log-symbols: 4.1.0 - strip-ansi: 6.0.1 - wcwidth: 1.0.1 - dev: true - /ordered-read-streams/1.0.1: resolution: {integrity: sha1-d8DLN8QVJdZBZtmQ/61+xqDhNj4=} dependencies: @@ -8306,13 +8254,6 @@ packages: extend-shallow: 3.0.2 dev: true - /polka/0.5.2: - resolution: {integrity: sha512-FVg3vDmCqP80tOrs+OeNlgXYmFppTXdjD5E7I4ET1NjvtNmQrb1/mJibybKkb/d4NA7YWAr1ojxuhpL3FHqdlw==} - dependencies: - '@polka/url': 0.5.0 - trouter: 2.0.1 - dev: true - /posix-character-classes/0.1.1: resolution: {integrity: sha1-AerA/jta9xoqbAL+q7jB/vfgDqs=} engines: {node: '>=0.10.0'} @@ -8997,12 +8938,12 @@ packages: - supports-color dev: true - /rollup-plugin-vue/6.0.0_@vue+compiler-sfc@3.2.24: + /rollup-plugin-vue/6.0.0_@vue+compiler-sfc@3.2.26: resolution: {integrity: sha512-oVvUd84d5u73M2HYM3XsMDLtZRIA/tw2U0dmHlXU2UWP5JARYHzh/U9vcxaN/x/9MrepY7VH3pHFeOhrWpxs/Q==} peerDependencies: '@vue/compiler-sfc': '*' dependencies: - '@vue/compiler-sfc': 3.2.24 + '@vue/compiler-sfc': 3.2.26 debug: 4.3.2 hash-sum: 2.0.0 rollup-pluginutils: 2.8.2 @@ -9016,14 +8957,6 @@ packages: estree-walker: 0.6.1 dev: true - /rollup/2.59.0: - resolution: {integrity: sha512-l7s90JQhCQ6JyZjKgo7Lq1dKh2RxatOM+Jr6a9F7WbS9WgKbocyUSeLmZl8evAse7y96Ae98L2k1cBOwWD8nHw==} - engines: {node: '>=10.0.0'} - hasBin: true - optionalDependencies: - fsevents: 2.3.2 - dev: true - /rollup/2.60.2: resolution: {integrity: sha512-1Bgjpq61sPjgoZzuiDSGvbI1tD91giZABgjCQBKM5aYLnzjq52GoDuWVwT/cm/MCxCMPU8gqQvkj8doQ5C8Oqw==} engines: {node: '>=10.0.0'} @@ -9130,14 +9063,6 @@ packages: xmlchars: 2.2.0 dev: true - /section-matter/1.0.0: - resolution: {integrity: sha512-vfD3pmTzGpufjScBh50YHKzEu2lxBWhVEHsNGoEXmCmn2hKGfeNLYMzCJpe8cD7gqX7TJluOVpBkAequ6dgMmA==} - engines: {node: '>=4'} - dependencies: - extend-shallow: 2.0.1 - kind-of: 6.0.3 - dev: true - /semver-greatest-satisfied-range/1.1.0: resolution: {integrity: sha1-E+jCZYq5aRywzXEJMkAoDTb3els=} engines: {node: '>= 0.10'} @@ -9603,11 +9528,6 @@ packages: ansi-regex: 6.0.1 dev: true - /strip-bom-string/1.0.0: - resolution: {integrity: sha1-5SEekiQ2n7uB1jOi8ABE3IztrZI=} - engines: {node: '>=0.10.0'} - dev: true - /strip-bom/2.0.0: resolution: {integrity: sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=} engines: {node: '>=0.10.0'} @@ -9913,13 +9833,6 @@ packages: engines: {node: '>=8'} dev: true - /trouter/2.0.1: - resolution: {integrity: sha512-kr8SKKw94OI+xTGOkfsvwZQ8mWoikZDd2n8XZHjJVZUARZT+4/VV6cacRS6CLsH9bNm+HFIPU1Zx4CnNnb4qlQ==} - engines: {node: '>=6'} - dependencies: - matchit: 1.1.0 - dev: true - /ts-interface-checker/0.1.13: resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==} dev: true @@ -10319,11 +10232,6 @@ packages: engines: {node: '>= 0.10'} dev: true - /vary/1.1.2: - resolution: {integrity: sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=} - engines: {node: '>= 0.8'} - dev: true - /verror/1.10.0: resolution: {integrity: sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=} engines: {'0': node >=0.6.0} @@ -10412,29 +10320,17 @@ packages: - supports-color dev: true - /vite/2.6.14_sass@1.45.0: - resolution: {integrity: sha512-2HA9xGyi+EhY2MXo0+A2dRsqsAG3eFNEVIo12olkWhOmc8LfiM+eMdrXf+Ruje9gdXgvSqjLI9freec1RUM5EA==} - engines: {node: '>=12.2.0'} - hasBin: true + /vite-plugin-windicss/1.5.4: + resolution: {integrity: sha512-bG2IERA9J50MGq1QEbGC/PjrkVIaq2b3LilCeidyIpmFV/4aR14/wGDe83SobF+8coIeJ+23S0uDK/fXX5X0pQ==} peerDependencies: - less: '*' - sass: '*' - stylus: '*' - peerDependenciesMeta: - less: - optional: true - sass: - optional: true - stylus: - optional: true + vite: ^2.0.1 dependencies: - esbuild: 0.13.13 - postcss: 8.3.11 - resolve: 1.20.0 - rollup: 2.59.0 - sass: 1.45.0 - optionalDependencies: - fsevents: 2.3.2 + '@windicss/plugin-utils': 1.5.4 + debug: 4.3.3 + kolorist: 1.5.0 + windicss: 3.2.1 + transitivePeerDependencies: + - supports-color dev: true /vite/2.7.1_sass@1.45.0: @@ -10462,45 +10358,25 @@ packages: fsevents: 2.3.2 dev: true - /vitepress/0.18.1_sass@1.45.0: - resolution: {integrity: sha512-uUY0N8pgiGDkrdzDPI4OeCke6J7c3l17lqsQZzcGvxxHlN6qHWR4EJ4usII91UZIlpBwZymh5kKI12mr3+KG1Q==} + /vitepress/0.20.5_sass@1.45.0: + resolution: {integrity: sha512-8L+RVo5eipK70/g5Asir9X/O40JCqRWlSsfm0DWF7D1gQBQC2WiO4rqp9FLbW4OVKDktC0KaLcNJZgJrHmIiEw==} engines: {node: '>=12.0.0'} hasBin: true dependencies: - '@docsearch/css': 1.0.0-alpha.28 - '@docsearch/js': 1.0.0-alpha.28 - '@types/markdown-it': 12.2.3 - '@vitejs/plugin-vue': 1.10.1_vite@2.6.14 - '@vue/compiler-sfc': 3.2.24 - '@vue/server-renderer': 3.2.24_vue@3.2.24 - chalk: 4.1.2 - compression: 1.7.4 - debug: 4.3.2 - diacritics: 1.3.0 - escape-html: 1.0.3 - fs-extra: 10.0.0 - globby: 11.0.4 - gray-matter: 4.0.3 - lru-cache: 6.0.0 - markdown-it: 12.3.0 - markdown-it-anchor: 8.3.1_1f85d0cd950c8d82ba02e2ef922b5f6a - markdown-it-container: 3.0.0 - markdown-it-emoji: 2.0.0 - markdown-it-table-of-contents: 0.5.2 - minimist: 1.2.5 - ora: 5.4.1 - polka: 0.5.2 + '@docsearch/css': 3.0.0-alpha.42 + '@docsearch/js': 3.0.0-alpha.42 + '@vitejs/plugin-vue': 2.0.0_vite@2.7.1+vue@3.2.26 prismjs: 1.25.0 - sirv: 1.0.17 - vite: 2.6.14_sass@1.45.0 - vue: 3.2.24 + vite: 2.7.1_sass@1.45.0 + vue: 3.2.26 transitivePeerDependencies: + - '@algolia/client-search' + - '@types/react' - less - react - react-dom - sass - stylus - - supports-color dev: true /void-elements/3.1.0: @@ -10717,6 +10593,16 @@ packages: '@vue/shared': 3.2.24 dev: true + /vue/3.2.26: + resolution: {integrity: sha512-KD4lULmskL5cCsEkfhERVRIOEDrfEL9CwAsLYpzptOGjaGFNWo3BQ9g8MAb7RaIO71rmVOziZ/uEN/rHwcUIhg==} + dependencies: + '@vue/compiler-dom': 3.2.26 + '@vue/compiler-sfc': 3.2.26 + '@vue/runtime-dom': 3.2.26 + '@vue/server-renderer': 3.2.26_vue@3.2.26 + '@vue/shared': 3.2.26 + dev: true + /w3c-hr-time/1.0.2: resolution: {integrity: sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==} dependencies: @@ -10736,12 +10622,6 @@ packages: makeerror: 1.0.11 dev: true - /wcwidth/1.0.1: - resolution: {integrity: sha1-8LDc+RW8X/FSivrbLA4XtTLaL+g=} - dependencies: - defaults: 1.0.3 - dev: true - /webidl-conversions/5.0.0: resolution: {integrity: sha512-VlZwKPCkYKxQgeSbH5EyngOmRp7Ww7I9rQLERETtf5ofd9pGeswWiOtogpEO850jziPRarreGxn5QIiTqpb2wA==} engines: {node: '>=8'} @@ -10821,6 +10701,12 @@ packages: string-width: 4.2.3 dev: true + /windicss/3.2.1: + resolution: {integrity: sha512-LusrIrryBFHAPQ/OOTbS4EWWuzI6eGeJglI9nQ3kDBr1cqH69NWt8Z8q59f9kTkgptXroejmWfksWwqgHs8EVw==} + engines: {node: '>= 12'} + hasBin: true + dev: true + /with/7.0.2: resolution: {integrity: sha512-RNGKj82nUPg3g5ygxkQl0R937xLyho1J24ItRCBTr/m1YnZkzJy1hUiHUJrc/VlsDQzsCnInEGSg3bci0Lmd4w==} engines: {node: '>= 10.0.0'}