@aplus-frontend/ui 0.0.1-beta.2 → 0.0.1-beta.21

package/es/src/pro-form/components/form-action.vue2.mjs

@@ -1,4 +1,107 @@
-import f from "./form-action.vue.mjs";
+import { defineComponent as T, computed as u, openBlock as a, createBlock as s, unref as e, normalizeProps as z, mergeProps as p, withCtx as o, createElementVNode as V, normalizeStyle as $, createVNode as C, renderSlot as i, createTextVNode as m, toDisplayString as d, createCommentVNode as l, normalizeClass as j } from "vue";
+import { Col as F, Form as R } from "ant-design-vue";
+import { BaseButton as B } from "../../base-button/index.mjs";
+import { BasicArrow as G } from "../../basic/index.mjs";
+import { useFormContext as P } from "../hooks/use-form-context.mjs";
+import "../../config-provider/index.mjs";
+import "./style/form-action.css";
+import { useLocale as q } from "../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as D } from "../../config-provider/hooks/use-namespace.mjs";
+const X = /* @__PURE__ */ T({
+  name: "BasicFormAction",
+  __name: "form-action",
+  props: {
+    showActionButtonGroup: { type: Boolean, default: !0 },
+    showResetButton: { type: Boolean, default: !0 },
+    showSubmitButton: { type: Boolean, default: !0 },
+    showAdvancedButton: { type: Boolean, default: !0 },
+    resetButtonOptions: { default: () => ({}) },
+    submitButtonOptions: {},
+    actionColOptions: { default: () => ({}) },
+    actionSpan: { default: 6 },
+    isAdvanced: { type: Boolean },
+    hideAdvanceBtn: { type: Boolean }
+  },
+  emits: ["toggle-advanced"],
+  setup(h, { emit: O }) {
+    const r = h, b = O, { t: n } = q(), { em: c } = D("form-action"), { resetAction: k, submitAction: w } = P(), f = u(() => {
+      const { showAdvancedButton: t, actionSpan: A, actionColOptions: x } = r, g = 24 - A, N = t ? { span: g < 6 ? 24 : g } : {};
+      return {
+        style: { textAlign: "right" },
+        span: t ? 6 : 4,
+        ...N,
+        ...x
+      };
+    }), v = u(() => Object.assign(
+      {
+        text: n("ap.common.resetText")
+      },
+      r.resetButtonOptions
+    )), y = u(() => Object.assign(
+      {
+        text: n("ap.common.queryText")
+      },
+      r.submitButtonOptions
+    ));
+    function S() {
+      b("toggle-advanced");
+    }
+    return (t, A) => t.showActionButtonGroup ? (a(), s(e(F), z(p({ key: 0 }, f.value)), {
+      default: o(() => [
+        V("div", {
+          style: $([{ width: "100%" }, { textAlign: f.value.style.textAlign }])
+        }, [
+          C(e(R).Item, null, {
+            default: o(() => [
+              i(t.$slots, "resetBefore"),
+              t.showResetButton ? (a(), s(e(B), p({
+                key: 0,
+                type: "default",
+                class: e(c)("button", "space")
+              }, v.value, { onClick: e(k) }), {
+                default: o(() => [
+                  m(d(v.value.text), 1)
+                ]),
+                _: 1
+              }, 16, ["class", "onClick"])) : l("", !0),
+              i(t.$slots, "submitBefore"),
+              t.showSubmitButton ? (a(), s(e(B), p({
+                key: 1,
+                type: "primary",
+                class: e(c)("button", "space")
+              }, y.value, { onClick: e(w) }), {
+                default: o(() => [
+                  m(d(y.value.text), 1)
+                ]),
+                _: 1
+              }, 16, ["class", "onClick"])) : l("", !0),
+              i(t.$slots, "advanceBefore"),
+              t.showAdvancedButton && !t.hideAdvanceBtn ? (a(), s(e(B), {
+                key: 2,
+                type: "link",
+                size: "small",
+                onClick: S
+              }, {
+                default: o(() => [
+                  m(d(t.isAdvanced ? e(n)("ap.common.closeText") : e(n)("ap.common.expandText")) + " ", 1),
+                  C(e(G), {
+                    class: j(e(c)("item", "space")),
+                    expand: !t.isAdvanced,
+                    up: ""
+                  }, null, 8, ["class", "expand"])
+                ]),
+                _: 1
+              })) : l("", !0),
+              i(t.$slots, "advanceAfter")
+            ]),
+            _: 3
+          })
+        ], 4)
+      ]),
+      _: 3
+    }, 16)) : l("", !0);
+  }
+});
 export {
-  f as default
+  X as default
 };

package/es/src/pro-form/components/form-item.vue.mjs

@@ -1,354 +1,4 @@
-import { defineComponent as ee, toRefs as te, computed as v, unref as n, withDirectives as oe, createVNode as u, mergeProps as N, vShow as ne, isVNode as se, createTextVNode as le } from "vue";
-import { isComponentFormSchema as re } from "../types/form.mjs";
-import { Col as E, Divider as ae, Form as K } from "ant-design-vue";
-import { componentMap as W } from "../component-map.mjs";
-import { BasicTitle as ce, BasicHelp as ie } from "../../basic/index.mjs";
-import { isFunction as p, isBoolean as I, cloneDeep as de, isNull as fe, upperFirst as me } from "lodash-unified";
-import { getSlot as U } from "../../utils/slot.mjs";
-import { isIncludeSimpleComponents as ue, NO_AUTO_LINK_COMPONENTS as $, createPlaceholderMessage as G, setComponentRuleType as he } from "../helper.mjs";
-import { useItemLabelWidth as pe } from "../hooks/use-label-width.mjs";
-import "../../config-provider/index.mjs";
-import "./style/form-item.css";
-import { useLocale as be } from "../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as ge } from "../../config-provider/hooks/use-namespace.mjs";
-function M(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !se(t);
-}
-const De = /* @__PURE__ */ ee({
-  name: "BasicFormItem",
-  inheritAttrs: !1,
-  props: {
-    schema: {
-      type: Object,
-      default: () => ({})
-    },
-    formProps: {
-      type: Object,
-      default: () => ({})
-    },
-    allDefaultValues: {
-      type: Object,
-      default: () => ({})
-    },
-    formModel: {
-      type: Object,
-      default: () => ({})
-    },
-    setFormModel: {
-      type: Function,
-      default: null
-    },
-    tableAction: {
-      // todo: table Action
-      type: Object
-    },
-    formActionType: {
-      type: Object
-    },
-    isAdvanced: {
-      type: Boolean
-    }
-  },
-  setup(t, {
-    slots: _
-  }) {
-    const {
-      t: L
-    } = be(), {
-      b: A
-    } = ge("form-item"), {
-      schema: V,
-      formProps: D
-    } = te(t);
-    V.value.component === "CropperAvatar" && typeof D.value.size == "string" && (D.value.size = void 0);
-    const Q = pe(V, D), h = v(() => {
-      const {
-        allDefaultValues: o,
-        formModel: e,
-        schema: a
-      } = t, {
-        mergeDynamicData: l
-      } = t.formProps;
-      return {
-        field: a.field,
-        model: e,
-        values: {
-          ...l,
-          ...o,
-          ...e
-        },
-        schema: a
-      };
-    }), x = v(() => {
-      const {
-        schema: o,
-        tableAction: e,
-        formModel: a,
-        formActionType: l
-      } = t;
-      let {
-        componentProps: s = {}
-      } = o;
-      return p(s) && (s = s({
-        schema: o,
-        tableAction: e,
-        formModel: a,
-        formActionType: l
-      }) ?? {}), ue(o.component) && (s = Object.assign({
-        type: "horizontal"
-      }, {
-        orientation: "left",
-        plain: !0
-      }, s)), s;
-    }), R = v(() => {
-      const {
-        disabled: o
-      } = t.formProps, {
-        dynamicDisabled: e
-      } = t.schema, {
-        disabled: a = !1
-      } = n(x);
-      let l = !!o || a;
-      return I(e) && (l = e), p(e) && (l = e(n(h))), l;
-    }), j = v(() => {
-      const {
-        readonly: o
-      } = t.formProps, {
-        dynamicReadonly: e
-      } = t.schema, {
-        readonly: a = !1
-      } = n(x);
-      let l = o || a;
-      return I(e) && (l = e), p(e) && (l = e(n(h))), l;
-    });
-    function B() {
-      const {
-        show: o,
-        ifShow: e
-      } = t.schema, {
-        showAdvancedButton: a
-      } = t.formProps, l = a && I(t.isAdvanced) ? t.isAdvanced : !0;
-      let s = !0, c = !0;
-      return I(o) && (s = o), I(e) && (c = e), p(o) && (s = o(n(h))), p(e) && (c = e(n(h))), s = s && l, {
-        isShow: s,
-        isIfShow: c
-      };
-    }
-    function z() {
-      var F;
-      const {
-        rules: o = [],
-        component: e,
-        rulesMessageJoinLabel: a,
-        label: l,
-        dynamicRules: s,
-        required: c
-      } = t.schema;
-      if (p(s))
-        return s(n(h));
-      let r = de(o);
-      const {
-        rulesMessageJoinLabel: b
-      } = t.formProps, g = (Reflect.has(t.schema, "rulesMessageJoinLabel") ? a : b) ? p(l) ? "" : l : "", f = e ? G(e, "", L) + g : g;
-      function y(m, i) {
-        const C = m.message || f;
-        return i === void 0 || fe(i) || Array.isArray(i) && i.length === 0 || typeof i == "string" && i.trim() === "" || typeof i == "object" && Reflect.has(i, "checked") && Reflect.has(i, "halfChecked") && Array.isArray(i.checked) && Array.isArray(i.halfChecked) && i.checked.length === 0 && i.halfChecked.length === 0 ? Promise.reject(C) : Promise.resolve();
-      }
-      const d = p(c) ? c(n(h)) : c;
-      if (d)
-        if (!r || r.length === 0) {
-          const m = $.includes(e || "Input") ? "blur" : "change";
-          r = [{
-            required: d,
-            validator: y,
-            trigger: m
-          }];
-        } else
-          r.findIndex((i) => Reflect.has(i, "required")) === -1 && r.push({
-            required: d,
-            validator: y
-          });
-      const k = r.findIndex((m) => Reflect.has(m, "required") && !Reflect.has(m, "validator"));
-      if (k !== -1) {
-        const m = r[k], {
-          isShow: i
-        } = B();
-        if (i || (m.required = !1), e) {
-          m.message = m.message || f, (e.includes("Input") || e.includes("Textarea")) && (m.whitespace = !0);
-          const C = (F = n(x)) == null ? void 0 : F.valueFormat;
-          he(m, e, C);
-        }
-      }
-      const P = r.findIndex((m) => m.max);
-      return P !== -1 && !r[P].validator && (r[P].message = r[P].message || L("ap.form.maxTip", {
-        count: r[P].max
-      })), r;
-    }
-    function X() {
-      var H, J;
-      if (!re(t.schema))
-        return null;
-      const {
-        renderComponentContent: o,
-        component: e,
-        field: a,
-        changeEvent: l = "change",
-        valueField: s,
-        label: c
-      } = t.schema, r = e && ["Switch", "Checkbox"].includes(e), b = `on${me(l)}`, S = {
-        [b]: (...w) => {
-          const [q] = w, T = q ? q.target : null, Z = T ? r ? T.checked : T.value : q;
-          t.setFormModel(a, Z, t.schema), d[b] && d[b](...w);
-        }
-      }, g = W.get(e), {
-        autoSetPlaceHolder: f = !0,
-        size: y
-      } = t.formProps, d = {
-        allowClear: !0,
-        size: y,
-        ...n(x),
-        disabled: n(R),
-        readonly: n(j)
-      }, P = (H = z().find((w) => w.max)) == null ? void 0 : H.max;
-      if (P && (d["show-count"] = d["show-count"] ?? !0, d.maxlength = d.maxlength ?? P), !d.disabled && f && e !== "RangePicker" && e) {
-        const w = typeof c == "string" ? c : "";
-        d.placeholder = ((J = n(x)) == null ? void 0 : J.placeholder) || G(e, w, L);
-      }
-      d.codeField = a, d.formValues = n(h);
-      const m = {
-        [s || (r ? "checked" : "value")]: t.formModel[a]
-      }, i = {
-        ...d,
-        ...S,
-        ...m
-      };
-      if (!o)
-        return u(g, i, null);
-      const C = p(o) ? {
-        ...o(n(h), {
-          disabled: n(R),
-          readonly: n(j)
-        })
-      } : {
-        default: () => o
-      };
-      return u(g, i, M(C) ? C : {
-        default: () => [C]
-      });
-    }
-    function O() {
-      const {
-        label: o,
-        helpMessage: e,
-        helpComponentProps: a,
-        subLabel: l
-      } = t.schema, s = p(o) ? o(n(h)) : o, c = l ? u("span", null, [s, le(" "), u("span", {
-        class: A("text-secondary")
-      }, [l])]) : s, r = p(e) ? e(n(h)) : e;
-      return !r || Array.isArray(r) && r.length === 0 ? c : u("span", null, [c, u(ie, N({
-        placement: "top",
-        class: A("label-help"),
-        text: r
-      }, a), null)]);
-    }
-    function Y() {
-      const {
-        itemProps: o = {},
-        slot: e,
-        render: a,
-        field: l,
-        suffix: s,
-        component: c
-      } = t.schema, {
-        labelCol: r,
-        wrapperCol: b
-      } = n(Q), {
-        colon: S
-      } = t.formProps, g = {
-        disabled: n(R),
-        readonly: n(j)
-      };
-      if (c === "Divider") {
-        let f;
-        return u(E, {
-          span: 24
-        }, {
-          default: () => [u(ae, n(x), M(f = O()) ? f : {
-            default: () => [f]
-          })]
-        });
-      } else if (c === "BasicTitle") {
-        let f;
-        return u(K.Item, {
-          labelCol: r,
-          wrapperCol: b,
-          name: l,
-          class: {
-            [A("suffix-item")]: !!s
-          }
-        }, {
-          default: () => [u(ce, n(x), M(f = O()) ? f : {
-            default: () => [f]
-          })]
-        });
-      } else {
-        const f = () => e ? U(_, e, n(h), g) : a ? a(n(h), g) : X(), y = !!s, d = p(s) ? s(n(h)) : s;
-        return c && $.includes(c) && t.schema && (t.schema.itemProps = {
-          autoLink: !1,
-          ...t.schema.itemProps
-        }), u(K.Item, N({
-          name: l,
-          colon: S,
-          class: {
-            [A("suffix-item")]: y
-          }
-        }, o, {
-          label: O(),
-          rules: z(),
-          labelCol: r,
-          wrapperCol: b
-        }), {
-          default: () => [u("div", {
-            style: "display:flex"
-          }, [u("div", {
-            style: "flex:1;"
-          }, [f()]), y && u("span", {
-            class: A("suffix")
-          }, [d])])]
-        });
-      }
-    }
-    return () => {
-      let o;
-      const {
-        colProps: e = {},
-        colSlot: a,
-        renderColContent: l,
-        component: s,
-        slot: c
-      } = t.schema;
-      if (!(s && W.has(s) || c))
-        return null;
-      const {
-        baseColProps: r = {}
-      } = t.formProps, b = {
-        ...r,
-        ...e
-      }, {
-        isIfShow: S,
-        isShow: g
-      } = B(), f = n(h), y = {
-        disabled: n(R),
-        readonly: n(j)
-      }, d = () => a ? U(_, a, f, y) : l ? l(f, y) : Y();
-      return S && oe(u(E, N(b, {
-        class: A()
-      }), M(o = d()) ? o : {
-        default: () => [o]
-      }), [[ne, g]]);
-    };
-  }
-});
+import f from "./form-item.vue2.mjs";
 export {
-  De as default
+  f as default
 };