@kp-ui/lowcode 2.15.0-alpha.14 → 2.15.0-alpha.16

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

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

package/src/components/form-designer/index.vue.js

@@ -1,17 +1,17 @@
-import { defineComponent as M, ref as l, provide as s, getCurrentInstance as q, computed as z, watch as G, onMounted as K, resolveComponent as a, resolveDirective as Q, createBlock as X, openBlock as Y, withCtx as n, createVNode as r, createSlots as Z, renderList as j, renderSlot as O, createElementVNode as ee, withDirectives as te, unref as oe } from "vue";
-import re from "./widget-panel/index.vue.js";
-import ne from "./toolbar-panel/index.vue.js";
-import ie from "./setting-panel/index.vue.js";
-import le from "./form-widget/index.vue.js";
-import { createDesigner as se } from "./designer.js";
-import { useLocaleStore as ae } from "@kp-ui/i18n";
-import { deepClone as W, getAllFieldWidgets as y, getAllContainerWidgets as w } from "../../utils/util.js";
-import { isEmpty as F } from "lodash-es";
-import { useI18n as L } from "../../utils/i18n.js";
-import { message as b } from "ant-design-vue";
-import { storeToRefs as de } from "pinia";
-import { useRef as fe } from "tmgc2-share";
-const ge = { class: "container-scroll-bar" }, be = /* @__PURE__ */ M({
+import { defineComponent as x, ref as l, provide as s, getCurrentInstance as M, computed as q, watch as z, onMounted as G, resolveComponent as a, createBlock as K, openBlock as Q, withCtx as n, createVNode as r, createSlots as X, renderList as Y, renderSlot as Z, createElementVNode as j } from "vue";
+import O from "./widget-panel/index.vue.js";
+import ee from "./toolbar-panel/index.vue.js";
+import te from "./setting-panel/index.vue.js";
+import oe from "./form-widget/index.vue.js";
+import { createDesigner as re } from "./designer.js";
+import { useLocaleStore as ne } from "@kp-ui/i18n";
+import { deepClone as _, getAllFieldWidgets as W, getAllContainerWidgets as y } from "../../utils/util.js";
+import { isEmpty as w } from "lodash-es";
+import { useI18n as F } from "../../utils/i18n.js";
+import { message as L } from "ant-design-vue";
+import { storeToRefs as ie } from "pinia";
+import { useRef as le } from "tmgc2-share";
+const se = { class: "container-scroll-bar" }, ye = /* @__PURE__ */ x({
   name: "VFormDesigner",
   componentName: "VFormDesigner",
   __name: "index",
@@ -34,75 +34,75 @@ const ge = { class: "container-scroll-bar" }, be = /* @__PURE__ */ M({
     }) },
     globalDsv: { default: () => ({}) }
   },
-  setup(D, { expose: J }) {
-    const u = l(), { i18nt: A } = L(), R = ae(), { locale: m } = de(R), d = D;
+  setup(b, { expose: D }) {
+    const u = l(), { i18nt: J } = F(), A = ne(), { locale: m } = ie(A), d = b;
     s("serverFieldList", () => c.value), s("designState", !0);
-    const f = l(270), g = l(300), c = l([]), { initLocale: S } = L(), B = q(), t = l(se(B)), V = z(() => t.value.formConfig);
-    s("formConfig", V), s("designer", t), s("getDesignerConfig", () => d.designerConfig);
-    const E = (e) => {
-      if (!F(e))
+    const f = l(270), g = l(300), c = l([]), { initLocale: R } = F(), S = M(), t = l(re(S)), B = q(() => t.value.formConfig);
+    s("formConfig", B), s("designer", t), s("getDesignerConfig", () => d.designerConfig);
+    const V = (e) => {
+      if (!w(e))
         try {
           if (!e || !e.formConfig)
-            throw new Error(A("designer.hint.invalidJsonFormat"));
+            throw new Error(J("designer.hint.invalidJsonFormat"));
           t.value.loadFormJson(e), t.value.emitHistoryChange(), t.value.emitEvent("form-json-imported", []);
         } catch (o) {
-          b.error(o + "");
+          L.error(o + "");
         }
-    }, N = async () => {
+    }, E = async () => {
       d.fieldListApi && (c.value = await d.fieldListApi());
-    }, k = (e) => {
-      if (!F(e))
+    }, N = (e) => {
+      if (!w(e))
         try {
           let o = !1;
           typeof e == "string" ? o = t.value.loadFormJson(JSON.parse(e)) : e.constructor === Object && (o = t.value.loadFormJson(e)), o && t.value.emitHistoryChange();
         } catch (o) {
-          b.error(o + "");
+          L.error(o + "");
         }
-    }, I = () => ({
-      widgetList: W(t.value.widgetList),
-      formConfig: W(t.value.formConfig)
-    }), P = (e = []) => e.length ? y(e) : y(t.value.widgetList), U = (e = []) => e.length ? w(e) : w(t.value.widgetList), H = (e, o = !1) => u.value.getWidgetRef(e, o);
-    G(
+    }, k = () => ({
+      widgetList: _(t.value.widgetList),
+      formConfig: _(t.value.formConfig)
+    }), I = (e = []) => e.length ? W(e) : W(t.value.widgetList), P = (e = []) => e.length ? y(e) : y(t.value.widgetList), U = (e, o = !1) => u.value.getWidgetRef(e, o);
+    z(
       m,
       () => {
-        S(m.value);
+        R(m.value);
       },
       {
         immediate: !0
       }
     );
-    const [v, T] = fe(!1);
-    return K(() => {
-      t.value.initDesigner(), N();
-    }), J({
-      isLoading: v,
+    const [H, T] = le(!1);
+    return G(() => {
+      t.value.initDesigner(), E();
+    }), D({
+      isLoading: H,
       setLoading: T,
-      getWidgetRef: H,
-      getContainerWidgets: U,
-      getFieldWidgets: P,
-      getFormJson: I,
-      setFormJson: k,
-      setJsonImport: E
+      getWidgetRef: U,
+      getContainerWidgets: P,
+      getFieldWidgets: I,
+      getFormJson: k,
+      setFormJson: N,
+      setJsonImport: V
     }), (e, o) => {
-      const p = a("a-layout-sider"), $ = a("a-layout-header"), h = a("a-layout-content"), _ = a("a-layout"), x = Q("loading");
-      return Y(), X(_, { class: "main-container full-height" }, {
+      const v = a("a-layout-sider"), $ = a("a-layout-header"), p = a("a-layout-content"), h = a("a-layout");
+      return Q(), K(h, { class: "main-container full-height" }, {
         default: n(() => [
-          r(_, null, {
+          r(h, null, {
             default: n(() => [
-              r(p, {
+              r(v, {
                 width: f.value,
                 class: "side-panel"
               }, {
                 default: n(() => [
-                  r(re)
+                  r(O)
                 ]),
                 _: 1
               }, 8, ["width"]),
-              r(h, { class: "center-layout-container" }, {
+              r(p, { class: "center-layout-container" }, {
                 default: n(() => [
                   r($, { class: "toolbar-header" }, {
                     default: n(() => [
-                      r(ne, {
+                      r(ee, {
                         saveJsonApi: e.saveJsonApi,
                         "global-dsv": e.globalDsv,
                         leftWidth: f.value,
@@ -110,28 +110,26 @@ const ge = { class: "container-scroll-bar" }, be = /* @__PURE__ */ M({
                         rightWidth: g.value,
                         "onUpdate:rightWidth": o[1] || (o[1] = (i) => g.value = i),
                         ref: "toolbarRef"
-                      }, Z({ _: 2 }, [
-                        j(e.$slots, (i, C) => ({
+                      }, X({ _: 2 }, [
+                        Y(e.$slots, (i, C) => ({
                           name: C,
                           fn: n(() => [
-                            O(e.$slots, C)
+                            Z(e.$slots, C)
                           ])
                         }))
                       ]), 1032, ["saveJsonApi", "global-dsv", "leftWidth", "rightWidth"])
                     ]),
                     _: 3
                   }),
-                  r(h, { class: "form-widget-main" }, {
+                  r(p, { class: "form-widget-main" }, {
                     default: n(() => [
-                      ee("div", ge, [
-                        te(r(le, {
+                      j("div", se, [
+                        r(oe, {
                           "global-dsv": e.globalDsv,
                           "form-config": t.value.formConfig,
                           ref_key: "formRef",
                           ref: u
-                        }, null, 8, ["global-dsv", "form-config"]), [
-                          [x, oe(v)]
-                        ])
+                        }, null, 8, ["global-dsv", "form-config"])
                       ])
                     ]),
                     _: 1
@@ -139,9 +137,9 @@ const ge = { class: "container-scroll-bar" }, be = /* @__PURE__ */ M({
                 ]),
                 _: 3
               }),
-              r(p, { width: g.value }, {
+              r(v, { width: g.value }, {
                 default: n(() => [
-                  r(ie, {
+                  r(te, {
                     "selected-widget": t.value.selectedWidget,
                     "onUpdate:selectedWidget": o[2] || (o[2] = (i) => t.value.selectedWidget = i),
                     "global-dsv": e.globalDsv,
@@ -160,5 +158,5 @@ const ge = { class: "container-scroll-bar" }, be = /* @__PURE__ */ M({
   }
 });
 export {
-  be as default
+  ye as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableColumns-editor.vue.js

@@ -1,7 +1,7 @@
-import a from "./data-table-tableColumns-editor.vue2.js";
+import o from "./data-table-tableColumns-editor.vue2.js";
 /* empty css                                    */
-import o from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ o(a, [["__scopeId", "data-v-a879359a"]]);
+import a from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ a(o, [["__scopeId", "data-v-ac7b3122"]]);
 export {
   e as default
 };