@dazhicheng/ui 1.5.223 → 1.5.225

package/dist/components/tt-form/src/group-form/GroupSection.vue2.js

@@ -1,32 +1,33 @@
-import { defineComponent as Se, computed as a, inject as ue, watch as be, useSlots as Fe, createElementBlock as h, createCommentVNode as J, openBlock as i, normalizeClass as p, createBlock as w, unref as r, renderSlot as m, normalizeProps as y, mergeProps as f, resolveDynamicComponent as Pe, Fragment as H, renderList as S, createSlots as M, withCtx as k, guardReactiveProps as b, createElementVNode as F, withDirectives as Ie, createVNode as Ee, vShow as Ne } from "vue";
-import Re from "../../../../assets/svg/arrowDown.svg.js";
-import Ve from "../../../../assets/svg/arrowSUp.svg.js";
-import { TtIcon as Le } from "../../../tt-icon/index.js";
+import { defineComponent as Pe, unref as l, computed as a, inject as ie, watch as Fe, useSlots as Ie, createElementBlock as h, createCommentVNode as q, openBlock as i, normalizeClass as f, createBlock as w, renderSlot as m, normalizeProps as y, mergeProps as p, resolveDynamicComponent as Ee, Fragment as G, renderList as S, createSlots as H, withCtx as k, guardReactiveProps as b, createElementVNode as P, withDirectives as Ne, createVNode as Re, vShow as Ve } from "vue";
+import Le from "../../../../assets/svg/arrowDown.svg.js";
+import Ae from "../../../../assets/svg/arrowSUp.svg.js";
+import { TtIcon as Be } from "../../../tt-icon/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 Be } from "../../../../packages/hooks/src/useDesign.js";
+import { useDesign as De } from "../../../../packages/hooks/src/useDesign.js";
 import "axios";
 import "element-plus";
-import { isFunction as Q, isString as De } from "../../../../packages/utils/src/is.js";
+import { isFunction as J, isString as Oe } from "../../../../packages/utils/src/is.js";
 import { clnm as c } from "../../../../packages/utils/src/tool.js";
-import { mergeWithArrayOverride as ie } from "../../../../packages/utils/src/merge.js";
+import { mergeWithArrayOverride as me } from "../../../../packages/utils/src/merge.js";
 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";
-import { useFormValues as Oe } from "vee-validate";
-import { injectRenderFormProps as Ge } from "../form-render/context.js";
+import { useFormValues as Ge } from "vee-validate";
+import { injectRenderFormProps as He } from "../form-render/context.js";
+import { injectFormProps as Me } from "../useFormContext.js";
 import "../components/Slot.js";
 import "../../../tt-form-item-error-tooltip/index.js";
 import "@vueuse/core";
 /* empty css                          */
-import Ae from "../form/RenderContent.vue.js";
-import { FieldRenderer as X } from "../form-render/FormFieldContact.js";
+import je from "../form/RenderContent.vue.js";
+import { FieldRenderer as Q } from "../form-render/FormFieldContact.js";
 /* empty css                 */
-import { HIDDEN_GROUP_KEYS_KEY as He, GROUP_VISIBILITY_CALLBACK_KEY as Me } from "./lazyContext.js";
-import { isGroupSchema as K, isRowSchema as me, isSlotSchema as Z, getFieldNames as Ke, getSchemaKey as Te } from "./utils.js";
-const je = ["data-group-key"], ze = ["data-group-scroll-anchor"], fe = "grid-cols-1", Ue = /* @__PURE__ */ Se({
+import { HIDDEN_GROUP_KEYS_KEY as Ke, GROUP_VISIBILITY_CALLBACK_KEY as Te } from "./lazyContext.js";
+import { isGroupSchema as M, isRowSchema as pe, isSlotSchema as X, getFieldNames as ze, getSchemaKey as Ue } from "./utils.js";
+const We = ["data-group-key"], Ye = ["data-group-scroll-anchor"], fe = "grid-cols-1", qe = /* @__PURE__ */ Pe({
   __name: "GroupSection",
   props: {
     schema: {},
@@ -43,28 +44,28 @@ const je = ["data-group-key"], ze = ["data-group-scroll-anchor"], fe = "grid-col
     estimateFieldHeight: { default: 52 }
   },
   emits: ["toggleCollapse"],
-  setup(pe, { emit: ce }) {
-    const { prefixCls: s } = Be("group-section"), N = Oe(), R = Ge().form, o = pe, x = ce, P = a(() => K(o.schema)), V = a(() => me(o.schema)), ee = a(() => Z(o.schema)), l = a(() => P.value ? o.schema : null), $ = a(() => V.value ? o.schema : null), I = a(() => ee.value ? o.schema : null), T = ue(He, void 0), oe = a(() => {
+  setup(ce, { emit: ve }) {
+    const { prefixCls: s } = De("group-section"), N = Ge(), Z = He().form, [de] = Me(), x = l(de).formApi, o = ce, ee = ve, F = a(() => M(o.schema)), R = a(() => pe(o.schema)), oe = a(() => X(o.schema)), r = a(() => F.value ? o.schema : null), $ = a(() => R.value ? o.schema : null), I = a(() => oe.value ? o.schema : null), j = ie(Ke, void 0), re = a(() => {
       const u = o.schema.ifShow;
-      return u === void 0 || u === !0 ? !0 : Q(u) ? !!u(N.value, R) : !!u;
-    }), ve = a(() => !(!oe.value || P.value && l.value && (T != null && T.has(l.value.key)))), j = ue(Me, void 0), le = a(() => $.value ? Ke($.value.children) : []);
-    let re;
-    be(
-      [oe],
+      return u === void 0 || u === !0 ? !0 : J(u) ? !!u(N.value, x) : !!u;
+    }), ge = a(() => !(!re.value || F.value && r.value && (j != null && j.has(r.value.key)))), K = ie(Te, void 0), le = a(() => $.value ? ze($.value.children) : []);
+    let te;
+    Fe(
+      [re],
       ([e]) => {
-        j && re !== e && (re = e, P.value && l.value ? j({ type: "group", key: l.value.key, visible: e }) : V.value && le.value.length && j({ type: "row", fieldNames: le.value, visible: e }));
+        K && te !== e && (te = e, F.value && r.value ? K({ type: "group", key: r.value.key, visible: e }) : R.value && le.value.length && K({ type: "row", fieldNames: le.value, visible: e }));
       },
       { immediate: !0 }
     );
     const E = a(() => {
-      if (!l.value) return !1;
-      const { collapsible: e } = l.value;
-      return Q(e) ? e(N.value, R) : !!e;
-    }), z = a(
-      () => l.value && E.value ? !!o.collapseStates[l.value.key] : !1
-    ), te = a(() => l.value ? ie(l.value.commonConfig ?? {}, o.commonConfig, o.globalCommonConfig) : ie(o.commonConfig, o.globalCommonConfig)), de = a(() => ({
+      if (!r.value) return !1;
+      const { collapsible: e } = r.value;
+      return J(e) ? e(N.value, x) : !!e;
+    }), T = a(
+      () => r.value && E.value ? !!o.collapseStates[r.value.key] : !1
+    ), ae = a(() => r.value ? me(r.value.commonConfig ?? {}, o.commonConfig, o.globalCommonConfig) : me(o.commonConfig, o.globalCommonConfig)), Ce = a(() => ({
       collapseStates: o.collapseStates,
-      commonConfig: te.value,
+      commonConfig: ae.value,
       globalCommonConfig: o.globalCommonConfig,
       layout: o.layout,
       compact: o.compact,
@@ -73,189 +74,189 @@ const je = ["data-group-key"], ze = ["data-group-scroll-anchor"], fe = "grid-col
       scrollElement: o.scrollElement,
       rootMargin: o.rootMargin,
       estimateFieldHeight: o.estimateFieldHeight
-    })), ge = a(() => l.value ? c("grid gap-x-4", l.value.wrapperClass || fe) : ""), Ce = a(() => $.value ? c("grid gap-x-4 col-span-full", $.value.wrapperClass || fe) : ""), he = a(() => P.value ? c(s, `${s}--group`, {
+    })), he = a(() => r.value ? c("grid gap-x-4", r.value.wrapperClass || fe) : ""), ye = a(() => $.value ? c("grid gap-x-4 col-span-full", $.value.wrapperClass || fe) : ""), ke = a(() => F.value ? c(s, `${s}--group`, {
       [`${s}--nested`]: o.depth > 0
-    }) : V.value ? c(s, `${s}--row`, Ce.value) : c(s, `${s}--transparent`));
-    function U(e, u) {
+    }) : R.value ? c(s, `${s}--row`, ye.value) : c(s, `${s}--transparent`));
+    function z(e, u) {
       const {
         colon: v = !1,
         componentProps: _ = {},
-        controlClass: B = "",
-        disabled: D,
-        disabledOnChangeListener: O = !0,
-        disabledOnInputListener: G = !0,
-        emptyStateValue: A = void 0,
+        controlClass: L = "",
+        disabled: A,
+        disabledOnChangeListener: B = !0,
+        disabledOnInputListener: D = !0,
+        emptyStateValue: O = void 0,
         formFieldProps: t = {},
         formItemClass: d = "",
         hideLabel: g = !1,
         hideRequiredMark: n = !1,
         labelClass: C = "",
-        labelWidth: $e = 70,
-        modelPropName: _e = "",
-        wrapperClass: ne = ""
-      } = te.value;
-      let q = e.formItemClass;
-      if (Q(e.formItemClass))
+        labelWidth: we = 70,
+        modelPropName: Se = "",
+        wrapperClass: ue = ""
+      } = ae.value;
+      let Y = e.formItemClass;
+      if (J(e.formItemClass))
         try {
-          q = e.formItemClass();
+          Y = e.formItemClass();
         } catch {
-          q = "";
+          Y = "";
         }
-      const we = e.useArraySchema && !e.wrapperClass ? c(ne, u) : e.wrapperClass || ne;
+      const be = e.useArraySchema && !e.wrapperClass ? c(ue, u) : e.wrapperClass || ue;
       return {
         colon: v,
-        disabled: D,
-        disabledOnChangeListener: O,
-        disabledOnInputListener: G,
-        emptyStateValue: A,
+        disabled: A,
+        disabledOnChangeListener: B,
+        disabledOnInputListener: D,
+        emptyStateValue: O,
         hideLabel: g,
         hideRequiredMark: n,
-        labelWidth: $e,
-        modelPropName: _e,
+        labelWidth: we,
+        modelPropName: Se,
         ...e,
-        wrapperClass: we,
+        wrapperClass: be,
         commonComponentProps: _,
         componentProps: e.componentProps,
-        controlClass: c(B, e.controlClass),
+        controlClass: c(L, e.controlClass),
         formFieldProps: { ...t, ...e.formFieldProps },
-        formItemClass: c("flex-shrink-0", d, q),
+        formItemClass: c("flex-shrink-0", d, Y),
         labelClass: c(C, e.labelClass)
       };
     }
-    const L = a(() => ({
-      group: l.value,
-      collapsed: z.value,
+    const V = a(() => ({
+      group: r.value,
+      collapsed: T.value,
       isCollapsible: E.value,
       values: N.value,
-      formActions: R
-    })), ae = Fe(), ye = a(() => {
+      formActions: Z
+    })), se = Ie(), $e = a(() => {
       var v;
-      const e = (v = l.value) == null ? void 0 : v.key, u = Object.keys(ae);
+      const e = (v = r.value) == null ? void 0 : v.key, u = Object.keys(se);
       return e ? u.filter((_) => !_.startsWith(`${e}-`)) : u;
     });
-    function ke() {
-      E.value && l.value && x("toggleCollapse", l.value.key);
+    function _e() {
+      E.value && r.value && ee("toggleCollapse", r.value.key);
     }
-    const se = a(() => ({
+    const ne = a(() => ({
       values: N.value,
-      formActions: R
-    })), W = a(() => ({
+      formActions: Z
+    })), U = a(() => ({
       virtual: o.virtual,
       progressive: o.progressive,
       scrollElement: o.scrollElement,
       rootMargin: o.rootMargin,
       estimateFieldHeight: o.estimateFieldHeight
-    })), Y = a(() => Object.keys(ae).filter((e) => e !== "default"));
+    })), W = a(() => Object.keys(se).filter((e) => e !== "default"));
     return (e, u) => {
-      var v, _, B, D, O, G, A;
-      return ve.value ? (i(), h("div", {
+      var v, _, L, A, B, D, O;
+      return ge.value ? (i(), h("div", {
         key: 0,
-        class: p(he.value),
-        "data-group-key": (v = l.value) == null ? void 0 : v.key
+        class: f(ke.value),
+        "data-group-key": (v = r.value) == null ? void 0 : v.key
       }, [
-        ee.value && I.value ? (i(), h("div", {
+        oe.value && I.value ? (i(), h("div", {
           key: 0,
-          class: p([`${r(s)}__slot`, I.value.wrapperClass])
+          class: f([`${l(s)}__slot`, I.value.wrapperClass])
         }, [
-          r(De)(I.value.content) ? m(e.$slots, I.value.content, y(f({ key: 0 }, se.value))) : (i(), w(Pe(I.value.content(se.value)), { key: 1 }))
-        ], 2)) : V.value ? (i(!0), h(H, { key: 1 }, S($.value.children, (t, d) => {
+          l(Oe)(I.value.content) ? m(e.$slots, I.value.content, y(p({ key: 0 }, ne.value))) : (i(), w(Ee(I.value.content(ne.value)), { key: 1 }))
+        ], 2)) : R.value ? (i(!0), h(G, { key: 1 }, S($.value.children, (t, d) => {
           var g;
-          return i(), w(r(X), f({
+          return i(), w(l(Q), p({
             key: t.fieldName || `row-field-${d}`,
-            "field-config": U(t, (g = $.value) == null ? void 0 : g.wrapperClass),
+            "field-config": z(t, (g = $.value) == null ? void 0 : g.wrapperClass),
             rules: t.rules
-          }, { ref_for: !0 }, W.value), M({
+          }, { ref_for: !0 }, U.value), H({
             default: k((n) => [
-              m(e.$slots, t.fieldName, f({ ref_for: !0 }, n))
+              m(e.$slots, t.fieldName, p({ ref_for: !0 }, n))
             ]),
             _: 2
           }, [
-            S(Y.value, (n) => ({
+            S(W.value, (n) => ({
               name: n,
               fn: k((C) => [
-                m(e.$slots, n, f({ ref_for: !0 }, C))
+                m(e.$slots, n, p({ ref_for: !0 }, C))
               ])
             }))
           ]), 1040, ["field-config", "rules"]);
-        }), 128)) : P.value ? (i(), h(H, { key: 3 }, [
-          F("div", {
-            class: p([
-              `${r(s)}__header`,
-              { [`${r(s)}__header--collapsible`]: E.value, [`${r(s)}__header--bar`]: e.depth === 0 }
+        }), 128)) : F.value ? (i(), h(G, { key: 3 }, [
+          P("div", {
+            class: f([
+              `${l(s)}__header`,
+              { [`${l(s)}__header--collapsible`]: E.value, [`${l(s)}__header--bar`]: e.depth === 0 }
             ]),
-            "data-group-scroll-anchor": (_ = l.value) == null ? void 0 : _.key,
-            onClick: ke
+            "data-group-scroll-anchor": (_ = r.value) == null ? void 0 : _.key,
+            onClick: _e
           }, [
-            F("div", {
-              class: p(`${r(s)}__header-left`)
+            P("div", {
+              class: f(`${l(s)}__header-left`)
             }, [
-              m(e.$slots, `${(B = l.value) == null ? void 0 : B.key}-header-left`, y(b(L.value))),
-              F("span", {
-                class: p(`${r(s)}__title`)
+              m(e.$slots, `${(L = r.value) == null ? void 0 : L.key}-header-left`, y(b(V.value))),
+              P("span", {
+                class: f(`${l(s)}__title`)
               }, [
-                (D = l.value) != null && D.title ? (i(), w(r(Ae), {
+                (A = r.value) != null && A.title ? (i(), w(l(je), {
                   key: 0,
-                  content: l.value.title
-                }, null, 8, ["content"])) : J("", !0)
+                  content: r.value.title
+                }, null, 8, ["content"])) : q("", !0)
               ], 2),
-              m(e.$slots, `${(O = l.value) == null ? void 0 : O.key}-title-right`, y(b(L.value)))
+              m(e.$slots, `${(B = r.value) == null ? void 0 : B.key}-title-right`, y(b(V.value)))
             ], 2),
-            F("div", {
-              class: p(`${r(s)}__header-right`)
+            P("div", {
+              class: f(`${l(s)}__header-right`)
             }, [
-              m(e.$slots, `${(G = l.value) == null ? void 0 : G.key}-arrow-left`, y(b(L.value))),
+              m(e.$slots, `${(D = r.value) == null ? void 0 : D.key}-arrow-left`, y(b(V.value))),
               E.value ? (i(), h("span", {
                 key: 0,
-                class: p(`${r(s)}__arrow`)
+                class: f(`${l(s)}__arrow`)
               }, [
-                Ee(r(Le), {
-                  icon: z.value ? r(Re) : r(Ve),
+                Re(l(Be), {
+                  icon: T.value ? l(Le) : l(Ae),
                   size: 12,
                   "is-custom-svg": ""
                 }, null, 8, ["icon"])
-              ], 2)) : J("", !0),
-              m(e.$slots, `${(A = l.value) == null ? void 0 : A.key}-header-right`, y(b(L.value)))
+              ], 2)) : q("", !0),
+              m(e.$slots, `${(O = r.value) == null ? void 0 : O.key}-header-right`, y(b(V.value)))
             ], 2)
-          ], 10, ze),
-          Ie(F("div", {
-            class: p(`${r(s)}__body`)
+          ], 10, Ye),
+          Ne(P("div", {
+            class: f(`${l(s)}__body`)
           }, [
-            F("div", {
-              class: p(ge.value)
+            P("div", {
+              class: f(he.value)
             }, [
-              (i(!0), h(H, null, S(l.value.children, (t, d) => {
+              (i(!0), h(G, null, S(r.value.children, (t, d) => {
                 var g;
-                return i(), h(H, {
-                  key: r(Te)(t, d)
+                return i(), h(G, {
+                  key: l(Ue)(t, d)
                 }, [
-                  r(K)(t) || r(me)(t) || r(Z)(t) ? (i(), w(Ue, f({
+                  l(M)(t) || l(pe)(t) || l(X)(t) ? (i(), w(qe, p({
                     key: 0,
                     schema: t
-                  }, { ref_for: !0 }, de.value, {
-                    depth: r(K)(t) ? e.depth + 1 : e.depth,
-                    class: { "col-span-full": r(K)(t) || r(Z)(t) },
-                    onToggleCollapse: u[0] || (u[0] = (n) => x("toggleCollapse", n))
-                  }), M({ _: 2 }, [
-                    S(ye.value, (n) => ({
+                  }, { ref_for: !0 }, Ce.value, {
+                    depth: l(M)(t) ? e.depth + 1 : e.depth,
+                    class: { "col-span-full": l(M)(t) || l(X)(t) },
+                    onToggleCollapse: u[0] || (u[0] = (n) => ee("toggleCollapse", n))
+                  }), H({ _: 2 }, [
+                    S($e.value, (n) => ({
                       name: n,
                       fn: k((C) => [
-                        m(e.$slots, n, f({ ref_for: !0 }, C))
+                        m(e.$slots, n, p({ ref_for: !0 }, C))
                       ])
                     }))
-                  ]), 1040, ["schema", "depth", "class"])) : (i(), w(r(X), f({
+                  ]), 1040, ["schema", "depth", "class"])) : (i(), w(l(Q), p({
                     key: 1,
-                    "field-config": U(t, (g = l.value) == null ? void 0 : g.wrapperClass),
+                    "field-config": z(t, (g = r.value) == null ? void 0 : g.wrapperClass),
                     rules: t.rules
-                  }, { ref_for: !0 }, W.value), M({
+                  }, { ref_for: !0 }, U.value), H({
                     default: k((n) => [
-                      m(e.$slots, t.fieldName, f({ ref_for: !0 }, n))
+                      m(e.$slots, t.fieldName, p({ ref_for: !0 }, n))
                     ]),
                     _: 2
                   }, [
-                    S(Y.value, (n) => ({
+                    S(W.value, (n) => ({
                       name: n,
                       fn: k((C) => [
-                        m(e.$slots, n, f({ ref_for: !0 }, C))
+                        m(e.$slots, n, p({ ref_for: !0 }, C))
                       ])
                     }))
                   ]), 1040, ["field-config", "rules"]))
@@ -263,29 +264,29 @@ const je = ["data-group-key"], ze = ["data-group-scroll-anchor"], fe = "grid-col
               }), 128))
             ], 2)
           ], 2), [
-            [Ne, !z.value]
+            [Ve, !T.value]
           ])
-        ], 64)) : (i(), w(r(X), f({
+        ], 64)) : (i(), w(l(Q), p({
           key: 2,
-          "field-config": U(e.schema),
+          "field-config": z(e.schema),
           rules: e.schema.rules
-        }, W.value), M({
+        }, U.value), H({
           default: k((t) => [
             m(e.$slots, o.schema.fieldName, y(b(t)))
           ]),
           _: 2
         }, [
-          S(Y.value, (t) => ({
+          S(W.value, (t) => ({
             name: t,
             fn: k((d) => [
               m(e.$slots, t, y(b(d)))
             ])
           }))
         ]), 1040, ["field-config", "rules"]))
-      ], 10, je)) : J("", !0);
+      ], 10, We)) : q("", !0);
     };
   }
 });
 export {
-  Ue as default
+  qe as default
 };