@transsionfe/semi-ui-vue 0.0.1

package/lib/es/components/locale/source/zh_CN.js

@@ -0,0 +1,214 @@
+import { zhCN as e } from "date-fns/locale";
+const t = {
+  code: "zh-CN",
+  currency: "CNY",
+  dateFnsLocale: e,
+  // locale code to dateFns locale
+  Pagination: {
+    pageSize: "每页条数：${pageSize}",
+    total: "总页数：${total}",
+    jumpTo: "跳至",
+    page: "页"
+  },
+  Modal: {
+    confirm: "确定",
+    cancel: "取消"
+  },
+  Tabs: {
+    more: "更多"
+  },
+  TimePicker: {
+    placeholder: {
+      time: "请选择时间",
+      timeRange: "请选择时间范围"
+    },
+    begin: "开始时间",
+    end: "结束时间",
+    hour: "时",
+    minute: "分",
+    second: "秒",
+    AM: "上午",
+    PM: "下午"
+  },
+  DatePicker: {
+    placeholder: {
+      date: "请选择日期",
+      dateTime: "请选择日期及时间",
+      dateRange: ["开始日期", "结束日期"],
+      dateTimeRange: ["开始日期", "结束日期"],
+      monthRange: ["开始月份", "结束月份"]
+    },
+    presets: "快捷选择",
+    footer: {
+      confirm: "确定",
+      cancel: "取消"
+    },
+    selectDate: "返回选择日期",
+    selectTime: "选择时间",
+    year: "年",
+    month: "月",
+    day: "日",
+    monthText: "${year}年 ${month}",
+    // 此处不使用标准token是因为需要做replace，月份M这个Token可能会被误伤，例如May
+    months: {
+      1: "1月",
+      2: "2月",
+      3: "3月",
+      4: "4月",
+      5: "5月",
+      6: "6月",
+      7: "7月",
+      8: "8月",
+      9: "9月",
+      10: "10月",
+      11: "11月",
+      12: "12月"
+    },
+    // timepicker scrollwheel里只需要展示[1、2……]，所以这里的fullMonths根据UI定制了
+    fullMonths: {
+      1: "1",
+      2: "2",
+      3: "3",
+      4: "4",
+      5: "5",
+      6: "6",
+      7: "7",
+      8: "8",
+      9: "9",
+      10: "10",
+      11: "11",
+      12: "12"
+    },
+    weeks: {
+      Mon: "一",
+      Tue: "二",
+      Wed: "三",
+      Thu: "四",
+      Fri: "五",
+      Sat: "六",
+      Sun: "日"
+    },
+    localeFormatToken: {
+      FORMAT_SWITCH_DATE: "yyyy-MM-dd"
+    }
+  },
+  Navigation: {
+    collapseText: "收起侧边栏",
+    expandText: "展开侧边栏"
+  },
+  Popconfirm: {
+    confirm: "确定",
+    cancel: "取消"
+  },
+  Table: {
+    emptyText: "暂无数据",
+    pageText: "显示第 ${currentStart} 条-第 ${currentEnd} 条，共 ${total} 条",
+    descend: "点击降序",
+    ascend: "点击升序",
+    cancelSort: "取消排序"
+  },
+  Select: {
+    emptyText: "暂无数据",
+    createText: "创建"
+  },
+  Cascader: {
+    emptyText: "暂无数据"
+  },
+  Tree: {
+    emptyText: "暂无数据",
+    searchPlaceholder: "搜索"
+  },
+  List: {
+    emptyText: "暂无数据"
+  },
+  Calendar: {
+    allDay: "全天",
+    AM: "上午${time}时",
+    PM: "下午${time}时",
+    datestring: "日",
+    remaining: "还有${remained}项"
+  },
+  Upload: {
+    mainText: "点击上传文件或拖拽文件到这里",
+    illegalTips: "不支持此类型文件",
+    legalTips: "松手开始上传",
+    retry: "重试",
+    replace: "替换文件",
+    clear: "清空",
+    selectedFiles: "已选择文件",
+    illegalSize: "文件尺寸不合法",
+    fail: "上传失败"
+  },
+  TreeSelect: {
+    searchPlaceholder: "搜索"
+  },
+  Typography: {
+    copy: "复制",
+    copied: "复制成功",
+    expand: "展开",
+    collapse: "收起"
+  },
+  Transfer: {
+    emptyLeft: "暂无数据",
+    emptySearch: "无搜索结果",
+    emptyRight: "暂无内容，可从左侧勾选",
+    placeholder: "搜索",
+    clear: "清空",
+    selectAll: "全选",
+    clearSelectAll: "取消全选",
+    total: "总个数：${total}",
+    selected: "已选个数：${total}"
+  },
+  Form: {
+    optional: "（可选）"
+  },
+  Image: {
+    preview: "预览",
+    loading: "加载中",
+    loadError: "加载失败",
+    prevTip: "上一张",
+    nextTip: "下一张",
+    zoomInTip: "放大",
+    zoomOutTip: "缩小",
+    rotateTip: "旋转",
+    downloadTip: "下载",
+    adaptiveTip: "适应页面",
+    originTip: "原始尺寸"
+  },
+  Chat: {
+    deleteConfirm: "确认删除该会话吗？",
+    clearContext: "上下文已清除",
+    copySuccess: "复制成功",
+    stop: "停止",
+    copy: "复制",
+    copied: "复制成功",
+    dropAreaText: "将文件放到这里"
+  },
+  UserGuide: {
+    skip: "跳过",
+    next: "下一步",
+    prev: "上一步",
+    finish: "完成"
+  },
+  InputNumber: {},
+  JsonViewer: {
+    search: "查找",
+    replace: "替换",
+    replaceAll: "全部替换"
+  },
+  VideoPlayer: {
+    rateChange: "切换速率至 ${rate}",
+    qualityChange: "切换清晰度至${quality}",
+    routeChange: "切换线路至${route}",
+    mirror: "镜像",
+    cancelMirror: "取消镜像",
+    loading: "加载中...",
+    stall: "加载失败",
+    noResource: "暂无资源",
+    videoError: "视频加载错误"
+  }
+};
+export {
+  t as default
+};
+//# sourceMappingURL=zh_CN.js.map

package/lib/es/components/locale/source/zh_CN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zh_CN.js","sources":["../../../../../src/components/locale/source/zh_CN.ts"],"sourcesContent":["import { zhCN } from 'date-fns/locale';\nimport { Locale } from '../interface';\n\nconst local: Locale = {\n    code: 'zh-CN',\n    currency: 'CNY',\n    dateFnsLocale: zhCN, // locale code to dateFns locale\n    Pagination: {\n        pageSize: '每页条数：${pageSize}',\n        total: '总页数：${total}',\n        jumpTo: '跳至',\n        page: '页',\n    },\n    Modal: {\n        confirm: '确定',\n        cancel: '取消',\n    },\n    Tabs: {\n        more: '更多',\n    },\n    TimePicker: {\n        placeholder: {\n            time: '请选择时间',\n            timeRange: '请选择时间范围',\n        },\n        begin: '开始时间',\n        end: '结束时间',\n        hour: '时',\n        minute: '分',\n        second: '秒',\n        AM: '上午',\n        PM: '下午',\n    },\n    DatePicker: {\n        placeholder: {\n            date: '请选择日期',\n            dateTime: '请选择日期及时间',\n            dateRange: ['开始日期', '结束日期'],\n            dateTimeRange: ['开始日期', '结束日期'],\n            monthRange: ['开始月份', '结束月份'],\n        },\n        presets: '快捷选择',\n        footer: {\n            confirm: '确定',\n            cancel: '取消',\n        },\n        selectDate: '返回选择日期',\n        selectTime: '选择时间',\n        year: '年',\n        month: '月',\n        day: '日',\n        monthText: '${year}年 ${month}', // 此处不使用标准token是因为需要做replace，月份M这个Token可能会被误伤，例如May\n        months: {\n            1: '1月',\n            2: '2月',\n            3: '3月',\n            4: '4月',\n            5: '5月',\n            6: '6月',\n            7: '7月',\n            8: '8月',\n            9: '9月',\n            10: '10月',\n            11: '11月',\n            12: '12月',\n        },\n        // timepicker scrollwheel里只需要展示[1、2……]，所以这里的fullMonths根据UI定制了\n        fullMonths: {\n            1: '1',\n            2: '2',\n            3: '3',\n            4: '4',\n            5: '5',\n            6: '6',\n            7: '7',\n            8: '8',\n            9: '9',\n            10: '10',\n            11: '11',\n            12: '12',\n        },\n        weeks: {\n            Mon: '一',\n            Tue: '二',\n            Wed: '三',\n            Thu: '四',\n            Fri: '五',\n            Sat: '六',\n            Sun: '日',\n        },\n        localeFormatToken: {\n            FORMAT_SWITCH_DATE: 'yyyy-MM-dd',\n        },\n    },\n    Navigation: {\n        collapseText: '收起侧边栏',\n        expandText: '展开侧边栏',\n    },\n    Popconfirm: {\n        confirm: '确定',\n        cancel: '取消',\n    },\n    Table: {\n        emptyText: '暂无数据',\n        pageText: '显示第 ${currentStart} 条-第 ${currentEnd} 条，共 ${total} 条',\n        descend: '点击降序',\n        ascend: '点击升序',\n        cancelSort: '取消排序',\n    },\n    Select: {\n        emptyText: '暂无数据',\n        createText: '创建',\n    },\n    Cascader: {\n        emptyText: '暂无数据',\n    },\n    Tree: {\n        emptyText: '暂无数据',\n        searchPlaceholder: '搜索',\n    },\n    List: {\n        emptyText: '暂无数据',\n    },\n    Calendar: {\n        allDay: '全天',\n        AM: '上午${time}时',\n        PM: '下午${time}时',\n        datestring: '日',\n        remaining: '还有${remained}项',\n    },\n    Upload: {\n        mainText: '点击上传文件或拖拽文件到这里',\n        illegalTips: '不支持此类型文件',\n        legalTips: '松手开始上传',\n        retry: '重试',\n        replace: '替换文件',\n        clear: '清空',\n        selectedFiles: '已选择文件',\n        illegalSize: '文件尺寸不合法',\n        fail: '上传失败',\n    },\n    TreeSelect: {\n        searchPlaceholder: '搜索',\n    },\n    Typography: {\n        copy: '复制',\n        copied: '复制成功',\n        expand: '展开',\n        collapse: '收起',\n    },\n    Transfer: {\n        emptyLeft: '暂无数据',\n        emptySearch: '无搜索结果',\n        emptyRight: '暂无内容，可从左侧勾选',\n        placeholder: '搜索',\n        clear: '清空',\n        selectAll: '全选',\n        clearSelectAll: '取消全选',\n        total: '总个数：${total}',\n        selected: '已选个数：${total}',\n    },\n    Form: {\n        optional: '（可选）',\n    },\n    Image: {\n        preview: '预览',\n        loading: '加载中',\n        loadError: '加载失败',\n        prevTip: '上一张',\n        nextTip: '下一张',\n        zoomInTip: '放大',\n        zoomOutTip: '缩小',\n        rotateTip: '旋转',\n        downloadTip: '下载',\n        adaptiveTip: '适应页面',\n        originTip: '原始尺寸',\n    },\n    Chat: {\n        deleteConfirm: '确认删除该会话吗？',\n        clearContext: '上下文已清除',\n        copySuccess: '复制成功',\n        stop: '停止',\n        copy: '复制',\n        copied: '复制成功',\n        dropAreaText: '将文件放到这里',\n    },\n    UserGuide: {\n        skip: '跳过',\n        next: '下一步',\n        prev: '上一步',\n        finish: '完成',\n    },\n    InputNumber: {},\n    JsonViewer: {\n        search: '查找',\n        replace: '替换',\n        replaceAll: '全部替换',\n    },\n    VideoPlayer: {\n        rateChange: '切换速率至 ${rate}',\n        qualityChange: '切换清晰度至${quality}',\n        routeChange: '切换线路至${route}',\n        mirror: '镜像',\n        cancelMirror: '取消镜像',\n        loading: '加载中...',\n        stall: '加载失败',\n        noResource: '暂无资源',\n        videoError: '视频加载错误',\n    },\n};\n\n// 中文\nexport default local;\n"],"names":["local","zhCN"],"mappings":"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"}

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

@@ -0,0 +1,135 @@
+import { defineComponent as $, ref as u, watch as P, computed as a, isVNode as y, h as v, createBlock as C, openBlock as f, mergeProps as z, withCtx as D, createElementVNode as I, normalizeClass as S, createElementBlock as w, resolveDynamicComponent as E, Fragment as T, createTextVNode as F, toDisplayString as V } from "vue";
+import r from "classnames";
+import { omit as _ } from "lodash-es";
+import { cssClasses as B } from "@douyinfe/semi-foundation/modal/constants";
+import A from "./Modal.vue.js";
+const q = /* @__PURE__ */ $({
+  __name: "ConfirmModal",
+  props: {
+    type: {},
+    afterClose: {},
+    bodyStyle: {},
+    cancelButtonProps: {},
+    cancelText: {},
+    centered: { type: Boolean, default: !1 },
+    className: {},
+    modalContentClass: {},
+    closable: { type: Boolean, default: !0 },
+    confirmLoading: { type: Boolean },
+    cancelLoading: { type: Boolean },
+    content: {},
+    footer: {},
+    hasCancel: { type: Boolean, default: !0 },
+    header: {},
+    height: {},
+    mask: { type: Boolean, default: !0 },
+    maskClosable: { type: Boolean, default: !0 },
+    maskStyle: {},
+    maskFixed: { type: Boolean },
+    motion: { type: Boolean, default: !0 },
+    okButtonProps: {},
+    okText: {},
+    okType: { default: "primary" },
+    style: {},
+    title: {},
+    visible: { type: Boolean },
+    width: {},
+    zIndex: {},
+    icon: {},
+    getPopupContainer: {},
+    closeIcon: {},
+    closeOnEsc: { type: Boolean },
+    size: {},
+    lazyRender: { type: Boolean },
+    keepDOM: { type: Boolean },
+    direction: {},
+    fullScreen: { type: Boolean },
+    preventScroll: { type: Boolean },
+    footerFill: { type: Boolean },
+    modalRender: {},
+    onCancel: {},
+    onOk: {}
+  },
+  setup(s) {
+    const o = s, n = u(o.visible !== void 0 ? o.visible : !0), c = u(!1), i = u(!1);
+    P(
+      () => o.visible,
+      (e) => {
+        e !== void 0 && (n.value = e);
+      }
+    );
+    const k = (e) => {
+      const t = o.onOk && o.onOk(e);
+      t && typeof t.then == "function" ? (c.value = !0, t.then(
+        () => {
+          n.value = !1, c.value = !1;
+        },
+        () => {
+          c.value = !1;
+        }
+      )) : n.value = !1;
+    }, h = (e) => {
+      const t = o.onCancel && o.onCancel(e);
+      t && typeof t.then == "function" ? (i.value = !0, t.then(
+        () => {
+          n.value = !1, i.value = !1;
+        },
+        () => {
+          i.value = !1;
+        }
+      )) : n.value = !1;
+    }, l = `${B.DIALOG}-confirm`, g = a(() => r(l, o.className, {
+      [`${l}-rtl`]: o.direction === "rtl"
+    })), x = a(() => r(`${B.DIALOG}-${o.type}`)), b = a(() => {
+      var t;
+      const { icon: e } = o;
+      return e ? y(e) ? v(
+        e.type,
+        {
+          ...e.props || {},
+          class: r((t = e.props) == null ? void 0 : t.class, `${l}-icon`, `${x.value}-icon`),
+          size: "extra-large"
+        },
+        e.children
+      ) : e : null;
+    }), N = a(() => {
+      const { title: e } = o;
+      return e == null ? null : v("span", { class: `${l}-title-text` }, [e]);
+    }), O = a(() => r(`${l}-content`, {
+      [`${l}-content-withIcon`]: o.icon
+    })), L = a(() => {
+      const t = _(o, ["title", "content", "icon", "type", "onCancel", "onOk", "className", "visible"]), p = {};
+      return Object.keys(t).forEach((d) => {
+        const m = t[d];
+        m !== void 0 && (p[d] = m);
+      }), p;
+    });
+    return (e, t) => (f(), C(A, z({
+      className: g.value,
+      title: N.value,
+      confirmLoading: c.value,
+      cancelLoading: i.value,
+      icon: b.value,
+      visible: n.value
+    }, L.value, {
+      onOk: k,
+      onCancel: h
+    }), {
+      default: D(() => [
+        I("div", {
+          class: S(O.value),
+          "x-semi-prop": "content"
+        }, [
+          y(s.content) ? (f(), C(E(s.content), { key: 0 })) : (f(), w(T, { key: 1 }, [
+            F(V(s.content), 1)
+          ], 64))
+        ], 2)
+      ]),
+      _: 1
+    }, 16, ["className", "title", "confirmLoading", "cancelLoading", "icon", "visible"]));
+  }
+});
+export {
+  q as default
+};
+//# sourceMappingURL=ConfirmModal.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmModal.vue.js","sources":["../../../../src/components/modal/ConfirmModal.vue"],"sourcesContent":["<template>\n    <Modal\n        :className=\"wrapperClassName\"\n        :title=\"titleNode\"\n        :confirmLoading=\"confirmLoading\"\n        :cancelLoading=\"cancelLoading\"\n        :icon=\"iconNode\"\n        :visible=\"internalVisible\"\n        v-bind=\"restProps\"\n        @ok=\"handleOk\"\n        @cancel=\"handleCancel\"\n    >\n        <div :class=\"contentCls\" x-semi-prop=\"content\">\n            <component :is=\"content\" v-if=\"isVNode(content)\" />\n            <template v-else>{{ content }}</template>\n        </div>\n    </Modal>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, h, isVNode, watch } from 'vue';\nimport classNames from 'classnames';\nimport { omit } from 'lodash-es';\nimport { cssClasses } from '@douyinfe/semi-foundation/modal/constants';\nimport Modal from './Modal.vue';\nimport type { ConfirmProps } from './confirm';\n\nconst props = withDefaults(defineProps<ConfirmProps>(), {\n    mask: true,\n    motion: true,\n    maskClosable: true,\n    centered: false,\n    closable: true,\n    okType: 'primary',\n    hasCancel: true,\n});\n\nconst internalVisible = ref(props.visible !== undefined ? props.visible : true);\nconst confirmLoading = ref(false);\nconst cancelLoading = ref(false);\n\nwatch(\n    () => props.visible,\n    (newVal) => {\n        if (newVal !== undefined) {\n            internalVisible.value = newVal;\n        }\n    }\n);\n\nconst handleOk = (e: MouseEvent) => {\n    const res = props.onOk && props.onOk(e);\n    if (res && typeof res.then === 'function') {\n        confirmLoading.value = true;\n        res.then(\n            () => {\n                internalVisible.value = false;\n                confirmLoading.value = false;\n            },\n            () => {\n                confirmLoading.value = false;\n            }\n        );\n    } else {\n        internalVisible.value = false;\n    }\n};\n\nconst handleCancel = (e: MouseEvent) => {\n    const res = props.onCancel && props.onCancel(e);\n    if (res && typeof res.then === 'function') {\n        cancelLoading.value = true;\n        res.then(\n            () => {\n                internalVisible.value = false;\n                cancelLoading.value = false;\n            },\n            () => {\n                cancelLoading.value = false;\n            }\n        );\n    } else {\n        internalVisible.value = false;\n    }\n};\n\nconst confirmCls = `${cssClasses.DIALOG}-confirm`;\nconst wrapperClassName = computed(() => {\n    return classNames(confirmCls, props.className, {\n        [`${confirmCls}-rtl`]: props.direction === 'rtl',\n    });\n});\n\nconst typeCls = computed(() => classNames(`${cssClasses.DIALOG}-${props.type}`));\n\nconst iconNode = computed(() => {\n    const { icon } = props;\n    if (!icon) return null;\n\n    if (isVNode(icon)) {\n        return h(\n            icon.type as any,\n            {\n                ...(icon.props || {}),\n                class: classNames(icon.props?.class, `${confirmCls}-icon`, `${typeCls.value}-icon`),\n                size: 'extra-large',\n            },\n            icon.children\n        );\n    }\n\n    return icon;\n});\n\nconst titleNode = computed(() => {\n    const { title } = props;\n    if (title == null) return null;\n    return h('span', { class: `${confirmCls}-title-text` }, [title]);\n});\n\nconst contentCls = computed(() => {\n    return classNames(`${confirmCls}-content`, {\n        [`${confirmCls}-content-withIcon`]: props.icon,\n    });\n});\n\nconst restProps = computed(() => {\n    const excludedKeys = ['title', 'content', 'icon', 'type', 'onCancel', 'onOk', 'className', 'visible'];\n    const rest = omit(props, excludedKeys);\n    const filteredProps: Record<string, any> = {};\n    Object.keys(rest).forEach((key) => {\n        const value = (rest as any)[key];\n        if (value !== undefined) {\n            filteredProps[key] = value;\n        }\n    });\n    return filteredProps;\n});\n</script>\n"],"names":["props","__props","internalVisible","ref","confirmLoading","cancelLoading","watch","newVal","handleOk","res","handleCancel","confirmCls","cssClasses","wrapperClassName","computed","classNames","typeCls","iconNode","icon","isVNode","h","_a","titleNode","title","contentCls","restProps","rest","omit","filteredProps","key","value","_openBlock","_createBlock","Modal","_mergeProps","_createElementVNode","_resolveDynamicComponent","_createElementBlock","_Fragment"],"mappings":"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"}

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

@@ -0,0 +1,276 @@
+import { defineComponent as K, ref as d, computed as l, h as C, watch as m, onMounted as j, onBeforeUnmount as G, createBlock as H, createCommentVNode as U, openBlock as q, unref as f, withCtx as p, createVNode as h, normalizeStyle as J, mergeProps as Q, renderSlot as V } from "vue";
+import P from "classnames";
+import { omit as X } from "lodash-es";
+import { cssClasses as Y } from "@douyinfe/semi-foundation/modal/constants";
+import Z from "@douyinfe/semi-foundation/modal/modalFoundation";
+import ee from "./ModalContent.vue.js";
+import oe from "../_portal/Portal.vue.js";
+import x from "../_cssAnimation/index.vue.js";
+import N from "../button/Button.vue.js";
+import { useFoundation as te } from "../../_utils/useFoundation.js";
+const fe = /* @__PURE__ */ K({
+  __name: "Modal",
+  props: {
+    afterClose: {},
+    bodyStyle: {},
+    cancelButtonProps: {},
+    cancelText: {},
+    centered: { type: Boolean, default: !1 },
+    className: {},
+    modalContentClass: {},
+    closable: { type: Boolean, default: !0 },
+    confirmLoading: { type: Boolean },
+    cancelLoading: { type: Boolean },
+    content: {},
+    footer: {},
+    hasCancel: { type: Boolean, default: !0 },
+    header: {},
+    height: {},
+    mask: { type: Boolean, default: !0 },
+    maskClosable: { type: Boolean, default: !0 },
+    maskStyle: {},
+    maskFixed: { type: Boolean, default: !1 },
+    motion: { type: Boolean, default: !0 },
+    okButtonProps: {},
+    okText: {},
+    okType: { default: "primary" },
+    style: {},
+    title: {},
+    visible: { type: Boolean, default: !1 },
+    width: {},
+    zIndex: { default: 1e3 },
+    icon: {},
+    getPopupContainer: {},
+    closeIcon: {},
+    closeOnEsc: { type: Boolean, default: !0 },
+    size: { default: "small" },
+    lazyRender: { type: Boolean, default: !0 },
+    keepDOM: { type: Boolean, default: !1 },
+    direction: {},
+    fullScreen: { type: Boolean, default: !1 },
+    preventScroll: { type: Boolean },
+    footerFill: { type: Boolean },
+    modalRender: {},
+    onCancel: {},
+    onOk: {}
+  },
+  emits: ["cancel", "ok", "update:visible"],
+  setup(i, { emit: F }) {
+    const s = Y.DIALOG, o = i, v = F, n = d({
+      displayNone: !o.visible,
+      isFullScreen: o.fullScreen,
+      onOKReturnPromiseStatus: void 0,
+      onCancelReturnPromiseStatus: void 0
+    }), r = d(null), g = d(0), y = d("100%"), S = d(!1), O = () => {
+      const e = document.createElement("div");
+      e.style.cssText = "width: 99px; height: 99px; overflow: scroll; position: absolute; top: -9999px;", document.body.appendChild(e);
+      const t = e.offsetWidth - e.clientWidth;
+      return document.body.removeChild(e), t;
+    }, w = {
+      disabledBodyScroll: () => {
+        const { getPopupContainer: e } = o;
+        r.value = document.body.style.overflow || "", (!e || e() === document.body) && r.value !== "hidden" && (document.body.style.overflow = "hidden", document.body.style.width = `calc(${y.value || "100%"} - ${g.value}px)`);
+      },
+      enabledBodyScroll: () => {
+        const { getPopupContainer: e } = o;
+        (!e || e() === document.body) && r.value !== null && r.value !== "hidden" && (document.body.style.overflow = r.value, document.body.style.width = y.value);
+      },
+      notifyCancel: (e) => {
+        var t;
+        return v("cancel", e), (t = o.onCancel) == null ? void 0 : t.call(o, e);
+      },
+      notifyOk: (e) => {
+        var t;
+        return v("ok", e), (t = o.onOk) == null ? void 0 : t.call(o, e);
+      },
+      notifyClose: () => {
+        var e;
+        (e = o.afterClose) == null || e.call(o);
+      },
+      toggleDisplayNone: (e, t) => {
+        e !== n.value.displayNone && (n.value.displayNone = e, t == null || t(e));
+      },
+      notifyFullScreen: (e) => {
+        e !== n.value.isFullScreen && (n.value.isFullScreen = e);
+      },
+      getProps: () => o,
+      getProp: (e) => o[e],
+      getState: (e) => n.value[e],
+      getStates: () => n.value,
+      setState: (e) => {
+        Object.assign(n.value, e);
+      },
+      getContext: () => {
+      },
+      getContexts: () => ({}),
+      getCache: () => {
+      },
+      getCaches: () => ({}),
+      setCache: () => {
+      },
+      stopPropagation: (e) => {
+        var t;
+        return (t = e == null ? void 0 : e.stopPropagation) == null ? void 0 : t.call(e);
+      },
+      persistEvent: () => {
+      }
+    }, { foundation: $ } = te(Z, w), a = $, b = (e) => {
+      a.handleCancel(e), v("update:visible", !1);
+    }, R = (e) => {
+      a.handleOk(e);
+    }, E = () => {
+      k();
+    }, L = () => {
+      k();
+    }, k = () => {
+      const { visible: e } = o;
+      a.toggleDisplayNone(!e);
+    }, T = l(() => {
+      var u;
+      if (o.footer !== void 0 && o.footer !== null)
+        return o.footer;
+      const e = o.hasCancel ? C(
+        N,
+        {
+          "aria-label": "cancel",
+          onClick: b,
+          loading: o.cancelLoading === void 0 ? n.value.onCancelReturnPromiseStatus === "pending" : o.cancelLoading,
+          type: "tertiary",
+          block: o.footerFill,
+          autoFocus: !0,
+          ...o.cancelButtonProps,
+          style: {
+            ...o.footerFill ? { marginLeft: "unset" } : {},
+            ...(u = o.cancelButtonProps) == null ? void 0 : u.style
+          }
+        },
+        { default: () => o.cancelText || "取消" }
+      ) : null, t = C(
+        N,
+        {
+          "aria-label": "confirm",
+          type: o.okType,
+          theme: "solid",
+          block: o.footerFill,
+          loading: o.confirmLoading === void 0 ? n.value.onOKReturnPromiseStatus === "pending" : o.confirmLoading,
+          onClick: R,
+          ...o.okButtonProps
+        },
+        { default: () => o.okText || "确定" }
+      );
+      return C(
+        "div",
+        {
+          class: P({
+            [`${s}-footerfill`]: o.footerFill
+          })
+        },
+        [e, t].filter(Boolean)
+      );
+    }), z = l(() => n.value.isFullScreen), c = l(() => o.visible), B = l(() => o.visible || o.keepDOM && (!o.lazyRender || S.value) || o.motion && !n.value.displayNone), _ = l(() => {
+      const e = { zIndex: o.zIndex };
+      return o.getPopupContainer && o.getPopupContainer() !== document.body && (e.position = "static"), e;
+    }), D = l(() => P(o.className, {
+      [`${s}-displayNone`]: o.keepDOM && n.value.displayNone
+    })), M = l(() => ({
+      ...X(o, [
+        "footer",
+        "motion",
+        "keepDOM",
+        "zIndex",
+        "getPopupContainer",
+        "visible",
+        "modalContentClass",
+        "modalRender",
+        "afterClose",
+        "cancelButtonProps",
+        "cancelText",
+        "confirmLoading",
+        "cancelLoading",
+        "hasCancel",
+        "okButtonProps",
+        "okText",
+        "okType",
+        "onCancel",
+        "onOk",
+        "fullScreen",
+        "preventScroll",
+        "footerFill",
+        "lazyRender"
+      ]),
+      className: D.value
+    }));
+    return m(
+      () => o.fullScreen,
+      (e) => {
+        e !== n.value.isFullScreen && (n.value.isFullScreen = e);
+      }
+    ), m(
+      () => o.visible,
+      (e, t) => {
+        e && n.value.displayNone && (n.value.displayNone = !1), !t && e && a.beforeShow();
+      }
+    ), m(
+      () => n.value.displayNone,
+      (e, t) => {
+        !t && e && a.afterHide();
+      }
+    ), j(() => {
+      g.value = O(), y.value = document.body.style.width, o.visible && a.beforeShow();
+    }), G(() => {
+      o.visible ? a.destroy() : a.enabledBodyScroll();
+    }), m(B, (e) => {
+      e && (S.value = !0);
+    }), (e, t) => B.value ? (q(), H(x, {
+      key: 0,
+      motion: i.motion,
+      animationState: c.value ? "enter" : "leave",
+      startClassName: c.value ? `${f(s)}-content-animate-show` : `${f(s)}-content-animate-hide`,
+      onAnimationEnd: E
+    }, {
+      default: p(({ animationClassName: u, animationEventsNeedBind: I }) => [
+        h(x, {
+          motion: i.motion,
+          animationState: c.value ? "enter" : "leave",
+          startClassName: c.value ? `${f(s)}-mask-animate-show` : `${f(s)}-mask-animate-hide`,
+          onAnimationEnd: L
+        }, {
+          default: p(({
+            animationClassName: W,
+            animationEventsNeedBind: A
+          }) => [
+            h(oe, {
+              style: J(_.value),
+              getPopupContainer: i.getPopupContainer
+            }, {
+              default: p(() => [
+                h(ee, Q(M.value, {
+                  contentClassName: `${u} ${i.modalContentClass || ""}`,
+                  maskClassName: W,
+                  contentExtraProps: I,
+                  maskExtraProps: A,
+                  isFullScreen: z.value,
+                  footer: T.value,
+                  modalRender: o.modalRender,
+                  onClose: b
+                }), {
+                  default: p(() => [
+                    V(e.$slots, "default")
+                  ]),
+                  _: 3
+                }, 16, ["contentClassName", "maskClassName", "contentExtraProps", "maskExtraProps", "isFullScreen", "footer", "modalRender"])
+              ]),
+              _: 2
+            }, 1032, ["style", "getPopupContainer"])
+          ]),
+          _: 2
+        }, 1032, ["motion", "animationState", "startClassName"])
+      ]),
+      _: 3
+    }, 8, ["motion", "animationState", "startClassName"])) : U("", !0);
+  }
+});
+export {
+  fe as default
+};
+//# sourceMappingURL=Modal.vue.js.map