@koi-design/uxd-ui 13.2.6 → 13.2.8

package/lib/components/Select/hooks/useMultipleBase.d.ts

@@ -0,0 +1,34 @@
+import type { DisplayOption, SingleValueType } from '../Select.type';
+export declare const REST_TAG_KEY = "__UUI_SELECT_MAX_REST_COUNT__";
+export default function useMultipleBase(props: any, emit: any): {
+    motionAppear: import("vue").Ref<boolean, boolean>;
+    measureRef: import("vue").Ref<any, any>;
+    inputWidth: import("vue").Ref<number, number>;
+    inputValue: import("vue").ComputedRef<any>;
+    inputEditable: import("vue").ComputedRef<any>;
+    showPlaceholder: import("vue").ComputedRef<boolean>;
+    isNotRender: import("vue").ComputedRef<boolean>;
+    displayValues: import("vue").ComputedRef<any>;
+    displayRest: import("vue").ComputedRef<boolean>;
+    mergedDisplayCount: import("vue").ComputedRef<number>;
+    closable: (item: DisplayOption) => boolean;
+    onClose: (value: SingleValueType, e: any) => void;
+    onOverflowItemResize: ({ width }: {
+        width: number;
+    }, item: DisplayOption) => void;
+    onSuffixResize: ({ width }: {
+        width: number;
+    }) => void;
+    onInputMouseDown: () => void;
+    onInputChange: (val: any) => void;
+    onInputKeydown: (e: KeyboardEvent) => void;
+    onInputCompositionStart: (e: CompositionEvent) => void;
+    onInputCompositionEnd: (e: CompositionEvent) => void;
+    onInputPaste: (e: ClipboardEvent) => void;
+    REST_TAG_KEY: string;
+    getRender: (children: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNodeChild) => () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+};

package/lib/components/Select/hooks/useMultipleBase.js

@@ -0,0 +1,216 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var slots = require('../../../utils/slots.js');
+
+const REST_TAG_KEY = "__UUI_SELECT_MAX_REST_COUNT__";
+function useMultipleBase(props, emit) {
+  const motionAppear = vue.ref(false);
+  const measureRef = vue.ref();
+  const inputWidth = vue.ref(0);
+  const mergedContainerWidth = vue.computed(() => props.containerWrapperWidth || 0);
+  const itemWidths = vue.shallowRef(/* @__PURE__ */ new Map());
+  const suffixWidth = vue.shallowRef(0);
+  const prevRestWidth = vue.shallowRef(0);
+  const restWidth = vue.shallowRef(0);
+  const displayCount = vue.shallowRef(null);
+  const restReady = vue.shallowRef(false);
+  const inputValue = vue.computed(() => {
+    return props.searchValue;
+  });
+  const inputEditable = vue.computed(() => {
+    return props.filterable && props.open;
+  });
+  const showPlaceholder = vue.computed(() => {
+    return !props.values.length && !inputValue.value;
+  });
+  const isNotRender = vue.computed(() => {
+    return !props.tagRender;
+  });
+  const mergedDisplayCount = vue.computed(() => {
+    if (displayCount.value === null) {
+      return Number.MAX_SAFE_INTEGER;
+    }
+    return displayCount.value || 0;
+  });
+  const mergedRestWidth = vue.computed(() => Math.max(prevRestWidth.value, restWidth.value));
+  const omittedItems = vue.computed(() => {
+    return props.values.slice(mergedDisplayCount.value + 1);
+  });
+  const displayRest = vue.computed(() => restReady.value && !!omittedItems.value.length);
+  const baseDisplayValues = vue.computed(() => {
+    const { values, maxTagCount, maxTagTextLength, maxTagPlaceholder } = props;
+    let restCount = 0;
+    let _display = values;
+    if (typeof maxTagCount === "number") {
+      restCount = values.length - maxTagCount;
+      _display = values.slice(0, maxTagCount);
+    }
+    if (typeof maxTagTextLength === "number") {
+      _display = _display.map(({ displayLabel, ...rest }) => {
+        let _label = displayLabel;
+        if (typeof displayLabel === "string" || typeof displayLabel === "number") {
+          const strLabel = String(_label);
+          if (strLabel.length > maxTagTextLength) {
+            _label = `${strLabel.slice(0, maxTagTextLength)}...`;
+          }
+        }
+        return {
+          ...rest,
+          displayLabel: _label
+        };
+      });
+    }
+    if (restCount > 0) {
+      const rest = values.slice(maxTagCount);
+      _display.push({
+        key: REST_TAG_KEY,
+        value: REST_TAG_KEY,
+        displayLabel: maxTagPlaceholder(rest)
+      });
+    }
+    return _display;
+  });
+  const overflowDisplayValues = vue.computed(() => {
+    const { maxTagPlaceholder } = props;
+    let items = [];
+    if (props.containerWrapperWidth === null) {
+      items = props.values;
+    } else {
+      items = props.values.slice(0, Math.min(props.values.length, props.containerWrapperWidth / props.itemWidth));
+    }
+    items = [
+      ...items,
+      {
+        key: REST_TAG_KEY,
+        value: REST_TAG_KEY,
+        displayLabel: maxTagPlaceholder(omittedItems.value)
+      }
+    ];
+    return items;
+  });
+  const displayValues = vue.computed(() => {
+    return props.enableOverflow ? overflowDisplayValues.value : baseDisplayValues.value;
+  });
+  const closable = (item) => {
+    return item.key !== REST_TAG_KEY && !item.disabled;
+  };
+  const onClose = (value, e) => {
+    if (e && e.stopPropagation) {
+      e.stopPropagation();
+    }
+    emit("select", value, { selected: false });
+  };
+  const getItemWidth = (index) => {
+    return itemWidths.value.get(displayValues.value[index].value || displayValues.value[index].key);
+  };
+  const updateDisplayCount = (count, notReady) => {
+    displayCount.value = count;
+    if (!notReady) {
+      restReady.value = count < props.values.length - 1;
+    }
+  };
+  const onOverflowItemResize = ({ width }, item) => {
+    const clone = new Map(itemWidths.value);
+    const key = item.value || item.key;
+    if (key === REST_TAG_KEY) {
+      prevRestWidth.value = restWidth.value;
+      restWidth.value = width;
+    }
+    if (width === null) {
+      clone.delete(key);
+    } else {
+      clone.set(key, width);
+    }
+    itemWidths.value = clone;
+  };
+  const onSuffixResize = ({ width }) => {
+    suffixWidth.value = width;
+  };
+  const onInputMouseDown = () => {
+    emit("input-mousedown");
+  };
+  const onInputChange = (val) => {
+    emit("input-change", val);
+  };
+  const onInputKeydown = (e) => {
+    emit("input-keydown", e);
+  };
+  const onInputCompositionStart = (e) => {
+    emit("input-compositionstart", e);
+  };
+  const onInputCompositionEnd = (e) => {
+    emit("input-compositionend", e);
+  };
+  const onInputPaste = (e) => {
+    emit("input-paste", e);
+  };
+  vue.onMounted(() => {
+    motionAppear.value = true;
+    vue.watch(
+      inputValue,
+      () => {
+        inputWidth.value = measureRef.value.scrollWidth;
+      },
+      { flush: "post" }
+    );
+  });
+  vue.watch([mergedContainerWidth, itemWidths, restWidth, suffixWidth, displayValues], () => {
+    if (!props.enableOverflow)
+      return;
+    if (mergedContainerWidth.value && mergedRestWidth.value && displayValues.value) {
+      let totalWidth = suffixWidth.value;
+      const len = displayValues.value.filter((item) => item.key !== REST_TAG_KEY).length;
+      const lastIndex = len - 1;
+      if (!len) {
+        updateDisplayCount(0);
+        return;
+      }
+      for (let i = 0; i < len; i += 1) {
+        const currentItemWidth = getItemWidth(i);
+        if (currentItemWidth === void 0) {
+          updateDisplayCount(i - 1, true);
+          break;
+        }
+        totalWidth += currentItemWidth;
+        if (lastIndex === 0 && totalWidth <= mergedContainerWidth.value || i === lastIndex - 1 && totalWidth + getItemWidth(lastIndex) <= mergedContainerWidth.value) {
+          updateDisplayCount(lastIndex);
+          break;
+        } else if (totalWidth + mergedRestWidth.value > mergedContainerWidth.value) {
+          updateDisplayCount(i - 1);
+          break;
+        }
+      }
+    }
+  });
+  return {
+    motionAppear,
+    measureRef,
+    inputWidth,
+    inputValue,
+    inputEditable,
+    showPlaceholder,
+    isNotRender,
+    displayValues,
+    displayRest,
+    mergedDisplayCount,
+    closable,
+    onClose,
+    onOverflowItemResize,
+    onSuffixResize,
+    onInputMouseDown,
+    onInputChange,
+    onInputKeydown,
+    onInputCompositionStart,
+    onInputCompositionEnd,
+    onInputPaste,
+    REST_TAG_KEY,
+    getRender: slots.getRender
+  };
+}
+
+exports.REST_TAG_KEY = REST_TAG_KEY;
+exports["default"] = useMultipleBase;
+//# sourceMappingURL=useMultipleBase.js.map

package/lib/components/Select/hooks/useMultipleBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMultipleBase.js","sources":["../../../../../src/components/Select/hooks/useMultipleBase.ts"],"sourcesContent":["import { ref, computed, shallowRef, onMounted, watch } from 'vue';\nimport type { DisplayOption, SingleValueType } from '../Select.type';\nimport { getRender } from '../../../utils/slots';\n\nexport const REST_TAG_KEY = '__UUI_SELECT_MAX_REST_COUNT__';\n\nexport default function useMultipleBase(props: any, emit: any) {\n  type Key = string | number;\n\n  const motionAppear = ref(false);\n  const measureRef = ref();\n  const inputWidth = ref(0);\n\n  const mergedContainerWidth = computed(() => props.containerWrapperWidth || 0);\n  const itemWidths = shallowRef<Map<Key, number>>(new Map<Key, number>());\n  const suffixWidth = shallowRef(0);\n  const prevRestWidth = shallowRef(0);\n  const restWidth = shallowRef(0);\n  const displayCount = shallowRef<number>(null);\n  const restReady = shallowRef(false);\n\n  const inputValue = computed(() => {\n    return props.searchValue;\n  });\n\n  const inputEditable = computed(() => {\n    return props.filterable && props.open;\n  });\n\n  const showPlaceholder = computed(() => {\n    return !props.values.length && !inputValue.value;\n  });\n\n  const isNotRender = computed(() => {\n    return !props.tagRender;\n  });\n\n  const mergedDisplayCount = computed(() => {\n    if (displayCount.value === null) {\n      return Number.MAX_SAFE_INTEGER;\n    }\n    return displayCount.value || 0;\n  });\n\n  const mergedRestWidth = computed(() => Math.max(prevRestWidth.value, restWidth.value));\n\n  const omittedItems = computed(() => {\n    return props.values.slice(mergedDisplayCount.value + 1);\n  });\n\n  const displayRest = computed(() => restReady.value && !!omittedItems.value.length);\n\n  const baseDisplayValues = computed(() => {\n    const { values, maxTagCount, maxTagTextLength, maxTagPlaceholder } = props;\n    let restCount = 0;\n    let _display = values;\n\n    if (typeof maxTagCount === 'number') {\n      restCount = values.length - maxTagCount;\n      _display = values.slice(0, maxTagCount);\n    }\n\n    if (typeof maxTagTextLength === 'number') {\n      _display = _display.map(({ displayLabel, ...rest }: { displayLabel: string; [key: string]: any }) => {\n        let _label = displayLabel;\n        if (typeof displayLabel === 'string' || typeof displayLabel === 'number') {\n          const strLabel = String(_label);\n          if (strLabel.length > maxTagTextLength) {\n            _label = `${strLabel.slice(0, maxTagTextLength)}...`;\n          }\n        }\n        return {\n          ...rest,\n          displayLabel: _label\n        };\n      });\n    }\n\n    if (restCount > 0) {\n      const rest = values.slice(maxTagCount);\n      _display.push({\n        key: REST_TAG_KEY,\n        value: REST_TAG_KEY,\n        displayLabel: maxTagPlaceholder(rest)\n      });\n    }\n    return _display;\n  });\n\n  const overflowDisplayValues = computed(() => {\n    const { maxTagPlaceholder } = props;\n    let items = [];\n\n    if (props.containerWrapperWidth === null) {\n      items = props.values;\n    } else {\n      items = props.values.slice(0, Math.min(props.values.length, props.containerWrapperWidth / props.itemWidth));\n    }\n\n    items = [\n      ...items,\n      {\n        key: REST_TAG_KEY,\n        value: REST_TAG_KEY,\n        displayLabel: maxTagPlaceholder(omittedItems.value)\n      }\n    ];\n\n    return items as DisplayOption[];\n  });\n\n  const displayValues = computed(() => {\n    return props.enableOverflow ? overflowDisplayValues.value : baseDisplayValues.value;\n  });\n\n  const closable = (item: DisplayOption) => {\n    return item.key !== REST_TAG_KEY && !item.disabled;\n  };\n\n  const onClose = (value: SingleValueType, e: any) => {\n    if (e && e.stopPropagation) {\n      e.stopPropagation();\n    }\n    emit('select', value, { selected: false });\n  };\n\n  const getItemWidth = (index: number) => {\n    return itemWidths.value.get(displayValues.value[index].value || displayValues.value[index].key);\n  };\n\n  const updateDisplayCount = (count: number, notReady?: boolean) => {\n    displayCount.value = count;\n    if (!notReady) {\n      restReady.value = count < props.values.length - 1;\n    }\n  };\n\n  const onOverflowItemResize = ({ width }: { width: number }, item: DisplayOption) => {\n    const clone = new Map(itemWidths.value);\n    const key = item.value || item.key;\n\n    if (key === REST_TAG_KEY) {\n      prevRestWidth.value = restWidth.value;\n      restWidth.value = width!;\n    }\n\n    if (width === null) {\n      clone.delete(key);\n    } else {\n      clone.set(key, width);\n    }\n    itemWidths.value = clone;\n  };\n\n  const onSuffixResize = ({ width }: { width: number }) => {\n    suffixWidth.value = width;\n  };\n\n  const onInputMouseDown = () => {\n    emit('input-mousedown');\n  };\n\n  const onInputChange = (val: any) => {\n    emit('input-change', val);\n  };\n\n  const onInputKeydown = (e: KeyboardEvent) => {\n    emit('input-keydown', e);\n  };\n\n  const onInputCompositionStart = (e: CompositionEvent) => {\n    emit('input-compositionstart', e);\n  };\n\n  const onInputCompositionEnd = (e: CompositionEvent) => {\n    emit('input-compositionend', e);\n  };\n\n  const onInputPaste = (e: ClipboardEvent) => {\n    emit('input-paste', e);\n  };\n\n  onMounted(() => {\n    motionAppear.value = true;\n    watch(\n      inputValue,\n      () => {\n        inputWidth.value = measureRef.value.scrollWidth;\n      },\n      { flush: 'post' }\n    );\n  });\n\n  watch([mergedContainerWidth, itemWidths, restWidth, suffixWidth, displayValues], () => {\n    if (!props.enableOverflow) return;\n\n    if (mergedContainerWidth.value && mergedRestWidth.value && displayValues.value) {\n      let totalWidth = suffixWidth.value;\n      const len = displayValues.value.filter((item: DisplayOption) => item.key !== REST_TAG_KEY).length;\n      const lastIndex = len - 1;\n\n      if (!len) {\n        updateDisplayCount(0);\n        return;\n      }\n\n      for (let i = 0; i < len; i += 1) {\n        const currentItemWidth = getItemWidth(i);\n\n        if (currentItemWidth === undefined) {\n          updateDisplayCount(i - 1, true);\n          break;\n        }\n\n        totalWidth += currentItemWidth;\n\n        if (\n          (lastIndex === 0 && totalWidth <= mergedContainerWidth.value) ||\n          (i === lastIndex - 1 && totalWidth + getItemWidth(lastIndex)! <= mergedContainerWidth.value)\n        ) {\n          updateDisplayCount(lastIndex);\n          break;\n        } else if (totalWidth + mergedRestWidth.value > mergedContainerWidth.value) {\n          updateDisplayCount(i - 1);\n          break;\n        }\n      }\n    }\n  });\n\n  return {\n    motionAppear,\n    measureRef,\n    inputWidth,\n    inputValue,\n    inputEditable,\n    showPlaceholder,\n    isNotRender,\n    displayValues,\n    displayRest,\n    mergedDisplayCount,\n\n    closable,\n    onClose,\n    onOverflowItemResize,\n    onSuffixResize,\n    onInputMouseDown,\n    onInputChange,\n    onInputKeydown,\n    onInputCompositionStart,\n    onInputCompositionEnd,\n    onInputPaste,\n\n    REST_TAG_KEY,\n    getRender\n  };\n}\n"],"names":["ref","computed","shallowRef","getRender"],"mappings":"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"}

package/lib/components/Select/index.d.ts

@@ -68,7 +68,7 @@ export declare const USelect: {
             type: import("vue").PropType<(rest: import("./Select.type").DisplayOption[]) => import("vue").VNodeChild | import("vue/jsx-runtime").JSX.Element>;
         };
         maxTagTextLength: {
-            type: NumberConstructor;
+            type: import("vue").PropType<number | "responsive">;
         };
         tagRender: {
             type: import("vue").PropType<import("./Select.type").TagRenderFunction>;
@@ -348,7 +348,7 @@ export declare const USelect: {
             type: import("vue").PropType<(rest: import("./Select.type").DisplayOption[]) => import("vue").VNodeChild | import("vue/jsx-runtime").JSX.Element>;
         };
         maxTagTextLength: {
-            type: NumberConstructor;
+            type: import("vue").PropType<number | "responsive">;
         };
         tagRender: {
             type: import("vue").PropType<import("./Select.type").TagRenderFunction>;
@@ -612,7 +612,7 @@ export declare const USelect: {
         type: import("vue").PropType<(rest: import("./Select.type").DisplayOption[]) => import("vue").VNodeChild | import("vue/jsx-runtime").JSX.Element>;
     };
     maxTagTextLength: {
-        type: NumberConstructor;
+        type: import("vue").PropType<number | "responsive">;
     };
     tagRender: {
         type: import("vue").PropType<import("./Select.type").TagRenderFunction>;
@@ -818,7 +818,7 @@ export declare const USelect: {
     popoverProps: import("..").PopoverProps;
     arrowRotate: boolean;
     showNoOptionValue: boolean;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & {
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & {
     Option: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         value: {
             type: import("vue").PropType<string | number>;

package/lib/components/Skeleton/index.d.ts

@@ -98,7 +98,7 @@ export declare const USkeleton: {
     avatar: boolean | import("./Skeletion.type").avatarObject;
     active: boolean;
     paragraph: boolean | import("./Skeletion.type").paragraphObject;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & {
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & {
     Item: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         type: {
             type: import("vue").PropType<"text" | "image" | "circle" | "p" | "rect">;

package/lib/components/Slider/index.d.ts

@@ -510,6 +510,6 @@ export declare const USlider: {
     tooltipVisible: boolean;
     included: boolean;
     tipFormatter: (val: number) => string;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
 export default USlider;
 export * from './Slider.type';

package/lib/components/Space/index.d.ts

@@ -94,6 +94,6 @@ export declare const USpace: {
     direction: "vertical" | "horizontal";
     size: import("./Space.type").SpaceSizeType;
     wrap: boolean;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
 export default USpace;
 export * from './Space.type';

package/lib/components/Spin/index.d.ts

@@ -100,6 +100,6 @@ export declare const USpin: {
     size: "small" | "default" | "large";
     fix: boolean;
     animation: "square" | "round";
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
 export default USpin;
 export * from './Spin.type';

package/lib/components/Statistic/Statistic.vue.d.ts

@@ -229,7 +229,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, string, {
         color: string;
         spin: boolean;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
     USolidAlertCircle: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     UTooltip: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
@@ -934,6 +934,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
             };
         }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+    } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/components/Statistic/index.d.ts

@@ -187,7 +187,7 @@ export declare const UStatistic: {
         }, string, {
             color: string;
             spin: boolean;
-        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
         USolidAlertCircle: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         UTooltip: {
             new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
@@ -892,7 +892,7 @@ export declare const UStatistic: {
                     };
                 };
             }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-        } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+        } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
     } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -1149,7 +1149,7 @@ export declare const UStatistic: {
     }, string, {
         color: string;
         spin: boolean;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
     USolidAlertCircle: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     UTooltip: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
@@ -1854,7 +1854,7 @@ export declare const UStatistic: {
                 };
             };
         }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
-} & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+    } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+} & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
 export default UStatistic;
 export * from './Statistic.type';

package/lib/components/Steps/Step.vue.d.ts

@@ -182,7 +182,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, string, {
         color: string;
         spin: boolean;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
     URoundCheck: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     URoundClose: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/components/Steps/index.d.ts

@@ -220,7 +220,7 @@ export declare const USteps: {
     current: number;
     labelPlacement: "vertical" | "horizontal";
     progressDot: boolean;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & {
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & {
     Step: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         status: {
             type: import("vue").PropType<"error" | "wait" | "finish" | "process">;
@@ -405,7 +405,7 @@ export declare const USteps: {
         }, string, {
             color: string;
             spin: boolean;
-        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
         URoundCheck: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         URoundClose: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/components/Switch/index.d.ts

@@ -251,6 +251,6 @@ export declare const USwitch: {
     trueValue: string | number | boolean;
     falseValue: string | number | boolean;
     autoFocus: boolean;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
 export default USwitch;
 export * from './Switch.type';