@dazhicheng/ui 1.5.198 → 1.5.201

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

@@ -0,0 +1,234 @@
+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 r, createBlock as oe, normalizeClass as l, unref as t, Teleport as ne, createCommentVNode as V, normalizeStyle as ie, createVNode as y, withCtx as H, createTextVNode as ae, toDisplayString as O, renderList as le, renderSlot as re, isVNode as se, h as ue } from "vue";
+import de from "@dazhicheng-ui/assets/svg/drag.svg?raw";
+import ce from "@dazhicheng-ui/components/tt-icon";
+import { TtText as fe } from "@dazhicheng-ui/components/tt-text";
+import { useDesign as pe } from "@dazhicheng/hooks";
+import { isString as me, isFunction as P, isNullOrUnDef as ve, isArray as _e, isObject as he } from "@dazhicheng/utils";
+import { useElementSize as ge, useDraggable as ye } from "@vueuse/core";
+import { useZIndex as we, ElScrollbar as $e } from "element-plus";
+import { TT_NAV_ANCHOR_ROOT_WIDTH_PX as m } from "./constants.js";
+const Te = ["onClick"], be = ["title"], Ee = /* @__PURE__ */ K({
+  name: "TtNavAnchor",
+  __name: "TtNavAnchor",
+  props: {
+    items: {},
+    modelValue: { default: "" },
+    title: { default: "导航" },
+    badgeCounts: { default: () => ({}) },
+    position: { default: "fixed" },
+    top: { default: void 0 },
+    right: { default: void 0 },
+    left: { default: void 0 },
+    bottom: { default: void 0 },
+    teleportTo: { default: void 0 }
+  },
+  emits: ["change", "update:modelValue"],
+  setup(B, { emit: W }) {
+    var I;
+    const { prefixCls: o } = pe("nav-anchor"), i = B, M = W;
+    function X(e) {
+      return ve(e) || se(e) || _e(e) ? e : he(e) || P(e) ? ue(e) : e;
+    }
+    function Z(e) {
+      const { title: a } = e.row;
+      return X(P(a) ? a(e.row) : a);
+    }
+    const v = f(i.modelValue || ((I = i.items[0]) == null ? void 0 : I.key) || "");
+    p(
+      () => i.modelValue,
+      (e) => {
+        e && (v.value = e);
+      }
+    );
+    function F(e) {
+      v.value = e, M("update:modelValue", e), M("change", e);
+    }
+    const c = R("navRef"), S = R("headerRef"), w = R("sourceRef"), _ = f(!0), $ = f(i.teleportTo || null), { height: A } = ge(c);
+    function h(e, a) {
+      return e == null ? a : typeof e == "number" ? e : parseInt(e, 10) || a;
+    }
+    const T = f(!1);
+    function Y(e, a, n) {
+      if (typeof window > "u") return { x: e, y: a };
+      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(a, D)) };
+    }
+    function b(e) {
+      if (typeof window > "u") return { x: 0, y: 0 };
+      const a = 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(a, n, e);
+    }
+    const { nextZIndex: E } = we(), x = f(E()), {
+      style: j,
+      isDragging: L,
+      position: k
+    } = ye(c, {
+      handle: S,
+      initialValue: b(0),
+      preventDefault: !0,
+      onStart() {
+        T.value = !0, C();
+      },
+      onMove(e) {
+        if (typeof window > "u" || !c.value) return;
+        const a = c.value.getBoundingClientRect(), n = document.documentElement.clientWidth - a.width, u = document.documentElement.clientHeight - a.height;
+        k.value = {
+          x: Math.max(0, Math.min(e.x, n)),
+          y: Math.max(0, Math.min(e.y, u))
+        };
+      }
+    });
+    p(A, (e) => {
+      T.value || e <= 0 || (k.value = b(e));
+    }), p([() => i.left, () => i.right, () => i.top, () => i.bottom], () => {
+      T.value = !1, k.value = b(A.value);
+    });
+    const U = N(() => {
+      if (i.position === "static")
+        return { width: `${m}px` };
+      const e = j.value, a = { zIndex: x.value, width: `${m}px` };
+      return typeof e == "string" ? `${e};z-index:${x.value};width:${m}px` : [e, a];
+    }), q = N(() => i.position === "static" || !!$.value), G = N(() => _.value && q.value);
+    function J() {
+      if (i.teleportTo) return i.teleportTo;
+      if (typeof window > "u" || !window.__MICRO_APP_ENVIRONMENT__) return "body";
+      const e = w.value;
+      return e ? e.closest("micro-app, [data-v-app], #app") ?? "body" : "body";
+    }
+    function g() {
+      $.value = J();
+    }
+    function C() {
+      x.value = E();
+    }
+    return Q(() => {
+      _.value = !0, g();
+    }), ee(() => {
+      _.value = !1;
+    }), p(w, () => {
+      g();
+    }), p(
+      () => i.teleportTo,
+      () => {
+        g();
+      }
+    ), te(() => {
+      _.value && g();
+    }), (e, a) => (s(), d(z, null, [
+      r("span", {
+        ref_key: "sourceRef",
+        ref: w,
+        class: l(`${t(o)}__source`),
+        "aria-hidden": "true"
+      }, null, 2),
+      (s(), oe(ne, {
+        to: $.value || "body",
+        disabled: e.position === "static"
+      }, [
+        G.value ? (s(), d("div", {
+          key: 0,
+          ref_key: "navRef",
+          ref: c,
+          class: l([t(o), { [`${t(o)}--dragging`]: t(L) }]),
+          style: ie(U.value),
+          onClick: C
+        }, [
+          r("div", {
+            ref_key: "headerRef",
+            ref: S,
+            class: l(`${t(o)}__header`),
+            onClick: C
+          }, [
+            y(t(ce), {
+              class: l(["opacity-0", `${t(o)}__drag-icon`]),
+              icon: t(de),
+              size: 16,
+              "is-custom-svg": ""
+            }, null, 8, ["icon", "class"]),
+            y(t(fe), {
+              class: l(`${t(o)}__title`),
+              "tool-tip": !1
+            }, {
+              default: H(() => [
+                ae(O(e.title), 1)
+              ]),
+              _: 1
+            }, 8, ["class"])
+          ], 2),
+          r("div", {
+            class: l(`${t(o)}__body`)
+          }, [
+            y(t($e), {
+              tag: "ul",
+              "view-class": `${t(o)}__list`,
+              "max-height": 400
+            }, {
+              default: H(() => [
+                (s(!0), d(z, null, le(e.items, (n, u) => (s(), d("li", {
+                  key: n.key,
+                  class: l(`${t(o)}__node`)
+                }, [
+                  r("div", {
+                    class: l(`${t(o)}__content`)
+                  }, [
+                    r("div", {
+                      class: l([
+                        `${t(o)}__item`,
+                        { [`${t(o)}__item--active`]: v.value === n.key },
+                        { [`${t(o)}__item--error`]: e.badgeCounts[n.key] }
+                      ]),
+                      onClick: (D) => F(n.key)
+                    }, [
+                      e.badgeCounts[n.key] ? (s(), d("span", {
+                        key: 0,
+                        class: l(`${t(o)}__badge`)
+                      }, O(e.badgeCounts[n.key]), 3)) : V("", !0),
+                      r("span", {
+                        class: l(`${t(o)}__item-main`)
+                      }, [
+                        r("span", {
+                          class: l(`${t(o)}__item-text`),
+                          title: t(me)(n.title) ? n.title : void 0
+                        }, [
+                          y(Z, { row: n }, null, 8, ["row"])
+                        ], 10, be),
+                        e.$slots.description ? (s(), d("span", {
+                          key: 0,
+                          class: l(`${t(o)}__item-description`)
+                        }, [
+                          re(e.$slots, "description", { row: n })
+                        ], 2)) : V("", !0)
+                      ], 2)
+                    ], 10, Te)
+                  ], 2),
+                  r("div", {
+                    class: l(`${t(o)}__rail`)
+                  }, [
+                    r("span", {
+                      class: l([`${t(o)}__line-slot`, { [`${t(o)}__line-slot--visible`]: u > 0 }])
+                    }, null, 2),
+                    r("span", {
+                      class: l([
+                        `${t(o)}__dot`,
+                        { [`${t(o)}__dot--active`]: v.value === n.key },
+                        { [`${t(o)}__dot--error`]: e.badgeCounts[n.key] }
+                      ])
+                    }, null, 2),
+                    r("span", {
+                      class: l([`${t(o)}__line-slot`, { [`${t(o)}__line-slot--visible`]: u < e.items.length - 1 }])
+                    }, null, 2)
+                  ], 2)
+                ], 2))), 128))
+              ]),
+              _: 3
+            }, 8, ["view-class"])
+          ], 2)
+        ], 6)) : V("", !0)
+      ], 8, ["to", "disabled"]))
+    ], 64));
+  }
+});
+export {
+  Ee as default
+};

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

@@ -0,0 +1,5 @@
+import o from "./TtNavAnchor.vue.js";
+/* empty css                 */
+export {
+  o as default
+};

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

@@ -0,0 +1,4 @@
+const _ = 164;
+export {
+  _ as TT_NAV_ANCHOR_ROOT_WIDTH_PX
+};

package/dist/components/tt-panel-select/index.js

@@ -0,0 +1,7 @@
+import { withInstall as t } from "@dazhicheng/utils";
+import o from "./src/index.vue.js";
+const l = t(o);
+export {
+  l as TtPanelSelect,
+  l as default
+};

package/dist/components/tt-panel-select/src/common.js

@@ -0,0 +1,4 @@
+const l = "all";
+export {
+  l as ALL
+};

package/dist/components/tt-panel-select/src/components/PanelLeft.vue.js

@@ -0,0 +1,56 @@
+import { defineComponent as i, createElementBlock as f, openBlock as u, normalizeClass as t, createVNode as a, unref as r, withCtx as o } from "vue";
+import { Search as c } from "@element-plus/icons-vue";
+import { ElInput as m, ElIcon as h, ElTreeV2 as k } from "element-plus";
+const x = /* @__PURE__ */ i({
+  name: "PanelLeft",
+  __name: "PanelLeft",
+  props: {
+    prefixCls: {},
+    keyword: {},
+    treeData: {},
+    expandedKeys: {},
+    leftPlaceholder: {}
+  },
+  emits: ["update:keyword", "select"],
+  setup(y, { emit: s }) {
+    const d = s;
+    function n(e, l) {
+      l.isLeaf && d("select", e);
+    }
+    return (e, l) => (u(), f("div", {
+      class: t(`${e.prefixCls}__left`)
+    }, [
+      a(r(m), {
+        "model-value": e.keyword,
+        class: t(`${e.prefixCls}__search`),
+        placeholder: e.leftPlaceholder,
+        clearable: "",
+        "onUpdate:modelValue": l[0] || (l[0] = (p) => d("update:keyword", p))
+      }, {
+        prefix: o(() => [
+          a(r(h), null, {
+            default: o(() => [
+              a(r(c))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["model-value", "class", "placeholder"]),
+      a(r(k), {
+        class: t(`${e.prefixCls}__tree`),
+        data: e.treeData,
+        props: { label: "label", children: "children", disabled: "disabled", value: "value" },
+        height: 320,
+        "node-key": "value",
+        "default-expanded-keys": e.expandedKeys,
+        "highlight-current": "",
+        "empty-text": "暂无数据",
+        onNodeClick: n
+      }, null, 8, ["class", "data", "default-expanded-keys"])
+    ], 2));
+  }
+});
+export {
+  x as default
+};

package/dist/components/tt-panel-select/src/components/PanelLeft.vue2.js

@@ -0,0 +1,4 @@
+import f from "./PanelLeft.vue.js";
+export {
+  f as default
+};

package/dist/components/tt-panel-select/src/components/PanelMiddle.vue.js

@@ -0,0 +1,277 @@
+import { defineComponent as ie, useTemplateRef as ue, ref as f, computed as v, watch as x, nextTick as L, createElementBlock as d, openBlock as s, normalizeClass as n, createElementVNode as w, createCommentVNode as Y, createVNode as p, createBlock as I, unref as i, withCtx as u, createTextVNode as $, normalizeStyle as M, Fragment as A, renderList as H, toDisplayString as V } from "vue";
+import { TtButton as de } from "@dazhicheng-ui/components/tt-button";
+import { TtText as _ } from "@dazhicheng-ui/components/tt-text";
+import { Search as pe } from "@element-plus/icons-vue";
+import { ElInput as ce, ElIcon as fe, ElCheckbox as P, ElScrollbar as ve } from "element-plus";
+const he = ["data-virtual-index", "data-flash-seed"], O = 8, Ce = /* @__PURE__ */ ie({
+  name: "PanelMiddle",
+  __name: "PanelMiddle",
+  props: {
+    disabled: { type: Boolean, default: !1 },
+    prefixCls: {},
+    multiple: { type: Boolean },
+    keyword: {},
+    rows: {},
+    optionPerRow: {},
+    rowHeight: {},
+    selectedValues: {},
+    isAllChecked: { type: Boolean },
+    isIndeterminate: { type: Boolean },
+    allChecked: { type: Boolean },
+    groupCheckedMap: {},
+    groupIndeterminateMap: {},
+    scrollToGroupValue: { default: void 0 },
+    pasteSearch: { type: Boolean, default: !1 },
+    separator: { default: "," },
+    showAll: { type: Boolean },
+    middlePlaceholder: {}
+  },
+  emits: ["update:keyword", "checkAll", "allCheck", "groupCheck", "optionCheck", "optionsCheck"],
+  setup(W, { expose: j, emit: J }) {
+    const l = W, c = J, y = ue("scrollbarRef"), F = f(), Q = f(), S = f(0), G = f(0), m = f(""), k = f(), q = f(0), T = f(!1);
+    let B;
+    const X = v(() => l.rows.length * l.rowHeight), Z = v(() => Math.max(1, Math.ceil(G.value / l.rowHeight))), g = v(() => Math.max(0, Math.floor(S.value / l.rowHeight) - O)), ee = v(() => Math.min(l.rows.length, g.value + Z.value + O * 2)), le = v(() => g.value * l.rowHeight), ae = v(() => l.rows.slice(g.value, ee.value)), oe = v(() => {
+      var e;
+      return ((e = l.rows[0]) == null ? void 0 : e.type) === "group";
+    }), te = v(
+      () => l.rows.filter((e) => e.type === "options").flatMap((e) => e.options).filter((e) => !e.disabled)
+    );
+    x(
+      () => l.keyword,
+      (e) => {
+        m.value = e;
+      },
+      { immediate: !0 }
+    );
+    function D() {
+      var a;
+      const e = (a = y.value) == null ? void 0 : a.wrapRef;
+      e && (Q.value = e, G.value = e.clientHeight, S.value = e.scrollTop);
+    }
+    function E() {
+      var a;
+      const e = (a = y.value) == null ? void 0 : a.wrapRef;
+      e && (S.value = e.scrollTop);
+    }
+    function re(e) {
+      k.value = void 0, q.value += 1, requestAnimationFrame(() => {
+        k.value = e, B && clearTimeout(B), B = setTimeout(() => {
+          k.value = void 0;
+        }, 1400);
+      });
+    }
+    async function N(e) {
+      var h;
+      await L(), D();
+      const a = l.rows.findIndex((t) => t.type === "group" && t.group.value === e);
+      if (a < 0) return;
+      const o = a * l.rowHeight;
+      (h = y.value) == null || h.setScrollTop(o), requestAnimationFrame(() => {
+        E(), re(e);
+      });
+    }
+    function se(e) {
+      var U;
+      if (l.disabled)
+        return;
+      e.preventDefault();
+      const a = ((U = e.clipboardData) == null ? void 0 : U.getData("text")) || "";
+      m.value = a.trim(), l.pasteSearch ? c("update:keyword", m.value) : (T.value = !0, requestAnimationFrame(() => {
+        T.value = !1;
+      }));
+      const h = (l.separator || ",").replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), t = new RegExp(`${h}|\\r?\\n|\\t`, "g"), C = a.split(t).map((r) => r.trim()).filter(Boolean), b = () => {
+        requestAnimationFrame(() => {
+          var z;
+          const r = (z = F.value) == null ? void 0 : z.input;
+          r == null || r.focus(), r == null || r.select();
+        });
+      };
+      if (!C.length) {
+        b();
+        return;
+      }
+      const K = new Set(C), R = te.value.filter((r) => K.has(r.label) || K.has(String(r.value))).map((r) => r.value);
+      if (!R.length) {
+        b();
+        return;
+      }
+      if (l.multiple) {
+        c("optionsCheck", R, !0), b();
+        return;
+      }
+      c("optionCheck", R.at(-1), !0), b();
+    }
+    function ne(e) {
+      m.value = e, !T.value && c("update:keyword", e);
+    }
+    return x(
+      () => l.scrollToGroupValue,
+      async (e) => {
+        e !== void 0 && await N(e);
+      },
+      { flush: "post" }
+    ), x(
+      () => l.rows.length,
+      async () => {
+        await L(), D();
+      },
+      { immediate: !0 }
+    ), j({
+      scrollToGroup: N
+    }), (e, a) => (s(), d("div", {
+      class: n(`${e.prefixCls}__list`)
+    }, [
+      w("div", {
+        class: n(`${e.prefixCls}__toolbar`)
+      }, [
+        p(i(ce), {
+          ref_key: "searchInputRef",
+          ref: F,
+          "model-value": m.value,
+          class: n(`${e.prefixCls}__search`),
+          placeholder: l.middlePlaceholder,
+          clearable: "",
+          "onUpdate:modelValue": ne,
+          onPaste: se
+        }, {
+          prefix: u(() => [
+            p(i(fe), null, {
+              default: u(() => [
+                p(i(pe))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["model-value", "class", "placeholder"]),
+        e.multiple ? (s(), I(i(de), {
+          key: 0,
+          disabled: e.disabled,
+          plain: "",
+          onClick: a[0] || (a[0] = () => c("checkAll", !0))
+        }, {
+          default: u(() => [...a[2] || (a[2] = [
+            w("span", null, "全选", -1)
+          ])]),
+          _: 1
+        }, 8, ["disabled"])) : Y("", !0)
+      ], 2),
+      l.showAll ? (s(), d("div", {
+        key: 0,
+        class: n([`${e.prefixCls}__panel-head`, oe.value ? "is-standalone" : ""])
+      }, [
+        p(i(P), {
+          disabled: e.disabled,
+          "model-value": l.allChecked,
+          onChange: a[1] || (a[1] = (o) => c("allCheck", !!o))
+        }, {
+          default: u(() => [
+            p(i(_), null, {
+              default: u(() => [...a[3] || (a[3] = [
+                $("全部", -1)
+              ])]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["disabled", "model-value"])
+      ], 2)) : Y("", !0),
+      w("div", {
+        class: n(`${e.prefixCls}__checkbox-group`)
+      }, [
+        p(i(ve), {
+          ref_key: "scrollbarRef",
+          ref: y,
+          class: n(`${e.prefixCls}__middle-scrollbar`),
+          onScroll: E
+        }, {
+          default: u(() => [
+            w("div", {
+              class: n(`${e.prefixCls}__middle-virtual-host`),
+              style: M({ height: `${X.value}px` })
+            }, [
+              w("div", {
+                style: M({ transform: `translateY(${le.value}px)` })
+              }, [
+                (s(!0), d(A, null, H(ae.value, (o, h) => (s(), d("div", {
+                  key: o.key,
+                  style: M({ height: `${e.rowHeight}px` }),
+                  class: n([
+                    `${e.prefixCls}__middle-row`,
+                    o.type === "group" ? `${e.prefixCls}__middle-group` : `${e.prefixCls}__middle-options`,
+                    o.type === "options" && o.isLast ? "is-last" : "",
+                    o.type === "options" && g.value + h === 0 && !l.showAll ? "is-first" : "",
+                    k.value === o.group.value ? `${e.prefixCls}__group-flash` : ""
+                  ]),
+                  "data-virtual-index": g.value + h,
+                  "data-flash-seed": q.value
+                }, [
+                  o.type === "group" ? (s(), d("div", {
+                    key: 0,
+                    class: n(`${e.prefixCls}__panel-head`)
+                  }, [
+                    l.multiple ? (s(), I(i(P), {
+                      key: 0,
+                      "model-value": e.groupCheckedMap[String(o.group.value)],
+                      indeterminate: e.groupIndeterminateMap[String(o.group.value)],
+                      disabled: e.disabled,
+                      onChange: (t) => c("groupCheck", o.group.value, !!t)
+                    }, {
+                      default: u(() => [
+                        p(i(_), null, {
+                          default: u(() => [
+                            $(V(o.group.label), 1)
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ]),
+                      _: 2
+                    }, 1032, ["model-value", "indeterminate", "disabled", "onChange"])) : (s(), I(i(_), { key: 1 }, {
+                      default: u(() => [
+                        $(V(o.group.label), 1)
+                      ]),
+                      _: 2
+                    }, 1024))
+                  ], 2)) : (s(), d("div", {
+                    key: 1,
+                    class: n(`${e.prefixCls}__option-row`)
+                  }, [
+                    (s(!0), d(A, null, H(o.options, (t) => (s(), d("div", {
+                      key: t.value,
+                      class: n(`${e.prefixCls}__option-cell`)
+                    }, [
+                      p(i(P), {
+                        "model-value": e.selectedValues.includes(t.value),
+                        disabled: e.disabled ?? t.disabled,
+                        class: n(`${e.prefixCls}__option`),
+                        onChange: (C) => c("optionCheck", t.value, !!C)
+                      }, {
+                        default: u(() => [
+                          p(i(_), { "tool-tip-line": 2 }, {
+                            default: u(() => [
+                              $(V(t.label), 1)
+                            ]),
+                            _: 2
+                          }, 1024)
+                        ]),
+                        _: 2
+                      }, 1032, ["model-value", "disabled", "class", "onChange"])
+                    ], 2))), 128)),
+                    (s(!0), d(A, null, H(e.optionPerRow - o.options.length, (t) => (s(), d("div", {
+                      key: `empty-${o.key}-${t}`,
+                      class: n(`${e.prefixCls}__option-cell`)
+                    }, null, 2))), 128))
+                  ], 2))
+                ], 14, he))), 128))
+              ], 4)
+            ], 6)
+          ]),
+          _: 1
+        }, 8, ["class"])
+      ], 2)
+    ], 2));
+  }
+});
+export {
+  Ce as default
+};

package/dist/components/tt-panel-select/src/components/PanelMiddle.vue2.js

@@ -0,0 +1,4 @@
+import f from "./PanelMiddle.vue.js";
+export {
+  f as default
+};