@dazhicheng/ui 1.5.247 → 1.5.249

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/basicDataCodes.d.ts

@@ -14,6 +14,16 @@ export declare const CODES: {
     readonly SALES_ORDER_TYPE: "SALES_ORDER_TYPE";
     /** 产品类型（字典 SALES_ORDER_PRODUCT_TYPE） */
     readonly SALES_ORDER_PRODUCT_TYPE: "SALES_ORDER_PRODUCT_TYPE";
+    /** 用户（/iam/user/page） */
+    readonly USER: "user";
+    /** 亏损原因一级（/rule/lossReason/primaryDropdownList） */
+    readonly LOSS_REASON: "lossReason";
+    /** 亏损原因细类（/rule/lossReason/secondaryDropdownList） */
+    readonly LOSS_REASON_SECONDARY: "lossReasonSecondary";
+    /** 配置号（/supplier/supplierConfigManage/config/getAllConfigList） */
+    readonly SUPPLIER_CONFIG: "supplierConfig";
+    /** 供应商（/supplier/supplierManage/listAllValid） */
+    readonly SUPPLIER: "supplier";
 };
 export type BasicDataCode = (typeof CODES)[keyof typeof CODES];
 export type BasicDataOption = {
@@ -25,21 +35,28 @@ export type BasicDataOption = {
 /**
  * PanelSelect 分组方式。
  * - continent / region / country：按洲 / 区域 / 国家树形分组
+ * - businessType / primaryReason / supplierManageName：按业务字段树形分组
  * - pinyin：按拼音首字母分组（TtPanelSelect showPinyinMode）
  */
 export declare const GROUP_BY: {
     readonly CONTINENT: "continent";
     readonly REGION: "region";
     readonly COUNTRY: "country";
+    /** 按业务类型（亏损原因） */
+    readonly BUSINESS_TYPE: "businessType";
+    /** 按所属一级原因（亏损原因细类） */
+    readonly PRIMARY_REASON: "primaryReason";
+    /** 按供应商名称（配置号） */
+    readonly SUPPLIER_MANAGE_NAME: "supplierManageName";
     readonly PINYIN: "pinyin";
 };
 export type PanelSelectGroupBy = (typeof GROUP_BY)[keyof typeof GROUP_BY];
 /**
- * 将扁平 options 按洲/区域/国家转为树形（父节点 + children）。
+ * 将扁平 options 按分组字段转为树形（父节点 + children）。
  * `pinyin` 或不支持的分组原样返回，交由组件拼音模式处理。
  */
 export declare function groupBasicDataOptions(options: BasicDataOption[], groupBy: PanelSelectGroupBy): BasicDataOption[];
-/** 机场默认按国家分组；其余默认拼音 */
+/** 各 code 默认分组；未特殊指定时为拼音 */
 export declare function resolveDefaultGroupBy(code: BasicDataCode, groupBy?: PanelSelectGroupBy): PanelSelectGroupBy;
 export type BasicDataFetchContext = {
     /** 当前路由 permissionOnlyCode，字典接口按权限过滤时使用 */