@dazhicheng/ui 1.6.8 → 1.6.10

package/dist/components/tt-panel-select/src/common.d.ts

@@ -1 +1,11 @@
+import { PanelSelectSeparator } from './types';
 export declare const ALL = "all";
+/** 默认识别英文逗号、中文逗号、半角空格与全角空格。 */
+export declare const DEFAULT_PANEL_SELECT_SEPARATORS: string[];
+/**
+ * 按面板选择器配置的分隔符、换行和 Tab 拆分文本。
+ * @param text 待拆分的原始文本
+ * @param separator 单个或多个自定义分隔符
+ * @returns 去除首尾空白和空项后的文本片段
+ */
+export declare function splitPanelSelectText(text: string, separator?: PanelSelectSeparator): string[];

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

@@ -1,4 +1,25 @@
-const l = "all";
+import "axios";
+import "element-plus";
+import { isArray as n } from "../../../packages/utils/src/is.js";
+import "vue";
+import "dayjs";
+import "numeral";
+import "xe-utils";
+import "dayjs/plugin/utc";
+import "dayjs/plugin/timezone";
+import "../../../node_modules/.pnpm/decimal.js@10.6.0/node_modules/decimal.js/decimal.js";
+import "../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/aes.js";
+import "../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/enc-utf8.js";
+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";
+const d = "all", l = [",", "，", " ", "　"];
+function B(i, o) {
+  const r = n(o) ? o.filter(Boolean) : o ? [o] : [], p = [...r.length ? r : l].sort((t, m) => m.length - t.length).map((t) => t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")), e = new RegExp([...p, "\\r?\\n", "\\t"].join("|"), "g");
+  return i.split(e).map((t) => t.trim()).filter(Boolean);
+}
 export {
-  l as ALL
+  d as ALL,
+  l as DEFAULT_PANEL_SELECT_SEPARATORS,
+  B as splitPanelSelectText
 };

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

@@ -3,6 +3,7 @@ import { PanelSelectValue, PanelMiddleProps } from '../types';
 declare function scrollToGroup(groupValue: PanelSelectValue): Promise<void>;
 declare const _default: import('vue').DefineComponent<PanelMiddleProps, {
     scrollToGroup: typeof scrollToGroup;
+    inputFocus: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:keyword": (value: string) => any;
     checkAll: (checked: boolean) => any;
@@ -21,7 +22,7 @@ declare const _default: import('vue').DefineComponent<PanelMiddleProps, {
     disabled: boolean;
     scrollToGroupValue: PanelSelectValue;
     pasteSearch: boolean;
-    separator: string;
+    separator: import('../types').PanelSelectSeparator;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     searchInputRef: ({
         $: import('vue').ComponentInternalInstance;

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

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

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

@@ -31,9 +31,7 @@ export declare function usePanelSelectData(props: PanelContainerProps): {
     navTreeOptions: import('vue').ComputedRef<PanelTreeNode[]>;
     navNodes: import('vue').ComputedRef<PanelTreeNode[]>;
     leafNodes: import('vue').ComputedRef<PanelTreeNode[]>;
-    filterNodes: <T extends {
-        label: string;
-    }>(nodes: T[], keyword: string) => T[];
+    filterNodes: (nodes: PanelTreeNode[], keyword: string) => PanelTreeNode[];
     buildOptionGroups: (nodes: PanelTreeNode[], keyword: string) => OptionGroup[];
     isFirstLoaded: import('vue').Ref<boolean, boolean>;
 };