@dazhicheng/ui 1.5.222 → 1.5.224

package/dist/components/tt-modal/src/components/ModalHeader.vue.js

@@ -1,7 +1,7 @@
 import o from "./ModalHeader.vue2.js";
 /* empty css                 */
 import r from "../../../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-79fd9031"]]);
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-400f114d"]]);
 export {
   e as default
 };

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

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

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

@@ -2,3 +2,5 @@
  * 导航锚点根节点宽度（px）。
  */
 export declare const TT_NAV_ANCHOR_ROOT_WIDTH_PX = 164;
+/** 导航栏拖拽到视口外时至少保留的可见尺寸（px） */
+export declare const TT_NAV_ANCHOR_DRAG_VISIBLE_SIZE_PX = 20;

package/dist/components/tt-nav-anchor/src/constants.js

@@ -1,4 +1,5 @@
-const _ = 164;
+const _ = 164, T = 20;
 export {
+  T as TT_NAV_ANCHOR_DRAG_VISIBLE_SIZE_PX,
   _ as TT_NAV_ANCHOR_ROOT_WIDTH_PX
 };

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

@@ -39,4 +39,6 @@ export interface TtNavAnchorProps {
     bottom?: number | string;
     /** Teleport 挂载目标，未传时默认使用组件内置策略 */
     teleportTo?: string | HTMLElement;
+    /** 收起导航的展开方式 */
+    collapseMode?: "hover" | "click";
 }