yc-design-vue 1.7.6 → 1.7.8

package/es/Menu/hooks/useContext.js

@@ -11,8 +11,10 @@ import { nanoid } from "../../node_modules/nanoid/index.browser.js";
 import { useResizeObserver } from "../../node_modules/@vueuse/core/index.js";
 import useSiderContext from "../../Layout/hooks/useSiderContext.js";
 import useTheme from "../../Layout/hooks/useTheme.js";
-import SubMenu from "../SubMenu.vue.js";
-import MenuItem from "../MenuItem.vue.js";
+import _sfc_main from "../SubMenu.vue.js";
+/* empty css              */
+import _sfc_main$1 from "../MenuItem.vue.js";
+/* empty css               */
 const MENU_CONTEXT_KEY = "menu-context";
 function FlattenMenuTree(vnodes, componentName) {
   const result = [];
@@ -24,7 +26,7 @@ function FlattenMenuTree(vnodes, componentName) {
       if (!isVNode(node)) continue;
       const id = nanoid(8);
       const name = (_a = node.type) == null ? void 0 : _a.name;
-      const isSubMenu = name === SubMenu.name;
+      const isSubMenu = name === _sfc_main.name;
       const props = node.props;
       const children = node.children;
       const subTree = (_b = node.component) == null ? void 0 : _b.subTree;
@@ -174,8 +176,8 @@ const useMenuContext = () => {
     const menuTreeNodes = computed(() => {
       var _a;
       return FlattenMenuTree(((_a = slots.default) == null ? void 0 : _a.call(slots)) || [], [
-        SubMenu.name,
-        MenuItem.name
+        _sfc_main.name,
+        _sfc_main$1.name
       ]);
     });
     const menuItemWidths = ref([]);

package/es/Menu/index.css

@@ -1 +1 @@
-.yc-menu-inline{display:flex;flex-direction:column;gap:4px}.yc-menu-inline .yc-menu-inline-content{display:flex;flex-direction:column;gap:4px}.yc-menu{position:relative;transition:width .2s cubic-bezier(.34, .69, .1, 1)}.yc-menu .yc-menu-inner{overflow:auto;padding:4px 8px;display:flex}.yc-menu .yc-menu-collapse-button{cursor:pointer;position:absolute;right:12px;bottom:12px;width:24px;height:24px;border-radius:2px;font-size:14px;display:flex;align-items:center;justify-content:center}.yc-menu-mode-vertical .yc-menu-inner{height:100%;flex-direction:column;gap:4px}.yc-menu-mode-horizontal .yc-menu-inner{position:relative;overflow:hidden;min-height:58px;width:100%;padding:14px 20px 14px 32px;display:flex;align-items:center;gap:12px}.yc-menu-mode-horizontal .yc-menu-inner:deep(.yc-menu-inline){flex-shrink:0}.yc-menu-collapsed .yc-menu-inner{padding:4px}.yc-menu-light{background-color:#fff}.yc-menu-light .yc-menu-collapse-button{color:#86909c;background-color:#f7f8fa}.yc-menu-light .yc-menu-collapse-button:hover{background-color:#e5e6eb}.yc-menu-dark{background-color:#232324}.yc-menu-dark .yc-menu-collapse-button{color:#fff;background-color:#165dff}.yc-menu-dark .yc-menu-collapse-button:hover{background-color:#0e42d2}.yc-menu-item{cursor:pointer;flex-shrink:0;padding:0 12px;border-radius:2px;min-height:40px;line-height:40px;font-size:14px;transition:color .2s cubic-bezier(0, 0, 1, 1);display:flex;justify-content:center;align-items:center}.yc-menu-item .yc-menu-icon{line-height:1;margin-right:16px;color:#86909c}.yc-menu-item .yc-menu-item-title{flex-shrink:0;flex:1}.yc-menu-item .yc-menu-suffix-icon{margin-left:16px}.yc-menu-item-collapsed .yc-menu-icon{margin-right:0}.yc-menu-item-mode-horizontal{flex-shrink:0;position:relative}.yc-menu-item-mode-horizontal .yc-menu-item{min-height:30px;line-height:30px}.yc-menu-item-mode-horizontal .yc-menu-item .yc-menu-icon-suffix{margin-left:6px}.yc-menu-item-mode-horizontal .yc-menu-item.yc-menu-item-selected{background-color:transparent}.yc-menu-item-mode-horizontal .yc-menu-item.yc-menu-item-selected::after{content:'';position:absolute;left:12px;right:12px;bottom:-14px;height:3px;background-color:#165dff}.yc-menu-item-ellipsis{position:absolute;top:50%;transform:translateY(-50%)}.yc-menu-item-light .yc-menu-item:not(.yc-menu-item-disabled){color:#4e5969}.yc-menu-item-light .yc-menu-item:not(.yc-menu-item-disabled):hover{background-color:#f2f3f5}.yc-menu-item-light .yc-menu-item.yc-menu-item-selected{font-weight:500;color:rgb(var(--primary-6));background-color:#f2f3f5}.yc-menu-item-light .yc-menu-item.yc-menu-item-selected .yc-menu-icon{color:rgb(var(--primary-6))}.yc-menu-item-light .yc-menu-item.yc-menu-item-disabled{cursor:not-allowed;color:#c9cdd4}.yc-menu-inline-header .yc-menu-item.yc-menu-item-selected{background-color:transparent}.yc-menu-item-dark .yc-menu-item:not(.yc-menu-item-disabled){color:#c9cdd4}.yc-menu-item-dark .yc-menu-item:not(.yc-menu-item-disabled):hover{background-color:rgba(255,255,255,0.04)}.yc-menu-item-dark .yc-menu-item.yc-menu-item-selected{font-weight:500;color:rgb(var(--primary-6));background-color:rgba(255,255,255,0.04)}.yc-menu-item-dark .yc-menu-item.yc-menu-item-selected .yc-menu-icon{color:rgb(var(--primary-6))}.yc-menu-item-dark .yc-menu-item.yc-menu-item-disabled{cursor:not-allowed;color:#4e5969}.yc-menu-inline-header .yc-menu-item.yc-menu-item-selected{background-color:transparent}.yc-menu-group{display:flex;flex-direction:column;gap:4px}.yc-menu-group .yc-menu-group-title{max-width:100%;padding:0 12px;line-height:40px;font-size:14px;color:var(--color-text-3);font-weight:400}
+.yc-menu-inline{display:flex;flex-direction:column;gap:4px}.yc-menu-inline .yc-menu-inline-content{display:flex;flex-direction:column;gap:4px}.yc-menu{position:relative;transition:width .2s cubic-bezier(.34, .69, .1, 1)}.yc-menu .yc-menu-inner{overflow:auto;padding:4px 8px;display:flex}.yc-menu .yc-menu-collapse-button{cursor:pointer;position:absolute;right:12px;bottom:12px;width:24px;height:24px;border-radius:2px;font-size:14px;display:flex;align-items:center;justify-content:center}.yc-menu-mode-vertical .yc-menu-inner{height:100%;flex-direction:column;gap:4px}.yc-menu-mode-horizontal .yc-menu-inner{position:relative;overflow:hidden;min-height:58px;width:100%;padding:14px 20px 14px 32px;display:flex;align-items:center;gap:12px}.yc-menu-mode-horizontal .yc-menu-inner .yc-menu-inline{flex-shrink:0}.yc-menu-collapsed .yc-menu-inner{padding:4px}.yc-menu-light{background-color:#fff}.yc-menu-light .yc-menu-collapse-button{color:#86909c;background-color:#f7f8fa}.yc-menu-light .yc-menu-collapse-button:hover{background-color:#e5e6eb}.yc-menu-dark{background-color:#232324}.yc-menu-dark .yc-menu-collapse-button{color:#fff;background-color:#165dff}.yc-menu-dark .yc-menu-collapse-button:hover{background-color:#0e42d2}.yc-menu-item{cursor:pointer;flex-shrink:0;padding:0 12px;border-radius:2px;min-height:40px;line-height:40px;font-size:14px;transition:color .2s cubic-bezier(0, 0, 1, 1);display:flex;justify-content:center;align-items:center}.yc-menu-item .yc-menu-icon{line-height:1;margin-right:16px;color:#86909c}.yc-menu-item .yc-menu-item-title{flex-shrink:0;flex:1}.yc-menu-item .yc-menu-suffix-icon{margin-left:16px}.yc-menu-item-collapsed .yc-menu-icon{margin-right:0}.yc-menu-item-mode-horizontal{flex-shrink:0;position:relative}.yc-menu-item-mode-horizontal .yc-menu-item{min-height:30px;line-height:30px}.yc-menu-item-mode-horizontal .yc-menu-item .yc-menu-icon-suffix{margin-left:6px}.yc-menu-item-mode-horizontal .yc-menu-item.yc-menu-item-selected{background-color:transparent}.yc-menu-item-mode-horizontal .yc-menu-item.yc-menu-item-selected::after{content:'';position:absolute;left:12px;right:12px;bottom:-14px;height:3px;background-color:#165dff}.yc-menu-item-ellipsis{position:absolute;top:50%;transform:translateY(-50%)}.yc-menu-item-light .yc-menu-item:not(.yc-menu-item-disabled){color:#4e5969}.yc-menu-item-light .yc-menu-item:not(.yc-menu-item-disabled):hover{background-color:#f2f3f5}.yc-menu-item-light .yc-menu-item.yc-menu-item-selected{font-weight:500;color:rgb(var(--primary-6));background-color:#f2f3f5}.yc-menu-item-light .yc-menu-item.yc-menu-item-selected .yc-menu-icon{color:rgb(var(--primary-6))}.yc-menu-item-light .yc-menu-item.yc-menu-item-disabled{cursor:not-allowed;color:#c9cdd4}.yc-menu-inline-header .yc-menu-item.yc-menu-item-selected{background-color:transparent}.yc-menu-item-dark .yc-menu-item:not(.yc-menu-item-disabled){color:#c9cdd4}.yc-menu-item-dark .yc-menu-item:not(.yc-menu-item-disabled):hover{background-color:rgba(255,255,255,0.04)}.yc-menu-item-dark .yc-menu-item.yc-menu-item-selected{font-weight:500;color:rgb(var(--primary-6));background-color:rgba(255,255,255,0.04)}.yc-menu-item-dark .yc-menu-item.yc-menu-item-selected .yc-menu-icon{color:rgb(var(--primary-6))}.yc-menu-item-dark .yc-menu-item.yc-menu-item-disabled{cursor:not-allowed;color:#4e5969}.yc-menu-inline-header .yc-menu-item.yc-menu-item-selected{background-color:transparent}.yc-menu-group{display:flex;flex-direction:column;gap:4px}.yc-menu-group .yc-menu-group-title{max-width:100%;padding:0 12px;line-height:40px;font-size:14px;color:var(--color-text-3);font-weight:400}

package/es/Menu/index.js

@@ -1,21 +1,25 @@
-import _Menu from "./Menu.vue.js";
-import MenuItem from "./MenuItem.vue.js";
-import SubMenu from "./SubMenu.vue.js";
-import MenuItemGroup from "./MenuItemGroup.vue.js";
-const Menu = Object.assign(_Menu, {
-  item: MenuItem,
-  submenu: SubMenu,
-  group: MenuItemGroup,
+import _sfc_main from "./Menu.vue.js";
+/* empty css          */
+import _sfc_main$3 from "./MenuItem.vue.js";
+/* empty css              */
+import _sfc_main$2 from "./SubMenu.vue.js";
+/* empty css             */
+import _sfc_main$1 from "./MenuItemGroup.vue.js";
+/* empty css                   */
+const Menu = Object.assign(_sfc_main, {
+  item: _sfc_main$3,
+  submenu: _sfc_main$2,
+  group: _sfc_main$1,
   install: (app) => {
-    app.component("Yc" + _Menu.name, _Menu);
-    app.component("Yc" + MenuItem.name, MenuItem);
-    app.component("Yc" + SubMenu.name, SubMenu);
-    app.component("Yc" + MenuItemGroup.name, MenuItemGroup);
+    app.component("Yc" + _sfc_main.name, _sfc_main);
+    app.component("Yc" + _sfc_main$3.name, _sfc_main$3);
+    app.component("Yc" + _sfc_main$2.name, _sfc_main$2);
+    app.component("Yc" + _sfc_main$1.name, _sfc_main$1);
   }
 });
 export {
-  MenuItem,
-  MenuItemGroup,
-  SubMenu,
+  _sfc_main$3 as MenuItem,
+  _sfc_main$1 as MenuItemGroup,
+  _sfc_main$2 as SubMenu,
   Menu as default
 };

package/es/Message/Message.vue.js

@@ -1,7 +1,101 @@
-import _sfc_main from "./Message.vue2.js";
-/* empty css             */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Message = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2f248611"]]);
+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 "../Empty/index.js";
+/* empty css                             */
+import { TYPE_ICON_MAP } from "../_shared/constants/index.js";
+import _sfc_main$1 from "../_shared/components/IconButton.vue.js";
+/* empty css                                    */
+/* empty css                                         */
+import { useTimeoutFn } from "../node_modules/@vueuse/shared/index.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "yc-message-icon"
+};
+const _hoisted_2 = { class: "yc-message-content" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Message"
+  },
+  __name: "Message",
+  props: {
+    type: { default: "info" },
+    content: { type: [String, Array, Function], default: "" },
+    id: { default: "" },
+    icon: { type: Function, default: void 0 },
+    showIcon: { type: Boolean, default: true },
+    closable: { type: Boolean, default: false },
+    duration: { default: 3e3 },
+    isReset: { type: Boolean, default: false },
+    onClose: { type: Function, default: void 0 },
+    onDestory: { type: Function, default: void 0 },
+    resetOnHover: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const { type, id, duration, resetOnHover, isReset } = toRefs(props);
+    const { onClose, onDestory } = props;
+    const { start, stop } = useTimeoutFn(
+      () => {
+        onDestory == null ? void 0 : onDestory(id.value);
+        onClose == null ? void 0 : onClose(id.value);
+      },
+      () => duration.value,
+      {
+        immediate: false
+      }
+    );
+    const handleClose = () => {
+      stop();
+      onDestory == null ? void 0 : onDestory(id.value);
+      onClose == null ? void 0 : onClose(id.value);
+    };
+    const handleMouseenter = () => {
+      if (!resetOnHover.value || duration.value <= 0) return;
+      stop();
+    };
+    const handleMouseleave = () => {
+      if (!resetOnHover.value || duration.value <= 0) return;
+      start();
+    };
+    watch(
+      () => isReset.value,
+      (val) => {
+        if (duration.value <= 0 || !val) return;
+        stop();
+        start();
+      }
+    );
+    onMounted(() => {
+      if (duration.value <= 0) return;
+      start();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("li", {
+        role: "alert",
+        class: normalizeClass(["yc-message", `yc-message-${unref(type)}`]),
+        onMouseenter: handleMouseenter,
+        onMouseleave: handleMouseleave
+      }, [
+        (unref(type) != "normal" || !unref(isUndefined)(_ctx.icon)) && _ctx.showIcon ? (openBlock(), createElementBlock("span", _hoisted_1, [
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon ?? unref(TYPE_ICON_MAP)[unref(type)]), {
+            spin: unref(type) == "loading"
+          }, null, 8, ["spin"]))
+        ])) : createCommentVNode("", true),
+        createElementVNode("span", _hoisted_2, toDisplayString(_ctx.content), 1),
+        _ctx.closable ? (openBlock(), createElementBlock("span", {
+          key: 1,
+          class: "yc-message-close-btn",
+          onClick: handleClose
+        }, [
+          createVNode(unref(_sfc_main$1))
+        ])) : createCommentVNode("", true)
+      ], 34);
+    };
+  }
+});
 export {
-  _Message as default
+  _sfc_main as default
 };

package/es/Message/Message.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./Message.vue.js";
+/* empty css             */
+export {
+  _sfc_main as default
+};

package/es/Message/MessageList.vue.js

@@ -1,7 +1,32 @@
-import _sfc_main from "./MessageList.vue2.js";
-/* empty css                 */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _MessageList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2f1dc1ff"]]);
+import { defineComponent, createBlock, openBlock, TransitionGroup, normalizeClass, withCtx, createElementBlock, Fragment, renderList, mergeProps } from "vue";
+import _sfc_main$1 from "./Message.vue.js";
+/* empty css             */
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MessageList",
+  props: {
+    messageList: { default: () => [] },
+    position: { default: "top" }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(TransitionGroup, {
+        name: "fade-message",
+        moveClass: "flip-list-move",
+        tag: "div",
+        class: normalizeClass(["yc-message-list", `yc-message-list-${_ctx.position}`])
+      }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.messageList, (message) => {
+            return openBlock(), createBlock(_sfc_main$1, mergeProps({
+              key: message.id
+            }, { ref_for: true }, message), null, 16);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+});
 export {
-  _MessageList as default
+  _sfc_main as default
 };

package/es/Message/MessageList.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./MessageList.vue.js";
+/* empty css                 */
+export {
+  _sfc_main as default
+};

package/es/Message/index.js

@@ -1,6 +1,8 @@
 import { reactive, render, h, nextTick } from "vue";
-import _Message from "./Message.vue.js";
-import _MessageList from "./MessageList.vue.js";
+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";
@@ -27,7 +29,7 @@ const open = (props, type = "info") => {
     document.body.appendChild(messageContainer);
     container.set(position, messageContainer);
     render(
-      h(_MessageList, {
+      h(_sfc_main$1, {
         messageList: list,
         position
       }),
@@ -77,10 +79,10 @@ const messageMethod = {
     removeContainer(position);
   }
 };
-const Message = Object.assign(_Message, {
+const Message = Object.assign(_sfc_main, {
   install: (app) => {
     app.config.globalProperties.$message = Object.assign(
-      _Message,
+      _sfc_main,
       messageMethod
     );
   },

package/es/Modal/Modal.vue.js

@@ -1,7 +1,257 @@
-import _sfc_main from "./Modal.vue2.js";
-/* empty css           */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Modal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-22ef8b32"]]);
+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 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.vue.js";
+/* empty css                                    */
+/* empty css                                         */
+/* empty css                             */
+const _hoisted_1 = {
+  key: 0,
+  class: "yc-modal-footer"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Modal",
+    inheritAttrs: false
+  },
+  __name: "Modal",
+  props: {
+    visible: { type: Boolean, default: void 0 },
+    defaultVisible: { type: Boolean, default: false },
+    width: { default: 400 },
+    top: { default: 100 },
+    mask: { type: Boolean, default: true },
+    title: { default: "" },
+    titleAlign: { default: "center" },
+    alignCenter: { type: Boolean, default: true },
+    unmountOnClose: { type: Boolean, default: false },
+    maskClosable: { type: Boolean, default: true },
+    hideCancel: { type: Boolean, default: false },
+    closable: { type: Boolean, default: true },
+    okText: { default: "确认" },
+    cancelText: { default: "取消" },
+    okLoading: { type: Boolean, default: false },
+    okButtonProps: { default: () => {
+      return {};
+    } },
+    cancelButtonProps: { default: () => {
+      return {};
+    } },
+    footer: { type: Boolean, default: true },
+    renderToBody: { type: Boolean, default: true },
+    popupContainer: { default: void 0 },
+    maskStyle: { default: () => {
+      return {};
+    } },
+    modalClass: { default: "" },
+    modalStyle: { default: () => {
+      return {};
+    } },
+    escToClose: { type: Boolean, default: true },
+    draggable: { type: Boolean, default: false },
+    fullscreen: { type: Boolean, default: false },
+    maskAnimationName: { default: "fade" },
+    modalAnimationName: { default: "zoom-modal" },
+    bodyClass: { default: "" },
+    bodyStyle: { default: () => {
+      return {};
+    } },
+    hideTitle: { type: Boolean, default: false },
+    simple: { type: Boolean, default: false },
+    onBeforeCancel: { type: Function, default: () => {
+      return true;
+    } },
+    onBeforeOk: { type: Function, default: () => {
+      return true;
+    } }
+  },
+  emits: ["update:visible", "ok", "cancel", "open", "before-open", "close", "before-close"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const {
+      visible,
+      defaultVisible,
+      width,
+      top,
+      alignCenter,
+      maskClosable,
+      escToClose,
+      modalStyle: _modalStyle,
+      fullscreen,
+      draggable,
+      renderToBody,
+      popupContainer: _popupContainer
+    } = toRefs(props);
+    const { onBeforeOk, onBeforeCancel } = props;
+    const { popupContainer, zIndex } = getGlobalConfig(props);
+    const {
+      outerVisible,
+      innerVisible,
+      asyncLoading,
+      handleClose,
+      handleAfterLeave
+    } = useModalClose({
+      visible,
+      defaultVisible,
+      escToClose,
+      maskClosable,
+      onBeforeOk,
+      onBeforeCancel,
+      emits
+    });
+    const headerRef = ref();
+    const modalRef = ref();
+    const { dragStyle, isDraggable } = useModalDraggable({
+      visible: innerVisible,
+      draggable,
+      fullscreen,
+      alignCenter,
+      top,
+      triggerRef: headerRef,
+      modalRef
+    });
+    const modalStyle = computed(() => {
+      return {
+        width: fullscreen.value ? "100%" : width.value == "auto" ? "fit-content" : valueToPx(width.value),
+        ...dragStyle.value,
+        ..._modalStyle.value
+      };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, {
+        to: unref(popupContainer),
+        disabled: !unref(renderToBody)
+      }, [
+        !_ctx.unmountOnClose || unref(outerVisible) ? withDirectives((openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass([
+            "yc-modal-container",
+            _ctx.$attrs.class,
+            {
+              "yc-modal-simple": _ctx.simple,
+              "yc-modal-position-absolute": unref(_popupContainer) || !unref(renderToBody)
+            }
+          ]),
+          style: normalizeStyle({
+            zIndex: unref(zIndex),
+            ..._ctx.$attrs.style ?? {}
+          })
+        }, [
+          createVNode(Transition, { name: _ctx.maskAnimationName }, {
+            default: withCtx(() => [
+              _ctx.mask ? withDirectives((openBlock(), createElementBlock("div", {
+                key: 0,
+                class: "yc-modal-mask",
+                style: normalizeStyle(_ctx.maskStyle)
+              }, null, 4)), [
+                [vShow, unref(innerVisible)]
+              ]) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }, 8, ["name"]),
+          createElementVNode("div", {
+            class: "yc-modal-wrapper",
+            onClick: _cache[6] || (_cache[6] = withModifiers(($event) => unref(handleClose)("mask", $event), ["self"]))
+          }, [
+            createVNode(Transition, {
+              name: _ctx.modalAnimationName,
+              onBeforeEnter: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("before-open")),
+              onBeforeLeave: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("before-close")),
+              onAfterEnter: _cache[5] || (_cache[5] = ($event) => _ctx.$emit("open")),
+              onAfterLeave: unref(handleAfterLeave)
+            }, {
+              default: withCtx(() => [
+                withDirectives(createElementVNode("div", {
+                  class: normalizeClass([
+                    "yc-modal",
+                    _ctx.modalClass,
+                    {
+                      // 拖拽
+                      "yc-modal-draggable": unref(isDraggable),
+                      // 全屏
+                      "yc-modal-fullscreen": unref(fullscreen)
+                    }
+                  ]),
+                  style: normalizeStyle(modalStyle.value),
+                  ref_key: "modalRef",
+                  ref: modalRef
+                }, [
+                  renderSlot(_ctx.$slots, "header", {}, () => [
+                    createElementVNode("div", {
+                      class: "yc-modal-header",
+                      ref_key: "headerRef",
+                      ref: headerRef
+                    }, [
+                      !_ctx.hideTitle ? (openBlock(), createElementBlock("div", {
+                        key: 0,
+                        class: normalizeClass([
+                          "yc-modal-title",
+                          "text-ellipsis",
+                          {
+                            "title-align-center": _ctx.titleAlign == "center"
+                          }
+                        ])
+                      }, [
+                        renderSlot(_ctx.$slots, "title", {}, () => [
+                          createTextVNode(toDisplayString(_ctx.title), 1)
+                        ])
+                      ], 2)) : createCommentVNode("", true),
+                      _ctx.closable && !_ctx.simple ? (openBlock(), createBlock(unref(_sfc_main$1), {
+                        key: 1,
+                        class: "yc-modal-close-button",
+                        onClick: _cache[0] || (_cache[0] = ($event) => unref(handleClose)("closeBtn", $event))
+                      })) : createCommentVNode("", true)
+                    ], 512)
+                  ]),
+                  createElementVNode("div", {
+                    class: normalizeClass(["yc-modal-body", _ctx.bodyClass]),
+                    style: normalizeStyle(_ctx.bodyStyle)
+                  }, [
+                    renderSlot(_ctx.$slots, "default")
+                  ], 6),
+                  _ctx.footer ? (openBlock(), createElementBlock("div", _hoisted_1, [
+                    renderSlot(_ctx.$slots, "footer", {}, () => [
+                      !_ctx.hideCancel ? (openBlock(), createBlock(unref(Button), mergeProps({ key: 0 }, _ctx.cancelButtonProps, {
+                        onClick: _cache[1] || (_cache[1] = ($event) => unref(handleClose)("cancelBtn", $event))
+                      }), {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(_ctx.cancelText), 1)
+                        ]),
+                        _: 1
+                      }, 16)) : createCommentVNode("", true),
+                      createVNode(unref(Button), mergeProps({
+                        type: "primary",
+                        loading: _ctx.okLoading || unref(asyncLoading)
+                      }, _ctx.okButtonProps, {
+                        onClick: _cache[2] || (_cache[2] = ($event) => unref(handleClose)("confirmBtn", $event))
+                      }), {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(_ctx.okText), 1)
+                        ]),
+                        _: 1
+                      }, 16, ["loading"])
+                    ])
+                  ])) : createCommentVNode("", true)
+                ], 6), [
+                  [vShow, unref(innerVisible)]
+                ])
+              ]),
+              _: 3
+            }, 8, ["name", "onAfterLeave"])
+          ])
+        ], 6)), [
+          [vShow, unref(outerVisible)]
+        ]) : createCommentVNode("", true)
+      ], 8, ["to", "disabled"]);
+    };
+  }
+});
 export {
-  _Modal as default
+  _sfc_main as default
 };

package/es/Modal/Modal.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./Modal.vue.js";
+/* empty css           */
+export {
+  _sfc_main as default
+};

package/es/Modal/ModalService.vue.js

@@ -6,7 +6,8 @@ import { getSlotFunction } from "../_shared/utils/vue-utils.js";
 import "../Empty/index.js";
 /* empty css                             */
 import { TYPE_ICON_MAP } from "../_shared/constants/index.js";
-import _Modal from "./Modal.vue.js";
+import _sfc_main$1 from "./Modal.vue.js";
+/* empty css           */
 const _hoisted_1 = {
   key: 0,
   class: "yc-modal-title-icon"
@@ -83,7 +84,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       visible.value = true;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_Modal, mergeProps(props, {
+      return openBlock(), createBlock(_sfc_main$1, mergeProps(props, {
         visible: visible.value,
         "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
         "popup-container": ".yc-overlay-modal",

package/es/Modal/index.js

@@ -1,6 +1,7 @@
 import { h, render } from "vue";
-import _Modal from "./Modal.vue.js";
-import _sfc_main from "./ModalService.vue.js";
+import _sfc_main from "./Modal.vue.js";
+/* empty css           */
+import _sfc_main$1 from "./ModalService.vue.js";
 /* empty css                  */
 let container;
 const open = (props) => {
@@ -14,7 +15,7 @@ const open = (props) => {
   };
   const update = (updateProps) => {
   };
-  const vnode = h(_sfc_main, {
+  const vnode = h(_sfc_main$1, {
     ...props,
     serviceClose: close
   });
@@ -43,9 +44,9 @@ const modalMethod = {
     })
   )
 };
-const Modal = Object.assign(_Modal, {
+const Modal = Object.assign(_sfc_main, {
   install: (app) => {
-    app.component("Yc" + _Modal.name, _Modal);
+    app.component("Yc" + _sfc_main.name, _sfc_main);
     app.config.globalProperties.$modal = Object.assign(Modal, modalMethod);
   },
   ...modalMethod