@kp-ui/lowcode 2.14.0-beta.1 → 2.14.0-beta.11

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

@@ -1,22 +1,27 @@
-import { resolveComponent as b, createElementBlock as F, openBlock as m, Fragment as D, createVNode as u, withCtx as g, createElementVNode as x, normalizeStyle as A, withKeys as _, normalizeClass as B, renderList as C, createBlock as W, resolveDynamicComponent as O, createSlots as v, renderSlot as M, mergeProps as y, render as J } from "vue";
-import P from "../../utils/emitter.js";
-import $ from "../form-designer/form-widget/field-widget/index.js";
-import { useI18n as H } from "@kp-ui/i18n";
-import { buildDefaultFormJson as T, getContainerWidgetByName as R, cloneFormConfigWithoutEventHandler as w, deepClone as f, getDSByName as E, overwriteObj as c, runDataSourceRequest as j, getAllContainerWidgets as z, getAllFieldWidgets as G, getDefaultFormConfig as K, traverseFieldWidgets as q, getFieldWidgetByName as V, traverseFieldWidgetsOfContainer as N, insertCustomCssToHead as U, insertGlobalFunctionsToHtml as Q, generateId as L } from "../../utils/util.js";
-import X, { setLangMessages as Y } from "../../utils/i18n.js";
-import Z from "./dynamic-dialog.vue.js";
+import { resolveComponent as d, createElementBlock as S, openBlock as u, Fragment as W, createElementVNode as v, createVNode as m, normalizeStyle as O, createBlock as M, createCommentVNode as w, withKeys as E, normalizeClass as V, withCtx as j, mergeProps as k, render as x } from "vue";
+import A from "../../utils/emitter.js";
+import { useI18n as _ } from "@kp-ui/i18n";
+import B from "./RenderWigetList.vue.js";
+import { Skeleton as $ } from "ant-design-vue";
+import { buildDefaultFormJson as J, getContainerWidgetByName as g, cloneFormConfigWithoutEventHandler as p, deepClone as f, getDSByName as F, overwriteObj as h, runDataSourceRequest as b, getAllContainerWidgets as P, getAllFieldWidgets as H, getDefaultFormConfig as T, traverseFieldWidgets as z, getFieldWidgetByName as D, traverseFieldWidgetsOfContainer as K, insertCustomCssToHead as G, insertGlobalFunctionsToHtml as q, generateId as c } from "../../utils/util.js";
+import U, { setLangMessages as N } from "../../utils/i18n.js";
+import Q from "./dynamic-dialog.vue.js";
 /* empty css                    */
-import I from "./dynamic-drawer.vue.js";
-import { fmtHttpParams as k } from "../../utils/request/fmtHttpParams.js";
+import X from "./dynamic-drawer.vue.js";
+import { fmtHttpParams as C } from "../../utils/request/fmtHttpParams.js";
+import { executeFunction as y } from "../../utils/executeFunction.js";
 /* empty css           */
-import tt from "../../../_virtual/_plugin-vue_export-helper.js";
-const et = {
+import Y from "../../../_virtual/_plugin-vue_export-helper.js";
+const Z = {
   name: "VFormRender",
   componentName: "VFormRender",
-  mixins: [P, X],
+  inheritAttrs: !1,
+  mixins: [A, U],
   components: {
-    DynamicDialog: Z,
-    ...$
+    Skeleton: $,
+    RenderWigetList: B,
+    DynamicDialog: Q
+    // ...FieldComponents
   },
   props: {
     vfCtx: {
@@ -26,7 +31,7 @@ const et = {
     formJson: {
       //prop传入的表单JSON配置
       type: Object,
-      default: () => T()
+      default: () => J()
     },
     formData: {
       //prop传入的表单数据
@@ -149,10 +154,6 @@ const et = {
       this.isLoading = t;
     },
     // 处理回车键事件
-    handleEnterKey() {
-      var t;
-      ((t = this.formConfig) == null ? void 0 : t.isEnterSubmit) === 1 && this.handleOnSubmit();
-    },
     handleCancelClick() {
       if (!this.isClosing && this.handleBeforeClose())
         try {
@@ -181,7 +182,7 @@ const et = {
       var e;
       const t = this.formConfig.serveList;
       if ((e = t.vformDetail.http) != null && e.url) {
-        const i = await k.call(this, t.vformDetail, {
+        const i = await C.call(this, t.vformDetail, {
           vfCtx: this.vfCtx
         });
         return console.log("res: ", i), i;
@@ -191,7 +192,7 @@ const et = {
       var i;
       const t = await this.getFormData(), e = this.formConfig.serveList;
       if ((i = e.vformDetail.http) != null && i.url) {
-        const o = await k.call(this, e.vformUpdate, {
+        const o = await C.call(this, e.vformUpdate, {
           data: t,
           vfCtx: this.vfCtx
         });
@@ -199,7 +200,7 @@ const et = {
       }
     },
     initFormObject(t = !0) {
-      this.formId = "vfRender" + L(), t && !this.dynamicCreation && this.insertCustomStyleAndScriptNode(), this.addFieldChangeEventHandler(), this.addFieldValidateEventHandler(), this.registerFormToRefList(), this.handleOnCreated(), this.disabledMode && this.$nextTick(() => {
+      this.formId = "vfRender" + c(), t && !this.dynamicCreation && this.insertCustomStyleAndScriptNode(), this.addFieldChangeEventHandler(), this.addFieldValidateEventHandler(), this.registerFormToRefList(), this.handleOnCreated(), this.disabledMode && this.$nextTick(() => {
         this.disableForm();
       });
     },
@@ -210,14 +211,14 @@ const et = {
       return t.type + "-widget";
     },
     initLocale() {
-      const { t, messages: e } = H(), i = e.value[this.getLocale];
-      i && Y(this.getLocale, i.lang), this.changeLanguage(this.getLocale);
+      const { t, messages: e } = _(), i = e.value[this.getLocale];
+      i && N(this.getLocale, i.lang), this.changeLanguage(this.getLocale);
     },
     insertCustomStyleAndScriptNode() {
-      this.formConfig && this.formConfig.cssCode && U(
+      this.formConfig && this.formConfig.cssCode && G(
         this.formConfig.cssCode,
         this.previewState ? "" : this.formId
-      ), this.formConfig && this.formConfig.functions && Q(
+      ), this.formConfig && this.formConfig.functions && q(
         this.formConfig.functions,
         this.previewState ? "" : this.formId
       );
@@ -268,7 +269,7 @@ const et = {
             this.formDataModel[e] = f(i);
           } else {
             const i = [];
-            N(t, (r) => {
+            K(t, (r) => {
               i.push(r);
             });
             const s = {};
@@ -341,8 +342,17 @@ const et = {
     handleOnCreated() {
       this.formConfig && this.formConfig.onFormCreated && new Function(this.formConfig.onFormCreated).call(this);
     },
-    handleOnSubmit() {
-      this.formConfig && this.formConfig.handleOnSubmit && new Function(this.formConfig.handleOnSubmit).call(this);
+    onFormEnterKey() {
+      if (this.formConfig && this.formConfig.onFormEnterKey) {
+        const t = y({
+          functionBody: this.formConfig.onFormEnterKey,
+          context: this
+        });
+        t && y({
+          functionBody: t,
+          context: this
+        });
+      }
     },
     handleOnMounted() {
       this.formConfig && this.formConfig.onFormMounted && new Function(this.formConfig.onFormMounted).call(this);
@@ -352,7 +362,7 @@ const et = {
       i && i.setDisabled ? i.setDisabled(e) : this.findWidgetOfSubFormAndSetDisabled(t, e);
     },
     findWidgetOfSubFormAndSetDisabled(t, e) {
-      const i = V(
+      const i = D(
         this.formJsonObj.widgetList,
         t,
         !0
@@ -367,7 +377,7 @@ const et = {
       i && i.setDisabled ? i.setHidden(e) : this.findWidgetOfSubFormAndSetHidden(t, e);
     },
     findWidgetOfSubFormAndSetHidden(t, e) {
-      const i = V(
+      const i = D(
         this.formJsonObj.widgetList,
         t,
         !0
@@ -383,7 +393,7 @@ const et = {
       const o = (s, r) => {
         s.options && s.options.name === t && (i = r.options.name);
       };
-      if (q(this.widgetList, o), i) {
+      if (z(this.widgetList, o), i) {
         const s = this.getWidgetRef(i);
         if (s) {
           const r = s.getRowIdData();
@@ -399,13 +409,13 @@ const et = {
       this.getFieldWidgets().forEach((e) => {
         e.field.options.dsEnabled && e.field.options.dsName && e.field.options.dataSetName && t.add(e.field.options.dsName);
       }), t.size > 0 && t.forEach(async (e) => {
-        const i = E(this.formConfig, e);
+        const i = F(this.formConfig, e);
         if (i) {
           const o = new Object({});
-          c(o, this.globalDsv || {});
+          h(o, this.globalDsv || {});
           let s = null;
           try {
-            s = await j(
+            s = await b(
               i,
               o,
               this,
@@ -453,8 +463,8 @@ const et = {
             return;
           }
           this.clearFormDataModel(), this.buildFormModel(e.widgetList);
-          const i = f(K());
-          c(i, e.formConfig), this.formJsonObj.formConfig = i, this.formJsonObj.widgetList = e.widgetList, this.insertCustomStyleAndScriptNode(), this.$nextTick(() => {
+          const i = f(T());
+          h(i, e.formConfig), this.formJsonObj.formConfig = i, this.formJsonObj.widgetList = e.widgetList, this.insertCustomStyleAndScriptNode(), this.$nextTick(() => {
             this.initFormObject(!1), this.initDataSetRequest(), this.handleOnMounted();
           });
         } else
@@ -594,14 +604,14 @@ const et = {
      * @returns {*[]}
      */
     getFieldWidgets(t = !1) {
-      return G(this.formJsonObj.widgetList, t);
+      return H(this.formJsonObj.widgetList, t);
     },
     /**
      * 获取所有容器组件
      * @returns {*[]}
      */
     getContainerWidgets() {
-      return z(this.formJsonObj.widgetList);
+      return P(this.formJsonObj.widgetList);
     },
     /**
      * 增加外部组件引用，可通过getEC()方法获取外部组件，以便在VForm内部调用外部组件方法
@@ -654,8 +664,8 @@ const et = {
      * @param localDsv
      */
     async executeDataSource(t, e) {
-      const i = E(this.formJsonObj.formConfig, t), o = new Object({});
-      return c(o, this.globalDsv), c(o, e), await j(i, o, this, !1, this.$message);
+      const i = F(this.formJsonObj.formConfig, t), o = new Object({});
+      return h(o, this.globalDsv), h(o, e), await b(i, o, this, !1, this.$message);
     },
     /**
      * 获取父级VFormRender组件实例
@@ -706,15 +716,15 @@ const et = {
      * @param extraData
      */
     showDialog(t, e = {}, i = {}) {
-      const o = this.getTopFormRef(), s = this.getFormRef(), r = R(o.widgetList, t) || R(s.widgetList, t);
+      const o = this.getTopFormRef(), s = this.getFormRef(), r = g(o.widgetList, t) || g(s.widgetList, t);
       if (!t || r.type !== "vf-dialog") {
         this.$message.error(this.i18nt("render.hint.refNotFound") + t);
         return;
       }
       const n = {
         widgetList: f(r.widgetList),
-        formConfig: w(o.formConfig)
-      }, a = L() + "";
+        formConfig: p(o.formConfig)
+      }, a = c() + "";
       this.dialogProps = {
         options: r.options,
         formJson: n,
@@ -728,15 +738,15 @@ const et = {
       }, this.$refs.dynamicDialgRef.appContext = this.$root.$.appContext, this.$refs.dynamicDialgRef.show();
     },
     showDrawer(t, e = {}, i = {}) {
-      const o = this.getTopFormRef(), s = R(o.widgetList, t);
+      const o = this.getTopFormRef(), s = g(o.widgetList, t);
       if (!s || s.type !== "vf-drawer") {
         this.$message.error(this.i18nt("render.hint.refNotFound") + t);
         return;
       }
       const r = {
         widgetList: f(s.widgetList),
-        formConfig: w(o.formConfig)
-      }, n = L() + "", a = u(I, {
+        formConfig: p(o.formConfig)
+      }, n = c() + "", a = m(X, {
         options: s.options,
         formJson: r,
         formData: e || {},
@@ -747,8 +757,8 @@ const et = {
         wrapperId: n
       });
       a.appContext = this.$root.$.appContext;
-      const d = document.createElement("div");
-      d.id = "vf-dynamic-drawer-wrapper" + n, document.body.appendChild(d), J(a, d), document.body.appendChild(a.el), a.component.ctx.show();
+      const l = document.createElement("div");
+      l.id = "vf-dynamic-drawer-wrapper" + n, document.body.appendChild(l), x(a, l), document.body.appendChild(a.el), a.component.ctx.show();
     },
     /**
      * 判断表单是否处于设计器预览状态
@@ -763,68 +773,43 @@ const et = {
     //--------------------- 以上为组件支持外部调用的API方法 end ------------------//
   }
 };
-function it(t, e, i, o, s, r) {
-  const n = b("a-form"), a = b("a-spin"), d = b("DynamicDialog");
-  return m(), F(D, null, [
-    u(a, { spinning: s.isLoading }, {
-      default: g(() => [
-        x("div", {
-          style: A(s.isLoading ? "min-height: 260px" : "")
-        }, [
-          u(n, {
-            layout: r.labelPosition,
-            class: B([[r.customClass, s.readModeFlag ? "readonly-mode-form" : ""], "render-form tpf-form"]),
-            "label-width": r.labelWidth,
-            "validate-on-rule-change": !1,
-            model: s.formDataModel,
-            ref: "renderForm",
-            onKeydown: _(r.handleEnterKey, ["enter"])
-          }, {
-            default: g(() => [
-              (m(!0), F(D, null, C(r.widgetList, (l, S) => (m(), F(D, null, [
-                l.category === "container" ? (m(), W(O(r.getContainerWidgetName(l)), {
-                  widget: l,
-                  key: l.id,
-                  data: s.formDataModel[l.options.name],
-                  "parent-list": r.widgetList,
-                  "index-of-parent-list": S,
-                  "parent-widget": null,
-                  model: s.formDataModel
-                }, v({ _: 2 }, [
-                  C(Object.keys(t.$slots), (h) => ({
-                    name: h,
-                    fn: g((p) => [
-                      M(t.$slots, h, y({ ref_for: !0 }, p), void 0, !0)
-                    ])
-                  }))
-                ]), 1032, ["widget", "data", "parent-list", "index-of-parent-list", "model"])) : (m(), W(O(r.getWidgetName(l)), {
-                  field: l,
-                  "form-model": s.formDataModel,
-                  designer: null,
-                  key: l.id,
-                  "parent-list": r.widgetList,
-                  "index-of-parent-list": S,
-                  "parent-widget": null
-                }, v({ _: 2 }, [
-                  C(Object.keys(t.$slots), (h) => ({
-                    name: h,
-                    fn: g((p) => [
-                      M(t.$slots, h, y({ ref_for: !0 }, p), void 0, !0)
-                    ])
-                  }))
-                ]), 1032, ["field", "form-model", "parent-list", "index-of-parent-list"]))
-              ], 64))), 256))
-            ]),
-            _: 3
-          }, 8, ["layout", "class", "label-width", "model", "onKeydown"])
-        ], 4)
-      ]),
-      _: 3
-    }, 8, ["spinning"]),
-    u(d, y(s.dialogProps, { ref: "dynamicDialgRef" }), null, 16)
+function I(t, e, i, o, s, r) {
+  const n = d("Skeleton"), a = d("RenderWigetList"), l = d("a-form"), R = d("DynamicDialog");
+  return u(), S(W, null, [
+    v("div", {
+      class: "form-render-container",
+      style: O(s.isLoading ? "min-height: 260px" : "")
+    }, [
+      s.isLoading ? (u(), M(n, {
+        key: 0,
+        class: "skeleton-form",
+        active: "",
+        loading: !0
+      })) : w("", !0),
+      m(l, {
+        layout: r.labelPosition,
+        class: V([[r.customClass, s.readModeFlag ? "readonly-mode-form" : ""], "render-form tpf-form"]),
+        "label-width": r.labelWidth,
+        "validate-on-rule-change": !1,
+        model: s.formDataModel,
+        ref: "renderForm",
+        onKeydown: E(r.onFormEnterKey, ["enter"])
+      }, {
+        default: j(() => [
+          m(a, {
+            "parent-widget": null,
+            "widget-list": r.widgetList,
+            formDataModel: s.formDataModel,
+            "onUpdate:formDataModel": e[0] || (e[0] = (L) => s.formDataModel = L)
+          }, null, 8, ["widget-list", "formDataModel"])
+        ]),
+        _: 1
+      }, 8, ["layout", "class", "label-width", "model", "onKeydown"])
+    ], 4),
+    m(R, k(s.dialogProps, { ref: "dynamicDialgRef" }), null, 16)
   ], 64);
 }
-const ut = /* @__PURE__ */ tt(et, [["render", it], ["__scopeId", "data-v-70622583"]]);
+const ct = /* @__PURE__ */ Y(Z, [["render", I], ["__scopeId", "data-v-efb592b3"]]);
 export {
-  ut as default
+  ct as default
 };

package/src/components/http-editor/index.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as m, mergeModels as s, useModel as f, ref as b, resolveComponent as i, createElementBlock as c, openBlock as g, Fragment as v, createVNode as a, withCtx as r, normalizeClass as M, createTextVNode as w, toDisplayString as x, unref as C } from "vue";
+import { defineComponent as p, mergeModels as s, useModel as f, ref as b, resolveComponent as i, createElementBlock as c, openBlock as g, Fragment as v, createVNode as a, withCtx as d, normalizeClass as M, createTextVNode as w, toDisplayString as x, unref as C } from "vue";
 import { HttpEditor as h } from "tmgc2-share";
 import "../../utils/i18n.js";
-const N = /* @__PURE__ */ m({
+const k = /* @__PURE__ */ p({
   __name: "index",
   props: /* @__PURE__ */ s({
     drawerTitle: {
@@ -35,25 +35,25 @@ const N = /* @__PURE__ */ m({
   }),
   emits: ["update:optionModel"],
   setup(e) {
-    const n = f(e, "optionModel"), o = b(!1), d = () => {
+    const n = f(e, "optionModel"), o = b(!1), r = () => {
       o.value = !0;
     };
     return (S, t) => {
-      const u = i("a-button"), p = i("a-form-item");
+      const u = i("a-button"), m = i("a-form-item");
       return g(), c(v, null, [
-        a(p, {
+        a(m, {
           label: e.label,
           labelAlign: "left",
           "label-width": "150px"
         }, {
-          default: r(() => [
+          default: d(() => [
             a(u, {
               shape: "round",
-              onClick: d,
+              onClick: r,
               class: M(["button-text-highlight"])
             }, {
-              default: r(() => [
-                w(x(e.buttonName), 1)
+              default: d(() => [
+                w(x(e.buttonName || e.label), 1)
               ]),
               _: 1
             })
@@ -72,5 +72,5 @@ const N = /* @__PURE__ */ m({
   }
 });
 export {
-  N as default
+  k as default
 };

package/src/components/public/ActionButtonListRender.vue.js

@@ -1,21 +1,21 @@
-import b from "./ActionButtonListRender.vue2.js";
-import { resolveComponent as t, createElementBlock as s, openBlock as n, normalizeStyle as f, normalizeClass as _, createBlock as c, Teleport as m, createVNode as a, withCtx as l, Fragment as r, renderList as g, createCommentVNode as y, createTextVNode as k, toDisplayString as v } from "vue";
+import d from "./ActionButtonListRender.vue2.js";
+import { resolveComponent as n, createElementBlock as s, openBlock as t, normalizeStyle as p, normalizeClass as u, createBlock as a, Teleport as b, createVNode as f, withCtx as l, Fragment as _, renderList as m, createCommentVNode as y, createTextVNode as k, toDisplayString as C } from "vue";
 /* empty css                            */
-import C from "../../../_virtual/_plugin-vue_export-helper.js";
-function S(o, B, I, $, h, z) {
-  const i = t("SvgIcon"), d = t("SvgIcon2"), p = t("a-button"), u = t("a-space");
-  return n(), s("div", {
+import g from "../../../_virtual/_plugin-vue_export-helper.js";
+function v(o, B, S, $, h, z) {
+  const r = n("SvgIcon"), c = n("a-button"), i = n("a-space");
+  return t(), s("div", {
     ref: "fieldEditor",
-    class: _(["button-list-container", ...o.customClass]),
-    style: f(o.containerStyle)
+    class: u(["button-list-container", ...o.customClass]),
+    style: p(o.containerStyle)
   }, [
-    (n(), c(m, {
+    (t(), a(b, {
       disabled: o.isDisabled,
       to: o.getContainer
     }, [
-      a(u, { size: 8 }, {
+      f(i, { size: 8 }, {
         default: l(() => [
-          (n(!0), s(r, null, g(o.visibleButtons, (e) => (n(), c(p, {
+          (t(!0), s(_, null, m(o.visibleButtons, (e) => (t(), a(c, {
             key: e.key,
             type: e.type,
             danger: e.danger,
@@ -24,17 +24,12 @@ function S(o, B, I, $, h, z) {
             onClick: (D) => o.handleClick(e)
           }, {
             default: l(() => [
-              e.icon ? (n(), s(r, { key: 0 }, [
-                a(i, {
-                  "icon-class": e.icon,
-                  class: "button-icon"
-                }, null, 8, ["icon-class"]),
-                a(d, {
-                  "icon-class": e.icon,
-                  class: "button-icon"
-                }, null, 8, ["icon-class"])
-              ], 64)) : y("", !0),
-              k(" " + v(e.label), 1)
+              e.icon ? (t(), a(r, {
+                key: 0,
+                "icon-class": e.icon,
+                class: "button-icon"
+              }, null, 8, ["icon-class"])) : y("", !0),
+              k(" " + C(e.label), 1)
             ]),
             _: 2
           }, 1032, ["type", "danger", "disabled", "onClick"]))), 128))
@@ -44,7 +39,7 @@ function S(o, B, I, $, h, z) {
     ], 8, ["disabled", "to"]))
   ], 6);
 }
-const T = /* @__PURE__ */ C(b, [["render", S], ["__scopeId", "data-v-8bf7bfc0"]]);
+const L = /* @__PURE__ */ g(d, [["render", v], ["__scopeId", "data-v-a5c375c2"]]);
 export {
-  T as default
+  L as default
 };

package/src/hooks/useLowcode.js

@@ -1,13 +1,14 @@
-import v from "../components/form-render/index.vue.js";
+import w from "../components/form-render/index.vue.js";
 import { basicFieldsEnums as y } from "../components/form-designer/widget-panel/basicFieldsEnums.js";
-import { getUuidKey as w } from "@kp-ui/tool";
-import { useDataQueryApi as L, useComRef as R, useRouteBackTab as P, routerReloadStatus as N } from "tmgc2-share";
+import { getUuidKey as L } from "@kp-ui/tool";
+import { useDataQueryApi as R, useComRef as P, useRouteBackTab as N, routerReloadStatus as j } from "tmgc2-share";
 import { ref as g } from "vue";
-const Q = (C) => {
-  const { formCode: d, entityCode: l, type: h } = C, r = g(!1), f = L(), s = R(v), u = g(), { routeBackTab: b } = P(), F = (t = []) => {
-    const o = {
+const S = (C) => {
+  let { formCode: i, entityCode: l, type: h = "add" } = C;
+  const a = g(!1), f = R(), r = P(w), u = g(), { routeBackTab: b } = N(), F = (o = []) => {
+    const e = {
       label: "提交",
-      name: w(),
+      name: L(),
       onCreated: `
             const hidden = this.getFormRef().vfCtx?.type==='view';
             this.setHidden(hidden)
@@ -21,64 +22,64 @@ const Q = (C) => {
                 }
                 })()`
     };
-    return t.push(y.button(o)), t;
-  }, m = (t = []) => {
-    const e = t.reduce((o, n) => {
-      const i = y[n.componentType];
-      if (i) {
-        const c = i({
+    return o.push(y.button(e)), o;
+  }, m = (o = []) => {
+    const t = o.reduce((e, n) => {
+      const s = y[n.componentType];
+      if (s) {
+        const d = s({
           name: n.entityPropertyCode,
           label: n.entityPropertyName,
           ...n.options
         });
-        o = [...o, c];
+        e = [...e, d];
       }
-      return o;
+      return e;
     }, []);
-    return e.length ? F(e) : e;
-  }, a = async (t = []) => {
-    var o, n;
+    return t.length ? F(t) : t;
+  }, c = async (o = [], t) => {
+    var n, s;
     let e = { widgetList: [], formConfig: {} };
-    if (d && h) {
-      (o = s.value) == null || o.setLoading(!0);
+    if (i = t || i, i && h) {
+      (n = r.value) == null || n.setLoading(!0);
       try {
-        const i = await f.dataQueryDetail({ code: d }, "FormDefinitionManagement").then((c) => c.data.object || {});
-        e = JSON.parse(i.frontendDefinition || "{}");
+        const d = await f.dataQueryDetail({ code: i }, "FormDefinitionManagement").then((v) => v.data.object || {});
+        e = JSON.parse(d.frontendDefinition || "{}");
       } finally {
-        (n = s.value) == null || n.setLoading(!1);
+        (s = r.value) == null || s.setLoading(!1);
       }
     } else
-      e.widgetList = m(t);
-    return r.value = !1, console.log("json: ", e), u.value = e.formConfig, s.value.setFormJson(e), e;
+      e.widgetList = m(o);
+    return a.value = !1, console.log("json: ", e), u.value = e.formConfig, r.value.setFormJson(e), e;
   }, p = async () => {
-    if (r.value = !0, !l)
-      return a([]), [];
-    const t = {
+    if (a.value = !0, !l)
+      return c([]), [];
+    const o = {
       pageCode: "EntityPropertyFormItem",
       conditions: [{ fieldCode: "entityCode", type: "EQ", value: l }],
       requiredFields: ["entityPropertyCode", "entityPropertyName", "valueType"],
       page: 1,
       pageSize: null,
       sorts: []
-    }, e = await f.execute(t).then((o) => o.data.object.list);
-    return a(e), e;
+    }, t = await f.execute(o).then((e) => e.data.object.list);
+    return c(t), t;
   };
   return {
-    isLoading: r,
-    goBack: (t = N.view) => {
-      b(t);
+    isLoading: a,
+    goBack: (o = j.view) => {
+      b(o);
     },
     formConfig: u,
     getInitRenderJSON: m,
-    vfdRef: s,
-    getComponentJson: a,
+    vfdRef: r,
+    getComponentJson: c,
     getFieldList: p,
-    fieldListApi: async () => (await p()).map((e) => ({
-      showName: e.entityPropertyName,
-      fieldCode: e.entityPropertyCode
+    fieldListApi: async () => (await p()).map((t) => ({
+      showName: t.entityPropertyName,
+      fieldCode: t.entityPropertyCode
     }))
   };
 };
 export {
-  Q as useLowcode
+  S as useLowcode
 };

package/src/lang/en-US.js

@@ -171,6 +171,8 @@ const e = {
       generateSFC: "Generate SFC"
     },
     setting: {
+      // 序号
+      seq: "Seq",
       containerInputPlaceholder: "Enter the container selector",
       langMode: "language Mode",
       editAPIConfig: "Edit API Config",
@@ -182,6 +184,7 @@ const e = {
       tags: "Tags Mode",
       buttonList: "Button Group",
       buttonPosition: "Position",
+      autoWidth: "Auto Width",
       fixed: "Fixed Position",
       fixedRight: "Fixed Right",
       resizableColumn: "Resizable Column",
@@ -306,7 +309,6 @@ const e = {
       customLabelIcon: "Custom Label",
       labelIconClass: "Label Icon Class",
       labelIconPosition: "Label Icon Position",
-      labelTooltip: "Label Tooltip",
       minValue: "Min Value",
       maxValue: "Max Value",
       precision: "Precision",
@@ -322,7 +324,6 @@ const e = {
       appendButtonDisabled: "Button Disabled",
       appendButtonIcon: "Append Button Icon",
       buttonIcon: "Button Icon",
-      danger: "Danger Button",
       switchWidth: "Width of Switch(px)",
       checkedValue: "Active Text",
       unCheckedValue: "Inactive Text",
@@ -357,10 +358,8 @@ const e = {
       buttonConfig: "Button Config",
       placement: "Placement",
       bottomLeft: "Bottom Left",
-      bottom: "Bottom Center",
       bottomRight: "Bottom Right",
       topLeft: "Top Left",
-      top: "Top Center",
       topRight: "Top Right",
       menuList: "Menu Options",
       widgetName: "Unique Name",
@@ -414,6 +413,7 @@ const e = {
       showSummary: "Show Summary",
       rowSpacing: "Row Spacing(px)",
       editAction: "Edit...",
+      dsEnabled: "Use Datasource",
       columnName: "Name",
       columnLabel: "Label",
       columnWidth: "Width(px/%)",