yc-design-vue 2.0.3 → 2.0.5

package/es/Select/Select.vue.js

@@ -1,10 +1,7 @@
-import { defineComponent, toRefs, ref, computed, createBlock, openBlock, unref, mergeProps, isRef, withCtx, createElementVNode, normalizeStyle, normalizeClass, renderSlot, createVNode, toDisplayString, createCommentVNode } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import { sleep } from "../_shared/utils/dom.js";
+import { defineComponent, useSlots, toRefs, ref, computed, createBlock, openBlock, unref, mergeProps, isRef, withCtx, createElementVNode, normalizeStyle, normalizeClass, renderSlot, createVNode, toDisplayString, createCommentVNode } from "vue";
 import { isUndefined } from "../_shared/utils/is.js";
-import "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
-import useContext from "./hooks/useContext.js";
+import { sleep } from "../_shared/utils/dom.js";
+import useSelectContext from "./hooks/useContext.js";
 import _sfc_main$1 from "./SelectIcon.vue.js";
 /* empty css                */
 import _sfc_main$2 from "./SelectView.vue.js";
@@ -67,6 +64,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:modelValue", "update:inputValue", "update:popupVisible", "change", "input-value-change", "clear", "remove", "search", "exceedLimit", "popup-visible-change", "dropdown-scroll", "dropdown-reach-bottom", "select"],
   setup(__props, { expose: __expose, emit: __emit }) {
+    const $slots = useSlots();
     const props = __props;
     const emits = __emit;
     const {
@@ -89,7 +87,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       computedInputValue,
       selectOptions,
       createOptions
-    } = useContext().provide(props, emits, inputRef);
+    } = useSelectContext().provide(props, emits, inputRef);
     const showClearBtn = computed(() => {
       const hasValue = multiple.value ? computedValue.value.length : String(computedValue.value).length;
       return allowClear.value && !disabled.value && !loading.value && !!hasValue;
@@ -273,7 +271,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "onUpdate:modelValue": _cache[13] || (_cache[13] = (v) => handleEvent("updateValue", v))
                 }, {
                   tag: withCtx(({ tag }) => [
-                    _ctx.$slots.label ? renderSlot(_ctx.$slots, "label", {
+                    $slots.label ? renderSlot(_ctx.$slots, "label", {
                       key: 0,
                       data: tag
                     }) : createCommentVNode("", true)

package/es/Select/SelectIcon.vue.js

@@ -1,12 +1,9 @@
 import { defineComponent, resolveComponent, createBlock, createElementBlock, openBlock, unref, createSlots, withCtx, resolveDynamicComponent, Fragment, createElementVNode, createCommentVNode, withModifiers } from "vue";
-import useContext from "./hooks/useContext.js";
+import useSelectContext 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 "../node_modules/tinycolor2/esm/tinycolor.js";
+import _sfc_main$2 from "../_shared/components/IconButton/index.vue.js";
+/* empty css                                          */
 import "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
 /* empty css                                               */
 /* empty css                                   */
 import Spin from "../Spin/index.js";
@@ -25,7 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["clear"],
   setup(__props) {
-    const { slots } = useContext().inject();
+    const { slots } = useSelectContext().inject();
     const renderIcon = (name) => {
       return slots[name];
     };
@@ -36,7 +33,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         size: 12,
         class: "yc-select-loading-icon"
       }, createSlots({ _: 2 }, [
-        _ctx.$slots["loading-icon"] ? {
+        unref(slots)["loading-icon"] ? {
           name: "icon",
           fn: withCtx(() => [
             (openBlock(), createBlock(resolveDynamicComponent(renderIcon("loading-icon"))))

package/es/Select/SelectRealList.vue.js

@@ -1,10 +1,6 @@
 import { defineComponent, ref, createBlock, openBlock, unref, withCtx, createElementVNode, createElementBlock, resolveDynamicComponent, Fragment, renderList } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
 import { getSlotFunction } from "../_shared/utils/vue-utils.js";
-import "../_shared/utils/locale.js";
-import useContext from "./hooks/useContext.js";
+import useSelectContext from "./hooks/useContext.js";
 import _sfc_main$2 from "./Option.vue.js";
 /* empty css            */
 import _sfc_main$1 from "./Optgroup.vue.js";
@@ -17,7 +13,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     scrollbar: { type: Boolean }
   },
   setup(__props, { expose: __expose }) {
-    const { fieldKey, renderOptions, slots } = useContext().inject();
+    const { fieldKey, renderOptions, slots } = useSelectContext().inject();
     const scrollbarRef = ref();
     const renderLabel = (option) => {
       if (slots.option) {

package/es/Select/SelectView.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, toRefs, ref, computed, createElementBlock, openBlock, createBlock, unref, createSlots, withCtx, resolveDynamicComponent, Fragment, createCommentVNode } from "vue";
 import { unrefElement } from "../node_modules/@vueuse/core/index.js";
-import useContext from "./hooks/useContext.js";
+import useSelectContext from "./hooks/useContext.js";
 import useScrollReach from "../List/hooks/useScrollReach.js";
 import _sfc_main$1 from "./SelectVirtualList.vue.js";
 /* empty css                       */
@@ -29,7 +29,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const { virtualListProps } = toRefs(props);
-    const { slots, options, isEmpty, emits } = useContext().inject();
+    const { slots, options, isEmpty, emits } = useSelectContext().inject();
     const realListRef = ref();
     const virtualListRef = ref();
     const isVirtualList = computed(() => {
@@ -61,7 +61,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           loading: _ctx.loading,
           class: "yc-select-dropdown-loading"
         }, createSlots({ _: 2 }, [
-          _ctx.$slots["loading-icon"] ? {
+          unref(slots)["loading-icon"] ? {
             name: "icon",
             fn: withCtx(() => [
               (openBlock(), createBlock(resolveDynamicComponent(renderSlots("loading-icon"))))

package/es/Select/SelectVirtualList.vue.js

@@ -1,12 +1,8 @@
 import { defineComponent, toRefs, createElementBlock, openBlock, mergeProps, unref, createElementVNode, Fragment, renderList, createBlock, withCtx, resolveDynamicComponent } from "vue";
-import { useVirtualList } from "../node_modules/@vueuse/core/index.js";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
 import { getSlotFunction } from "../_shared/utils/vue-utils.js";
-import "../_shared/utils/locale.js";
-import useContext from "./hooks/useContext.js";
+import useSelectContext from "./hooks/useContext.js";
 import "./index.js";
+import { useVirtualList } from "../node_modules/@vueuse/core/index.js";
 import _sfc_main$1 from "./Option.vue.js";
 /* empty css            */
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -18,7 +14,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     var _a, _b;
     const props = __props;
     const { virtualListProps } = toRefs(props);
-    const { fieldKey, renderOptions, slots, emits } = useContext().inject();
+    const { fieldKey, renderOptions, slots } = useSelectContext().inject();
     const { list, wrapperProps, containerProps } = useVirtualList(renderOptions, {
       overscan: ((_a = virtualListProps.value) == null ? void 0 : _a.buffer) ?? 10,
       itemHeight: ((_b = virtualListProps.value) == null ? void 0 : _b.itemHeight) || 36

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

@@ -19,7 +19,7 @@ type SelectContext = {
     collectOption: (props: RecordType, optionLabel: Ref<string>) => void;
     emits: SelectEmits;
 };
-declare const _default: () => {
+export default function useSelectContext(): {
     provide: (props: RecordType, emits: SelectEmits, inputRef: Ref<InputInstance | undefined>) => {
         computedVisible: import('vue').WritableComputedRef<boolean, boolean>;
         computedValue: import('vue').WritableComputedRef<SelectValue, SelectValue>;
@@ -78,4 +78,4 @@ declare const _default: () => {
     };
     inject: () => SelectContext;
 };
-export default _default;
+export {};

package/es/Select/hooks/useContext.js

@@ -1,14 +1,10 @@
 import { toRefs, computed, provide, useSlots, inject, ref } from "vue";
-import "../../node_modules/tinycolor2/esm/tinycolor.js";
-import "../../_shared/utils/dom.js";
+import { useControlValue } from "../../_shared/utils/control.js";
 import { isBoolean, isFunction } from "../../_shared/utils/is.js";
-import "../../_shared/utils/time.js";
-import "../../_shared/utils/locale.js";
-import useControlValue from "../../_shared/utils/control.js";
 import useSelectOptions from "./useSelectOptions.js";
 import useSelectHotkeys from "./useSelectHotkeys.js";
 const SELECT_CONTEXT_KEY = "select-context";
-const useContext = () => {
+function useSelectContext() {
   const provide$1 = (props, emits, inputRef) => {
     const {
       popupVisible,
@@ -189,7 +185,7 @@ const useContext = () => {
     provide: provide$1,
     inject: inject$1
   };
-};
+}
 export {
-  useContext as default
+  useSelectContext as default
 };

package/es/Select/hooks/useSelectOptions.js

@@ -1,10 +1,6 @@
 import { reactive, computed, ref, onMounted } from "vue";
 import { nanoid } from "../../node_modules/nanoid/index.browser.js";
-import "../../node_modules/tinycolor2/esm/tinycolor.js";
-import "../../_shared/utils/dom.js";
 import { isUndefined, isNull, isString, isObject } from "../../_shared/utils/is.js";
-import "../../_shared/utils/time.js";
-import "../../_shared/utils/locale.js";
 const useSelectOptions = (params) => {
   const {
     computedValue,

package/es/Select/index.d.ts

@@ -9,15 +9,15 @@ export * from './type';
 declare const Select: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').SelectProps> & Readonly<{
         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: import('./type').SelectOptionValue) => any) | undefined;
         onSearch?: ((value: string) => any) | undefined;
+        onSelect?: ((value: import('./type').SelectOptionValue) => any) | undefined;
+        onRemove?: ((index: string | number, ev: Event) => any) | undefined;
+        "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
+        "onPopup-visible-change"?: ((value: boolean) => 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: import('./type').SelectOptionValue, ev?: MouseEvent | undefined) => any) | undefined;
         "onDropdown-scroll"?: ((ev: Event) => any) | undefined;
         "onDropdown-reach-bottom"?: ((ev: Event) => any) | undefined;
@@ -27,25 +27,25 @@ declare const Select: {
         getPopupRef(): import('..').TriggerInstance;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         change: (value: import('./type').SelectValue) => any;
-        "update:popupVisible": (value: boolean) => any;
-        "popup-visible-change": (value: boolean) => any;
         clear: () => any;
-        select: (value: import('./type').SelectOptionValue) => any;
         search: (value: string) => any;
+        select: (value: import('./type').SelectOptionValue) => any;
+        remove: (index: string | number, ev: Event) => any;
+        "update:popupVisible": (value: boolean) => any;
+        "popup-visible-change": (value: boolean) => 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: import('./type').SelectOptionValue, ev?: MouseEvent | undefined) => any;
         "dropdown-scroll": (ev: Event) => any;
         "dropdown-reach-bottom": (ev: Event) => any;
     }, import('vue').PublicProps, {
         size: import('..').Size;
+        error: boolean;
+        popupContainer: import('..').PopupContainer;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         disabled: boolean;
-        popupContainer: import('..').PopupContainer;
-        error: boolean;
         scrollbar: boolean;
         multiple: boolean;
         placeholder: string;
@@ -182,7 +182,7 @@ declare const Select: {
                 }> & Omit<Readonly<{
                     preventFocus?: boolean;
                     tag?: string;
-                }> & Readonly<{}>, "preventFocus" | "tag"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+                }> & Readonly<{}>, "preventFocus" | "tag"> & import('vue').ShallowUnwrapRef<{}> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
                     $slots: {
                         default?(_: {}): any;
                     };
@@ -212,6 +212,8 @@ declare const Select: {
                 show: () => any;
                 hide: () => any;
             }, string, {
+                popupContainer: import('..').PopupContainer;
+                renderToBody: boolean;
                 trigger: import('..').TriggerType;
                 mouseEnterDelay: number;
                 popupVisible: boolean;
@@ -239,8 +241,6 @@ declare const Select: {
                 duration: number;
                 autoFitPopupWidth: boolean;
                 autoFitPopupMinWidth: boolean;
-                popupContainer: import('..').PopupContainer;
-                renderToBody: boolean;
                 autoFitPosition: boolean;
                 updateAtScroll: boolean;
                 preventFocus: boolean;
@@ -266,6 +266,8 @@ declare const Select: {
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
+            popupContainer: import('..').PopupContainer;
+            renderToBody: boolean;
             trigger: import('..').TriggerType;
             mouseEnterDelay: number;
             popupVisible: boolean;
@@ -293,8 +295,6 @@ declare const Select: {
             duration: number;
             autoFitPopupWidth: boolean;
             autoFitPopupMinWidth: boolean;
-            popupContainer: import('..').PopupContainer;
-            renderToBody: boolean;
             autoFitPosition: boolean;
             updateAtScroll: boolean;
             preventFocus: boolean;
@@ -304,12 +304,12 @@ declare const Select: {
             "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
             onShow?: (() => any) | undefined;
             onHide?: (() => any) | undefined;
-        }>, "show" | "hide" | ("trigger" | "mouseEnterDelay" | "popupVisible" | "defaultPopupVisible" | "clickToClose" | "blurToClose" | "clickOutsideToClose" | "mouseLeaveDelay" | "focusDelay" | "disabled" | "scrollToCloseDistance" | "scrollToClose" | "autoSetPosition" | "alignPoint" | "position" | "popupOffset" | "popupTranslate" | "showArrow" | "unmountOnClose" | "contentClass" | "contentStyle" | "arrowClass" | "arrowStyle" | "animationName" | "duration" | "autoFitPopupWidth" | "autoFitPopupMinWidth" | "popupContainer" | "renderToBody" | "autoFitPosition" | "updateAtScroll" | "preventFocus" | "needTransformOrigin") | "updatePosition"> & import('vue').ShallowUnwrapRef<{
+        }>, "show" | "hide" | ("popupContainer" | "renderToBody" | "trigger" | "mouseEnterDelay" | "popupVisible" | "defaultPopupVisible" | "clickToClose" | "blurToClose" | "clickOutsideToClose" | "mouseLeaveDelay" | "focusDelay" | "disabled" | "scrollToCloseDistance" | "scrollToClose" | "autoSetPosition" | "alignPoint" | "position" | "popupOffset" | "popupTranslate" | "showArrow" | "unmountOnClose" | "contentClass" | "contentStyle" | "arrowClass" | "arrowStyle" | "animationName" | "duration" | "autoFitPopupWidth" | "autoFitPopupMinWidth" | "autoFitPosition" | "updateAtScroll" | "preventFocus" | "needTransformOrigin") | "updatePosition"> & import('vue').ShallowUnwrapRef<{
             hide(): void;
             show(): void;
             updatePosition(x: number, y: number): void;
-        }> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: Readonly<import('..').TriggerSlots> & import('..').TriggerSlots;
+        }> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
+            $slots: any;
         }) | null;
         inputRef: ({
             $: import('vue').ComponentInternalInstance;
@@ -332,14 +332,14 @@ declare const Select: {
                 readonly tagNowrap?: boolean | undefined;
                 readonly fieldNames?: Record<string, string> | undefined;
                 readonly allowCreate?: boolean | undefined;
-                readonly onFocus?: ((ev: FocusEvent) => any) | undefined;
                 readonly onClear?: ((ev: MouseEvent) => any) | undefined;
-                readonly onBlur?: ((ev: FocusEvent) => any) | undefined;
                 readonly onInput?: ((value: string) => any) | undefined;
+                readonly onBlur?: ((ev: FocusEvent) => any) | undefined;
+                readonly onFocus?: ((ev: FocusEvent) => any) | undefined;
+                readonly onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
                 readonly "onUpdate:modelValue"?: ((value: import('..').InputTagValue) => any) | undefined;
                 readonly "onUpdate:inputValue"?: ((value: string) => any) | undefined;
                 readonly "onInput-value-change"?: ((value: string, ev: Event) => any) | undefined;
-                readonly onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
                 readonly "onPress-enter"?: ((ev: KeyboardEvent) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
@@ -357,35 +357,35 @@ declare const Select: {
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "focus", ev: FocusEvent) => void) & ((event: "clear", ev: MouseEvent) => void) & ((event: "blur", ev: FocusEvent) => void) & ((event: "input", value: string) => void) & ((event: "update:modelValue", value: import('..').InputTagValue) => void) & ((event: "update:inputValue", value: string) => void) & ((event: "input-value-change", value: string, ev: Event) => void) & ((event: "remove", value: string | number, ev: MouseEvent | KeyboardEvent) => void) & ((event: "press-enter", ev: KeyboardEvent) => void);
+            $emit: ((event: "clear", ev: MouseEvent) => void) & ((event: "input", value: string) => void) & ((event: "blur", ev: FocusEvent) => void) & ((event: "focus", ev: FocusEvent) => void) & ((event: "remove", value: string | number, ev: MouseEvent | KeyboardEvent) => void) & ((event: "update:modelValue", value: import('..').InputTagValue) => void) & ((event: "update:inputValue", value: string) => void) & ((event: "input-value-change", value: string, ev: Event) => void) & ((event: "press-enter", ev: KeyboardEvent) => void);
             $el: HTMLDivElement;
             $options: import('vue').ComponentOptionsBase<Readonly<import('..').InputTagProps> & Readonly<{
-                onFocus?: ((ev: FocusEvent) => any) | undefined;
                 onClear?: ((ev: MouseEvent) => any) | undefined;
-                onBlur?: ((ev: FocusEvent) => any) | undefined;
                 onInput?: ((value: string) => any) | undefined;
+                onBlur?: ((ev: FocusEvent) => any) | undefined;
+                onFocus?: ((ev: FocusEvent) => any) | undefined;
+                onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
                 "onUpdate:modelValue"?: ((value: import('..').InputTagValue) => any) | undefined;
                 "onUpdate:inputValue"?: ((value: string) => any) | undefined;
                 "onInput-value-change"?: ((value: string, ev: Event) => any) | undefined;
-                onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
                 "onPress-enter"?: ((ev: KeyboardEvent) => any) | undefined;
             }>, {
                 focus(): void;
                 blur(): void;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-                focus: (ev: FocusEvent) => any;
                 clear: (ev: MouseEvent) => any;
-                blur: (ev: FocusEvent) => any;
                 input: (value: string) => any;
+                blur: (ev: FocusEvent) => any;
+                focus: (ev: FocusEvent) => any;
+                remove: (value: string | number, ev: MouseEvent | KeyboardEvent) => any;
                 "update:modelValue": (value: import('..').InputTagValue) => any;
                 "update:inputValue": (value: string) => any;
                 "input-value-change": (value: string, ev: Event) => any;
-                remove: (value: string | number, ev: MouseEvent | KeyboardEvent) => any;
                 "press-enter": (ev: KeyboardEvent) => any;
             }, string, {
                 size: import('..').Size;
-                disabled: boolean;
                 error: boolean;
+                disabled: boolean;
                 placeholder: string;
                 modelValue: import('..').InputTagValue;
                 defaultValue: import('..').InputTagValue;
@@ -421,8 +421,8 @@ declare const Select: {
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
             size: import('..').Size;
-            disabled: boolean;
             error: boolean;
+            disabled: boolean;
             placeholder: string;
             modelValue: import('..').InputTagValue;
             defaultValue: import('..').InputTagValue;
@@ -437,20 +437,20 @@ declare const Select: {
             retainInputValue: import('..').InputRetainValue;
             uniqueValue: boolean;
         }> & Omit<Readonly<import('..').InputTagProps> & Readonly<{
-            onFocus?: ((ev: FocusEvent) => any) | undefined;
             onClear?: ((ev: MouseEvent) => any) | undefined;
-            onBlur?: ((ev: FocusEvent) => any) | undefined;
             onInput?: ((value: string) => any) | undefined;
+            onBlur?: ((ev: FocusEvent) => any) | undefined;
+            onFocus?: ((ev: FocusEvent) => any) | undefined;
+            onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
             "onUpdate:modelValue"?: ((value: import('..').InputTagValue) => any) | undefined;
             "onUpdate:inputValue"?: ((value: string) => any) | undefined;
             "onInput-value-change"?: ((value: string, ev: Event) => any) | undefined;
-            onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
             "onPress-enter"?: ((ev: KeyboardEvent) => any) | undefined;
-        }>, "focus" | "blur" | ("size" | "disabled" | "error" | "placeholder" | "modelValue" | "defaultValue" | "allowClear" | "readonly" | "inputValue" | "defaultInputValue" | "fieldNames" | "allowCreate" | "maxTagCount" | "tagNowrap" | "retainInputValue" | "uniqueValue")> & import('vue').ShallowUnwrapRef<{
+        }>, "blur" | "focus" | ("size" | "error" | "disabled" | "placeholder" | "modelValue" | "defaultValue" | "allowClear" | "readonly" | "inputValue" | "defaultInputValue" | "fieldNames" | "allowCreate" | "maxTagCount" | "tagNowrap" | "retainInputValue" | "uniqueValue")> & import('vue').ShallowUnwrapRef<{
             focus(): void;
             blur(): void;
-        }> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: Readonly<import('..').InputTagSlots> & import('..').InputTagSlots;
+        }> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
+            $slots: any;
         }) | null;
     }, any, import('vue').ComponentProvideOptions, {
         P: {};
@@ -461,15 +461,15 @@ declare const Select: {
         Defaults: {};
     }, Readonly<import('./type').SelectProps> & Readonly<{
         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: import('./type').SelectOptionValue) => any) | undefined;
         onSearch?: ((value: string) => any) | undefined;
+        onSelect?: ((value: import('./type').SelectOptionValue) => any) | undefined;
+        onRemove?: ((index: string | number, ev: Event) => any) | undefined;
+        "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
+        "onPopup-visible-change"?: ((value: boolean) => 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: import('./type').SelectOptionValue, ev?: MouseEvent | undefined) => any) | undefined;
         "onDropdown-scroll"?: ((ev: Event) => any) | undefined;
         "onDropdown-reach-bottom"?: ((ev: Event) => any) | undefined;
@@ -479,11 +479,11 @@ declare const Select: {
         getPopupRef(): import('..').TriggerInstance;
     }, {}, {}, {}, {
         size: import('..').Size;
+        error: boolean;
+        popupContainer: import('..').PopupContainer;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         disabled: boolean;
-        popupContainer: import('..').PopupContainer;
-        error: boolean;
         scrollbar: boolean;
         multiple: boolean;
         placeholder: string;
@@ -516,15 +516,15 @@ declare const Select: {
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./type').SelectProps> & Readonly<{
     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: import('./type').SelectOptionValue) => any) | undefined;
     onSearch?: ((value: string) => any) | undefined;
+    onSelect?: ((value: import('./type').SelectOptionValue) => any) | undefined;
+    onRemove?: ((index: string | number, ev: Event) => any) | undefined;
+    "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
+    "onPopup-visible-change"?: ((value: boolean) => 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: import('./type').SelectOptionValue, ev?: MouseEvent | undefined) => any) | undefined;
     "onDropdown-scroll"?: ((ev: Event) => any) | undefined;
     "onDropdown-reach-bottom"?: ((ev: Event) => any) | undefined;
@@ -534,25 +534,25 @@ declare const Select: {
     getPopupRef(): import('..').TriggerInstance;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     change: (value: import('./type').SelectValue) => any;
-    "update:popupVisible": (value: boolean) => any;
-    "popup-visible-change": (value: boolean) => any;
     clear: () => any;
-    select: (value: import('./type').SelectOptionValue) => any;
     search: (value: string) => any;
+    select: (value: import('./type').SelectOptionValue) => any;
+    remove: (index: string | number, ev: Event) => any;
+    "update:popupVisible": (value: boolean) => any;
+    "popup-visible-change": (value: boolean) => 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: import('./type').SelectOptionValue, ev?: MouseEvent | undefined) => any;
     "dropdown-scroll": (ev: Event) => any;
     "dropdown-reach-bottom": (ev: Event) => any;
 }, string, {
     size: import('..').Size;
+    error: boolean;
+    popupContainer: import('..').PopupContainer;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     disabled: boolean;
-    popupContainer: import('..').PopupContainer;
-    error: boolean;
     scrollbar: boolean;
     multiple: boolean;
     placeholder: string;
@@ -580,13 +580,13 @@ declare const Select: {
     showFooterOnEmpty: boolean;
     tagNowrap: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: Readonly<import('./type').SelectSlots> & import('./type').SelectSlots;
+    $slots: any;
 }) & {
     option: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').OptionProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+            label: string;
             disabled: boolean;
             value: import('./type').SelectOptionValue;
-            label: string;
             isFallbackOption: boolean;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
             contentRef: HTMLDivElement;
@@ -598,21 +598,21 @@ declare const Select: {
             M: {};
             Defaults: {};
         }, Readonly<import('./type').OptionProps> & Readonly<{}>, {}, {}, {}, {}, {
+            label: string;
             disabled: boolean;
             value: import('./type').SelectOptionValue;
-            label: string;
             isFallbackOption: boolean;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./type').OptionProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        label: string;
         disabled: boolean;
         value: import('./type').SelectOptionValue;
-        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 () => {
-        $slots: Readonly<import('./type').OptionSlots> & import('./type').OptionSlots;
+        $slots: any;
     });
     group: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').OptgroupProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {

package/es/Skeleton/SkeletonLine.vue.js

@@ -1,8 +1,5 @@
 import { defineComponent, toRefs, computed, createElementBlock, openBlock, normalizeStyle, Fragment, renderList, unref } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
 import { valueToPx } from "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "SkeletonLine"

package/es/Skeleton/SkeletonShape.vue.js

@@ -1,16 +1,12 @@
 import { defineComponent, createElementBlock, openBlock, normalizeClass, unref } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
-import "../_shared/utils/locale.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "SkeletonShape"
   },
   __name: "SkeletonShape",
   props: {
-    shape: { default: "sqaure" },
+    shape: { default: "square" },
     size: { default: void 0 }
   },
   setup(__props) {

package/es/Slider/Slider.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createCommentVNode, createBlock, createVNode, normalizeStyle } from "vue";
-import useContext from "./hooks/useContext.js";
+import useSliderContext from "./hooks/useContext.js";
 import _sfc_main$1 from "./SliderTicks.vue.js";
 /* empty css                 */
 import _sfc_main$2 from "./SliderBtn.vue.js";
@@ -44,7 +44,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emits = __emit;
     const trackRef = ref();
-    const { ticks, marks, range, direction, min, normalizeValue } = useContext().provide(props, emits, trackRef);
+    const { ticks, marks, range, direction, min, normalizeValue } = useSliderContext().provide(props, emits, trackRef);
     const startPosition = ref({
       bottom: 0,
       left: 0,

package/es/Slider/SliderBtn.vue.js

@@ -1,12 +1,8 @@
 import { defineComponent, toRefs, ref, computed, watch, createBlock, openBlock, unref, isRef, withCtx, createElementVNode, normalizeStyle } from "vue";
-import useContext from "./hooks/useContext.js";
+import useSliderContext from "./hooks/useContext.js";
 import useSliderDraggable from "./hooks/useSliderDraggable.js";
 import Tooltip from "../Tooltip/index.js";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
-import useControlValue from "../_shared/utils/control.js";
+import { useControlValue } from "../_shared/utils/control.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SliderBtn",
   props: {
@@ -32,7 +28,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       formatTooltip,
       normalizeValue,
       denormalizeValue
-    } = useContext().inject();
+    } = useSliderContext().inject();
     const computedValue = computed({
       get() {
         return type.value == "start" ? startValue.value : endValue.value;

package/es/Slider/SliderInput.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, toRefs, computed, createBlock, openBlock, unref } from "vue";
-import useContext from "./hooks/useContext.js";
+import useSliderContext from "./hooks/useContext.js";
 import InputNumber from "../InputNumber/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SliderInput",
@@ -17,7 +17,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       endValue,
       tempStartValue,
       tempEndValue
-    } = useContext().inject();
+    } = useSliderContext().inject();
     const computedValue = computed({
       get() {
         return type.value == "start" ? tempStartValue.value : tempEndValue.value;