@usethink/shared-frontend 0.1.2 → 0.1.3

package/dist/src/components/core/Modal/index.js

@@ -0,0 +1,11 @@
+import "./src/BasicModal2.vue.js";
+import "vue";
+/* empty css                    */
+import { useModal as d, useModalInner as m } from "./src/hooks/useModal.js";
+const t = !0;
+export {
+  t as __ModalIndexMarker,
+  d as useModal,
+  m as useModalInner
+};
+//# sourceMappingURL=index.js.map

package/dist/src/components/core/Modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/core/Modal/index.ts"],"sourcesContent":["import { withInstall } from '@/utils'\n// import './src/index.less'\nimport BasicModal from './src/BasicModal.vue'\nexport { BasicModal }\n// export const BasicModal = withInstall(basicModal)\nexport { useModalContext } from './src/hooks/useModalContext'\nexport { useModal, useModalInner } from './src/hooks/useModal'\nexport * from './src/typing'\n\n// 兼容 preserveModules 目录导入：确保该模块作为目录时有 index.js 落盘\nexport const __ModalIndexMarker = true\n"],"names":["__ModalIndexMarker"],"mappings":";;;;AAUO,MAAMA,IAAqB;"}

package/dist/src/components/core/Modal/src/BasicModal.vue.js

@@ -1 +1,87 @@
-"use strict";const e=require("vue"),N=require("./components/Modal.js"),T=require("./components/ModalWrapper.vue.js"),B=require("./components/ModalClose.vue.js"),S=require("./components/ModalFooter.vue.js"),W=require("./components/ModalHeader.vue.js"),f=require("lodash-es");require("dayjs");require("../../../../utils/dateUtil.js");require("../../../../utils/eventBus.js");require("file-saver");const E=require("../../../../utils/helper.js");require("../../../../utils/i18n.js");;/* empty css                               */require("../../../../utils/nprogress.js");require("../../../../utils/performanceMonitor.js");require("../../../../utils/SignalRConnectionManager.js");require("../../../../utils/propTypes.js");require("../../../../utils/request.js");require("../../../../utils/Storage.js");require("../../../../utils/uuid.js");const V=require("./props.js"),_=require("./hooks/useModalFullScreen.js"),y=e.defineComponent({name:"BasicModal",components:{Modal:N,ModalWrapper:T,ModalClose:B,ModalFooter:S,ModalHeader:W},inheritAttrs:!1,props:V.basicProps,emits:["open-change","height-change","cancel","ok","register","update:open"],setup(r,{emit:o,attrs:m}){const t=e.ref(!1),d=e.ref(null),u=e.ref(null),C="mom-basic-modal",v=e.ref(0),c={setModalProps:R,emitVisible:void 0,redoModalHeight:()=>{e.nextTick(()=>{e.unref(u)&&e.unref(u).setModalHeight()})}},l=e.getCurrentInstance();l&&o("register",c,l.uid);const s=e.computed(()=>({...r,...e.unref(d)})),{handleFullScreen:p,getWrapClassName:h,fullScreenRef:i}=_.useFullScreen({wrapClassName:e.toRef(s.value,"wrapClassName")}),g=e.computed(()=>({...{...e.unref(s),open:e.unref(t),okButtonProps:void 0,cancelButtonProps:void 0,title:void 0},wrapClassName:e.unref(h)})),F=e.computed(()=>{const n={...m,...e.unref(s),open:e.unref(t),wrapClassName:e.unref(h)};return e.unref(i)?f.omit(n,["height","title"]):f.omit(n,"title")}),M=e.computed(()=>{if(!e.unref(i))return e.unref(g).height});e.watchEffect(()=>{t.value=!!r.open,i.value=!!r.defaultFullscreen}),e.watch(()=>e.unref(t),n=>{var a;o("open-change",n),o("update:open",n),l&&((a=c.emitVisible)==null||a.call(c,n,l.uid)),e.nextTick(()=>{r.scrollTop&&n&&e.unref(u)&&e.unref(u).scrollTop()})},{immediate:!1});async function P(n){var a,q;if(n==null||n.stopPropagation(),!((q=(a=n.target)==null?void 0:a.classList)!=null&&q.contains(`${C}-close--custom`))){if(r.closeFunc&&f.isFunction(r.closeFunc)){const b=await r.closeFunc();t.value=!b;return}t.value=!1,o("cancel",n)}}function R(n){d.value=E.deepMerge(e.unref(d)||{},n),Reflect.has(n,"open")&&(t.value=!!n.open),Reflect.has(n,"defaultFullscreen")&&(i.value=!!n.defaultFullscreen)}function k(n){o("ok",n)}function w(n){o("height-change",n)}function H(n){v.value=n}function x(n){r.canFullscreen&&(n.stopPropagation(),p(n))}return{handleCancel:P,getBindValue:F,getProps:g,handleFullScreen:p,fullScreenRef:i,getMergeProps:s,handleOk:k,openRef:t,omit:f.omit,modalWrapperRef:u,handleExtHeight:H,handleHeightChange:w,handleTitleDbClick:x,getWrapperHeight:M}}});module.exports=y;
+import C from "./BasicModal2.vue.js";
+import { resolveComponent as l, openBlock as k, createBlock as M, mergeProps as s, createSlots as p, withCtx as o, createVNode as r, renderSlot as t, renderList as i, normalizeProps as d, guardReactiveProps as f } from "vue";
+/* empty css                */
+import P from "../../../../_virtual/_plugin-vue_export-helper.js";
+function $(e, H, F, v, O, b) {
+  const g = l("ModalClose"), h = l("ModalHeader"), m = l("ModalFooter"), u = l("ModalWrapper"), c = l("Modal");
+  return k(), M(c, s(e.getBindValue, {
+    class: "mom-modal",
+    onCancel: e.handleCancel
+  }), p({
+    default: o(() => [
+      r(u, s({
+        ref: "modalWrapperRef",
+        "use-wrapper": e.getProps.useWrapper,
+        "footer-offset": e.wrapperFooterOffset,
+        "full-screen": e.fullScreenRef,
+        loading: e.getProps.loading,
+        "loading-tip": e.getProps.loadingTip,
+        "min-height": e.getProps.minHeight,
+        height: e.getWrapperHeight,
+        open: e.openRef,
+        "modal-footer-height": e.footer !== void 0 && !e.footer ? 0 : void 0
+      }, e.omit(e.getProps.wrapperProps, "open", "height", "modalFooterHeight"), {
+        onExtHeight: e.handleExtHeight,
+        onHeightChange: e.handleHeightChange
+      }), {
+        default: o(() => [
+          t(e.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["use-wrapper", "footer-offset", "full-screen", "loading", "loading-tip", "min-height", "height", "open", "modal-footer-height", "onExtHeight", "onHeightChange"])
+    ]),
+    _: 2
+  }, [
+    e.$slots.closeIcon ? void 0 : {
+      name: "closeIcon",
+      fn: o(() => [
+        r(g, {
+          "can-fullscreen": e.getProps.canFullscreen,
+          "full-screen": e.fullScreenRef,
+          onCancel: e.handleCancel,
+          onFullscreen: e.handleFullScreen
+        }, null, 8, ["can-fullscreen", "full-screen", "onCancel", "onFullscreen"])
+      ]),
+      key: "0"
+    },
+    e.$slots.title ? void 0 : {
+      name: "title",
+      fn: o(() => [
+        r(h, {
+          "help-message": e.getProps.helpMessage,
+          title: e.getMergeProps.title,
+          onDblclick: e.handleTitleDbClick
+        }, null, 8, ["help-message", "title", "onDblclick"])
+      ]),
+      key: "1"
+    },
+    e.$slots.footer ? void 0 : {
+      name: "footer",
+      fn: o(() => [
+        r(m, s(e.getBindValue, {
+          onOk: e.handleOk,
+          onCancel: e.handleCancel
+        }), p({ _: 2 }, [
+          i(Object.keys(e.$slots), (n) => ({
+            name: n,
+            fn: o((a) => [
+              t(e.$slots, n, d(f(a || {})))
+            ])
+          }))
+        ]), 1040, ["onOk", "onCancel"])
+      ]),
+      key: "2"
+    },
+    i(Object.keys(e.omit(e.$slots, "default")), (n) => ({
+      name: n,
+      fn: o((a) => [
+        t(e.$slots, n, d(f(a || {})))
+      ])
+    }))
+  ]), 1040, ["onCancel"]);
+}
+const S = /* @__PURE__ */ P(C, [["render", $]]);
+export {
+  S as default
+};
+//# sourceMappingURL=BasicModal.vue.js.map

package/dist/src/components/core/Modal/src/BasicModal.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasicModal.vue.js","sources":["../../../../../../src/components/core/Modal/src/BasicModal.vue"],"sourcesContent":["<template>\n  <Modal v-bind=\"getBindValue\" class=\"mom-modal\" @cancel=\"handleCancel\">\n    <template v-if=\"!$slots.closeIcon\" #closeIcon>\n      <ModalClose\n        :can-fullscreen=\"getProps.canFullscreen\"\n        :full-screen=\"fullScreenRef\"\n        @cancel=\"handleCancel\"\n        @fullscreen=\"handleFullScreen\"\n      />\n    </template>\n\n    <template v-if=\"!$slots.title\" #title>\n      <ModalHeader\n        :help-message=\"getProps.helpMessage\"\n        :title=\"getMergeProps.title\"\n        @dblclick=\"handleTitleDbClick\"\n      />\n    </template>\n\n    <template v-if=\"!$slots.footer\" #footer>\n      <ModalFooter v-bind=\"getBindValue\" @ok=\"handleOk\" @cancel=\"handleCancel\">\n        <template v-for=\"item in Object.keys($slots)\" #[item]=\"data\">\n          <slot :name=\"item\" v-bind=\"data || {}\"></slot>\n        </template>\n      </ModalFooter>\n    </template>\n\n    <ModalWrapper\n      ref=\"modalWrapperRef\"\n      :use-wrapper=\"getProps.useWrapper\"\n      :footer-offset=\"wrapperFooterOffset\"\n      :full-screen=\"fullScreenRef\"\n      :loading=\"getProps.loading\"\n      :loading-tip=\"getProps.loadingTip\"\n      :min-height=\"getProps.minHeight\"\n      :height=\"getWrapperHeight\"\n      :open=\"openRef\"\n      :modal-footer-height=\"footer !== undefined && !footer ? 0 : undefined\"\n      v-bind=\"omit(getProps.wrapperProps, 'open', 'height', 'modalFooterHeight')\"\n      @ext-height=\"handleExtHeight\"\n      @height-change=\"handleHeightChange\"\n    >\n      <slot></slot>\n    </ModalWrapper>\n\n    <template v-for=\"item in Object.keys(omit($slots, 'default'))\" #[item]=\"data\">\n      <slot :name=\"item\" v-bind=\"data || {}\"></slot>\n    </template>\n  </Modal>\n</template>\n<script lang=\"ts\">\n  import type { ModalProps, ModalMethods } from './typing'\n\n  import {\n    defineComponent,\n    computed,\n    ref,\n    watch,\n    unref,\n    watchEffect,\n    toRef,\n    getCurrentInstance,\n    nextTick,\n  } from 'vue'\n  import Modal from './components/Modal'\n  import ModalWrapper from './components/ModalWrapper.vue'\n  import ModalClose from './components/ModalClose.vue'\n  import ModalFooter from './components/ModalFooter.vue'\n  import ModalHeader from './components/ModalHeader.vue'\n  import { isFunction } from '@/utils/is'\n  import { deepMerge } from '@/utils'\n  import { basicProps } from './props'\n  import { useFullScreen } from './hooks/useModalFullScreen'\n  import { omit } from 'lodash-es'\n\n  export default defineComponent({\n    name: 'BasicModal',\n    components: { Modal, ModalWrapper, ModalClose, ModalFooter, ModalHeader },\n    inheritAttrs: false,\n    props: basicProps,\n    emits: ['open-change', 'height-change', 'cancel', 'ok', 'register', 'update:open'],\n    setup(props, { emit, attrs }) {\n      const openRef = ref(false)\n      const propsRef = ref<Partial<ModalProps> | null>(null)\n      const modalWrapperRef = ref<any>(null)\n      const prefixCls = 'mom-basic-modal'\n\n      // modal   Bottom and top height\n      const extHeightRef = ref(0)\n      const modalMethods: ModalMethods = {\n        setModalProps,\n        emitVisible: undefined,\n        redoModalHeight: () => {\n          nextTick(() => {\n            if (unref(modalWrapperRef)) {\n              ;(unref(modalWrapperRef) as any).setModalHeight()\n            }\n          })\n        },\n      }\n\n      const instance = getCurrentInstance()\n      if (instance) {\n        emit('register', modalMethods, instance.uid)\n      }\n\n      // Custom title component: get title\n      const getMergeProps = computed((): Recordable => {\n        return {\n          ...props,\n          ...(unref(propsRef) as any),\n        }\n      })\n\n      const { handleFullScreen, getWrapClassName, fullScreenRef } = useFullScreen({\n        modalWrapperRef,\n        extHeightRef,\n        wrapClassName: toRef(getMergeProps.value, 'wrapClassName'),\n      })\n\n      // modal component does not need title and origin buttons\n      const getProps = computed((): Recordable => {\n        const opt = {\n          ...unref(getMergeProps),\n          open: unref(openRef),\n          okButtonProps: undefined,\n          cancelButtonProps: undefined,\n          title: undefined,\n        }\n        return {\n          ...opt,\n          wrapClassName: unref(getWrapClassName),\n        }\n      })\n\n      const getBindValue = computed((): Recordable => {\n        const attr = {\n          ...attrs,\n          ...unref(getMergeProps),\n          open: unref(openRef),\n          wrapClassName: unref(getWrapClassName),\n        }\n        if (unref(fullScreenRef)) {\n          return omit(attr, ['height', 'title'])\n        }\n        return omit(attr, 'title')\n      })\n\n      const getWrapperHeight = computed(() => {\n        if (unref(fullScreenRef)) return undefined\n        return unref(getProps).height\n      })\n\n      watchEffect(() => {\n        openRef.value = !!props.open\n        fullScreenRef.value = !!props.defaultFullscreen\n      })\n\n      watch(\n        () => unref(openRef),\n        v => {\n          emit('open-change', v)\n          emit('update:open', v)\n          instance && modalMethods.emitVisible?.(v, instance.uid)\n          nextTick(() => {\n            if (props.scrollTop && v && unref(modalWrapperRef)) {\n              ;(unref(modalWrapperRef) as any).scrollTop()\n            }\n          })\n        },\n        {\n          immediate: false,\n        },\n      )\n\n      // 取消事件\n      async function handleCancel(e: Event) {\n        e?.stopPropagation()\n        // 过滤自定义关闭按钮的空白区域\n        if ((e.target as HTMLElement)?.classList?.contains(`${prefixCls}-close--custom`)) return\n        if (props.closeFunc && isFunction(props.closeFunc)) {\n          const isClose: boolean = await props.closeFunc()\n          openRef.value = !isClose\n          return\n        }\n\n        openRef.value = false\n        emit('cancel', e)\n      }\n\n      /**\n       * @description: 设置modal参数\n       */\n      function setModalProps(props: Partial<ModalProps>): void {\n        // Keep the last setModalProps\n        propsRef.value = deepMerge(unref(propsRef) || ({} as any), props)\n        if (Reflect.has(props, 'open')) {\n          openRef.value = !!props.open\n        }\n        if (Reflect.has(props, 'defaultFullscreen')) {\n          fullScreenRef.value = !!props.defaultFullscreen\n        }\n      }\n\n      function handleOk(e: Event) {\n        emit('ok', e)\n      }\n\n      function handleHeightChange(height: string) {\n        emit('height-change', height)\n      }\n\n      function handleExtHeight(height: number) {\n        extHeightRef.value = height\n      }\n\n      function handleTitleDbClick(e) {\n        if (!props.canFullscreen) return\n        e.stopPropagation()\n        handleFullScreen(e)\n      }\n\n      return {\n        handleCancel,\n        getBindValue,\n        getProps,\n        handleFullScreen,\n        fullScreenRef,\n        getMergeProps,\n        handleOk,\n        openRef,\n        omit,\n        modalWrapperRef,\n        handleExtHeight,\n        handleHeightChange,\n        handleTitleDbClick,\n        getWrapperHeight,\n      }\n    },\n  })\n</script>\n<style lang=\"less\">\n  .ant-modal-close {\n    background-color: transparent;\n  }\n</style>\n"],"names":["_resolveComponent","_openBlock","handleCancel","_component_Modal","_mergeProps","_ctx","_createSlots","_withCtx","_createVNode","_component_ModalWrapper","fullScreenRef","getProps","getWrapperHeight","openRef","omit","handleExtHeight","handleHeightChange","$slots","_component_ModalClose","handleFullScreen","getMergeProps","handleTitleDbClick","handleOk","item","data"],"mappings":";;;;;oGACEA,EA+CQ,OAAA;AA/CwC,SAAAC,EAAA,GAAQC,EAAYC,GAAAC,EAAAC,EAAA,cAAA;AAAA,IAAA,OAAA;AAAA;MA0BlEC,EAgBe;AAAA,IAAA,SAfTC,EAAA,MAAA;AAAA,MAAAC,EACHC,GAAsBL,EAAU;AAAA,QAChC,KAAA;AAAA,QACA,eAAaM,EAAAA,SAAAA;AAAAA,QACb,iBAASC,EAAQ;AAAA,QACjB,eAAaA,EAAAA;AAAAA,QACb,SAAAN,EAAYM,SAAAA;AAAAA,QACZ,eAAQC,EAAAA,SAAgB;AAAA,QACxB,cAAMC,EAAO,SAAA;AAAA,QACb,QAAAR,EAAA;AAAA,QAAA,MACOS,EAAKH;AAAAA,QACZ,uBAAYI,EAAAA,WAAe,UAAA,CAAAV,EAAA,SAAA,IAAA;AAAA,MAAA,GAC3BA,SAAeW,SAAAA,cAAkB,QAAA,UAAA,mBAAA,GAAA;AAAA,QAAA,aAAAX,EAAA;AAAA,QAErB,gBAAAA,EAAA;AAAA,MAAA,CAAA,GAAb;AAAA,QAAA,SAAAE,EAAA,MAAA;AAAA;;;;;IAxCeU,GAAAA;AAAAA,EAAAA,GAAAA;AAAAA,IAAmBZ,EAAA,OAAA,YASnBY,SATmB;AAAA,MAClC,MAAA;AAAA,MAAA,IACGV,EAAA,MAAA;AAAA,QAAAC,EACAU,GAA0B;AAAA,UAC1B,kBAAQhB,EAAAA,SAAY;AAAA,UACpB,eAAYiB,EAAAA;AAAAA,UAAAA,UAAAA,EAAAA;AAAAA;;;;IAIAF;AAAAA,IAAeZ,EAAA,OAAA,QAQfY,SARe;AAAA,MAC9B,MAAA;AAAA,MAAA,IACGV,EAAA,MAAY;AAAA,QAAAC,EACLY,GAAmB;AAAA,UAC1B,gBAAUC,EAAAA,SAAAA;AAAAA,UAAAA,OAAAA,EAAAA,cAAAA;AAAAA;;;;IAIEJ;AAAAA,IAAgBZ,EAAA,OAAA,kBAAA;AAAA,MAC/B,MAAA;AAAA,MAAA,IAAoCE,EAAIe,MAAAA;AAAAA,QAAAA,EAAmBpB,GAAYE,EAAAC,EAAA,cAAA;AAAA,UAAA,MAAAA,EAAA;AAAA,UAC5C,UAAAA,EAAA;AAAA,QAAA,CAAA,GAAAC,EAAA,EAAA,GAAA,EAAA,GAAA;AAAA,YAAsB,OAAM,KAAAD,EAAA,MAAA,GAAA,CAAAkB;YACnD,MAAAA;AAAA,YAAA,IAAAhB,EAAA,CAAAiB,MAAA;AAAA;;;;;;;MAuB0D,OAAM,KAAAnB,EAAA,KAAAA,EAAA,QAAA,SAAA,CAAA,GAAA,CAAAkB;MACpE,MAAAA;AAAA,MAAA,IAAAhB,EAAA,CAAAiB,MAAA;AAAA;;;;;;"}

package/dist/src/components/core/Modal/src/BasicModal2.vue.js

@@ -0,0 +1,126 @@
+import { defineComponent as T, ref as c, getCurrentInstance as W, computed as u, unref as t, toRef as S, watchEffect as V, watch as E, nextTick as C } from "vue";
+import _ from "./components/Modal.js";
+import y from "./components/ModalWrapper.vue.js";
+import A from "./components/ModalClose.vue.js";
+import D from "./components/ModalFooter.vue.js";
+import I from "./components/ModalHeader.vue.js";
+import { omit as m, isFunction as L } from "lodash-es";
+import "dayjs";
+import "../../../../utils/dateUtil.js";
+import "../../../../utils/eventBus.js";
+import "../../../../node_modules/.pnpm/file-saver@2.0.5/node_modules/file-saver/dist/FileSaver.min.js";
+import { deepMerge as O } from "../../../../utils/helper.js";
+import "../../../../utils/i18n.js";
+/* empty css                              */
+import "../../../../utils/nprogress.js";
+import "../../../../utils/performanceMonitor.js";
+import "../../../../utils/SignalRConnectionManager.js";
+import "../../../../utils/propTypes.js";
+import "../../../../utils/request.js";
+import "../../../../utils/Storage.js";
+import "../../../../utils/uuid.js";
+import { basicProps as $ } from "./props.js";
+import { useFullScreen as j } from "./hooks/useModalFullScreen.js";
+const pe = T({
+  name: "BasicModal",
+  components: { Modal: _, ModalWrapper: y, ModalClose: A, ModalFooter: D, ModalHeader: I },
+  inheritAttrs: !1,
+  props: $,
+  emits: ["open-change", "height-change", "cancel", "ok", "register", "update:open"],
+  setup(o, { emit: a, attrs: M }) {
+    const n = c(!1), f = c(null), r = c(null), v = "mom-basic-modal", F = c(0), p = {
+      setModalProps: H,
+      emitVisible: void 0,
+      redoModalHeight: () => {
+        C(() => {
+          t(r) && t(r).setModalHeight();
+        });
+      }
+    }, l = W();
+    l && a("register", p, l.uid);
+    const s = u(() => ({
+      ...o,
+      ...t(f)
+    })), { handleFullScreen: d, getWrapClassName: h, fullScreenRef: i } = j({
+      wrapClassName: S(s.value, "wrapClassName")
+    }), g = u(() => ({
+      ...{
+        ...t(s),
+        open: t(n),
+        okButtonProps: void 0,
+        cancelButtonProps: void 0,
+        title: void 0
+      },
+      wrapClassName: t(h)
+    })), P = u(() => {
+      const e = {
+        ...M,
+        ...t(s),
+        open: t(n),
+        wrapClassName: t(h)
+      };
+      return t(i) ? m(e, ["height", "title"]) : m(e, "title");
+    }), R = u(() => {
+      if (!t(i))
+        return t(g).height;
+    });
+    V(() => {
+      n.value = !!o.open, i.value = !!o.defaultFullscreen;
+    }), E(
+      () => t(n),
+      (e) => {
+        a("open-change", e), a("update:open", e), l && p.emitVisible?.(e, l.uid), C(() => {
+          o.scrollTop && e && t(r) && t(r).scrollTop();
+        });
+      },
+      {
+        immediate: !1
+      }
+    );
+    async function w(e) {
+      if (e?.stopPropagation(), !e.target?.classList?.contains(`${v}-close--custom`)) {
+        if (o.closeFunc && L(o.closeFunc)) {
+          const B = await o.closeFunc();
+          n.value = !B;
+          return;
+        }
+        n.value = !1, a("cancel", e);
+      }
+    }
+    function H(e) {
+      f.value = O(t(f) || {}, e), Reflect.has(e, "open") && (n.value = !!e.open), Reflect.has(e, "defaultFullscreen") && (i.value = !!e.defaultFullscreen);
+    }
+    function k(e) {
+      a("ok", e);
+    }
+    function b(e) {
+      a("height-change", e);
+    }
+    function x(e) {
+      F.value = e;
+    }
+    function N(e) {
+      o.canFullscreen && (e.stopPropagation(), d(e));
+    }
+    return {
+      handleCancel: w,
+      getBindValue: P,
+      getProps: g,
+      handleFullScreen: d,
+      fullScreenRef: i,
+      getMergeProps: s,
+      handleOk: k,
+      openRef: n,
+      omit: m,
+      modalWrapperRef: r,
+      handleExtHeight: x,
+      handleHeightChange: b,
+      handleTitleDbClick: N,
+      getWrapperHeight: R
+    };
+  }
+});
+export {
+  pe as default
+};
+//# sourceMappingURL=BasicModal2.vue.js.map

package/dist/src/components/core/Modal/src/BasicModal2.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasicModal2.vue.js","sources":["../../../../../../src/components/core/Modal/src/BasicModal.vue"],"sourcesContent":["<template>\n  <Modal v-bind=\"getBindValue\" class=\"mom-modal\" @cancel=\"handleCancel\">\n    <template v-if=\"!$slots.closeIcon\" #closeIcon>\n      <ModalClose\n        :can-fullscreen=\"getProps.canFullscreen\"\n        :full-screen=\"fullScreenRef\"\n        @cancel=\"handleCancel\"\n        @fullscreen=\"handleFullScreen\"\n      />\n    </template>\n\n    <template v-if=\"!$slots.title\" #title>\n      <ModalHeader\n        :help-message=\"getProps.helpMessage\"\n        :title=\"getMergeProps.title\"\n        @dblclick=\"handleTitleDbClick\"\n      />\n    </template>\n\n    <template v-if=\"!$slots.footer\" #footer>\n      <ModalFooter v-bind=\"getBindValue\" @ok=\"handleOk\" @cancel=\"handleCancel\">\n        <template v-for=\"item in Object.keys($slots)\" #[item]=\"data\">\n          <slot :name=\"item\" v-bind=\"data || {}\"></slot>\n        </template>\n      </ModalFooter>\n    </template>\n\n    <ModalWrapper\n      ref=\"modalWrapperRef\"\n      :use-wrapper=\"getProps.useWrapper\"\n      :footer-offset=\"wrapperFooterOffset\"\n      :full-screen=\"fullScreenRef\"\n      :loading=\"getProps.loading\"\n      :loading-tip=\"getProps.loadingTip\"\n      :min-height=\"getProps.minHeight\"\n      :height=\"getWrapperHeight\"\n      :open=\"openRef\"\n      :modal-footer-height=\"footer !== undefined && !footer ? 0 : undefined\"\n      v-bind=\"omit(getProps.wrapperProps, 'open', 'height', 'modalFooterHeight')\"\n      @ext-height=\"handleExtHeight\"\n      @height-change=\"handleHeightChange\"\n    >\n      <slot></slot>\n    </ModalWrapper>\n\n    <template v-for=\"item in Object.keys(omit($slots, 'default'))\" #[item]=\"data\">\n      <slot :name=\"item\" v-bind=\"data || {}\"></slot>\n    </template>\n  </Modal>\n</template>\n<script lang=\"ts\">\n  import type { ModalProps, ModalMethods } from './typing'\n\n  import {\n    defineComponent,\n    computed,\n    ref,\n    watch,\n    unref,\n    watchEffect,\n    toRef,\n    getCurrentInstance,\n    nextTick,\n  } from 'vue'\n  import Modal from './components/Modal'\n  import ModalWrapper from './components/ModalWrapper.vue'\n  import ModalClose from './components/ModalClose.vue'\n  import ModalFooter from './components/ModalFooter.vue'\n  import ModalHeader from './components/ModalHeader.vue'\n  import { isFunction } from '@/utils/is'\n  import { deepMerge } from '@/utils'\n  import { basicProps } from './props'\n  import { useFullScreen } from './hooks/useModalFullScreen'\n  import { omit } from 'lodash-es'\n\n  export default defineComponent({\n    name: 'BasicModal',\n    components: { Modal, ModalWrapper, ModalClose, ModalFooter, ModalHeader },\n    inheritAttrs: false,\n    props: basicProps,\n    emits: ['open-change', 'height-change', 'cancel', 'ok', 'register', 'update:open'],\n    setup(props, { emit, attrs }) {\n      const openRef = ref(false)\n      const propsRef = ref<Partial<ModalProps> | null>(null)\n      const modalWrapperRef = ref<any>(null)\n      const prefixCls = 'mom-basic-modal'\n\n      // modal   Bottom and top height\n      const extHeightRef = ref(0)\n      const modalMethods: ModalMethods = {\n        setModalProps,\n        emitVisible: undefined,\n        redoModalHeight: () => {\n          nextTick(() => {\n            if (unref(modalWrapperRef)) {\n              ;(unref(modalWrapperRef) as any).setModalHeight()\n            }\n          })\n        },\n      }\n\n      const instance = getCurrentInstance()\n      if (instance) {\n        emit('register', modalMethods, instance.uid)\n      }\n\n      // Custom title component: get title\n      const getMergeProps = computed((): Recordable => {\n        return {\n          ...props,\n          ...(unref(propsRef) as any),\n        }\n      })\n\n      const { handleFullScreen, getWrapClassName, fullScreenRef } = useFullScreen({\n        modalWrapperRef,\n        extHeightRef,\n        wrapClassName: toRef(getMergeProps.value, 'wrapClassName'),\n      })\n\n      // modal component does not need title and origin buttons\n      const getProps = computed((): Recordable => {\n        const opt = {\n          ...unref(getMergeProps),\n          open: unref(openRef),\n          okButtonProps: undefined,\n          cancelButtonProps: undefined,\n          title: undefined,\n        }\n        return {\n          ...opt,\n          wrapClassName: unref(getWrapClassName),\n        }\n      })\n\n      const getBindValue = computed((): Recordable => {\n        const attr = {\n          ...attrs,\n          ...unref(getMergeProps),\n          open: unref(openRef),\n          wrapClassName: unref(getWrapClassName),\n        }\n        if (unref(fullScreenRef)) {\n          return omit(attr, ['height', 'title'])\n        }\n        return omit(attr, 'title')\n      })\n\n      const getWrapperHeight = computed(() => {\n        if (unref(fullScreenRef)) return undefined\n        return unref(getProps).height\n      })\n\n      watchEffect(() => {\n        openRef.value = !!props.open\n        fullScreenRef.value = !!props.defaultFullscreen\n      })\n\n      watch(\n        () => unref(openRef),\n        v => {\n          emit('open-change', v)\n          emit('update:open', v)\n          instance && modalMethods.emitVisible?.(v, instance.uid)\n          nextTick(() => {\n            if (props.scrollTop && v && unref(modalWrapperRef)) {\n              ;(unref(modalWrapperRef) as any).scrollTop()\n            }\n          })\n        },\n        {\n          immediate: false,\n        },\n      )\n\n      // 取消事件\n      async function handleCancel(e: Event) {\n        e?.stopPropagation()\n        // 过滤自定义关闭按钮的空白区域\n        if ((e.target as HTMLElement)?.classList?.contains(`${prefixCls}-close--custom`)) return\n        if (props.closeFunc && isFunction(props.closeFunc)) {\n          const isClose: boolean = await props.closeFunc()\n          openRef.value = !isClose\n          return\n        }\n\n        openRef.value = false\n        emit('cancel', e)\n      }\n\n      /**\n       * @description: 设置modal参数\n       */\n      function setModalProps(props: Partial<ModalProps>): void {\n        // Keep the last setModalProps\n        propsRef.value = deepMerge(unref(propsRef) || ({} as any), props)\n        if (Reflect.has(props, 'open')) {\n          openRef.value = !!props.open\n        }\n        if (Reflect.has(props, 'defaultFullscreen')) {\n          fullScreenRef.value = !!props.defaultFullscreen\n        }\n      }\n\n      function handleOk(e: Event) {\n        emit('ok', e)\n      }\n\n      function handleHeightChange(height: string) {\n        emit('height-change', height)\n      }\n\n      function handleExtHeight(height: number) {\n        extHeightRef.value = height\n      }\n\n      function handleTitleDbClick(e) {\n        if (!props.canFullscreen) return\n        e.stopPropagation()\n        handleFullScreen(e)\n      }\n\n      return {\n        handleCancel,\n        getBindValue,\n        getProps,\n        handleFullScreen,\n        fullScreenRef,\n        getMergeProps,\n        handleOk,\n        openRef,\n        omit,\n        modalWrapperRef,\n        handleExtHeight,\n        handleHeightChange,\n        handleTitleDbClick,\n        getWrapperHeight,\n      }\n    },\n  })\n</script>\n<style lang=\"less\">\n  .ant-modal-close {\n    background-color: transparent;\n  }\n</style>\n"],"names":["_sfc_main","defineComponent","Modal","ModalWrapper","ModalClose","ModalFooter","ModalHeader","basicProps","props","emit","attrs","openRef","ref","propsRef","modalWrapperRef","prefixCls","extHeightRef","modalMethods","setModalProps","nextTick","unref","instance","getCurrentInstance","getMergeProps","computed","handleFullScreen","getWrapClassName","fullScreenRef","useFullScreen","toRef","getProps","getBindValue","attr","omit","getWrapperHeight","watchEffect","watch","v","handleCancel","isFunction","isClose","deepMerge","handleOk","handleHeightChange","height","handleExtHeight","handleTitleDbClick"],"mappings":"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"}

package/dist/src/components/core/Modal/src/components/Modal.js

@@ -1 +1,32 @@
-"use strict";const l=require("../../../../../../node_modules/.pnpm/vue@3.5.39_typescript@5.4.5/node_modules/vue/jsx-runtime/index.js"),d=require("ant-design-vue"),s=require("vue"),p=require("../props.js"),q=require("../hooks/useModalDrag.js"),M=require("../../../../../hooks/useAttrs.js"),g=require("../../../../../utils/helper/tsxHelper.js"),x=s.defineComponent({name:"Modal",inheritAttrs:!1,props:p.basicProps,emits:["cancel"],setup(t,{slots:r,emit:n}){const{open:o,draggable:c,destroyOnClose:a}=s.toRefs(t),u=M.useAttrs();q.useModalDragMove({open:o,destroyOnClose:a,draggable:c});const i=e=>{n("cancel",e)};return()=>{const e={...s.unref(u),...t,onCancel:i};return l.jsx(d.Modal,{...e,children:g.extendSlots(r)})}}});module.exports=x;
+import { jsx as p } from "vue/jsx-runtime";
+import { Modal as i } from "ant-design-vue";
+import { defineComponent as c, toRefs as f, unref as d } from "vue";
+import { basicProps as u } from "../props.js";
+import { useModalDragMove as M } from "../hooks/useModalDrag.js";
+import { useAttrs as g } from "../../../../../hooks/useAttrs.js";
+import { extendSlots as x } from "../../../../../utils/helper/tsxHelper.js";
+const y = c({
+  name: "Modal",
+  inheritAttrs: !1,
+  props: u,
+  emits: ["cancel"],
+  setup(t, { slots: r, emit: e }) {
+    const { open: s, draggable: n, destroyOnClose: a } = f(t), m = g();
+    M({
+      open: s,
+      destroyOnClose: a,
+      draggable: n
+    });
+    const l = (o) => {
+      e("cancel", o);
+    };
+    return () => {
+      const o = { ...d(m), ...t, onCancel: l };
+      return /* @__PURE__ */ p(i, { ...o, children: x(r) });
+    };
+  }
+});
+export {
+  y as default
+};
+//# sourceMappingURL=Modal.js.map

package/dist/src/components/core/Modal/src/components/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sources":["../../../../../../../src/components/core/Modal/src/components/Modal.tsx"],"sourcesContent":["import { Modal } from 'ant-design-vue'\nimport { defineComponent, toRefs, unref } from 'vue'\nimport { basicProps } from '../props'\nimport { useModalDragMove } from '../hooks/useModalDrag'\nimport { useAttrs } from '@/hooks/useAttrs'\nimport { extendSlots } from '@/utils/helper/tsxHelper'\n\nexport default defineComponent({\n  name: 'Modal',\n  inheritAttrs: false,\n  props: basicProps,\n  emits: ['cancel'],\n  setup(props, { slots, emit }) {\n    const { open, draggable, destroyOnClose } = toRefs(props)\n    const attrs = useAttrs()\n    useModalDragMove({\n      open,\n      destroyOnClose,\n      draggable,\n    })\n\n    const onCancel = (e: Event) => {\n      emit('cancel', e)\n    }\n\n    return () => {\n      const propsData = { ...unref(attrs), ...props, onCancel } as Recordable\n      return <Modal {...propsData}>{extendSlots(slots)}</Modal>\n    }\n  },\n})\n"],"names":["Modal","defineComponent","basicProps","props","slots","emit","open","draggable","destroyOnClose","toRefs","attrs","useAttrs","useModalDragMove","onCancel","e","propsData","unref","extendSlots"],"mappings":";;;;;;;AAOA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,cAAc;AAAA,EACd,OAAOC;AAAA,EACP,OAAO,CAAC,QAAQ;AAAA,EAChB,MAAMC,GAAO,EAAE,OAAAC,GAAO,MAAAC,KAAQ;AAC5B,UAAM,EAAE,MAAAC,GAAM,WAAAC,GAAW,gBAAAC,EAAA,IAAmBC,EAAON,CAAK,GAClDO,IAAQC,EAAA;AACd,IAAAC,EAAiB;AAAA,MACf,MAAAN;AAAA,MACA,gBAAAE;AAAA,MACA,WAAAD;AAAA,IAAA,CACD;AAED,UAAMM,IAAW,CAACC,MAAa;AAC7B,MAAAT,EAAK,UAAUS,CAAC;AAAA,IAClB;AAEA,WAAO,MAAM;AACX,YAAMC,IAAY,EAAE,GAAGC,EAAMN,CAAK,GAAG,GAAGP,GAAO,UAAAU,EAAA;AAC/C,+BAAQb,GAAA,EAAO,GAAGe,GAAY,UAAAE,EAAYb,CAAK,GAAE;AAAA,IACnD;AAAA,EACF;AACF,CAAC;"}

package/dist/src/components/core/Modal/src/components/ModalClose.vue.js

@@ -1 +1,52 @@
-"use strict";const r=require("./ModalClose2.vue.js"),e=require("vue");;/* empty css                 */const s=require("../../../../../../_virtual/_plugin-vue_export-helper.js");function i(o,u,p,d,m,C){const t=e.resolveComponent("FullscreenExitOutlined"),l=e.resolveComponent("Tooltip"),n=e.resolveComponent("FullscreenOutlined"),c=e.resolveComponent("CloseOutlined");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(o.getClass)},[o.canFullscreen?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.fullScreen?(e.openBlock(),e.createBlock(l,{key:0,title:o.t("component.modal.restore"),placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(t,{role:"full",onClick:o.handleFullScreen},null,8,["onClick"])]),_:1},8,["title"])):(e.openBlock(),e.createBlock(l,{key:1,title:o.t("component.modal.maximize"),placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(n,{role:"close",onClick:o.handleFullScreen},null,8,["onClick"])]),_:1},8,["title"]))],64)):e.createCommentVNode("",!0),e.createVNode(l,{title:o.t("component.model.close"),placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(c,{onClick:o.handleCancel},null,8,["onClick"])]),_:1},8,["title"])],2)}const a=s(r,[["render",i],["__scopeId","data-v-bd8991a7"]]);module.exports=a;
+import d from "./ModalClose2.vue.js";
+import { resolveComponent as l, openBlock as o, createElementBlock as r, normalizeClass as u, Fragment as p, createBlock as i, withCtx as c, createVNode as t, createCommentVNode as C } from "vue";
+/* empty css                */
+import f from "../../../../../_virtual/_plugin-vue_export-helper.js";
+function k(e, _, F, O, h, b) {
+  const a = l("FullscreenExitOutlined"), n = l("Tooltip"), m = l("FullscreenOutlined"), s = l("CloseOutlined");
+  return o(), r("div", {
+    class: u(e.getClass)
+  }, [
+    e.canFullscreen ? (o(), r(p, { key: 0 }, [
+      e.fullScreen ? (o(), i(n, {
+        key: 0,
+        title: e.t("component.modal.restore"),
+        placement: "bottom"
+      }, {
+        default: c(() => [
+          t(a, {
+            role: "full",
+            onClick: e.handleFullScreen
+          }, null, 8, ["onClick"])
+        ]),
+        _: 1
+      }, 8, ["title"])) : (o(), i(n, {
+        key: 1,
+        title: e.t("component.modal.maximize"),
+        placement: "bottom"
+      }, {
+        default: c(() => [
+          t(m, {
+            role: "close",
+            onClick: e.handleFullScreen
+          }, null, 8, ["onClick"])
+        ]),
+        _: 1
+      }, 8, ["title"]))
+    ], 64)) : C("", !0),
+    t(n, {
+      title: e.t("component.model.close"),
+      placement: "bottom"
+    }, {
+      default: c(() => [
+        t(s, { onClick: e.handleCancel }, null, 8, ["onClick"])
+      ]),
+      _: 1
+    }, 8, ["title"])
+  ], 2);
+}
+const E = /* @__PURE__ */ f(d, [["render", k], ["__scopeId", "data-v-bd8991a7"]]);
+export {
+  E as default
+};
+//# sourceMappingURL=ModalClose.vue.js.map

package/dist/src/components/core/Modal/src/components/ModalClose.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalClose.vue.js","sources":["../../../../../../../src/components/core/Modal/src/components/ModalClose.vue"],"sourcesContent":["<template>\n  <div :class=\"getClass\">\n    <template v-if=\"canFullscreen\">\n      <Tooltip v-if=\"fullScreen\" :title=\"t('component.modal.restore')\" placement=\"bottom\">\n        <FullscreenExitOutlined role=\"full\" @click=\"handleFullScreen\" />\n      </Tooltip>\n      <Tooltip v-else :title=\"t('component.modal.maximize')\" placement=\"bottom\">\n        <FullscreenOutlined role=\"close\" @click=\"handleFullScreen\" />\n      </Tooltip>\n    </template>\n    <Tooltip :title=\"t('component.model.close')\" placement=\"bottom\">\n      <CloseOutlined @click=\"handleCancel\" />\n    </Tooltip>\n  </div>\n</template>\n<script lang=\"ts\">\n  import { defineComponent, computed } from 'vue'\n  import { FullscreenExitOutlined, FullscreenOutlined, CloseOutlined } from '@ant-design/icons-vue'\n  import { Tooltip } from 'ant-design-vue'\n  import { useI18n } from '@/hooks/useI18n'\n\n  export default defineComponent({\n    name: 'ModalClose',\n    components: { Tooltip, FullscreenExitOutlined, FullscreenOutlined, CloseOutlined },\n    props: {\n      canFullscreen: { type: Boolean, default: false },\n      fullScreen: { type: Boolean },\n    },\n    emits: ['cancel', 'fullscreen'],\n    setup(props, { emit }) {\n      const prefixCls = 'mom-basic-modal-close'\n      const { t } = useI18n()\n\n      const getClass = computed(() => {\n        return [\n          prefixCls,\n          `${prefixCls}--custom`,\n          {\n            [`${prefixCls}--can-full`]: props.canFullscreen,\n          },\n        ]\n      })\n\n      function handleCancel(e: Event) {\n        emit('cancel', e)\n      }\n\n      function handleFullScreen(e: Event) {\n        e?.stopPropagation()\n        e?.preventDefault()\n        emit('fullscreen')\n      }\n\n      return {\n        t,\n        getClass,\n        prefixCls,\n        handleCancel,\n        handleFullScreen,\n      }\n    },\n  })\n</script>\n<style lang=\"less\" scoped>\n  @prefix-cls: ~'mom-basic-modal-close';\n  .@{prefix-cls} {\n    display: flex;\n    align-items: center;\n    height: 95%;\n\n    > span {\n      // margin-left: 18px;\n      font-size: 16px;\n    }\n\n    &--can-full {\n      > span {\n        margin-left: 12px;\n      }\n    }\n\n    &:not(&--can-full) {\n      > span:nth-child(1) {\n        &:hover {\n          font-weight: 700;\n        }\n      }\n    }\n\n    & span:nth-child(1) {\n      display: inline-block;\n      padding: 10px;\n\n      &:hover {\n        color: '#13c2c2';\n      }\n    }\n\n    & span:last-child {\n      &:hover {\n        color: #f5222d;\n      }\n    }\n  }\n</style>\n"],"names":["_resolveComponent","canFullscreen","_ctx","_openBlock","_createElementBlock","_Fragment","_createBlock","_component_Tooltip","_withCtx","_createVNode","handleFullScreen","_createCommentVNode"],"mappings":";;;;;4FACEA,EAYM,eAAA;;WAXYC,EAAaC,EAAA,QAAA;AAAA,EAAA,GAAA;AAAA,IAGjBA,EAAA,iBAAAC,KAAAC,EAAAC,GAAA,EAAA,KAAA,KAAA;AAAA,MAAAH,EAAA,cAAAC,KAF0BG,EAAAC,GAAA;AAAA,QAA6B,KAAA;AAAA,QAAA,OAAAL,EAAA,EAAA,yBAAA;AAAA;;iBACnCM,EAAO,MAAA;AAAA,UAAAC,EAASC,GAAgB;AAAA,YAAA,MAAA;AAAA;;;;gCAErCJ,EAAAC,GAAA;AAAA,QAA8B,KAAA;AAAA,QAAA,OAAAL,EAAA,EAAA,0BAAA;AAAA;;iBAC7BM,EAAQ,MAAA;AAAA,UAAAC,EAASC,GAAgB;AAAA,YAAA,MAAA;AAAA;;;;;IAG7D,GAAA,EAAA,KAAUC,EAAQ,IAAA,EAAA;AAAA,IAAAF,EAAqCF,GAAQ;AAAA,MAAA,OAAAL,EAAA,EAAA,uBAAA;AAAA;;;;;;;;;;"}

package/dist/src/components/core/Modal/src/components/ModalClose2.vue.js

@@ -1 +1,39 @@
-"use strict";const s=require("vue"),l=require("@ant-design/icons-vue"),a=require("ant-design-vue"),p=require("../../../../../hooks/useI18n.js"),d=s.defineComponent({name:"ModalClose",components:{Tooltip:a.Tooltip,FullscreenExitOutlined:l.FullscreenExitOutlined,FullscreenOutlined:l.FullscreenOutlined,CloseOutlined:l.CloseOutlined},props:{canFullscreen:{type:Boolean,default:!1},fullScreen:{type:Boolean}},emits:["cancel","fullscreen"],setup(o,{emit:t}){const n="mom-basic-modal-close",{t:c}=p.useI18n(),u=s.computed(()=>[n,`${n}--custom`,{[`${n}--can-full`]:o.canFullscreen}]);function r(e){t("cancel",e)}function i(e){e==null||e.stopPropagation(),e==null||e.preventDefault(),t("fullscreen")}return{t:c,getClass:u,prefixCls:n,handleCancel:r,handleFullScreen:i}}});module.exports=d;
+import { defineComponent as a, computed as u } from "vue";
+import { CloseOutlined as p, FullscreenOutlined as f, FullscreenExitOutlined as m } from "@ant-design/icons-vue";
+import { Tooltip as i } from "ant-design-vue";
+import { useI18n as d } from "../../../../../hooks/useI18n.js";
+const g = a({
+  name: "ModalClose",
+  components: { Tooltip: i, FullscreenExitOutlined: m, FullscreenOutlined: f, CloseOutlined: p },
+  props: {
+    canFullscreen: { type: Boolean, default: !1 },
+    fullScreen: { type: Boolean }
+  },
+  emits: ["cancel", "fullscreen"],
+  setup(o, { emit: l }) {
+    const e = "mom-basic-modal-close", { t } = d(), c = u(() => [
+      e,
+      `${e}--custom`,
+      {
+        [`${e}--can-full`]: o.canFullscreen
+      }
+    ]);
+    function s(n) {
+      l("cancel", n);
+    }
+    function r(n) {
+      n?.stopPropagation(), n?.preventDefault(), l("fullscreen");
+    }
+    return {
+      t,
+      getClass: c,
+      prefixCls: e,
+      handleCancel: s,
+      handleFullScreen: r
+    };
+  }
+});
+export {
+  g as default
+};
+//# sourceMappingURL=ModalClose2.vue.js.map

package/dist/src/components/core/Modal/src/components/ModalClose2.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalClose2.vue.js","sources":["../../../../../../../src/components/core/Modal/src/components/ModalClose.vue"],"sourcesContent":["<template>\n  <div :class=\"getClass\">\n    <template v-if=\"canFullscreen\">\n      <Tooltip v-if=\"fullScreen\" :title=\"t('component.modal.restore')\" placement=\"bottom\">\n        <FullscreenExitOutlined role=\"full\" @click=\"handleFullScreen\" />\n      </Tooltip>\n      <Tooltip v-else :title=\"t('component.modal.maximize')\" placement=\"bottom\">\n        <FullscreenOutlined role=\"close\" @click=\"handleFullScreen\" />\n      </Tooltip>\n    </template>\n    <Tooltip :title=\"t('component.model.close')\" placement=\"bottom\">\n      <CloseOutlined @click=\"handleCancel\" />\n    </Tooltip>\n  </div>\n</template>\n<script lang=\"ts\">\n  import { defineComponent, computed } from 'vue'\n  import { FullscreenExitOutlined, FullscreenOutlined, CloseOutlined } from '@ant-design/icons-vue'\n  import { Tooltip } from 'ant-design-vue'\n  import { useI18n } from '@/hooks/useI18n'\n\n  export default defineComponent({\n    name: 'ModalClose',\n    components: { Tooltip, FullscreenExitOutlined, FullscreenOutlined, CloseOutlined },\n    props: {\n      canFullscreen: { type: Boolean, default: false },\n      fullScreen: { type: Boolean },\n    },\n    emits: ['cancel', 'fullscreen'],\n    setup(props, { emit }) {\n      const prefixCls = 'mom-basic-modal-close'\n      const { t } = useI18n()\n\n      const getClass = computed(() => {\n        return [\n          prefixCls,\n          `${prefixCls}--custom`,\n          {\n            [`${prefixCls}--can-full`]: props.canFullscreen,\n          },\n        ]\n      })\n\n      function handleCancel(e: Event) {\n        emit('cancel', e)\n      }\n\n      function handleFullScreen(e: Event) {\n        e?.stopPropagation()\n        e?.preventDefault()\n        emit('fullscreen')\n      }\n\n      return {\n        t,\n        getClass,\n        prefixCls,\n        handleCancel,\n        handleFullScreen,\n      }\n    },\n  })\n</script>\n<style lang=\"less\" scoped>\n  @prefix-cls: ~'mom-basic-modal-close';\n  .@{prefix-cls} {\n    display: flex;\n    align-items: center;\n    height: 95%;\n\n    > span {\n      // margin-left: 18px;\n      font-size: 16px;\n    }\n\n    &--can-full {\n      > span {\n        margin-left: 12px;\n      }\n    }\n\n    &:not(&--can-full) {\n      > span:nth-child(1) {\n        &:hover {\n          font-weight: 700;\n        }\n      }\n    }\n\n    & span:nth-child(1) {\n      display: inline-block;\n      padding: 10px;\n\n      &:hover {\n        color: '#13c2c2';\n      }\n    }\n\n    & span:last-child {\n      &:hover {\n        color: #f5222d;\n      }\n    }\n  }\n</style>\n"],"names":["_sfc_main","defineComponent","Tooltip","FullscreenExitOutlined","FullscreenOutlined","CloseOutlined","props","emit","prefixCls","useI18n","getClass","computed","handleCancel","e","handleFullScreen"],"mappings":";;;;AAqBE,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY,EAAE,SAAAC,GAAS,wBAAAC,GAAwB,oBAAAC,GAAoB,eAAAC,EAAA;AAAA,EACnE,OAAO;AAAA,IACL,eAAe,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,IACzC,YAAY,EAAE,MAAM,QAAA;AAAA,EAAQ;AAAA,EAE9B,OAAO,CAAC,UAAU,YAAY;AAAA,EAC9B,MAAMC,GAAO,EAAE,MAAAC,KAAQ;AACrB,UAAMC,IAAY,yBACZ,EAAE,EAAA,IAAMC,EAAA,GAERC,IAAWC,EAAS,MACjB;AAAA,MACLH;AAAA,MACA,GAAGA,CAAS;AAAA,MACZ;AAAA,QACE,CAAC,GAAGA,CAAS,YAAY,GAAGF,EAAM;AAAA,MAAA;AAAA,IACpC,CAEH;AAED,aAASM,EAAaC,GAAU;AAC9B,MAAAN,EAAK,UAAUM,CAAC;AAAA,IAClB;AAEA,aAASC,EAAiBD,GAAU;AAClC,MAAAA,GAAG,gBAAA,GACHA,GAAG,eAAA,GACHN,EAAK,YAAY;AAAA,IACnB;AAEA,WAAO;AAAA,MACL;AAAA,MACA,UAAAG;AAAA,MACA,WAAAF;AAAA,MACA,cAAAI;AAAA,MACA,kBAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}

package/dist/src/components/core/Modal/src/components/ModalFooter.vue.js

@@ -1 +1,38 @@
-"use strict";const n=require("./ModalFooter2.vue.js"),e=require("vue"),r=require("../../../../../../_virtual/_plugin-vue_export-helper.js"),l={class:"flex justify-between items-center"};function s(o,c,i,d,p,u){const t=e.resolveComponent("a-button");return e.openBlock(),e.createElementBlock("div",l,[e.createElementVNode("div",null,[e.renderSlot(o.$slots,"leftFooter")]),e.createElementVNode("div",null,[e.renderSlot(o.$slots,"insertFooter"),o.showCancelBtn?(e.openBlock(),e.createBlock(t,e.mergeProps({key:0},o.cancelButtonProps,{onClick:o.handleCancel}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.cancelText),1)]),_:1},16,["onClick"])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"centerFooter"),o.showOkBtn?(e.openBlock(),e.createBlock(t,e.mergeProps({key:1,type:o.okType,loading:o.confirmLoading},o.okButtonProps,{onClick:o.handleOk}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.okText),1)]),_:1},16,["type","loading","onClick"])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"appendFooter")])])}const a=r(n,[["render",s]]);module.exports=a;
+import c from "./ModalFooter2.vue.js";
+import { resolveComponent as m, openBlock as t, createElementBlock as u, createElementVNode as r, renderSlot as o, createBlock as l, mergeProps as s, withCtx as a, createTextVNode as i, toDisplayString as d, createCommentVNode as p } from "vue";
+import f from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const k = { class: "flex justify-between items-center" };
+function C(e, $, h, y, B, g) {
+  const n = m("a-button");
+  return t(), u("div", k, [
+    r("div", null, [
+      o(e.$slots, "leftFooter")
+    ]),
+    r("div", null, [
+      o(e.$slots, "insertFooter"),
+      e.showCancelBtn ? (t(), l(n, s({ key: 0 }, e.cancelButtonProps, { onClick: e.handleCancel }), {
+        default: a(() => [
+          i(d(e.cancelText), 1)
+        ]),
+        _: 1
+      }, 16, ["onClick"])) : p("", !0),
+      o(e.$slots, "centerFooter"),
+      e.showOkBtn ? (t(), l(n, s({
+        key: 1,
+        type: e.okType,
+        loading: e.confirmLoading
+      }, e.okButtonProps, { onClick: e.handleOk }), {
+        default: a(() => [
+          i(d(e.okText), 1)
+        ]),
+        _: 1
+      }, 16, ["type", "loading", "onClick"])) : p("", !0),
+      o(e.$slots, "appendFooter")
+    ])
+  ]);
+}
+const T = /* @__PURE__ */ f(c, [["render", C]]);
+export {
+  T as default
+};
+//# sourceMappingURL=ModalFooter.vue.js.map

package/dist/src/components/core/Modal/src/components/ModalFooter.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.vue.js","sources":["../../../../../../../src/components/core/Modal/src/components/ModalFooter.vue"],"sourcesContent":["<template>\n  <div class=\"flex justify-between items-center\">\n    <div>\n      <slot name=\"leftFooter\"></slot>\n    </div>\n    <div>\n      <slot name=\"insertFooter\"></slot>\n      <a-button v-if=\"showCancelBtn\" v-bind=\"cancelButtonProps\" @click=\"handleCancel\">\n        {{ cancelText }}\n      </a-button>\n      <slot name=\"centerFooter\"></slot>\n      <a-button\n        v-if=\"showOkBtn\"\n        :type=\"okType\"\n        :loading=\"confirmLoading\"\n        v-bind=\"okButtonProps\"\n        @click=\"handleOk\"\n      >\n        {{ okText }}\n      </a-button>\n      <slot name=\"appendFooter\"></slot>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\">\n  import { defineComponent } from 'vue'\n\n  import { basicProps } from '../props'\n  export default defineComponent({\n    name: 'BasicModalFooter',\n    props: basicProps,\n    emits: ['ok', 'cancel'],\n    setup(_, { emit }) {\n      function handleOk(e: Event) {\n        emit('ok', e)\n      }\n\n      function handleCancel(e: Event) {\n        emit('cancel', e)\n      }\n\n      return { handleOk, handleCancel }\n    },\n  })\n</script>\n"],"names":["_component_a_button","_resolveComponent","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_renderSlot","_ctx","showCancelBtn","_createBlock","cancelText","_withCtx","showOkBtn","okType","_mergeProps","okButtonProps","okText","_createCommentVNode"],"mappings":";;;;;AACE,QAAAA,IAAAC,EAqBM,UArBN;SAEIC,EAAA,GAA+BC,EAAA,OAAAC,GAAA;AAAA,IAAAC,EAAA,OAAA,MAAA;AAAA,MAEjCC,EAAAC,EAAA,QAgBM,YAAA;AAAA,IAAA,CAAA;AAAA,MAdYC,OAAa,MAAA;AAAA,MAAAF,EAAAC,EAAA,QAA7B,cAEW;AAAA,MAAAA,EAAA,iBAAAL,EAAA,GAAAO,EAAAT,GADNU,EAAU,EAAA,KAAA,EAAA,GAAAH,EAAA,mBAAA,EAAA,SAAAA,EAAA,aAAA,CAAA,GAAA;AAAA,QAAA,SAAAI,EAAA,MAAA;AAAA;;;MAEf,GAAA,IAAA,CAAiC,eAEzBC,EAAS,IAAA,EAAA;AAAA,MAAAN,EAAAC,EAAA,QADjB,cAQW;AAAA,MAAAA,EAAA,aAAAL,EAAA,GANFW,EAAMb,GAAAc,EAAA;AAAA,QACZ,KAAA;AAAA,QAAA,MACOC,EAAAA;AAAAA,QAAAA,SAAAA,EAAAA;AAAAA,uCAGLC,SAAAA,CAAM,GAAA;AAAA,QAAA,SAAAL,EAAA,MAAA;AAAA;;;SAEX,IAAA,CAAiC,QAAA,WAAA,SAAA,CAAA,KAAAM,EAAA,IAAA,EAAA;AAAA;;;;;"}

package/dist/src/components/core/Modal/src/components/ModalFooter2.vue.js

@@ -1 +1,20 @@
-"use strict";const s=require("vue"),r=require("../props.js"),t=s.defineComponent({name:"BasicModalFooter",props:r.basicProps,emits:["ok","cancel"],setup(a,{emit:n}){function o(e){n("ok",e)}function c(e){n("cancel",e)}return{handleOk:o,handleCancel:c}}});module.exports=t;
+import { defineComponent as c } from "vue";
+import { basicProps as t } from "../props.js";
+const p = c({
+  name: "BasicModalFooter",
+  props: t,
+  emits: ["ok", "cancel"],
+  setup(r, { emit: n }) {
+    function e(o) {
+      n("ok", o);
+    }
+    function a(o) {
+      n("cancel", o);
+    }
+    return { handleOk: e, handleCancel: a };
+  }
+});
+export {
+  p as default
+};
+//# sourceMappingURL=ModalFooter2.vue.js.map

package/dist/src/components/core/Modal/src/components/ModalFooter2.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter2.vue.js","sources":["../../../../../../../src/components/core/Modal/src/components/ModalFooter.vue"],"sourcesContent":["<template>\n  <div class=\"flex justify-between items-center\">\n    <div>\n      <slot name=\"leftFooter\"></slot>\n    </div>\n    <div>\n      <slot name=\"insertFooter\"></slot>\n      <a-button v-if=\"showCancelBtn\" v-bind=\"cancelButtonProps\" @click=\"handleCancel\">\n        {{ cancelText }}\n      </a-button>\n      <slot name=\"centerFooter\"></slot>\n      <a-button\n        v-if=\"showOkBtn\"\n        :type=\"okType\"\n        :loading=\"confirmLoading\"\n        v-bind=\"okButtonProps\"\n        @click=\"handleOk\"\n      >\n        {{ okText }}\n      </a-button>\n      <slot name=\"appendFooter\"></slot>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\">\n  import { defineComponent } from 'vue'\n\n  import { basicProps } from '../props'\n  export default defineComponent({\n    name: 'BasicModalFooter',\n    props: basicProps,\n    emits: ['ok', 'cancel'],\n    setup(_, { emit }) {\n      function handleOk(e: Event) {\n        emit('ok', e)\n      }\n\n      function handleCancel(e: Event) {\n        emit('cancel', e)\n      }\n\n      return { handleOk, handleCancel }\n    },\n  })\n</script>\n"],"names":["_sfc_main","defineComponent","basicProps","_","emit","handleOk","e","handleCancel"],"mappings":";;AA4BE,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAOC;AAAA,EACP,OAAO,CAAC,MAAM,QAAQ;AAAA,EACtB,MAAMC,GAAG,EAAE,MAAAC,KAAQ;AACjB,aAASC,EAASC,GAAU;AAC1B,MAAAF,EAAK,MAAME,CAAC;AAAA,IACd;AAEA,aAASC,EAAaD,GAAU;AAC9B,MAAAF,EAAK,UAAUE,CAAC;AAAA,IAClB;AAEA,WAAO,EAAE,UAAAD,GAAU,cAAAE,EAAA;AAAA,EACrB;AACF,CAAC;"}

package/dist/src/components/core/Modal/src/components/ModalHeader.vue.js

@@ -1 +1,11 @@
-"use strict";const t=require("./ModalHeader2.vue.js"),e=require("vue"),n=require("../../../../../../_virtual/_plugin-vue_export-helper.js");function o(r,c,p,u,l,a){return e.openBlock(),e.createElementBlock("span",null,e.toDisplayString(r.title),1)}const s=n(t,[["render",o]]);module.exports=s;
+import o from "./ModalHeader2.vue.js";
+import { openBlock as r, createElementBlock as t, toDisplayString as n } from "vue";
+import p from "../../../../../_virtual/_plugin-vue_export-helper.js";
+function a(e, c, s, i, l, f) {
+  return r(), t("span", null, n(e.title), 1);
+}
+const u = /* @__PURE__ */ p(o, [["render", a]]);
+export {
+  u as default
+};
+//# sourceMappingURL=ModalHeader.vue.js.map

package/dist/src/components/core/Modal/src/components/ModalHeader.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalHeader.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/src/components/core/Modal/src/components/ModalHeader2.vue.js

@@ -1 +1,16 @@
-"use strict";const e=require("vue"),t=e.defineComponent({name:"BasicModalHeader",props:{helpMessage:{type:[String,Array]},title:{type:String}},emits:["dblclick"]});module.exports=t;
+import { defineComponent as e } from "vue";
+const a = e({
+  name: "BasicModalHeader",
+  // components: { BasicTitle },
+  props: {
+    helpMessage: {
+      type: [String, Array]
+    },
+    title: { type: String }
+  },
+  emits: ["dblclick"]
+});
+export {
+  a as default
+};
+//# sourceMappingURL=ModalHeader2.vue.js.map

package/dist/src/components/core/Modal/src/components/ModalHeader2.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalHeader2.vue.js","sources":["../../../../../../../src/components/core/Modal/src/components/ModalHeader.vue"],"sourcesContent":["<template>\n  <span>\n    {{ title }}\n  </span>\n</template>\n<script lang=\"ts\">\n  import type { PropType } from 'vue'\n  import { defineComponent } from 'vue'\n  // import { BasicTitle } from '@/components/Basic'\n\n  export default defineComponent({\n    name: 'BasicModalHeader',\n    // components: { BasicTitle },\n    props: {\n      helpMessage: {\n        type: [String, Array] as PropType<string | string[]>,\n      },\n      title: { type: String },\n    },\n    emits: ['dblclick'],\n  })\n</script>\n"],"names":["_sfc_main","defineComponent"],"mappings":";AAUE,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA;AAAA,EAEN,OAAO;AAAA,IACL,aAAa;AAAA,MACX,MAAM,CAAC,QAAQ,KAAK;AAAA,IAAA;AAAA,IAEtB,OAAO,EAAE,MAAM,OAAA;AAAA,EAAO;AAAA,EAExB,OAAO,CAAC,UAAU;AACpB,CAAC;"}

package/dist/src/components/core/Modal/src/components/ModalWrapper.vue.js

@@ -1 +1,21 @@
-"use strict";const o=require("./ModalWrapper2.vue.js"),e=require("vue"),t=require("../../../../../../_virtual/_plugin-vue_export-helper.js"),n={ref:"wrapperRef"},i=["loading","loading-tip"];function l(r,s,a,d,c,u){return e.openBlock(),e.createElementBlock("div",n,[e.createElementVNode("div",{ref:"spinRef",style:e.normalizeStyle(r.spinStyle),loading:r.loading,"loading-tip":r.loadingTip},[e.renderSlot(r.$slots,"default")],12,i)],512)}const p=t(o,[["render",l]]);module.exports=p;
+import o from "./ModalWrapper2.vue.js";
+import { openBlock as r, createElementBlock as t, createElementVNode as n, normalizeStyle as i, renderSlot as a } from "vue";
+import l from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const p = { ref: "wrapperRef" }, d = ["loading", "loading-tip"];
+function s(e, f, c, m, _, g) {
+  return r(), t("div", p, [
+    n("div", {
+      ref: "spinRef",
+      style: i(e.spinStyle),
+      loading: e.loading,
+      "loading-tip": e.loadingTip
+    }, [
+      a(e.$slots, "default")
+    ], 12, d)
+  ], 512);
+}
+const y = /* @__PURE__ */ l(o, [["render", s]]);
+export {
+  y as default
+};
+//# sourceMappingURL=ModalWrapper.vue.js.map

package/dist/src/components/core/Modal/src/components/ModalWrapper.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalWrapper.vue.js","sources":["../../../../../../../src/components/core/Modal/src/components/ModalWrapper.vue"],"sourcesContent":["<template>\n  <div ref=\"wrapperRef\">\n    <div ref=\"spinRef\" :style=\"spinStyle\" :loading=\"loading\" :loading-tip=\"loadingTip\">\n      <slot></slot>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\">\n  import type { CSSProperties } from 'vue'\n  import {\n    defineComponent,\n    computed,\n    ref,\n    watchEffect,\n    unref,\n    watch,\n    onMounted,\n    nextTick,\n    onUnmounted,\n  } from 'vue'\n  import { useWindowSizeFn } from '@/hooks/event/useWindowSizeFn'\n  import { createModalContext } from '../hooks/useModalContext'\n  import { useMutationObserver } from '@vueuse/core'\n\n  const props = {\n    loading: { type: Boolean },\n    useWrapper: { type: Boolean, default: true },\n    modalHeaderHeight: { type: Number, default: 57 },\n    modalFooterHeight: { type: Number, default: 74 },\n    minHeight: { type: Number, default: 320 },\n    height: { type: Number },\n    footerOffset: { type: Number, default: 0 },\n    open: { type: Boolean },\n    fullScreen: { type: Boolean },\n    loadingTip: { type: String },\n  }\n\n  export default defineComponent({\n    name: 'ModalWrapper',\n    inheritAttrs: false,\n    props,\n    emits: ['height-change', 'ext-height'],\n    setup(props, { emit }) {\n      const wrapperRef = ref<ComponentRef>(null)\n      const spinRef = ref<ElRef>(null)\n      const realHeightRef = ref(0)\n      const minRealHeightRef = ref(0)\n\n      let realHeight = 0\n\n      const stopElResizeFn: Fn = () => {}\n\n      // useWindowSizeFn(setModalHeight.bind(null, false))\n      useWindowSizeFn(setModalHeight.bind(false))\n\n      useMutationObserver(\n        spinRef,\n        () => {\n          setModalHeight()\n        },\n        {\n          attributes: true,\n          subtree: true,\n        },\n      )\n\n      createModalContext({\n        redoModalHeight: setModalHeight,\n      })\n\n      const spinStyle = computed((): CSSProperties => {\n        return {\n          minHeight: `${props.minHeight}px`,\n        }\n      })\n\n      watchEffect(() => {\n        props.useWrapper && setModalHeight()\n      })\n\n      watch(\n        () => props.fullScreen,\n        v => {\n          setModalHeight()\n          if (!v) {\n            realHeightRef.value = minRealHeightRef.value\n          } else {\n            minRealHeightRef.value = realHeightRef.value\n          }\n        },\n      )\n\n      onMounted(() => {\n        const { modalHeaderHeight, modalFooterHeight } = props\n        emit('ext-height', modalHeaderHeight + modalFooterHeight)\n      })\n\n      onUnmounted(() => {\n        stopElResizeFn && stopElResizeFn()\n      })\n\n      async function scrollTop() {\n        // nextTick(() => {\n        //   const wrapperRefDom = unref(wrapperRef)\n        //   if (!wrapperRefDom) return\n        //   ;(wrapperRefDom as any)?.scrollTo?.(0)\n        // })\n      }\n\n      async function setModalHeight() {\n        // 解决在弹窗关闭的时候监听还存在,导致再次打开弹窗没有高度\n        // 加上这个,就必须在使用的时候传递父级的visible\n        if (!props.open) return\n        const wrapperRefDom = unref(wrapperRef)\n        if (!wrapperRefDom) return\n\n        const bodyDom = wrapperRefDom.$el?.parentElement\n        if (!bodyDom) return\n        bodyDom.style.padding = '0'\n        await nextTick()\n\n        try {\n          const modalDom = bodyDom?.parentElement && bodyDom?.parentElement?.parentElement\n          if (!modalDom) return\n\n          const modalRect = getComputedStyle(modalDom as Element).top\n          const modalTop = Number.parseInt(modalRect)\n          let maxHeight =\n            window.innerHeight -\n            modalTop * 2 +\n            (props.footerOffset! || 0) -\n            props.modalFooterHeight -\n            props.modalHeaderHeight\n\n          // 距离顶部过进会出现滚动条\n          if (modalTop < 40) {\n            maxHeight -= 26\n          }\n          await nextTick()\n          const spinEl = unref(spinRef)\n\n          if (!spinEl) return\n          await nextTick()\n          // if (!realHeight) {\n          realHeight = spinEl.scrollHeight\n          // }\n\n          if (props.fullScreen) {\n            realHeightRef.value =\n              window.innerHeight - props.modalFooterHeight - props.modalHeaderHeight - 28\n          } else {\n            realHeightRef.value = props.height\n              ? props.height\n              : realHeight > maxHeight\n                ? maxHeight\n                : realHeight\n          }\n          emit('height-change', unref(realHeightRef))\n        } catch (error) {\n          console.log(error)\n        }\n      }\n\n      return { wrapperRef, spinRef, spinStyle, scrollTop, setModalHeight }\n    },\n  })\n</script>\n"],"names":["_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","spinStyle","loadingTip"],"mappings":";;;;SAEIA,EAAAC,GAEMC,GAAAC,GAAAC,GAAAC,GAAAC,GAAA;SAFEC,EAAA,GAAUC,EAAA,OAAAC,GAAA;AAAA,IAAAC,EAAO,OAAEC;AAAAA,MAAY,KAAA;AAAA,MAAmB,SAAaC,EAAAA,SAAU;AAAA,MAAA,SAAAX,EAAA;AAAA,MAC/E,eAAaA,EAAA;AAAA,IAAA,GAAA;AAAA;;;;;"}