vft 0.0.142 → 0.0.145

package/es/components/super-form/super-form-item.vue2.js

@@ -1,5 +1,5 @@
-import { defineComponent as H, computed as V, unref as u, useSlots as z, createVNode as h, mergeProps as F, withDirectives as X, vShow as Y, isVNode as Q, createTextVNode as Z } from "vue";
-import { isFunction as P, isBoolean as w, cloneDeep as _, isNull as ee, isNumber as te, upperFirst as re } from "@vft/utils";
+import { defineComponent as J, computed as j, unref as c, useSlots as Y, createVNode as h, mergeProps as U, withDirectives as Q, vShow as Z, isVNode as _, createTextVNode as ee } from "vue";
+import { isFunction as P, isBoolean as V, cloneDeep as te, isArray as B, isNull as re, upperFirst as oe, isString as ie } from "@vft/utils";
 import "../alert/index.js";
 import "../avatar/index.js";
 import "../backtop/index.js";
@@ -9,7 +9,7 @@ import "../check-tag/index.js";
 import "../checkbox/index.js";
 import "../clamp/index.js";
 import "../clamp-toggle/index.js";
-import { VftCol as L } from "../col/index.js";
+import { VftCol as H } from "../col/index.js";
 import "../collapse-transition/index.js";
 import "../color-picker/index.js";
 import "../config-provider/index.js";
@@ -19,13 +19,13 @@ import "../date-picker/index.js";
 import "../date-time-select/index.js";
 import "../descriptions/index.js";
 import "../dialog/index.js";
-import { VftDivider as oe } from "../divider/index.js";
+import { VftDivider as ne } from "../divider/index.js";
 import "../drawer/index.js";
 import "../dropdown/index.js";
 import "../empty/index.js";
 import "../exception/index.js";
 import "../footer-layout/index.js";
-import { VftFormItem as ie } from "../form/index.js";
+import { VftFormItem as se } from "../form/index.js";
 import "../full-screen/index.js";
 import "../header-layout/index.js";
 import "../horizontal-menu/index.js";
@@ -87,21 +87,21 @@ import "../md-vue-playground/index.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
 import "lodash";
-import { useNamespace as ne } from "../../hooks/use-namespace/index.js";
+import { useNamespace as le } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import "../message/index.js";
 import "../infinite-scroll/index.js";
 import "../progress-i/index.js";
-import { FormCompEnum as s, componentMap as B, isInput as se, isDatePicker as me, isRangePicker as le } from "./component-map.js";
-import { createPlaceholderMessage as U } from "./use/helper.js";
-function q(r) {
-  return typeof r == "function" || Object.prototype.toString.call(r) === "[object Object]" && !Q(r);
+import { FormCompEnum as s, componentMap as G, isInput as me, isDatePicker as ae, isRangePicker as ce } from "./component-map.js";
+import { createPlaceholderMessage as v } from "./use/helper.js";
+function q(i) {
+  return typeof i == "function" || Object.prototype.toString.call(i) === "[object Object]" && !_(i);
 }
-const ae = H({
+const fe = J({
   inheritAttrs: !1
-}), _t = /* @__PURE__ */ H({
-  ...ae,
+}), tr = /* @__PURE__ */ J({
+  ...fe,
   __name: "super-form-item",
   props: {
     schema: {},
@@ -110,38 +110,33 @@ const ae = H({
     formModel: {},
     setFormModel: {},
     updateSchema: {},
-    tableAction: {},
-    formActionType: {},
-    isAdvanced: {
-      type: Boolean
-    }
+    formActionType: {}
   },
-  setup(r) {
-    const D = ne("super-form"), E = V(() => {
+  setup(i) {
+    const x = le("super-form"), E = j(() => {
       const {
         mergeDynamicData: e
-      } = r.formProps;
+      } = i.formProps;
       return {
-        field: r.schema.field,
-        model: r.formModel,
+        field: i.schema.field,
+        model: i.formModel,
         values: {
           ...e,
-          ...r.allDefaultValues,
-          ...r.formModel
+          ...i.allDefaultValues,
+          ...i.formModel
         },
-        schema: r.schema
+        schema: i.schema
       };
-    }), x = V(() => {
+    }), K = j(() => {
       let {
         componentProps: e = {}
-      } = r.schema;
+      } = i.schema;
       P(e) && (e = e({
-        schema: r.schema,
-        tableAction: r.tableAction,
-        formModel: r.formModel,
-        formActionType: r.formActionType
+        schema: i.schema,
+        formModel: i.formModel,
+        formActionType: i.formActionType
       }) ?? {});
-      const t = /* @__PURE__ */ new Map([[s.DIVIDER, {
+      const r = /* @__PURE__ */ new Map([[s.DIVIDER, {
         type: "horizontal"
       }], [s.TEXTAREA, {
         type: "textarea"
@@ -173,233 +168,241 @@ const ae = H({
       }], [s.MONTHRANGE_PICKER, {
         type: s.MONTHRANGE_PICKER
       }]]);
-      return t.has(r.schema.type) && (e = Object.assign(t.get(r.schema.type) || {}, e)), e;
-    }), G = V(() => {
+      return r.has(i.schema.type) && (e = Object.assign(r.get(i.schema.type) || {}, e)), e;
+    }), W = j(() => {
       const {
         disabled: e
-      } = r.formProps, {
-        dynamicDisabled: t
-      } = r.schema, {
-        disabled: a = !1
-      } = u(x);
-      let m = !!e || a;
-      return w(t) && (m = t), P(t) && (m = t(u(E))), m;
+      } = i.formProps, {
+        dynamicDisabled: r
+      } = i.schema, {
+        disabled: m = !1
+      } = c(K);
+      let l = !!e || m;
+      return V(r) && (l = r), P(r) && (l = r(c(E))), l;
     });
     function O() {
       const {
         show: e,
-        ifShow: t
-      } = r.schema, {
-        showAdvancedButton: a
-      } = r.formProps, m = a && w(r.isAdvanced) ? r.isAdvanced : !0;
-      let l = !0, c = !0;
-      return w(e) && (l = e), w(t) && (c = t), P(e) && (l = e(u(E))), P(t) && (c = t(u(E))), l = l && m, {
-        isShow: l,
-        isIfShow: c
+        ifShow: r
+      } = i.schema;
+      let m = !0, l = !0;
+      return V(e) && (m = e), V(r) && (l = r), P(e) && (m = e(c(E))), P(r) && (l = r(c(E))), {
+        isShow: m,
+        isIfShow: l
       };
     }
-    function J() {
+    function $() {
       const {
         rules: e = [],
-        type: t = s.INPUT,
-        rulesMessageJoinLabel: a,
-        label: m,
-        title: l,
-        dynamicRule: c,
+        type: r = s.INPUT,
+        rulesMessageJoinLabel: m,
+        label: l,
+        title: f,
+        dynamicRule: u,
         required: R,
-        dynamicRuleAdd: C = !0
-      } = r.schema, d = m || l;
-      if (P(c) && !C)
-        return c(u(E));
-      let o = _(e);
+        dynamicRuleAdd: b = !0
+      } = i.schema, d = l || f;
+      if (P(u) && !b)
+        return u(c(E));
+      let o = te(B(e) ? e : [e]);
       const {
-        rulesMessageJoinLabel: b
-      } = r.formProps, A = Reflect.has(r.schema, "rulesMessageJoinLabel") ? a : b, y = U(t, `${A ? d : ""}`);
-      function T(n, i) {
-        const I = n.message || y;
-        return i === void 0 || ee(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(I) : Promise.resolve();
+        rulesMessageJoinLabel: C
+      } = i.formProps, y = Reflect.has(i.schema, "rulesMessageJoinLabel") ? m : C, A = v(r, `${y ? d : ""}`);
+      function T(t, n) {
+        const g = t.message || A;
+        return n === void 0 || re(n) || Array.isArray(n) && n.length === 0 || typeof n == "string" && n.trim() === "" || typeof n == "object" && Reflect.has(n, "checked") && Reflect.has(n, "halfChecked") && Array.isArray(n.checked) && Array.isArray(n.halfChecked) && n.checked.length === 0 && n.halfChecked.length === 0 ? Promise.reject(g) : Promise.resolve();
       }
-      const p = P(R) ? R(u(E)) : R;
+      const p = P(R) ? R(c(E)) : R;
       p && (!o || o.length === 0 ? o = [{
         required: p,
         validator: T
-      }] : o.findIndex((i) => Reflect.has(i, "required")) === -1 && o.unshift({
+      }] : o.findIndex((n) => Reflect.has(n, "required")) === -1 && o.unshift({
         required: p,
         validator: T
       }));
-      const M = o.findIndex((n) => Reflect.has(n, "required") && !Reflect.has(n, "validator"));
+      const M = o.findIndex((t) => Reflect.has(t, "required") && !Reflect.has(t, "validator"));
       if (M !== -1) {
-        const n = o[M], {
-          isShow: i
+        const t = o[M], {
+          isShow: n
         } = O();
-        i || (n.required = !1), t && (Reflect.has(n, "type") || (n.type = t === "InputNumber" ? "number" : "string"), n.message = n.message || y, (t.includes("Input") || t.includes("Textarea")) && (n.whitespace = !0));
+        n || (t.required = !1), r && (t.message = t.message || A);
+      }
+      const a = o.findIndex((t) => t.min), I = o.findIndex((t) => t.max);
+      function D(t, n, g = "all") {
+        const N = o[n], L = N.isNumber ? isNaN(t) ? (t == null ? void 0 : t.length) || 0 : Number(t) : (t == null ? void 0 : t.length) || 0;
+        return ["min", "all"].includes(g) && L < N.min ? Promise.reject(d + "至少为" + N.min + "位") : ["max", "all"].includes(g) && L > N.max ? Promise.reject(d + "最多" + N.max + "位") : Promise.resolve();
       }
-      const f = o.findIndex((n) => n.min), g = o.findIndex((n) => n.max);
-      function N(n, i, I = "all") {
-        const K = o[i].isNumber ? isNaN(te(n)) ? (n == null ? void 0 : n.length) || 0 : Number(n) : (n == null ? void 0 : n.length) || 0;
-        return ["min", "all"].includes(I) && K < o[i].min ? Promise.reject(d + "至少为" + o[i].min + "位") : ["max", "all"].includes(I) && K > o[i].max ? Promise.reject(d + "最多" + o[i].max + "位") : Promise.resolve();
+      (a !== -1 || I !== -1) && (a !== -1 && I !== -1 && !o[a].validator && !o[a].message ? o[a].validator = (t, n) => D(n, a) : a !== -1 && !o[a].validator && !o[a].message ? o[a].validator = (t, n) => D(n, a, "min") : I !== -1 && !o[I].validator && !o[I].message && (o[I].validator = (t, n) => D(n, I, "max")));
+      const S = o.findIndex((t) => t.len);
+      if (S !== -1 && (o[S].validator = (t, n) => n.length !== o[S].len ? Promise.reject(d + "必须是" + o[S].len + "位") : Promise.resolve()), P(u) && b) {
+        let t = u(c(E));
+        t = B(t) ? t : [t], o = o.concat(t);
       }
-      (f !== -1 || g !== -1) && (f !== -1 && g !== -1 && !o[f].validator && !o[f].message ? o[f].validator = (n, i) => N(i, f) : f !== -1 && !o[f].validator && !o[f].message ? o[f].validator = (n, i) => N(i, f, "min") : g !== -1 && !o[g].validator && !o[g].message && (o[g].validator = (n, i) => N(i, g, "max")));
-      const S = o.findIndex((n) => n.len);
-      return S !== -1 && (o[S].validator = (n, i) => i.length !== o[S].len ? Promise.reject(d + "必须是" + o[S].len + "位") : Promise.resolve()), P(c) && C && o.push(c(u(E))), o;
+      return o;
     }
-    const W = () => {
+    const z = () => {
       var S;
       const {
         renderComponentContent: e,
-        type: t = s.INPUT,
-        field: a,
-        changeEvent: m = "change",
-        valueField: l,
-        label: c,
+        type: r = s.INPUT,
+        field: m,
+        changeEvent: l = "change",
+        valueField: f,
+        label: u,
         title: R,
-        placeholderJoinLabel: C = !0
-      } = r.schema;
-      let d = m;
-      se(t) ? d = "input" : (me(t) || t === s.TIME_PICKER) && (d = "update:modelValue");
-      const o = `on${re(d)}`, b = {
-        [o]: (...n) => {
-          const [i] = n;
-          p[o] && p[o](...n);
-          const I = i ? i.target : null, K = I ? I.value : i;
-          r.setFormModel(a, K, r.schema);
+        placeholderJoinLabel: b = !0
+      } = i.schema;
+      let d = l;
+      me(r) ? d = "input" : (ae(r) || r === s.TIME_PICKER) && (d = "update:modelValue");
+      const o = `on${oe(d)}`, C = {
+        [o]: (...t) => {
+          const [n] = t;
+          p[o] && p[o](...t);
+          const g = n ? n.target : null, N = g ? g.value : n;
+          i.setFormModel(m, N, i.schema);
         }
-      }, A = B.get(t), {
-        autoSetPlaceHolder: y,
+      }, y = G.get(r), {
+        autoSetPlaceHolder: A,
         size: T
-      } = r.formProps, p = {
+      } = i.formProps, p = {
         clearable: !0,
         size: T,
-        ...u(x),
-        disabled: u(G)
+        ...c(K),
+        disabled: c(W)
       };
-      !p.disabled && y && !le(t) && t && (p.placeholder = ((S = u(x)) == null ? void 0 : S.placeholder) || U(t, C ? c || R : ""));
-      const f = {
-        [l || "model-value"]: r.formModel[a]
-      }, g = {
-        ...b,
+      if (!p.disabled && A && !ce(r) && r) {
+        const t = u || R;
+        p.placeholder = ((S = c(K)) == null ? void 0 : S.placeholder) || v(r, b && ie(t) ? t : "");
+      }
+      const a = {
+        [f || "model-value"]: i.formModel[m]
+      }, I = {
+        ...C,
         ...p,
-        ...f
+        ...a
       };
       if (!e)
-        return h(A, g, null);
-      const N = P(e) ? {
-        ...e(u(E))
+        return h(y, I, null);
+      const D = P(e) ? {
+        ...e(c(E))
       } : {
         default: () => e
       };
-      return h(A, g, q(N) ? N : {
-        default: () => [N]
+      return h(y, I, q(D) ? D : {
+        default: () => [D]
       });
     };
-    function j() {
+    function w() {
       const {
         showLabel: e = !0,
-        label: t,
-        title: a,
-        subLabel: m
-      } = r.schema, l = t || a;
-      return e && l ? m ? h("span", null, [l, Z(" "), h("span", null, [m])]) : l : void 0;
+        label: r,
+        title: m,
+        subLabel: l
+      } = i.schema, f = r || m;
+      return e && f ? l ? h("span", null, [f, ee(" "), h("span", {
+        class: "sub-label"
+      }, [l])]) : f : void 0;
     }
-    const k = z();
-    function v(e, t = "default", a) {
-      if (!e || !Reflect.has(e, t))
+    const k = Y();
+    function F(e, r = "default", m) {
+      if (!e || !Reflect.has(e, r))
         return null;
-      if (!P(e[t]))
-        return console.error(`${t} is not a function!`), null;
-      const m = e[t];
-      return m ? m(a) : null;
+      if (!P(e[r]))
+        return console.error(`${r} is not a function!`), null;
+      const l = e[r];
+      return l ? l(m) : null;
     }
-    function $() {
+    function X() {
       const {
         itemProps: e,
-        slot: t,
-        render: a,
-        field: m,
-        suffix: l,
-        prefix: c,
+        slot: r,
+        render: m,
+        field: l,
+        suffix: f,
+        prefix: u,
         prefixParentStyle: R
-      } = r.schema, {
-        autoCleanErrorMessage: C,
+      } = i.schema, {
+        autoCleanErrorMessage: b,
         compFullWidth: d
-      } = r.formProps, o = () => t ? v(k, t, u(E)) : a ? a(u(E)) : W(), b = !!l, A = !!c, y = P(l) ? l(u(E)) : l, T = P(c) ? c(u(E)) : c, p = () => {
-        r.updateSchema([{
-          field: m,
+      } = i.formProps, o = () => r ? F(k, r, c(E)) : m ? m(c(E)) : z(), C = !!f, y = !!u, A = P(f) ? f(c(E)) : f, T = P(u) ? u(c(E)) : u, p = () => {
+        i.updateSchema([{
+          field: l,
           itemProps: {
             error: ""
           }
         }]);
-      }, M = () => h(ie, F({
-        prop: m,
+      }, M = () => h(se, U({
+        prop: l,
         class: [{
-          [D.is(l)]: b
+          [x.is("suffix")]: C
         }, {
-          [D.is("comp-full-width")]: d
-        }, D.e("item")]
+          [x.is("comp-full-width")]: d
+        }, x.e("item")]
       }, e, {
         label: (e == null ? void 0 : e.label) || (e == null ? void 0 : e.title),
-        "onUpdate:error": C ? p : null,
-        rules: J()
+        "onUpdate:error": b ? p : () => {
+        },
+        rules: $()
       }), {
         default: () => [h("div", {
-          class: D.e("container")
+          class: x.e("container")
         }, [h("div", {
-          class: D.e("content")
-        }, [o()]), b && h("span", {
-          class: D.m("suffix")
-        }, [y])])],
-        label: j() ? () => j() : void 0
+          class: x.e("content")
+        }, [o()]), C && h("span", {
+          class: x.m("suffix")
+        }, [A])])],
+        label: w() ? () => w() : void 0
       });
-      return A ? h("div", {
+      return y ? h("div", {
         style: R
       }, [h("span", {
-        class: D.m("prefix")
+        class: x.m("prefix")
       }, [T]), M()]) : M();
     }
     return () => {
       let e;
       const {
-        colProps: t = {},
-        colSlot: a,
-        renderColContent: m,
-        type: l = s.INPUT,
-        render: c,
+        colProps: r = {},
+        colSlot: m,
+        renderColContent: l,
+        type: f = s.INPUT,
+        render: u,
         quickColSpan: R
-      } = r.schema;
-      if (!B.has(l) && !m && !c)
+      } = i.schema;
+      if (!G.has(f) && !l && !u)
         return null;
       const {
-        baseColProps: C = {},
+        baseColProps: b = {},
         quickColSpan: d
-      } = r.formProps, o = d ? {
+      } = i.formProps, o = d ? {
         span: Math.ceil(24 / d),
-        ...C
-      } : {}, b = R ? {
+        ...b
+      } : {}, C = R ? {
         span: Math.ceil(24 / R),
-        ...t
-      } : {}, A = {
+        ...r
+      } : {}, y = {
         ...o,
-        ...b
+        ...C
       }, {
-        isIfShow: y,
+        isIfShow: A,
         isShow: T
-      } = O(), p = u(E), M = () => a ? v(k, a, p) : m ? m(p) : $();
-      if (l === s.DIVIDER) {
-        let f;
-        return h(L, F({
+      } = O(), p = c(E), M = () => m ? F(k, m, p) : l ? l(p) : X();
+      if (f === s.DIVIDER) {
+        let a;
+        return h(H, U({
           span: 24
-        }, b), {
-          default: () => [h(oe, u(x), q(f = j()) ? f : {
-            default: () => [f]
+        }, C), {
+          default: () => [h(ne, c(K), q(a = w()) ? a : {
+            default: () => [a]
           })]
         });
       }
-      return y && X(h(L, A, q(e = M()) ? e : {
+      return A && Q(h(H, y, q(e = M()) ? e : {
         default: () => [e]
-      }), [[Y, T]]);
+      }), [[Z, T]]);
     };
   }
 });
 export {
-  _t as default
+  tr as default
 };