@dazhicheng/ui 1.5.198 → 1.5.201

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

@@ -0,0 +1,177 @@
+import { defineComponent as O, useModel as _, useAttrs as E, computed as d, unref as o, ref as L, watch as M, onMounted as W, createElementBlock as C, openBlock as l, normalizeClass as I, createCommentVNode as u, renderSlot as f, createBlock as v, Fragment as x, resolveDynamicComponent as b, mergeProps as g, withCtx as k, createTextVNode as B, toDisplayString as R, toRaw as F, nextTick as H } from "vue";
+import { triggerWindowResize as U, clnm as q, isFunction as G } from "@dazhicheng/utils";
+import V from "@dazhicheng-ui/components/tt-button";
+import { useDesign as J } from "@dazhicheng/hooks";
+import K from "./ExpandableArrow.vue2.js";
+/* empty css                    */
+import { injectFormProps as Q } from "../useFormContext.js";
+const ne = /* @__PURE__ */ O({
+  __name: "FormActions",
+  props: {
+    modelValue: { default: !1, type: Boolean },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(S, { expose: $ }) {
+    const [n, j] = Q(), c = _(S, "modelValue"), { prefixCls: A } = J("form-submit-btn"), D = E(), h = d(() => ({
+      content: "重置",
+      show: !0,
+      ...o(n).resetButtonOptions
+    })), i = d(() => ({
+      content: "查询",
+      show: !0,
+      ...o(n).submitButtonOptions
+    })), m = L(!1), T = d(() => o(n).showCollapseButton && m.value);
+    async function w(e) {
+      var r;
+      e == null || e.preventDefault(), e == null || e.stopPropagation();
+      const t = o(n);
+      if (!t.formApi)
+        return;
+      const { valid: a } = await t.formApi.validate();
+      if (!a)
+        return;
+      const s = F(await t.formApi.getValues()) ?? {};
+      await ((r = t.handleSubmit) == null ? void 0 : r.call(t, s));
+    }
+    async function P(e) {
+      var s, r;
+      e == null || e.preventDefault(), e == null || e.stopPropagation();
+      const t = o(n), a = F(await ((s = t.formApi) == null ? void 0 : s.getValues())) ?? {};
+      G(t.handleReset) ? await ((r = t.handleReset) == null ? void 0 : r.call(t, a)) : j.resetForm({}, { force: !0 });
+    }
+    function p() {
+      c.value = !0, m.value = !1;
+    }
+    async function z() {
+      if (!o(n).showCollapseButton) {
+        p();
+        return;
+      }
+      await H();
+      const e = D["wrapper-ref"];
+      if (!e) {
+        p();
+        return;
+      }
+      const t = Array.from(e.children);
+      if (t.length <= 1) {
+        p();
+        return;
+      }
+      let a = !1;
+      const s = /* @__PURE__ */ new Set();
+      if (c.value) {
+        for (const r of t)
+          if (r.getBoundingClientRect().top === 0) {
+            a = !0;
+            continue;
+          }
+        a ? m.value = !0 : p();
+      } else {
+        for (const r of t) {
+          const y = r.getBoundingClientRect();
+          y.top !== 0 && s.add(y.top);
+        }
+        s.size === 1 ? p() : m.value = !0;
+      }
+    }
+    M(
+      () => c.value,
+      () => {
+        o(n).collapseTriggerResize && U();
+      }
+    );
+    const N = d(() => {
+      const e = o(n), t = e.actionLayout || "rowEnd", a = e.actionPosition || "right", s = [
+        "flex",
+        "items-center",
+        "gap-3",
+        e.compact ? "pb-[8px]" : "pb-(--form-valid-error-nocompact-padding-bottom)",
+        e.layout === "vertical" ? "self-end" : "self-center",
+        e.layout === "inline" ? "" : "w-full",
+        e.actionWrapperClass
+      ];
+      switch (t) {
+        case "newLine": {
+          s.push("col-span-full");
+          break;
+        }
+        case "rowEnd": {
+          s.push("col-[-2/-1]");
+          break;
+        }
+      }
+      switch (a) {
+        case "center": {
+          s.push("justify-center");
+          break;
+        }
+        case "left": {
+          s.push("justify-start");
+          break;
+        }
+        default: {
+          s.push("justify-end");
+          break;
+        }
+      }
+      return s.join(" ");
+    });
+    return W(() => {
+      setTimeout(() => {
+        o(n).showCollapseButton && z();
+      }, 200);
+    }), $({
+      handleReset: P,
+      handleSubmit: w
+    }), (e, t) => (l(), C("div", {
+      class: I(o(q)(N.value))
+    }, [
+      o(n).actionButtonsReverse ? (l(), C(x, { key: 0 }, [
+        f(e.$slots, "submit-before"),
+        i.value.show ? (l(), v(b(o(V)), g({ key: 0 }, i.value, {
+          class: o(A),
+          type: "primary",
+          onClick: w
+        }), {
+          default: k(() => [
+            B(R(i.value.content), 1)
+          ]),
+          _: 1
+        }, 16, ["class"])) : u("", !0)
+      ], 64)) : u("", !0),
+      f(e.$slots, "reset-before"),
+      h.value.show ? (l(), v(b(o(V)), g({ key: 1 }, h.value, { onClick: P }), {
+        default: k(() => [
+          B(R(h.value.content), 1)
+        ]),
+        _: 1
+      }, 16)) : u("", !0),
+      o(n).actionButtonsReverse ? u("", !0) : (l(), C(x, { key: 2 }, [
+        f(e.$slots, "submit-before"),
+        i.value.show ? (l(), v(b(o(V)), g({
+          key: 0,
+          type: "primary",
+          class: o(A)
+        }, i.value, { onClick: w }), {
+          default: k(() => [
+            B(R(i.value.content), 1)
+          ]),
+          _: 1
+        }, 16, ["class"])) : u("", !0)
+      ], 64)),
+      f(e.$slots, "expand-before"),
+      T.value ? (l(), v(K, {
+        key: 3,
+        "model-value": c.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (a) => c.value = a),
+        class: "ml-[-0.3em]"
+      }, null, 8, ["model-value"])) : u("", !0),
+      f(e.$slots, "expand-after")
+    ], 2));
+  }
+});
+export {
+  ne as default
+};

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

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

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

@@ -0,0 +1,80 @@
+import { defineComponent as g, useAttrs as C, useSlots as h, useTemplateRef as k, computed as s, createBlock as w, openBlock as y, unref as r, mergeProps as P, createSlots as T, renderList as A, withCtx as B, renderSlot as E, normalizeProps as I, guardReactiveProps as V } from "vue";
+import { ElInput as F } from "element-plus";
+const D = /* @__PURE__ */ g({
+  inheritAttrs: !1,
+  __name: "FormElInput",
+  props: {
+    form: {}
+  },
+  setup(L, { expose: a }) {
+    const u = C(), l = h(), t = k("inputRef"), i = s(() => {
+      var e;
+      return (e = t.value) == null ? void 0 : e.input;
+    }), c = s(() => {
+      var e;
+      return (e = t.value) == null ? void 0 : e.textarea;
+    }), p = s(() => {
+      var e;
+      return (e = t.value) == null ? void 0 : e.ref;
+    }), f = s(() => {
+      var e;
+      return (e = t.value) == null ? void 0 : e.textareaStyle;
+    }), m = s(() => {
+      var e;
+      return (e = t.value) == null ? void 0 : e.autosize;
+    }), v = s(() => {
+      var e;
+      return (e = t.value) == null ? void 0 : e.isComposing;
+    }), _ = s(() => {
+      var e;
+      return (e = t.value) == null ? void 0 : e.passwordVisible;
+    });
+    function x() {
+      var e;
+      (e = t.value) == null || e.focus();
+    }
+    function d() {
+      var e;
+      (e = t.value) == null || e.blur();
+    }
+    function z() {
+      var e;
+      (e = t.value) == null || e.select();
+    }
+    function R(e) {
+      var o;
+      (o = t.value) == null || o.clear(e);
+    }
+    function S() {
+      var e;
+      (e = t.value) == null || e.resizeTextarea();
+    }
+    return a({
+      input: i,
+      textarea: c,
+      ref: p,
+      textareaStyle: f,
+      autosize: m,
+      isComposing: v,
+      passwordVisible: _,
+      focus: x,
+      blur: d,
+      select: z,
+      clear: R,
+      resizeTextarea: S
+    }), (e, o) => (y(), w(r(F), P({
+      ref_key: "inputRef",
+      ref: t
+    }, r(u)), T({ _: 2 }, [
+      A(r(l), ($, n) => ({
+        name: n,
+        fn: B((b) => [
+          E(e.$slots, n, I(V(b || {})))
+        ])
+      }))
+    ]), 1040));
+  }
+});
+export {
+  D as default
+};

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

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

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

@@ -0,0 +1,28 @@
+import { defineComponent as g, Comment as i, mergeProps as d, cloneVNode as x, Fragment as P } from "vue";
+function l(n) {
+  return n ? n.flatMap((r) => r.type === P ? l(r.children) : [r]) : [];
+}
+const y = g({
+  name: "PrimitiveSlot",
+  inheritAttrs: !1,
+  setup(n, { attrs: r, slots: f }) {
+    return () => {
+      var a, c;
+      if (!f.default) return null;
+      const p = l(f.default()), o = p.findIndex((s) => s.type !== i);
+      if (o === -1) return p;
+      const e = p[o];
+      (a = e == null ? void 0 : e.props) == null || delete a.ref;
+      const u = e != null && e.props ? d(r, e == null ? void 0 : e.props) : r;
+      r.class && ((c = e == null ? void 0 : e.props) != null && c.class) && delete e.props.class;
+      const t = x(e, u);
+      for (const s in u)
+        s.startsWith("on") && (t.props || (t.props = {}), t.props[s] = u[s]);
+      return p.length === 1 ? t : (p[o] = t, p);
+    };
+  }
+});
+export {
+  y as Slot,
+  l as renderSlotFragments
+};

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

@@ -0,0 +1,57 @@
+import { ElColorPicker as d, ElCascader as f, ElUpload as u, ElTreeSelect as O, ElTimePicker as N, ElSwitch as P, ElSelectV2 as M, ElSelect as b, ElRadioGroup as C, ElRadio as _, ElInputNumber as T, ElDatePicker as k, ElCheckboxGroup as S, ElCheckboxButton as h, ElCheckbox as A } from "element-plus";
+import { TtSelect as L } from "@dazhicheng-ui/components/tt-select";
+import { TtPanelSelect as R } from "@dazhicheng-ui/components/tt-panel-select";
+import { TtUpload as y } from "@dazhicheng-ui/components/tt-upload";
+import { TtApiComponent as D } from "@dazhicheng-ui/components/tt-api-component";
+import { globalShareState as F } from "./shared/global-state.js";
+import { defineRule as I } from "vee-validate";
+import U from "./components/FormElInput.vue.js";
+const p = "modelValue", x = {}, V = {
+  TtSelect: L,
+  TtUpload: y,
+  ElCheckbox: A,
+  ElCheckboxButton: h,
+  ElCheckboxGroup: S,
+  ElDatePicker: k,
+  ElInput: U,
+  ElInputNumber: T,
+  ElRadio: _,
+  ElRadioGroup: C,
+  ElSelect: b,
+  ElSelectV2: M,
+  ElSwitch: P,
+  ElTimePicker: N,
+  ElTreeSelect: O,
+  ElUpload: u,
+  ElCascader: f,
+  ElColorPicker: d,
+  TtApiComponent: D,
+  TtPanelSelect: R
+}, c = {
+  ElUpload: "fileList"
+};
+function H(s) {
+  const { config: e, defineRules: l } = s, {
+    disabledOnChangeListener: a = !0,
+    disabledOnInputListener: i = !0,
+    emptyStateValue: E = void 0
+  } = e || {};
+  if (Object.assign(x, {
+    disabledOnChangeListener: a,
+    disabledOnInputListener: i,
+    emptyStateValue: E
+  }), l)
+    for (const o of Object.keys(l))
+      I(o, l[o]);
+  const n = (e == null ? void 0 : e.baseModelPropName) ?? p, r = e == null ? void 0 : e.modelPropNameMap, m = F.getComponents();
+  for (const o of Object.keys(m)) {
+    const t = o;
+    V[t] = m[o], n !== p && (c[t] = n), r && r[t] && (c[t] = r[t]);
+  }
+}
+export {
+  c as COMPONENT_BIND_EVENT_MAP,
+  V as COMPONENT_MAP,
+  x as DEFAULT_FORM_COMMON_CONFIG,
+  H as setupForm
+};

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 l from "@dazhicheng-ui/components/tt-form-item-error-tooltip";
+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
+};