@dazhicheng/ui 1.6.38 → 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
 };