@kp-ui/lowcode 2.15.0-beta.7 → 2.16.0-alpha.10

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

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