@dazhicheng/ui 1.6.39 → 1.6.40

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dazhicheng/ui",
-  "version": "1.6.39",
+  "version": "1.6.40",
   "description": "",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -69,8 +69,8 @@
     "vue-router": "^5.0.2",
     "vxe-pc-ui": "^4.14.15",
     "vxe-table": "^4.18.13",
-    "@dazhicheng/hooks": "1.4.57",
-    "@dazhicheng/utils": "1.3.54"
+    "@dazhicheng/hooks": "1.4.58",
+    "@dazhicheng/utils": "1.3.55"
   },
   "files": [
     "dist"