@dazhicheng/ui 1.5.199 → 1.5.202

package/dist/components/tt-form/src/form/FormControl.vue.js

@@ -0,0 +1,16 @@
+import { defineComponent as o, createBlock as t, openBlock as r, unref as n, withCtx as l, renderSlot as a } from "vue";
+import { Slot as f } from "../components/Slot.js";
+const c = /* @__PURE__ */ o({
+  __name: "FormControl",
+  setup(m) {
+    return (e, p) => (r(), t(n(f), null, {
+      default: l(() => [
+        a(e.$slots, "default")
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  c as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./FormControl.vue.js";
+export {
+  f as default
+};

package/dist/components/tt-form/src/form/FormDescription.vue.js

@@ -0,0 +1,21 @@
+import { defineComponent as n, createElementBlock as p, openBlock as m, normalizeClass as c, unref as e, renderSlot as i } from "vue";
+import { clnm as l } from "@dazhicheng/utils";
+import { useFormField as a } from "./useFormField.js";
+const d = ["id"], x = /* @__PURE__ */ n({
+  __name: "FormDescription",
+  props: {
+    class: {}
+  },
+  setup(o) {
+    const t = o, { formDescriptionId: r } = a();
+    return (s, f) => (m(), p("span", {
+      id: e(r),
+      class: c(e(l)("text-muted-foreground text-12px h-18px line-height-18px empty:h-0", t.class))
+    }, [
+      i(s.$slots, "default")
+    ], 10, d));
+  }
+});
+export {
+  x as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./FormDescription.vue.js";
+export {
+  f as default
+};

package/dist/components/tt-form/src/form/FormItem.vue.js

@@ -0,0 +1,20 @@
+import { defineComponent as t, useId as n, provide as m, createElementBlock as c, openBlock as l, normalizeClass as a, unref as p, renderSlot as i } from "vue";
+import { clnm as d } from "@dazhicheng/utils";
+import { FORM_ITEM_INJECTION_KEY as f } from "./injectionKeys.js";
+const C = /* @__PURE__ */ t({
+  __name: "FormItem",
+  props: {
+    class: {}
+  },
+  setup(e) {
+    const o = e, r = n();
+    return m(f, r), (s, _) => (l(), c("div", {
+      class: a(p(d)(o.class))
+    }, [
+      i(s.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  C as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./FormItem.vue.js";
+export {
+  f as default
+};

package/dist/components/tt-form/src/form/FormLabel.vue.js

@@ -0,0 +1,19 @@
+import { defineComponent as s, createElementBlock as l, openBlock as n, normalizeClass as t, unref as a, renderSlot as c } from "vue";
+import { clnm as m } from "@dazhicheng/utils";
+const i = /* @__PURE__ */ s({
+  __name: "FormLabel",
+  props: {
+    class: {}
+  },
+  setup(e) {
+    const o = e;
+    return (r, p) => (n(), l("label", {
+      class: t(a(m)(o.class))
+    }, [
+      c(r.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  i as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./FormLabel.vue.js";
+export {
+  f as default
+};

package/dist/components/tt-form/src/form/FormMessage.vue.js

@@ -0,0 +1,18 @@
+import { defineComponent as t, createBlock as s, openBlock as a, unref as e, toValue as m } from "vue";
+import { ErrorMessage as n } from "vee-validate";
+import { useFormField as c } from "./useFormField.js";
+const d = /* @__PURE__ */ t({
+  __name: "FormMessage",
+  setup(p) {
+    const { formMessageId: r, name: o } = c();
+    return (i, u) => (a(), s(e(n), {
+      id: e(r),
+      name: m(e(o)),
+      as: "p",
+      class: "text-[12px] text-destructive"
+    }, null, 8, ["id", "name"]));
+  }
+});
+export {
+  d as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./FormMessage.vue.js";
+export {
+  f as default
+};

package/dist/components/tt-form/src/form/FormMessageToolTip.vue.js

@@ -0,0 +1,30 @@
+import { defineComponent as n, createBlock as f, openBlock as s, unref as e, toValue as o, withCtx as i, createVNode as p } from "vue";
+import { TtFormItemErrorTooltip as l } from "../../../tt-form-item-error-tooltip/index.js";
+import { ErrorMessage as d } from "vee-validate";
+import { useFormField as c } from "./useFormField.js";
+const M = /* @__PURE__ */ n({
+  __name: "FormMessageToolTip",
+  props: {
+    refDom: {}
+  },
+  setup(u) {
+    const { formMessageId: m, name: r, error: t } = c();
+    return (a, _) => (s(), f(e(d), {
+      id: e(m),
+      name: o(e(r))
+    }, {
+      default: i(() => [
+        p(e(l), {
+          "ref-dom": a.refDom,
+          "err-msg": e(t),
+          "field-name": o(e(r)),
+          placement: "right"
+        }, null, 8, ["ref-dom", "err-msg", "field-name"])
+      ]),
+      _: 1
+    }, 8, ["id", "name"]));
+  }
+});
+export {
+  M as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./FormMessageToolTip.vue.js";
+export {
+  f as default
+};

package/dist/components/tt-form/src/form/RenderContent.vue.js

@@ -0,0 +1,31 @@
+import { isObject as c, isFunction as e } from "@dazhicheng/utils";
+import { defineComponent as m, h as u } from "vue";
+import { useFormValues as f } from "vee-validate";
+import { injectRenderFormProps as s } from "../form-render/context.js";
+const j = m({
+  name: "RenderContent",
+  inheritAttrs: !1,
+  props: {
+    /**
+     * The content to render.
+     */
+    content: {
+      default: void 0,
+      type: [Object, String, Function]
+    }
+  },
+  setup(n, { attrs: t, slots: o }) {
+    const r = f(), i = s().form;
+    return () => n.content ? (c(n.content) || e(n.content)) && n.content !== null ? e(n.content) ? n.content(r.value, i) : u(n.content, {
+      ...t,
+      props: {
+        ...n,
+        ...t
+      },
+      slots: o
+    }) : n.content : null;
+  }
+});
+export {
+  j as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./RenderContent.vue.js";
+export {
+  f as default
+};

package/dist/components/tt-form/src/form/injectionKeys.js

@@ -0,0 +1,4 @@
+const t = Symbol("tthk");
+export {
+  t as FORM_ITEM_INJECTION_KEY
+};

package/dist/components/tt-form/src/form/useFormField.js

@@ -0,0 +1,24 @@
+import { FieldContextKey as d, useIsFieldValid as m, useIsFieldTouched as n, useIsFieldDirty as f, useFieldError as l } from "vee-validate";
+import { inject as r } from "vue";
+import { FORM_ITEM_INJECTION_KEY as u } from "./injectionKeys.js";
+function a() {
+  const i = r(d), t = r(u);
+  if (!i) throw new Error("useFormField should be used within <FormField>");
+  const { name: e } = i, o = t, s = {
+    error: l(e),
+    isDirty: f(e),
+    isTouched: n(e),
+    valid: m(e)
+  };
+  return {
+    formDescriptionId: `${o}-form-item-description`,
+    formItemId: `${o}-form-item`,
+    formMessageId: `${o}-form-item-message`,
+    id: o,
+    name: e,
+    ...s
+  };
+}
+export {
+  a as useFormField
+};

package/dist/components/tt-form/src/form-render/FormField.vue.js

@@ -0,0 +1,4 @@
+import f from "./FormField.vue2.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,345 @@
+import { defineComponent as fe, useTemplateRef as K, computed as i, reactive as pe, markRaw as ve, toRaw as he, watch as G, nextTick as be, onUnmounted as ye, createBlock as h, createCommentVNode as m, unref as l, openBlock as u, mergeProps as N, withCtx as b, withDirectives as Ce, createVNode as w, createElementVNode as $, createElementBlock as H, normalizeClass as O, normalizeStyle as J, renderSlot as ge, normalizeProps as we, guardReactiveProps as Fe, resolveDynamicComponent as Re, createSlots as Se, renderList as ke, Transition as Ne, vShow as Oe } from "vue";
+import Ee from "../form/FormControl.vue.js";
+import Be from "../form/FormDescription.vue.js";
+import Pe from "../form/FormItem.vue.js";
+import { isString as y, isFunction as q, clnm as j, isObject as Te } from "@dazhicheng/utils";
+import Ve from "../form/FormMessageToolTip.vue.js";
+import Ie from "../form/FormMessage.vue.js";
+import "../../../tt-icon/index.js";
+import "@vueuse/core";
+import "element-plus";
+import { useFormValues as Le, useFieldError as $e, Field as qe } from "vee-validate";
+/* empty css                          */
+import E from "../form/RenderContent.vue.js";
+import { set as je, get as Me } from "lodash-es";
+import { toTypedSchema as Ue } from "@vee-validate/zod";
+import { injectComponentRefMap as De } from "../useFormContext.js";
+import { useFormContext as We, injectRenderFormProps as ze } from "./context.js";
+import xe from "./dependencies.js";
+import Ae from "./FormLabel.vue2.js";
+import { useSelectCollapseOptions as Ke } from "../hooks/useSelectCollapse.js";
+import { isEventObjectLike as Q } from "./helper.js";
+const Ge = { class: "flex-auto overflow-hidden" }, He = {
+  key: 0,
+  class: "ml-1"
+}, hn = /* @__PURE__ */ fe({
+  __name: "FormField",
+  props: {
+    component: {},
+    componentProps: { type: [Function, Object] },
+    defaultValue: {},
+    dependencies: {},
+    description: { type: [Function, String] },
+    fieldName: {},
+    help: { type: [Function, String] },
+    hide: { type: Boolean },
+    label: { type: [Function, String] },
+    renderComponentContent: { type: Function },
+    rules: {},
+    suffix: { type: [Function, String] },
+    helpTrigger: {},
+    toolTip: {},
+    toolTipText: { type: [Function, String] },
+    useArraySchema: { type: Boolean },
+    arraySchema: { type: [Array, Function] },
+    colon: { type: Boolean },
+    controlClass: {},
+    disabled: { type: Boolean },
+    disabledOnChangeListener: { type: Boolean },
+    disabledOnInputListener: { type: Boolean },
+    emptyStateValue: {},
+    formFieldProps: {},
+    formItemClass: { type: [Function, String] },
+    hideLabel: { type: Boolean },
+    hideRequiredMark: { type: Boolean },
+    labelClass: {},
+    labelWidth: {},
+    modelPropName: {},
+    wrapperClass: {},
+    commonComponentProps: {}
+  },
+  setup(n) {
+    const B = K("wrapperRef"), { componentBindEventMap: X, componentMap: Y, isVertical: C } = We(), M = ze(), k = Le(), Z = $e(n.fieldName), f = K("fieldComponentRef"), F = M.form, R = i(() => M.compact), S = i(() => {
+      var e;
+      return ((e = Z.value) == null ? void 0 : e.length) > 0;
+    }), P = pe(
+      new Proxy({}, {
+        /**
+         * @param _target 代理目标（空对象，不实际存储）
+         * @param key 属性名
+         * @returns 当前表单值
+         */
+        get(e, t) {
+          return Me(k.value, t);
+        },
+        /**
+         * @param _target 代理目标
+         * @param key 属性名
+         * @param value 新值
+         * @returns 是否设置成功
+         */
+        set(e, t, o) {
+          return je(k.value, t, o), F == null || F.validateField(t), !0;
+        }
+      })
+    ), _ = i(() => {
+      const e = y(n.component) ? Y.value[n.component] : n.component;
+      return ve(he(e));
+    }), { dynamicComponentProps: ee, dynamicRules: ne, isDisabled: te, isIf: U, isRequired: T, isShow: D } = xe(
+      () => n.dependencies
+    ), oe = i(() => {
+      var e;
+      return (e = n.labelClass) != null && e.includes("w-") || C.value ? {} : {
+        width: `${n.labelWidth}px`
+      };
+    }), s = i(() => ne.value || n.rules), W = i(() => !n.hide && U.value && D.value), V = i(() => {
+      var o, a, d;
+      if (!W.value)
+        return !1;
+      if (!s.value)
+        return T.value;
+      if (T.value)
+        return !0;
+      if (y(s.value))
+        return ["required", "selectRequired"].includes(s.value);
+      let e = (a = (o = s == null ? void 0 : s.value) == null ? void 0 : o.isOptional) == null ? void 0 : a.call(o);
+      const t = s.value.def;
+      if ((t == null ? void 0 : t.type) === "default" && "innerType" in t) {
+        const v = t.innerType;
+        v && (e = (d = v.isOptional) == null ? void 0 : d.call(v));
+      }
+      return !e;
+    }), le = i(() => {
+      var o;
+      if (!W.value)
+        return null;
+      let e = s.value;
+      if (!e)
+        return T.value ? "required" : null;
+      if (y(e))
+        return e;
+      if (!!V.value) {
+        const a = (o = e == null ? void 0 : e.unwrap) == null ? void 0 : o.call(e);
+        a && (e = a);
+      }
+      return Ue(e);
+    }), r = i(() => {
+      const e = q(n.componentProps) ? n.componentProps(k.value, F) : n.componentProps;
+      return {
+        ...n.commonComponentProps,
+        ...e,
+        ...ee.value
+      };
+    }), { selectComponentProps: ae } = Ke(
+      i(() => ({
+        componentProps: r,
+        component: n.component,
+        selectWrapRef: B,
+        selectRef: f
+      }))
+    );
+    G(
+      () => {
+        var e;
+        return (e = r.value) == null ? void 0 : e.autofocus;
+      },
+      (e) => {
+        e === !0 && be(() => {
+          ce();
+        });
+      },
+      { immediate: !0 }
+    );
+    const I = i(() => {
+      var e;
+      return te.value || n.disabled || ((e = r.value) == null ? void 0 : e.disabled);
+    }), z = i(() => q(n.renderComponentContent) ? n.renderComponentContent(k.value, F) : {}), ie = i(() => Object.keys(z.value)), re = i(() => {
+      const e = le.value;
+      return {
+        keepValue: !0,
+        label: y(n.label) ? n.label : "",
+        ...e ? { rules: e } : {},
+        ...n.formFieldProps
+      };
+    });
+    function ue(e) {
+      var v;
+      const t = e.componentField.modelValue, o = e.componentField["onUpdate:modelValue"], a = n.modelPropName || (y(n.component) ? (v = X.value) == null ? void 0 : v[n.component] : null);
+      let d = t;
+      if (t && Te(t) && a) {
+        const c = t.target;
+        d = Q(t) ? c == null ? void 0 : c[a] : (t == null ? void 0 : t[a]) ?? t;
+      }
+      return a ? {
+        [`onUpdate:${a}`]: o,
+        [a]: d === void 0 ? n.emptyStateValue : d,
+        onChange: n.disabledOnChangeListener ? void 0 : (c) => {
+          var A;
+          const me = Q(c), g = (A = e == null ? void 0 : e.componentField) == null ? void 0 : A.onChange;
+          if (!me)
+            return g == null ? void 0 : g(c);
+          const L = c.target;
+          return g == null ? void 0 : g((L == null ? void 0 : L[a]) ?? c);
+        },
+        ...n.disabledOnInputListener ? { onInput: void 0 } : {}
+      } : {
+        ...n.disabledOnInputListener ? { onInput: void 0 } : {},
+        ...n.disabledOnChangeListener ? { onChange: void 0 } : {}
+      };
+    }
+    const se = /* @__PURE__ */ new Set(["ElCheckbox", "ElCheckboxButton", "ElSwitch"]), de = /* @__PURE__ */ new Set(["ElInputNumber"]);
+    function x(e) {
+      const t = ue(e), o = {
+        ...e.componentField,
+        ...r.value,
+        ...ae.value,
+        ...t,
+        ...Reflect.has(r.value, "onChange") ? { onChange: r.value.onChange } : {},
+        ...Reflect.has(r.value, "onInput") ? { onInput: r.value.onInput } : {}
+      };
+      return Reflect.has(r.value, "name") || delete o.name, y(n.component) && se.has(n.component) && o.modelValue === void 0 && (o.modelValue = !1), y(n.component) && de.has(n.component) && (o.controls = !1, o.align = "left"), o;
+    }
+    function ce() {
+      var e, t;
+      f.value && q(f.value.focus) && // 检查当前是否有元素被聚焦
+      document.activeElement !== f.value && ((t = (e = f.value) == null ? void 0 : e.focus) == null || t.call(e));
+    }
+    const p = De();
+    return G(f, (e) => {
+      p == null || p.set(n.fieldName, e);
+    }), ye(() => {
+      p != null && p.has(n.fieldName) && p.delete(n.fieldName);
+    }), (e, t) => !e.hide && l(U) ? (u(), h(l(qe), N({ key: 0 }, re.value, { name: e.fieldName }), {
+      default: b((o) => [
+        Ce(w(l(Pe), N({
+          class: [{
+            "form-valid-error": S.value,
+            "form-is-required": V.value,
+            "pb-(--form-valid-error-nocompact-padding-bottom)": !R.value,
+            "pb-2": R.value
+          }, "relative"]
+        }, e.$attrs), {
+          default: b(() => [
+            $("div", {
+              class: O([{ "flex-col": l(C), "flex-row items-center": !l(C) }, "flex"])
+            }, [
+              e.hideLabel ? m("", !0) : (u(), h(Ae, {
+                key: 0,
+                class: O(
+                  l(j)(
+                    "flex leading-6",
+                    {
+                      "mr-2 shrink-0 items-center justify-end": !l(C),
+                      "mb-1 flex-row": l(C)
+                    },
+                    e.labelClass
+                  )
+                ),
+                help: e.help,
+                colon: e.colon,
+                label: e.label,
+                required: V.value && !e.hideRequiredMark,
+                style: J(oe.value),
+                "tool-tip": e.toolTip,
+                "help-trigger": e.helpTrigger,
+                form: P,
+                "tool-tip-text": e.toolTipText
+              }, {
+                default: b(() => [
+                  e.label ? (u(), h(l(E), {
+                    key: 0,
+                    content: e.label
+                  }, null, 8, ["content"])) : m("", !0)
+                ]),
+                _: 1
+              }, 8, ["class", "help", "colon", "label", "required", "style", "tool-tip", "help-trigger", "form", "tool-tip-text"])),
+              $("div", Ge, [
+                $("div", {
+                  ref_key: "wrapperRef",
+                  ref: B,
+                  class: O(l(j)("relative flex w-full items-center", e.wrapperClass))
+                }, [
+                  w(l(Ee), {
+                    class: O(l(j)(e.controlClass))
+                  }, {
+                    default: b(() => [
+                      ge(e.$slots, "default", we(Fe({
+                        ...o,
+                        ...x(o),
+                        disabled: I.value,
+                        isInValid: S.value,
+                        form: P,
+                        fieldName: e.fieldName
+                      })), () => [
+                        (u(), h(Re(_.value), N({
+                          ref_key: "fieldComponentRef",
+                          ref: f,
+                          class: {
+                            "border-destructive hover:border-destructive/80 focus:border-destructive focus:shadow-[0_0_0_2px_rgba(255,38,5,0.06)]": S.value
+                          }
+                        }, {
+                          ...x(o),
+                          disabled: I.value,
+                          isInValid: S.value,
+                          form: P,
+                          fieldName: e.fieldName
+                        }, { disabled: I.value }), Se({ _: 2 }, [
+                          ke(ie.value, (a) => ({
+                            name: a,
+                            fn: b((d) => [
+                              w(l(E), N({
+                                content: z.value[a]
+                              }, { ...d, formContext: o }), null, 16, ["content"])
+                            ])
+                          }))
+                        ]), 1040, ["class", "disabled"]))
+                      ])
+                    ]),
+                    _: 2
+                  }, 1032, ["class"]),
+                  e.suffix ? (u(), H("div", He, [
+                    w(l(E), { content: e.suffix }, null, 8, ["content"])
+                  ])) : m("", !0),
+                  R.value && S.value ? (u(), h(l(Ve), {
+                    key: 1,
+                    "ref-dom": B.value
+                  }, null, 8, ["ref-dom"])) : m("", !0)
+                ], 2)
+              ])
+            ], 2),
+            e.description || !R.value ? (u(), H("div", {
+              key: 0,
+              style: J(!l(C) && !e.hideLabel ? { paddingLeft: `${(e.labelWidth || 0) + 8}px` } : {})
+            }, [
+              e.description ? (u(), h(l(Be), {
+                key: 0,
+                class: "text-[12px]"
+              }, {
+                default: b(() => [
+                  w(l(E), { content: e.description }, null, 8, ["content"])
+                ]),
+                _: 1
+              })) : m("", !0),
+              R.value ? m("", !0) : (u(), h(Ne, {
+                key: 1,
+                name: "slide-up"
+              }, {
+                default: b(() => [
+                  w(l(Ie), { class: "absolute" })
+                ]),
+                _: 1
+              }))
+            ], 4)) : m("", !0)
+          ]),
+          _: 2
+        }, 1040, ["class"]), [
+          [Oe, l(D)]
+        ])
+      ]),
+      _: 3
+    }, 16, ["name"])) : m("", !0);
+  }
+});
+export {
+  hn as default
+};

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

@@ -0,0 +1,54 @@
+import { defineComponent as a, h as l } from "vue";
+import i from "../group-form/LazyFormField.vue.js";
+/* empty css                               */
+import { FormArrayRegister as m } from "./array-register/FormArrayRegister.js";
+import o from "./FormField.vue2.js";
+const c = a({
+  name: "FieldRenderer",
+  props: {
+    fieldConfig: {
+      type: Object,
+      required: !0
+    },
+    rules: { type: [String, Object], default: void 0 },
+    virtual: { type: Boolean, default: !1 },
+    scrollElement: { type: Object, default: null },
+    rootMargin: { type: String, default: "200px 0px" },
+    estimateFieldHeight: { type: Number, default: 52 }
+  },
+  setup(r, { slots: t }) {
+    return () => {
+      const e = {
+        commonComponentProps: {},
+        ...r.fieldConfig
+      };
+      return e.useArraySchema ? l(
+        m,
+        {
+          ...e,
+          rules: r.rules,
+          virtual: r.virtual,
+          arraySchema: e.arraySchema,
+          fieldName: e.fieldName,
+          formItemClass: e.formItemClass,
+          wrapperClass: e.wrapperClass
+        },
+        t
+      ) : r.virtual ? l(
+        i,
+        {
+          fieldProps: e,
+          rules: r.rules,
+          fieldClass: e.formItemClass,
+          scrollElement: r.scrollElement,
+          rootMargin: r.rootMargin,
+          estimateFieldHeight: r.estimateFieldHeight
+        },
+        t
+      ) : l(o, { ...e, class: e.formItemClass, rules: r.rules }, t);
+    };
+  }
+});
+export {
+  c as FieldRenderer
+};

package/dist/components/tt-form/src/form-render/FormLabel.vue.js

@@ -0,0 +1,4 @@
+import f from "./FormLabel.vue2.js";
+export {
+  f as default
+};