@usethink/shared-frontend 0.1.1 → 0.1.3

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

@@ -0,0 +1,84 @@
+import { defineComponent as b, ref as r, computed as v, watchEffect as x, watch as R, onMounted as S, onUnmounted as E, unref as f, nextTick as d } from "vue";
+import { useWindowSizeFn as M } from "../../../../../hooks/event/useWindowSizeFn.js";
+import { createModalContext as N } from "../hooks/useModalContext.js";
+import { useMutationObserver as F } from "@vueuse/core";
+const B = {
+  loading: { type: Boolean },
+  useWrapper: { type: Boolean, default: !0 },
+  modalHeaderHeight: { type: Number, default: 57 },
+  modalFooterHeight: { type: Number, default: 74 },
+  minHeight: { type: Number, default: 320 },
+  height: { type: Number },
+  footerOffset: { type: Number, default: 0 },
+  open: { type: Boolean },
+  fullScreen: { type: Boolean },
+  loadingTip: { type: String }
+}, O = b({
+  name: "ModalWrapper",
+  inheritAttrs: !1,
+  props: B,
+  emits: ["height-change", "ext-height"],
+  setup(e, { emit: h }) {
+    const c = r(null), l = r(null), a = r(0), g = r(0);
+    let u = 0;
+    M(t.bind(!1)), F(
+      l,
+      () => {
+        t();
+      },
+      {
+        attributes: !0,
+        subtree: !0
+      }
+    ), N({
+      redoModalHeight: t
+    });
+    const p = v(() => ({
+      minHeight: `${e.minHeight}px`
+    }));
+    x(() => {
+      e.useWrapper && t();
+    }), R(
+      () => e.fullScreen,
+      (n) => {
+        t(), n ? g.value = a.value : a.value = g.value;
+      }
+    ), S(() => {
+      const { modalHeaderHeight: n, modalFooterHeight: o } = e;
+      h("ext-height", n + o);
+    }), E(() => {
+    });
+    async function y() {
+    }
+    async function t() {
+      if (!e.open)
+        return;
+      const n = f(c);
+      if (!n)
+        return;
+      const o = n.$el?.parentElement;
+      if (o) {
+        o.style.padding = "0", await d();
+        try {
+          const i = o?.parentElement && o?.parentElement?.parentElement;
+          if (!i)
+            return;
+          const w = getComputedStyle(i).top, s = Number.parseInt(w);
+          let m = window.innerHeight - s * 2 + (e.footerOffset || 0) - e.modalFooterHeight - e.modalHeaderHeight;
+          s < 40 && (m -= 26), await d();
+          const H = f(l);
+          if (!H)
+            return;
+          await d(), u = H.scrollHeight, e.fullScreen ? a.value = window.innerHeight - e.modalFooterHeight - e.modalHeaderHeight - 28 : a.value = e.height ? e.height : u > m ? m : u, h("height-change", f(a));
+        } catch (i) {
+          console.log(i);
+        }
+      }
+    }
+    return { wrapperRef: c, spinRef: l, spinStyle: p, scrollTop: y, setModalHeight: t };
+  }
+});
+export {
+  O as default
+};
+//# sourceMappingURL=ModalWrapper2.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalWrapper2.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":["props","_sfc_main","defineComponent","emit","wrapperRef","ref","spinRef","realHeightRef","minRealHeightRef","realHeight","useWindowSizeFn","setModalHeight","useMutationObserver","createModalContext","spinStyle","computed","watchEffect","watch","v","onMounted","modalHeaderHeight","modalFooterHeight","onUnmounted","scrollTop","wrapperRefDom","unref","bodyDom","nextTick","modalDom","modalRect","modalTop","maxHeight","spinEl","error"],"mappings":"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"}

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

@@ -0,0 +1,90 @@
+import { reactive as g, ref as c, getCurrentInstance as m, watchEffect as P, unref as o, computed as v, onUnmounted as h, toRaw as d, nextTick as w } from "vue";
+import { isEqual as I, isFunction as E } from "lodash-es";
+import { tryOnUnmounted as R } from "@vueuse/core";
+const u = g({}), M = g({}), H = !0;
+function V() {
+  const r = c(null), s = c(!1), l = c("");
+  function a(e, t) {
+    if (!m())
+      throw new Error("useModal() can only be used inside setup() or functional components!");
+    l.value = t, h(() => {
+      r.value = null, s.value = !1, u[o(l)] = null;
+    }), !(o(s) && H && e === o(r)) && (r.value = e, s.value = !0, e.emitVisible = (p, i) => {
+      M[i] = p;
+    });
+  }
+  const n = () => {
+    const e = o(r);
+    if (!e)
+      throw new Error("useModal instance is undefined!");
+    return e;
+  }, f = {
+    setModalProps: (e) => {
+      n()?.setModalProps(e);
+    },
+    getVisible: v(() => M[~~o(l)]),
+    redoModalHeight: () => {
+      n()?.redoModalHeight?.();
+    },
+    openModal: (e = !0, t, p = !0) => {
+      if (n()?.setModalProps({
+        open: e
+      }), !t)
+        return;
+      const i = o(l);
+      if (p) {
+        u[i] = null, u[i] = d(t);
+        return;
+      }
+      I(d(u[i]), d(t)) || (u[i] = d(t));
+    },
+    closeModal: () => {
+      n()?.setModalProps({ open: !1 });
+    }
+  };
+  return [a, f];
+}
+const x = (r) => {
+  const s = c(null), l = m(), a = c(""), n = () => {
+    const e = o(s);
+    if (!e)
+      throw new Error("useModalInner instance is undefined!");
+    return e;
+  }, f = (e, t) => {
+    R(() => {
+      s.value = null;
+    }), a.value = t, s.value = e, l?.emit("register", e, t);
+  };
+  return P(() => {
+    const e = u[o(a)];
+    e && (!r || !E(r) || w(() => {
+      r(e);
+    }));
+  }), [
+    f,
+    {
+      changeLoading: (e = !0) => {
+        n()?.setModalProps({ loading: e });
+      },
+      getVisible: v(() => M[~~o(a)]),
+      changeOkLoading: (e = !0) => {
+        n()?.setModalProps({ confirmLoading: e });
+      },
+      closeModal: () => {
+        n()?.setModalProps({ open: !1 });
+      },
+      setModalProps: (e) => {
+        n()?.setModalProps(e);
+      },
+      redoModalHeight: () => {
+        const e = n()?.redoModalHeight;
+        e && e();
+      }
+    }
+  ];
+};
+export {
+  V as useModal,
+  x as useModalInner
+};
+//# sourceMappingURL=useModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useModal.js","sources":["../../../../../../../src/components/core/Modal/src/hooks/useModal.ts"],"sourcesContent":["import type {\n  UseModalReturnType,\n  ModalMethods,\n  ModalProps,\n  ReturnMethods,\n  UseModalInnerReturnType,\n} from '../typing'\nimport {\n  ref,\n  onUnmounted,\n  unref,\n  getCurrentInstance,\n  reactive,\n  watchEffect,\n  nextTick,\n  toRaw,\n  computed,\n} from 'vue'\nimport { isFunction } from '@/utils/is'\nimport { isEqual } from 'lodash-es'\nimport { tryOnUnmounted } from '@vueuse/core'\n\nconst dataTransfer = reactive<any>({})\n\nconst visibleData = reactive<{ [key: number]: boolean }>({})\nconst IS_PROD = import.meta.env.PROD\n\n/**\n * @description: Applicable to independent modal and call outside\n */\nexport function useModal(): UseModalReturnType {\n  const modal = ref<Nullable<ModalMethods>>(null)\n  const loaded = ref<Nullable<boolean>>(false)\n  const uid = ref<string>('')\n\n  function register(modalMethod: ModalMethods, uuid: string) {\n    if (!getCurrentInstance()) {\n      throw new Error('useModal() can only be used inside setup() or functional components!')\n    }\n    uid.value = uuid\n    IS_PROD &&\n      onUnmounted(() => {\n        modal.value = null\n        loaded.value = false\n        dataTransfer[unref(uid)] = null\n      })\n    if (unref(loaded) && IS_PROD && modalMethod === unref(modal)) return\n\n    modal.value = modalMethod\n    loaded.value = true\n    modalMethod.emitVisible = (open: boolean, uid: number) => {\n      visibleData[uid] = open\n    }\n  }\n\n  const getInstance = () => {\n    const instance = unref(modal)\n    if (!instance) {\n      throw new Error('useModal instance is undefined!')\n    }\n    return instance\n  }\n\n  const methods: ReturnMethods = {\n    setModalProps: (props: Partial<ModalProps>): void => {\n      getInstance()?.setModalProps(props)\n    },\n\n    getVisible: computed((): boolean => {\n      return visibleData[~~unref(uid)]\n    }),\n\n    redoModalHeight: () => {\n      getInstance()?.redoModalHeight?.()\n    },\n\n    openModal: <T = any>(open = true, data?: T, openOnSet = true): void => {\n      getInstance()?.setModalProps({\n        open,\n      })\n\n      if (!data) return\n      const id = unref(uid)\n      if (openOnSet) {\n        dataTransfer[id] = null\n        dataTransfer[id] = toRaw(data)\n        return\n      }\n      const equal = isEqual(toRaw(dataTransfer[id]), toRaw(data))\n      if (!equal) {\n        dataTransfer[id] = toRaw(data)\n      }\n    },\n\n    closeModal: () => {\n      getInstance()?.setModalProps({ open: false })\n    },\n  }\n  return [register, methods]\n}\n\nexport const useModalInner = (callbackFn?: Fn): UseModalInnerReturnType => {\n  const modalInstanceRef = ref<Nullable<ModalMethods>>(null)\n  const currentInstance = getCurrentInstance()\n  const uidRef = ref<string>('')\n\n  const getInstance = () => {\n    const instance = unref(modalInstanceRef)\n    if (!instance) {\n      throw new Error('useModalInner instance is undefined!')\n    }\n    return instance\n  }\n\n  const register = (modalInstance: ModalMethods, uuid: string) => {\n    IS_PROD &&\n      tryOnUnmounted(() => {\n        modalInstanceRef.value = null\n      })\n    uidRef.value = uuid\n    modalInstanceRef.value = modalInstance\n    currentInstance?.emit('register', modalInstance, uuid)\n  }\n\n  watchEffect(() => {\n    const data = dataTransfer[unref(uidRef)]\n    if (!data) return\n    if (!callbackFn || !isFunction(callbackFn)) return\n    nextTick(() => {\n      callbackFn(data)\n    })\n  })\n\n  return [\n    register,\n    {\n      changeLoading: (loading = true) => {\n        getInstance()?.setModalProps({ loading })\n      },\n      getVisible: computed((): boolean => {\n        return visibleData[~~unref(uidRef)]\n      }),\n\n      changeOkLoading: (loading = true) => {\n        getInstance()?.setModalProps({ confirmLoading: loading })\n      },\n\n      closeModal: () => {\n        getInstance()?.setModalProps({ open: false })\n      },\n\n      setModalProps: (props: Partial<ModalProps>) => {\n        getInstance()?.setModalProps(props)\n      },\n\n      redoModalHeight: () => {\n        const callRedo = getInstance()?.redoModalHeight\n        callRedo && callRedo()\n      },\n    },\n  ]\n}\n"],"names":["dataTransfer","reactive","visibleData","IS_PROD","useModal","modal","ref","loaded","uid","register","modalMethod","uuid","getCurrentInstance","onUnmounted","unref","open","getInstance","instance","methods","props","computed","data","openOnSet","id","toRaw","isEqual","useModalInner","callbackFn","modalInstanceRef","currentInstance","uidRef","modalInstance","tryOnUnmounted","watchEffect","isFunction","nextTick","loading","callRedo"],"mappings":"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"}

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

@@ -0,0 +1,13 @@
+import { createContext as o, useContext as n } from "../../../../../hooks/core/useContext.js";
+const t = Symbol();
+function u(e) {
+  return o(e, t);
+}
+function c() {
+  return n(t);
+}
+export {
+  u as createModalContext,
+  c as useModalContext
+};
+//# sourceMappingURL=useModalContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useModalContext.js","sources":["../../../../../../../src/components/core/Modal/src/hooks/useModalContext.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport { createContext, useContext } from '@/hooks/core/useContext'\n\nexport interface ModalContextProps {\n  redoModalHeight: () => void\n}\n\nconst key: InjectionKey<ModalContextProps> = Symbol()\n\nexport function createModalContext(context: ModalContextProps) {\n  return createContext<ModalContextProps>(context, key)\n}\n\nexport function useModalContext() {\n  return useContext<ModalContextProps>(key)\n}\n"],"names":["key","createModalContext","context","createContext","useModalContext","useContext"],"mappings":";AAOA,MAAMA,IAAuC,OAAA;AAEtC,SAASC,EAAmBC,GAA4B;AAC7D,SAAOC,EAAiCD,GAASF,CAAG;AACtD;AAEO,SAASI,IAAkB;AAChC,SAAOC,EAA8BL,CAAG;AAC1C;"}

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

@@ -0,0 +1,39 @@
+import { watchEffect as x, unref as c } from "vue";
+import { useTimeoutFn as A } from "../../../../../hooks/useTime.js";
+function X(n) {
+  const a = (o, t) => getComputedStyle(o)[t], D = (o) => {
+    if (!o)
+      return;
+    o.setAttribute("data-drag", c(n.draggable));
+    const t = o.querySelector(".ant-modal-header"), e = o.querySelector(".ant-modal");
+    !t || !e || !c(n.draggable) || (t.style.cursor = "move", t.onmousedown = (r) => {
+      if (!r)
+        return;
+      const T = r.clientX, L = r.clientY, W = document.body.clientWidth, H = document.documentElement.clientHeight, S = e.offsetWidth, v = e.offsetHeight, u = e.offsetLeft, g = W - e.offsetLeft - S, p = e.offsetTop, y = H - e.offsetTop - v, d = a(e, "left"), i = a(e, "top");
+      let f = +d, m = +i;
+      d.includes("%") ? (f = +document.body.clientWidth * (+d.replace(/%/g, "") / 100), m = +document.body.clientHeight * (+i.replace(/%/g, "") / 100)) : (f = +d.replace(/px/g, ""), m = +i.replace(/px/g, "")), document.onmousemove = function(h) {
+        let s = h.clientX - T, l = h.clientY - L;
+        -s > u ? s = -u : s > g && (s = g), -l > p ? l = -p : l > y && (l = y), e.style.cssText += `;left:${s + f}px;top:${l + m}px;`;
+      }, document.onmouseup = () => {
+        document.onmousemove = null, document.onmouseup = null;
+      };
+    });
+  }, b = () => {
+    const o = document.querySelectorAll(".ant-modal-wrap");
+    for (const t of Array.from(o)) {
+      if (!t)
+        continue;
+      const e = a(t, "display"), r = t.getAttribute("data-drag");
+      e !== "none" && (r === null || c(n.destroyOnClose)) && D(t);
+    }
+  };
+  x(() => {
+    !c(n.open) || !c(n.draggable) || A(() => {
+      b();
+    }, 30);
+  });
+}
+export {
+  X as useModalDragMove
+};
+//# sourceMappingURL=useModalDrag.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useModalDrag.js","sources":["../../../../../../../src/components/core/Modal/src/hooks/useModalDrag.ts"],"sourcesContent":["import { type Ref, unref, watchEffect } from 'vue'\nimport { useTimeoutFn } from '@/hooks/useTime'\n\nexport interface UseModalDragMoveContext {\n  draggable: Ref<boolean>\n  destroyOnClose: Ref<boolean | undefined> | undefined\n  open: Ref<boolean>\n}\n\nexport function useModalDragMove(context: UseModalDragMoveContext) {\n  const getStyle = (dom: any, attr: any) => {\n    return getComputedStyle(dom)[attr]\n  }\n  const drag = (wrap: any) => {\n    if (!wrap) return\n    wrap.setAttribute('data-drag', unref(context.draggable))\n    const dialogHeaderEl = wrap.querySelector('.ant-modal-header')\n    const dragDom = wrap.querySelector('.ant-modal')\n\n    if (!dialogHeaderEl || !dragDom || !unref(context.draggable)) return\n\n    dialogHeaderEl.style.cursor = 'move'\n\n    dialogHeaderEl.onmousedown = (e: any) => {\n      if (!e) return\n      // 鼠标按下，计算当前元素距离可视区的距离\n      const disX = e.clientX\n      const disY = e.clientY\n      const screenWidth = document.body.clientWidth // body当前宽度\n      const screenHeight = document.documentElement.clientHeight // 可见区域高度(应为body高度，可某些环境下无法获取)\n\n      const dragDomWidth = dragDom.offsetWidth // 对话框宽度\n      const dragDomheight = dragDom.offsetHeight // 对话框高度\n\n      const minDragDomLeft = dragDom.offsetLeft\n\n      const maxDragDomLeft = screenWidth - dragDom.offsetLeft - dragDomWidth\n      const minDragDomTop = dragDom.offsetTop\n      const maxDragDomTop = screenHeight - dragDom.offsetTop - dragDomheight\n      // 获取到的值带px 正则匹配替换\n      const domLeft = getStyle(dragDom, 'left')\n      const domTop = getStyle(dragDom, 'top')\n      let styL = +domLeft\n      let styT = +domTop\n\n      // 注意在ie中 第一次获取到的值为组件自带50% 移动之后赋值为px\n      if (domLeft.includes('%')) {\n        styL = +document.body.clientWidth * (+domLeft.replace(/%/g, '') / 100)\n        styT = +document.body.clientHeight * (+domTop.replace(/%/g, '') / 100)\n      } else {\n        styL = +domLeft.replace(/px/g, '')\n        styT = +domTop.replace(/px/g, '')\n      }\n\n      document.onmousemove = function (e) {\n        // 通过事件委托，计算移动的距离\n        let left = e.clientX - disX\n        let top = e.clientY - disY\n\n        // 边界处理\n        if (-left > minDragDomLeft) {\n          left = -minDragDomLeft\n        } else if (left > maxDragDomLeft) {\n          left = maxDragDomLeft\n        }\n\n        if (-top > minDragDomTop) {\n          top = -minDragDomTop\n        } else if (top > maxDragDomTop) {\n          top = maxDragDomTop\n        }\n\n        // 移动当前元素\n        dragDom.style.cssText += `;left:${left + styL}px;top:${top + styT}px;`\n      }\n\n      document.onmouseup = () => {\n        document.onmousemove = null\n        document.onmouseup = null\n      }\n    }\n  }\n\n  const handleDrag = () => {\n    const dragWraps = document.querySelectorAll('.ant-modal-wrap')\n    for (const wrap of Array.from(dragWraps)) {\n      if (!wrap) continue\n      const display = getStyle(wrap, 'display')\n      const draggable = wrap.getAttribute('data-drag')\n      if (display !== 'none') {\n        // 拖拽位置\n        if (draggable === null || unref(context.destroyOnClose)) {\n          drag(wrap)\n        }\n      }\n    }\n  }\n\n  watchEffect(() => {\n    if (!unref(context.open) || !unref(context.draggable)) {\n      return\n    }\n    useTimeoutFn(() => {\n      handleDrag()\n    }, 30)\n  })\n}\n"],"names":["useModalDragMove","context","getStyle","dom","attr","drag","wrap","unref","dialogHeaderEl","dragDom","e","disX","disY","screenWidth","screenHeight","dragDomWidth","dragDomheight","minDragDomLeft","maxDragDomLeft","minDragDomTop","maxDragDomTop","domLeft","domTop","styL","styT","left","top","handleDrag","dragWraps","display","draggable","watchEffect","useTimeoutFn"],"mappings":";;AASO,SAASA,EAAiBC,GAAkC;AACjE,QAAMC,IAAW,CAACC,GAAUC,MACnB,iBAAiBD,CAAG,EAAEC,CAAI,GAE7BC,IAAO,CAACC,MAAc;AAC1B,QAAI,CAACA;AAAM;AACX,IAAAA,EAAK,aAAa,aAAaC,EAAMN,EAAQ,SAAS,CAAC;AACvD,UAAMO,IAAiBF,EAAK,cAAc,mBAAmB,GACvDG,IAAUH,EAAK,cAAc,YAAY;AAE/C,IAAI,CAACE,KAAkB,CAACC,KAAW,CAACF,EAAMN,EAAQ,SAAS,MAE3DO,EAAe,MAAM,SAAS,QAE9BA,EAAe,cAAc,CAACE,MAAW;AACvC,UAAI,CAACA;AAAG;AAER,YAAMC,IAAOD,EAAE,SACTE,IAAOF,EAAE,SACTG,IAAc,SAAS,KAAK,aAC5BC,IAAe,SAAS,gBAAgB,cAExCC,IAAeN,EAAQ,aACvBO,IAAgBP,EAAQ,cAExBQ,IAAiBR,EAAQ,YAEzBS,IAAiBL,IAAcJ,EAAQ,aAAaM,GACpDI,IAAgBV,EAAQ,WACxBW,IAAgBN,IAAeL,EAAQ,YAAYO,GAEnDK,IAAUnB,EAASO,GAAS,MAAM,GAClCa,IAASpB,EAASO,GAAS,KAAK;AACtC,UAAIc,IAAO,CAACF,GACRG,IAAO,CAACF;AAGZ,MAAID,EAAQ,SAAS,GAAG,KACtBE,IAAO,CAAC,SAAS,KAAK,eAAe,CAACF,EAAQ,QAAQ,MAAM,EAAE,IAAI,MAClEG,IAAO,CAAC,SAAS,KAAK,gBAAgB,CAACF,EAAO,QAAQ,MAAM,EAAE,IAAI,SAElEC,IAAO,CAACF,EAAQ,QAAQ,OAAO,EAAE,GACjCG,IAAO,CAACF,EAAO,QAAQ,OAAO,EAAE,IAGlC,SAAS,cAAc,SAAUZ,GAAG;AAElC,YAAIe,IAAOf,EAAE,UAAUC,GACnBe,IAAMhB,EAAE,UAAUE;AAGtB,QAAI,CAACa,IAAOR,IACVQ,IAAO,CAACR,IACCQ,IAAOP,MAChBO,IAAOP,IAGL,CAACQ,IAAMP,IACTO,IAAM,CAACP,IACEO,IAAMN,MACfM,IAAMN,IAIRX,EAAQ,MAAM,WAAW,SAASgB,IAAOF,CAAI,UAAUG,IAAMF,CAAI;AAAA,MACnE,GAEA,SAAS,YAAY,MAAM;AACzB,iBAAS,cAAc,MACvB,SAAS,YAAY;AAAA,MACvB;AAAA,IACF;AAAA,EACF,GAEMG,IAAa,MAAM;AACvB,UAAMC,IAAY,SAAS,iBAAiB,iBAAiB;AAC7D,eAAWtB,KAAQ,MAAM,KAAKsB,CAAS,GAAG;AACxC,UAAI,CAACtB;AAAM;AACX,YAAMuB,IAAU3B,EAASI,GAAM,SAAS,GAClCwB,IAAYxB,EAAK,aAAa,WAAW;AAC/C,MAAIuB,MAAY,WAEVC,MAAc,QAAQvB,EAAMN,EAAQ,cAAc,MACpDI,EAAKC,CAAI;AAAA,IAGf;AAAA,EACF;AAEA,EAAAyB,EAAY,MAAM;AAChB,IAAI,CAACxB,EAAMN,EAAQ,IAAI,KAAK,CAACM,EAAMN,EAAQ,SAAS,KAGpD+B,EAAa,MAAM;AACjB,MAAAL,EAAA;AAAA,IACF,GAAG,EAAE;AAAA,EACP,CAAC;AACH;"}

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

@@ -0,0 +1,15 @@
+import { ref as t, computed as s, unref as r } from "vue";
+function c(l) {
+  const n = t(!1), a = s(() => {
+    const e = r(l.wrapClassName) || "";
+    return r(n) ? `fullscreen-modal ${e} ` : r(e);
+  });
+  function o(e) {
+    e && e.stopPropagation(), n.value = !r(n);
+  }
+  return { getWrapClassName: a, handleFullScreen: o, fullScreenRef: n };
+}
+export {
+  c as useFullScreen
+};
+//# sourceMappingURL=useModalFullScreen.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useModalFullScreen.js","sources":["../../../../../../../src/components/core/Modal/src/hooks/useModalFullScreen.ts"],"sourcesContent":["import { computed, type Ref, ref, unref } from 'vue'\n\nexport interface UseFullScreenContext {\n  wrapClassName: Ref<string | undefined>\n  modalWrapperRef: Ref<ComponentRef>\n  extHeightRef: Ref<number>\n}\n\nexport function useFullScreen(context: UseFullScreenContext) {\n  const fullScreenRef = ref(false)\n\n  const getWrapClassName = computed(() => {\n    const clsName = unref(context.wrapClassName) || ''\n    return unref(fullScreenRef) ? `fullscreen-modal ${clsName} ` : unref(clsName)\n  })\n\n  function handleFullScreen(e: Event) {\n    e && e.stopPropagation()\n    fullScreenRef.value = !unref(fullScreenRef)\n  }\n  return { getWrapClassName, handleFullScreen, fullScreenRef }\n}\n"],"names":["useFullScreen","context","fullScreenRef","ref","getWrapClassName","computed","clsName","unref","handleFullScreen"],"mappings":";AAQO,SAASA,EAAcC,GAA+B;AAC3D,QAAMC,IAAgBC,EAAI,EAAK,GAEzBC,IAAmBC,EAAS,MAAM;AACtC,UAAMC,IAAUC,EAAMN,EAAQ,aAAa,KAAK;AAChD,WAAOM,EAAML,CAAa,IAAI,oBAAoBI,CAAO,MAAMC,EAAMD,CAAO;AAAA,EAC9E,CAAC;AAED,WAASE,EAAiB,GAAU;AAClC,SAAK,EAAE,gBAAA,GACPN,EAAc,QAAQ,CAACK,EAAML,CAAa;AAAA,EAC5C;AACA,SAAO,EAAE,kBAAAE,GAAkB,kBAAAI,GAAkB,eAAAN,EAAA;AAC/C;"}

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

@@ -0,0 +1,59 @@
+import { useI18n as t } from "../../../../hooks/useI18n.js";
+const { t: e } = t(), o = {
+  open: { type: Boolean },
+  scrollTop: { type: Boolean, default: !0 },
+  height: { type: Number },
+  minHeight: { type: Number },
+  // open drag
+  draggable: { type: Boolean, default: !0 },
+  centered: { type: Boolean },
+  cancelText: { type: String, default: e("common.cancelText") },
+  okText: { type: String, default: e("common.okText") },
+  closeFunc: Function
+}, n = Object.assign({}, o, {
+  defaultFullscreen: { type: Boolean },
+  // Can it be full screen
+  canFullscreen: { type: Boolean, default: !1 },
+  // After enabling the wrapper, the bottom can be increased in height
+  wrapperFooterOffset: { type: Number, default: 0 },
+  // Warm reminder message
+  helpMessage: [String, Array],
+  // Whether to setting wrapper
+  useWrapper: { type: Boolean, default: !0 },
+  loading: { type: Boolean },
+  loadingTip: { type: String },
+  /**
+   * @description: Show close button
+   */
+  showCancelBtn: { type: Boolean, default: !0 },
+  /**
+   * @description: Show confirmation button
+   */
+  showOkBtn: { type: Boolean, default: !0 },
+  wrapperProps: Object,
+  afterClose: Function,
+  bodyStyle: Object,
+  closable: { type: Boolean, default: !0 },
+  closeIcon: Object,
+  confirmLoading: { type: Boolean },
+  destroyOnClose: { type: Boolean },
+  footer: Object,
+  getContainer: Function,
+  mask: { type: Boolean, default: !0 },
+  maskClosable: { type: Boolean, default: !0 },
+  keyboard: { type: Boolean, default: !0 },
+  maskStyle: Object,
+  okType: { type: String, default: "primary" },
+  okButtonProps: Object,
+  cancelButtonProps: Object,
+  title: { type: String },
+  open: { type: Boolean },
+  width: [String, Number],
+  wrapClassName: { type: String },
+  zIndex: { type: Number }
+});
+export {
+  n as basicProps,
+  o as modalProps
+};
+//# sourceMappingURL=props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","sources":["../../../../../../src/components/core/Modal/src/props.ts"],"sourcesContent":["import type { PropType, CSSProperties } from 'vue'\nimport type { ModalWrapperProps } from './typing'\nimport type { ButtonProps } from 'ant-design-vue/es/button/buttonTypes'\nimport { useI18n } from '@/hooks/useI18n'\n\nconst { t } = useI18n()\n\nexport const modalProps = {\n  open: { type: Boolean },\n  scrollTop: { type: Boolean, default: true },\n  height: { type: Number },\n  minHeight: { type: Number },\n  // open drag\n  draggable: { type: Boolean, default: true },\n  centered: { type: Boolean },\n  cancelText: { type: String, default: t('common.cancelText') },\n  okText: { type: String, default: t('common.okText') },\n\n  closeFunc: Function as PropType<() => Promise<boolean>>,\n}\n\nexport const basicProps = Object.assign({}, modalProps, {\n  defaultFullscreen: { type: Boolean },\n  // Can it be full screen\n  canFullscreen: { type: Boolean, default: false },\n  // After enabling the wrapper, the bottom can be increased in height\n  wrapperFooterOffset: { type: Number, default: 0 },\n  // Warm reminder message\n  helpMessage: [String, Array] as PropType<string | string[]>,\n  // Whether to setting wrapper\n  useWrapper: { type: Boolean, default: true },\n  loading: { type: Boolean },\n  loadingTip: { type: String },\n  /**\n   * @description: Show close button\n   */\n  showCancelBtn: { type: Boolean, default: true },\n  /**\n   * @description: Show confirmation button\n   */\n  showOkBtn: { type: Boolean, default: true },\n\n  wrapperProps: Object as PropType<Partial<ModalWrapperProps>>,\n\n  afterClose: Function as PropType<() => Promise<VueNode>>,\n\n  bodyStyle: Object as PropType<CSSProperties>,\n\n  closable: { type: Boolean, default: true },\n\n  closeIcon: Object as PropType<VueNode>,\n\n  confirmLoading: { type: Boolean },\n\n  destroyOnClose: { type: Boolean },\n\n  footer: Object as PropType<VueNode>,\n\n  getContainer: Function as PropType<() => any>,\n\n  mask: { type: Boolean, default: true },\n\n  maskClosable: { type: Boolean, default: true },\n  keyboard: { type: Boolean, default: true },\n\n  maskStyle: Object as PropType<CSSProperties>,\n\n  okType: { type: String, default: 'primary' },\n\n  okButtonProps: Object as PropType<ButtonProps>,\n\n  cancelButtonProps: Object as PropType<ButtonProps>,\n\n  title: { type: String },\n\n  open: { type: Boolean },\n\n  width: [String, Number] as PropType<string | number>,\n\n  wrapClassName: { type: String },\n\n  zIndex: { type: Number },\n})\n"],"names":["t","useI18n","modalProps","basicProps"],"mappings":";AAKA,MAAM,EAAE,GAAAA,EAAA,IAAMC,EAAA,GAEDC,IAAa;AAAA,EACxB,MAAM,EAAE,MAAM,QAAA;AAAA,EACd,WAAW,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EACrC,QAAQ,EAAE,MAAM,OAAA;AAAA,EAChB,WAAW,EAAE,MAAM,OAAA;AAAA;AAAA,EAEnB,WAAW,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EACrC,UAAU,EAAE,MAAM,QAAA;AAAA,EAClB,YAAY,EAAE,MAAM,QAAQ,SAASF,EAAE,mBAAmB,EAAA;AAAA,EAC1D,QAAQ,EAAE,MAAM,QAAQ,SAASA,EAAE,eAAe,EAAA;AAAA,EAElD,WAAW;AACb,GAEaG,IAAa,OAAO,OAAO,CAAA,GAAID,GAAY;AAAA,EACtD,mBAAmB,EAAE,MAAM,QAAA;AAAA;AAAA,EAE3B,eAAe,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA,EAEzC,qBAAqB,EAAE,MAAM,QAAQ,SAAS,EAAA;AAAA;AAAA,EAE9C,aAAa,CAAC,QAAQ,KAAK;AAAA;AAAA,EAE3B,YAAY,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EACtC,SAAS,EAAE,MAAM,QAAA;AAAA,EACjB,YAAY,EAAE,MAAM,OAAA;AAAA;AAAA;AAAA;AAAA,EAIpB,eAAe,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,EAIzC,WAAW,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EAErC,cAAc;AAAA,EAEd,YAAY;AAAA,EAEZ,WAAW;AAAA,EAEX,UAAU,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EAEpC,WAAW;AAAA,EAEX,gBAAgB,EAAE,MAAM,QAAA;AAAA,EAExB,gBAAgB,EAAE,MAAM,QAAA;AAAA,EAExB,QAAQ;AAAA,EAER,cAAc;AAAA,EAEd,MAAM,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EAEhC,cAAc,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EACxC,UAAU,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EAEpC,WAAW;AAAA,EAEX,QAAQ,EAAE,MAAM,QAAQ,SAAS,UAAA;AAAA,EAEjC,eAAe;AAAA,EAEf,mBAAmB;AAAA,EAEnB,OAAO,EAAE,MAAM,OAAA;AAAA,EAEf,MAAM,EAAE,MAAM,QAAA;AAAA,EAEd,OAAO,CAAC,QAAQ,MAAM;AAAA,EAEtB,eAAe,EAAE,MAAM,OAAA;AAAA,EAEvB,QAAQ,EAAE,MAAM,OAAA;AAClB,CAAC;"}

package/dist/src/components/core/draggable-modal/index.js

@@ -0,0 +1,8 @@
+import { default as t } from "./index.vue.js";
+/* empty css           */
+const r = !0;
+export {
+  t as DraggableModal,
+  r as __draggable_modalIndexMarker
+};
+//# sourceMappingURL=index.js.map

package/dist/src/components/core/draggable-modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/core/draggable-modal/index.ts"],"sourcesContent":["export { default as DraggableModal } from './index.vue'\n\n// 兼容 preserveModules 目录导入：确保该模块作为目录时有 index.js 落盘\nexport const __draggable_modalIndexMarker = true\n"],"names":["__draggable_modalIndexMarker"],"mappings":";;AAGO,MAAMA,IAA+B;"}

package/dist/src/components/core/draggable-modal/index.vue.js

@@ -0,0 +1,188 @@
+import { defineComponent as Z, useModel as _, ref as B, watch as I, resolveComponent as ee, openBlock as X, createBlock as Y, Teleport as te, createVNode as C, withCtx as h, createElementVNode as $, normalizeClass as oe, unref as g, mergeProps as se, createSlots as ne, renderSlot as M, createTextVNode as w, withModifiers as le, toDisplayString as ie, mergeModels as U, nextTick as j } from "vue";
+import { useRoute as re } from "vue-router";
+import { modalProps as ue } from "ant-design-vue/es/modal/Modal";
+import { FullscreenOutlined as me, FullscreenExitOutlined as fe, CloseOutlined as de } from "@ant-design/icons-vue";
+import { omit as ae, throttle as z } from "lodash-es";
+import { Modal as ce, Space as pe } from "ant-design-vue";
+const Le = /* @__PURE__ */ Z({
+  __name: "index",
+  props: /* @__PURE__ */ U({
+    ...ue(),
+    fullscreen: {
+      type: Boolean,
+      default: !1
+    },
+    /** 距离顶部位置 */
+    top: {
+      type: Number,
+      default: 0
+    }
+  }, {
+    open: { type: Boolean },
+    openModifiers: {}
+  }),
+  emits: /* @__PURE__ */ U(["update:open", "update:fullscreen", "ok", "cancel"], ["update:open"]),
+  setup(H, { emit: A }) {
+    const v = H, k = A, G = re(), b = _(H, "open"), u = B(v.fullscreen), O = B(""), s = {
+      top: "n-resize",
+      left: "w-resize",
+      right: "e-resize",
+      bottom: "s-resize",
+      topLeft: "nw-resize",
+      topright: "ne-resize",
+      bottomLeft: "sw-resize",
+      bottomRight: "se-resize",
+      auto: "auto"
+    };
+    let q = !1;
+    const L = B(), N = () => {
+      b.value = !1, k("cancel");
+    }, D = async () => {
+      await j();
+      const o = L.value?.querySelector(".ant-modal");
+      o && o.getBoundingClientRect().left < 1 && (o.style.left = `${(document.documentElement.clientWidth - o.offsetWidth) / 2}px`);
+    }, J = async () => {
+      u.value = !1, D();
+    }, K = (o, e) => {
+      e.style.cursor = "move", e.onmousedown = z((t) => {
+        if (u.value)
+          return;
+        document.body.style.userSelect = "none";
+        const m = t.clientX - o.getBoundingClientRect().left, f = t.clientY - o.getBoundingClientRect().top, n = (l) => {
+          if (u.value)
+            return;
+          let i = l.clientX - m, d = l.clientY - f;
+          const c = document.documentElement.clientWidth - o.offsetWidth, p = document.documentElement.clientHeight - o.offsetHeight;
+          i <= 0 && (i = 0), d <= 0 && (d = 0), i >= c && (i = c), d >= p && (d = p), o.style.left = `${Math.max(i, 0)}px`, o.style.top = `${Math.max(d, 0)}px`;
+        }, r = () => {
+          document.removeEventListener("mousemove", n), document.removeEventListener("mouseup", r), document.body.style.userSelect = "auto";
+        };
+        document.addEventListener("mousemove", n), document.addEventListener("mouseup", r);
+      }, 20);
+    }, Q = async () => {
+      await j();
+      const o = L.value, e = o.querySelector(".ant-modal-wrap"), t = o.querySelector(".ant-modal");
+      if (e && t) {
+        v.top && (t.style.top = `${v.top}px`), D();
+        const m = t.querySelector(".ant-modal-header");
+        m && K(t, m), e.onmousemove = z((f) => {
+          if (u.value)
+            return;
+          const n = f.clientX - t.offsetLeft, r = f.clientY - t.offsetTop, l = f.clientX - t.offsetWidth - t.offsetLeft, i = f.clientY - t.offsetHeight - t.offsetTop, d = n <= 0 && n > -8, c = r < 5 && r > -8, p = l >= 0 && l < 8, x = i > -5 && i < 8;
+          d && r > 5 && i < -5 ? e.style.cursor = s.left : c && n > 5 && l < -5 ? e.style.cursor = s.top : p && r > 5 && i < -5 ? e.style.cursor = s.right : x && n > 5 && l < -5 ? e.style.cursor = s.bottom : n > -8 && n <= 5 && r <= 5 && r > -8 ? e.style.cursor = s.topLeft : n > -8 && n <= 5 && i <= 5 && i > -8 ? e.style.cursor = s.bottomLeft : l < 8 && l >= -5 && r <= 5 && r > -8 ? e.style.cursor = s.topright : l < 8 && l >= -5 && i <= 5 && i > -8 ? e.style.cursor = s.bottomRight : e.style.cursor = s.auto;
+        }, 20), e.onmousedown = (f) => {
+          if (u.value)
+            return;
+          const {
+            top: n,
+            bottom: r,
+            left: l,
+            right: i
+          } = t.getBoundingClientRect(), d = f.clientX - l, c = f.clientY - n, p = t.offsetWidth, x = t.offsetHeight, a = e.style.cursor, V = z((y) => {
+            if (u.value)
+              return;
+            a !== s.auto && (document.body.style.userSelect = "none");
+            const W = `${Math.max(0, y.clientX - d)}px`, R = `${Math.max(0, y.clientY - c)}px`, P = `${Math.min(
+              i,
+              p + l - y.clientX
+            )}px`, S = `${Math.min(
+              window.innerWidth - l,
+              y.clientX - l
+            )}px`, E = `${Math.min(
+              r,
+              x + n - y.clientY
+            )}px`, T = `${Math.min(
+              window.innerHeight - n,
+              y.clientY - n
+            )}px`;
+            a === s.left ? (t.style.left = W, t.style.width = P) : a === s.top ? (t.style.top = R, t.style.height = E) : a === s.right ? t.style.width = S : a === s.bottom ? t.style.height = T : a === s.topLeft ? (t.style.left = W, t.style.top = R, t.style.height = E, t.style.width = P) : a === s.topright ? (t.style.top = R, t.style.width = S, t.style.height = E) : a === s.bottomLeft ? (t.style.left = W, t.style.width = P, t.style.height = T) : a === s.bottomRight && (t.style.width = S, t.style.height = T), O.value = t.style.width;
+          }, 20), F = () => {
+            document.removeEventListener("mousemove", V), document.removeEventListener("mouseup", F), document.body.style.userSelect = "auto", e.style.cursor = s.auto;
+          };
+          document.addEventListener("mousemove", V), document.addEventListener("mouseup", F);
+        };
+      }
+      q = !0;
+    };
+    return I(b, async (o) => {
+      (o && Object.is(q, !1) || v.destroyOnClose) && Q();
+    }), I(() => G.fullPath, N), (o, e) => {
+      const t = ee("ProConfigProvider");
+      return X(), Y(te, {
+        to: o.getContainer || "body"
+      }, [
+        C(t, null, {
+          default: h(() => [
+            $("div", {
+              ref_key: "modalWrapRef",
+              ref: L,
+              class: oe(["draggable-modal", { fullscreen: u.value }])
+            }, [
+              C(g(ce), se(g(ae)(v, ["open", "onCancel", "onOk", "onUpdate:open"]), {
+                open: b.value,
+                "onUpdate:open": e[2] || (e[2] = (m) => b.value = m),
+                "mask-closable": !1,
+                "get-container": () => L.value,
+                width: O.value || o.width,
+                onOk: e[3] || (e[3] = (m) => k("ok")),
+                onCancel: e[4] || (e[4] = (m) => k("cancel"))
+              }), ne({
+                title: h(() => [
+                  M(o.$slots, "title", {}, () => [
+                    w(ie(o.$attrs.title || "标题"), 1)
+                  ])
+                ]),
+                closeIcon: h(() => [
+                  M(o.$slots, "closeIcon", {}, () => [
+                    C(g(pe), {
+                      class: "ant-modal-operate",
+                      onClick: e[1] || (e[1] = le(() => {
+                      }, ["stop"]))
+                    }, {
+                      default: h(() => [
+                        u.value ? (X(), Y(g(fe), {
+                          key: 1,
+                          onClick: J
+                        })) : (X(), Y(g(me), {
+                          key: 0,
+                          onClick: e[0] || (e[0] = (m) => u.value = !0)
+                        })),
+                        C(g(de), { onClick: N })
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ]),
+                default: h(() => [
+                  M(o.$slots, "default", {}, () => [
+                    e[5] || (e[5] = w(" ① 窗口可以拖动；", -1)),
+                    e[6] || (e[6] = $("br", null, null, -1)),
+                    e[7] || (e[7] = w(" ② 窗口可以通过八个方向改变大小；", -1)),
+                    e[8] || (e[8] = $("br", null, null, -1)),
+                    e[9] || (e[9] = w(" ③ 窗口可以最小化、最大化、还原、关闭；", -1)),
+                    e[10] || (e[10] = $("br", null, null, -1)),
+                    e[11] || (e[11] = w(" ④ 限制窗口最小宽度/高度。 ", -1))
+                  ])
+                ]),
+                _: 2
+              }, [
+                o.$slots.footer ? {
+                  name: "footer",
+                  fn: h(() => [
+                    M(o.$slots, "footer")
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1040, ["open", "get-container", "width"])
+            ], 2)
+          ]),
+          _: 3
+        })
+      ], 8, ["to"]);
+    };
+  }
+});
+export {
+  Le as default
+};
+//# sourceMappingURL=index.vue.js.map

package/dist/src/components/core/draggable-modal/index.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.js","sources":["../../../../../src/components/core/draggable-modal/index.vue"],"sourcesContent":["<template>\n  <teleport :to=\"getContainer || 'body'\">\n    <ProConfigProvider>\n      <div ref=\"modalWrapRef\" class=\"draggable-modal\" :class=\"{ fullscreen: fullscreenModel }\">\n        <Modal\n          v-bind=\"omit(props, ['open', 'onCancel', 'onOk', 'onUpdate:open'])\"\n          v-model:open=\"openModel\"\n          :mask-closable=\"false\"\n          :get-container=\"() => modalWrapRef\"\n          :width=\"innerWidth || width\"\n          @ok=\"emit('ok')\"\n          @cancel=\"emit('cancel')\"\n        >\n          <template #title>\n            <slot name=\"title\">{{ $attrs.title || '标题' }}</slot>\n          </template>\n          <template #closeIcon>\n            <slot name=\"closeIcon\">\n              <Space class=\"ant-modal-operate\" @click.stop>\n                <FullscreenOutlined v-if=\"!fullscreenModel\" @click=\"fullscreenModel = true\" />\n                <FullscreenExitOutlined v-else @click=\"restore\" />\n                <CloseOutlined @click=\"closeModal\" />\n              </Space>\n            </slot>\n          </template>\n          <slot>\n            ① 窗口可以拖动；<br />\n            ② 窗口可以通过八个方向改变大小；<br />\n            ③ 窗口可以最小化、最大化、还原、关闭；<br />\n            ④ 限制窗口最小宽度/高度。\n          </slot>\n          <template v-if=\"$slots.footer\" #footer>\n            <slot name=\"footer\" />\n          </template>\n        </Modal>\n      </div>\n    </ProConfigProvider>\n  </teleport>\n</template>\n\n<script lang=\"ts\" setup>\n  import { ref, watch, nextTick, defineModel } from 'vue'\n  import { useRoute } from 'vue-router'\n  import { modalProps } from 'ant-design-vue/es/modal/Modal'\n  import { CloseOutlined, FullscreenOutlined, FullscreenExitOutlined } from '@ant-design/icons-vue'\n  import { throttle, omit } from 'lodash-es'\n  import { Modal, Space } from 'ant-design-vue'\n\n  const props = defineProps({\n    ...modalProps(),\n    fullscreen: {\n      type: Boolean,\n      default: false,\n    },\n    /** 距离顶部位置 */\n    top: {\n      type: Number,\n      default: 0,\n    },\n  })\n\n  const emit = defineEmits(['update:open', 'update:fullscreen', 'ok', 'cancel'])\n\n  const route = useRoute()\n  const openModel = defineModel<boolean>('open')\n  const fullscreenModel = ref(props.fullscreen)\n  const innerWidth = ref('')\n\n  const cursorStyle = {\n    top: 'n-resize',\n    left: 'w-resize',\n    right: 'e-resize',\n    bottom: 's-resize',\n    topLeft: 'nw-resize',\n    topright: 'ne-resize',\n    bottomLeft: 'sw-resize',\n    bottomRight: 'se-resize',\n    auto: 'auto',\n  } as const\n\n  // 是否已经初始化过了\n  let inited = false\n  const modalWrapRef = ref<HTMLDivElement>()\n\n  const closeModal = () => {\n    openModel.value = false\n    emit('cancel')\n  }\n\n  // 居中弹窗\n  const centerModal = async () => {\n    await nextTick()\n    const modalEl = modalWrapRef.value?.querySelector<HTMLDivElement>('.ant-modal')\n\n    if (modalEl && modalEl.getBoundingClientRect().left < 1) {\n      modalEl.style.left = `${(document.documentElement.clientWidth - modalEl.offsetWidth) / 2}px`\n    }\n  }\n\n  const restore = async () => {\n    fullscreenModel.value = false\n    centerModal()\n  }\n\n  const registerDragTitle = (dragEl: HTMLDivElement, handleEl: HTMLDivElement) => {\n    handleEl.style.cursor = 'move'\n    handleEl.onmousedown = throttle((e: MouseEvent) => {\n      if (fullscreenModel.value) return\n      document.body.style.userSelect = 'none'\n      const disX = e.clientX - dragEl.getBoundingClientRect().left\n      const disY = e.clientY - dragEl.getBoundingClientRect().top\n      const mousemove = (event: MouseEvent) => {\n        if (fullscreenModel.value) return\n        let iL = event.clientX - disX\n        let iT = event.clientY - disY\n        const maxL = document.documentElement.clientWidth - dragEl.offsetWidth\n        const maxT = document.documentElement.clientHeight - dragEl.offsetHeight\n\n        iL <= 0 && (iL = 0)\n        iT <= 0 && (iT = 0)\n        iL >= maxL && (iL = maxL)\n        iT >= maxT && (iT = maxT)\n\n        dragEl.style.left = `${Math.max(iL, 0)}px`\n        dragEl.style.top = `${Math.max(iT, 0)}px`\n      }\n      const mouseup = () => {\n        document.removeEventListener('mousemove', mousemove)\n        document.removeEventListener('mouseup', mouseup)\n        document.body.style.userSelect = 'auto'\n      }\n\n      document.addEventListener('mousemove', mousemove)\n      document.addEventListener('mouseup', mouseup)\n    }, 20)\n  }\n\n  const initDrag = async () => {\n    await nextTick()\n    const modalWrapRefEl = modalWrapRef.value!\n    const modalWrapEl = modalWrapRefEl.querySelector<HTMLDivElement>('.ant-modal-wrap')\n    const modalEl = modalWrapRefEl.querySelector<HTMLDivElement>('.ant-modal')\n    if (modalWrapEl && modalEl) {\n      if (props.top) {\n        modalEl.style.top = `${props.top}px`\n      }\n      centerModal()\n      const headerEl = modalEl.querySelector<HTMLDivElement>('.ant-modal-header')\n      headerEl && registerDragTitle(modalEl, headerEl)\n\n      modalWrapEl.onmousemove = throttle((event: MouseEvent) => {\n        if (fullscreenModel.value) return\n        const left = event.clientX - modalEl.offsetLeft\n        const top = event.clientY - modalEl.offsetTop\n        const right = event.clientX - modalEl.offsetWidth - modalEl.offsetLeft\n        const bottom = event.clientY - modalEl.offsetHeight - modalEl.offsetTop\n        const isLeft = left <= 0 && left > -8\n        const isTop = top < 5 && top > -8\n        const isRight = right >= 0 && right < 8\n        const isBottom = bottom > -5 && bottom < 8\n        // 向左\n        if (isLeft && top > 5 && bottom < -5) {\n          modalWrapEl.style.cursor = cursorStyle.left\n          // 向上\n        } else if (isTop && left > 5 && right < -5) {\n          modalWrapEl.style.cursor = cursorStyle.top\n          // 向右\n        } else if (isRight && top > 5 && bottom < -5) {\n          modalWrapEl.style.cursor = cursorStyle.right\n          // 向下\n        } else if (isBottom && left > 5 && right < -5) {\n          modalWrapEl.style.cursor = cursorStyle.bottom\n          // 左上角\n        } else if (left > -8 && left <= 5 && top <= 5 && top > -8) {\n          modalWrapEl.style.cursor = cursorStyle.topLeft\n          // 左下角\n        } else if (left > -8 && left <= 5 && bottom <= 5 && bottom > -8) {\n          modalWrapEl.style.cursor = cursorStyle.bottomLeft\n          // 右上角\n        } else if (right < 8 && right >= -5 && top <= 5 && top > -8) {\n          modalWrapEl.style.cursor = cursorStyle.topright\n          // 右下角\n        } else if (right < 8 && right >= -5 && bottom <= 5 && bottom > -8) {\n          modalWrapEl.style.cursor = cursorStyle.bottomRight\n        } else {\n          modalWrapEl.style.cursor = cursorStyle.auto\n        }\n      }, 20)\n      modalWrapEl.onmousedown = (e: MouseEvent) => {\n        if (fullscreenModel.value) return\n        const {\n          top: iParentTop,\n          bottom: iParentBottom,\n          left: iParentLeft,\n          right: iParentRight,\n        } = modalEl.getBoundingClientRect()\n        const disX = e.clientX - iParentLeft\n        const disY = e.clientY - iParentTop\n        const iParentWidth = modalEl.offsetWidth\n        const iParentHeight = modalEl.offsetHeight\n\n        const cursor = modalWrapEl.style.cursor\n\n        const mousemove = throttle((event: MouseEvent) => {\n          if (fullscreenModel.value) return\n          if (cursor !== cursorStyle.auto) {\n            document.body.style.userSelect = 'none'\n          }\n          const mLeft = `${Math.max(0, event.clientX - disX)}px`\n          const mTop = `${Math.max(0, event.clientY - disY)}px`\n          const mLeftWidth = `${Math.min(\n            iParentRight,\n            iParentWidth + iParentLeft - event.clientX,\n          )}px`\n          const mRightWidth = `${Math.min(\n            window.innerWidth - iParentLeft,\n            event.clientX - iParentLeft,\n          )}px`\n          const mTopHeight = `${Math.min(\n            iParentBottom,\n            iParentHeight + iParentTop - event.clientY,\n          )}px`\n          const mBottomHeight = `${Math.min(\n            window.innerHeight - iParentTop,\n            event.clientY - iParentTop,\n          )}px`\n\n          // 向左边拖拽\n          if (cursor === cursorStyle.left) {\n            modalEl.style.left = mLeft\n            modalEl.style.width = mLeftWidth\n            // 向上边拖拽\n          } else if (cursor === cursorStyle.top) {\n            modalEl.style.top = mTop\n            modalEl.style.height = mTopHeight\n            // 向右边拖拽\n          } else if (cursor === cursorStyle.right) {\n            modalEl.style.width = mRightWidth\n            // 向下拖拽\n          } else if (cursor === cursorStyle.bottom) {\n            modalEl.style.height = mBottomHeight\n            // 左上角拖拽\n          } else if (cursor === cursorStyle.topLeft) {\n            modalEl.style.left = mLeft\n            modalEl.style.top = mTop\n            modalEl.style.height = mTopHeight\n            modalEl.style.width = mLeftWidth\n            // 右上角拖拽\n          } else if (cursor === cursorStyle.topright) {\n            modalEl.style.top = mTop\n            modalEl.style.width = mRightWidth\n            modalEl.style.height = mTopHeight\n            // 左下角拖拽\n          } else if (cursor === cursorStyle.bottomLeft) {\n            modalEl.style.left = mLeft\n            modalEl.style.width = mLeftWidth\n            modalEl.style.height = mBottomHeight\n            // 右下角拖拽\n          } else if (cursor === cursorStyle.bottomRight) {\n            modalEl.style.width = mRightWidth\n            modalEl.style.height = mBottomHeight\n          }\n          innerWidth.value = modalEl.style.width\n        }, 20)\n\n        const mouseup = () => {\n          document.removeEventListener('mousemove', mousemove)\n          document.removeEventListener('mouseup', mouseup)\n          document.body.style.userSelect = 'auto'\n          modalWrapEl.style.cursor = cursorStyle.auto\n        }\n\n        document.addEventListener('mousemove', mousemove)\n        document.addEventListener('mouseup', mouseup)\n      }\n    }\n    inited = true\n  }\n\n  watch(openModel, async val => {\n    if ((val && Object.is(inited, false)) || props.destroyOnClose) {\n      initDrag()\n    }\n  })\n\n  watch(() => route.fullPath, closeModal)\n</script>\n\n<style lang=\"less\">\n  .draggable-modal {\n    &.fullscreen {\n      .ant-modal {\n        inset: 0 !important;\n        width: 100% !important;\n        max-width: 100vw !important;\n        height: 100% !important;\n      }\n\n      .ant-modal-content {\n        width: 100% !important;\n        height: 100% !important;\n      }\n    }\n\n    .ant-modal-wrap {\n      overflow-x: hidden;\n    }\n\n    .ant-modal {\n      position: relative;\n      min-width: 200px;\n      min-height: 200px;\n      margin: 0;\n      padding: 0;\n\n      .ant-modal-header {\n        user-select: none;\n      }\n\n      .ant-modal-close {\n        top: 6px;\n        right: 30px;\n        background-color: transparent;\n        cursor: inherit;\n\n        &:hover,\n        &:focus {\n          color: rgb(0 0 0 / 45%);\n        }\n\n        .ant-space-item:hover .anticon,\n        .ant-space-item:focus .anticon {\n          color: rgb(0 0 0 / 75%);\n          text-decoration: none;\n        }\n\n        .ant-modal-close-x {\n          width: 50px;\n          height: 50px;\n          line-height: 44px;\n\n          .ant-space {\n            width: 100%;\n            height: 100%;\n          }\n        }\n      }\n\n      .ant-modal-content {\n        /* width: ~'v-bind(\"props.width\")px'; */\n        display: flex;\n        flex-direction: column;\n        width: 100%;\n        min-width: 200px;\n        height: 100%;\n        min-height: 200px;\n        padding-top: 0;\n        overflow: hidden;\n\n        .ant-modal-header {\n          padding-top: 20px;\n        }\n\n        .ant-modal-body {\n          flex: auto;\n          height: 100%;\n          overflow: auto;\n        }\n      }\n    }\n\n    // 2024-02-24 fix 新增/编辑modal 表单label错位问题\n    .schemaForm .ant-form-item-label {\n      padding: 0 !important;\n      text-align: end !important;\n\n      & > label {\n        height: 32px !important;\n\n        &::after {\n          display: block !important;\n        }\n      }\n    }\n  }\n</style>\n"],"names":["props","__props","emit","__emit","route","useRoute","openModel","_useModel","fullscreenModel","ref","innerWidth","cursorStyle","inited","modalWrapRef","closeModal","centerModal","nextTick","modalEl","restore","registerDragTitle","dragEl","handleEl","throttle","e","disX","disY","mousemove","event","iL","iT","maxL","maxT","mouseup","initDrag","modalWrapRefEl","modalWrapEl","headerEl","left","top","right","bottom","isLeft","isTop","isRight","isBottom","iParentTop","iParentBottom","iParentLeft","iParentRight","iParentWidth","iParentHeight","cursor","mLeft","mTop","mLeftWidth","mRightWidth","mTopHeight","mBottomHeight","watch","val","_createBlock","_Teleport","getContainer","_createVNode","_component_ProConfigProvider","_createElementVNode","_normalizeClass","_unref","Modal","_mergeProps","omit","$event","width","_renderSlot","_ctx","$attrs","Space","FullscreenExitOutlined","FullscreenOutlined","CloseOutlined","$slots"],"mappings":"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"}

package/dist/src/components/core/draggable-modal/index3.vue.js

@@ -0,0 +1,6 @@
+import o from "./index.vue.js";
+/* empty css           */
+export {
+  o as default
+};
+//# sourceMappingURL=index3.vue.js.map