vft 0.0.317 → 0.0.320

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

@@ -1,23 +1,23 @@
-import { defineComponent as z, computed as L, unref as u, useSlots as Z, createVNode as m, mergeProps as k, withDirectives as _, vShow as ee, isVNode as te, createTextVNode as F } from "vue";
-import { VftCol as H } from "../col/index.js";
-import { VftDivider as re } from "../divider/index.js";
-import { VftFormItem as ne } from "../form/index.js";
+import { defineComponent as W, computed as L, unref as u, useSlots as _, createVNode as d, mergeProps as F, withDirectives as ee, vShow as te, createTextVNode as H, isVNode as re, resolveComponent as U } from "vue";
+import { VftCol as G } from "../col/index.js";
+import { VftDivider as ne } from "../divider/index.js";
+import { VftFormItem as oe } from "../form/index.js";
 import "@vueuse/core";
-import { isFunction as g, isBoolean as q, cloneDeep as oe, isArray as G, isNull as le, upperFirst as se, isString as ie } from "@vft/utils";
+import { isFunction as C, isBoolean as v, cloneDeep as le, isArray as J, isNull as se, upperFirst as ie, isString as ae } from "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
-import { useNamespace as ae } from "../../hooks/use-namespace/index.js";
+import { useNamespace as ce } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { FormCompEnum as t, componentMap as J, isInput as ce, isDatePicker as ue, isRangePicker as fe } from "./component-map.js";
-import { createPlaceholderMessage as X } from "./use/helper.js";
-function j(r) {
-  return typeof r == "function" || Object.prototype.toString.call(r) === "[object Object]" && !te(r);
+import { FormCompEnum as e, componentMap as X, isInput as ue, isDatePicker as de, isRangePicker as fe } from "./component-map.js";
+import { createPlaceholderMessage as z } from "./use/helper.js";
+function q(n) {
+  return typeof n == "function" || Object.prototype.toString.call(n) === "[object Object]" && !re(n);
 }
-const me = z({
+const me = W({
   inheritAttrs: !1
-}), xe = /* @__PURE__ */ z({
+}), Se = /* @__PURE__ */ W({
   ...me,
   __name: "super-form-item",
   props: {
@@ -29,318 +29,336 @@ const me = z({
     updateSchema: {},
     formActionType: {}
   },
-  setup(r) {
-    const N = ae("super-form"), p = L(() => {
+  setup(n) {
+    const D = ce("super-form"), P = L(() => {
       const {
-        mergeDynamicData: e
-      } = r.formProps;
+        mergeDynamicData: t
+      } = n.formProps;
       return {
-        field: r.schema.field,
-        model: r.formModel,
+        field: n.schema.field,
+        model: n.formModel,
         values: {
-          ...e,
-          ...r.allDefaultValues,
-          ...r.formModel
+          ...t,
+          ...n.allDefaultValues,
+          ...n.formModel
         },
-        schema: r.schema
+        schema: n.schema
       };
     }), K = L(() => {
       let {
-        componentProps: e = {}
-      } = r.schema;
-      g(e) && (e = e({
-        schema: r.schema,
-        formModel: r.formModel,
-        formActionType: r.formActionType
+        componentProps: t = {}
+      } = n.schema;
+      C(t) && (t = t({
+        schema: n.schema,
+        formModel: n.formModel,
+        formActionType: n.formActionType
       }) ?? {});
-      const n = /* @__PURE__ */ new Map([[t.DIVIDER, {
+      const r = /* @__PURE__ */ new Map([[e.DIVIDER, {
         type: "horizontal"
-      }], [t.TEXTAREA, {
+      }], [e.TEXTAREA, {
         type: "textarea"
-      }], [t.PASSWORD, {
+      }], [e.PASSWORD, {
         type: "password",
         "show-password": !0
-      }], [t.INPUT_NUMBER, {
+      }], [e.INPUT_NUMBER, {
         type: "number"
-      }], [t.CHECKBOX_BUTTON, {
+      }], [e.CHECKBOX_BUTTON, {
         useButton: !0
-      }], [t.RADIO_BUTTON, {
+      }], [e.RADIO_BUTTON, {
         useButton: !0
-      }], [t.YEAR_PICKER, {
-        type: t.YEAR_PICKER
-      }], [t.MONTH_PICKER, {
-        type: t.MONTH_PICKER
-      }], [t.DATE_PICKER, {
-        type: t.DATE_PICKER
-      }], [t.DATES_PICKER, {
-        type: t.DATES_PICKER
-      }], [t.DATETIME_PICKER, {
-        type: t.DATETIME_PICKER
-      }], [t.WEEK_PICKER, {
-        type: t.WEEK_PICKER
-      }], [t.TIMERANGE_PICKER, {
-        type: t.TIME_PICKER,
+      }], [e.YEAR_PICKER, {
+        type: e.YEAR_PICKER
+      }], [e.MONTH_PICKER, {
+        type: e.MONTH_PICKER
+      }], [e.DATE_PICKER, {
+        type: e.DATE_PICKER
+      }], [e.DATES_PICKER, {
+        type: e.DATES_PICKER
+      }], [e.DATETIME_PICKER, {
+        type: e.DATETIME_PICKER
+      }], [e.WEEK_PICKER, {
+        type: e.WEEK_PICKER
+      }], [e.TIMERANGE_PICKER, {
+        type: e.TIME_PICKER,
         "is-range": !0,
         "start-placeholder": "开始时间",
         "end-placeholder": "结束时间"
-      }], [t.DATETIMERANGE_PICKER, {
-        type: t.DATETIMERANGE_PICKER,
+      }], [e.DATETIMERANGE_PICKER, {
+        type: e.DATETIMERANGE_PICKER,
         "start-placeholder": "开始日期",
         "end-placeholder": "结束日期"
-      }], [t.DATERANGE_PICKER, {
-        type: t.DATERANGE_PICKER,
+      }], [e.DATERANGE_PICKER, {
+        type: e.DATERANGE_PICKER,
         "start-placeholder": "开始日期",
         "end-placeholder": "结束日期"
-      }], [t.MONTHRANGE_PICKER, {
-        type: t.MONTHRANGE_PICKER,
+      }], [e.MONTHRANGE_PICKER, {
+        type: e.MONTHRANGE_PICKER,
         "start-placeholder": "开始月份",
         "end-placeholder": "结束月份"
       }]]);
-      return n.has(r.schema.type) && (e = Object.assign(n.get(r.schema.type) || {}, e)), r.formProps.inputMaxLength && [t.INPUT].includes(r.schema.type) && !e?.maxlength && (e.maxlength = r.formProps.inputMaxLength), e;
-    }), W = L(() => {
+      return r.has(n.schema.type) && (t = Object.assign(r.get(n.schema.type) || {}, t)), n.formProps.inputMaxLength && [e.INPUT].includes(n.schema.type) && !t?.maxlength && (t.maxlength = n.formProps.inputMaxLength), t;
+    }), $ = L(() => {
       const {
-        disabled: e
-      } = r.formProps, {
-        dynamicDisabled: n
-      } = r.schema, {
+        disabled: t
+      } = n.formProps, {
+        dynamicDisabled: r
+      } = n.schema, {
         disabled: a = !1
       } = u(K);
-      let i = !!e || a;
-      return q(n) && (i = n), g(n) && (i = n(u(p))), i;
+      let i = !!t || a;
+      return v(r) && (i = r), C(r) && (i = r(u(P))), i;
     });
-    function v() {
+    function j() {
       const {
-        show: e,
-        ifShow: n
-      } = r.schema;
+        show: t,
+        ifShow: r
+      } = n.schema;
       let a = !0, i = !0;
-      return q(e) && (a = e), q(n) && (i = n), g(e) && (a = e(u(p))), g(n) && (i = n(u(p))), {
+      return v(t) && (a = t), v(r) && (i = r), C(t) && (a = t(u(P))), C(r) && (i = r(u(P))), {
         isShow: a,
         isIfShow: i
       };
     }
-    function $() {
+    function Y() {
       const {
-        rules: e = [],
-        type: n = t.INPUT,
+        rules: t = [],
+        type: r = e.INPUT,
         rulesMessageJoinLabel: a,
         label: i,
-        title: h,
+        title: p,
         dynamicRule: c,
-        required: R,
-        dynamicRuleAdd: I = !0
-      } = r.schema, E = i || h;
-      if (g(c) && !I)
-        return c(u(p));
-      let o = oe(G(e) ? e : [e]);
+        required: I,
+        dynamicRuleAdd: R = !0
+      } = n.schema, m = i || p;
+      if (C(c) && !R)
+        return c(u(P));
+      let o = le(J(t) ? t : [t]);
       const {
-        rulesMessageJoinLabel: C
-      } = r.formProps, A = Reflect.has(r.schema, "rulesMessageJoinLabel") ? a : C, T = X(n, `${A ? E : ""}`);
+        rulesMessageJoinLabel: b
+      } = n.formProps, y = Reflect.has(n.schema, "rulesMessageJoinLabel") ? a : b, A = z(r, `${y ? m : ""}`);
       function M(l, s) {
-        const S = l.message || T;
-        return s === void 0 || le(s) || Array.isArray(s) && s.length === 0 || typeof s == "string" && s.trim() === "" || typeof s == "object" && Reflect.has(s, "checked") && Reflect.has(s, "halfChecked") && Array.isArray(s.checked) && Array.isArray(s.halfChecked) && s.checked.length === 0 && s.halfChecked.length === 0 ? Promise.reject(S) : Promise.resolve();
+        const N = l.message || A;
+        return s === void 0 || se(s) || Array.isArray(s) && s.length === 0 || typeof s == "string" && s.trim() === "" || typeof s == "object" && Reflect.has(s, "checked") && Reflect.has(s, "halfChecked") && Array.isArray(s.checked) && Array.isArray(s.halfChecked) && s.checked.length === 0 && s.halfChecked.length === 0 ? Promise.reject(N) : Promise.resolve();
       }
-      const f = g(R) ? R(u(p)) : R, b = [t.RADIO, t.SELECT, t.RADIO, t.RADIO_SINGLE, t.RADIO_BUTTON, t.CHECKBOX, t.CHECKBOX_SINGLE, t.CHECKBOX_BUTTON].includes(n);
+      const f = C(I) ? I(u(P)) : I, T = [e.RADIO, e.SELECT, e.RADIO, e.RADIO_SINGLE, e.RADIO_BUTTON, e.CHECKBOX, e.CHECKBOX_SINGLE, e.CHECKBOX_BUTTON, e.AUTOCOMPLETE, e.Cascader, e.ColorPicker, e.Upload, e.Slider].includes(r);
       f && (!o || o.length === 0 ? o = [{
         required: f,
         validator: M,
-        trigger: b ? "change" : "blur"
+        trigger: T ? "change" : "blur"
       }] : o.findIndex((s) => Reflect.has(s, "required")) === -1 && o.unshift({
         required: f,
         validator: M,
-        trigger: b ? "change" : "blur"
+        trigger: T ? "change" : "blur"
       }));
       const x = o.findIndex((l) => Reflect.has(l, "required") && !Reflect.has(l, "validator"));
       if (x !== -1) {
         const l = o[x], {
           isShow: s
-        } = v();
-        s || (l.required = !1), n && (l.message = l.message || T);
+        } = j();
+        s || (l.required = !1), r && (l.message = l.message || A);
       }
-      const d = o.findIndex((l) => l.min), P = o.findIndex((l) => l.max);
-      function y(l, s, S = "all") {
-        const O = o[s], U = O.isNumber ? isNaN(l) ? l?.length || 0 : Number(l) : l?.length || 0;
-        return ["min", "all"].includes(S) && U < O.min ? Promise.reject(E + "至少为" + O.min + "位") : ["max", "all"].includes(S) && U > O.max ? Promise.reject(E + "最多" + O.max + "位") : Promise.resolve();
+      const h = o.findIndex((l) => l.min), E = o.findIndex((l) => l.max);
+      function g(l, s, N = "all") {
+        const O = o[s], B = O.isNumber ? isNaN(l) ? l?.length || 0 : Number(l) : l?.length || 0;
+        return ["min", "all"].includes(N) && B < O.min ? Promise.reject(m + "至少为" + O.min + "位") : ["max", "all"].includes(N) && B > O.max ? Promise.reject(m + "最多" + O.max + "位") : Promise.resolve();
       }
-      (d !== -1 || P !== -1) && (d !== -1 && P !== -1 && !o[d].validator && !o[d].message ? o[d].validator = (l, s) => y(s, d) : d !== -1 && !o[d].validator && !o[d].message ? o[d].validator = (l, s) => y(s, d, "min") : P !== -1 && !o[P].validator && !o[P].message && (o[P].validator = (l, s) => y(s, P, "max")));
-      const D = o.findIndex((l) => l.len);
-      if (D !== -1 && (o[D].validator = (l, s) => s.length !== o[D].len ? Promise.reject(E + "必须是" + o[D].len + "位") : Promise.resolve()), g(c) && I) {
-        let l = c(u(p));
-        l = G(l) ? l : [l], o = o.concat(l);
+      (h !== -1 || E !== -1) && (h !== -1 && E !== -1 && !o[h].validator && !o[h].message ? o[h].validator = (l, s) => g(s, h) : h !== -1 && !o[h].validator && !o[h].message ? o[h].validator = (l, s) => g(s, h, "min") : E !== -1 && !o[E].validator && !o[E].message && (o[E].validator = (l, s) => g(s, E, "max")));
+      const S = o.findIndex((l) => l.len);
+      if (S !== -1 && (o[S].validator = (l, s) => s.length !== o[S].len ? Promise.reject(m + "必须是" + o[S].len + "位") : Promise.resolve()), C(c) && R) {
+        let l = c(u(P));
+        l = J(l) ? l : [l], o = o.concat(l);
       }
       return o;
     }
-    const Y = () => {
+    const Q = () => {
       const {
-        renderComponentContent: e,
-        type: n = t.INPUT,
+        renderComponentContent: t,
+        type: r = e.INPUT,
         field: a,
         changeEvent: i = "change",
-        valueField: h,
+        valueField: p,
         label: c,
-        title: R,
-        placeholderJoinLabel: I = !0
-      } = r.schema;
-      let E = i;
-      ce(n) ? E = "input" : (ue(n) || n === t.TIME_PICKER) && (E = "update:modelValue");
-      const o = `on${se(E)}`, C = {
-        [o]: (...y) => {
-          const [D] = y;
-          f[o] && f[o](...y);
-          const l = D ? D.target : null, s = l ? l.value : D;
-          r.setFormModel(a, s, r.schema);
+        title: I,
+        placeholderJoinLabel: R = !0
+      } = n.schema;
+      let m = i;
+      ue(r) ? m = "input" : de(r) || r === e.TIME_PICKER || [e.INPUT_TAG, e.AUTOCOMPLETE, e.Cascader, e.ColorPicker, e.Slider].includes(r) ? m = "update:modelValue" : r === e.Upload && (m = "update:fileList");
+      const o = `on${ie(m)}`, b = {
+        [o]: (...g) => {
+          const [S] = g;
+          f[o] && f[o](...g);
+          const l = S ? S.target : null, s = l ? l.value : S;
+          n.setFormModel(a, s, n.schema);
         }
-      }, A = J.get(n), {
-        autoSetPlaceHolder: T,
+      }, y = X.get(r), {
+        autoSetPlaceHolder: A,
         size: M
-      } = r.formProps, f = {
+      } = n.formProps, f = {
         clearable: !0,
         ...u(K)
       };
-      if ([t.SEARCH].includes(n) || (f.size = u(K)?.size || M, f.disabled = u(W)), !f.disabled && T && !fe(n) && n) {
-        const y = c || R;
-        f.placeholder = u(K)?.placeholder || X(n, I && ie(y) ? y : "");
+      if ([e.SEARCH].includes(r) || (f.size = u(K)?.size || M, f.disabled = u($)), !f.disabled && A && !fe(r) && r) {
+        const g = c || I;
+        f.placeholder = u(K)?.placeholder || z(r, R && ae(g) ? g : "");
       }
       const x = {
-        [h || "model-value"]: r.formModel[a]
-      }, d = {
-        ...C,
+        [p || "model-value"]: n.formModel[a]
+      }, h = {
+        ...b,
         ...f,
         ...x
       };
-      if (!e)
-        return m(A, d, null);
-      const P = g(e) ? {
-        ...e(u(p))
+      if (!t && r !== e.Upload)
+        return d(y, h, null);
+      let E;
+      if (E = C(t) ? {
+        ...t(u(P))
       } : {
-        default: () => e
-      };
-      return m(A, d, j(P) ? P : {
-        default: () => [P]
+        default: () => t
+      }, r === e.Upload && !t) {
+        const {
+          drag: g
+        } = u(K);
+        E = g ? {
+          default: () => d(U("vft-icon"), {
+            icon: "icon-arrow-upload"
+          }, null)
+        } : {
+          default: () => d(U("vft-button"), {
+            type: "primary"
+          }, {
+            default: () => [d(U("vft-icon"), {
+              icon: "icon-arrow-upload"
+            }, null)]
+          })
+        };
+      }
+      return d(y, h, q(E) ? E : {
+        default: () => [E]
       });
     };
     function w() {
       const {
-        showLabel: e = !0,
-        label: n,
+        showLabel: t = !0,
+        label: r,
         title: a,
         subLabel: i,
-        labelRequired: h
-      } = r.schema;
-      let c = n || a;
-      return c = h ? m("span", null, [m("span", {
+        labelRequired: p
+      } = n.schema;
+      let c = r || a;
+      return c = p ? d("span", null, [d("span", {
         class: "label-required"
-      }, [F("*")]), m("span", null, [c])]) : c, e && c ? i ? m("span", null, [c, F(" "), m("span", {
+      }, [H("*")]), d("span", null, [c])]) : c, t && c ? i ? d("span", null, [c, H(" "), d("span", {
         class: "sub-label"
       }, [i])]) : c : void 0;
     }
-    const V = Z();
-    function B(e, n = "default", a) {
-      if (!e || !Reflect.has(e, n))
+    const k = _();
+    function V(t, r = "default", a) {
+      if (!t || !Reflect.has(t, r))
         return null;
-      if (!g(e[n]))
-        return console.error(`${n} is not a function!`), null;
-      const i = e[n];
+      if (!C(t[r]))
+        return console.error(`${r} is not a function!`), null;
+      const i = t[r];
       return i ? i(a) : null;
     }
-    function Q() {
+    function Z() {
       const {
-        itemProps: e,
-        slot: n,
+        itemProps: t,
+        slot: r,
         render: a,
         field: i,
-        suffix: h,
+        suffix: p,
         prefix: c,
-        prefixParentStyle: R
-      } = r.schema, {
-        autoCleanErrorMessage: I,
-        compFullWidth: E
-      } = r.formProps, o = () => n ? B(V, n, u(p)) : a ? a(u(p)) : Y(), C = !!h, A = !!c, T = g(h) ? h(u(p)) : h, M = g(c) ? c(u(p)) : c, f = () => {
-        r.updateSchema([{
+        prefixParentStyle: I
+      } = n.schema, {
+        autoCleanErrorMessage: R,
+        compFullWidth: m
+      } = n.formProps, o = () => r ? V(k, r, u(P)) : a ? a(u(P)) : Q(), b = !!p, y = !!c, A = C(p) ? p(u(P)) : p, M = C(c) ? c(u(P)) : c, f = () => {
+        n.updateSchema([{
           field: i,
           itemProps: {
             error: ""
           }
         }]);
-      }, b = () => m(ne, k({
+      }, T = () => d(oe, F({
         style: {
-          marginRight: r.formProps.customLayout ? "10px" : 0
+          marginRight: n.formProps.customLayout ? "10px" : 0
         },
         prop: i,
         class: [{
-          [N.is("suffix")]: C
+          [D.is("suffix")]: b
         }, {
-          [N.is("comp-full-width")]: E
-        }, N.e("item")]
-      }, e, {
-        label: e?.label || e?.title,
-        "onUpdate:error": I ? f : () => {
+          [D.is("comp-full-width")]: m
+        }, D.e("item")]
+      }, t, {
+        label: t?.label || t?.title,
+        "onUpdate:error": R ? f : () => {
         },
-        rules: $()
+        rules: Y()
       }), {
-        default: () => [m("div", {
-          class: N.e("container")
-        }, [m("div", {
-          class: N.e("content")
-        }, [o(), C && m("span", {
-          class: N.m("suffix")
-        }, [T])])])],
+        default: () => [d("div", {
+          class: D.e("container")
+        }, [d("div", {
+          class: D.e("content")
+        }, [o(), b && d("span", {
+          class: D.m("suffix")
+        }, [A])])])],
         label: w() ? () => w() : void 0
       });
-      return A ? m("div", {
-        style: R
-      }, [m("span", {
-        class: N.m("prefix")
-      }, [M]), b()]) : b();
+      return y ? d("div", {
+        style: I
+      }, [d("span", {
+        class: D.m("prefix")
+      }, [M]), T()]) : T();
     }
     return () => {
-      let e;
+      let t;
       const {
-        colProps: n = {},
+        colProps: r = {},
         colSlot: a,
         renderColContent: i,
-        type: h = t.INPUT,
+        type: p = e.INPUT,
         render: c,
-        quickColSpan: R
-      } = r.schema;
-      if (!J.has(h) && !i && !c)
+        quickColSpan: I
+      } = n.schema;
+      if (!X.has(p) && !i && !c)
         return null;
       const {
-        baseColProps: I = {},
-        quickColSpan: E
-      } = r.formProps, o = E ? {
-        span: Math.ceil(24 / E),
-        ...I
+        baseColProps: R = {},
+        quickColSpan: m
+      } = n.formProps, o = m ? {
+        span: Math.ceil(24 / m),
+        ...R
       } : {
-        ...I
-      }, C = R ? {
-        span: Math.ceil(24 / R),
-        ...n
+        ...R
+      }, b = I ? {
+        span: Math.ceil(24 / I),
+        ...r
       } : {
-        ...n
-      }, A = {
+        ...r
+      }, y = {
         ...o,
-        ...C
+        ...b
       }, {
-        isIfShow: T,
+        isIfShow: A,
         isShow: M
-      } = v(), f = u(p), b = () => a ? B(V, a, f) : i ? i(f) : Q();
-      if (h === t.DIVIDER) {
+      } = j(), f = u(P), T = () => a ? V(k, a, f) : i ? i(f) : Z();
+      if (p === e.DIVIDER) {
         let x;
-        return m(H, k({
+        return d(G, F({
           span: 24
-        }, C), {
-          default: () => [m(re, u(K), j(x = w()) ? x : {
+        }, b), {
+          default: () => [d(ne, u(K), q(x = w()) ? x : {
             default: () => [x]
           })]
         });
       }
-      return T && (r.formProps.customLayout ? b() : _(m(H, A, j(e = b()) ? e : {
-        default: () => [e]
-      }), [[ee, M]]));
+      return A && (n.formProps.customLayout ? T() : ee(d(G, y, q(t = T()) ? t : {
+        default: () => [t]
+      }), [[te, M]]));
     };
   }
 });
 export {
-  xe as default
+  Se as default
 };