@dazhicheng/ui 1.6.4 → 1.6.6

package/dist/components/tt-nav-anchor/src/TtNavAnchor.vue.js

@@ -1,12 +1,12 @@
-import { defineComponent as de, ref as c, computed as v, watch as _, useTemplateRef as O, onActivated as ce, onDeactivated as fe, onBeforeUnmount as pe, watchPostEffect as me, createElementBlock as f, openBlock as s, Fragment as Y, createElementVNode as r, createBlock as ve, normalizeClass as l, unref as t, Teleport as _e, createCommentVNode as P, normalizeStyle as he, createVNode as M, withCtx as U, createTextVNode as ge, toDisplayString as j, renderList as ye, renderSlot as we, isVNode as Te, h as $e } from "vue";
-import xe from "../../../assets/svg/drag.svg.js";
-import { TtIcon as be } from "../../tt-icon/index.js";
-import { TtText as Ce } from "../../tt-text/index.js";
+import { defineComponent as ye, ref as m, computed as T, watch as h, useTemplateRef as W, onMounted as we, onActivated as be, onDeactivated as Te, onBeforeUnmount as xe, watchPostEffect as $e, nextTick as te, createElementBlock as _, openBlock as d, Fragment as oe, createElementVNode as u, createBlock as Ce, normalizeClass as l, unref as t, Teleport as Me, createCommentVNode as Z, normalizeStyle as ke, createVNode as E, withCtx as ne, createTextVNode as Re, toDisplayString as ie, renderList as Ne, renderSlot as Ve, isVNode as Ae, h as Ee } from "vue";
+import Ie from "../../../assets/svg/drag.svg.js";
+import { TtIcon as De } from "../../tt-icon/index.js";
+import { TtText as Se } from "../../tt-text/index.js";
 import "../../../node_modules/.pnpm/vue-types@5.1.3_vue@3.5.21_typescript@5.9.3_/node_modules/vue-types/shim/index.modern.js";
-import { useDesign as Me } from "../../../packages/hooks/src/useDesign.js";
+import { useDesign as He } from "../../../packages/hooks/src/useDesign.js";
 import "axios";
-import { useZIndex as ke, ElScrollbar as Re } from "element-plus";
-import { isString as Ne, isFunction as G, isNullOrUnDef as Ve, isArray as Ae, isObject as Ee } from "../../../packages/utils/src/is.js";
+import { useZIndex as Oe, ElScrollbar as Pe } from "element-plus";
+import { isString as ze, isFunction as ae, isNullOrUnDef as Be, isArray as Fe, isObject as Xe } from "../../../packages/utils/src/is.js";
 import "dayjs";
 import "numeral";
 import "xe-utils";
@@ -19,9 +19,9 @@ import "../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/mode-
 import "../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/pad-pkcs7.js";
 import "lodash-es";
 import "vue-router";
-import { useElementSize as Ie, useDraggable as Se } from "@vueuse/core";
-import { TT_NAV_ANCHOR_DRAG_VISIBLE_SIZE_PX as k, TT_NAV_ANCHOR_ROOT_WIDTH_PX as h } from "./constants.js";
-const De = ["tabindex"], He = ["onClick"], Oe = ["title"], rt = /* @__PURE__ */ de({
+import { useElementSize as Le, useDraggable as We } from "@vueuse/core";
+import { TT_NAV_ANCHOR_DRAG_VISIBLE_SIZE_PX as I, TT_NAV_ANCHOR_ROOT_WIDTH_PX as g } from "./constants.js";
+const Ze = ["tabindex"], Ye = ["onClick"], Ue = ["title"], _t = /* @__PURE__ */ ye({
   name: "TtNavAnchor",
   __name: "TtNavAnchor",
   props: {
@@ -38,235 +38,267 @@ const De = ["tabindex"], He = ["onClick"], Oe = ["title"], rt = /* @__PURE__ */
     collapseMode: {}
   },
   emits: ["change", "update:modelValue"],
-  setup(q, { emit: J }) {
-    var L;
-    const { prefixCls: o } = Me("nav-anchor"), i = q, z = J;
-    function K(e) {
-      return Ve(e) || Te(e) || Ae(e) ? e : Ee(e) || G(e) ? $e(e) : e;
+  setup(le, { emit: re }) {
+    var ee;
+    const { prefixCls: n } = He("nav-anchor"), o = le, Y = re;
+    function se(e) {
+      return Be(e) || Ae(e) || Fe(e) ? e : Xe(e) || ae(e) ? Ee(e) : e;
     }
-    function Q(e) {
-      const { title: n } = e.row;
-      return K(G(n) ? n(e.row) : n);
+    function ue(e) {
+      const { title: a } = e.row;
+      return se(ae(a) ? a(e.row) : a);
     }
-    const g = c(i.modelValue || ((L = i.items[0]) == null ? void 0 : L.key) || ""), y = v(() => i.collapseMode), B = v(() => !!y.value), u = c(!1);
-    let p;
-    _(
-      () => i.modelValue,
+    const x = m(o.modelValue || ((ee = o.items[0]) == null ? void 0 : ee.key) || ""), $ = T(() => o.collapseMode), U = T(() => !!$.value), f = m(!1);
+    let y;
+    h(
+      () => o.modelValue,
       (e) => {
-        e && (g.value = e);
+        e && (x.value = e);
       }
     );
-    function ee(e) {
-      g.value = e, z("update:modelValue", e), z("change", e);
+    function ce(e) {
+      x.value = e, Y("update:modelValue", e), Y("change", e);
     }
-    function R() {
-      p && (clearTimeout(p), p = void 0);
+    function D() {
+      y && (clearTimeout(y), y = void 0);
     }
-    function X() {
-      y.value === "hover" && (R(), u.value = !0);
+    function j() {
+      $.value === "hover" && (D(), f.value = !0);
     }
-    function F() {
-      y.value === "hover" && (R(), p = setTimeout(() => {
-        u.value = !1, p = void 0;
+    function G() {
+      $.value === "hover" && (D(), y = setTimeout(() => {
+        f.value = !1, y = void 0;
       }, 180));
     }
-    function te(e) {
-      var n;
-      if (H(), $) {
-        $ = !1;
+    function de(e) {
+      var a;
+      if (X(), R) {
+        R = !1;
         return;
       }
-      y.value === "click" && (!u.value || (n = N.value) != null && n.contains(e.target)) && (u.value = !u.value);
+      $.value === "click" && (!f.value || (a = S.value) != null && a.contains(e.target)) && (f.value = !f.value);
+    }
+    const w = W("navRef"), S = W("headerRef"), C = W("sourceRef"), M = m(!0), H = m(o.teleportTo || null), { height: O } = Le(w);
+    function c(e, a) {
+      return e == null ? a : typeof e == "number" ? e : parseInt(e, 10) || a;
     }
-    const m = O("navRef"), N = O("headerRef"), V = O("sourceRef"), w = c(!0), A = c(i.teleportTo || null), { height: W } = Ie(m);
-    function T(e, n) {
-      return e == null ? n : typeof e == "number" ? e : parseInt(e, 10) || n;
+    const k = m(!1);
+    let P = { x: 0, y: 0 }, R = !1;
+    function fe(e, a, i) {
+      if (typeof window > "u") return { x: e, y: a };
+      const s = Math.max(0, window.innerWidth - g), r = i > 0 ? Math.max(0, window.innerHeight - i) : window.innerHeight;
+      return { x: Math.max(0, Math.min(e, s)), y: Math.max(0, Math.min(a, r)) };
     }
-    const E = c(!1);
-    let I = { x: 0, y: 0 }, $ = !1;
-    function oe(e, n, a) {
-      if (typeof window > "u") return { x: e, y: n };
-      const d = Math.max(0, window.innerWidth - h), C = a > 0 ? Math.max(0, window.innerHeight - a) : window.innerHeight;
-      return { x: Math.max(0, Math.min(e, d)), y: Math.max(0, Math.min(n, C)) };
+    function q() {
+      const e = C.value;
+      return e ? e.closest(".el-dialog, .tt-ui-modal") : null;
     }
-    function S(e) {
+    function N(e) {
       if (typeof window > "u") return { x: 0, y: 0 };
-      const n = i.left !== void 0 ? T(i.left, 0) : window.innerWidth - h - T(i.right, 24);
-      let a;
-      return i.top !== void 0 ? a = T(i.top, 24) : i.bottom !== void 0 ? a = e > 0 ? window.innerHeight - e - T(i.bottom, 24) : 0 : a = 24, oe(n, a, e);
+      const a = q(), i = a == null ? void 0 : a.getBoundingClientRect();
+      let s, r;
+      if (i && i.width > 0) {
+        const L = c(o.left, 0), ge = c(o.right, 24);
+        o.left !== void 0 ? s = i.left - g - L : s = i.right + ge, o.top !== void 0 ? r = i.top + c(o.top, 0) : o.bottom !== void 0 ? r = e > 0 ? i.bottom - e - c(o.bottom, 24) : i.top : r = i.top;
+      } else
+        s = o.left !== void 0 ? c(o.left, 0) : window.innerWidth - g - c(o.right, 24), o.top !== void 0 ? r = c(o.top, 24) : o.bottom !== void 0 ? r = e > 0 ? window.innerHeight - e - c(o.bottom, 24) : 0 : r = 24;
+      return fe(s, r, e);
+    }
+    function V() {
+      k.value || o.position === "static" || (b.value = N(O.value));
     }
-    const { nextZIndex: Z } = ke(), D = c(Z()), {
-      style: ne,
-      isDragging: ae,
-      position: x
-    } = Se(m, {
-      handle: N,
-      initialValue: S(0),
+    let p, v;
+    function z() {
+      p == null || p.disconnect(), p = void 0, v == null || v.disconnect(), v = void 0;
+    }
+    function B() {
+      z();
+      const e = q();
+      if (!e) {
+        V();
+        return;
+      }
+      V(), typeof MutationObserver < "u" && (p = new MutationObserver(() => V()), p.observe(e, { attributes: !0, attributeFilter: ["style", "class"] })), typeof ResizeObserver < "u" && (v = new ResizeObserver(() => V()), v.observe(e));
+    }
+    const { nextZIndex: J } = Oe(), F = m(J()), {
+      style: pe,
+      isDragging: ve,
+      position: b
+    } = We(w, {
+      handle: S,
+      initialValue: N(0),
       preventDefault: !0,
       onStart() {
-        E.value = !0, I = { ...x.value }, $ = !1, H();
+        k.value = !0, P = { ...b.value }, R = !1, X();
       },
       onMove(e) {
-        if (typeof window > "u" || !m.value) return;
-        (Math.abs(e.x - I.x) > 3 || Math.abs(e.y - I.y) > 3) && ($ = !0);
-        const n = m.value.getBoundingClientRect(), a = Math.min(0, k - n.width), d = Math.max(0, document.documentElement.clientWidth - k), C = Math.min(0, k - n.height), ue = Math.max(0, document.documentElement.clientHeight - k);
-        x.value = {
-          x: Math.max(a, Math.min(e.x, d)),
-          y: Math.max(C, Math.min(e.y, ue))
+        if (typeof window > "u" || !w.value) return;
+        (Math.abs(e.x - P.x) > 3 || Math.abs(e.y - P.y) > 3) && (R = !0);
+        const a = w.value.getBoundingClientRect(), i = Math.min(0, I - a.width), s = Math.max(0, document.documentElement.clientWidth - I), r = Math.min(0, I - a.height), L = Math.max(0, document.documentElement.clientHeight - I);
+        b.value = {
+          x: Math.max(i, Math.min(e.x, s)),
+          y: Math.max(r, Math.min(e.y, L))
         };
       }
     });
-    _(W, (e) => {
-      E.value || e <= 0 || (x.value = S(e));
-    }), _([() => i.left, () => i.right, () => i.top, () => i.bottom], () => {
-      E.value = !1, x.value = S(W.value);
+    h(O, (e) => {
+      k.value || e <= 0 || (b.value = N(e));
+    }), h([() => o.left, () => o.right, () => o.top, () => o.bottom], () => {
+      k.value = !1, b.value = N(O.value), B();
     });
-    const ie = v(() => {
-      const e = { "--tt-nav-anchor-root-width": `${h}px`, zIndex: D.value };
-      if (i.position === "static")
-        return { "--tt-nav-anchor-root-width": `${h}px` };
-      const n = ne.value;
-      return typeof n == "string" ? `${n};--tt-nav-anchor-root-width:${h}px;z-index:${D.value}` : [n, e];
-    }), le = v(() => i.position === "static" || !!A.value), re = v(() => w.value && le.value);
-    function se() {
-      if (i.teleportTo) return i.teleportTo;
+    const me = T(() => {
+      const e = { "--tt-nav-anchor-root-width": `${g}px`, zIndex: F.value };
+      if (o.position === "static")
+        return { "--tt-nav-anchor-root-width": `${g}px` };
+      const a = pe.value;
+      return typeof a == "string" ? `${a};--tt-nav-anchor-root-width:${g}px;z-index:${F.value}` : [a, e];
+    }), he = T(() => o.position === "static" || !!H.value), K = T(() => M.value && he.value);
+    function _e() {
+      if (o.teleportTo) return o.teleportTo;
       if (typeof window > "u" || !window.__MICRO_APP_ENVIRONMENT__) return "body";
-      const e = V.value;
+      const e = C.value;
       return e ? e.closest("micro-app, [data-v-app], #app") ?? "body" : "body";
     }
-    function b() {
-      A.value = se();
+    function Q() {
+      H.value = _e();
+    }
+    function X() {
+      F.value = J();
     }
-    function H() {
-      D.value = Z();
+    function A() {
+      Q(), te(() => B());
     }
-    return ce(() => {
-      w.value = !0, b();
-    }), fe(() => {
-      w.value = !1;
-    }), pe(() => {
-      R();
-    }), _(V, () => {
-      b();
-    }), _(
-      () => i.teleportTo,
+    return we(() => {
+      A();
+    }), be(() => {
+      M.value = !0, A();
+    }), Te(() => {
+      M.value = !1, z();
+    }), xe(() => {
+      D(), z();
+    }), h(C, () => {
+      A();
+    }), h(
+      () => o.teleportTo,
       () => {
-        b();
+        A();
       }
-    ), me(() => {
-      w.value && b();
-    }), (e, n) => (s(), f(Y, null, [
-      r("span", {
+    ), $e(() => {
+      M.value && Q();
+    }), h(K, (e) => {
+      e && te(() => B());
+    }), (e, a) => (d(), _(oe, null, [
+      u("span", {
         ref_key: "sourceRef",
-        ref: V,
-        class: l(`${t(o)}__source`),
+        ref: C,
+        class: l(`${t(n)}__source`),
         "aria-hidden": "true"
       }, null, 2),
-      (s(), ve(_e, {
-        to: A.value || "body",
+      (d(), Ce(Me, {
+        to: H.value || "body",
         disabled: e.position === "static"
       }, [
-        re.value ? (s(), f("div", {
+        K.value ? (d(), _("div", {
           key: 0,
           ref_key: "navRef",
-          ref: m,
+          ref: w,
           class: l([
-            t(o),
-            { [`${t(o)}--dragging`]: t(ae) },
-            { [`${t(o)}--collapse-on-hover`]: B.value },
-            { [`${t(o)}--collapse-on-hover-expanded`]: u.value }
+            t(n),
+            { [`${t(n)}--dragging`]: t(ve) },
+            { [`${t(n)}--collapse-on-hover`]: U.value },
+            { [`${t(n)}--collapse-on-hover-expanded`]: f.value }
           ]),
-          style: he(ie.value),
-          tabindex: B.value ? 0 : void 0,
-          onMouseenter: X,
-          onMouseleave: F,
-          onFocusin: X,
-          onFocusout: F,
-          onClick: te
+          style: ke(me.value),
+          tabindex: U.value ? 0 : void 0,
+          onMouseenter: j,
+          onMouseleave: G,
+          onFocusin: j,
+          onFocusout: G,
+          onClick: de
         }, [
-          r("div", {
+          u("div", {
             ref_key: "headerRef",
-            ref: N,
-            class: l(`${t(o)}__header`),
-            onClick: H
+            ref: S,
+            class: l(`${t(n)}__header`),
+            onClick: X
           }, [
-            M(t(be), {
-              class: l(["opacity-0", `${t(o)}__drag-icon`]),
-              icon: t(xe),
+            E(t(De), {
+              class: l(["opacity-0", `${t(n)}__drag-icon`]),
+              icon: t(Ie),
               size: 16,
               "is-custom-svg": ""
             }, null, 8, ["icon", "class"]),
-            M(t(Ce), {
-              class: l(`${t(o)}__title`),
+            E(t(Se), {
+              class: l(`${t(n)}__title`),
               "tool-tip": !1
             }, {
-              default: U(() => [
-                ge(j(e.title), 1)
+              default: ne(() => [
+                Re(ie(e.title), 1)
               ]),
               _: 1
             }, 8, ["class"])
           ], 2),
-          r("div", {
-            class: l(`${t(o)}__body`)
+          u("div", {
+            class: l(`${t(n)}__body`)
           }, [
-            M(t(Re), {
+            E(t(Pe), {
               tag: "ul",
-              "view-class": `${t(o)}__list`,
+              "view-class": `${t(n)}__list`,
               "max-height": 400
             }, {
-              default: U(() => [
-                (s(!0), f(Y, null, ye(e.items, (a, d) => (s(), f("li", {
-                  key: a.key,
-                  class: l(`${t(o)}__node`)
+              default: ne(() => [
+                (d(!0), _(oe, null, Ne(e.items, (i, s) => (d(), _("li", {
+                  key: i.key,
+                  class: l(`${t(n)}__node`)
                 }, [
-                  r("div", {
-                    class: l(`${t(o)}__content`)
+                  u("div", {
+                    class: l(`${t(n)}__content`)
                   }, [
-                    r("div", {
+                    u("div", {
                       class: l([
-                        `${t(o)}__item`,
-                        { [`${t(o)}__item--active`]: g.value === a.key },
-                        { [`${t(o)}__item--error`]: e.badgeCounts[a.key] }
+                        `${t(n)}__item`,
+                        { [`${t(n)}__item--active`]: x.value === i.key },
+                        { [`${t(n)}__item--error`]: e.badgeCounts[i.key] }
                       ]),
-                      onClick: (C) => ee(a.key)
+                      onClick: (r) => ce(i.key)
                     }, [
-                      e.badgeCounts[a.key] ? (s(), f("span", {
+                      e.badgeCounts[i.key] ? (d(), _("span", {
                         key: 0,
-                        class: l(`${t(o)}__badge`)
-                      }, j(e.badgeCounts[a.key]), 3)) : P("", !0),
-                      r("span", {
-                        class: l(`${t(o)}__item-main`)
+                        class: l(`${t(n)}__badge`)
+                      }, ie(e.badgeCounts[i.key]), 3)) : Z("", !0),
+                      u("span", {
+                        class: l(`${t(n)}__item-main`)
                       }, [
-                        r("span", {
-                          class: l(`${t(o)}__item-text`),
-                          title: t(Ne)(a.title) ? a.title : void 0
+                        u("span", {
+                          class: l(`${t(n)}__item-text`),
+                          title: t(ze)(i.title) ? i.title : void 0
                         }, [
-                          M(Q, { row: a }, null, 8, ["row"])
-                        ], 10, Oe),
-                        e.$slots.description ? (s(), f("span", {
+                          E(ue, { row: i }, null, 8, ["row"])
+                        ], 10, Ue),
+                        e.$slots.description ? (d(), _("span", {
                           key: 0,
-                          class: l(`${t(o)}__item-description`)
+                          class: l(`${t(n)}__item-description`)
                         }, [
-                          we(e.$slots, "description", { row: a })
-                        ], 2)) : P("", !0)
+                          Ve(e.$slots, "description", { row: i })
+                        ], 2)) : Z("", !0)
                       ], 2)
-                    ], 10, He)
+                    ], 10, Ye)
                   ], 2),
-                  r("div", {
-                    class: l(`${t(o)}__rail`)
+                  u("div", {
+                    class: l(`${t(n)}__rail`)
                   }, [
-                    r("span", {
-                      class: l([`${t(o)}__line-slot`, { [`${t(o)}__line-slot--visible`]: d > 0 }])
+                    u("span", {
+                      class: l([`${t(n)}__line-slot`, { [`${t(n)}__line-slot--visible`]: s > 0 }])
                     }, null, 2),
-                    r("span", {
+                    u("span", {
                       class: l([
-                        `${t(o)}__dot`,
-                        { [`${t(o)}__dot--active`]: g.value === a.key },
-                        { [`${t(o)}__dot--error`]: e.badgeCounts[a.key] }
+                        `${t(n)}__dot`,
+                        { [`${t(n)}__dot--active`]: x.value === i.key },
+                        { [`${t(n)}__dot--error`]: e.badgeCounts[i.key] }
                       ])
                     }, null, 2),
-                    r("span", {
-                      class: l([`${t(o)}__line-slot`, { [`${t(o)}__line-slot--visible`]: d < e.items.length - 1 }])
+                    u("span", {
+                      class: l([`${t(n)}__line-slot`, { [`${t(n)}__line-slot--visible`]: s < e.items.length - 1 }])
                     }, null, 2)
                   ], 2)
                 ], 2))), 128))
@@ -274,11 +306,11 @@ const De = ["tabindex"], He = ["onClick"], Oe = ["title"], rt = /* @__PURE__ */
               _: 3
             }, 8, ["view-class"])
           ], 2)
-        ], 46, De)) : P("", !0)
+        ], 46, Ze)) : Z("", !0)
       ], 8, ["to", "disabled"]))
     ], 64));
   }
 });
 export {
-  rt as default
+  _t as default
 };

package/dist/components/tt-nav-anchor/src/types.d.ts

@@ -29,13 +29,22 @@ export interface TtNavAnchorProps {
      * - 'static' 普通文档流定位
      */
     position?: "fixed" | "static" | "sticky";
-    /** fixed/sticky 时距顶部的距离 */
+    /**
+     * fixed/sticky 时距顶部的距离。
+     * 在弹窗内时相对弹窗顶部（外侧贴齐上沿）；否则相对视口顶部。
+     */
     top?: number | string;
-    /** fixed/sticky 时距右侧的距离 */
+    /**
+     * fixed/sticky 时距右侧的距离。
+     * 在弹窗内时表示与弹窗右上角外侧的间距；否则相对视口右侧。
+     */
     right?: number | string;
-    /** fixed/sticky 时距左侧的距离 */
+    /**
+     * fixed/sticky 时距左侧的距离。
+     * 在弹窗内时表示与弹窗左上角外侧的间距；否则相对视口左侧。
+     */
     left?: number | string;
-    /** fixed/sticky 时距底部的距离 */
+    /** fixed/sticky 时距底部的距离。在弹窗内时相对弹窗底部；否则相对视口底部。 */
     bottom?: number | string;
     /** Teleport 挂载目标，未传时默认使用组件内置策略 */
     teleportTo?: string | HTMLElement;

package/dist/components/tt-table/index.js

@@ -58,6 +58,7 @@ import "../tt-log/index.js";
 /* empty css                                 */
 /* empty css              */
 /* empty css                         */
+/* empty css                                    */
 /* empty css                     */
 import "../tt-loading/index.js";
 import "../../hooks/basicDataCodes.js";
@@ -67,9 +68,9 @@ import "./src/emits.js";
 import "./src/props.js";
 import "./src/table-mutation-events.js";
 import "./src/utils/context.js";
-const wt = t(o), xt = t(r), At = t(m);
+const xt = t(o), At = t(r), Ct = t(m);
 export {
-  At as TtTable,
-  wt as TtTableAction,
-  xt as TtTableButton
+  Ct as TtTable,
+  xt as TtTableAction,
+  At as TtTableButton
 };

package/dist/components/tt-table/src/TableForm.vue.js

@@ -56,6 +56,7 @@ import "../../tt-log/index.js";
 /* empty css                                    */
 /* empty css                 */
 /* empty css                            */
+/* empty css                                       */
 /* empty css                        */
 import "../../tt-loading/index.js";
 import "../index.js";
@@ -75,7 +76,7 @@ import rt from "./Table.vue.js";
 import { forwardedEventEntries as st } from "./table-mutation-events.js";
 import { TableFormApi as at } from "./utils/table-form-api.js";
 import { provideFormActionTestIds as it } from "./utils/context.js";
-const nt = ["data-testid"], lt = ["data-testid"], _o = /* @__PURE__ */ Ee({
+const nt = ["data-testid"], lt = ["data-testid"], Do = /* @__PURE__ */ Ee({
   name: "TtTableForm",
   __name: "TableForm",
   props: ot,
@@ -367,5 +368,5 @@ const nt = ["data-testid"], lt = ["data-testid"], _o = /* @__PURE__ */ Ee({
   }
 });
 export {
-  _o as default
+  Do as default
 };

package/dist/directives/dialog-resize/use-draggable.js

@@ -1,35 +1,57 @@
-import { isString as S, isNumber as U } from "lodash-es";
-import { unref as x, watchEffect as j } from "vue";
-import k from "./use-parse-translate.js";
-function M(e, o = "px") {
+import { isString as U, isNumber as j } from "lodash-es";
+import { unref as X, watchEffect as k } from "vue";
+import z from "./use-parse-translate.js";
+function Y(e, n = "px") {
   if (!e) return "";
-  if (S(e))
-    return e;
   if (U(e))
-    return `${e}${o}`;
+    return e;
+  if (j(e))
+    return `${e}${n}`;
+}
+function G(e) {
+  const n = e.closest(".el-overlay-dialog"), c = e.closest(".el-overlay"), s = n || c;
+  if (s)
+    return s.getBoundingClientRect();
+  const { clientWidth: o, clientHeight: t } = document.documentElement;
+  return {
+    left: 0,
+    top: 0,
+    right: o,
+    bottom: t,
+    width: o,
+    height: t,
+    x: 0,
+    y: 0,
+    toJSON() {
+      return {};
+    }
+  };
 }
-function J(e, o, N, R, s) {
-  const t = x(e), n = x(o), c = (l) => {
-    var p, v, h, L, E, b;
-    const Y = l.clientX, $ = l.clientY, { x: a, y: i } = k(t.style.transform), T = ((v = (p = s.value) == null ? void 0 : p.draggableLimit) == null ? void 0 : v[1]) || 50, y = ((L = (h = s.value) == null ? void 0 : h.draggableLimit) == null ? void 0 : L[2]) || 50, D = ((b = (E = s.value) == null ? void 0 : E.draggableLimit) == null ? void 0 : b[3]) || 50, m = t.getBoundingClientRect(), u = m.left, d = m.top, W = m.width, B = document.documentElement.clientWidth, H = document.documentElement.clientHeight, _ = -u - W + D + a, q = -d + i, A = B - u - T + a, C = H - d - y + i, f = (w) => {
+function V(e, n, c, s, o) {
+  const t = X(e), a = X(n), f = (h) => {
+    var w, x, y, E, M, R, N, D;
+    const B = h.clientX, C = h.clientY, { x: m, y: l } = z(t.style.transform), H = ((x = (w = o.value) == null ? void 0 : w.draggableLimit) == null ? void 0 : x[0]) ?? 50, S = ((E = (y = o.value) == null ? void 0 : y.draggableLimit) == null ? void 0 : E[1]) ?? 50, W = ((R = (M = o.value) == null ? void 0 : M.draggableLimit) == null ? void 0 : R[2]) ?? 50, _ = ((D = (N = o.value) == null ? void 0 : N.draggableLimit) == null ? void 0 : D[3]) ?? 50, i = t.getBoundingClientRect(), v = i.left, p = i.top, q = i.width, A = i.height, r = G(t), F = r.left - v - q + _ + m, J = r.right - v - S + m, u = r.top - p + H + l;
+    let g = r.bottom - p - A - W + l;
+    g < u && (g = u);
+    const L = (T) => {
       requestAnimationFrame(() => {
-        const F = Math.min(Math.max(a + w.clientX - Y, _), A), P = Math.min(Math.max(i + w.clientY - $, q), C);
-        t.style.transform = `translate(${M(F)}, ${M(P)})`;
+        const O = Math.min(Math.max(m + T.clientX - B, F), J), P = Math.min(Math.max(l + T.clientY - C, u), g);
+        t.style.transform = `translate(${Y(O)}, ${Y(P)})`;
       });
-    }, g = () => {
-      document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", g);
+    }, b = () => {
+      document.removeEventListener("mousemove", L), document.removeEventListener("mouseup", b);
     };
-    document.addEventListener("mousemove", f), document.addEventListener("mouseup", g);
-  }, X = () => {
-    n && t && (t.className = `${t.className} is-draggable`, n.addEventListener("mousedown", c));
-  }, r = () => {
-    n && t && (t.className = t.className.replace("is-draggable", ""), n.removeEventListener("mousedown", c));
+    document.addEventListener("mousemove", L), document.addEventListener("mouseup", b);
+  }, $ = () => {
+    a && t && (t.className = `${t.className} is-draggable`, a.addEventListener("mousedown", f));
+  }, d = () => {
+    a && t && (t.className = t.className.replace("is-draggable", ""), a.removeEventListener("mousedown", f));
   };
-  j(() => {
-    N.value ? X() : r();
-  }), R.push(r);
+  k(() => {
+    c.value ? $() : d();
+  }), s.push(d);
 }
 export {
-  M as addUnit,
-  J as default
+  Y as addUnit,
+  V as default
 };