@kp-ui/lowcode 2.16.2 → 2.16.4

package/src/components/form-designer/form-widget/field-widget/useField.js

@@ -1,30 +1,30 @@
-import { inject as m, ref as u, getCurrentInstance as He, computed as s, toRaw as P, onMounted as ze, onBeforeUnmount as Ue } from "vue";
+import { inject as m, ref as f, getCurrentInstance as Se, computed as s, toRaw as P, onMounted as He, onBeforeUnmount as ze } from "vue";
 import { deepClone as $ } from "../../../../utils/util.js";
-import I from "../../../../utils/validators.js";
-import { get as j, eq as Le, isArray as Te } from "lodash-es";
+import x from "../../../../utils/validators.js";
+import { get as Ue, eq as Le, isArray as Te } from "lodash-es";
 import { useI18n as We } from "../../../../utils/i18n.js";
 import { useEmitter as Je } from "../../../../utils/useEmitter.js";
 import { useAppRef as Pe } from "../../useAppRef.js";
 import { useExecFunction as $e } from "tmgc2-share";
-function _e(t, w = !0) {
-  const D = m("formConfig", u({})), h = m("formData", u({})), G = m("getReadMode", () => !1), M = m("isSubFormField", !1), V = m("getSubFormName", () => ""), o = m("designState", !1), { registerToRefList: K, getWidgetRef: Q, getFormRef: B, unregisterFromRefList: X } = Pe(), { executeFunction: r, asyncExecuteFunction: g } = $e(), { i18nt: E, i18n2t: Y } = We(), { field: l } = t, C = u(null), k = u(null), x = u(!1), Z = u(!1), a = u([]), A = u({}), _ = u(null), b = He(), { dispatch: v } = Je(), p = s(() => {
+function _e(t, j = !0) {
+  const I = m("formConfig", f({})), R = m("formData", f({})), w = m("getReadMode", () => !1), D = m("isSubFormField", !1), M = m("getSubFormName", () => ""), o = m("designState", !1), { registerToRefList: G, getWidgetRef: K, getFormRef: B, unregisterFromRefList: Q } = Pe(), { executeFunction: u, asyncExecuteFunction: g } = $e(), { i18nt: E, i18n2t: X } = We(), { field: a } = t, h = f(null), k = f(null), V = f(!1), Y = f(!1), l = f([]), A = f({}), Z = f(null), C = Se(), { dispatch: v } = Je(), _ = s(() => {
     var e;
-    return (e = l == null ? void 0 : l.options) != null && e.size ? l.options.size : D.value.size || "middle";
-  }), F = s(() => V ? V() : ""), d = s({
+    return (e = a == null ? void 0 : a.options) != null && e.size ? a.options.size : I.value.size || "middle";
+  }), b = s(() => M ? M() : ""), d = s({
     get() {
-      return console.log(j(h.value, f.value), f.value), j(h.value, f.value);
+      return Ue(R.value, c.value);
     },
     set(e) {
-      console.log(e), H(e);
+      H(e);
     }
-  }), ee = s(() => h.value[F.value]), N = s(() => G() ? !0 : x.value), te = s(() => {
+  }), p = s(() => R.value[b.value]), N = s(() => w() ? !0 : V.value), ee = s(() => {
     if (o)
       return !1;
     const { onHidden: e, hidden: n } = t.field.options;
     if (n) return !0;
     if (e)
       try {
-        const i = r({
+        const i = u({
           functionBody: e
         });
         return typeof i == "boolean" ? i : !1;
@@ -39,7 +39,7 @@ function _e(t, w = !0) {
     if (n) return !0;
     if (e)
       try {
-        const i = r({
+        const i = u({
           functionBody: e
         });
         return typeof i == "boolean" ? i : !1;
@@ -47,31 +47,31 @@ function _e(t, w = !0) {
         return console.log({ error: i }), !1;
       }
     return !1;
-  }), ne = (e, n) => {
+  }), te = (e, n) => {
     if (!Array.isArray(e))
       return -1;
     let i = -1;
-    return e.forEach((c, Se) => {
-      c === n && (i = Se);
+    return e.forEach((r, qe) => {
+      r === n && (i = qe);
     }), i;
-  }, f = s(() => M && !o ? F.value + "." + t.subFormRowIndex + "." + t.field.options.name : t.field.options.name);
-  async function ie() {
+  }, c = s(() => D && !o ? b.value + "." + t.subFormRowIndex + "." + t.field.options.name : t.field.options.name);
+  async function ne() {
     o || t.field.options.onCreated && await g({
       functionBody: t.field.options.onCreated
     });
   }
-  async function oe() {
+  async function ie() {
     o || t.field.options.onMounted && await g({
       functionBody: t.field.options.onMounted
     });
   }
-  const le = () => {
+  const oe = () => {
     d.value = t.field.options.defaultValue;
   }, q = () => {
-    t.field.formItemFlag && a.value.splice(0, a.value.length);
-  }, y = () => {
+    t.field.formItemFlag && l.value.splice(0, l.value.length);
+  }, F = () => {
     if (!(!(t != null && t.field.formItemFlag) || t != null && t.field.options.hidden)) {
-      if (a.value.splice(0, a.value.length), t.field.options.required && a.value.push({
+      if (l.value.splice(0, l.value.length), t.field.options.required && l.value.push({
         required: !0,
         // trigger: ['blur', 'change'],
         trigger: [
@@ -80,13 +80,13 @@ function _e(t, w = !0) {
         message: t.field.options.requiredHint || E("render.hint.fieldRequired")
       }), t.field.options.validation) {
         const e = t.field.options.validation;
-        I[e] ? a.value.push({
-          validator: I[e],
+        x[e] ? l.value.push({
+          validator: x[e],
           trigger: ["blur", "change"],
           label: t.field.options.label,
           errorMsg: t.field.options.validationHint
-        }) : a.value.push({
-          validator: I.regExp,
+        }) : l.value.push({
+          validator: x.regExp,
           trigger: ["blur", "change"],
           regExp: e,
           label: t.field.options.label,
@@ -94,148 +94,148 @@ function _e(t, w = !0) {
         });
       }
       if (t.field.options.onValidate) {
-        const e = (n, i) => r({
+        const e = (n, i) => u({
           functionBody: t.field.options.onValidate,
           params: { rule: n, value: i },
           keys: ["rule", "value"]
         });
-        a.value.push({
+        l.value.push({
           validator: e,
           trigger: ["blur"],
           label: t.field.options.label
         });
       }
     }
-  }, ae = () => {
-    a.value && a.value.forEach((e) => {
+  }, le = () => {
+    l.value && l.value.forEach((e) => {
       e.trigger && e.trigger.splice(0, e.trigger.length);
     });
-  }, de = () => {
-    a.value && a.value.forEach((e) => {
+  }, ae = () => {
+    l.value && l.value.forEach((e) => {
       e.trigger && (e.trigger.push("blur"), e.trigger.push("change"));
     });
-  }, se = (e, n) => {
+  }, de = (e, n) => {
     e && e.length > 0 && e.forEach((i) => {
       i.value === n && (i.disabled = !0);
     });
-  }, fe = (e, n) => {
+  }, se = (e, n) => {
     e && e.length > 0 && e.forEach((i) => {
       i.value === n && (i.disabled = !1);
     });
   }, S = (e, n) => {
-    e && (e = e.target ? e.target.value : e), b && v("VFormRender", "fieldChange", [
+    e && (e = e.target ? e.target.value : e), C && v("VFormRender", "fieldChange", [
       t.field.options.name,
       e,
       n,
-      F.value,
+      b.value,
       t.subFormRowIndex
     ]);
   }, H = (e) => {
     if (o) {
       v("VFormDesigner", "fieldChange", {
-        fieldName: f.value,
+        fieldName: c.value,
         value: e,
-        field: l
+        field: a
       });
       return;
     }
-    v("VFormRender", "fieldValidation", [f.value]);
+    v("VFormRender", "fieldValidation", [c.value]);
     const n = P(d.value);
     v("VFormRender", "fieldChange", {
-      fieldName: f.value,
+      fieldName: c.value,
       value: e,
       oldValue: n,
-      field: l
+      field: a
     }), z(e, n);
-  }, ue = (e) => {
-    o || (k.value = $(d.value), t.field.options.onFocus && r({
+  }, fe = (e) => {
+    o || (k.value = $(d.value), t.field.options.onFocus && u({
       functionBody: t.field.options.onFocus,
       params: { event: e },
       keys: ["event"]
     }));
-  }, re = (e) => {
-    o || t.field.options.onBlur && r({
+  }, ue = (e) => {
+    o || t.field.options.onBlur && u({
       functionBody: t.field.options.onBlur,
       params: { event: e },
       keys: ["event"]
     });
-  }, ce = () => {
-    o || t.field.options.onAppendButtonClick && r({
+  }, re = () => {
+    o || t.field.options.onAppendButtonClick && u({
       functionBody: t.field.options.onAppendButtonClick
     });
   }, z = (e, n) => {
-    o || t.field.options.onChange && r({
+    o || t.field.options.onChange && u({
       functionBody: t.field.options.onChange,
       params: {
         value: e,
         oldValue: n,
-        subFormData: ee.value,
+        subFormData: p.value,
         rowId: t.subFormRowId
       },
       keys: ["value", "oldValue", "subFormData", "rowId"]
     });
-  }, me = async () => {
+  }, ce = async () => {
     if (!o && t.field.options.onClick)
       return await g({
         functionBody: t.field.options.onClick
       });
-  }, ge = async () => {
-    o || O.value || l.options.onClickIcon && await g({
-      functionBody: l.options.onClickIcon
+  }, me = async () => {
+    o || O.value || a.options.onClickIcon && await g({
+      functionBody: a.options.onClickIcon
     });
-  }, R = () => C.value, U = (e) => (typeof e == "string" && (e = JSON.parse(e)), Te(e) ? e.map((i, c) => ({
+  }, y = () => h.value, U = (e) => (typeof e == "string" && (e = JSON.parse(e)), Te(e) ? e.map((i, r) => ({
     ...i,
     name: i.fileName,
-    uid: c
+    uid: r
   })) : []), L = (e, n = !1) => {
-    if (console.log(l.options.name), e && (e = e.target ? e.target.value : e), Le(d.value, e)) return;
+    if (e && (e = e.target ? e.target.value : e), Le(d.value, e)) return;
     const i = $(d.value);
     if (t.field.type === "file-upload")
       e = U(e || []);
     else if (t.field.type === "code-editor") {
-      const c = R();
-      c && c.setValue(e);
+      const r = y();
+      r && r.setValue(e);
     }
     d.value = e, n || S(e, i);
-  }, ve = () => d.value, he = () => {
+  }, ge = () => d.value, ve = () => {
     const e = t.field.options.defaultValue;
     L(e), (t.field.type === "picture-upload" || t.field.type === "file-upload") && d.value.splice(0, d.value.length);
-  }, Ce = (e) => {
+  }, he = (e) => {
     t.field.options.readonly = e;
-  }, be = (e) => {
+  }, Ce = (e) => {
     t.field.options.disabled = e;
-  }, Fe = (e) => {
+  }, be = (e) => {
     t.field.options.appendButton = e;
-  }, ye = (e) => {
+  }, Fe = (e) => {
     t.field.options.appendButtonDisabled = e;
+  }, ye = (e) => {
+    t.field.options.hidden = e, e ? q() : F();
   }, Re = (e) => {
-    t.field.options.hidden = e, e ? q() : y();
-  }, Be = (e) => {
-    t.field.options.required = e, y(), !o && !e && T();
+    t.field.options.required = e, F(), !o && !e && T();
   }, T = () => {
-    o || B().clearValidate(f.value);
-  }, Ee = () => B().vfCtx, xe = (e) => {
+    o || B().clearValidate(c.value);
+  }, Be = () => B().vfCtx, Ee = (e) => {
     t.field.options.label = e;
   }, W = () => {
-    const e = R();
+    const e = y();
     e && e.focus && e.focus();
-  }, Ie = (e, n) => {
+  }, Ve = (e, n) => {
     A.value[e] = n;
-  }, De = (e = !0) => {
-    x.value = e;
-  }, Me = (e) => {
+  }, xe = (e = !0) => {
+    V.value = e;
+  }, Ie = (e) => {
     t.field.options.customClass ? t.field.options.customClass.push(e) : t.field.options.customClass = [e];
-  }, Ve = s(() => t.field.options.customClass), ke = (e) => {
+  }, De = s(() => t.field.options.customClass), Me = (e) => {
     if (!t.field.options.customClass)
       return;
     let n = -1;
-    t.field.options.customClass.map((i, c) => {
-      i === e && (n = c);
+    t.field.options.customClass.map((i, r) => {
+      i === e && (n = r);
     }), n > -1 && t.field.options.customClass.splice(n, 1);
-  }, Ae = () => {
+  }, ke = () => {
     var e;
-    return (e = C.value) == null ? void 0 : e.$el;
-  }, Ne = (e, n) => {
+    return (e = h.value) == null ? void 0 : e.$el;
+  }, Ae = (e, n) => {
     t.field.options[e] = n;
   }, J = s({
     get() {
@@ -244,100 +244,101 @@ function _e(t, w = !0) {
     set(e) {
       t.field.options = e;
     }
-  }), Oe = () => {
+  }), Ne = () => {
+    const e = typeof t.field.options.defaultValue > "u" ? "" : t.field.options.defaultValue;
     v("VFormRender", "fieldChange", {
-      fieldName: f.value,
-      value: t.field.options.defaultValue ?? "",
+      fieldName: c.value,
+      value: e,
       oldValue: P(d.value),
-      field: l
+      field: a
     });
   };
-  ze(async () => {
-    w && Oe(), await K(), await ie(), await oe(), y();
-  }), Ue(() => {
-    X();
+  He(async () => {
+    j && Ne(), await G(), await ne(), await ie(), F();
+  }), ze(() => {
+    Q();
   });
-  const qe = {
+  const Oe = {
     i18nt: E,
     options: J,
-    proxy: b == null ? void 0 : b.proxy,
-    field: l,
-    widget: l,
+    proxy: C == null ? void 0 : C.proxy,
+    field: a,
+    widget: a,
     fieldModel: d,
-    fieldEditor: C,
+    fieldEditor: h,
     isReadMode: N,
-    setWidgetOption: Ne,
-    setReadonly: Ce,
-    setDisabled: be,
-    getVfCtx: Ee,
-    setLabel: xe,
-    getEl: Ae,
-    setReadMode: De,
-    resetField: he,
+    setWidgetOption: Ae,
+    setReadonly: he,
+    setDisabled: Ce,
+    getVfCtx: Be,
+    setLabel: Ee,
+    getEl: ke,
+    setReadMode: xe,
+    resetField: ve,
     setValue: L,
-    getValue: ve,
-    getFieldEditor: R,
+    getValue: ge,
+    getFieldEditor: y,
     getFormRef: B,
-    getWidgetRef: Q,
-    setHidden: Re,
-    addCssClass: Me,
-    removeCssClass: ke,
-    setRequired: Be,
+    getWidgetRef: K,
+    setHidden: ye,
+    addCssClass: Ie,
+    removeCssClass: Me,
+    setRequired: Re,
     clearValidate: T,
     focus: W
   };
   return {
     asyncExecuteFunction: g,
-    executeFunction: r,
+    executeFunction: u,
     options: J,
-    customClass: Ve,
-    fieldEditor: C,
+    customClass: De,
+    fieldEditor: h,
     // 状态
     fieldModel: d,
     oldFieldValue: k,
-    fieldReadonlyFlag: x,
-    loading: Z,
-    rules: a,
+    fieldReadonlyFlag: V,
+    loading: Y,
+    rules: l,
     uploadData: A,
     designState: o,
-    customToolbar: _,
+    customToolbar: Z,
     i18nt: E,
-    i18n2t: Y,
-    size: p,
-    field: l,
+    i18n2t: X,
+    size: _,
+    field: a,
     // 计算属性
-    formConfig: D,
-    subFormName: F,
-    formModel: h,
+    formConfig: I,
+    subFormName: b,
+    formModel: R,
     isReadMode: N,
     // 方法
-    handleHidden: te,
+    handleHidden: ee,
     handleDisabled: O,
-    findInArray: ne,
-    getPropName: f,
-    refreshDefaultValue: le,
+    findInArray: te,
+    getPropName: c,
+    refreshDefaultValue: oe,
     clearFieldRules: q,
-    buildFieldRules: y,
-    disableChangeValidate: ae,
-    enableChangeValidate: de,
-    disableOptionOfList: se,
-    enableOptionOfList: fe,
+    buildFieldRules: F,
+    disableChangeValidate: le,
+    enableChangeValidate: ae,
+    disableOptionOfList: de,
+    enableOptionOfList: se,
     emitFieldDataChange: S,
     syncUpdateFormModel: H,
-    handleFocusCustomEvent: ue,
-    handleBlurCustomEvent: re,
-    emitAppendButtonClick: ce,
+    handleFocusCustomEvent: fe,
+    handleBlurCustomEvent: ue,
+    emitAppendButtonClick: re,
     handleOnChange: z,
-    onClick: me,
-    handleClickIcon: ge,
-    getFieldEditor: R,
+    onClick: ce,
+    handleClickIcon: me,
+    getFieldEditor: y,
     showFileList: U,
-    setAppendButtonVisible: Fe,
-    setAppendButtonDisabled: ye,
+    setAppendButtonVisible: be,
+    setAppendButtonDisabled: Fe,
     focus: W,
-    setUploadData: Ie,
-    isSubFormField: M,
-    defineExposed: qe
+    setUploadData: Ve,
+    isSubFormField: D,
+    defineExposed: Oe
   };
 }
 export {