vft 0.0.119 → 0.0.121

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

@@ -1,4 +1,4 @@
-import { defineComponent as k, computed as w, unref as c, useSlots as $, createVNode as d, mergeProps as q, withDirectives as z, vShow as X, isVNode as Y, createTextVNode as Q } from "vue";
+import { defineComponent as F, computed as w, unref as f, useSlots as $, createVNode as p, mergeProps as O, withDirectives as z, vShow as X, isVNode as Y, createTextVNode as Q } from "vue";
 import { VftDivider as Z } from "../divider/index.js";
 import "../icon/index.js";
 import "../avatar/index.js";
@@ -10,7 +10,7 @@ import "../collapse-transition/index.js";
 import "../tooltip/index.js";
 import "../popover/index.js";
 import "../menu/index.js";
-import { isFunction as E, isBoolean as K, cloneDeep as _, isNull as ee, upperFirst as te } from "@vft/utils";
+import { isFunction as R, isBoolean as K, cloneDeep as _, isNull as ee, upperFirst as te } from "@vft/utils";
 import "../context-menu/context-menu.vue2.js";
 import "../multiple-tabs/index.js";
 import "../header-layout/index.js";
@@ -37,7 +37,7 @@ import "../clamp-toggle/index.js";
 import "../page-wrapper/index.js";
 import "../exception/index.js";
 import "../search/index.js";
-import { VftFormItem as re } from "../form/index.js";
+import { VftFormItem as oe } from "../form/index.js";
 import "../button/index.js";
 import "../checkbox/index.js";
 import "../radio/index.js";
@@ -57,7 +57,7 @@ import "../image-viewer/index.js";
 import "../list-cell/index.js";
 import "../dialog/index.js";
 import "../date-time-select/index.js";
-import { VftCol as L } from "../col/index.js";
+import { VftCol as k } from "../col/index.js";
 import "../row/index.js";
 import "../horizontal-menu/index.js";
 import "../time-picker/index.js";
@@ -76,6 +76,7 @@ import "../autocomplete/index.js";
 import "./index.js";
 import "../progress/index.js";
 import "../upload/index.js";
+import "../modal/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -83,20 +84,20 @@ import "../md-vue-playground/index.js";
 import "../md-code-demo/index.js";
 import "../md-code-tabs/index.js";
 import "../message/index.js";
-import { useNamespace as oe } from "../../hooks/use-namespace/index.js";
+import { useNamespace as re } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
-import { FormCompEnum as s, componentMap as B, isInput as ie, isDatePicker as ne, isRangePicker as se } from "./component-map.js";
-import { createPlaceholderMessage as F } from "./use/helper.js";
+import { FormCompEnum as s, componentMap as L, isInput as ie, isDatePicker as ne, isRangePicker as se } from "./component-map.js";
+import { createPlaceholderMessage as B } from "./use/helper.js";
 function v(t) {
   return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !Y(t);
 }
-const me = k({
+const me = F({
   inheritAttrs: !1
-}), $t = /* @__PURE__ */ k({
+}), zt = /* @__PURE__ */ F({
   ...me,
   __name: "super-form-item",
   props: {
@@ -113,25 +114,25 @@ const me = k({
     }
   },
   setup(t) {
-    const D = oe("super-form"), p = w(() => {
+    const D = re("super-form"), d = w(() => {
       const {
-        mergeDynamicData: o
+        mergeDynamicData: r
       } = t.formProps;
       return {
         field: t.schema.field,
         model: t.formModel,
         values: {
-          ...o,
+          ...r,
           ...t.allDefaultValues,
           ...t.formModel
         },
         schema: t.schema
       };
-    }), S = w(() => {
+    }), x = w(() => {
       let {
-        componentProps: o = {}
+        componentProps: r = {}
       } = t.schema;
-      E(o) && (o = o({
+      R(r) && (r = r({
         schema: t.schema,
         tableAction: t.tableAction,
         formModel: t.formModel,
@@ -169,218 +170,226 @@ const me = k({
       }], [s.MONTHRANGE_PICKER, {
         type: s.MONTHRANGE_PICKER
       }]]);
-      return e.has(t.schema.component) && (o = Object.assign(e.get(t.schema.component) || {}, o)), o;
+      return e.has(t.schema.component) && (r = Object.assign(e.get(t.schema.component) || {}, r)), r;
     }), H = w(() => {
       const {
-        disabled: o
+        disabled: r
       } = t.formProps, {
         dynamicDisabled: e
       } = t.schema, {
         disabled: a = !1
-      } = c(S);
-      let m = !!o || a;
-      return K(e) && (m = e), E(e) && (m = e(c(p))), m;
+      } = f(x);
+      let m = !!r || a;
+      return K(e) && (m = e), R(e) && (m = e(f(d))), m;
     });
     function j() {
       const {
-        show: o,
+        show: r,
         ifShow: e
       } = t.schema, {
         showAdvancedButton: a
       } = t.formProps, m = a && K(t.isAdvanced) ? t.isAdvanced : !0;
-      let l = !0, f = !0;
-      return K(o) && (l = o), K(e) && (f = e), E(o) && (l = o(c(p))), E(e) && (f = e(c(p))), l = l && m, {
+      let l = !0, u = !0;
+      return K(r) && (l = r), K(e) && (u = e), R(r) && (l = r(f(d))), R(e) && (u = e(f(d))), l = l && m, {
         isShow: l,
-        isIfShow: f
+        isIfShow: u
       };
     }
     function G() {
       const {
-        rules: o = [],
+        rules: r = [],
         component: e,
         rulesMessageJoinLabel: a,
         label: m,
         dynamicRule: l,
-        required: f,
-        dynamicRuleAdd: C = !0
+        required: u,
+        dynamicRuleAdd: A = !0
       } = t.schema;
-      if (E(l) && !C)
-        return l(c(p));
-      let r = _(o);
+      if (R(l) && !A)
+        return l(f(d));
+      let o = _(r);
       const {
-        rulesMessageJoinLabel: I
-      } = t.formProps, b = Reflect.has(t.schema, "rulesMessageJoinLabel") ? a : I, R = F(e, `${b ? m : ""}`);
-      function y(n, i) {
-        const P = n.message || R;
-        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(P) : Promise.resolve();
+        rulesMessageJoinLabel: g
+      } = t.formProps, y = Reflect.has(t.schema, "rulesMessageJoinLabel") ? a : g, I = B(e, `${y ? m : ""}`);
+      function M(n, i) {
+        const E = n.message || I;
+        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(E) : Promise.resolve();
       }
-      const h = E(f) ? f(c(p)) : f;
-      h && (!r || r.length === 0 ? r = [{
-        required: h,
-        validator: y
-      }] : r.findIndex((i) => Reflect.has(i, "required")) === -1 && r.unshift({
-        required: h,
-        validator: y
+      const b = R(u) ? u(f(d)) : u;
+      b && (!o || o.length === 0 ? o = [{
+        required: b,
+        validator: M
+      }] : o.findIndex((i) => Reflect.has(i, "required")) === -1 && o.unshift({
+        required: b,
+        validator: M
       }));
-      const g = r.findIndex((n) => Reflect.has(n, "required") && !Reflect.has(n, "validator"));
-      if (g !== -1) {
-        const n = r[g], {
+      const h = o.findIndex((n) => Reflect.has(n, "required") && !Reflect.has(n, "validator"));
+      if (h !== -1) {
+        const n = o[h], {
           isShow: i
         } = j();
-        i || (n.required = !1), e && (Reflect.has(n, "type") || (n.type = e === "InputNumber" ? "number" : "string"), n.message = n.message || R, (e.includes("Input") || e.includes("Textarea")) && (n.whitespace = !0));
+        i || (n.required = !1), e && (Reflect.has(n, "type") || (n.type = e === "InputNumber" ? "number" : "string"), n.message = n.message || I, (e.includes("Input") || e.includes("Textarea")) && (n.whitespace = !0));
       }
-      const u = r.findIndex((n) => n.min), A = r.findIndex((n) => n.max);
-      function M(n, i, P = "all") {
-        const x = (n == null ? void 0 : n.length) || 0;
-        return ["min", "all"].includes(P) && x < r[i].min ? Promise.reject(m + "至少为" + r[i].min + "位") : ["max", "all"].includes(P) && x > r[i].max ? Promise.reject(m + "最多" + r[i].max + "位") : Promise.resolve();
+      const c = o.findIndex((n) => n.min), P = o.findIndex((n) => n.max);
+      function C(n, i, E = "all") {
+        const S = (n == null ? void 0 : n.length) || 0;
+        return ["min", "all"].includes(E) && S < o[i].min ? Promise.reject(m + "至少为" + o[i].min + "位") : ["max", "all"].includes(E) && S > o[i].max ? Promise.reject(m + "最多" + o[i].max + "位") : Promise.resolve();
       }
-      (u !== -1 || A !== -1) && (u !== -1 && A !== -1 && !r[u].validator && !r[u].message ? r[u].validator = (n, i) => M(i, u) : u !== -1 && !r[u].validator && !r[u].message ? r[u].validator = (n, i) => M(i, u, "min") : A !== -1 && !r[A].validator && !r[A].message && (r[A].validator = (n, i) => M(i, A, "max")));
-      const T = r.findIndex((n) => n.len);
-      return T !== -1 && (r[T].validator = (n, i) => i.length !== r[T].len ? Promise.reject(m + "必须是" + r[T].len + "位") : Promise.resolve()), E(l) && C && r.push(l(c(p))), r;
+      (c !== -1 || P !== -1) && (c !== -1 && P !== -1 && !o[c].validator && !o[c].message ? o[c].validator = (n, i) => C(i, c) : c !== -1 && !o[c].validator && !o[c].message ? o[c].validator = (n, i) => C(i, c, "min") : P !== -1 && !o[P].validator && !o[P].message && (o[P].validator = (n, i) => C(i, P, "max")));
+      const T = o.findIndex((n) => n.len);
+      return T !== -1 && (o[T].validator = (n, i) => i.length !== o[T].len ? Promise.reject(m + "必须是" + o[T].len + "位") : Promise.resolve()), R(l) && A && o.push(l(f(d))), o;
     }
     const U = () => {
       var n;
       const {
-        renderComponentContent: o,
+        renderComponentContent: r,
         component: e,
         field: a,
         changeEvent: m = "change",
         valueField: l,
-        label: f,
-        placeholderJoinLabel: C = !0
+        label: u,
+        placeholderJoinLabel: A = !0
       } = t.schema;
-      let r = m;
-      ie(e) ? r = "input" : (ne(e) || e === s.TIME_PICKER) && (r = "update:modelValue");
-      const I = `on${te(r)}`, b = {
-        [I]: (...i) => {
-          const [P] = i;
-          g[I] && g[I](...i);
-          const x = P ? P.target : null, W = x ? x.value : P;
+      let o = m;
+      ie(e) ? o = "input" : (ne(e) || e === s.TIME_PICKER) && (o = "update:modelValue");
+      const g = `on${te(o)}`, y = {
+        [g]: (...i) => {
+          const [E] = i;
+          h[g] && h[g](...i);
+          const S = E ? E.target : null, W = S ? S.value : E;
           t.setFormModel(a, W, t.schema);
         }
-      }, R = B.get(e), {
-        autoSetPlaceHolder: y,
-        size: h
-      } = t.formProps, g = {
+      }, I = L.get(e), {
+        autoSetPlaceHolder: M,
+        size: b
+      } = t.formProps, h = {
         clearable: !0,
-        size: h,
-        ...c(S),
-        disabled: c(H)
+        size: b,
+        ...f(x),
+        disabled: f(H)
       };
-      !g.disabled && y && !se(e) && e && (g.placeholder = ((n = c(S)) == null ? void 0 : n.placeholder) || F(e, C ? f : ""));
-      const A = {
+      !h.disabled && M && !se(e) && e && (h.placeholder = ((n = f(x)) == null ? void 0 : n.placeholder) || B(e, A ? u : ""));
+      const P = {
         [l || "model-value"]: t.formModel[a]
-      }, M = {
-        ...b,
-        ...g,
-        ...A
+      }, C = {
+        ...y,
+        ...h,
+        ...P
       };
-      if (!o)
-        return d(R, M, null);
-      const T = E(o) ? {
-        ...o(c(p))
+      if (!r)
+        return p(I, C, null);
+      const T = R(r) ? {
+        ...r(f(d))
       } : {
-        default: () => o
+        default: () => r
       };
-      return d(R, M, v(T) ? T : {
+      return p(I, C, v(T) ? T : {
         default: () => [T]
       });
     };
     function N() {
       const {
-        showLabel: o = !0,
+        showLabel: r = !0,
         label: e,
         subLabel: a
       } = t.schema;
-      return o && e ? a ? d("span", null, [e, Q(" "), d("span", null, [a])]) : e : void 0;
+      return r && e ? a ? p("span", null, [e, Q(" "), p("span", null, [a])]) : e : void 0;
     }
     const V = $();
-    function O(o, e = "default", a) {
-      if (!o || !Reflect.has(o, e))
+    function q(r, e = "default", a) {
+      if (!r || !Reflect.has(r, e))
         return null;
-      if (!E(o[e]))
+      if (!R(r[e]))
         return console.error(`${e} is not a function!`), null;
-      const m = o[e];
+      const m = r[e];
       return m ? m(a) : null;
     }
     function J() {
       const {
-        itemProps: o,
+        itemProps: r,
         slot: e,
         render: a,
         field: m,
         suffix: l,
-        prefix: f,
-        prefixParentStyle: C
+        prefix: u,
+        prefixParentStyle: A
       } = t.schema, {
-        autoCleanErrorMessage: r
-      } = t.formProps, I = () => e ? O(V, e, c(p)) : a ? a(c(p)) : U(), b = !!l, R = !!f, y = E(l) ? l(c(p)) : l, h = E(f) ? f(c(p)) : f, g = () => {
+        autoCleanErrorMessage: o
+      } = t.formProps, g = () => e ? q(V, e, f(d)) : a ? a(f(d)) : U(), y = !!l, I = !!u, M = R(l) ? l(f(d)) : l, b = R(u) ? u(f(d)) : u, h = () => {
         t.updateSchema([{
           field: m,
           itemProps: {
             error: ""
           }
         }]);
-      }, u = () => d(re, q({
+      }, c = () => p(oe, O({
         prop: m,
         class: [{
-          [D.is(l)]: b
+          [D.is(l)]: y
         }, D.e("item")]
-      }, o, {
-        "onUpdate:error": r ? g : null,
+      }, r, {
+        "onUpdate:error": o ? h : null,
         rules: G()
       }), {
-        default: () => [d("div", {
+        default: () => [p("div", {
           class: D.e("container")
-        }, [d("div", {
+        }, [p("div", {
           class: D.e("content")
-        }, [I()]), b && d("span", {
+        }, [g()]), y && p("span", {
           class: D.m("suffix")
-        }, [y])])],
+        }, [M])])],
         label: N() ? () => N() : void 0
       });
-      return R ? d("div", {
-        style: C
-      }, [d("span", {
+      return I ? p("div", {
+        style: A
+      }, [p("span", {
         class: D.m("prefix")
-      }, [h]), u()]) : u();
+      }, [b]), c()]) : c();
     }
     return () => {
-      let o;
+      let r;
       const {
         colProps: e = {},
         colSlot: a,
         renderColContent: m,
         component: l,
-        render: f
+        render: u,
+        quickColSpan: A
       } = t.schema;
-      if (!B.has(l) && !m && !f)
+      if (!L.has(l) && !m && !u)
         return null;
       const {
-        baseColProps: C = {}
-      } = t.formProps, r = {
-        ...C,
+        baseColProps: o = {},
+        quickColSpan: g
+      } = t.formProps, y = g ? {
+        span: Math.floor(24 / g),
+        ...o
+      } : {}, I = A ? {
+        span: Math.floor(24 / A),
         ...e
+      } : {}, M = {
+        ...y,
+        ...I
       }, {
-        isIfShow: I,
-        isShow: b
-      } = j(), R = c(p), y = () => a ? O(V, a, R) : m ? m(R) : J();
+        isIfShow: b,
+        isShow: h
+      } = j(), c = f(d), P = () => a ? q(V, a, c) : m ? m(c) : J();
       if (l === s.DIVIDER) {
-        let h;
-        return d(L, q({
+        let C;
+        return p(k, O({
           span: 24
-        }, e), {
-          default: () => [d(Z, c(S), v(h = N()) ? h : {
-            default: () => [h]
+        }, I), {
+          default: () => [p(Z, f(x), v(C = N()) ? C : {
+            default: () => [C]
           })]
         });
       }
-      return I && z(d(L, r, v(o = y()) ? o : {
-        default: () => [o]
-      }), [[X, b]]);
+      return b && z(p(k, M, v(r = P()) ? r : {
+        default: () => [r]
+      }), [[X, h]]);
     };
   }
 });
 export {
-  $t as default
+  zt as default
 };