@dazhicheng/ui 1.5.198 → 1.5.201

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

@@ -0,0 +1,108 @@
+import { defineComponent as O, ref as f, computed as s, watch as z, nextTick as H, createElementBlock as c, openBlock as p, normalizeClass as o, createElementVNode as v, createVNode as r, unref as t, withCtx as h, createTextVNode as b, normalizeStyle as g, Fragment as N, renderList as I, createCommentVNode as A, toDisplayString as P } from "vue";
+import w from "@dazhicheng-ui/assets/svg/close.svg?raw";
+import { TtButton as Y } from "@dazhicheng-ui/components/tt-button";
+import { TtIcon as y } from "@dazhicheng-ui/components/tt-icon";
+import { TtText as D } from "@dazhicheng-ui/components/tt-text";
+import { ElScrollbar as F } from "element-plus";
+const n = 34, $ = 8, U = /* @__PURE__ */ O({
+  name: "PanelRight",
+  __name: "PanelRight",
+  props: {
+    prefixCls: {},
+    multiple: { type: Boolean },
+    selectedOptions: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["clearAll", "remove"],
+  setup(_, { emit: k }) {
+    const a = _, C = k, u = f(), d = f(0), x = f(340), T = s(() => a.selectedOptions.length * n), R = s(() => Math.max(1, Math.ceil(x.value / n))), m = s(() => Math.max(0, Math.floor(d.value / n) - $)), S = s(
+      () => Math.min(a.selectedOptions.length, m.value + R.value + $ * 2)
+    ), V = s(() => m.value * n), B = s(() => a.selectedOptions.slice(m.value, S.value));
+    function E() {
+      var l;
+      const e = (l = u.value) == null ? void 0 : l.wrapRef;
+      e && (x.value = e.clientHeight, d.value = e.scrollTop);
+    }
+    function M() {
+      var l;
+      const e = (l = u.value) == null ? void 0 : l.wrapRef;
+      e && (d.value = e.scrollTop);
+    }
+    return z(
+      () => a.selectedOptions.length,
+      async () => {
+        await H(), E();
+      },
+      { immediate: !0 }
+    ), (e, l) => (p(), c("div", {
+      class: o(`${e.prefixCls}__right`)
+    }, [
+      v("div", {
+        class: o(`${e.prefixCls}__selected-actions`)
+      }, [
+        r(t(Y), {
+          disabled: e.disabled,
+          class: "w-full",
+          plain: "",
+          onClick: l[0] || (l[0] = (i) => C("clearAll"))
+        }, {
+          default: h(() => [
+            r(t(y), {
+              class: "mr-[4px]",
+              size: 14,
+              "is-custom-svg": "",
+              icon: t(w)
+            }, null, 8, ["icon"]),
+            l[1] || (l[1] = b(" 取消全选 ", -1))
+          ]),
+          _: 1
+        }, 8, ["disabled"])
+      ], 2),
+      r(t(F), {
+        ref_key: "scrollbarRef",
+        ref: u,
+        class: o(`${e.prefixCls}__selected-list ${e.prefixCls}__right-scrollbar`),
+        height: "340px",
+        onScroll: M
+      }, {
+        default: h(() => [
+          v("div", {
+            style: g({ height: `${T.value}px` })
+          }, [
+            v("div", {
+              style: g({ transform: `translateY(${V.value}px)` })
+            }, [
+              (p(!0), c(N, null, I(B.value, (i) => (p(), c("div", {
+                key: i.value,
+                style: g({ height: `${n}px` }),
+                class: o(`${e.prefixCls}__selected-item`)
+              }, [
+                r(t(D), null, {
+                  default: h(() => [
+                    b(P(i.label), 1)
+                  ]),
+                  _: 2
+                }, 1024),
+                e.disabled ? A("", !0) : (p(), c("span", {
+                  key: 0,
+                  class: o(`${e.prefixCls}__selected-item-close`)
+                }, [
+                  r(t(y), {
+                    size: 14,
+                    "is-custom-svg": "",
+                    icon: t(w),
+                    onClick: (G) => C("remove", i.value)
+                  }, null, 8, ["icon", "onClick"])
+                ], 2))
+              ], 6))), 128))
+            ], 4)
+          ], 4)
+        ]),
+        _: 1
+      }, 8, ["class"])
+    ], 2));
+  }
+});
+export {
+  U as default
+};

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

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

package/dist/components/tt-panel-select/src/hooks/usePanelData.js

@@ -0,0 +1,184 @@
+import { isFunction as w } from "@dazhicheng/utils";
+import { objectOmit as X } from "@vueuse/core";
+import { get as i, cloneDeep as Y } from "lodash-es";
+import { pinyin as Z } from "pinyin-pro";
+import { computed as d, ref as T, unref as ee, nextTick as te } from "vue";
+function oe(a) {
+  const A = d(() => {
+    const e = a.treeConfig || {};
+    return {
+      transform: e.transform,
+      labelField: e.labelField ?? "label",
+      valueField: e.valueField ?? "value",
+      disabledField: e.disabledField ?? "disabled",
+      childrenField: e.childrenField ?? "children",
+      parentField: e.parentField ?? "pid",
+      rootParentValue: e.rootParentValue ?? null
+    };
+  }), p = T(!1), C = T([]), P = T(!1), S = T(!1), M = d(() => w(a.api) ? C.value : a.options || []), N = d(() => K(M.value)), z = d(() => !V() && a.showPinyinMode ? $(G.value) : D(N.value)), O = d(() => j(N.value)), B = d(() => O.value.filter((e) => {
+    var t;
+    return (t = e.children) == null ? void 0 : t.length;
+  })), G = d(() => O.value.filter((e) => e.children === void 0));
+  async function L() {
+    if (!(!a.api || !w(a.api))) {
+      if (p.value) {
+        P.value = !0;
+        return;
+      }
+      C.value = [];
+      try {
+        p.value = !0;
+        let e = ee(a.params);
+        a.beforeFetch && w(a.beforeFetch) && (e = await a.beforeFetch(Y(e)) || e);
+        let t = await a.api(e);
+        a.afterFetch && w(a.afterFetch) && (t = await a.afterFetch(t) || t), S.value = !0, C.value = Array.isArray(t) ? t : i(t, a.resultField || "") || [];
+      } catch {
+        S.value = !1;
+      } finally {
+        p.value = !1, P.value && (P.value = !1, await te(), L());
+      }
+    }
+  }
+  function K(e) {
+    const { childrenField: t, transform: r, valueField: n, labelField: l, disabledField: o, parentField: s } = A.value, u = e.some((b) => Array.isArray(i(b, t))), h = e.some((b) => {
+      const F = i(b, t);
+      return Array.isArray(F) && F.length > 0;
+    }), v = u || h ? e : r ? U(e) : e;
+    function g(b, F = 0, m) {
+      return b.map((c) => {
+        const J = i(c, n), x = i(c, t), Q = Array.isArray(x), W = [l, n, o, t].filter(
+          (y) => !!y
+        ), f = {
+          ...X(c, W),
+          label: String(i(c, l) ?? ""),
+          value: J,
+          disabled: !!i(c, o),
+          pid: (m == null ? void 0 : m.value) ?? i(c, s),
+          level: F,
+          path: [],
+          raw: c
+        };
+        if (f.path = m ? [...m.path, f] : [f], Q) {
+          const y = x;
+          f.children = y.length ? g(y, F + 1, f) : [];
+        } else
+          f.children = void 0;
+        return f;
+      });
+    }
+    return g(v);
+  }
+  function U(e) {
+    const t = /* @__PURE__ */ new Map(), r = [], { childrenField: n, valueField: l, parentField: o, rootParentValue: s } = A.value;
+    return e.forEach((u) => {
+      const h = i(u, l);
+      t.set(h, { ...u });
+    }), t.forEach((u) => {
+      const h = i(u, o), v = h === s ? void 0 : t.get(h);
+      if (v) {
+        const g = i(v, n) || [];
+        g.push(u), v[n] = g;
+      } else
+        r.push(u);
+    }), r;
+  }
+  function D(e) {
+    return e.filter((t) => {
+      var r;
+      return (r = t.children) == null ? void 0 : r.length;
+    }).map((t) => {
+      var r;
+      return {
+        ...t,
+        children: (r = t.children) != null && r.some((n) => {
+          var l;
+          return (l = n.children) == null ? void 0 : l.length;
+        }) ? D(t.children) : void 0
+      };
+    });
+  }
+  function $(e) {
+    return k(e).map((r) => {
+      const n = {
+        label: String(r.label),
+        value: r.value,
+        disabled: !1,
+        pid: null,
+        level: 0,
+        path: [],
+        raw: { label: r.label, value: r.value }
+      };
+      return n.path = [n], n.children = void 0, n;
+    });
+  }
+  function j(e) {
+    var n;
+    const t = [], r = [...e];
+    for (; r.length; ) {
+      const l = r.shift();
+      l && (t.push(l), (n = l.children) != null && n.length && r.unshift(...l.children));
+    }
+    return t;
+  }
+  function E(e, t) {
+    const r = t.trim().toLowerCase();
+    return r ? e.filter((n) => n.label.toLowerCase().includes(r)) : e;
+  }
+  function q(e, t) {
+    const r = E(e, t);
+    return a.showOriginMode ? R(r) : a.showPinyinMode ? k(r) : V() ? I(r) : _(r);
+  }
+  function V() {
+    const { childrenField: e, transform: t } = A.value, r = M.value.some((o) => Array.isArray(i(o, e))), n = M.value.some((o) => {
+      const s = i(o, e);
+      return Array.isArray(s) && !!s.length;
+    });
+    return t || !t && (r || n);
+  }
+  function _(e) {
+    const t = /* @__PURE__ */ new Map();
+    return e.forEach((r) => {
+      const n = r.path.at(-2), l = (n == null ? void 0 : n.value) ?? r.value, o = (n == null ? void 0 : n.label) ?? r.label, s = t.get(l) || { value: l, label: o, options: [] };
+      s.options.push(r), t.set(l, s);
+    }), Array.from(t.values());
+  }
+  function I(e) {
+    return _(e);
+  }
+  function R(e) {
+    return e.length ? [
+      {
+        value: "__origin__",
+        label: "",
+        options: e
+      }
+    ] : [];
+  }
+  function k(e) {
+    const t = /* @__PURE__ */ new Map();
+    return e.forEach((r) => {
+      const n = H(r.label), l = t.get(n) || { value: n, label: n.toUpperCase(), options: [] };
+      l.options.push(r), t.set(n, l);
+    }), Array.from(t.values()).sort((r, n) => String(r.value).localeCompare(String(n.value)));
+  }
+  function H(e) {
+    const t = String(e || "").trim(), r = t.charAt(0).toLowerCase();
+    if (/^[a-z]$/.test(r)) return r;
+    const l = String(Z(t, { pattern: "initial" })).replace(/\s+/g, "").charAt(0).toLowerCase();
+    return /^[a-z]$/.test(l) ? l : "#";
+  }
+  return {
+    loading: p,
+    fetchApi: L,
+    treeOptions: N,
+    navTreeOptions: z,
+    navNodes: B,
+    leafNodes: G,
+    filterNodes: E,
+    buildOptionGroups: q,
+    isFirstLoaded: S
+  };
+}
+export {
+  oe as usePanelSelectData
+};

package/dist/components/tt-panel-select/src/hooks/usePanelSelection.js

@@ -0,0 +1,91 @@
+import { computed as s, unref as n } from "vue";
+function O(f) {
+  const { multiple: u, modelValue: d, selectedValues: o, leafNodes: c, allValue: r } = f, h = s(() => {
+    const l = new Set(n(o)), t = n(c).filter((e) => l.has(e.value));
+    if (l.has(n(r))) {
+      const e = n(r);
+      return [
+        {
+          label: "全部",
+          value: e,
+          level: 0,
+          path: [],
+          raw: { label: "全部", value: e }
+        },
+        ...t
+      ];
+    }
+    return t;
+  }), v = s(() => {
+    const l = n(c).filter((t) => !t.disabled).map((t) => t.value);
+    return l.length > 0 && l.every((t) => n(o).includes(t));
+  }), p = s(() => {
+    const l = n(c).filter((e) => !e.disabled).map((e) => e.value), t = l.filter((e) => n(o).includes(e)).length;
+    return t > 0 && t < l.length;
+  });
+  function m(l) {
+    const t = l.options.filter((e) => !e.disabled).map((e) => e.value);
+    return t.length > 0 && t.every((e) => n(o).includes(e));
+  }
+  function S(l) {
+    const t = l.options.filter((a) => !a.disabled).map((a) => a.value), e = t.filter((a) => n(o).includes(a)).length;
+    return t.length > 0 && e > 0 && e < t.length;
+  }
+  function g(l, t) {
+    const e = l.options.filter((i) => !i.disabled).map((i) => i.value);
+    if (!e.length) return;
+    if (!n(u)) {
+      d.value = t ? e[0] : void 0;
+      return;
+    }
+    const a = new Set(n(o));
+    a.delete(n(r)), e.forEach((i) => t ? a.add(i) : a.delete(i)), o.value = Array.from(a);
+  }
+  function k(l) {
+    if (!n(u)) {
+      d.value = l ? n(r) : void 0;
+      return;
+    }
+    o.value = l ? [n(r)] : [];
+  }
+  function C(l, t) {
+    if (!n(u)) {
+      d.value = t ? l : void 0;
+      return;
+    }
+    const e = new Set(n(o));
+    e.delete(n(r)), t ? e.add(l) : e.delete(l), o.value = Array.from(e);
+  }
+  function b(l, t) {
+    if (!l.length) return;
+    if (!n(u)) {
+      d.value = t ? l.at(-1) : void 0;
+      return;
+    }
+    const e = new Set(n(o));
+    e.delete(n(r)), l.forEach((a) => t ? e.add(a) : e.delete(a)), o.value = Array.from(e);
+  }
+  function A(l) {
+    const t = n(c).filter((a) => !a.disabled).map((a) => a.value), e = new Set(n(o));
+    e.delete(n(r)), t.forEach((a) => l ? e.add(a) : e.delete(a)), o.value = Array.from(e);
+  }
+  function w(l) {
+    o.value = n(o).filter((t) => t !== l);
+  }
+  return {
+    selectedOptions: h,
+    isAllChecked: v,
+    isIndeterminate: p,
+    isGroupChecked: m,
+    isGroupIndeterminate: S,
+    handleGroupCheck: g,
+    handleAllOptionCheck: k,
+    handleOptionCheck: C,
+    handleOptionsCheck: b,
+    handleCheckAll: A,
+    removeSelected: w
+  };
+}
+export {
+  O as usePanelSelectSelection
+};