yc-design-vue 2.0.3 → 2.0.5

package/es/Switch/index.vue.js

@@ -1,11 +1,7 @@
 import { defineComponent, useSlots, toRefs, computed, ref, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, createCommentVNode, createBlock, renderSlot, createTextVNode, toDisplayString } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import "../_shared/utils/dom.js";
 import { isBoolean } from "../_shared/utils/is.js";
-import "../_shared/utils/time.js";
+import { useControlValue } from "../_shared/utils/control.js";
 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";
 const _hoisted_1 = ["aria-checked"];
 const _hoisted_2 = { class: "yc-switch-handle" };
@@ -42,7 +38,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(__props, { emit: __emit }) {
-    const slots = useSlots();
+    const $slots = useSlots();
     const props = __props;
     const emits = __emit;
     const {
@@ -71,8 +67,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return computedValue.value == checkedValue.value;
     });
     const showText = computed(() => {
-      const showCheckedText = compuedChecked.value && (checkedText.value || slots.checked);
-      const showUncheckedText = !compuedChecked.value && (uncheckedText.value || slots.unchecked);
+      const showCheckedText = compuedChecked.value && (checkedText.value || $slots.checked);
+      const showUncheckedText = !compuedChecked.value && (uncheckedText.value || $slots.unchecked);
       return type.value != "line" && size.value != "small" && (showCheckedText || showUncheckedText);
     });
     const background = computed(

package/es/Tabs/TabButton.vue.js

@@ -1,10 +1,7 @@
 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 "../node_modules/tinycolor2/esm/tinycolor.js";
+import _sfc_main$1 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                                   */
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/es/Tabs/TabPane.vue.d.ts

@@ -7,8 +7,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<TabPaneProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TabPaneProps> & Readonly<{}>, {
-    disabled: boolean;
     title: string;
+    disabled: boolean;
     path: import('./type').TabKey;
     closable: boolean;
     destoryOnHide: boolean;

package/es/Tabs/TabPane.vue.js

@@ -1,10 +1,6 @@
 import { defineComponent, computed, createElementBlock, openBlock, createCommentVNode, unref, renderSlot } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import "../_shared/utils/dom.js";
 import { isUndefined } from "../_shared/utils/is.js";
-import "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
-import useContext from "./hooks/useContext.js";
+import useTabsContext from "./hooks/useContext.js";
 const _hoisted_1 = { class: "yc-tabs-content-item" };
 const _hoisted_2 = {
   key: 0,
@@ -24,7 +20,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const { computedActiveKey, destoryOnHide: _destoryOnHide } = useContext().inject();
+    const { computedActiveKey, destoryOnHide: _destoryOnHide } = useTabsContext().inject();
     const destoryOnHide = computed(() => {
       return !isUndefined(props.destoryOnHide) ? props.destoryOnHide : _destoryOnHide.value;
     });

package/es/Tabs/Tabs.vue.d.ts

@@ -1,7 +1,7 @@
-import { TabsProps, TabsSlots } from './type';
+import { TabsProps } from './type';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<TabsSlots> & TabsSlots;
+    slots: any;
     refs: {
         listRef: HTMLDivElement;
     };
@@ -22,10 +22,10 @@ declare const __VLS_component: import('vue').DefineComponent<TabsProps, {}, {},
     "onTab-click"?: ((value: import('./type').TabKey) => any) | undefined;
 }>, {
     size: import('..').Size;
+    type: import('./type').TabType;
     trigger: import('..').EventTrigger;
     position: import('./type').TabPositon;
     justify: boolean;
-    type: import('./type').TabType;
     animation: boolean;
     direction: import('..').Direction;
     activeKey: import('./type').TabKey;

package/es/Tabs/Tabs.vue.js

@@ -1,12 +1,9 @@
 import { defineComponent, useSlots, ref, computed, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createCommentVNode, createBlock, withCtx, createVNode, normalizeStyle, Fragment, renderList, renderSlot, resolveDynamicComponent, nextTick } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
 import { valueToPx } from "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
 import { findComponentsFromVnodes } from "../_shared/utils/vue-utils.js";
-import "../_shared/utils/locale.js";
-import useContext from "./hooks/useContext.js";
+import useTabsContext 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";
@@ -48,15 +45,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:activeKey", "change", "tab-click", "add", "delete"],
   setup(__props, { emit: __emit }) {
-    const slots = useSlots();
+    const $slots = useSlots();
     const props = __props;
     const emits = __emit;
     const listRef = ref();
-    const { computedActiveKey, size, direction, autoSwitch, position } = useContext().provide(props, emits, listRef);
+    const { computedActiveKey, size, direction, autoSwitch, position } = useTabsContext().provide(props, emits, listRef);
     const tabPanes = computed(
       () => {
         var _a;
-        return findComponentsFromVnodes(((_a = slots.default) == null ? void 0 : _a.call(slots)) || [], _sfc_main$1.name);
+        return findComponentsFromVnodes(((_a = $slots.default) == null ? void 0 : _a.call($slots)) || [], _sfc_main$1.name);
       }
     );
     const panes = computed(() => {
@@ -182,7 +179,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           })) : createCommentVNode("", true),
-          _ctx.$slots.extra ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          $slots.extra ? (openBlock(), createElementBlock("div", _hoisted_2, [
             renderSlot(_ctx.$slots, "extra")
           ])) : createCommentVNode("", true)
         ]),

package/es/Tabs/TabsNavInk.vue.js

@@ -1,10 +1,7 @@
 import { defineComponent, toRefs, computed, createElementBlock, openBlock, normalizeStyle } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import { valueToPx } from "../_shared/utils/dom.js";
 import { isUndefined } from "../_shared/utils/is.js";
-import "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
-import useContext from "./hooks/useContext.js";
+import { valueToPx } from "../_shared/utils/dom.js";
+import useTabsContext from "./hooks/useContext.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TabsNavInk",
   props: {
@@ -14,7 +11,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const { curIndex, panes } = toRefs(props);
-    const { titleRefs, listRef, direction, editable } = useContext().inject();
+    const { titleRefs, listRef, direction, editable } = useTabsContext().inject();
     const sliderStyle = computed(() => {
       var _a, _b, _c;
       const curPane = panes.value[curIndex.value];

package/es/Tabs/TabsTab.vue.js

@@ -1,10 +1,6 @@
 import { defineComponent, toRefs, onMounted, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createBlock, createCommentVNode, resolveDynamicComponent } from "vue";
-import useContext from "./hooks/useContext.js";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import "../_shared/utils/dom.js";
+import useTabsContext from "./hooks/useContext.js";
 import { isUndefined } from "../_shared/utils/is.js";
-import "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
 import _sfc_main$1 from "./TabButton.vue.js";
 /* empty css               */
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -28,7 +24,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       headerPadding,
       size,
       emits
-    } = useContext().inject();
+    } = useTabsContext().inject();
     const renderTitle = (node2) => {
       const { slots, title } = node2;
       return slots.title ?? (() => title);

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

@@ -20,7 +20,7 @@ type TabPaneProps = Required<_TabPaneProps>;
 export type PaneNode = {
     slots: Slots;
 } & TabPaneProps;
-declare const _default: () => {
+export default function useTabsContext(): {
     provide: (props: RecordType, emits: TabsEmits, listRef: Ref<HTMLDivElement | undefined>) => {
         computedActiveKey: import('vue').WritableComputedRef<TabKey, TabKey>;
         size: import('vue').ComputedRef<any>;
@@ -32,4 +32,4 @@ declare const _default: () => {
     };
     inject: () => TabsContext;
 };
-export default _default;
+export {};

package/es/Tabs/hooks/useContext.js

@@ -1,12 +1,8 @@
 import { toRefs, ref, computed, provide, inject } from "vue";
-import "../../node_modules/tinycolor2/esm/tinycolor.js";
-import "../../_shared/utils/dom.js";
-import "../../_shared/utils/time.js";
+import { useControlValue } from "../../_shared/utils/control.js";
 import { getGlobalConfig } from "../../_shared/utils/global-config.js";
-import "../../_shared/utils/locale.js";
-import useControlValue from "../../_shared/utils/control.js";
 const TABS_CONTEXT_KEY = "tabs-context";
-const useContext = () => {
+function useTabsContext() {
   const provide$1 = (props, emits, listRef) => {
     const { size } = getGlobalConfig(props);
     const {
@@ -85,7 +81,7 @@ const useContext = () => {
     provide: provide$1,
     inject: inject$1
   };
-};
+}
 export {
-  useContext as default
+  useTabsContext as default
 };

package/es/Tabs/hooks/useTabsScroll.js

@@ -1,9 +1,6 @@
 import { ref, computed, watch } from "vue";
 import { useResizeObserver } from "../../node_modules/@vueuse/core/index.js";
-import "../../node_modules/tinycolor2/esm/tinycolor.js";
 import { sleep } from "../../_shared/utils/dom.js";
-import "../../_shared/utils/time.js";
-import "../../_shared/utils/locale.js";
 const useTabsScroll = (params) => {
   const { direction, panes, listRef } = params;
   const isScrollable = ref(false);

package/es/Tabs/index.d.ts

@@ -19,10 +19,10 @@ declare const Tabs: {
         "tab-click": (value: import('./type').TabKey) => any;
     }, import('vue').PublicProps, {
         size: import('..').Size;
+        type: import('./type').TabType;
         trigger: import('..').EventTrigger;
         position: import('./type').TabPositon;
         justify: boolean;
-        type: import('./type').TabType;
         animation: boolean;
         direction: import('..').Direction;
         activeKey: import('./type').TabKey;
@@ -50,10 +50,10 @@ declare const Tabs: {
         "onTab-click"?: ((value: import('./type').TabKey) => any) | undefined;
     }>, {}, {}, {}, {}, {
         size: import('..').Size;
+        type: import('./type').TabType;
         trigger: import('..').EventTrigger;
         position: import('./type').TabPositon;
         justify: boolean;
-        type: import('./type').TabType;
         animation: boolean;
         direction: import('..').Direction;
         activeKey: import('./type').TabKey;
@@ -82,10 +82,10 @@ declare const Tabs: {
     "tab-click": (value: import('./type').TabKey) => any;
 }, string, {
     size: import('..').Size;
+    type: import('./type').TabType;
     trigger: import('..').EventTrigger;
     position: import('./type').TabPositon;
     justify: boolean;
-    type: import('./type').TabType;
     animation: boolean;
     direction: import('..').Direction;
     activeKey: import('./type').TabKey;
@@ -97,7 +97,7 @@ declare const Tabs: {
     showAddButton: boolean;
     hideContent: 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').TabsSlots> & import('./type').TabsSlots;
+    $slots: any;
 }) & {
     install: (app: App) => void;
 };

package/es/Tag/index.d.ts

@@ -76,7 +76,7 @@ declare const Tag: {
     checked: boolean;
     defaultChecked: 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').TagSlots> & import('./type').TagSlots;
+    $slots: any;
 }) & {
     install: (app: App) => void;
 };

package/es/Tag/index.vue.d.ts

@@ -1,7 +1,7 @@
-import { TagProps, TagSlots } from './type';
+import { TagProps } from './type';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<TagSlots> & TagSlots;
+    slots: any;
     refs: {};
     rootEl: any;
 };

package/es/Tag/index.vue.js

@@ -1,14 +1,11 @@
-import { defineComponent, toRefs, computed, createElementBlock, createCommentVNode, unref, openBlock, normalizeStyle, normalizeClass, createElementVNode, createBlock, renderSlot, withCtx } from "vue";
+import { defineComponent, useSlots, toRefs, computed, createElementBlock, createCommentVNode, unref, openBlock, normalizeStyle, normalizeClass, createElementVNode, createBlock, renderSlot, withCtx } from "vue";
 import { TAG_PRESET_COLORS } from "../_shared/constants/index.js";
-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";
-import useControlValue from "../_shared/utils/control.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                                          */
+import "../_shared/utils/dom.js";
 /* empty css                                               */
 /* empty css                                   */
 const _hoisted_1 = {
@@ -36,6 +33,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:visible", "update:checked", "close", "check"],
   setup(__props, { emit: __emit }) {
+    const $slots = useSlots();
     const props = __props;
     const emits = __emit;
     const { visible, defaultVisible, checked, defaultChecked, checkable, color } = toRefs(props);
@@ -83,7 +81,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }),
         onClick: _cache[1] || (_cache[1] = ($event) => handleEvent("check", $event))
       }, [
-        _ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        $slots.icon ? (openBlock(), createElementBlock("div", _hoisted_1, [
           renderSlot(_ctx.$slots, "icon")
         ])) : createCommentVNode("", true),
         createElementVNode("span", _hoisted_2, [
@@ -97,7 +95,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onClick: _cache[0] || (_cache[0] = ($event) => handleEvent("close", $event))
         }, {
           default: withCtx(() => [
-            _ctx.$slots["close-icon"] ? renderSlot(_ctx.$slots, "close-icon", { key: 0 }) : createCommentVNode("", true)
+            $slots["close-icon"] ? renderSlot(_ctx.$slots, "close-icon", { key: 0 }) : createCommentVNode("", true)
           ]),
           _: 3
         })) : createCommentVNode("", true),

package/es/Textarea/hooks/useTextareaHeight.js

@@ -1,9 +1,6 @@
 import { computed } from "vue";
-import { useElementSize } 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 { useElementSize } from "../../node_modules/@vueuse/core/index.js";
 const useTextareaHeight = (mirrorRef, autoSize) => {
   if (!autoSize) {
     return {};

package/es/Textarea/index.d.ts

@@ -5,10 +5,10 @@ export * from './type';
 declare const Textarea: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').TextareaProps> & Readonly<{
         onChange?: ((value: string, ev: Event) => any) | undefined;
-        onFocus?: ((ev: FocusEvent) => any) | undefined;
         onClear?: ((ev: MouseEvent) => any) | undefined;
-        onBlur?: ((ev: FocusEvent) => any) | undefined;
         onInput?: ((value: string, ev: Event) => any) | undefined;
+        onBlur?: ((ev: FocusEvent) => any) | undefined;
+        onFocus?: ((ev: FocusEvent) => any) | undefined;
         onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     }>, {
@@ -18,15 +18,15 @@ declare const Textarea: {
         getMirrorRef(): HTMLDivElement;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         change: (value: string, ev: Event) => any;
-        focus: (ev: FocusEvent) => any;
         clear: (ev: MouseEvent) => any;
-        blur: (ev: FocusEvent) => any;
         input: (value: string, ev: Event) => any;
+        blur: (ev: FocusEvent) => any;
+        focus: (ev: FocusEvent) => any;
         keydown: (ev: KeyboardEvent) => any;
         "update:modelValue": (value: string) => any;
     }, import('vue').PublicProps, {
-        disabled: boolean;
         error: import('./type').AutoSize;
+        disabled: boolean;
         placeholder: string;
         modelValue: string;
         defaultValue: string;
@@ -51,10 +51,10 @@ declare const Textarea: {
         Defaults: {};
     }, Readonly<import('./type').TextareaProps> & Readonly<{
         onChange?: ((value: string, ev: Event) => any) | undefined;
-        onFocus?: ((ev: FocusEvent) => any) | undefined;
         onClear?: ((ev: MouseEvent) => any) | undefined;
-        onBlur?: ((ev: FocusEvent) => any) | undefined;
         onInput?: ((value: string, ev: Event) => any) | undefined;
+        onBlur?: ((ev: FocusEvent) => any) | undefined;
+        onFocus?: ((ev: FocusEvent) => any) | undefined;
         onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     }>, {
@@ -63,8 +63,8 @@ declare const Textarea: {
         getInputRef(): HTMLTextAreaElement;
         getMirrorRef(): HTMLDivElement;
     }, {}, {}, {}, {
-        disabled: boolean;
         error: import('./type').AutoSize;
+        disabled: boolean;
         placeholder: string;
         modelValue: string;
         defaultValue: string;
@@ -83,10 +83,10 @@ declare const Textarea: {
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./type').TextareaProps> & Readonly<{
     onChange?: ((value: string, ev: Event) => any) | undefined;
-    onFocus?: ((ev: FocusEvent) => any) | undefined;
     onClear?: ((ev: MouseEvent) => any) | undefined;
-    onBlur?: ((ev: FocusEvent) => any) | undefined;
     onInput?: ((value: string, ev: Event) => any) | undefined;
+    onBlur?: ((ev: FocusEvent) => any) | undefined;
+    onFocus?: ((ev: FocusEvent) => any) | undefined;
     onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
@@ -96,15 +96,15 @@ declare const Textarea: {
     getMirrorRef(): HTMLDivElement;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     change: (value: string, ev: Event) => any;
-    focus: (ev: FocusEvent) => any;
     clear: (ev: MouseEvent) => any;
-    blur: (ev: FocusEvent) => any;
     input: (value: string, ev: Event) => any;
+    blur: (ev: FocusEvent) => any;
+    focus: (ev: FocusEvent) => any;
     keydown: (ev: KeyboardEvent) => any;
     "update:modelValue": (value: string) => any;
 }, string, {
-    disabled: boolean;
     error: import('./type').AutoSize;
+    disabled: boolean;
     placeholder: string;
     modelValue: string;
     defaultValue: string;

package/es/Textarea/index.vue.d.ts

@@ -6,23 +6,23 @@ declare const _default: import('vue').DefineComponent<TextareaProps, {
     getMirrorRef(): HTMLDivElement;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     change: (value: string, ev: Event) => any;
-    focus: (ev: FocusEvent) => any;
     clear: (ev: MouseEvent) => any;
-    blur: (ev: FocusEvent) => any;
     input: (value: string, ev: Event) => any;
+    blur: (ev: FocusEvent) => any;
+    focus: (ev: FocusEvent) => any;
     keydown: (ev: KeyboardEvent) => any;
     "update:modelValue": (value: string) => any;
 }, string, import('vue').PublicProps, Readonly<TextareaProps> & Readonly<{
     onChange?: ((value: string, ev: Event) => any) | undefined;
-    onFocus?: ((ev: FocusEvent) => any) | undefined;
     onClear?: ((ev: MouseEvent) => any) | undefined;
-    onBlur?: ((ev: FocusEvent) => any) | undefined;
     onInput?: ((value: string, ev: Event) => any) | undefined;
+    onBlur?: ((ev: FocusEvent) => any) | undefined;
+    onFocus?: ((ev: FocusEvent) => any) | undefined;
     onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
-    disabled: boolean;
     error: import('./type').AutoSize;
+    disabled: boolean;
     placeholder: string;
     modelValue: string;
     defaultValue: string;

package/es/Textarea/index.vue.js

@@ -1,13 +1,10 @@
 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";
-import "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
 /* empty css                                               */
 /* empty css                                   */
 const _hoisted_1 = ["value", "disabled", "readonly", "placeholder"];

package/es/TimePicker/TimePicker.vue.d.ts

@@ -1,7 +1,7 @@
-import { TimePickerProps, TimePickerSlots } from './type';
+import { TimePickerProps } from './type';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<TimePickerSlots> & TimePickerSlots;
+    slots: any;
     refs: {
         panelRef: ({
             $: import('vue').ComponentInternalInstance;
@@ -45,7 +45,7 @@ declare function __VLS_template(): {
             $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<{}> & Omit<Readonly<{}> & Readonly<{}>, "scroll"> & import('vue').ShallowUnwrapRef<{
             scroll(value: string): Promise<void>;
-        }> & {} & import('vue').ComponentCustomProperties & {} & {
+        }> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
             $slots: {
                 extra?(_: {}): any;
             };
@@ -56,28 +56,28 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<TimePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     change: (timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any;
-    "update:popupVisible": (value: boolean) => any;
-    "popup-visible-change": (value: boolean) => any;
     clear: () => any;
     select: (timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any;
+    "update:popupVisible": (value: boolean) => any;
+    "popup-visible-change": (value: boolean) => any;
     "update:modelValue": (value: import('./type').TimePickerValue) => any;
 }, string, import('vue').PublicProps, Readonly<TimePickerProps> & Readonly<{
     onChange?: ((timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any) | undefined;
-    "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
-    "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
     onClear?: (() => any) | undefined;
     onSelect?: ((timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any) | undefined;
+    "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
+    "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: import('./type').TimePickerValue) => any) | undefined;
 }>, {
     size: import('..').Size;
+    type: import('./type').TimePickerType;
+    error: boolean;
+    popupContainer: import('..').PopupContainer;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     disabled: boolean;
     position: import('./type').TimePickerPosition;
     unmountOnClose: boolean;
-    popupContainer: import('..').PopupContainer;
-    error: boolean;
-    type: import('./type').TimePickerType;
     placeholder: string | string[];
     modelValue: import('./type').TimePickerValue;
     defaultValue: import('./type').TimePickerValue;
@@ -132,7 +132,7 @@ declare const __VLS_component: import('vue').DefineComponent<TimePickerProps, {}
         $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<{}> & Omit<Readonly<{}> & Readonly<{}>, "scroll"> & import('vue').ShallowUnwrapRef<{
         scroll(value: string): Promise<void>;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
+    }> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
         $slots: {
             extra?(_: {}): any;
         };

package/es/TimePicker/TimePicker.vue.js

@@ -1,13 +1,11 @@
-import { defineComponent, ref, createBlock, openBlock, unref, mergeProps, withCtx, createElementVNode, normalizeStyle, normalizeClass, createElementBlock, createCommentVNode, renderSlot, withModifiers, Fragment, createVNode, createSlots } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import "../_shared/utils/dom.js";
+import { defineComponent, useSlots, ref, createBlock, openBlock, unref, mergeProps, withCtx, createElementVNode, normalizeStyle, normalizeClass, createElementBlock, createCommentVNode, renderSlot, withModifiers, Fragment, createVNode, createSlots } from "vue";
+import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import { isArray } from "../_shared/utils/is.js";
 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 useTimePickerContext from "./hooks/useContext.js";
+import _sfc_main$1 from "../_shared/components/IconButton/index.vue.js";
+/* empty css                                          */
+import "../_shared/utils/dom.js";
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$2 from "../_shared/icons/IconTime.vue.js";
@@ -58,6 +56,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:modelValue", "update:popupVisible", "change", "select", "clear", "popup-visible-change"],
   setup(__props, { emit: __emit }) {
+    const $slots = useSlots();
     const props = __props;
     const emits = __emit;
     const { size } = getGlobalConfig(props);
@@ -72,7 +71,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       inputRefs,
       format,
       placeholder
-    } = useContext().provide(props, emits);
+    } = useTimePickerContext().provide(props, emits);
     const panelRef = ref();
     const handleClear = () => {
       computedValue.value = type.value == "time-range" ? [] : "";
@@ -121,7 +120,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ref_key: "panelRef",
             ref: panelRef
           }, createSlots({ _: 2 }, [
-            _ctx.$slots.extra ? {
+            $slots.extra ? {
               name: "extra",
               fn: withCtx(() => [
                 renderSlot(_ctx.$slots, "extra")
@@ -140,7 +139,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "yc-picker-disabled": unref(disabled),
                 "yc-picker-error": _ctx.error,
                 "yc-picker-focus": unref(computedVisible),
-                "yc-picker-has-prefix": _ctx.$slots.prefix,
+                "yc-picker-has-prefix": $slots.prefix,
                 "yc-picker-allow-clear": unref(showClearBtn),
                 "yc-picker-range": unref(type) == "time-range"
               }
@@ -149,7 +148,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ..._ctx.$attrs.style || {}
             })
           }, [
-            _ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_1, [
+            $slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_1, [
               renderSlot(_ctx.$slots, "prefix")
             ])) : createCommentVNode("", true),
             createElementVNode("div", {