yc-design-vue 2.0.3 → 2.0.5

package/es/Mention/index.vue.js

@@ -1,10 +1,6 @@
-import { defineComponent, toRefs, ref, computed, onMounted, createBlock, openBlock, unref, mergeProps, isRef, createSlots, withCtx, renderSlot, nextTick } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import "../_shared/utils/dom.js";
+import { defineComponent, useSlots, toRefs, ref, computed, onMounted, createBlock, openBlock, unref, mergeProps, isRef, createSlots, withCtx, renderSlot, nextTick } from "vue";
 import { isArray, isNull } from "../_shared/utils/is.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";
 import useCursor from "../Input/hooks/useCursor.js";
 import AutoComplete from "../AutoComplete/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -24,6 +20,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:modelValue", "change", "search", "select", "focus", "blur", "clear", "input"],
   setup(__props, { expose: __expose, emit: __emit }) {
+    const $slots = useSlots();
     const props = __props;
     const emits = __emit;
     const {
@@ -165,7 +162,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onBlur: _cache[7] || (_cache[7] = (ev) => handleEvent("blur", ev)),
         onKeydown: _cache[8] || (_cache[8] = (ev) => handleEvent("keydown", ev))
       }), createSlots({ _: 2 }, [
-        _ctx.$slots.option ? {
+        $slots.option ? {
           name: "option",
           fn: withCtx(({ data: data2 }) => [
             renderSlot(_ctx.$slots, "option", { data: data2 })

package/es/Menu/Menu.vue.js

@@ -1,9 +1,6 @@
 import { defineComponent, ref, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, createCommentVNode, renderSlot, createBlock } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
 import { mediaQueryHandler } from "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$2 from "../_shared/icons/IconMenuFold.vue.js";

package/es/Menu/MenuEllipsis.vue.js

@@ -1,10 +1,7 @@
 import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, createVNode, unref, withCtx, createElementVNode, Fragment, renderList, createBlock } from "vue";
 import _sfc_main$2 from "../_shared/icons/IconArrowDown.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                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconMore.vue.js";

package/es/Menu/MenuItem.vue.d.ts

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

package/es/Menu/MenuItem.vue.js

@@ -1,10 +1,7 @@
-import { defineComponent, toRefs, useAttrs, computed, ref, onMounted, createElementBlock, createCommentVNode, unref, openBlock, normalizeClass, createVNode, createBlock, withCtx, createElementVNode, withDirectives, normalizeStyle, renderSlot, vShow, Fragment, renderList, resolveDynamicComponent } from "vue";
-import { createReusableTemplate } from "../node_modules/@vueuse/core/index.js";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import { valueToPx } from "../_shared/utils/dom.js";
+import { defineComponent, useSlots, toRefs, useAttrs, computed, ref, onMounted, createElementBlock, createCommentVNode, unref, openBlock, normalizeClass, createVNode, createBlock, withCtx, createElementVNode, withDirectives, normalizeStyle, renderSlot, vShow, Fragment, renderList, resolveDynamicComponent } from "vue";
 import { isUndefined } from "../_shared/utils/is.js";
-import "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
+import { valueToPx } from "../_shared/utils/dom.js";
+import { createReusableTemplate } from "../node_modules/@vueuse/core/index.js";
 import useMenuContext, { isMenuItemActive, getPopupMaxHeight } from "./hooks/useContext.js";
 import _sfc_main$1 from "./MenuPopOption.vue.js";
 import Dropdown from "../Dropdown/index.js";
@@ -27,6 +24,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean, default: false }
   },
   setup(__props) {
+    const $slots = useSlots();
     const props = __props;
     const { path, disabled } = toRefs(props);
     const { reuse: ReuseTemplate, define: DefineTemplate } = createReusableTemplate();
@@ -151,7 +149,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   height: unref(valueToPx)(unref(levelIndent))
                 })
               }, null, 4)) : createCommentVNode("", true),
-              _ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_1, [
+              $slots.icon ? (openBlock(), createElementBlock("div", _hoisted_1, [
                 renderSlot(_ctx.$slots, "icon")
               ])) : createCommentVNode("", true),
               withDirectives(createElementVNode("div", {
@@ -166,7 +164,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ], 2), [
                 [vShow, !unref(computedCollapsed)]
               ]),
-              _ctx.$slots.suffix ? withDirectives((openBlock(), createElementBlock("div", _hoisted_2, [
+              $slots.suffix ? withDirectives((openBlock(), createElementBlock("div", _hoisted_2, [
                 renderSlot(_ctx.$slots, "suffix")
               ], 512)), [
                 [vShow, !unref(computedCollapsed)]
@@ -216,7 +214,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }
         }, {
           content: withCtx(() => [
-            (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.default)))
+            (openBlock(), createBlock(resolveDynamicComponent($slots.default)))
           ]),
           default: withCtx(() => [
             createVNode(unref(ReuseTemplate))

package/es/Menu/MenuItemGroup.vue.js

@@ -1,8 +1,5 @@
 import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, renderSlot, createTextVNode, toDisplayString, normalizeStyle } 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";
 import useMenuContext from "./hooks/useContext.js";
 const _hoisted_1 = { class: "yc-menu-group-title text-ellipsis" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/es/Menu/SubMenu.vue.d.ts

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

package/es/Menu/SubMenu.vue.js

@@ -1,11 +1,8 @@
-import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, createVNode, createSlots, withCtx, renderSlot, createTextVNode, toDisplayString, withDirectives, createElementVNode, vShow } from "vue";
+import { defineComponent, useSlots, createElementBlock, openBlock, normalizeClass, unref, createVNode, createSlots, withCtx, renderSlot, createTextVNode, toDisplayString, withDirectives, createElementVNode, vShow } from "vue";
 import useMenuContext from "./hooks/useContext.js";
 import _sfc_main$2 from "../_shared/icons/IconArrowDown.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                                          */
 import _sfc_main$3 from "../_shared/components/ExpandTransition/index.vue2.js";
 /* empty css                                               */
 /* empty css                                   */
@@ -26,6 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     popupMaxHeight: { type: [Boolean, Number], default: void 0 }
   },
   setup(__props) {
+    const $slots = useSlots();
     const { mode, theme, computedOpenKeys, computedCollapsed } = useMenuContext().inject();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
@@ -51,7 +49,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 2
         }, [
-          _ctx.$slots.icon ? {
+          $slots.icon ? {
             name: "icon",
             fn: withCtx(() => [
               renderSlot(_ctx.$slots, "icon")

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

@@ -37,7 +37,7 @@ export declare function FlattenMenuTree(vnodes: VNode[], componentName: string[]
 export declare function buildMenuTree(flatData: MenuTreeNode[]): MenuTreeNode[];
 export declare function isMenuItemActive(menuTree: MenuTreeNode[], currentPath: string, activePath: string): boolean;
 export declare const getPopupMaxHeight: (popupMaxHeight: PopupMaxHeight) => number | undefined;
-declare const _default: () => {
+export default function useMenuContext(): {
     provide: (props: RecordType, emits: MenuEmits, menuRef: Ref<HTMLDivElement | undefined>) => {
         theme: import('vue').ComputedRef<import('../../_shared/type').Theme>;
         computedCollapsed: import('vue').WritableComputedRef<boolean, boolean>;
@@ -48,4 +48,4 @@ declare const _default: () => {
     };
     inject: () => MenuContext;
 };
-export default _default;
+export {};

package/es/Menu/hooks/useContext.js

@@ -1,14 +1,11 @@
 import { toRefs, computed, useSlots, ref, provide, inject, isVNode } from "vue";
-import "../../node_modules/tinycolor2/esm/tinycolor.js";
-import { throttle, valueToPx } from "../../_shared/utils/dom.js";
-import { isUndefined, isBoolean, isNumber, isObject, isFunction } from "../../_shared/utils/is.js";
-import "../../_shared/utils/time.js";
-import "../../_shared/utils/locale.js";
-import useControlValue from "../../_shared/utils/control.js";
-import "../index.js";
 import { nanoid } from "../../node_modules/nanoid/index.browser.js";
+import { isUndefined, isBoolean, isNumber, isObject, isFunction } from "../../_shared/utils/is.js";
+import { throttle, valueToPx } from "../../_shared/utils/dom.js";
 import { useResizeObserver } from "../../node_modules/@vueuse/core/index.js";
-import useSiderContext from "../../Layout/hooks/useSiderContext.js";
+import { useControlValue } from "../../_shared/utils/control.js";
+import "../index.js";
+import useLayoutContext from "../../Layout/hooks/useSiderContext.js";
 import _sfc_main from "../SubMenu.vue.js";
 /* empty css              */
 import _sfc_main$1 from "../MenuItem.vue.js";
@@ -115,7 +112,7 @@ const getPopupMaxHeight = (popupMaxHeight) => {
     return popupMaxHeight;
   }
 };
-const useMenuContext = () => {
+function useMenuContext() {
   const provide$1 = (props, emits, menuRef) => {
     const {
       selectedKeys,
@@ -138,7 +135,7 @@ const useMenuContext = () => {
       theme: _theme,
       popupMaxHeight: _popupMaxHeight
     } = toRefs(props);
-    const { theme: siderTheme, collapsed: injectCollapsed } = useSiderContext().inject();
+    const { theme: siderTheme, collapsed: injectCollapsed } = useLayoutContext().inject();
     const computedSelectedKeys = useControlValue(
       selectedKeys,
       defaultSelectedKeys.value,
@@ -173,8 +170,8 @@ const useMenuContext = () => {
     const menuTreeNodes = computed(() => {
       var _a;
       return FlattenMenuTree(((_a = slots.default) == null ? void 0 : _a.call(slots)) || [], [
-        _sfc_main.name,
-        _sfc_main$1.name
+        _sfc_main.name ?? "",
+        _sfc_main$1.name ?? ""
       ]);
     });
     const menuItemWidths = ref([]);
@@ -261,7 +258,7 @@ const useMenuContext = () => {
     provide: provide$1,
     inject: inject$1
   };
-};
+}
 export {
   FlattenMenuTree,
   buildMenuTree,

package/es/Menu/index.d.ts

@@ -144,7 +144,7 @@ declare const Menu: {
         disabled: boolean;
         path: string;
     }, {}, 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').MenuItemSlots> & import('./type').MenuItemSlots;
+        $slots: any;
     });
     submenu: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').SubMenuProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
@@ -177,7 +177,7 @@ declare const Menu: {
         selectable: boolean;
         popup: 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').SubMenuSlots> & import('./type').SubMenuSlots;
+        $slots: any;
     });
     group: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').MenuItemGroupProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {

package/es/Message/Message.vue.d.ts

@@ -1,15 +1,15 @@
 import { MessageProps } from './type';
 declare const _default: import('vue').DefineComponent<MessageProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MessageProps> & Readonly<{}>, {
+    type: import('./type').MessageType;
+    onClose: (id: string | number) => void;
     duration: number;
     content: import('..').RenderContent;
     icon: import('vue').RenderFunction;
-    type: import('./type').MessageType;
     closable: boolean;
-    onClose: (id: string | number) => void;
     id: string;
     showIcon: boolean;
-    isReset: boolean;
     onDestory: (id: string | number) => void;
+    isReset: boolean;
     resetOnHover: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLIElement>;
 export default _default;

package/es/Message/Message.vue.js

@@ -1,12 +1,9 @@
 import { defineComponent, toRefs, watch, onMounted, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createElementVNode, createBlock, resolveDynamicComponent, toDisplayString, createVNode } 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 { TYPE_ICON_MAP } from "../_shared/constants/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                                   */
 import { useTimeoutFn } from "../node_modules/@vueuse/shared/index.js";

package/es/Message/index.d.ts

@@ -1,20 +1,20 @@
 import { App } from 'vue';
 import { default as _Message } from './Message.vue';
-import { MessageConfig, MessageProps, MessageType, MessagePostion } from './type';
+import { MessageMethod, MessageConfig, MessageProps, MessageType, MessagePostion } from './type';
 export type MessageInstance = InstanceType<typeof _Message>;
 export * from './type';
 declare const Message: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<MessageProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        type: MessageType;
+        onClose: (id: string | number) => void;
         duration: number;
         content: import('..').RenderContent;
         icon: import('vue').RenderFunction;
-        type: MessageType;
         closable: boolean;
-        onClose: (id: string | number) => void;
         id: string;
         showIcon: boolean;
-        isReset: boolean;
         onDestory: (id: string | number) => void;
+        isReset: boolean;
         resetOnHover: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLLIElement, import('vue').ComponentProvideOptions, {
         P: {};
@@ -24,32 +24,32 @@ declare const Message: {
         M: {};
         Defaults: {};
     }, Readonly<MessageProps> & Readonly<{}>, {}, {}, {}, {}, {
+        type: MessageType;
+        onClose: (id: string | number) => void;
         duration: number;
         content: import('..').RenderContent;
         icon: import('vue').RenderFunction;
-        type: MessageType;
         closable: boolean;
-        onClose: (id: string | number) => void;
         id: string;
         showIcon: boolean;
-        isReset: boolean;
         onDestory: (id: string | number) => void;
+        isReset: boolean;
         resetOnHover: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<MessageProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    type: MessageType;
+    onClose: (id: string | number) => void;
     duration: number;
     content: import('..').RenderContent;
     icon: import('vue').RenderFunction;
-    type: MessageType;
     closable: boolean;
-    onClose: (id: string | number) => void;
     id: string;
     showIcon: boolean;
-    isReset: boolean;
     onDestory: (id: string | number) => void;
+    isReset: boolean;
     resetOnHover: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     info: (config: string | MessageConfig) => import('./type').MessageReturn;
@@ -61,9 +61,9 @@ declare const Message: {
     clear: (position: MessagePostion) => import('./type').MessageReturn;
     install: (app: App) => void;
 };
-declare module 'vue' {
+declare module '@vue/runtime-core' {
     interface ComponentCustomProperties {
-        $message: typeof Message;
+        $message: MessageMethod;
     }
 }
 export default Message;

package/es/Message/index.js

@@ -3,11 +3,7 @@ import _sfc_main from "./Message.vue.js";
 /* empty css             */
 import _sfc_main$1 from "./MessageList.vue.js";
 /* empty css                 */
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import "../_shared/utils/dom.js";
 import { isString } from "../_shared/utils/is.js";
-import "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
 const container = /* @__PURE__ */ new Map();
 const messageList = reactive({
   top: [],
@@ -80,10 +76,7 @@ const messageMethod = {
 };
 const Message = Object.assign(_sfc_main, {
   install: (app) => {
-    app.config.globalProperties.$message = Object.assign(
-      _sfc_main,
-      messageMethod
-    );
+    app.config.globalProperties.$message = messageMethod;
   },
   ...messageMethod
 });

package/es/Modal/Modal.vue.d.ts

@@ -28,13 +28,13 @@ declare const __VLS_component: import('vue').DefineComponent<ModalProps, {}, {},
     "onBefore-close"?: (() => any) | undefined;
 }>, {
     top: number;
-    unmountOnClose: boolean;
+    footer: boolean;
+    title: string;
     popupContainer: import('..').PopupContainer;
     renderToBody: boolean;
+    unmountOnClose: boolean;
     width: number | string;
     visible: boolean;
-    footer: boolean;
-    title: string;
     mask: boolean;
     defaultVisible: boolean;
     closable: boolean;

package/es/Modal/Modal.vue.js

@@ -1,14 +1,12 @@
 import { defineComponent, toRefs, ref, computed, createBlock, openBlock, Teleport, unref, withDirectives, createCommentVNode, createElementBlock, normalizeStyle, normalizeClass, createVNode, createElementVNode, Transition, withCtx, vShow, withModifiers, renderSlot, createTextVNode, toDisplayString, mergeProps } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import { valueToPx } from "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
+import { valueToPx } from "../_shared/utils/dom.js";
 import { useI18n } from "../_shared/utils/locale.js";
 import useModalClose from "./hooks/useModalClose.js";
 import useModalDraggable from "./hooks/useModalDraggable.js";
 import Button from "../Button/index.js";
-import _sfc_main$1 from "../_shared/components/IconButton/index.vue2.js";
-/* empty css                                         */
+import _sfc_main$1 from "../_shared/components/IconButton/index.vue.js";
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 const _hoisted_1 = {

package/es/Modal/ModalService.vue.d.ts

@@ -1,12 +1,12 @@
 import { ModalServiceProps } from './type';
 declare const _default: import('vue').DefineComponent<ModalServiceProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ModalServiceProps> & Readonly<{}>, {
     top: number;
-    unmountOnClose: boolean;
+    footer: boolean;
+    title: string & import('..').RenderContent;
     renderToBody: boolean;
+    unmountOnClose: boolean;
     width: number | string;
     content: import('..').RenderContent;
-    footer: boolean;
-    title: string & import('..').RenderContent;
     mask: boolean;
     closable: boolean;
     bodyStyle: import('vue').CSSProperties;

package/es/Modal/ModalService.vue.js

@@ -1,9 +1,5 @@
 import { defineComponent, ref, onMounted, createBlock, openBlock, mergeProps, withCtx, createElementVNode, resolveDynamicComponent, unref, createElementBlock, createCommentVNode } 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 { TYPE_ICON_MAP } from "../_shared/constants/index.js";
 import _sfc_main$1 from "./Modal.vue.js";
 /* empty css           */

package/es/Modal/hooks/useModalClose.js

@@ -1,10 +1,6 @@
 import { ref, watch, nextTick } from "vue";
 import { onKeyStroke } 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 "../../_shared/utils/locale.js";
-import useControlValue from "../../_shared/utils/control.js";
+import { useControlValue } from "../../_shared/utils/control.js";
 import useOnBeforeClose from "./useOnBeforeClose.js";
 const useModalClose = (params) => {
   const {

package/es/Modal/hooks/useModalDraggable.js

@@ -1,9 +1,6 @@
 import { ref, computed, watch } from "vue";
 import { useDraggable } from "../../node_modules/@vueuse/core/index.js";
-import "../../node_modules/tinycolor2/esm/tinycolor.js";
 import { valueToPx, sleep } from "../../_shared/utils/dom.js";
-import "../../_shared/utils/time.js";
-import "../../_shared/utils/locale.js";
 const useModalDraggable = (params) => {
   const {
     visible,

package/es/Modal/hooks/useOnBeforeClose.js

@@ -1,9 +1,4 @@
-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 "vue";
-import "../../_shared/utils/locale.js";
 const useOnBeforeClose = async (type, asyncLoading, onBeforeOk, onBeforeCancel) => {
   const handleBeforeOk = () => {
     return new Promise(async (resolve) => {

package/es/Modal/index.d.ts

@@ -1,5 +1,5 @@
 import { App } from 'vue';
-import { ModalConfig } from './type';
+import { ModalConfig, ModalMethod } from './type';
 import { default as _Modal } from './Modal.vue';
 export type ModalInstance = InstanceType<typeof _Modal>;
 export * from './type';
@@ -22,13 +22,13 @@ declare const Modal: {
         "before-close": () => any;
     }, import('vue').PublicProps, {
         top: number;
-        unmountOnClose: boolean;
+        footer: boolean;
+        title: string;
         popupContainer: import('..').PopupContainer;
         renderToBody: boolean;
+        unmountOnClose: boolean;
         width: number | string;
         visible: boolean;
-        footer: boolean;
-        title: string;
         mask: boolean;
         defaultVisible: boolean;
         closable: boolean;
@@ -75,13 +75,13 @@ declare const Modal: {
         "onBefore-close"?: (() => any) | undefined;
     }>, {}, {}, {}, {}, {
         top: number;
-        unmountOnClose: boolean;
+        footer: boolean;
+        title: string;
         popupContainer: import('..').PopupContainer;
         renderToBody: boolean;
+        unmountOnClose: boolean;
         width: number | string;
         visible: boolean;
-        footer: boolean;
-        title: string;
         mask: boolean;
         defaultVisible: boolean;
         closable: boolean;
@@ -130,13 +130,13 @@ declare const Modal: {
     "before-close": () => any;
 }, string, {
     top: number;
-    unmountOnClose: boolean;
+    footer: boolean;
+    title: string;
     popupContainer: import('..').PopupContainer;
     renderToBody: boolean;
+    unmountOnClose: boolean;
     width: number | string;
     visible: boolean;
-    footer: boolean;
-    title: string;
     mask: boolean;
     defaultVisible: boolean;
     closable: boolean;
@@ -178,8 +178,10 @@ declare module 'vue' {
     interface GlobalComponents {
         YcModal: typeof Modal;
     }
+}
+declare module '@vue/runtime-core' {
     interface ComponentCustomProperties {
-        $modal: typeof Modal;
+        $modal: ModalMethod;
     }
 }
 export default Modal;

package/es/Modal/index.js

@@ -47,7 +47,7 @@ const modalMethod = {
 const Modal = Object.assign(_sfc_main, {
   install: (app) => {
     app.component("Yc" + _sfc_main.name, _sfc_main);
-    app.config.globalProperties.$modal = Object.assign(Modal, modalMethod);
+    app.config.globalProperties.$modal = modalMethod;
   },
   ...modalMethod
 });

package/es/Notification/Notification.vue.d.ts

@@ -1,15 +1,15 @@
 import { NotificationProps } from './type';
 declare const _default: import('vue').DefineComponent<NotificationProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<NotificationProps> & Readonly<{}>, {
-    duration: number;
-    content: import('..').RenderContent;
-    style: import('vue').CSSProperties;
-    icon: import('vue').RenderFunction;
     type: import('./type').NotificationType;
     footer: import('vue').RenderFunction;
+    style: import('vue').CSSProperties;
     title: import('..').RenderContent;
+    onClose: (id: string | number) => void;
     class: import('..').ClassName;
+    duration: number;
+    content: import('..').RenderContent;
+    icon: import('vue').RenderFunction;
     closable: boolean;
-    onClose: (id: string | number) => void;
     id: string;
     showIcon: boolean;
     isReset: boolean;

package/es/Notification/Notification.vue.js

@@ -1,13 +1,10 @@
 import { defineComponent, toRefs, watch, onMounted, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, createCommentVNode, createBlock, resolveDynamicComponent, withCtx } from "vue";
 import { TYPE_ICON_MAP } from "../_shared/constants/index.js";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import "../_shared/utils/dom.js";
 import { isUndefined, isFunction } from "../_shared/utils/is.js";
-import "../_shared/utils/time.js";
 import { getSlotFunction } from "../_shared/utils/vue-utils.js";
-import "../_shared/utils/locale.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                                   */
 import { useTimeoutFn } from "../node_modules/@vueuse/shared/index.js";