@dazhicheng/ui 1.5.199 → 1.5.201

package/dist/components/tt-form/src/form-render/array-register/props.js

@@ -0,0 +1,47 @@
+const e = {
+  fieldName: {
+    type: String,
+    required: !0
+  },
+  hide: {
+    type: Boolean,
+    default: void 0
+  },
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  dependencies: {
+    type: Object,
+    default: void 0
+  },
+  arraySchema: {
+    type: [Array, Function],
+    default: () => []
+  },
+  useArraySchema: {
+    type: Boolean,
+    default: void 0
+  },
+  defaultValue: {
+    type: null,
+    default: void 0
+  },
+  formItemClass: {
+    type: [String, Function],
+    default: void 0
+  },
+  rules: {
+    type: null,
+    default: void 0
+  },
+  virtual: { type: Boolean, default: !1 },
+  /** useArraySchema 时：数组整体最外层容器 class（边框、间距等） */
+  wrapperClass: {
+    type: String,
+    default: void 0
+  }
+};
+export {
+  e as formArrayRegisterProps
+};

package/dist/components/tt-form/src/form-render/array-register/utils.js

@@ -0,0 +1,12 @@
+import { isFunction as m, clnm as c } from "@dazhicheng/utils";
+function p(s, r, e) {
+  return s || !!r || !!e;
+}
+function f(s, r) {
+  const { dynamicRules: e, dynamicDisabled: o, props: t } = r, n = s.rules ?? e ?? t.rules, l = s.formItemClass || t.formItemClass, a = m(l) ? l() : l, i = s.wrapperClass, d = p(o, !!s.disabled, !!t.disabled);
+  return { rules: n, formItemClass: c("col-span-1", a), disabled: d, wrapperClass: i };
+}
+export {
+  p as getMergedDisabled,
+  f as resolveArrayItemState
+};

package/dist/components/tt-form/src/form-render/context.js

@@ -0,0 +1,15 @@
+import { computed as n } from "vue";
+import { createContext as r } from "../shared/createContext.js";
+const [p, i] = r("FormRenderProps"), a = () => {
+  const o = p(), e = n(() => o.layout === "vertical"), t = n(() => o.componentMap);
+  return {
+    componentBindEventMap: n(() => o.componentBindEventMap),
+    componentMap: t,
+    isVertical: e
+  };
+};
+export {
+  p as injectRenderFormProps,
+  i as provideFormRenderProps,
+  a as useFormContext
+};

package/dist/components/tt-form/src/form-render/dependencies.js

@@ -0,0 +1,51 @@
+import { ref as u, computed as C, watch as I } from "vue";
+import { isFunction as o, isBoolean as p } from "@dazhicheng/utils";
+import { get as S } from "es-toolkit/compat";
+import { useFormValues as W } from "vee-validate";
+import { injectRenderFormProps as j } from "./context.js";
+function x(a, e) {
+  if (e.startsWith("[") && e.endsWith("]")) {
+    const h = e.slice(1, -1);
+    return a[h];
+  }
+  return S(a, e);
+}
+function _(a) {
+  var F;
+  const e = W(), t = j().form;
+  if (!e)
+    throw new Error("useDependencies should be used within <TtForm>");
+  const s = u(!0), l = u(!1), n = u(!0), w = u(!1), g = u({}), d = u(), b = C(() => {
+    var r;
+    return (((r = a()) == null ? void 0 : r.triggerFields) ?? []).map((f) => x(e.value, f));
+  }), q = () => {
+    l.value = !1, s.value = !0, n.value = !0, w.value = !1, d.value = void 0, g.value = {};
+  };
+  return I(
+    [b, a],
+    async ([B, r]) => {
+      var V;
+      if (!r || !((V = r == null ? void 0 : r.triggerFields) != null && V.length))
+        return;
+      q();
+      const { componentProps: f, disabled: m, if: v, required: y, rules: P, show: c, trigger: R } = r, i = e.value;
+      if (o(v)) {
+        if (s.value = !!await v(i, t), !s.value) return;
+      } else if (p(v) && (s.value = v, !s.value))
+        return;
+      o(c) ? n.value = !!await c(i, t) : p(c) && (n.value = c), o(f) && (g.value = await f(i, t)), o(P) && (d.value = await P(i, t)), o(m) ? l.value = !!await m(i, t) : p(m) && (l.value = m), o(y) && (w.value = !!await y(i, t)), o(R) && await R(i, t);
+    },
+    { deep: !0, immediate: ((F = a()) == null ? void 0 : F.immediate) ?? !0 }
+  ), {
+    dynamicComponentProps: g,
+    dynamicRules: d,
+    isDisabled: l,
+    isIf: s,
+    isRequired: w,
+    isShow: n
+  };
+}
+export {
+  _ as default,
+  x as resolveValueByFieldName
+};

package/dist/components/tt-form/src/form-render/expandable.js

@@ -0,0 +1,46 @@
+import { useTemplateRef as b, ref as f, computed as k, watch as x, nextTick as m, onMounted as C } from "vue";
+import { useElementVisibility as B, useBreakpoints as I, breakpointsTailwind as S } from "@vueuse/core";
+function M(o) {
+  const n = b("wrapperRef"), w = B(n), i = f({}), r = f(!1), d = I(S), v = k(() => {
+    const e = o.collapsedRows ?? 1, t = i.value;
+    let s = 0;
+    for (let a = 1; a <= e; a++)
+      s += (t == null ? void 0 : t[a]) ?? 0;
+    return s - 1 || 1;
+  });
+  x(
+    [
+      () => o.showCollapseButton,
+      () => d.active().value,
+      () => {
+        var e;
+        return (e = o.schema) == null ? void 0 : e.length;
+      },
+      () => w.value
+    ],
+    async ([e]) => {
+      e && (await m(), i.value = {}, r.value = !1, await c());
+    }
+  );
+  async function c() {
+    if (!o.showCollapseButton || (await m(), !n.value))
+      return;
+    const e = Array.from(n.value.children), t = n.value, a = window.getComputedStyle(t).getPropertyValue("grid-template-rows").split(" "), g = t == null ? void 0 : t.getBoundingClientRect();
+    e.forEach((p) => {
+      const R = p.getBoundingClientRect().top - g.top;
+      let l = 0, u = 0;
+      for (const [h, y] of a.entries())
+        if (u += Number.parseFloat(y), R < u) {
+          l = h + 1;
+          break;
+        }
+      l > ((o == null ? void 0 : o.collapsedRows) ?? 1) || (i.value[l] = (i.value[l] ?? 0) + 1, r.value = !0);
+    });
+  }
+  return C(() => {
+    c();
+  }), { isCalculated: r, keepFormItemIndex: v, wrapperRef: n };
+}
+export {
+  M as useExpandable
+};

package/dist/components/tt-form/src/form-render/form.vue2.js

@@ -0,0 +1,197 @@
+import { defineComponent as ee, useSlots as oe, computed as n, createBlock as C, openBlock as p, resolveDynamicComponent as D, normalizeProps as re, guardReactiveProps as te, withCtx as g, createElementVNode as le, normalizeClass as y, createElementBlock as f, renderSlot as d, Fragment as v, renderList as M, unref as b, mergeProps as R, createSlots as se } from "vue";
+import "../components/Slot.js";
+import { isString as ne, mergeWithArrayOverride as ae, isFunction as pe, clnm as w } from "@dazhicheng/utils";
+import { Form as me } from "vee-validate";
+import "@dazhicheng-ui/components/tt-form-item-error-tooltip";
+import "@dazhicheng-ui/assets/img/FormItemWarning.jpeg?inline";
+import "@dazhicheng-ui/components/tt-icon";
+import "@vueuse/core";
+import "element-plus";
+/* empty css                          */
+import "../form/RenderContent.vue.js";
+import { provideFormRenderProps as ie } from "./context.js";
+import { useExpandable as ue } from "./expandable.js";
+import { FORM_RENDER_DEFAULT_WRAPPER_CLASS as fe, getFormRootWrapperClass as de } from "./rootWrapperClass.js";
+import { FieldRenderer as ce } from "./FormFieldContact.js";
+import { getBaseRules as Ce, getDefaultValueInZodStack as ge } from "./helper.js";
+import { useDesign as ye } from "@dazhicheng/hooks";
+const Me = /* @__PURE__ */ ee({
+  name: "FormRender",
+  __name: "form",
+  props: {
+    arrayToStringFields: {},
+    collapsed: { type: Boolean },
+    collapsedRows: { default: 1 },
+    collapseTriggerResize: { type: Boolean },
+    commonConfig: { default: () => ({}) },
+    compact: { type: Boolean },
+    componentBindEventMap: {},
+    componentMap: {},
+    fieldMappingTime: {},
+    form: {},
+    layout: {},
+    schema: {},
+    showCollapseButton: { type: Boolean, default: !1 },
+    wrapperClass: { default: fe },
+    globalCommonConfig: { default: () => ({}) }
+  },
+  emits: ["submit"],
+  setup(A, { expose: T, emit: W }) {
+    const r = A, F = W, z = oe(), V = n(
+      () => de({
+        layout: r.layout,
+        compact: r.compact,
+        wrapperClass: r.wrapperClass
+      })
+    );
+    ie(r);
+    const { prefixCls: P } = ye("form-render"), u = r.form;
+    function i(e) {
+      return e && e.type === "slot";
+    }
+    function Z(e) {
+      return !i(e) && !e.useArraySchema;
+    }
+    const _ = n(() => ({
+      values: (u == null ? void 0 : u.values) ?? {},
+      formActions: u
+    })), { isCalculated: q, keepFormItemIndex: h, wrapperRef: k } = ue(r), j = n(() => {
+      const e = [];
+      return (r.schema || []).forEach((a) => {
+        if (i(a)) return;
+        const { fieldName: o } = a, l = a.rules;
+        let s = "";
+        l && !ne(l) && (s = l.def.type);
+        const m = Ce(l);
+        e.push({
+          default: ge(l),
+          fieldName: o,
+          required: !["ZodNullable", "ZodOptional"].includes(s),
+          rules: m
+        });
+      }), e;
+    }), U = n(() => r.form ? "form" : me), G = n(() => r.form ? {
+      onSubmit: r.form.handleSubmit((e) => F("submit", e))
+    } : {
+      onSubmit: (e) => F("submit", e)
+    }), H = n(() => r.collapsed && q.value), J = n(() => {
+      const {
+        colon: e = !1,
+        componentProps: a = {},
+        controlClass: o = "",
+        disabled: l,
+        disabledOnChangeListener: s = !0,
+        disabledOnInputListener: m = !0,
+        emptyStateValue: I = void 0,
+        formFieldProps: B = {},
+        formItemClass: Q = "",
+        hideLabel: S = !1,
+        hideRequiredMark: E = !1,
+        labelClass: N = "",
+        labelWidth: $ = 70,
+        modelPropName: x = "",
+        wrapperClass: X = ""
+      } = ae(r.commonConfig, r.globalCommonConfig);
+      let L = 0;
+      return (r.schema || []).map((t) => {
+        if (i(t)) return t;
+        if (!Z(t))
+          return {
+            colon: e,
+            disabled: l,
+            disabledOnChangeListener: s,
+            disabledOnInputListener: m,
+            emptyStateValue: I,
+            hideLabel: S,
+            hideRequiredMark: E,
+            labelWidth: $,
+            modelPropName: x,
+            commonComponentProps: a,
+            controlClass: o,
+            formFieldProps: B,
+            labelClass: N,
+            ...t
+          };
+        const O = h.value, Y = r.showCollapseButton && H.value && O ? O <= L : !1;
+        L++;
+        let c = t.formItemClass;
+        if (pe(t.formItemClass))
+          try {
+            c = t.formItemClass();
+          } catch {
+            c = "";
+          }
+        return {
+          colon: e,
+          disabled: l,
+          disabledOnChangeListener: s,
+          disabledOnInputListener: m,
+          emptyStateValue: I,
+          hideLabel: S,
+          hideRequiredMark: E,
+          labelWidth: $,
+          modelPropName: x,
+          wrapperClass: X,
+          ...t,
+          commonComponentProps: a,
+          componentProps: t.componentProps,
+          controlClass: w(o, t.controlClass),
+          formFieldProps: {
+            ...B,
+            ...t.formFieldProps
+          },
+          formItemClass: w("flex-shrink-0", { hidden: Y }, Q, c),
+          labelClass: w(N, t.labelClass)
+        };
+      });
+    }), K = n(() => Object.keys(z).filter((e) => e !== "default"));
+    return T({
+      wrapperRef: n(() => k.value)
+    }), (e, a) => (p(), C(D(U.value), re(te(G.value)), {
+      default: g(() => [
+        le("div", {
+          ref_key: "wrapperRef",
+          ref: k,
+          class: y(V.value)
+        }, [
+          (p(!0), f(v, null, M(J.value, (o, l) => (p(), f(v, {
+            key: i(o) ? `slot-${l}` : o.fieldName
+          }, [
+            i(o) ? (p(), f(v, { key: 0 }, [
+              typeof o.content == "string" ? (p(), f("div", {
+                key: 0,
+                class: y([`${b(P)}__slot`, o.wrapperClass])
+              }, [
+                d(e.$slots, o.content, R({ ref_for: !0 }, _.value))
+              ], 2)) : (p(), C(D(o.content(_.value)), {
+                key: 1,
+                class: y([`${b(P)}__slot`, o.wrapperClass])
+              }, null, 8, ["class"]))
+            ], 64)) : (p(), C(b(ce), {
+              key: 1,
+              "field-config": o,
+              rules: o.rules
+            }, se({
+              default: g((s) => [
+                d(e.$slots, o.fieldName, R({ ref_for: !0 }, s))
+              ]),
+              _: 2
+            }, [
+              M(K.value, (s) => ({
+                name: s,
+                fn: g((m) => [
+                  d(e.$slots, s, R({ ref_for: !0 }, m))
+                ])
+              }))
+            ]), 1032, ["field-config", "rules"]))
+          ], 64))), 128)),
+          d(e.$slots, "default", { shapes: j.value })
+        ], 2)
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  Me as default
+};

package/dist/components/tt-form/src/form-render/form.vue3.js

@@ -0,0 +1,5 @@
+import o from "./form.vue2.js";
+/* empty css         */
+export {
+  o as default
+};

package/dist/components/tt-form/src/form-render/helper.js

@@ -0,0 +1,22 @@
+import { isObject as i, isString as f } from "@dazhicheng/utils";
+function t(e) {
+  return !e || f(e) ? null : "innerType" in e.def ? t(e.def.innerType) : "schema" in e.def ? t(e.def.schema) : e;
+}
+function r(e) {
+  if (!e || f(e))
+    return;
+  const n = e;
+  if (n.def.type === "default") return n.def.defaultValue;
+  if ("innerType" in n.def)
+    return r(n.def.innerType);
+  if ("schema" in n.def)
+    return r(n.def.schema);
+}
+function d(e) {
+  return !e || !i(e) ? !1 : Reflect.has(e, "target") && Reflect.has(e, "stopPropagation");
+}
+export {
+  t as getBaseRules,
+  r as getDefaultValueInZodStack,
+  d as isEventObjectLike
+};

package/dist/components/tt-form/src/form-render/rootWrapperClass.js

@@ -0,0 +1,10 @@
+import { clnm as c } from "@dazhicheng/utils";
+const e = "grid-cols-1 sm:grid-cols-2 md:grid-cols-3";
+function a(r) {
+  const { layout: s, compact: l, wrapperClass: p } = r, o = ["flex"];
+  return s === "inline" ? o.push("flex-wrap gap-x-2") : o.push(l ? "gap-x-2" : "gap-x-4", "flex-col grid"), c(...o, p ?? e);
+}
+export {
+  e as FORM_RENDER_DEFAULT_WRAPPER_CLASS,
+  a as getFormRootWrapperClass
+};