@dazhicheng/ui 1.5.216 → 1.5.218

package/dist/components/tt-form/src/group-form/types.d.ts

@@ -160,7 +160,7 @@ export interface GroupSectionProps {
     depth?: number;
     /** 是否启用表单项级别的虚拟化（IntersectionObserver 懒渲染） */
     virtual?: boolean;
-    /** 渐进式挂载：分批后台挂载全部字段，挂载后常驻 DOM（供操作全量 DOM 场景使用） */
+    /** 渐进式挂载：分批后台挂载全部字段，挂载后常驻DOM常驻（供操作全量 DOM 场景使用） */
     progressive?: boolean;
     /** 虚拟化时滚动容器引用 */
     scrollElement?: Element | null;

package/dist/hooks/useFormSchemasLink.d.ts

@@ -39,8 +39,10 @@ export interface FieldOnChangeContext {
  * 组件 props、校验规则、依赖关系和追加 onChange 行为。
  */
 export interface UseFormSchemasLinkFieldConfig {
+    /** 字段组件，默认使用 TtApiComponent 包装 ElSelectV2 */
+    component?: TtFormSchema["component"];
     multiple?: boolean;
-    /** 透传给 ElSelectV2 的 props；传函数时会在渲染时接收表单值、操作对象和当前选项 */
+    /** 透传给字段组件的 props；传函数时会在渲染时接收表单值、操作对象和当前选项 */
     componentProps?: FieldComponentProps;
     /** 追加或覆盖 TtFormSchema.dependencies */
     dependencies?: TtFormSchema["dependencies"];

package/dist/hooks/useFormSchemasLink.js

@@ -1,7 +1,7 @@
-import { useDataPermissionOptions as j } from "./useDataPermissionOptions.js";
+import { useDataPermissionOptions as z } from "./useDataPermissionOptions.js";
 import "axios";
-import { ElSelectV2 as q } from "element-plus";
-import { isFunction as E } from "../packages/utils/src/is.js";
+import { ElSelectV2 as G } from "element-plus";
+import { isFunction as x } from "../packages/utils/src/is.js";
 import "vue";
 import "xe-utils";
 import "dayjs";
@@ -12,261 +12,278 @@ 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 { omit as y } from "lodash-es";
-const m = "all", T = { label: "全部", value: m }, D = [
+import { omit as J } from "lodash-es";
+const u = "all", K = { label: "全部", value: u }, R = [
   "platformId",
   "shopId",
   "purchasePlaceId",
   "businessType",
   "lockUserId",
   "userId"
-], z = {
+], Q = {
   platformId: "platformIds",
   shopId: "shopIds",
   purchasePlaceId: "purchasePlaceId",
   businessType: "businessType",
   lockUserId: "lockUserId"
-}, G = {
+}, W = {
   platformId: "平台",
   shopId: "店铺",
   purchasePlaceId: "采购地",
   businessType: "业务线",
   lockUserId: "锁单人"
 };
-function k(n) {
-  return typeof n == "string" && n.toLowerCase() === m.toLowerCase();
+function M(t) {
+  return typeof t == "string" && t.toLowerCase() === u.toLowerCase();
 }
-function w(n) {
-  return Array.isArray(n) ? n : n == null || n === "" ? [] : [n];
+function _(t) {
+  return Array.isArray(t) ? t : t == null || t === "" ? [] : [t];
 }
-function J(n = []) {
-  return [T].concat(n);
+function X(t = []) {
+  return [K].concat(t);
 }
-function K(n, c, i, b) {
-  return n ? E(n) ? n(c, i, b) : n : {};
+function Y(t, c, i, b) {
+  return t ? x(t) ? t(c, i, b) : t : {};
 }
-function Q(n, c, i, b) {
-  var C;
-  c == null || c(n);
-  const a = b(), p = (C = a.values) == null ? void 0 : C[a.fieldName];
-  i == null || i(p, a);
+function B(t, c, i, b) {
+  var A;
+  c == null || c(t);
+  const I = b(), f = (A = I.values) == null ? void 0 : A[I.fieldName];
+  i == null || i(f, I);
 }
-function W(n = {}, c = D) {
-  const i = n.scene || "list", b = c.reduce(
-    (o, t) => (t === "userId" || (o[t] = A(t).showAll ?? !1), o),
+function Z(t = {}, c = R) {
+  const i = t.scene || "list", b = c.reduce(
+    (o, n) => (n === "userId" || (o[n] = a(n).showAll ?? !1), o),
     {}
-  ), { dataSource: a } = j({
+  ), { dataSource: I } = z({
     codes: c,
-    dataSource: n.dataSource,
+    dataSource: t.dataSource,
     showAll: b
   });
-  function p(o) {
-    return A(o).fieldName || z[o];
+  function f(o) {
+    return a(o).fieldName || Q[o];
   }
-  function C(o) {
-    return A(o).rules;
+  function A(o) {
+    return a(o).rules;
   }
-  function S(o) {
-    return A(o).label || G[o];
+  function F(o) {
+    return a(o).label || W[o];
   }
-  function A(o) {
-    var t;
-    return ((t = n.fieldConfigs) == null ? void 0 : t[o]) || {};
+  function a(o) {
+    var n;
+    return ((n = t.fieldConfigs) == null ? void 0 : n[o]) || {};
   }
-  function M(o, t) {
-    const e = A(o).dependencies;
-    if (!t) return e;
-    if (!e) return t;
+  function U(o, n) {
+    const e = a(o).dependencies;
+    if (!n) return e;
+    if (!e) return n;
     const s = {
-      ...t,
+      ...n,
       ...e
     };
-    if (t && e) {
-      const l = t.triggerFields, r = e.triggerFields;
+    if (n && e) {
+      const l = n.triggerFields, r = e.triggerFields;
       s.triggerFields = r ?? l;
     }
     return s;
   }
-  function P(o) {
-    return A(o).multiple ?? !0;
+  function O(o) {
+    return a(o).component || "TtApiComponent";
   }
-  function F(o) {
-    return a.value[o] || [];
+  function C(o) {
+    return a(o).multiple ?? !0;
   }
-  function _(o) {
-    return w(o).some((t) => k(t));
+  function N(o) {
+    return I.value[o] || [];
   }
-  function O(o) {
-    const t = _(o), e = Array.isArray(o) ? o.length > 1 : !1;
-    return i === "action" && (t || e);
+  function V(o) {
+    return _(o).some((n) => M(n));
   }
-  function B(o) {
-    const t = F("shopId"), e = w(o);
+  function L(o) {
+    const n = V(o), e = Array.isArray(o) ? o.length > 1 : !1;
+    return i === "action" && (n || e);
+  }
+  function j(o) {
+    const n = N("shopId"), e = _(o);
     if (!e.length)
-      return i === "action" ? [] : t;
-    if (O(o)) return [];
-    const s = t.filter((r) => e.includes(r.platformId));
-    return !s.some((r) => k(r.value)) || s.length <= 1 ? s : J(s.filter((r) => !k(r.value)));
+      return i === "action" ? [] : n;
+    if (L(o)) return [];
+    const s = n.filter((r) => e.includes(r.platformId));
+    return !s.some((r) => M(r.value)) || s.length <= 1 ? s : X(s.filter((r) => !M(r.value)));
   }
-  function x(o, t, e, s, l) {
-    const r = p(o), I = l ? s.filter((u) => {
+  function E(o, n, e, s, l) {
+    const r = f(o), g = l ? s.filter((m) => {
       var h;
-      return (h = t[r]) == null ? void 0 : h.includes(u.value);
-    }) || [] : s.find((u) => u.value === t[r]);
+      return (h = n[r]) == null ? void 0 : h.includes(m.value);
+    }) || [] : s.find((m) => m.value === n[r]);
     return {
-      values: t,
+      values: n,
       actions: e,
       fieldName: r,
       dataType: o,
       options: s,
-      currentOption: I
+      currentOption: g
     };
   }
-  function N(o, t, e, s, l) {
-    const r = A(o), I = K(r.componentProps, t, e, s), u = P(o), { onChange: h, ...d } = I, f = E(r.customOptions) ? r.customOptions(t, s) : s;
-    return {
-      multiple: u,
-      component: q,
+  function k(o, n, e, s, l) {
+    const r = a(o), g = Y(r.componentProps, n, e, s), m = C(o), { onChange: h, ...d } = g, p = x(r.customOptions) ? r.customOptions(n, s) : s;
+    return r.component === "TtPanelSelect" ? {
+      multiple: m,
+      showAll: r.showAll ?? !1,
+      ...d,
+      options: p,
+      onChange(S) {
+        B(
+          S,
+          l,
+          r.onChange,
+          () => E(o, n, e, p, m)
+        );
+      }
+    } : {
+      multiple: m,
+      component: G,
       ...d,
-      options: f,
-      onChange(g) {
-        Q(
-          g,
+      options: p,
+      onChange(S) {
+        B(
+          S,
           l,
           r.onChange,
-          () => x(o, t, e, f, u)
+          () => E(o, n, e, p, m)
         );
       }
     };
   }
-  function L(o) {
+  function w(o) {
+    const n = f(o);
     return {
-      component: "TtApiComponent",
-      fieldName: p(o),
-      label: S(o),
-      rules: C(o),
-      dependencies: M(o),
+      component: O(o),
+      fieldName: n,
+      label: F(o),
+      rules: A(o),
+      dependencies: U(o),
       componentProps: (e, s) => {
         var h;
-        const l = F(o), r = p(o), I = P(o), u = ((h = e[r]) == null ? void 0 : h.at(-1)) !== m;
-        return N(o, e, s, l, (d) => {
-          const f = e[r];
-          I && (u && (d == null ? void 0 : d.at(-1)) === m ? e[r] = [m] : e[r] = f == null ? void 0 : f.filter((g) => g !== m));
+        const l = N(o), r = f(o), g = C(o), m = ((h = e[r]) == null ? void 0 : h.at(-1)) !== u;
+        return k(o, e, s, l, (d) => {
+          const p = e[r];
+          g && (m && (d == null ? void 0 : d.at(-1)) === u ? e[r] = [u] : e[r] = p == null ? void 0 : p.filter((P) => P !== u));
         });
       }
     };
   }
-  const U = {
+  const D = {
     // 平台
     platformId: {
-      component: "TtApiComponent",
-      fieldName: p("platformId"),
-      label: S("platformId"),
-      rules: C("platformId"),
-      componentProps: (o, t) => {
+      component: O("platformId"),
+      fieldName: f("platformId"),
+      label: F("platformId"),
+      rules: A("platformId"),
+      componentProps: (o, n) => {
         var d;
-        const e = "platformId", s = p(e), l = p("shopId"), r = P(e), I = P("shopId"), u = F(e), h = ((d = o[s]) == null ? void 0 : d.at(-1)) !== m;
-        return N(e, o, t, u, (f) => {
-          const g = o[s];
-          r && (h && (f == null ? void 0 : f.at(-1)) === m ? o[s] = [m] : o[s] = g == null ? void 0 : g.filter((V) => V !== m)), o[l] = I ? [] : void 0;
+        const e = "platformId", s = f(e), l = f("shopId"), r = C(e), g = C("shopId"), m = N(e), h = ((d = o[s]) == null ? void 0 : d.at(-1)) !== u;
+        return k(e, o, n, m, (p) => {
+          const P = o[s];
+          r && (h && (p == null ? void 0 : p.at(-1)) === u ? o[s] = [u] : o[s] = P == null ? void 0 : P.filter((S) => S !== u)), o[l] = g ? [] : void 0;
         });
       }
     },
     // 店铺
     shopId: {
-      component: "TtApiComponent",
-      fieldName: p("shopId"),
-      label: S("shopId"),
-      componentProps: (o, t) => {
+      component: O("shopId"),
+      fieldName: f("shopId"),
+      label: F("shopId"),
+      componentProps: (o, n) => {
         var h;
-        const e = "shopId", s = p(e), l = o[p("platformId")], r = B(l), I = P(e), u = ((h = o[s]) == null ? void 0 : h.at(-1)) !== m;
-        return N(e, o, t, r, (d) => {
-          const f = o[s];
-          I && (u && (d == null ? void 0 : d.at(-1)) === m ? o[s] = [m] : o[s] = f == null ? void 0 : f.filter((g) => g !== m));
+        const e = "shopId", s = f(e), l = o[f("platformId")], r = j(l), g = C(e), m = ((h = o[s]) == null ? void 0 : h.at(-1)) !== u;
+        return k(e, o, n, r, (d) => {
+          const p = o[s];
+          g && (m && (d == null ? void 0 : d.at(-1)) === u ? o[s] = [u] : o[s] = p == null ? void 0 : p.filter((P) => P !== u));
         });
       },
-      dependencies: M("shopId", {
-        triggerFields: [p("platformId")],
+      dependencies: U("shopId", {
+        triggerFields: [f("platformId")],
         disabled(o) {
-          return O(o[p("platformId")]);
+          return L(o[f("platformId")]);
         },
         rules(o) {
-          return O(o[p("platformId")]) ? null : C("shopId") || null;
+          return L(o[f("platformId")]) ? null : A("shopId") || null;
         }
       })
     },
-    purchasePlaceId: L("purchasePlaceId"),
-    businessType: L("businessType"),
-    lockUserId: L("lockUserId")
+    purchasePlaceId: w("purchasePlaceId"),
+    businessType: w("businessType"),
+    lockUserId: w("lockUserId")
   };
-  function R() {
-    return Object.keys(U).reduce(
-      (o, t) => {
+  function q() {
+    return Object.keys(D).reduce(
+      (o, n) => {
         var l;
-        const e = U[t], s = (l = n.fieldConfigs) == null ? void 0 : l[t];
-        return o[t] = {
+        const e = D[n], s = (l = t.fieldConfigs) == null ? void 0 : l[n];
+        return o[n] = {
           ...e,
-          ...y(s, ["componentProps", "rules"])
+          ...J(s, ["componentProps", "rules"])
         }, o;
       },
       {}
     );
   }
   return {
-    ...R(),
-    dataSource: a
+    ...q(),
+    dataSource: I
   };
 }
-function po() {
-  const n = {
+function fo() {
+  const t = {
     options: {},
-    codes: [...D]
+    codes: [...R]
   }, c = {
     /**
      * @description 渲染查询场景
      */
     list() {
-      return n.options.scene = "list", c;
+      return t.options.scene = "list", c;
     },
     /**
      * @description 渲染新增编辑场景
      */
     action() {
-      return n.options.scene = "action", c;
+      return t.options.scene = "action", c;
     },
     /**
      * @param scene 场景值 list为查询 action为新增编辑等操作
      * @returns FormSchemasLinkBuilder
      */
     scene(i) {
-      return n.options.scene = i, c;
+      return t.options.scene = i, c;
     },
     /**
      * @param codes 接口请求所需要的入参，需要什么数据源就传什么入参
      * @returns FormSchemasLinkBuilder
      */
     codes(i) {
-      return n.codes = [...i], c;
+      return t.codes = [...i], c;
     },
     dataSource(i) {
-      return n.options.dataSource = i, c;
+      return t.options.dataSource = i, c;
     },
     field(i, b) {
-      var a;
-      return n.options.fieldConfigs = {
-        ...n.options.fieldConfigs,
+      var I;
+      return t.options.fieldConfigs = {
+        ...t.options.fieldConfigs,
         [i]: {
-          ...((a = n.options.fieldConfigs) == null ? void 0 : a[i]) || {},
+          ...((I = t.options.fieldConfigs) == null ? void 0 : I[i]) || {},
           ...b
         }
       }, c;
     },
     build() {
-      return W(n.options, n.codes);
+      return Z(t.options, t.codes);
     }
   };
   return c;
 }
 export {
-  po as useFormSchemasLink
+  fo as useFormSchemasLink
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dazhicheng/ui",
-  "version": "1.5.216",
+  "version": "1.5.218",
   "description": "",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -67,8 +67,8 @@
     "vue-router": "^5.0.2",
     "vxe-pc-ui": "^4.12.36",
     "vxe-table": "^4.17.48",
-    "@dazhicheng/utils": "1.3.41",
-    "@dazhicheng/hooks": "1.4.44"
+    "@dazhicheng/hooks": "1.4.44",
+    "@dazhicheng/utils": "1.3.41"
   },
   "files": [
     "dist"