@transsionfe/semi-ui-vue 0.0.1

package/lib/es/components/modal/Modal.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.vue.js","sources":["../../../../src/components/modal/Modal.vue"],"sourcesContent":["<template>\n    <CSSAnimation\n        v-if=\"shouldRender\"\n        :motion=\"motion\"\n        :animationState=\"visible ? 'enter' : 'leave'\"\n        :startClassName=\"visible ? `${prefixCls}-content-animate-show` : `${prefixCls}-content-animate-hide`\"\n        @animation-end=\"handleContentAnimationEnd\"\n    >\n        <template #default=\"{ animationClassName, animationEventsNeedBind }\">\n            <CSSAnimation\n                :motion=\"motion\"\n                :animationState=\"visible ? 'enter' : 'leave'\"\n                :startClassName=\"visible ? `${prefixCls}-mask-animate-show` : `${prefixCls}-mask-animate-hide`\"\n                @animation-end=\"handleMaskAnimationEnd\"\n            >\n                <template\n                    #default=\"{\n                        animationClassName: maskAnimationClassName,\n                        animationEventsNeedBind: maskAnimationEventsNeedBind,\n                    }\"\n                >\n                    <Portal :style=\"wrapperStyle\" :getPopupContainer=\"getPopupContainer\">\n                        <ModalContent\n                            v-bind=\"contentProps\"\n                            :contentClassName=\"`${animationClassName} ${modalContentClass || ''}`\"\n                            :maskClassName=\"maskAnimationClassName\"\n                            :contentExtraProps=\"animationEventsNeedBind\"\n                            :maskExtraProps=\"maskAnimationEventsNeedBind\"\n                            :isFullScreen=\"isFullScreen\"\n                            :footer=\"renderFooter\"\n                            :modalRender=\"props.modalRender\"\n                            @close=\"handleCancel\"\n                        >\n                            <slot></slot>\n                        </ModalContent>\n                    </Portal>\n                </template>\n            </CSSAnimation>\n        </template>\n    </CSSAnimation>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted, onBeforeUnmount, h } from 'vue';\nimport classNames from 'classnames';\nimport { omit } from 'lodash-es';\nimport { cssClasses } from '@douyinfe/semi-foundation/modal/constants';\nimport type { ModalProps, ModalState } from './interface';\nimport { useFoundation } from '../_utils';\nimport ModalFoundation, { ModalAdapter } from '@douyinfe/semi-foundation/modal/modalFoundation';\nimport ModalContent from './ModalContent.vue';\nimport Portal from '../_portal/Portal.vue';\nimport CSSAnimation from '../_cssAnimation/index.vue';\nimport Button from '../button/Button.vue';\n\nconst prefixCls = cssClasses.DIALOG;\n\nconst props = withDefaults(defineProps<ModalProps>(), {\n    zIndex: 1000,\n    motion: true,\n    mask: true,\n    centered: false,\n    closable: true,\n    visible: false,\n    okType: 'primary',\n    maskClosable: true,\n    hasCancel: true,\n    maskFixed: false,\n    closeOnEsc: true,\n    size: 'small',\n    keepDOM: false,\n    lazyRender: true,\n    fullScreen: false,\n});\n\nconst emit = defineEmits<{\n    cancel: [e: MouseEvent];\n    ok: [e: MouseEvent];\n    'update:visible': [visible: boolean];\n}>();\n\nconst state = ref<ModalState>({\n    displayNone: !props.visible,\n    isFullScreen: props.fullScreen,\n    onOKReturnPromiseStatus: undefined,\n    onCancelReturnPromiseStatus: undefined,\n});\n\nconst bodyOverflow = ref<string | null>(null);\nconst scrollBarWidth = ref(0);\nconst originBodyWidth = ref('100%');\nconst haveRendered = ref(false);\n\nconst getScrollbarWidth = () => {\n    const scrollDiv = document.createElement('div');\n    scrollDiv.style.cssText = 'width: 99px; height: 99px; overflow: scroll; position: absolute; top: -9999px;';\n    document.body.appendChild(scrollDiv);\n    const scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;\n    document.body.removeChild(scrollDiv);\n    return scrollbarWidth;\n};\n\nconst adapter: ModalAdapter = {\n    disabledBodyScroll: () => {\n        const { getPopupContainer } = props;\n        bodyOverflow.value = document.body.style.overflow || '';\n        if ((!getPopupContainer || getPopupContainer() === document.body) && bodyOverflow.value !== 'hidden') {\n            document.body.style.overflow = 'hidden';\n            document.body.style.width = `calc(${originBodyWidth.value || '100%'} - ${scrollBarWidth.value}px)`;\n        }\n    },\n    enabledBodyScroll: () => {\n        const { getPopupContainer } = props;\n        if (\n            (!getPopupContainer || getPopupContainer() === document.body) &&\n            bodyOverflow.value !== null &&\n            bodyOverflow.value !== 'hidden'\n        ) {\n            document.body.style.overflow = bodyOverflow.value;\n            document.body.style.width = originBodyWidth.value;\n        }\n    },\n    notifyCancel: (e: MouseEvent) => {\n        emit('cancel', e);\n        return props.onCancel?.(e);\n    },\n    notifyOk: (e: MouseEvent) => {\n        emit('ok', e);\n        return props.onOk?.(e);\n    },\n    notifyClose: () => {\n        props.afterClose?.();\n    },\n    toggleDisplayNone: (displayNone: boolean, callback?: (displayNone: boolean) => void) => {\n        if (displayNone !== state.value.displayNone) {\n            state.value.displayNone = displayNone;\n            callback?.(displayNone);\n        }\n    },\n    notifyFullScreen: (isFullScreen: boolean) => {\n        if (isFullScreen !== state.value.isFullScreen) {\n            state.value.isFullScreen = isFullScreen;\n        }\n    },\n    getProps: () => props,\n    getProp: (key: string) => (props as any)[key],\n    getState: (key: string) => (state.value as any)[key],\n    getStates: () => state.value,\n    setState: (newState: Partial<ModalState>) => {\n        Object.assign(state.value, newState);\n    },\n    getContext: () => undefined,\n    getContexts: () => ({}),\n    getCache: () => undefined,\n    getCaches: () => ({}),\n    setCache: () => {},\n    stopPropagation: (e: any) => e?.stopPropagation?.(),\n    persistEvent: () => {},\n};\n\nconst { foundation } = useFoundation(ModalFoundation as any, adapter as any);\nconst modalFoundation = foundation as ModalFoundation;\n\nconst handleCancel = (e: MouseEvent) => {\n    modalFoundation.handleCancel(e);\n    emit('update:visible', false);\n};\n\nconst handleOk = (e: MouseEvent) => {\n    modalFoundation.handleOk(e);\n};\n\nconst handleContentAnimationEnd = () => {\n    updateState();\n};\n\nconst handleMaskAnimationEnd = () => {\n    updateState();\n};\n\nconst updateState = () => {\n    const { visible } = props;\n    modalFoundation.toggleDisplayNone(!visible);\n};\n\nconst renderFooter = computed(() => {\n    if (props.footer !== undefined && props.footer !== null) {\n        return props.footer;\n    }\n    const cancelButton = props.hasCancel\n        ? h(\n              Button,\n              {\n                  'aria-label': 'cancel',\n                  onClick: handleCancel,\n                  loading:\n                      props.cancelLoading === undefined\n                          ? state.value.onCancelReturnPromiseStatus === 'pending'\n                          : props.cancelLoading,\n                  type: 'tertiary',\n                  block: props.footerFill,\n                  autoFocus: true,\n                  ...props.cancelButtonProps,\n                  style: {\n                      ...(props.footerFill ? { marginLeft: 'unset' } : {}),\n                      ...props.cancelButtonProps?.style,\n                  },\n              },\n              { default: () => props.cancelText || '取消' }\n          )\n        : null;\n\n    const okButton = h(\n        Button,\n        {\n            'aria-label': 'confirm',\n            type: props.okType,\n            theme: 'solid',\n            block: props.footerFill,\n            loading:\n                props.confirmLoading === undefined\n                    ? state.value.onOKReturnPromiseStatus === 'pending'\n                    : props.confirmLoading,\n            onClick: handleOk,\n            ...props.okButtonProps,\n        },\n        { default: () => props.okText || '确定' }\n    );\n\n    return h(\n        'div',\n        {\n            class: classNames({\n                [`${prefixCls}-footerfill`]: props.footerFill,\n            }),\n        },\n        [cancelButton, okButton].filter(Boolean)\n    );\n});\n\nconst isFullScreen = computed(() => state.value.isFullScreen);\nconst visible = computed(() => props.visible);\n\nconst shouldRender = computed(() => {\n    return (\n        props.visible ||\n        (props.keepDOM && (!props.lazyRender || haveRendered.value)) ||\n        (props.motion && !state.value.displayNone)\n    );\n});\n\nconst wrapperStyle = computed(() => {\n    const style: any = { zIndex: props.zIndex };\n    if (props.getPopupContainer && props.getPopupContainer() !== document.body) {\n        style.position = 'static';\n    }\n    return style;\n});\n\nconst classList = computed(() => {\n    return classNames(props.className, {\n        [`${prefixCls}-displayNone`]: props.keepDOM && state.value.displayNone,\n    });\n});\n\nconst contentProps = computed(() => {\n    const excludedProps = [\n        'footer',\n        'motion',\n        'keepDOM',\n        'zIndex',\n        'getPopupContainer',\n        'visible',\n        'modalContentClass',\n        'modalRender',\n        'afterClose',\n        'cancelButtonProps',\n        'cancelText',\n        'confirmLoading',\n        'cancelLoading',\n        'hasCancel',\n        'okButtonProps',\n        'okText',\n        'okType',\n        'onCancel',\n        'onOk',\n        'fullScreen',\n        'preventScroll',\n        'footerFill',\n        'lazyRender',\n    ];\n    return {\n        ...omit(props, excludedProps),\n        className: classList.value,\n    };\n});\n\nwatch(\n    () => props.fullScreen,\n    (newVal) => {\n        if (newVal !== state.value.isFullScreen) {\n            state.value.isFullScreen = newVal;\n        }\n    }\n);\n\nwatch(\n    () => props.visible,\n    (newVal, oldVal) => {\n        if (newVal && state.value.displayNone) {\n            state.value.displayNone = false;\n        }\n\n        if (!oldVal && newVal) {\n            modalFoundation.beforeShow();\n        }\n    }\n);\n\nwatch(\n    () => state.value.displayNone,\n    (newVal, oldVal) => {\n        if (!oldVal && newVal) {\n            modalFoundation.afterHide();\n        }\n    }\n);\n\nonMounted(() => {\n    scrollBarWidth.value = getScrollbarWidth();\n    originBodyWidth.value = document.body.style.width;\n\n    if (props.visible) {\n        modalFoundation.beforeShow();\n    }\n});\n\nonBeforeUnmount(() => {\n    if (props.visible) {\n        modalFoundation.destroy();\n    } else {\n        modalFoundation.enabledBodyScroll();\n    }\n});\n\nwatch(shouldRender, (newVal) => {\n    if (newVal) {\n        haveRendered.value = true;\n    }\n});\n</script>\n"],"names":["prefixCls","cssClasses","props","__props","emit","__emit","state","ref","bodyOverflow","scrollBarWidth","originBodyWidth","haveRendered","getScrollbarWidth","scrollDiv","scrollbarWidth","adapter","getPopupContainer","_a","displayNone","callback","isFullScreen","key","newState","foundation","useFoundation","ModalFoundation","modalFoundation","handleCancel","handleOk","handleContentAnimationEnd","updateState","handleMaskAnimationEnd","visible","renderFooter","computed","cancelButton","h","Button","okButton","classNames","shouldRender","wrapperStyle","style","classList","contentProps","omit","watch","newVal","oldVal","onMounted","onBeforeUnmount","_createBlock","CSSAnimation","_unref","_withCtx","animationClassName","animationEventsNeedBind","_createVNode","maskAnimationClassName","maskAnimationEventsNeedBind","Portal","ModalContent","_mergeProps","_renderSlot","_ctx"],"mappings":"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"}

package/lib/es/components/modal/ModalContent.vue.js

@@ -0,0 +1,258 @@
+import { defineComponent as _, useSlots as G, ref as $, onMounted as b, computed as a, h as l, onBeforeUnmount as q, createElementBlock as E, openBlock as h, mergeProps as v, createCommentVNode as J, createElementVNode as x, normalizeStyle as Q, normalizeClass as X, createBlock as Y, resolveDynamicComponent as Z, nextTick as ee } from "vue";
+import d from "classnames";
+import { get as te } from "lodash-es";
+import { cssClasses as oe } from "@douyinfe/semi-foundation/modal/constants";
+import ne from "../button/Button.vue.js";
+import se from "../typography/index.js";
+import le from "@douyinfe/semi-foundation/modal/modalContentFoundation";
+import { useFoundation as ae } from "../../_utils/useFoundation.js";
+import re from "../icons/icons/IconClose.js";
+const ye = /* @__PURE__ */ _({
+  inheritAttrs: !1,
+  __name: "ModalContent",
+  props: {
+    title: {},
+    content: {},
+    icon: {},
+    header: {},
+    footer: {},
+    closable: { type: Boolean, default: !0 },
+    closeIcon: {},
+    closeOnEsc: { type: Boolean, default: !0 },
+    bodyStyle: {},
+    className: {},
+    contentClassName: {},
+    maskClassName: {},
+    style: {},
+    maskStyle: {},
+    width: {},
+    height: {},
+    centered: { type: Boolean, default: !1 },
+    mask: { type: Boolean, default: !0 },
+    maskClosable: { type: Boolean, default: !0 },
+    maskFixed: { type: Boolean, default: !1 },
+    size: {},
+    isFullScreen: { type: Boolean },
+    direction: {},
+    getPopupContainer: {},
+    contentExtraProps: {},
+    maskExtraProps: {},
+    modalRender: {},
+    onAnimationEnd: {}
+  },
+  emits: ["close"],
+  setup(m, { emit: D }) {
+    const o = oe.DIALOG, t = m, M = D, p = G(), f = $(), s = $({
+      dialogMouseDown: !1,
+      prevFocusElement: null
+    });
+    b(() => {
+      s.value.prevFocusElement = document.activeElement;
+    });
+    const F = {
+      notifyClose: (e) => {
+        M("close", e);
+      },
+      notifyDialogMouseDown: () => {
+        s.value.dialogMouseDown = !0;
+      },
+      notifyDialogMouseUp: () => {
+        s.value.dialogMouseDown && setTimeout(() => {
+          s.value.dialogMouseDown = !1;
+        }, 0);
+      },
+      addKeyDownEventListener: () => {
+        t.closeOnEsc && document.addEventListener("keydown", y);
+      },
+      removeKeyDownEventListener: () => {
+        t.closeOnEsc && document.removeEventListener("keydown", y);
+      },
+      getMouseState: () => s.value.dialogMouseDown,
+      modalDialogFocus: () => {
+        ee(() => {
+          var e;
+          (e = f.value) == null || e.focus({ preventScroll: !0 });
+        });
+      },
+      modalDialogBlur: () => {
+        var e;
+        (e = f.value) == null || e.blur();
+      },
+      prevFocusElementReFocus: () => {
+        s.value.prevFocusElement && typeof s.value.prevFocusElement.focus == "function" && s.value.prevFocusElement.focus({ preventScroll: !0 });
+      },
+      getState: (e) => s.value[e],
+      getStates: () => s.value,
+      setState: (e) => {
+        Object.assign(s.value, e);
+      },
+      getContext: () => {
+      },
+      getContexts: () => ({}),
+      getProp: (e) => t[e],
+      getProps: () => t,
+      getCache: () => {
+      },
+      getCaches: () => ({}),
+      setCache: () => {
+      },
+      stopPropagation: (e) => {
+        var n;
+        return (n = e == null ? void 0 : e.stopPropagation) == null ? void 0 : n.call(e);
+      },
+      persistEvent: () => {
+      }
+    }, { foundation: S } = ae(le, F), r = S, y = (e) => {
+      r.handleKeyDown(e);
+    }, B = () => {
+      t.maskClosable && r.handleMaskMouseUp();
+    }, P = (e) => {
+      t.maskClosable && r.handleMaskClick(e);
+    }, N = () => {
+      r.handleDialogMouseDown();
+    }, z = (e) => {
+      r.close(e);
+    }, g = () => {
+      const { closable: e, closeIcon: n } = t;
+      if (!e)
+        return null;
+      const i = n || l(re);
+      return l(ne, {
+        key: "close-btn",
+        onClick: z,
+        type: "tertiary",
+        icon: i,
+        theme: "borderless",
+        size: "small",
+        className: `${o}-close`,
+        "aria-label": "Close"
+      });
+    }, C = () => {
+      const { icon: e } = t;
+      return e ? l("span", { class: `${o}-icon-wrapper`, "x-semi-prop": "icon" }, [e]) : null;
+    }, A = () => {
+      if (t.header !== void 0 && t.header !== null)
+        return t.header;
+      const { title: e } = t;
+      if (e == null)
+        return null;
+      const n = g(), u = [
+        C(),
+        l(
+          se.Title,
+          {
+            heading: 5,
+            className: `${o}-title`,
+            id: `${o}-title`,
+            "x-semi-prop": "title"
+          },
+          { default: () => e }
+        ),
+        n
+      ].filter((c) => c !== null);
+      return l("div", { class: `${o}-header` }, u);
+    }, I = () => {
+      var w;
+      const { bodyStyle: e, title: n } = t, i = d(`${o}-body`, {
+        [`${o}-withIcon`]: t.icon
+      }), u = g(), c = C(), W = n != null || t.header !== void 0 && t.header !== null, k = (w = p.default) == null ? void 0 : w.call(p);
+      return W ? l(
+        "div",
+        {
+          class: i,
+          id: `${o}-body`,
+          style: e,
+          "x-semi-prop": "children"
+        },
+        k
+      ) : l("div", { class: `${o}-body-wrapper` }, [
+        c,
+        l(
+          "div",
+          {
+            class: i,
+            style: e,
+            "x-semi-prop": "children"
+          },
+          k
+        ),
+        u
+      ]);
+    }, O = () => {
+      const { footer: e } = t;
+      return e ? l("div", { class: `${o}-footer`, "x-semi-prop": "footer" }, [e]) : null;
+    }, T = a(() => {
+      const e = d(`${o}-content`, t.contentClassName, {
+        [`${o}-content-fullScreen`]: t.isFullScreen,
+        [`${o}-content-height-set`]: t.height || te(t.style, "height")
+      }), n = A(), i = I(), u = O(), c = l(
+        "div",
+        {
+          role: "dialog",
+          ref: f,
+          "aria-modal": "true",
+          "aria-labelledby": `${o}-title`,
+          "aria-describedby": `${o}-body`,
+          class: e,
+          onAnimationEnd: t.onAnimationEnd
+        },
+        [n, i, u]
+      );
+      return t.modalRender ? t.modalRender(c) : c;
+    }), L = a(() => {
+      var n;
+      const { direction: e } = t;
+      return d(t.className, {
+        [`${o}-popup`]: t.getPopupContainer && t.getPopupContainer() !== ((n = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : n.body) && !t.maskFixed,
+        [`${o}-fixed`]: t.maskFixed,
+        [`${o}-rtl`]: e === "rtl"
+      });
+    }), R = a(() => d({
+      [`${o}-wrap`]: !0,
+      [`${o}-wrap-center`]: t.centered
+    })), K = a(() => d(`${o}-mask`, t.maskClassName, {
+      [`${o}-mask-fixed`]: t.maskFixed
+    })), U = a(() => d(o, {
+      [`${o}-centered`]: t.centered,
+      [`${o}-${t.size}`]: t.size
+    })), j = a(() => {
+      const e = { ...t.style };
+      return t.width && (e.width = typeof t.width == "number" ? `${t.width}px` : t.width), t.height && (e.height = typeof t.height == "number" ? `${t.height}px` : t.height), t.isFullScreen && (e.width = "100%", e.height = "100%", e.margin = "unset"), e;
+    }), H = a(() => t.maskStyle || {}), V = a(() => {
+      const e = {};
+      return Object.keys(t).forEach((n) => {
+        (n.startsWith("data-") || n.startsWith("aria-")) && (e[n] = t[n]);
+      }), e;
+    });
+    return b(() => {
+      r.modalDialogFocus();
+    }), q(() => {
+      r.destroy();
+    }), (e, n) => (h(), E("div", v({ class: L.value }, V.value), [
+      m.mask ? (h(), E("div", v({
+        key: 0,
+        class: K.value,
+        style: H.value
+      }, m.maskExtraProps), null, 16)) : J("", !0),
+      x("div", v({
+        role: "none",
+        class: R.value
+      }, m.contentExtraProps, {
+        onClick: P,
+        onMouseup: B
+      }), [
+        x("div", {
+          class: X(U.value),
+          style: Q(j.value),
+          onMousedown: N
+        }, [
+          (h(), Y(Z(T.value)))
+        ], 38)
+      ], 16)
+    ], 16));
+  }
+});
+export {
+  ye as default
+};
+//# sourceMappingURL=ModalContent.vue.js.map

package/lib/es/components/modal/ModalContent.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContent.vue.js","sources":["../../../../src/components/modal/ModalContent.vue"],"sourcesContent":["<template>\n    <div :class=\"rootCls\" v-bind=\"dataAttrs\">\n        <div v-if=\"mask\" :class=\"maskCls\" :style=\"maskStyle\" v-bind=\"maskExtraProps\"></div>\n\n        <div\n            role=\"none\"\n            :class=\"wrapperCls\"\n            v-bind=\"contentExtraProps\"\n            @click=\"handleMaskClick\"\n            @mouseup=\"handleMaskMouseUp\"\n        >\n            <div :class=\"dialogCls\" :style=\"dialogStyle\" @mousedown=\"handleDialogMouseDown\">\n                <component :is=\"modalContentElement\" />\n            </div>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onBeforeUnmount, nextTick, h, useSlots, type VNode } from 'vue';\nimport classNames from 'classnames';\nimport { get } from 'lodash-es';\nimport { cssClasses } from '@douyinfe/semi-foundation/modal/constants';\nimport { IconClose } from '../icons';\nimport Button from '../button/Button.vue';\nimport Typography from '../typography';\nimport type { ModalContentProps } from './interface';\nimport { useFoundation } from '../_utils';\nimport ModalContentFoundation, { ModalContentAdapter } from '@douyinfe/semi-foundation/modal/modalContentFoundation';\n\ndefineOptions({ inheritAttrs: false });\n\nconst prefixCls = cssClasses.DIALOG;\n\nconst props = withDefaults(defineProps<ModalContentProps>(), {\n    closable: true,\n    mask: true,\n    maskClosable: true,\n    centered: false,\n    maskFixed: false,\n    closeOnEsc: true,\n});\n\nconst emit = defineEmits<{\n    close: [e: MouseEvent];\n}>();\n\nconst slots = useSlots();\n\nconst modalDialogRef = ref<HTMLDivElement>();\n\nconst state = ref<{ dialogMouseDown: boolean; prevFocusElement: HTMLElement | null }>({\n    dialogMouseDown: false,\n    prevFocusElement: null,\n});\n\nonMounted(() => {\n    state.value.prevFocusElement = document.activeElement as HTMLElement;\n});\n\nconst adapter: ModalContentAdapter = {\n    notifyClose: (e: MouseEvent) => {\n        emit('close', e);\n    },\n    notifyDialogMouseDown: () => {\n        state.value.dialogMouseDown = true;\n    },\n    notifyDialogMouseUp: () => {\n        if (state.value.dialogMouseDown) {\n            setTimeout(() => {\n                state.value.dialogMouseDown = false;\n            }, 0);\n        }\n    },\n    addKeyDownEventListener: () => {\n        if (props.closeOnEsc) {\n            document.addEventListener('keydown', handleKeyDown);\n        }\n    },\n    removeKeyDownEventListener: () => {\n        if (props.closeOnEsc) {\n            document.removeEventListener('keydown', handleKeyDown);\n        }\n    },\n    getMouseState: () => state.value.dialogMouseDown,\n    modalDialogFocus: () => {\n        nextTick(() => {\n            modalDialogRef.value?.focus({ preventScroll: true });\n        });\n    },\n    modalDialogBlur: () => {\n        modalDialogRef.value?.blur();\n    },\n    prevFocusElementReFocus: () => {\n        if (state.value.prevFocusElement && typeof state.value.prevFocusElement.focus === 'function') {\n            state.value.prevFocusElement.focus({ preventScroll: true });\n        }\n    },\n    getState: (key: string) => (state.value as any)[key],\n    getStates: () => state.value,\n    setState: (newState: Partial<typeof state.value>) => {\n        Object.assign(state.value, newState);\n    },\n    getContext: () => undefined,\n    getContexts: () => ({}),\n    getProp: (key: string) => (props as any)[key],\n    getProps: () => props as any,\n    getCache: () => undefined,\n    getCaches: () => ({}),\n    setCache: () => {},\n    stopPropagation: (e: any) => e?.stopPropagation?.(),\n    persistEvent: () => {},\n};\n\nconst { foundation } = useFoundation(ModalContentFoundation as any, adapter as any);\nconst modalContentFoundation = foundation as ModalContentFoundation;\n\nconst handleKeyDown = (e: KeyboardEvent) => {\n    modalContentFoundation.handleKeyDown(e);\n};\n\nconst handleMaskMouseUp = () => {\n    if (props.maskClosable) {\n        modalContentFoundation.handleMaskMouseUp();\n    }\n};\n\nconst handleMaskClick = (e: MouseEvent) => {\n    if (props.maskClosable) {\n        modalContentFoundation.handleMaskClick(e);\n    }\n};\n\nconst handleDialogMouseDown = () => {\n    modalContentFoundation.handleDialogMouseDown();\n};\n\nconst handleClose = (e: MouseEvent) => {\n    modalContentFoundation.close(e);\n};\n\nconst renderCloseBtn = (): VNode | null => {\n    const { closable, closeIcon } = props;\n    if (!closable) {\n        return null;\n    }\n    const iconType = closeIcon || h(IconClose);\n    return h(Button, {\n        key: 'close-btn',\n        onClick: handleClose,\n        type: 'tertiary',\n        icon: iconType,\n        theme: 'borderless',\n        size: 'small',\n        className: `${prefixCls}-close`,\n        'aria-label': 'Close',\n    });\n};\n\nconst renderIcon = (): VNode | null => {\n    const { icon } = props;\n    return icon ? h('span', { class: `${prefixCls}-icon-wrapper`, 'x-semi-prop': 'icon' }, [icon]) : null;\n};\n\nconst renderHeader = (): VNode | null => {\n    if (props.header !== undefined && props.header !== null) {\n        return props.header as any;\n    }\n    const { title } = props;\n\n    if (title === null || title === undefined) {\n        return null;\n    }\n\n    const closer = renderCloseBtn();\n    const icon = renderIcon();\n\n    const headerChildren = [\n        icon,\n        h(\n            Typography.Title,\n            {\n                heading: 5,\n                className: `${prefixCls}-title`,\n                id: `${prefixCls}-title`,\n                'x-semi-prop': 'title',\n            },\n            { default: () => title }\n        ),\n        closer,\n    ].filter((child) => child !== null);\n\n    return h('div', { class: `${prefixCls}-header` }, headerChildren);\n};\n\nconst renderBody = (): VNode => {\n    const { bodyStyle, title } = props;\n    const bodyCls = classNames(`${prefixCls}-body`, {\n        [`${prefixCls}-withIcon`]: props.icon,\n    });\n    const closer = renderCloseBtn();\n    const icon = renderIcon();\n    const hasHeader = (title !== null && title !== undefined) || (props.header !== undefined && props.header !== null);\n    const children = slots.default?.();\n\n    if (hasHeader) {\n        return h(\n            'div',\n            {\n                class: bodyCls,\n                id: `${prefixCls}-body`,\n                style: bodyStyle,\n                'x-semi-prop': 'children',\n            },\n            children\n        );\n    } else {\n        return h('div', { class: `${prefixCls}-body-wrapper` }, [\n            icon,\n            h(\n                'div',\n                {\n                    class: bodyCls,\n                    style: bodyStyle,\n                    'x-semi-prop': 'children',\n                },\n                children\n            ),\n            closer,\n        ]);\n    }\n};\n\nconst renderFooter = (): VNode | null => {\n    const { footer } = props;\n    return footer ? h('div', { class: `${prefixCls}-footer`, 'x-semi-prop': 'footer' }, [footer]) : null;\n};\n\nconst modalContentElement = computed((): VNode => {\n    const contentCls = classNames(`${prefixCls}-content`, props.contentClassName, {\n        [`${prefixCls}-content-fullScreen`]: props.isFullScreen,\n        [`${prefixCls}-content-height-set`]: props.height || get(props.style, 'height'),\n    });\n\n    const header = renderHeader();\n    const body = renderBody();\n    const footer = renderFooter();\n\n    const contentElement = h(\n        'div',\n        {\n            role: 'dialog',\n            ref: modalDialogRef,\n            'aria-modal': 'true',\n            'aria-labelledby': `${prefixCls}-title`,\n            'aria-describedby': `${prefixCls}-body`,\n            class: contentCls,\n            onAnimationEnd: props.onAnimationEnd,\n        },\n        [header, body, footer]\n    );\n\n    if (props.modalRender) {\n        return props.modalRender(contentElement) as VNode;\n    }\n\n    return contentElement;\n});\n\nconst rootCls = computed(() => {\n    const { direction } = props;\n    return classNames(props.className, {\n        [`${prefixCls}-popup`]:\n            props.getPopupContainer && props.getPopupContainer() !== globalThis?.document?.body && !props.maskFixed,\n        [`${prefixCls}-fixed`]: props.maskFixed,\n        [`${prefixCls}-rtl`]: direction === 'rtl',\n    });\n});\n\nconst wrapperCls = computed(() => {\n    return classNames({\n        [`${prefixCls}-wrap`]: true,\n        [`${prefixCls}-wrap-center`]: props.centered,\n    });\n});\n\nconst maskCls = computed(() => {\n    return classNames(`${prefixCls}-mask`, props.maskClassName, {\n        [`${prefixCls}-mask-fixed`]: props.maskFixed,\n    });\n});\n\nconst dialogCls = computed(() => {\n    return classNames(prefixCls, {\n        [`${prefixCls}-centered`]: props.centered,\n        [`${prefixCls}-${props.size}`]: props.size,\n    });\n});\n\nconst dialogStyle = computed(() => {\n    const style: any = { ...props.style };\n    if (props.width) {\n        style.width = typeof props.width === 'number' ? `${props.width}px` : props.width;\n    }\n    if (props.height) {\n        style.height = typeof props.height === 'number' ? `${props.height}px` : props.height;\n    }\n    if (props.isFullScreen) {\n        style.width = '100%';\n        style.height = '100%';\n        style.margin = 'unset';\n    }\n    return style;\n});\n\nconst maskStyle = computed(() => props.maskStyle || {});\n\nconst dataAttrs = computed(() => {\n    const attrs: Record<string, any> = {};\n    Object.keys(props).forEach((key) => {\n        if (key.startsWith('data-') || key.startsWith('aria-')) {\n            attrs[key] = (props as any)[key];\n        }\n    });\n    return attrs;\n});\n\nonMounted(() => {\n    modalContentFoundation.modalDialogFocus();\n});\n\nonBeforeUnmount(() => {\n    modalContentFoundation.destroy();\n});\n</script>\n"],"names":["prefixCls","cssClasses","props","__props","emit","__emit","slots","useSlots","modalDialogRef","ref","state","onMounted","adapter","handleKeyDown","nextTick","_a","key","newState","foundation","useFoundation","ModalContentFoundation","modalContentFoundation","handleMaskMouseUp","handleMaskClick","handleDialogMouseDown","handleClose","renderCloseBtn","closable","closeIcon","iconType","h","IconClose","Button","renderIcon","icon","renderHeader","title","closer","headerChildren","Typography","child","renderBody","bodyStyle","bodyCls","classNames","hasHeader","children","renderFooter","footer","modalContentElement","computed","contentCls","get","header","body","contentElement","rootCls","direction","wrapperCls","maskCls","dialogCls","dialogStyle","style","maskStyle","dataAttrs","attrs","onBeforeUnmount","_openBlock","_createElementBlock","_mergeProps","_createElementVNode","_createBlock","_resolveDynamicComponent"],"mappings":"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"}

package/lib/es/components/modal/confirm.js

@@ -0,0 +1,112 @@
+import { createApp as h, h as e } from "vue";
+import { omit as y } from "lodash-es";
+import C from "./ConfirmModal.vue.js";
+import w from "../icons/icons/IconInfoCircle.js";
+import I from "../icons/icons/IconTickCircle.js";
+import g from "../icons/icons/IconAlertCircle.js";
+import E from "../icons/icons/IconAlertTriangle.js";
+import v from "../icons/icons/IconHelpCircle.js";
+const s = [];
+function N(n) {
+  const i = document.createElement("div");
+  document.body.appendChild(i);
+  let r = { ...n, visible: !0 }, o = null, u = !1;
+  const m = () => {
+    if (u)
+      return;
+    u = !0, o && (o.unmount(), o = null), i.parentNode && i.parentNode.removeChild(i);
+    const t = s.indexOf(l);
+    t !== -1 && s.splice(t, 1);
+  };
+  function f(t) {
+    const { afterClose: a } = t;
+    if (u)
+      return;
+    o && (o.unmount(), o = null);
+    const p = {
+      ...t,
+      afterClose: () => {
+        u || (a == null || a(), setTimeout(() => m(), 0));
+      }
+    };
+    try {
+      o = h({
+        render() {
+          try {
+            return e(C, p);
+          } catch (c) {
+            throw console.error("[Modal] Error in render function:", c), c;
+          }
+        }
+      }), o.mount(i);
+    } catch (c) {
+      throw console.error("[Modal] Error mounting app:", c), c;
+    }
+  }
+  function l() {
+    r = {
+      ...r,
+      visible: !1
+    }, f(r);
+  }
+  function d(t) {
+    r = {
+      ...r,
+      ...t
+    }, f(r);
+  }
+  return f(r), s.push(l), {
+    destroy: l,
+    update: d
+  };
+}
+function _(n) {
+  return {
+    ...n,
+    type: "info",
+    icon: n.icon || e(w),
+    hasCancel: !1
+  };
+}
+function D(n) {
+  return {
+    ...n,
+    type: "success",
+    icon: n.icon || e(I),
+    hasCancel: !1
+  };
+}
+function F(n) {
+  return {
+    ...n,
+    type: "warning",
+    icon: n.icon || e(E),
+    hasCancel: !1
+  };
+}
+function H(n) {
+  return {
+    ...y(n, ["okButtonProps"]),
+    type: "error",
+    icon: n.icon || e(g),
+    hasCancel: !1,
+    okButtonProps: { type: "danger", ...n.okButtonProps }
+  };
+}
+function O(n) {
+  return {
+    ...n,
+    type: "confirm",
+    icon: n.icon || e(v)
+  };
+}
+export {
+  N as default,
+  s as destroyFns,
+  O as withConfirm,
+  H as withError,
+  _ as withInfo,
+  D as withSuccess,
+  F as withWarning
+};
+//# sourceMappingURL=confirm.js.map

package/lib/es/components/modal/confirm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm.js","sources":["../../../../src/components/modal/confirm.ts"],"sourcesContent":["import { h, createApp, type Component } from 'vue';\nimport { omit } from 'lodash-es';\nimport ConfirmModal from './ConfirmModal.vue';\nimport type { ModalProps } from './interface';\nimport { IconAlertCircle, IconAlertTriangle, IconHelpCircle, IconInfoCircle, IconTickCircle } from '../icons';\n\nexport interface ConfirmProps extends ModalProps {\n    type: 'success' | 'info' | 'warning' | 'error' | 'confirm';\n}\n\nexport const destroyFns: Array<() => void> = [];\n\nexport default function confirm<T = any>(props: ConfirmProps) {\n    const div = document.createElement('div');\n    document.body.appendChild(div);\n\n    let currentConfig = { ...props, visible: true };\n    let appInstance: any = null;\n    let isDestroyed = false;\n\n    const destroy = () => {\n        if (isDestroyed) {\n            return;\n        }\n        isDestroyed = true;\n\n        if (appInstance) {\n            appInstance.unmount();\n            appInstance = null;\n        }\n\n        if (div.parentNode) {\n            div.parentNode.removeChild(div);\n        }\n\n        const index = destroyFns.indexOf(close);\n        if (index !== -1) {\n            destroyFns.splice(index, 1);\n        }\n    };\n\n    function renderModal(renderProps: ConfirmProps) {\n        const { afterClose } = renderProps;\n\n        if (isDestroyed) {\n            return;\n        }\n\n        if (appInstance) {\n            appInstance.unmount();\n            appInstance = null;\n        }\n\n        const componentProps = {\n            ...renderProps,\n            afterClose: () => {\n                if (!isDestroyed) {\n                    afterClose?.();\n                    // 使用 setTimeout 延迟销毁，避免在 afterClose 回调中立即销毁导致栈溢出\n                    setTimeout(() => destroy(), 0);\n                }\n            },\n        };\n\n        try {\n            appInstance = createApp({\n                render() {\n                    try {\n                        return h(ConfirmModal as Component, componentProps);\n                    } catch (renderError) {\n                        console.error('[Modal] Error in render function:', renderError);\n                        throw renderError;\n                    }\n                },\n            });\n\n            appInstance.mount(div);\n        } catch (mountError) {\n            console.error('[Modal] Error mounting app:', mountError);\n            throw mountError;\n        }\n    }\n\n    function close() {\n        currentConfig = {\n            ...currentConfig,\n            visible: false,\n        };\n        renderModal(currentConfig);\n    }\n\n    function update(\n        newConfig: T extends { type: Exclude<ConfirmProps['type'], 'confirm'> } ? ModalProps : ConfirmProps\n    ) {\n        currentConfig = {\n            ...currentConfig,\n            ...newConfig,\n        };\n        renderModal(currentConfig);\n    }\n\n    renderModal(currentConfig);\n    destroyFns.push(close);\n\n    return {\n        destroy: close,\n        update,\n    };\n}\n\nexport function withInfo(props: ModalProps) {\n    return {\n        ...props,\n        type: 'info' as const,\n        icon: props.icon || h(IconInfoCircle),\n        hasCancel: false,\n    };\n}\n\nexport function withSuccess(props: ModalProps) {\n    return {\n        ...props,\n        type: 'success' as const,\n        icon: props.icon || h(IconTickCircle),\n        hasCancel: false,\n    };\n}\n\nexport function withWarning(props: ModalProps) {\n    return {\n        ...props,\n        type: 'warning' as const,\n        icon: props.icon || h(IconAlertTriangle),\n        hasCancel: false,\n    };\n}\n\nexport function withError(props: ModalProps) {\n    return {\n        ...omit(props, ['okButtonProps']),\n        type: 'error' as const,\n        icon: props.icon || h(IconAlertCircle),\n        hasCancel: false,\n        okButtonProps: { type: 'danger' as const, ...props.okButtonProps },\n    };\n}\n\nexport function withConfirm(props: ModalProps) {\n    return {\n        ...props,\n        type: 'confirm' as const,\n        icon: props.icon || h(IconHelpCircle),\n    };\n}\n"],"names":["destroyFns","confirm","props","div","currentConfig","appInstance","isDestroyed","destroy","index","close","renderModal","renderProps","afterClose","componentProps","createApp","h","ConfirmModal","renderError","mountError","update","newConfig","withInfo","IconInfoCircle","withSuccess","IconTickCircle","withWarning","IconAlertTriangle","withError","omit","IconAlertCircle","withConfirm","IconHelpCircle"],"mappings":";;;;;;;;AAUO,MAAMA,IAAgC,CAAA;AAE7C,SAAwBC,EAAiBC,GAAqB;AAC1D,QAAMC,IAAM,SAAS,cAAc,KAAK;AACxC,WAAS,KAAK,YAAYA,CAAG;AAE7B,MAAIC,IAAgB,EAAE,GAAGF,GAAO,SAAS,GAAA,GACrCG,IAAmB,MACnBC,IAAc;AAElB,QAAMC,IAAU,MAAM;AAClB,QAAID;AACA;AAEJ,IAAAA,IAAc,IAEVD,MACAA,EAAY,QAAA,GACZA,IAAc,OAGdF,EAAI,cACJA,EAAI,WAAW,YAAYA,CAAG;AAGlC,UAAMK,IAAQR,EAAW,QAAQS,CAAK;AACtC,IAAID,MAAU,MACVR,EAAW,OAAOQ,GAAO,CAAC;AAAA,EAElC;AAEA,WAASE,EAAYC,GAA2B;AAC5C,UAAM,EAAE,YAAAC,MAAeD;AAEvB,QAAIL;AACA;AAGJ,IAAID,MACAA,EAAY,QAAA,GACZA,IAAc;AAGlB,UAAMQ,IAAiB;AAAA,MACnB,GAAGF;AAAA,MACH,YAAY,MAAM;AACd,QAAKL,MACDM,KAAA,QAAAA,KAEA,WAAW,MAAML,EAAA,GAAW,CAAC;AAAA,MAErC;AAAA,IAAA;AAGJ,QAAI;AACA,MAAAF,IAAcS,EAAU;AAAA,QACpB,SAAS;AACL,cAAI;AACA,mBAAOC,EAAEC,GAA2BH,CAAc;AAAA,UACtD,SAASI,GAAa;AAClB,0BAAQ,MAAM,qCAAqCA,CAAW,GACxDA;AAAA,UACV;AAAA,QACJ;AAAA,MAAA,CACH,GAEDZ,EAAY,MAAMF,CAAG;AAAA,IACzB,SAASe,GAAY;AACjB,oBAAQ,MAAM,+BAA+BA,CAAU,GACjDA;AAAA,IACV;AAAA,EACJ;AAEA,WAAST,IAAQ;AACb,IAAAL,IAAgB;AAAA,MACZ,GAAGA;AAAA,MACH,SAAS;AAAA,IAAA,GAEbM,EAAYN,CAAa;AAAA,EAC7B;AAEA,WAASe,EACLC,GACF;AACE,IAAAhB,IAAgB;AAAA,MACZ,GAAGA;AAAA,MACH,GAAGgB;AAAA,IAAA,GAEPV,EAAYN,CAAa;AAAA,EAC7B;AAEA,SAAAM,EAAYN,CAAa,GACzBJ,EAAW,KAAKS,CAAK,GAEd;AAAA,IACH,SAASA;AAAA,IACT,QAAAU;AAAA,EAAA;AAER;AAEO,SAASE,EAASnB,GAAmB;AACxC,SAAO;AAAA,IACH,GAAGA;AAAA,IACH,MAAM;AAAA,IACN,MAAMA,EAAM,QAAQa,EAAEO,CAAc;AAAA,IACpC,WAAW;AAAA,EAAA;AAEnB;AAEO,SAASC,EAAYrB,GAAmB;AAC3C,SAAO;AAAA,IACH,GAAGA;AAAA,IACH,MAAM;AAAA,IACN,MAAMA,EAAM,QAAQa,EAAES,CAAc;AAAA,IACpC,WAAW;AAAA,EAAA;AAEnB;AAEO,SAASC,EAAYvB,GAAmB;AAC3C,SAAO;AAAA,IACH,GAAGA;AAAA,IACH,MAAM;AAAA,IACN,MAAMA,EAAM,QAAQa,EAAEW,CAAiB;AAAA,IACvC,WAAW;AAAA,EAAA;AAEnB;AAEO,SAASC,EAAUzB,GAAmB;AACzC,SAAO;AAAA,IACH,GAAG0B,EAAK1B,GAAO,CAAC,eAAe,CAAC;AAAA,IAChC,MAAM;AAAA,IACN,MAAMA,EAAM,QAAQa,EAAEc,CAAe;AAAA,IACrC,WAAW;AAAA,IACX,eAAe,EAAE,MAAM,UAAmB,GAAG3B,EAAM,cAAA;AAAA,EAAc;AAEzE;AAEO,SAAS4B,EAAY5B,GAAmB;AAC3C,SAAO;AAAA,IACH,GAAGA;AAAA,IACH,MAAM;AAAA,IACN,MAAMA,EAAM,QAAQa,EAAEgB,CAAc;AAAA,EAAA;AAE5C;"}

package/lib/es/components/modal/index.js

@@ -0,0 +1,21 @@
+import r from "./Modal.vue.js";
+import i, { withInfo as t, withSuccess as n, withError as e, withWarning as f, withConfirm as m, destroyFns as s } from "./confirm.js";
+import a from "./useModal.js";
+/* empty css           */
+r.info = (o) => i(t(o));
+r.success = (o) => i(n(o));
+r.error = (o) => i(e(o));
+r.warning = (o) => i(f(o));
+r.confirm = (o) => i(m(o));
+r.destroyAll = () => {
+  for (; s.length; ) {
+    const o = s.pop();
+    o && o();
+  }
+};
+r.useModal = a;
+export {
+  r as Modal,
+  r as default
+};
+//# sourceMappingURL=index.js.map

package/lib/es/components/modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/modal/index.ts"],"sourcesContent":["import ModalComponent from './Modal.vue';\nimport confirm, {\n    withInfo,\n    withSuccess,\n    withError,\n    withWarning,\n    withConfirm,\n    destroyFns,\n    type ConfirmProps,\n} from './confirm';\nimport useModal from './useModal';\nimport type { ModalProps, ModalState, ModalContentProps } from './interface';\n\n// 导入样式（自动引入）\nimport './modal.scss';\n\n// 直接添加静态方法到 ModalComponent 对象\n(ModalComponent as any).info = (props: ModalProps) => confirm(withInfo(props));\n(ModalComponent as any).success = (props: ModalProps) => confirm(withSuccess(props));\n(ModalComponent as any).error = (props: ModalProps) => confirm(withError(props));\n(ModalComponent as any).warning = (props: ModalProps) => confirm(withWarning(props));\n(ModalComponent as any).confirm = (props: ModalProps) => confirm(withConfirm(props));\n(ModalComponent as any).destroyAll = () => {\n    while (destroyFns.length) {\n        const close = destroyFns.pop();\n        if (close) {\n            close();\n        }\n    }\n};\n(ModalComponent as any).useModal = useModal;\n\nexport type { ModalProps, ModalState, ModalContentProps, ConfirmProps };\nexport { ModalComponent as Modal };\nexport default ModalComponent;\n"],"names":["ModalComponent","props","confirm","withInfo","withSuccess","withError","withWarning","withConfirm","destroyFns","close","useModal"],"mappings":";;;;AAiBCA,EAAuB,OAAO,CAACC,MAAsBC,EAAQC,EAASF,CAAK,CAAC;AAC5ED,EAAuB,UAAU,CAACC,MAAsBC,EAAQE,EAAYH,CAAK,CAAC;AAClFD,EAAuB,QAAQ,CAACC,MAAsBC,EAAQG,EAAUJ,CAAK,CAAC;AAC9ED,EAAuB,UAAU,CAACC,MAAsBC,EAAQI,EAAYL,CAAK,CAAC;AAClFD,EAAuB,UAAU,CAACC,MAAsBC,EAAQK,EAAYN,CAAK,CAAC;AAClFD,EAAuB,aAAa,MAAM;AACvC,SAAOQ,EAAW,UAAQ;AACtB,UAAMC,IAAQD,EAAW,IAAA;AACzB,IAAIC,KACAA,EAAA;AAAA,EAER;AACJ;AACCT,EAAuB,WAAWU;"}

package/lib/es/components/modal/useModal.js

@@ -0,0 +1,65 @@
+import { ref as E, h as f, createApp as b } from "vue";
+import { withConfirm as k, withWarning as x, withError as F, withSuccess as I, withInfo as M } from "./confirm.js";
+import N from "./ConfirmModal.vue.js";
+let m = 0;
+function H() {
+  const e = E([]);
+  function p(r) {
+    return e.value = [...e.value, r], () => {
+      e.value = e.value.filter((s) => s !== r);
+    };
+  }
+  function t(r) {
+    return function(w) {
+      m += 1;
+      const o = document.createElement("div");
+      document.body.appendChild(o);
+      let i = { ...r(w), visible: !0 }, n = null, u = !1;
+      const y = p(f("div", { key: `semi-modal-${m}` }));
+      function a(c) {
+        const { afterClose: l } = c;
+        if (u)
+          return;
+        n && (n.unmount(), n = null);
+        const g = {
+          ...c,
+          afterClose: () => {
+            u || (l == null || l(), setTimeout(() => {
+              d(), y();
+            }, 0));
+          }
+        };
+        n = b({
+          render() {
+            return f(N, g);
+          }
+        }), n.mount(o);
+      }
+      function d() {
+        u || (u = !0, n && (n.unmount(), n = null), o.parentNode && o.parentNode.removeChild(o));
+      }
+      function C(c) {
+        i = {
+          ...i,
+          ...c
+        }, a(i);
+      }
+      return a(i), {
+        destroy: d,
+        update: C
+      };
+    };
+  }
+  const v = {
+    info: t(M),
+    success: t(I),
+    error: t(F),
+    warning: t(x),
+    confirm: t(k)
+  }, h = f("div", { style: { display: "none" } }, e.value);
+  return [v, h];
+}
+export {
+  H as default
+};
+//# sourceMappingURL=useModal.js.map

package/lib/es/components/modal/useModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModal.js","sources":["../../../../src/components/modal/useModal.ts"],"sourcesContent":["import { ref, h, createApp, type VNode, type Component } from 'vue';\nimport { withInfo, withSuccess, withError, withWarning, withConfirm, type ConfirmProps } from './confirm';\nimport type { ModalProps } from './interface';\nimport ConfirmModal from './ConfirmModal.vue';\n\nlet uuid = 0;\n\ninterface UseModalReturn {\n    info: (config: ModalProps) => { destroy: () => void; update: (newConfig: ModalProps) => void };\n    success: (config: ModalProps) => { destroy: () => void; update: (newConfig: ModalProps) => void };\n    error: (config: ModalProps) => { destroy: () => void; update: (newConfig: ModalProps) => void };\n    warning: (config: ModalProps) => { destroy: () => void; update: (newConfig: ModalProps) => void };\n    confirm: (config: ModalProps) => { destroy: () => void; update: (newConfig: ModalProps) => void };\n}\n\nexport default function useModal(): [UseModalReturn, VNode] {\n    const elements = ref<VNode[]>([]);\n\n    function patchElement(element: VNode): () => void {\n        elements.value = [...elements.value, element];\n\n        return () => {\n            elements.value = elements.value.filter((ele) => ele !== element);\n        };\n    }\n\n    function getConfirmFunc(\n        withFunc: typeof withInfo | typeof withSuccess | typeof withError | typeof withWarning | typeof withConfirm\n    ) {\n        return function hookConfirm(config: ModalProps) {\n            uuid += 1;\n\n            const div = document.createElement('div');\n            document.body.appendChild(div);\n\n            let currentConfig: ConfirmProps = { ...withFunc(config), visible: true } as ConfirmProps;\n            let appInstance: any = null;\n            let isDestroyed = false;\n            const closeFunc = patchElement(h('div', { key: `semi-modal-${uuid}` }));\n\n            function renderModal(renderProps: ConfirmProps) {\n                const { afterClose } = renderProps;\n\n                if (isDestroyed) {\n                    return;\n                }\n\n                if (appInstance) {\n                    appInstance.unmount();\n                    appInstance = null;\n                }\n\n                const componentProps = {\n                    ...renderProps,\n                    afterClose: () => {\n                        if (!isDestroyed) {\n                            afterClose?.();\n                            setTimeout(() => {\n                                destroy();\n                                closeFunc();\n                            }, 0);\n                        }\n                    },\n                };\n\n                appInstance = createApp({\n                    render() {\n                        return h(ConfirmModal as Component, componentProps);\n                    },\n                });\n\n                appInstance.mount(div);\n            }\n\n            function destroy() {\n                if (isDestroyed) {\n                    return;\n                }\n                isDestroyed = true;\n\n                if (appInstance) {\n                    appInstance.unmount();\n                    appInstance = null;\n                }\n                if (div.parentNode) {\n                    div.parentNode.removeChild(div);\n                }\n            }\n\n            function update(newConfig: ModalProps) {\n                currentConfig = {\n                    ...currentConfig,\n                    ...newConfig,\n                } as ConfirmProps;\n                renderModal(currentConfig);\n            }\n\n            renderModal(currentConfig);\n\n            return {\n                destroy,\n                update,\n            };\n        };\n    }\n\n    const modal = {\n        info: getConfirmFunc(withInfo),\n        success: getConfirmFunc(withSuccess),\n        error: getConfirmFunc(withError),\n        warning: getConfirmFunc(withWarning),\n        confirm: getConfirmFunc(withConfirm),\n    };\n\n    const contextHolder = h('div', { style: { display: 'none' } }, elements.value);\n\n    return [modal, contextHolder];\n}\n"],"names":["uuid","useModal","elements","ref","patchElement","element","ele","getConfirmFunc","withFunc","config","div","currentConfig","appInstance","isDestroyed","closeFunc","h","renderModal","renderProps","afterClose","componentProps","destroy","createApp","ConfirmModal","update","newConfig","modal","withInfo","withSuccess","withError","withWarning","withConfirm","contextHolder"],"mappings":";;;AAKA,IAAIA,IAAO;AAUX,SAAwBC,IAAoC;AACxD,QAAMC,IAAWC,EAAa,EAAE;AAEhC,WAASC,EAAaC,GAA4B;AAC9C,WAAAH,EAAS,QAAQ,CAAC,GAAGA,EAAS,OAAOG,CAAO,GAErC,MAAM;AACT,MAAAH,EAAS,QAAQA,EAAS,MAAM,OAAO,CAACI,MAAQA,MAAQD,CAAO;AAAA,IACnE;AAAA,EACJ;AAEA,WAASE,EACLC,GACF;AACE,WAAO,SAAqBC,GAAoB;AAC5C,MAAAT,KAAQ;AAER,YAAMU,IAAM,SAAS,cAAc,KAAK;AACxC,eAAS,KAAK,YAAYA,CAAG;AAE7B,UAAIC,IAA8B,EAAE,GAAGH,EAASC,CAAM,GAAG,SAAS,GAAA,GAC9DG,IAAmB,MACnBC,IAAc;AAClB,YAAMC,IAAYV,EAAaW,EAAE,OAAO,EAAE,KAAK,cAAcf,CAAI,GAAA,CAAI,CAAC;AAEtE,eAASgB,EAAYC,GAA2B;AAC5C,cAAM,EAAE,YAAAC,MAAeD;AAEvB,YAAIJ;AACA;AAGJ,QAAID,MACAA,EAAY,QAAA,GACZA,IAAc;AAGlB,cAAMO,IAAiB;AAAA,UACnB,GAAGF;AAAA,UACH,YAAY,MAAM;AACd,YAAKJ,MACDK,KAAA,QAAAA,KACA,WAAW,MAAM;AACb,cAAAE,EAAA,GACAN,EAAA;AAAA,YACJ,GAAG,CAAC;AAAA,UAEZ;AAAA,QAAA;AAGJ,QAAAF,IAAcS,EAAU;AAAA,UACpB,SAAS;AACL,mBAAON,EAAEO,GAA2BH,CAAc;AAAA,UACtD;AAAA,QAAA,CACH,GAEDP,EAAY,MAAMF,CAAG;AAAA,MACzB;AAEA,eAASU,IAAU;AACf,QAAIP,MAGJA,IAAc,IAEVD,MACAA,EAAY,QAAA,GACZA,IAAc,OAEdF,EAAI,cACJA,EAAI,WAAW,YAAYA,CAAG;AAAA,MAEtC;AAEA,eAASa,EAAOC,GAAuB;AACnC,QAAAb,IAAgB;AAAA,UACZ,GAAGA;AAAA,UACH,GAAGa;AAAA,QAAA,GAEPR,EAAYL,CAAa;AAAA,MAC7B;AAEA,aAAAK,EAAYL,CAAa,GAElB;AAAA,QACH,SAAAS;AAAA,QACA,QAAAG;AAAA,MAAA;AAAA,IAER;AAAA,EACJ;AAEA,QAAME,IAAQ;AAAA,IACV,MAAMlB,EAAemB,CAAQ;AAAA,IAC7B,SAASnB,EAAeoB,CAAW;AAAA,IACnC,OAAOpB,EAAeqB,CAAS;AAAA,IAC/B,SAASrB,EAAesB,CAAW;AAAA,IACnC,SAAStB,EAAeuB,CAAW;AAAA,EAAA,GAGjCC,IAAgBhB,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,OAAA,EAAO,GAAKb,EAAS,KAAK;AAE7E,SAAO,CAACuB,GAAOM,CAAa;AAChC;"}

package/lib/es/components/navigation/CollapseButton.vue.js

@@ -0,0 +1,59 @@
+import { defineComponent as y, computed as p, createElementBlock as T, openBlock as a, normalizeClass as _, createBlock as m, unref as o, withCtx as f, createVNode as h, createTextVNode as v, toDisplayString as B } from "vue";
+import u from "../button/Button.vue.js";
+/* empty css                    */
+import b from "../tooltip/Tooltip.vue.js";
+/* empty css                      */
+import d from "../icons/icons/IconSidebar.js";
+const z = /* @__PURE__ */ y({
+  __name: "CollapseButton",
+  props: {
+    prefixCls: { default: "" },
+    locale: {},
+    collapseText: {},
+    isCollapsed: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(c, { emit: x }) {
+    const t = c, C = x, l = p(() => !!t.isCollapsed), n = (e) => {
+      e.stopPropagation(), C("click", !l.value);
+    }, i = p(() => {
+      var s, r;
+      const e = l.value;
+      return typeof t.collapseText == "function" ? t.collapseText(e) : (e ? (s = t.locale) == null ? void 0 : s.expandText : (r = t.locale) == null ? void 0 : r.collapseText) || (e ? "展开侧边栏" : "收起侧边栏");
+    });
+    return (e, k) => (a(), T("div", {
+      class: _(`${c.prefixCls || "semi"}-collapse-btn`)
+    }, [
+      l.value ? (a(), m(o(b), {
+        key: 0,
+        content: i.value,
+        position: "right"
+      }, {
+        default: f(() => [
+          h(o(u), {
+            icon: o(d),
+            type: "tertiary",
+            theme: "borderless",
+            onClick: n
+          }, null, 8, ["icon"])
+        ]),
+        _: 1
+      }, 8, ["content"])) : (a(), m(o(u), {
+        key: 1,
+        icon: o(d),
+        type: "tertiary",
+        theme: "borderless",
+        onClick: n
+      }, {
+        default: f(() => [
+          v(B(i.value), 1)
+        ]),
+        _: 1
+      }, 8, ["icon"]))
+    ], 2));
+  }
+});
+export {
+  z as default
+};
+//# sourceMappingURL=CollapseButton.vue.js.map

package/lib/es/components/navigation/CollapseButton.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapseButton.vue.js","sources":["../../../../src/components/navigation/CollapseButton.vue"],"sourcesContent":["<template>\n    <div :class=\"`${prefixCls || 'semi'}-collapse-btn`\">\n        <Tooltip v-if=\"isCollapsed\" :content=\"finalCollapseText\" position=\"right\">\n            <Button :icon=\"IconSidebar\" type=\"tertiary\" theme=\"borderless\" @click=\"handleClick\" />\n        </Tooltip>\n        <Button v-else :icon=\"IconSidebar\" type=\"tertiary\" theme=\"borderless\" @click=\"handleClick\">\n            <!-- 展开时，显示文字 -->\n            {{ finalCollapseText }}\n        </Button>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, watchEffect } from 'vue';\nimport Button from '../button';\nimport Tooltip from '../tooltip';\nimport { IconSidebar } from '../icons';\n\nexport interface CollapseButtonProps {\n    prefixCls?: string;\n    locale?: any;\n    collapseText?: (isCollapsed: boolean) => any;\n    isCollapsed?: boolean;\n}\n\nconst props = withDefaults(defineProps<CollapseButtonProps>(), {\n    isCollapsed: false,\n    prefixCls: '',\n});\n\nconst emit = defineEmits<{\n    click: [isCollapsed: boolean];\n}>();\n\n// 使用 computed 确保响应式\nconst isCollapsed = computed(() => Boolean(props.isCollapsed));\n\nconst handleClick = (e: MouseEvent) => {\n    e.stopPropagation(); // 阻止事件冒泡到 Footer\n    emit('click', !isCollapsed.value);\n};\n\n// 移除调试日志，已修复问题\n\nconst finalCollapseText = computed(() => {\n    const collapsed = isCollapsed.value;\n    if (typeof props.collapseText === 'function') {\n        return props.collapseText(collapsed);\n    }\n    // 确保返回字符串，即使 locale 为空\n    const text = collapsed ? props.locale?.expandText : props.locale?.collapseText;\n    return text || (collapsed ? '展开侧边栏' : '收起侧边栏');\n});\n</script>\n"],"names":["props","__props","emit","__emit","isCollapsed","computed","handleClick","finalCollapseText","collapsed","_a","_b","_createElementBlock","_createBlock","_unref","Tooltip","_createVNode","Button","IconSidebar"],"mappings":";;;;;;;;;;;;;;;;AAyBA,UAAMA,IAAQC,GAKRC,IAAOC,GAKPC,IAAcC,EAAS,MAAM,EAAQL,EAAM,WAAY,GAEvDM,IAAc,CAAC,MAAkB;AACnC,QAAE,gBAAA,GACFJ,EAAK,SAAS,CAACE,EAAY,KAAK;AAAA,IACpC,GAIMG,IAAoBF,EAAS,MAAM;;AACrC,YAAMG,IAAYJ,EAAY;AAC9B,aAAI,OAAOJ,EAAM,gBAAiB,aACvBA,EAAM,aAAaQ,CAAS,KAG1BA,KAAYC,IAAAT,EAAM,WAAN,gBAAAS,EAAc,cAAaC,IAAAV,EAAM,WAAN,gBAAAU,EAAc,kBAClDF,IAAY,UAAU;AAAA,IAC1C,CAAC;2BAnDGG,EAQM,OAAA;AAAA,MARA,YAAUV,EAAA,aAAS,MAAA,eAAA;AAAA,IAAA;MACNG,EAAA,cAAfQ,EAEUC,EAAAC,CAAA,GAAA;AAAA;QAFmB,SAASP,EAAA;AAAA,QAAmB,UAAS;AAAA,MAAA;mBAC9D,MAAsF;AAAA,UAAtFQ,EAAsFF,EAAAG,CAAA,GAAA;AAAA,YAA7E,MAAMH,EAAAI,CAAA;AAAA,YAAa,MAAK;AAAA,YAAW,OAAM;AAAA,YAAc,SAAOX;AAAA,UAAA;;;kCAE3EM,EAGSC,EAAAG,CAAA,GAAA;AAAA;QAHO,MAAMH,EAAAI,CAAA;AAAA,QAAa,MAAK;AAAA,QAAW,OAAM;AAAA,QAAc,SAAOX;AAAA,MAAA;mBAE1E,MAAuB;AAAA,cAApBC,EAAA,KAAiB,GAAA,CAAA;AAAA,QAAA;;;;;;"}