@aplus-frontend/ui 0.0.1-beta.6 → 0.0.1-beta.8

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
 };

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

@@ -1,4 +1,354 @@
-import f from "./form-item.vue.mjs";
+import { isVNode as ee, defineComponent as te, toRefs as oe, computed as v, unref as n, createVNode as u, createTextVNode as ne, mergeProps as N, withDirectives as se, vShow 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 { BasicHelp as ce, BasicTitle 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, createPlaceholderMessage as $, NO_AUTO_LINK_COMPONENTS 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]" && !ee(t);
+}
+const De = /* @__PURE__ */ te({
+  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
+    } = oe(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 ? $(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 = G.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) || $(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, ne(" "), 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(ce, 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(ie, 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 && G.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 && se(u(E, N(b, {
+        class: A()
+      }), M(o = d()) ? o : {
+        default: () => [o]
+      }), [[le, g]]);
+    };
+  }
+});
 export {
-  f as default
+  De as default
 };

package/es/src/pro-form/components/interface.mjs

@@ -0,0 +1 @@
+