@dazhicheng/ui 1.6.53 → 1.6.54

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

@@ -1,8 +1,8 @@
-import { defineComponent as je, mergeModels as z, useModel as qe, computed as u, watch as M, ref as v, useTemplateRef as E, unref as r, onMounted as He, createElementBlock as _, openBlock as A, normalizeClass as j, createVNode as q, mergeProps as Je, withCtx as Qe, withDirectives as Xe, normalizeStyle as Ye, createBlock as H, createCommentVNode as J, nextTick as F } from "vue";
+import { defineComponent as qe, mergeModels as I, useModel as He, computed as u, watch as O, ref as v, useTemplateRef as $, unref as r, onMounted as Je, createElementBlock as z, openBlock as A, normalizeClass as j, createVNode as q, mergeProps as Qe, withCtx as Xe, withDirectives as Ye, normalizeStyle as Ze, createBlock as H, createCommentVNode as J, nextTick as E } from "vue";
 import "../../../node_modules/.pnpm/vue-types@5.1.3_vue@3.5.34_typescript@5.9.3_/node_modules/vue-types/shim/index.modern.js";
-import { useDesign as Ze } from "../../../packages/hooks/src/useDesign.js";
+import { useDesign as el } from "../../../packages/hooks/src/useDesign.js";
 import "axios";
-import { ElSelect as el, vLoading as ll } from "element-plus";
+import { ElSelect as ll, vLoading as tl } from "element-plus";
 import "dayjs";
 import "numeral";
 import "xe-utils";
@@ -15,19 +15,19 @@ 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 { useResizeObserver as tl } from "@vueuse/core";
-import { useSelectCollapseOptions as al } from "../../tt-form/src/hooks/useSelectCollapse.js";
-import { ALL as ol, DEFAULT_PANEL_SELECT_SEPARATORS as nl } from "./common.js";
-import il from "./components/PanelLeft.vue.js";
-import rl from "./components/PanelMiddle.vue.js";
-import ul from "./components/PanelRight.vue.js";
-import { usePanelSelectData as sl } from "./hooks/usePanelData.js";
-import { usePanelSelectSelection as cl } from "./hooks/usePanelSelection.js";
+import { useResizeObserver as al } from "@vueuse/core";
+import { useSelectCollapseOptions as ol } from "../../tt-form/src/hooks/useSelectCollapse.js";
+import { ALL as nl, DEFAULT_PANEL_SELECT_SEPARATORS as il } from "./common.js";
+import rl from "./components/PanelLeft.vue.js";
+import ul from "./components/PanelMiddle.vue.js";
+import sl from "./components/PanelRight.vue.js";
+import { usePanelSelectData as cl } from "./hooks/usePanelData.js";
+import { usePanelSelectSelection as dl } from "./hooks/usePanelSelection.js";
 /* empty css           */
-const m = 4, Gl = /* @__PURE__ */ je({
+const m = 4, Wl = /* @__PURE__ */ qe({
   name: "TtPanelSelect",
   __name: "index",
-  props: /* @__PURE__ */ z({
+  props: /* @__PURE__ */ I({
     disabled: { type: Boolean, default: !1 },
     showNav: { type: Boolean, default: !0 },
     multiple: { type: Boolean, default: !0 },
@@ -48,11 +48,11 @@ const m = 4, Gl = /* @__PURE__ */ je({
     immediate: { type: Boolean, default: !0 },
     beforeFetch: { type: Function, default: void 0 },
     afterFetch: { type: Function, default: void 0 },
-    separator: { default: () => [...nl] },
+    separator: { default: () => [...il] },
     pasteSearch: { type: Boolean, default: !0 },
     alwaysLoad: { type: Boolean, default: !1 },
     showAll: { type: Boolean, default: !0 },
-    showAllField: { default: ol },
+    showAllField: { default: nl },
     showPinyinMode: { type: Boolean, default: !1 },
     showOriginMode: { type: Boolean, default: !0 },
     leftPlaceholder: { default: "支持模糊搜索" },
@@ -62,31 +62,35 @@ const m = 4, Gl = /* @__PURE__ */ je({
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ z(["visible-change", "change", "focus"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ I(["visible-change", "change", "focus"], ["update:modelValue"]),
   setup(s, { expose: Q, emit: X }) {
-    const Y = ll, Z = el, t = s, C = X, { prefixCls: p } = Ze("panel-select"), {
+    const Y = tl, Z = ll, t = s, C = X, { prefixCls: p } = el("panel-select"), {
       loading: ee,
       fetchApi: f,
       treeOptions: le,
-      navTreeOptions: R,
+      navTreeOptions: F,
       navNodes: te,
       leafNodes: h,
       isFirstLoaded: ae,
       buildOptionGroups: oe
-    } = sl(t), n = qe(s, "modelValue");
-    let L;
-    const P = u(() => t.disabled), ne = u(() => {
+    } = cl(t), n = He(s, "modelValue");
+    let P;
+    const R = u(() => t.disabled), ne = u(() => {
+      if (!t.multiple) return t.placeholder;
+      const e = t.showMultiple ? "支持多选和全选" : "支持多选", l = typeof t.placeholder == "string" && t.placeholder.trim() ? t.placeholder.trim().replace(/[，,]\s*$/, "") : "请选择";
+      return l.includes("支持多选和全选") || l.includes("支持多选") ? l : `${l}，${e}`;
+    }), ie = u(() => {
       const e = /* @__PURE__ */ new Map();
       return h.value.forEach((l) => e.set(l.value, l.label)), e;
     });
     function x(e) {
-      return e === t.showAllField ? { label: "全部", value: t.showAllField } : { label: ne.value.get(e) ?? String(e), value: e };
+      return e === t.showAllField ? { label: "全部", value: t.showAllField } : { label: ie.value.get(e) ?? String(e), value: e };
     }
-    function $(e) {
+    function L(e) {
       if (e != null)
         return typeof e == "object" && "value" in e ? e.value : e;
     }
-    const ie = u({
+    const re = u({
       get() {
         return Array.isArray(n.value) ? t.multiple ? n.value : n.value.slice(-1) : n.value === void 0 ? [] : [n.value];
       },
@@ -94,20 +98,20 @@ const m = 4, Gl = /* @__PURE__ */ je({
         n.value = t.multiple ? [...e] : e.at(-1);
       }
     });
-    M([() => t.multiple, () => n.value], ([e, l]) => {
+    O([() => t.multiple, () => n.value], ([e, l]) => {
       if (e) {
         Array.isArray(l) || (n.value = l === void 0 ? [] : [l]);
         return;
       }
       Array.isArray(l) && (n.value = l.at(-1));
     });
-    const b = v(), y = v(""), w = v(""), S = v(), V = E("middleRef"), g = E("selectWrapRef"), B = E("selectRef"), O = v(0);
+    const b = v(), y = v(""), w = v(""), S = v(), V = $("middleRef"), g = $("selectWrapRef"), B = $("selectRef"), M = v(0);
     function N() {
       const e = g.value;
-      e && (O.value = e.offsetWidth);
+      e && (M.value = e.offsetWidth);
     }
-    tl(g, () => N());
-    const re = u(() => ({
+    al(g, () => N());
+    const ue = u(() => ({
       componentProps: {
         multiple: t.multiple,
         component: {
@@ -117,19 +121,19 @@ const m = 4, Gl = /* @__PURE__ */ je({
       component: "TtPanelSelect",
       selectWrapRef: g,
       selectRef: B
-    })), { selectComponentProps: ue } = al(re), T = u(() => {
+    })), { selectComponentProps: se } = ol(ue), T = u(() => {
       const e = y.value.trim().toLowerCase();
-      if (!e) return R.value;
+      if (!e) return F.value;
       const l = (a) => {
         const o = [];
         return a.forEach((i) => {
-          var I;
-          const c = (I = i.children) != null && I.length ? l(i.children) : void 0;
+          var _;
+          const c = (_ = i.children) != null && _.length ? l(i.children) : void 0;
           (String(i.label).toLowerCase().includes(e) || c && c.length) && o.push({ ...i, children: c != null && c.length ? c : void 0 });
         }), o;
       };
-      return l(R.value);
-    }), se = u(() => {
+      return l(F.value);
+    }), ce = u(() => {
       const e = [], l = (a) => {
         a.forEach((o) => {
           var i;
@@ -137,13 +141,13 @@ const m = 4, Gl = /* @__PURE__ */ je({
         });
       };
       return l(T.value), e;
-    }), k = u(() => oe(h.value, w.value)), ce = u(() => {
+    }), k = u(() => oe(h.value, w.value)), de = u(() => {
       const e = "minmax(var(--tt-panel-select-middle-width, 450px), 1fr)";
       return t.showNav && !t.multiple ? `200px ${e}` : !t.showNav && t.multiple ? `${e} 180px` : !t.showNav && !t.multiple ? e : `200px ${e} 180px`;
-    }), de = u(() => {
+    }), pe = u(() => {
       const e = "var(--tt-panel-select-middle-width, 450px)";
       return t.showNav && !t.multiple ? `max(calc(200px + ${e}), 800px)` : !t.showNav && t.multiple ? `max(calc(${e} + 180px), 800px)` : !t.showNav && !t.multiple ? `max(${e}, 800px)` : `max(calc(200px + ${e} + 180px), 800px)`;
-    }), pe = u(() => {
+    }), me = u(() => {
       const e = [];
       return k.value.forEach((l) => {
         !(t.showOriginMode && l.value === "__origin__") && e.push({ key: `group-${String(l.value)}`, type: "group", group: l });
@@ -160,23 +164,23 @@ const m = 4, Gl = /* @__PURE__ */ je({
         }
       }), e;
     }), {
-      selectedOptions: me,
+      selectedOptions: fe,
       selectedValueSet: G,
-      isAllChecked: fe,
-      isIndeterminate: he,
-      getGroupCheckCount: ve,
-      handleGroupCheck: ye,
-      handleAllOptionCheck: we,
-      handleOptionCheck: ge,
-      handleOptionsCheck: ke,
-      handleCheckAll: Ae,
-      clearSelected: Ce,
-      removeSelected: xe,
-      withLockedSelectedValues: be
-    } = cl({
+      isAllChecked: he,
+      isIndeterminate: ve,
+      getGroupCheckCount: ye,
+      handleGroupCheck: we,
+      handleAllOptionCheck: ge,
+      handleOptionCheck: ke,
+      handleOptionsCheck: Ae,
+      handleCheckAll: Ce,
+      clearSelected: xe,
+      removeSelected: be,
+      withLockedSelectedValues: Se
+    } = dl({
       multiple: u(() => t.multiple),
       modelValue: n,
-      selectedValues: ie,
+      selectedValues: re,
       leafNodes: h,
       allValue: u(() => t.showAllField)
     }), W = u({
@@ -191,23 +195,23 @@ const m = 4, Gl = /* @__PURE__ */ je({
       },
       set(e) {
         const l = r(n);
-        if (L = Array.isArray(l) ? [...l] : l, t.multiple) {
-          const o = (Array.isArray(e) ? e : []).map((i) => $(i)).filter((i) => i !== void 0);
-          n.value = be(o);
+        if (P = Array.isArray(l) ? [...l] : l, t.multiple) {
+          const o = (Array.isArray(e) ? e : []).map((i) => L(i)).filter((i) => i !== void 0);
+          n.value = Se(o);
           return;
         }
-        n.value = $(e);
+        n.value = L(e);
       }
     }), D = u(
       () => {
         const e = {}, l = {};
         return k.value.forEach((a) => {
-          const { enabledCount: o, checkedCount: i } = ve(a), c = String(a.value);
+          const { enabledCount: o, checkedCount: i } = ye(a), c = String(a.value);
           e[c] = o > 0 && i === o, l[c] = o > 0 && i > 0 && i < o;
         }), { checkedMap: e, indeterminateMap: l };
       }
-    ), Se = u(() => D.value.checkedMap), Ve = u(() => D.value.indeterminateMap), Oe = u(() => G.value.has(t.showAllField)), K = u(() => [...t.showAll ? [{ label: "全部", value: t.showAllField }] : [], ...h.value.map((l) => ({ ...l }))]);
-    function Me(e) {
+    ), Ve = u(() => D.value.checkedMap), Me = u(() => D.value.indeterminateMap), Oe = u(() => G.value.has(t.showAllField)), K = u(() => [...t.showAll ? [{ label: "全部", value: t.showAllField }] : [], ...h.value.map((l) => ({ ...l }))]);
+    function $e(e) {
       const l = r(K);
       if (Array.isArray(e)) {
         const a = new Set(e);
@@ -225,62 +229,57 @@ const m = 4, Gl = /* @__PURE__ */ je({
     function Fe(e) {
       b.value = e.value;
       const l = Ee(e);
-      S.value = void 0, F(() => {
+      S.value = void 0, E(() => {
         var a;
         S.value = l, l !== void 0 && ((a = V.value) == null || a.scrollToGroup(l));
       });
     }
-    function Re(e) {
+    function Pe(e) {
       y.value = e;
     }
-    function Le(e) {
+    function Re(e) {
       w.value = e;
     }
-    function Pe(e, l) {
+    function Le(e, l) {
       const a = k.value.find((o) => o.value === e);
-      a && ye(a, l);
+      a && we(a, l);
     }
-    async function $e(e) {
+    async function Be(e) {
       var l;
-      C("visible-change", e), e && (w.value = "", y.value = "", await F(), (l = V.value) == null || l.inputFocus(), N(), t.alwaysLoad ? await f() : !t.immediate && !r(ae) && await f());
+      C("visible-change", e), e && (w.value = "", y.value = "", await E(), (l = V.value) == null || l.inputFocus(), N(), t.alwaysLoad ? await f() : !t.immediate && !r(ae) && await f());
     }
-    function Be() {
-      U(L);
+    function Ne() {
+      U(P);
     }
-    function Ne(e) {
-      C("change", e, [...r(K)], Me(e));
+    function Te(e) {
+      C("change", e, [...r(K)], $e(e));
     }
-    function Te(e, l) {
+    function Ge(e, l) {
       return Array.isArray(e) && Array.isArray(l) ? e.length === l.length && e.every((a, o) => a === l[o]) : e === l;
     }
     function U(e) {
-      F(() => {
+      E(() => {
         const l = r(n);
-        Te(l, e) || Ne(l);
+        Ge(l, e) || Te(l);
       });
     }
     function d(e) {
       const l = r(n), a = Array.isArray(l) ? [...l] : l;
       e(), U(a);
     }
-    function Ge(e) {
-      d(() => {
-        we(e);
-      });
-    }
     function We(e) {
       d(() => {
-        Ae(e);
+        ge(e);
       });
     }
-    function De(e, l) {
+    function De(e) {
       d(() => {
-        Pe(e, l);
+        Ce(e);
       });
     }
     function Ke(e, l) {
       d(() => {
-        ge(e, l);
+        Le(e, l);
       });
     }
     function Ue(e, l) {
@@ -288,33 +287,38 @@ const m = 4, Gl = /* @__PURE__ */ je({
         ke(e, l);
       });
     }
+    function _e(e, l) {
+      d(() => {
+        Ae(e, l);
+      });
+    }
     function Ie(e) {
       d(() => {
-        xe(e);
+        be(e);
       });
     }
     function ze() {
       d(() => {
-        Ce();
+        xe();
       });
     }
-    function _e(e) {
+    function je(e) {
       C("focus", e);
     }
-    return M(
+    return O(
       () => t.params,
       () => {
         f();
       },
       { deep: !0 }
-    ), M(
+    ), O(
       te,
       (e) => {
         var l;
         b.value !== void 0 || !e.length || (b.value = (l = e[0]) == null ? void 0 : l.value);
       },
       { immediate: !0 }
-    ), He(() => {
+    ), Je(() => {
       t.immediate && f();
     }), Q({
       /** 重新加载数据源*/
@@ -323,83 +327,83 @@ const m = 4, Gl = /* @__PURE__ */ je({
       getOptions: () => r(le),
       /** 获取当前v-model值 */
       getValue: () => r(n)
-    }), (e, l) => (A(), _("div", {
+    }), (e, l) => (A(), z("div", {
       ref_key: "selectWrapRef",
       ref: g,
       class: j(r(p))
     }, [
-      q(r(Z), Je({
+      q(r(Z), Qe({
         ref_key: "selectRef",
         ref: B,
         modelValue: W.value,
         "onUpdate:modelValue": l[0] || (l[0] = (a) => W.value = a)
-      }, r(ue), {
+      }, r(se), {
         multiple: s.multiple,
         filterable: !1,
-        placeholder: s.placeholder,
+        placeholder: ne.value,
         persistent: !1,
         "fallback-placements": ["bottom-start", "bottom-end", "bottom", "top-start", "top-end", "top", "right", "left"],
         disabled: s.disabled,
         "popper-class": `${r(p)}__popper vxe-table--ignore-clear`,
-        onVisibleChange: $e,
-        onChange: Be,
-        onFocus: _e
+        onVisibleChange: Be,
+        onChange: Ne,
+        onFocus: je
       }), {
-        empty: Qe(() => [
-          Xe((A(), _("div", {
+        empty: Xe(() => [
+          Ye((A(), z("div", {
             "element-loading-text": "加载中",
             class: j(`${r(p)}__panel`),
-            style: Ye({
-              "--columns": ce.value,
-              "--panel-min-width": de.value,
-              "--panel-width": O.value ? `${O.value}px` : "100%"
+            style: Ze({
+              "--columns": de.value,
+              "--panel-min-width": pe.value,
+              "--panel-width": M.value ? `${M.value}px` : "100%"
             })
           }, [
-            t.showNav ? (A(), H(il, {
+            t.showNav ? (A(), H(rl, {
               key: 0,
               "prefix-cls": r(p),
               keyword: y.value,
               "tree-data": T.value,
-              "expanded-keys": se.value,
+              "expanded-keys": ce.value,
               "left-placeholder": s.leftPlaceholder,
-              "onUpdate:keyword": Re,
+              "onUpdate:keyword": Pe,
               onSelect: Fe
             }, null, 8, ["prefix-cls", "keyword", "tree-data", "expanded-keys", "left-placeholder"])) : J("", !0),
-            q(rl, {
+            q(ul, {
               ref_key: "middleRef",
               ref: V,
               "prefix-cls": r(p),
               multiple: s.multiple,
               keyword: w.value,
-              rows: pe.value,
-              disabled: P.value,
+              rows: me.value,
+              disabled: R.value,
               "show-all": t.showAll,
               "option-per-row": m,
               "row-height": 40,
               "selected-value-set": r(G),
-              "is-all-checked": r(fe),
-              "is-indeterminate": r(he),
+              "is-all-checked": r(he),
+              "is-indeterminate": r(ve),
               "all-checked": Oe.value,
               "scroll-to-group-value": S.value,
-              "group-checked-map": Se.value,
-              "group-indeterminate-map": Ve.value,
+              "group-checked-map": Ve.value,
+              "group-indeterminate-map": Me.value,
               "paste-search": s.pasteSearch,
               separator: s.separator,
               "middle-placeholder": s.middlePlaceholder,
               "show-multiple": s.showMultiple,
-              "onUpdate:keyword": Le,
-              onAllCheck: Ge,
-              onCheckAll: We,
-              onGroupCheck: De,
-              onOptionCheck: Ke,
-              onOptionsCheck: Ue
+              "onUpdate:keyword": Re,
+              onAllCheck: We,
+              onCheckAll: De,
+              onGroupCheck: Ke,
+              onOptionCheck: Ue,
+              onOptionsCheck: _e
             }, null, 8, ["prefix-cls", "multiple", "keyword", "rows", "disabled", "show-all", "selected-value-set", "is-all-checked", "is-indeterminate", "all-checked", "scroll-to-group-value", "group-checked-map", "group-indeterminate-map", "paste-search", "separator", "middle-placeholder", "show-multiple"]),
-            t.multiple ? (A(), H(ul, {
+            t.multiple ? (A(), H(sl, {
               key: 1,
               "prefix-cls": r(p),
               multiple: s.multiple,
-              disabled: P.value,
-              "selected-options": r(me),
+              disabled: R.value,
+              "selected-options": r(fe),
               onClearAll: ze,
               onRemove: Ie
             }, null, 8, ["prefix-cls", "multiple", "disabled", "selected-options"])) : J("", !0)
@@ -413,5 +417,5 @@ const m = 4, Gl = /* @__PURE__ */ je({
   }
 });
 export {
-  Gl as default
+  Wl as default
 };