yc-design-vue 1.9.9 → 2.0.0

package/es/ResizeBox/index.vue.js

@@ -1,11 +1,11 @@
-import { defineComponent, useSlots, toRefs, reactive, ref, createBlock, openBlock, resolveDynamicComponent, withCtx, renderSlot, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, createVNode, unref } from "vue";
+import { defineComponent, useSlots, toRefs, reactive, ref, watch, nextTick, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, unref, withCtx, renderSlot, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, createVNode } from "vue";
 import { useEventListener, useResizeObserver } from "../node_modules/@vueuse/core/index.js";
 import "../node_modules/tinycolor2/esm/tinycolor.js";
 import { valueToPx } from "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../_shared/utils/locale.js";
 import useControlValue from "../_shared/utils/control.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconDragDot.vue.js";
@@ -27,11 +27,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     useSlots();
     const props = __props;
     const emits = __emit;
-    const { width, height } = toRefs(props);
-    const computedWidth = useControlValue(width, 0, (val) => {
+    const { width: _width, height: _height } = toRefs(props);
+    const computedWidth = useControlValue(_width, 0, (val) => {
       emits("update:width", val);
     });
-    const computedHeight = useControlValue(height, 0, (val) => {
+    const computedHeight = useControlValue(_height, 0, (val) => {
       emits("update:height", val);
     });
     const triggeDoms = reactive([]);
@@ -43,18 +43,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const boxRef = ref();
     const dragDirection = ref(null);
-    const x = ref(0);
-    const y = ref(0);
+    let x = 0;
+    let y = 0;
     let cursor;
-    const handleMovingStart = (dir, e) => {
+    const handleMovingStart = async (dir, e) => {
       e.preventDefault();
       dragDirection.value = dir;
-      const { width: width2, height: height2 } = boxRef.value.getBoundingClientRect();
+      const { width, height } = boxRef.value.getBoundingClientRect();
+      computedWidth.value = width;
+      computedHeight.value = height;
       const { clientX, clientY } = e;
-      computedWidth.value = width2;
-      computedHeight.value = height2;
-      x.value = clientX;
-      y.value = clientY;
+      x = clientX;
+      y = clientY;
       cursor = getComputedStyle(document.body).cursor;
       document.body.style.cursor = ["left", "right"].includes(dir) ? "col-resize" : "row-resize";
       emits("moving-start", e);
@@ -64,33 +64,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return;
       }
       const { clientX, clientY } = e;
-      const movementX = dragDirection.value == "left" ? x.value - clientX : clientX - x.value;
-      const movementY = dragDirection.value == "top" ? y.value - clientY : clientY - y.value;
-      const minWidth = triggerSize.left + triggerSize.right;
-      const minHeight = triggerSize.top + triggerSize.bottom;
-      x.value = clientX;
-      y.value = clientY;
+      const movementX = dragDirection.value == "left" ? x - clientX : clientX - x;
+      const movementY = dragDirection.value == "top" ? y - clientY : clientY - y;
+      x = clientX;
+      y = clientY;
       if (["left", "right"].includes(dragDirection.value)) {
         computedWidth.value += movementX;
-        computedWidth.value <= minWidth && (computedWidth.value = minWidth);
-        boxRef.value.style.width = valueToPx(computedWidth.value);
+        boxRef.value.style.width = `${valueToPx(computedWidth.value)}`;
       } else {
         computedHeight.value += movementY;
-        computedHeight.value <= minHeight && (computedHeight.value = minHeight);
-        boxRef.value.style.height = valueToPx(computedHeight.value);
+        boxRef.value.style.height = `${valueToPx(computedHeight.value)}`;
       }
-      const { width: width2, height: height2 } = boxRef.value.getBoundingClientRect();
-      if (computedWidth.value != width2) {
-        computedWidth.value = width2;
+      const { width, height } = boxRef.value.getBoundingClientRect();
+      if (width != computedWidth.value) {
+        computedWidth.value = width;
       }
-      if (height2 != computedHeight.value) {
-        computedHeight.value = height2;
+      if (height != computedHeight.value) {
+        computedHeight.value = width;
       }
       emits(
         "moving",
         {
-          width: width2,
-          height: height2
+          width,
+          height
         },
         e
       );
@@ -111,17 +107,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         entries.forEach((item) => {
           const direction = item.target.getAttribute("dir");
           const {
-            contentRect: { width: width2, height: height2 }
+            contentRect: { width, height }
           } = item;
-          triggerSize[direction] = ["right", "left"].includes(direction) ? width2 : height2;
+          triggerSize[direction] = ["right", "left"].includes(direction) ? width : height;
         });
       },
       {
         box: "border-box"
       }
     );
+    watch(
+      [computedWidth, computedHeight],
+      async () => {
+        if (dragDirection.value) return;
+        await nextTick();
+        boxRef.value.style.width = `${valueToPx(computedWidth.value)}`;
+        boxRef.value.style.height = `${valueToPx(computedHeight.value)}`;
+      },
+      {
+        immediate: true
+      }
+    );
     return (_ctx, _cache) => {
       return openBlock(), createBlock(resolveDynamicComponent(_ctx.component), {
+        style: normalizeStyle({
+          minWidth: unref(valueToPx)(triggerSize.left + triggerSize.right),
+          minHeight: unref(valueToPx)(triggerSize.top + triggerSize.bottom)
+        }),
         class: "yc-resizebox",
         ref_key: "boxRef",
         ref: boxRef
@@ -154,7 +166,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }), 128))
         ]),
         _: 3
-      }, 512);
+      }, 8, ["style"]);
     };
   }
 });

package/es/Select/Option.vue.d.ts

@@ -10,7 +10,7 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<OptionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<OptionProps> & Readonly<{}>, {
     disabled: boolean;
-    value: import('./type').SelectValue;
+    value: import('./type').OptionValue;
     label: string;
     isFallbackOption: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/es/Select/Option.vue.js

@@ -21,7 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Option",
   props: {
     label: { default: "" },
-    value: { type: [String, Number, Boolean, Object, Array], default: "" },
+    value: { type: [String, Number, Boolean, Object], default: "" },
     disabled: { type: Boolean, default: false },
     tagProps: {},
     id: {},

package/es/Select/Select.vue.d.ts

@@ -1,4 +1,4 @@
-import { SelectProps, SelectSlots, SelectValue } from './type';
+import { SelectProps, SelectSlots, OptionValue } from './type';
 import { InputTagValue } from '../InputTag';
 import { TriggerInstance } from '../Trigger';
 declare function __VLS_template(): {
@@ -393,31 +393,31 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
     blur(): void;
     getPopupRef(): TriggerInstance;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    change: (value: SelectValue) => any;
+    change: (value: import('./type').SelectValue) => any;
     "update:popupVisible": (value: boolean) => any;
     "popup-visible-change": (value: boolean) => any;
     clear: () => any;
-    select: (value: SelectValue) => any;
+    select: (value: OptionValue) => any;
     search: (value: string) => any;
-    "update:modelValue": (value: SelectValue) => any;
-    "update:inputValue": (value: SelectValue) => any;
+    "update:modelValue": (value: import('./type').SelectValue) => any;
+    "update:inputValue": (value: string) => any;
     "input-value-change": (value: string) => any;
     remove: (index: string | number, ev: Event) => any;
-    exceedLimit: (value: SelectValue, ev?: MouseEvent | undefined) => any;
+    exceedLimit: (value: OptionValue, ev?: MouseEvent | undefined) => any;
     "dropdown-scroll": (ev: Event) => any;
     "dropdown-reach-bottom": (ev: Event) => any;
 }, string, import('vue').PublicProps, Readonly<SelectProps> & Readonly<{
-    onChange?: ((value: SelectValue) => any) | undefined;
+    onChange?: ((value: import('./type').SelectValue) => any) | undefined;
     "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
     "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
     onClear?: (() => any) | undefined;
-    onSelect?: ((value: SelectValue) => any) | undefined;
+    onSelect?: ((value: OptionValue) => any) | undefined;
     onSearch?: ((value: string) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: SelectValue) => any) | undefined;
-    "onUpdate:inputValue"?: ((value: SelectValue) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: import('./type').SelectValue) => any) | undefined;
+    "onUpdate:inputValue"?: ((value: string) => any) | undefined;
     "onInput-value-change"?: ((value: string) => any) | undefined;
     onRemove?: ((index: string | number, ev: Event) => any) | undefined;
-    onExceedLimit?: ((value: SelectValue, ev?: MouseEvent | undefined) => any) | undefined;
+    onExceedLimit?: ((value: OptionValue, ev?: MouseEvent | undefined) => any) | undefined;
     "onDropdown-scroll"?: ((ev: Event) => any) | undefined;
     "onDropdown-reach-bottom"?: ((ev: Event) => any) | undefined;
 }>, {
@@ -432,11 +432,11 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
     placeholder: string;
     loading: boolean;
     bordered: boolean;
-    modelValue: SelectValue;
-    defaultValue: SelectValue;
+    modelValue: import('./type').SelectValue;
+    defaultValue: import('./type').SelectValue;
     allowClear: boolean;
     showExtraOptions: boolean;
-    options: import('./type').SelectOptions;
+    options: import('./type').SelectOption[];
     limit: number;
     inputValue: string;
     defaultInputValue: string;

package/es/Select/SelectIcon.vue.js

@@ -1,8 +1,8 @@
 import { defineComponent, resolveComponent, createBlock, createElementBlock, openBlock, unref, createSlots, withCtx, resolveDynamicComponent, Fragment, createElementVNode, createCommentVNode, withModifiers } from "vue";
 import useContext from "./hooks/useContext.js";
 import _sfc_main$1 from "../_shared/icons/IconArrowDown.vue.js";
-import _sfc_main$2 from "../_shared/components/IconButton/index.vue2.js";
-/* empty css                                         */
+import _sfc_main$2 from "../_shared/components/IconButton/index.vue.js";
+/* empty css                                          */
 import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";

package/es/Select/hooks/useContext.d.ts

@@ -1,9 +1,9 @@
 import { Ref, Slots } from 'vue';
-import { SelectValue, SelectOptionData, SelectEmits } from '../type';
+import { SelectValue, SelectOptionData, SelectEmits, OptionValue } from '../type';
 import { InputInstance } from '../../Input';
 import { ObjectData, Props } from '../../_shared/type';
 type SelectContext = {
-    computedValue: Ref<SelectValue | SelectValue[] | undefined>;
+    computedValue: Ref<SelectValue | undefined>;
     computedInputValue: Ref<string>;
     multiple: Ref<boolean>;
     limit: Ref<number>;
@@ -15,7 +15,7 @@ type SelectContext = {
     slots: Slots;
     blur: () => void;
     filterOption: (option: SelectOptionData) => boolean;
-    getValue: (value: SelectValue | ObjectData) => SelectValue;
+    getValue: (value: OptionValue | ObjectData) => OptionValue;
     collectOption: (props: Props, optionLabel: Ref<string>) => void;
     emits: SelectEmits;
 };
@@ -26,9 +26,9 @@ declare const _default: () => {
         computedInputValue: import('vue').WritableComputedRef<string, string>;
         selectOptions: import('vue').ComputedRef<{
             id: string;
-            label: SelectValue | undefined;
+            label: OptionValue | undefined;
             render?: import('../../_shared/type').RenderContent;
-            value?: SelectValue;
+            value?: OptionValue;
             disabled?: boolean;
             tagProps?: import('../..').TagProps;
             isFallbackOption?: boolean;
@@ -36,7 +36,7 @@ declare const _default: () => {
         createOptions: Ref<{
             render?: string | import('vue').RenderFunction | ObjectData[] | undefined;
             label?: string | undefined;
-            value?: string | number | boolean | ObjectData | (string | number | boolean | ObjectData)[] | undefined;
+            value?: OptionValue | undefined;
             disabled?: boolean | undefined;
             tagProps?: {
                 color?: string | undefined;
@@ -56,7 +56,7 @@ declare const _default: () => {
         }[], SelectOptionData[] | {
             render?: string | import('vue').RenderFunction | ObjectData[] | undefined;
             label?: string | undefined;
-            value?: string | number | boolean | ObjectData | (string | number | boolean | ObjectData)[] | undefined;
+            value?: OptionValue | undefined;
             disabled?: boolean | undefined;
             tagProps?: {
                 color?: string | undefined;

package/es/Select/hooks/useSelectOptions.d.ts

@@ -1,12 +1,12 @@
 import { Ref } from 'vue';
 import { ObjectData, Props } from '../../_shared/type';
-import { SelectValue, SelectOptions, FallbackOption, FormatLabel, SelectOptionData } from '../index';
+import { SelectValue, SelectOption, FallbackOption, FormatLabel, SelectOptionData, OptionValue } from '../index';
 declare const _default: (params: {
     multiple: Ref<boolean>;
     computedValue: Ref<SelectValue>;
-    provideOptions: Ref<SelectOptions>;
+    provideOptions: Ref<SelectOption[]>;
     showExtraOptions: Ref<boolean>;
-    getValue: (value: string | ObjectData) => SelectValue;
+    getValue: (value: OptionValue) => OptionValue;
     fallbackOption?: FallbackOption;
     formatLabel?: FormatLabel;
 }) => {
@@ -14,7 +14,7 @@ declare const _default: (params: {
     createOptions: Ref<{
         render?: string | import('vue').RenderFunction | ObjectData[] | undefined;
         label?: string | undefined;
-        value?: string | number | boolean | ObjectData | (string | number | boolean | ObjectData)[] | undefined;
+        value?: OptionValue | undefined;
         disabled?: boolean | undefined;
         tagProps?: {
             color?: string | undefined;
@@ -34,7 +34,7 @@ declare const _default: (params: {
     }[], SelectOptionData[] | {
         render?: string | import('vue').RenderFunction | ObjectData[] | undefined;
         label?: string | undefined;
-        value?: string | number | boolean | ObjectData | (string | number | boolean | ObjectData)[] | undefined;
+        value?: OptionValue | undefined;
         disabled?: boolean | undefined;
         tagProps?: {
             color?: string | undefined;
@@ -52,12 +52,12 @@ declare const _default: (params: {
         id?: string | undefined;
         isFallbackOption?: boolean | undefined;
     }[]>;
-    renderOptions: import('vue').ComputedRef<SelectOptions>;
+    renderOptions: import('vue').ComputedRef<SelectOption[]>;
     selectOptions: import('vue').ComputedRef<{
         id: string;
-        label: SelectValue | undefined;
+        label: OptionValue | undefined;
         render?: import('../../_shared/type').RenderContent;
-        value?: SelectValue;
+        value?: OptionValue;
         disabled?: boolean;
         tagProps?: import('../..').TagProps;
         isFallbackOption?: boolean;

package/es/Select/index.d.ts

@@ -12,13 +12,13 @@ declare const Select: {
         "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
         "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
         onClear?: (() => any) | undefined;
-        onSelect?: ((value: import('./type').SelectValue) => any) | undefined;
+        onSelect?: ((value: import('./type').OptionValue) => any) | undefined;
         onSearch?: ((value: string) => any) | undefined;
         "onUpdate:modelValue"?: ((value: import('./type').SelectValue) => any) | undefined;
-        "onUpdate:inputValue"?: ((value: import('./type').SelectValue) => any) | undefined;
+        "onUpdate:inputValue"?: ((value: string) => any) | undefined;
         "onInput-value-change"?: ((value: string) => any) | undefined;
         onRemove?: ((index: string | number, ev: Event) => any) | undefined;
-        onExceedLimit?: ((value: import('./type').SelectValue, ev?: MouseEvent | undefined) => any) | undefined;
+        onExceedLimit?: ((value: import('./type').OptionValue, ev?: MouseEvent | undefined) => any) | undefined;
         "onDropdown-scroll"?: ((ev: Event) => any) | undefined;
         "onDropdown-reach-bottom"?: ((ev: Event) => any) | undefined;
     }>, {
@@ -30,13 +30,13 @@ declare const Select: {
         "update:popupVisible": (value: boolean) => any;
         "popup-visible-change": (value: boolean) => any;
         clear: () => any;
-        select: (value: import('./type').SelectValue) => any;
+        select: (value: import('./type').OptionValue) => any;
         search: (value: string) => any;
         "update:modelValue": (value: import('./type').SelectValue) => any;
-        "update:inputValue": (value: import('./type').SelectValue) => any;
+        "update:inputValue": (value: string) => any;
         "input-value-change": (value: string) => any;
         remove: (index: string | number, ev: Event) => any;
-        exceedLimit: (value: import('./type').SelectValue, ev?: MouseEvent | undefined) => any;
+        exceedLimit: (value: import('./type').OptionValue, ev?: MouseEvent | undefined) => any;
         "dropdown-scroll": (ev: Event) => any;
         "dropdown-reach-bottom": (ev: Event) => any;
     }, import('vue').PublicProps, {
@@ -55,7 +55,7 @@ declare const Select: {
         defaultValue: import('./type').SelectValue;
         allowClear: boolean;
         showExtraOptions: boolean;
-        options: import('./type').SelectOptions;
+        options: import('./type').SelectOption[];
         limit: number;
         inputValue: string;
         defaultInputValue: string;
@@ -464,13 +464,13 @@ declare const Select: {
         "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
         "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
         onClear?: (() => any) | undefined;
-        onSelect?: ((value: import('./type').SelectValue) => any) | undefined;
+        onSelect?: ((value: import('./type').OptionValue) => any) | undefined;
         onSearch?: ((value: string) => any) | undefined;
         "onUpdate:modelValue"?: ((value: import('./type').SelectValue) => any) | undefined;
-        "onUpdate:inputValue"?: ((value: import('./type').SelectValue) => any) | undefined;
+        "onUpdate:inputValue"?: ((value: string) => any) | undefined;
         "onInput-value-change"?: ((value: string) => any) | undefined;
         onRemove?: ((index: string | number, ev: Event) => any) | undefined;
-        onExceedLimit?: ((value: import('./type').SelectValue, ev?: MouseEvent | undefined) => any) | undefined;
+        onExceedLimit?: ((value: import('./type').OptionValue, ev?: MouseEvent | undefined) => any) | undefined;
         "onDropdown-scroll"?: ((ev: Event) => any) | undefined;
         "onDropdown-reach-bottom"?: ((ev: Event) => any) | undefined;
     }>, {
@@ -493,7 +493,7 @@ declare const Select: {
         defaultValue: import('./type').SelectValue;
         allowClear: boolean;
         showExtraOptions: boolean;
-        options: import('./type').SelectOptions;
+        options: import('./type').SelectOption[];
         limit: number;
         inputValue: string;
         defaultInputValue: string;
@@ -519,13 +519,13 @@ declare const Select: {
     "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
     "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
     onClear?: (() => any) | undefined;
-    onSelect?: ((value: import('./type').SelectValue) => any) | undefined;
+    onSelect?: ((value: import('./type').OptionValue) => any) | undefined;
     onSearch?: ((value: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: import('./type').SelectValue) => any) | undefined;
-    "onUpdate:inputValue"?: ((value: import('./type').SelectValue) => any) | undefined;
+    "onUpdate:inputValue"?: ((value: string) => any) | undefined;
     "onInput-value-change"?: ((value: string) => any) | undefined;
     onRemove?: ((index: string | number, ev: Event) => any) | undefined;
-    onExceedLimit?: ((value: import('./type').SelectValue, ev?: MouseEvent | undefined) => any) | undefined;
+    onExceedLimit?: ((value: import('./type').OptionValue, ev?: MouseEvent | undefined) => any) | undefined;
     "onDropdown-scroll"?: ((ev: Event) => any) | undefined;
     "onDropdown-reach-bottom"?: ((ev: Event) => any) | undefined;
 }>, {
@@ -537,13 +537,13 @@ declare const Select: {
     "update:popupVisible": (value: boolean) => any;
     "popup-visible-change": (value: boolean) => any;
     clear: () => any;
-    select: (value: import('./type').SelectValue) => any;
+    select: (value: import('./type').OptionValue) => any;
     search: (value: string) => any;
     "update:modelValue": (value: import('./type').SelectValue) => any;
-    "update:inputValue": (value: import('./type').SelectValue) => any;
+    "update:inputValue": (value: string) => any;
     "input-value-change": (value: string) => any;
     remove: (index: string | number, ev: Event) => any;
-    exceedLimit: (value: import('./type').SelectValue, ev?: MouseEvent | undefined) => any;
+    exceedLimit: (value: import('./type').OptionValue, ev?: MouseEvent | undefined) => any;
     "dropdown-scroll": (ev: Event) => any;
     "dropdown-reach-bottom": (ev: Event) => any;
 }, string, {
@@ -562,7 +562,7 @@ declare const Select: {
     defaultValue: import('./type').SelectValue;
     allowClear: boolean;
     showExtraOptions: boolean;
-    options: import('./type').SelectOptions;
+    options: import('./type').SelectOption[];
     limit: number;
     inputValue: string;
     defaultInputValue: string;
@@ -585,7 +585,7 @@ declare const Select: {
     option: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').OptionProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
             disabled: boolean;
-            value: import('./type').SelectValue;
+            value: import('./type').OptionValue;
             label: string;
             isFallbackOption: boolean;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
@@ -599,7 +599,7 @@ declare const Select: {
             Defaults: {};
         }, Readonly<import('./type').OptionProps> & Readonly<{}>, {}, {}, {}, {}, {
             disabled: boolean;
-            value: import('./type').SelectValue;
+            value: import('./type').OptionValue;
             label: string;
             isFallbackOption: boolean;
         }>;
@@ -608,7 +608,7 @@ declare const Select: {
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./type').OptionProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
         disabled: boolean;
-        value: import('./type').SelectValue;
+        value: import('./type').OptionValue;
         label: string;
         isFallbackOption: boolean;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {

package/es/Select/type.d.ts

@@ -23,7 +23,7 @@ export interface SelectProps {
     defaultPopupVisible?: boolean;
     unmountonClose?: boolean;
     filterOption?: FilterOption;
-    options?: SelectOptions;
+    options?: SelectOption[];
     virtualListProps?: VirtualListProps;
     triggerProps?: TriggerProps;
     formatLabel?: FormatLabel;
@@ -42,18 +42,18 @@ export interface SelectProps {
 }
 export interface SelectEmits {
     (e: 'update:modelValue', value: SelectValue): void;
-    (e: 'update:inputValue', value: SelectValue): void;
+    (e: 'update:inputValue', value: string): void;
     (e: 'update:popupVisible', value: boolean): void;
     (e: 'change', value: SelectValue): void;
     (e: 'input-value-change', value: string): void;
     (e: 'clear'): void;
     (e: 'remove', index: number | string, ev: Event): void;
     (e: 'search', value: string): void;
-    (e: 'exceedLimit', value: SelectValue, ev?: MouseEvent): void;
+    (e: 'exceedLimit', value: OptionValue, ev?: MouseEvent): void;
     (e: 'popup-visible-change', value: boolean): void;
     (e: 'dropdown-scroll', ev: Event): void;
     (e: 'dropdown-reach-bottom', ev: Event): void;
-    (e: 'select', value: SelectValue): void;
+    (e: 'select', value: OptionValue): void;
 }
 export interface SelectSlots {
     default?: () => VNode[];
@@ -79,7 +79,7 @@ export interface SelectExpose {
 }
 export interface OptionProps {
     label?: string;
-    value?: SelectValue;
+    value?: OptionValue;
     disabled?: boolean;
     tagProps?: TagProps;
     id?: string;
@@ -97,7 +97,8 @@ export interface OptgroupSlots {
     default?: () => VNode[];
     label?: () => VNode[];
 }
-export type SelectValue = (string | number | boolean | ObjectData) | (string | number | boolean | ObjectData)[];
+export type OptionValue = string | number | boolean | ObjectData;
+export type SelectValue = OptionValue | OptionValue[];
 export type SelectOptionData = {
     render?: RenderContent;
 } & OptionProps;
@@ -107,9 +108,9 @@ export type SelectOptionGroup = {
     isGroup?: true;
     options?: SelectOptionData[];
 };
-export type SelectOptions = (SelectValue | SelectOptionData | SelectOptionGroup | ObjectData)[];
+export type SelectOption = OptionValue | SelectOptionData | SelectOptionGroup | ObjectData;
 export type FilterOption = boolean | ((inputValue: string, option: SelectOptionData) => boolean);
-export type FallbackOption = (value: SelectValue) => SelectOptionData;
+export type FallbackOption = (value: OptionValue) => SelectOptionData;
 export type FormatLabel = (data: SelectOptionData) => string;
 export type VirtualListProps = {
     itemHeight?: number;

package/es/Spin/index.vue.js

@@ -4,7 +4,7 @@ import "../node_modules/tinycolor2/esm/tinycolor.js";
 import { valueToPx } from "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../_shared/utils/locale.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconLoading.vue.js";

package/es/Split/index.vue.js

@@ -5,7 +5,7 @@ import { isNumber } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
 import "../_shared/utils/locale.js";
 import useControlValue from "../_shared/utils/control.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconDragDot.vue.js";

package/es/Steps/Step.vue.js

@@ -3,7 +3,7 @@ import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../_shared/utils/locale.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconCheck.vue.js";

package/es/Tabs/TabButton.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, createCommentVNode } from "vue";
-import _sfc_main$1 from "../_shared/components/IconButton/index.vue2.js";
-/* empty css                                         */
+import _sfc_main$1 from "../_shared/components/IconButton/index.vue.js";
+/* empty css                                          */
 import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";

package/es/Tabs/Tabs.vue.js

@@ -6,7 +6,7 @@ import { findComponentsFromVnodes } from "../_shared/utils/vue-utils.js";
 import "../_shared/utils/locale.js";
 import useContext from "./hooks/useContext.js";
 import useTabsScroll from "./hooks/useTabsScroll.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$3 from "../_shared/icons/IconArrowRight.vue.js";

package/es/Tag/index.vue.js

@@ -7,8 +7,8 @@ import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import "../_shared/utils/locale.js";
 import useControlValue from "../_shared/utils/control.js";
 import Spin from "../Spin/index.js";
-import _sfc_main$1 from "../_shared/components/IconButton/index.vue2.js";
-/* empty css                                         */
+import _sfc_main$1 from "../_shared/components/IconButton/index.vue.js";
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 const _hoisted_1 = {

package/es/Textarea/index.vue.js

@@ -1,8 +1,8 @@
 import { defineComponent, toRefs, ref, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createElementVNode, createBlock, toDisplayString, normalizeStyle, withCtx, createTextVNode } from "vue";
 import useTextareaHeight from "./hooks/useTextareaHeight.js";
 import useLimitedInput from "../Input/hooks/useLimitedInput.js";
-import _sfc_main$2 from "../_shared/components/IconButton/index.vue2.js";
-/* empty css                                         */
+import _sfc_main$2 from "../_shared/components/IconButton/index.vue.js";
+/* empty css                                          */
 import _sfc_main$1 from "../_shared/components/PreventFocus/index.vue.js";
 import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";

package/es/TimePicker/TimePicker.vue.js

@@ -6,8 +6,8 @@ import { isValidTimeRange } from "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import "../_shared/utils/locale.js";
 import useContext from "./hooks/useContext.js";
-import _sfc_main$1 from "../_shared/components/IconButton/index.vue2.js";
-/* empty css                                         */
+import _sfc_main$1 from "../_shared/components/IconButton/index.vue.js";
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$2 from "../_shared/icons/IconTime.vue.js";

package/es/Transfer/Transfer.vue.js

@@ -4,7 +4,7 @@ import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../_shared/utils/locale.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$2 from "../_shared/icons/IconArrowRight.vue.js";