@dazhicheng/ui 1.5.247 → 1.5.248

package/dist/components/tt-table/src/components/TableColumnModal.vue2.js

@@ -1,14 +1,14 @@
-import { defineComponent as Y, ref as S, reactive as Z, computed as C, watch as T, createBlock as E, openBlock as m, unref as s, normalizeClass as b, createSlots as ee, withCtx as d, createElementVNode as c, createVNode as a, toDisplayString as h, createElementBlock as v, Fragment as M, renderList as $, createTextVNode as F, createCommentVNode as le, withModifiers as te, renderSlot as V } from "vue";
-import oe from "../../../../assets/svg/close.svg.js";
-import se from "../../../../assets/svg/drag.svg.js";
-import { TtIcon as B } from "../../../tt-icon/index.js";
-import { TtText as ne } from "../../../tt-text/index.js";
+import { defineComponent as Q, ref as x, computed as b, createBlock as F, openBlock as f, unref as e, normalizeClass as a, createSlots as W, withCtx as s, createElementVNode as c, createVNode as r, createTextVNode as h, toDisplayString as $, createElementBlock as C, Fragment as w, renderList as T, createCommentVNode as X, withModifiers as Y, renderSlot as V } from "vue";
+import Z from "../../../../assets/svg/close.svg.js";
+import ee from "../../../../assets/svg/drag.svg.js";
+import { TtIcon as P } from "../../../tt-icon/index.js";
+import { TtText as le } from "../../../tt-text/index.js";
 import "../../../tt-modal/index.js";
-import { TtButton as ie } from "../../../tt-button/index.js";
+import { TtButton as te } from "../../../tt-button/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 de } from "../../../../packages/hooks/src/useDesign.js";
+import { useDesign as oe } from "../../../../packages/hooks/src/useDesign.js";
 import "axios";
-import { ElScrollbar as I, ElCheckbox as R, ElCheckboxGroup as ce, ElTooltip as ae } from "element-plus";
+import { ElScrollbar as B, ElCheckbox as N, ElCheckboxGroup as ne, ElTooltip as ie } from "element-plus";
 import "dayjs";
 import "xe-utils";
 import "dayjs/plugin/utc";
@@ -18,231 +18,204 @@ import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/ae
 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 { cloneDeep as re } from "lodash-es";
-import ue from "sortablejs";
-import { useModalRender as me } from "../../../tt-modal/src/hooks/useModalRender.js";
-const fe = { class: "flex-1" }, pe = { class: "cb flex items-center" }, he = { class: "text-[var(--el-text-color-primary)] font-bold" }, xe = { class: "flex flex-col w-[200px] shrink-0" }, Ce = { class: "flex items-center justify-between px-15px pt-12px pb-6px text-xs text-[var(--el-text-color-regular)]" }, be = { class: "flex items-center text-xs" }, ve = ["onClick"], ke = { class: "text-left" }, Le = /* @__PURE__ */ Y({
+import "lodash-es";
+import ae from "sortablejs";
+import { useModalRender as se } from "../../../tt-modal/src/hooks/useModalRender.js";
+const re = ["aria-label", "onClick"], Pe = /* @__PURE__ */ Q({
   __name: "TableColumnModal",
   props: {
     openColumn: { type: Function },
     openExport: { type: Function }
   },
   emits: ["on-submit"],
-  setup(A, { expose: N, emit: j }) {
-    const r = A, z = j, { prefixCls: u } = de("table-column-modal"), _ = S(), [D, x] = me(), k = S(!1), l = Z({
-      allColumns: [],
-      checkedFields: [],
-      selectedColumns: [],
-      disabledColumnField: []
-    });
-    let f = null, g = null;
-    const p = C(() => l.allColumns.filter((e) => e.field)), O = C(() => p.value.filter((e) => !e.disabled)), P = C(() => {
-      const e = O.value.length;
-      return e === 0 ? !0 : l.checkedFields.filter((t) => !l.disabledColumnField.includes(t)).length === e;
-    }), q = C(() => {
-      const e = [.../* @__PURE__ */ new Set([...l.checkedFields, ...l.disabledColumnField])];
-      return e.length > 0 && e.length < p.value.length;
-    });
-    function G(e) {
-      const o = p.value;
-      l.checkedFields = e ? o.map((t) => t.field) : o.filter((t) => l.disabledColumnField.includes(t.field)).map((t) => t.field);
+  setup(z, { expose: A, emit: I }) {
+    const m = z, D = I, { prefixCls: i } = oe("table-column-modal"), [L, g] = se(), u = x([]), n = x([]), y = x(!1);
+    let p = null;
+    const E = b(
+      () => n.value.map((t) => u.value.find((l) => l.field === t)).filter(Boolean)
+    ), R = b(() => u.value.filter((t) => !t.locked)), G = b(() => n.value.filter((t) => !M(t))), S = b(() => G.value.length === R.value.length), O = b(() => n.value.length > 0 && !S.value);
+    function M(t) {
+      return u.value.some((l) => l.field === t && l.locked);
     }
-    function L(e) {
-      l.checkedFields = l.checkedFields.filter((o) => o !== e);
+    function U(t) {
+      n.value = u.value.filter((l) => l.locked ? n.value.includes(l.field) : !!t).map((l) => l.field);
     }
-    function U() {
-      l.checkedFields = l.checkedFields.filter((e) => l.disabledColumnField.includes(e));
+    function j(t) {
+      n.value = n.value.filter((l) => l !== t);
     }
-    const y = () => {
-      z("on-submit", {
-        checkedModel: [...l.selectedColumns.map((e) => e.field)],
-        modalApi: x,
-        isExport: k.value
+    function q() {
+      n.value = n.value.filter(M);
+    }
+    function _() {
+      D("on-submit", {
+        checkedModel: [...n.value],
+        modalApi: g,
+        isExport: y.value
       });
-    };
-    function H({ columns: e, displayFields: o = [], disabledColumnField: t, isExport: n }) {
-      k.value = n ?? !1, x.openModal();
-      const Q = re(e).filter((i) => i.field);
-      l.disabledColumnField = t, l.allColumns = Q.map((i) => ({ ...i, disabled: t.includes(i.field) }));
-      const W = new Set(l.allColumns.map((i) => i.field)), w = o.filter((i) => i && W.has(i));
-      l.checkedFields = [...w], l.selectedColumns = w.map((i) => l.allColumns.find((X) => X.field === i)).filter(Boolean), g = setTimeout(J, 100);
     }
-    function J() {
-      var o;
-      const e = (o = s(_)) == null ? void 0 : o.querySelector(`.${u}-move-box`);
-      e && (f = ue.create(e, {
+    function H({ columns: t, displayFields: l = [], disabledColumnField: o, isExport: v }) {
+      y.value = v ?? !1, u.value = t.filter((d) => d.field).map((d) => ({ ...d, locked: o.includes(d.field) }));
+      const k = new Set(u.value.map((d) => d.field));
+      n.value = [...new Set(l.filter((d) => k.has(d)))], g.openModal();
+    }
+    function J(t) {
+      p == null || p.destroy(), p = null, t && (p = ae.create(t, {
         animation: 300,
-        handle: `.${u}-item-move:not(.is-disabled)`,
-        onStart: (t) => t.item.style.opacity = "0",
-        onEnd(t) {
-          if (t.oldIndex == null || t.newIndex == null) return;
-          const [n] = l.selectedColumns.splice(t.oldIndex, 1);
-          l.selectedColumns.splice(t.newIndex, 0, n), t.item.style.opacity = "1";
+        onStart: (l) => l.item.style.opacity = "0",
+        onEnd(l) {
+          l.item.style.opacity = "1";
+          const { oldIndex: o, newIndex: v } = l;
+          if (o == null || v == null) return;
+          const k = [...n.value];
+          k.splice(v, 0, ...k.splice(o, 1)), n.value = k;
         }
       }));
     }
-    T(
-      () => l.checkedFields,
-      (e) => {
-        const o = new Set(e);
-        l.selectedColumns = l.selectedColumns.filter((n) => o.has(n.field || ""));
-        const t = new Set(l.selectedColumns.map((n) => n.field || ""));
-        l.selectedColumns.push(
-          ...l.allColumns.filter((n) => o.has(n.field || "") && !t.has(n.field || ""))
-        );
-      },
-      { deep: !0 }
-    ), T(
-      () => {
-        var e;
-        return (e = x.getVisible) == null ? void 0 : e.value;
-      },
-      (e) => {
-        e || (g && clearTimeout(g), f == null || f.destroy(), f = null, Object.assign(l, { allColumns: [], checkedFields: [], selectedColumns: [] }));
-      }
-    );
     function K() {
-      var e, o;
-      k.value ? (e = r.openExport) == null || e.call(r, !0) : (o = r.openColumn) == null || o.call(r, !0);
+      var t, l;
+      y.value ? (t = m.openExport) == null || t.call(m, !0) : (l = m.openColumn) == null || l.call(m, !0);
     }
-    return N({
-      handleSubmit: y,
+    return A({
+      handleSubmit: _,
       openModal: H,
-      setModalProps(e) {
-        x.setModalProps(e);
+      setModalProps(t) {
+        g.setModalProps(t);
       }
-    }), (e, o) => (m(), E(s(D), {
+    }), (t, l) => (f(), F(e(L), {
       width: "720",
-      class: b(s(u)),
-      onOk: y
-    }, ee({
-      beforeFooter: d(() => [
-        c("div", ke, [
-          a(s(ie), { onClick: K }, {
-            default: d(() => [...o[1] || (o[1] = [
-              F("重置", -1)
+      class: a(e(i)),
+      onOk: _
+    }, W({
+      beforeFooter: s(() => [
+        c("div", {
+          class: a(`${e(i)}-footer-left`)
+        }, [
+          r(e(te), { onClick: K }, {
+            default: s(() => [...l[1] || (l[1] = [
+              h("重置", -1)
             ])]),
             _: 1
           }),
-          V(e.$slots, "beforeFooter")
-        ])
+          V(t.$slots, "beforeFooter")
+        ], 2)
       ]),
-      default: d(() => [
+      default: s(() => [
         c("div", {
-          ref_key: "contentRef",
-          ref: _,
-          class: "flex h-[400px]"
+          class: a(`${e(i)}-body`)
         }, [
-          c("div", fe, [
-            a(s(I), { class: "h-full px-24px py-12px" }, {
-              default: d(() => [
-                c("div", pe, [
-                  a(s(R), {
-                    "model-value": P.value,
-                    class: "checkbox-all",
-                    indeterminate: q.value,
-                    onChange: G
+          r(e(B), {
+            class: a(`${e(i)}-source`)
+          }, {
+            default: s(() => [
+              r(e(N), {
+                class: a(`${e(i)}-all`),
+                "model-value": S.value,
+                indeterminate: O.value,
+                onChange: U
+              }, {
+                default: s(() => [
+                  h(" 全部（" + $(n.value.length) + "/" + $(u.value.length) + "） ", 1)
+                ]),
+                _: 1
+              }, 8, ["class", "model-value", "indeterminate"]),
+              r(e(ne), {
+                modelValue: n.value,
+                "onUpdate:modelValue": l[0] || (l[0] = (o) => n.value = o),
+                class: a(`${e(i)}-group`)
+              }, {
+                default: s(() => [
+                  (f(!0), C(w, null, T(u.value, (o) => (f(), F(e(N), {
+                    key: o.field,
+                    value: o.field,
+                    disabled: o.locked
                   }, {
-                    default: d(() => [
-                      c("span", he, " 全部（" + h(l.checkedFields.length) + "/" + h(p.value.length) + "） ", 1)
+                    default: s(() => [
+                      r(e(ie), {
+                        content: o.title || "",
+                        "show-after": 400,
+                        placement: "top"
+                      }, {
+                        default: s(() => [
+                          h($(o.title || ""), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["content"])
                     ]),
-                    _: 1
-                  }, 8, ["model-value", "indeterminate"])
+                    _: 2
+                  }, 1032, ["value", "disabled"]))), 128))
                 ]),
-                a(s(ce), {
-                  modelValue: l.checkedFields,
-                  "onUpdate:modelValue": o[0] || (o[0] = (t) => l.checkedFields = t),
-                  class: "mb-10px w-full"
-                }, {
-                  default: d(() => [
-                    (m(!0), v(M, null, $(p.value, (t) => (m(), E(s(R), {
-                      key: t.field,
-                      value: t.field,
-                      disabled: t.disabled
-                    }, {
-                      default: d(() => [
-                        a(s(ae), {
-                          "show-after": 400,
-                          content: t.title || "",
-                          placement: "top"
-                        }, {
-                          default: d(() => [
-                            F(h(t.title || ""), 1)
-                          ]),
-                          _: 2
-                        }, 1032, ["content"])
-                      ]),
-                      _: 2
-                    }, 1032, ["value", "disabled"]))), 128))
-                  ]),
-                  _: 1
-                }, 8, ["modelValue"])
-              ]),
-              _: 1
-            })
-          ]),
-          c("div", xe, [
-            c("div", Ce, [
-              c("span", null, "已选 " + h(l.selectedColumns.length) + " 列", 1),
-              c("span", {
-                class: "cursor-pointer text-(--el-color-primary)",
-                onClick: U
-              }, "清空")
+                _: 1
+              }, 8, ["modelValue", "class"])
             ]),
-            a(s(I), { class: "flex-1" }, {
-              default: d(() => [
-                c("div", {
-                  class: b([`${s(u)}-move-box`, "px-7px"])
+            _: 1
+          }, 8, ["class"]),
+          c("div", {
+            class: a(`${e(i)}-picked`)
+          }, [
+            c("header", {
+              class: a(`${e(i)}-picked-head`)
+            }, [
+              c("span", null, "已选 " + $(E.value.length) + " 列", 1),
+              c("span", {
+                class: a(`${e(i)}-clear`),
+                onClick: q
+              }, "清空", 2)
+            ], 2),
+            r(e(B), null, {
+              default: s(() => [
+                c("ul", {
+                  ref: J,
+                  class: a(`${e(i)}-list`)
                 }, [
-                  (m(!0), v(M, null, $(l.selectedColumns, (t) => (m(), v("div", {
-                    key: t.field,
-                    class: b([
-                      `${s(u)}-item-move`,
-                      "flex h-36px items-center justify-between  pr-12px py-2 cursor-pointer"
-                    ])
+                  (f(!0), C(w, null, T(E.value, (o) => (f(), C("li", {
+                    key: o.field,
+                    class: a(`${e(i)}-item`)
                   }, [
-                    c("div", be, [
-                      a(s(B), {
-                        class: "shrink-0 text-[var(--el-text-color-secondary)]",
+                    c("span", {
+                      class: a(`${e(i)}-item-main`)
+                    }, [
+                      r(e(P), {
+                        class: a(`${e(i)}-item-drag`),
                         size: 14,
-                        icon: s(se),
+                        icon: e(ee),
                         "is-custom-svg": ""
-                      }, null, 8, ["icon"]),
-                      a(s(ne), {
+                      }, null, 8, ["class", "icon"]),
+                      r(e(le), {
                         "tool-tip": !1,
-                        class: "ml-1"
+                        class: a(`${e(i)}-item-title`)
                       }, {
-                        default: d(() => [
-                          F(h(t.title || ""), 1)
+                        default: s(() => [
+                          h($(o.title || ""), 1)
                         ]),
                         _: 2
-                      }, 1024)
-                    ]),
-                    l.disabledColumnField.includes(t.field) ? le("", !0) : (m(), v("span", {
+                      }, 1032, ["class"])
+                    ], 2),
+                    o.locked ? X("", !0) : (f(), C("button", {
                       key: 0,
-                      class: b(`${s(u)}-action-btn`),
-                      onClick: te((n) => L(t.field), ["stop"])
+                      type: "button",
+                      class: a(`${e(i)}-item-remove`),
+                      "aria-label": `移除${o.title || ""}`,
+                      onClick: Y((v) => j(o.field), ["stop"])
                     }, [
-                      a(s(B), {
-                        class: "text-[var(--el-text-color-secondary)]",
+                      r(e(P), {
                         size: 12,
-                        "icon-font": s(oe)
+                        "icon-font": e(Z)
                       }, null, 8, ["icon-font"])
-                    ], 10, ve))
+                    ], 10, re))
                   ], 2))), 128))
                 ], 2)
               ]),
               _: 1
             })
-          ])
-        ], 512)
+          ], 2)
+        ], 2)
       ]),
       _: 2
     }, [
-      e.$slots.title ? {
+      t.$slots.title ? {
         name: "header",
-        fn: d(() => [
-          V(e.$slots, "title")
+        fn: s(() => [
+          V(t.$slots, "title")
         ]),
         key: "0"
       } : void 0
@@ -250,5 +223,5 @@ const fe = { class: "flex-1" }, pe = { class: "cb flex items-center" }, he = { c
   }
 });
 export {
-  Le as default
+  Pe as default
 };

package/dist/hooks/useFormSchemasLink.js

@@ -106,8 +106,7 @@ function no(r = {}, u = z) {
   function G(o) {
     const e = /* @__PURE__ */ new Map();
     return o.forEach((n) => {
-      const t = n.purchaseInfo, l = t == null ? void 0 : t.supplierSubType;
-      if (l == null) return;
+      const t = n.purchaseInfo, l = (t == null ? void 0 : t.supplierSubType) ?? "其他";
       let s = e.get(l);
       s || (s = {
         label: String(l),
@@ -152,8 +151,8 @@ function no(r = {}, u = z) {
   }
   function x(o, e, n, t, l) {
     const s = f(o), P = l ? t.filter((i) => {
-      var d;
-      return (d = e[s]) == null ? void 0 : d.includes(i.value);
+      var m;
+      return (m = e[s]) == null ? void 0 : m.includes(i.value);
     }) || [] : t.find((i) => i.value === e[s]);
     return {
       values: e,
@@ -165,7 +164,7 @@ function no(r = {}, u = z) {
     };
   }
   function k(o, e, n, t, l) {
-    const s = g(o), P = oo(s.componentProps, e, n, t), i = F(o), { onChange: d, ...h } = P, m = q(s.customOptions) ? s.customOptions(e, t) : t, p = S(o) === "TtPanelSelect", a = p && o === "shopId" ? J(m) : p && o === "purchasePlaceId" ? G(m) : m, w = p ? D(a) : m;
+    const s = g(o), P = oo(s.componentProps, e, n, t), i = F(o), { onChange: m, ...h } = P, d = q(s.customOptions) ? s.customOptions(e, t) : t, p = S(o) === "TtPanelSelect", a = p && o === "shopId" ? J(d) : p && o === "purchasePlaceId" ? G(d) : d, w = p ? D(a) : d;
     return p ? {
       multiple: i,
       showAll: s.showAll ?? (o === "shopId" && c === "action" ? O(e[f("platformId")]).length > 0 : !0),
@@ -190,7 +189,7 @@ function no(r = {}, u = z) {
       showOriginMode: !1,
       showPinyinMode: !0,
       ...h,
-      options: m,
+      options: d,
       onChange(R) {
         j(
           R,
@@ -211,11 +210,11 @@ function no(r = {}, u = z) {
       dependencies: _(o),
       componentProps: (n, t) => {
         var h;
-        const l = N(o), s = f(o), P = F(o), i = b(o), d = ((h = n[s]) == null ? void 0 : h.at(-1)) !== i;
-        return k(o, n, t, l, (m) => {
+        const l = N(o), s = f(o), P = F(o), i = b(o), m = ((h = n[s]) == null ? void 0 : h.at(-1)) !== i;
+        return k(o, n, t, l, (d) => {
           if (S(o) !== "TtPanelSelect") {
             const p = n[s];
-            P && (d && O(m).at(-1) === i ? n[s] = [i] : n[s] = p == null ? void 0 : p.filter((a) => a !== i));
+            P && (m && O(d).at(-1) === i ? n[s] = [i] : n[s] = p == null ? void 0 : p.filter((a) => a !== i));
           }
         });
       }
@@ -229,12 +228,12 @@ function no(r = {}, u = z) {
       label: M("platformId"),
       rules: C("platformId"),
       componentProps: (o, e) => {
-        var m;
-        const n = "platformId", t = f(n), l = f("shopId"), s = F(n), P = F("shopId"), i = N(n), d = b(n), h = ((m = o[t]) == null ? void 0 : m.at(-1)) !== d;
+        var d;
+        const n = "platformId", t = f(n), l = f("shopId"), s = F(n), P = F("shopId"), i = N(n), m = b(n), h = ((d = o[t]) == null ? void 0 : d.at(-1)) !== m;
         return k(n, o, e, i, (p) => {
           if (S(n) !== "TtPanelSelect") {
             const a = o[t];
-            s && (h && O(p).at(-1) === d ? o[t] = [d] : o[t] = a == null ? void 0 : a.filter((w) => w !== d));
+            s && (h && O(p).at(-1) === m ? o[t] = [m] : o[t] = a == null ? void 0 : a.filter((w) => w !== m));
           }
           o[l] = P ? [] : void 0;
         });
@@ -247,11 +246,11 @@ function no(r = {}, u = z) {
       label: M("shopId"),
       componentProps: (o, e) => {
         var h;
-        const n = "shopId", t = f(n), l = o[f("platformId")], s = Q(l), P = F(n), i = b(n), d = ((h = o[t]) == null ? void 0 : h.at(-1)) !== i;
-        return k(n, o, e, s, (m) => {
+        const n = "shopId", t = f(n), l = o[f("platformId")], s = Q(l), P = F(n), i = b(n), m = ((h = o[t]) == null ? void 0 : h.at(-1)) !== i;
+        return k(n, o, e, s, (d) => {
           if (S(n) !== "TtPanelSelect") {
             const p = o[t];
-            P && (d && O(m).at(-1) === i ? o[t] = [i] : o[t] = p == null ? void 0 : p.filter((a) => a !== i));
+            P && (m && O(d).at(-1) === i ? o[t] = [i] : o[t] = p == null ? void 0 : p.filter((a) => a !== i));
           }
         });
       },