@kp-ui/lowcode 1.0.71 → 1.0.73

package/_virtual/virtual_svg-icons-register.js

@@ -1,13 +1,13 @@
 if (typeof window !== "undefined") {
   let loadSvg = function() {
     var body = document.body;
-    var svgDom = document.getElementById("__svg__icons__dom__1749628779003__");
+    var svgDom = document.getElementById("__svg__icons__dom__1750060036459__");
     if (!svgDom) {
       svgDom = document.createElementNS("http://www.w3.org/2000/svg", "svg");
       svgDom.style.position = "absolute";
       svgDom.style.width = "0";
       svgDom.style.height = "0";
-      svgDom.id = "__svg__icons__dom__1749628779003__";
+      svgDom.id = "__svg__icons__dom__1750060036459__";
       svgDom.setAttribute("xmlns", "http://www.w3.org/2000/svg");
       svgDom.setAttribute("xmlns:link", "http://www.w3.org/1999/xlink");
     }

package/index.js

@@ -1,5 +1,6 @@
-import { default as default2 } from "./designer.js";
-import { default as default3 } from "./render.js";
+/* empty css                       */
+import { default as default2 } from "./src/components/form-designer/index.vue.js";
+import { default as default3 } from "./src/components/form-render/index.vue.js";
 import { registerIcon } from "./src/utils/el-icons.js";
 import "./_virtual/virtual_svg-icons-register.js";
 import { addAdvancedFieldSchema, addBasicFieldSchema, addContainerWidgetSchema, addCustomWidgetSchema } from "./src/components/form-designer/widget-panel/widgetsConfig.js";
@@ -16,13 +17,15 @@ import { default as default10 } from "./src/components/form-render/container-ite
 import { default as default11 } from "./src/components/form-designer/form-widget/field-widget/static-content-wrapper.vue.js";
 import { default as default12 } from "./src/components/form-designer/form-widget/field-widget/form-item-wrapper.vue.js";
 import { default as default13 } from "./src/components/form-designer/form-widget/field-widget/fieldMixin.js";
-import { default as default14 } from "./src/components/form-render/dynamic-dialog.vue.js";
-import { default as default15 } from "./src/components/form-render/SubmitButtonRender.vue.js";
-import { default as default16 } from "./src/utils/emitter.js";
+import { openCustomerModal } from "./src/components/public/CustomerModal/useCustomerModal.js";
+import { default as default14 } from "./src/components/form-render/SubmitButtonRender.vue.js";
+import { default as default15 } from "./src/utils/emitter.js";
+import { useLowcode } from "./src/hooks/useLowcode.js";
 const registerLowcodeCore = (params) => {
   const { app, http, factoryRender } = params;
   app.config.globalProperties.$http = http;
   app.config.globalProperties.$factoryRender = factoryRender;
+  app.config.globalProperties.$openCustomerModal = openCustomerModal;
   app.use(ContainerWidgets);
   app.use(ContainerItems);
   registerIcon(app);
@@ -35,11 +38,10 @@ const registerLowcodeCore = (params) => {
 export {
   default9 as ContainerItemWrapper,
   default5 as ContainerWrapper,
-  default14 as DynamicDialog,
   default6 as FieldComponents,
   default12 as FormItemWrapper,
   default11 as StaticContentWrapper,
-  default15 as SubmitButtonRender,
+  default14 as SubmitButtonRender,
   default2 as VFormDesigner,
   default3 as VFormRender,
   addAdvancedFieldSchema,
@@ -49,9 +51,10 @@ export {
   basicFieldsEnums,
   default10 as containerItemMixin,
   default4 as containerMixin,
-  default16 as emitter,
+  default15 as emitter,
   default13 as fieldMixin,
   default8 as refMixin,
   default7 as refMixinDesign,
-  registerLowcodeCore
+  registerLowcodeCore,
+  useLowcode
 };

package/package.json

@@ -1,12 +1,13 @@
 {
     "name": "@kp-ui/lowcode",
-    "version": "1.0.71",
+    "version": "1.0.73",
+    "sideEffects": false,
     "publishConfig": {
         "access": "public"
     },
     "main": "index.js",
     "module": "index.js",
-    "types": "main.d.ts",
+    "types": "types/install.d.ts",
     "dependencies": {
         "@element-plus/icons-vue": "^0.2.4",
         "@kp-ui/tool": "1.0.27",

package/src/components/CustomRender/components/AttachmentRender.vue2.js

@@ -3,14 +3,6 @@ import { Button } from "ant-design-vue";
 import { DownloadOutlined, EyeOutlined } from "@ant-design/icons-vue";
 import { useFilePreview } from "../../../hooks/useFilePreview.js";
 import FileIcon from "../../svg-icon/FileIcon.js";
-const _hoisted_1 = {
-  key: 0,
-  class: "attachment-render"
-};
-const _hoisted_2 = { class: "file-list" };
-const _hoisted_3 = { class: "file-item__icon" };
-const _hoisted_4 = { class: "file-name" };
-const _hoisted_5 = ["src"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "AttachmentRender",
   props: {
@@ -38,17 +30,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_a_modal = resolveComponent("a-modal");
-      return attachmentList.value.length ? (openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
+      return attachmentList.value.length ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: "attachment-render"
+      }, [
+        createElementVNode("div", { class: "file-list" }, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(attachmentList.value, (file, index) => {
             return openBlock(), createElementBlock("div", {
               key: index,
               class: "file-item"
             }, [
-              createElementVNode("div", _hoisted_3, [
+              createElementVNode("div", { class: "file-item__icon" }, [
                 createVNode(unref(FileIcon), { file }, null, 8, ["file"])
               ]),
-              createElementVNode("span", _hoisted_4, toDisplayString(file.fileName), 1),
+              createElementVNode("span", { class: "file-name" }, toDisplayString(file.fileName), 1),
               createVNode(unref(Button), {
                 type: "link",
                 onClick: () => unref(handleDownload)(file)
@@ -82,7 +77,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createElementVNode("img", {
               style: { "width": "100%" },
               src: unref(previewImage)
-            }, null, 8, _hoisted_5)
+            }, null, 8, ["src"])
           ]),
           _: 1
         }, 8, ["visible", "title", "onCancel"])

package/src/components/TpfCollapse/TpfCollapseTitle.vue2.js

@@ -1,7 +1,4 @@
 import { defineComponent, createElementBlock, openBlock, toDisplayString } from "vue";
-const _hoisted_1 = {
-  class: "tpf-collapse-title"
-};
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TpfCollapseTitle",
   props: {
@@ -11,7 +8,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(_ctx.title), 1);
+      return openBlock(), createElementBlock("div", {
+        class: "tpf-collapse-title"
+      }, toDisplayString(_ctx.title), 1);
     };
   }
 });

package/src/components/code-editor/index.vue2.js

@@ -1,7 +1,4 @@
 import { defineComponent, ref, computed, watch, watchEffect, onMounted, createElementBlock, openBlock, createElementVNode } from "vue";
-const _hoisted_1 = { class: "ace-container" };
-const themePath = "ace/theme/sqlserver";
-const modePath = "ace/mode/javascript";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
@@ -18,6 +15,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const aceRef = ref(null);
     const aceEditor = ref(null);
     const stop = ref(false);
+    const themePath = "ace/theme/sqlserver";
+    const modePath = "ace/mode/javascript";
     const codeValue = computed(() => props.value || props.modelValue);
     const isLoading = ref(false);
     const setValue = (newValue) => {
@@ -151,7 +150,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       getEditorAnnotations
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
+      return openBlock(), createElementBlock("div", { class: "ace-container" }, [
         createElementVNode("div", {
           class: "ace-editor",
           ref_key: "aceRef",

package/src/components/form-designer/form-widget/container-widget/container-wrapper.vue.js

@@ -23,92 +23,84 @@ const _sfc_main = {
     }
   }
 };
-const _hoisted_1 = {
-  key: 0,
-  class: "container-action"
-};
-const _hoisted_2 = ["title"];
-const _hoisted_3 = ["title"];
-const _hoisted_4 = ["title"];
-const _hoisted_5 = ["title"];
-const _hoisted_6 = ["title"];
-const _hoisted_7 = ["title"];
-const _hoisted_8 = ["title"];
-const _hoisted_9 = {
-  key: 1,
-  class: "drag-handler"
-};
-const _hoisted_10 = ["title"];
-const _hoisted_11 = { key: 0 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_svg_icon = resolveComponent("svg-icon");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["container-wrapper", [$options.customClass]])
   }, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true),
-    $props.designer.selectedId === $props.widget.id && !$props.widget.internal ? (openBlock(), createElementBlock("div", _hoisted_1, [
+    $props.designer.selectedId === $props.widget.id && !$props.widget.internal ? (openBlock(), createElementBlock("div", {
+      key: 0,
+      class: "container-action"
+    }, [
       createElementVNode("i", {
         title: _ctx.i18nt("designer.hint.selectParentWidget"),
         onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.selectParentWidget($props.widget), ["stop"]))
       }, [
         createVNode(_component_svg_icon, { "icon-class": "el-back" })
-      ], 8, _hoisted_2),
+      ], 8, ["title"]),
       !!$props.parentList && $props.parentList.length > 1 ? (openBlock(), createElementBlock("i", {
         key: 0,
         title: _ctx.i18nt("designer.hint.moveUpWidget"),
         onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.moveUpWidget(), ["stop"]))
       }, [
         createVNode(_component_svg_icon, { "icon-class": "el-move-up" })
-      ], 8, _hoisted_3)) : createCommentVNode("", true),
+      ], 8, ["title"])) : createCommentVNode("", true),
       !!$props.parentList && $props.parentList.length > 1 ? (openBlock(), createElementBlock("i", {
         key: 1,
         title: _ctx.i18nt("designer.hint.moveDownWidget"),
         onClick: _cache[2] || (_cache[2] = withModifiers(($event) => _ctx.moveDownWidget(), ["stop"]))
       }, [
         createVNode(_component_svg_icon, { "icon-class": "el-move-down" })
-      ], 8, _hoisted_4)) : createCommentVNode("", true),
+      ], 8, ["title"])) : createCommentVNode("", true),
       $props.widget.type === "table" ? (openBlock(), createElementBlock("i", {
         key: 2,
         title: _ctx.i18nt("designer.hint.insertRow"),
         onClick: _cache[3] || (_cache[3] = withModifiers(($event) => _ctx.appendTableRow($props.widget), ["stop"]))
       }, [
         createVNode(_component_svg_icon, { "icon-class": "el-insert-row" })
-      ], 8, _hoisted_5)) : createCommentVNode("", true),
+      ], 8, ["title"])) : createCommentVNode("", true),
       $props.widget.type === "table" ? (openBlock(), createElementBlock("i", {
         key: 3,
         title: _ctx.i18nt("designer.hint.insertColumn"),
         onClick: _cache[4] || (_cache[4] = withModifiers(($event) => _ctx.appendTableCol($props.widget), ["stop"]))
       }, [
         createVNode(_component_svg_icon, { "icon-class": "el-insert-column" })
-      ], 8, _hoisted_6)) : createCommentVNode("", true),
+      ], 8, ["title"])) : createCommentVNode("", true),
       $props.widget.type === "grid" || $props.widget.type === "table" ? (openBlock(), createElementBlock("i", {
         key: 4,
         title: _ctx.i18nt("designer.hint.cloneWidget"),
         onClick: _cache[5] || (_cache[5] = withModifiers(($event) => _ctx.cloneContainer($props.widget), ["stop"]))
       }, [
         createVNode(_component_svg_icon, { "icon-class": "el-clone" })
-      ], 8, _hoisted_7)) : createCommentVNode("", true),
+      ], 8, ["title"])) : createCommentVNode("", true),
       createElementVNode("i", {
         title: _ctx.i18nt("designer.hint.remove"),
         onClick: _cache[6] || (_cache[6] = withModifiers((...args) => _ctx.removeWidget && _ctx.removeWidget(...args), ["stop"]))
       }, [
         createVNode(_component_svg_icon, { "icon-class": "el-delete" })
-      ], 8, _hoisted_8)
+      ], 8, ["title"])
     ])) : createCommentVNode("", true),
-    $props.designer.selectedId === $props.widget.id && !$props.widget.internal ? (openBlock(), createElementBlock("div", _hoisted_9, [
+    $props.designer.selectedId === $props.widget.id && !$props.widget.internal ? (openBlock(), createElementBlock("div", {
+      key: 1,
+      class: "drag-handler"
+    }, [
       createElementVNode("i", {
         title: _ctx.i18nt("designer.hint.dragHandler")
       }, [
         createVNode(_component_svg_icon, { "icon-class": "el-drag-move" })
-      ], 8, _hoisted_10),
-      createElementVNode("i", null, toDisplayString($props.widget.showName || _ctx.i18n2t(`designer.widgetLabel.${$props.widget.type}`, `extension.widgetLabel.${$props.widget.type}`)), 1),
-      $props.widget.options.hidden === true ? (openBlock(), createElementBlock("i", _hoisted_11, [
+      ], 8, ["title"]),
+      createElementVNode("i", null, toDisplayString($props.widget.showName || _ctx.i18n2t(
+        `designer.widgetLabel.${$props.widget.type}`,
+        `extension.widgetLabel.${$props.widget.type}`
+      )), 1),
+      $props.widget.options.hidden === true ? (openBlock(), createElementBlock("i", { key: 0 }, [
         createVNode(_component_svg_icon, { "icon-class": "el-hide" })
       ])) : createCommentVNode("", true)
     ])) : createCommentVNode("", true)
   ], 2);
 }
-const ContainerWrapper = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-a00b7598"]]);
+const ContainerWrapper = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-4b4d3f4d"]]);
 export {
   ContainerWrapper as default
 };

package/src/components/form-designer/form-widget/container-widget/data-table-widget.vue.js

@@ -2,7 +2,6 @@ import _sfc_main from "./data-table-widget.vue2.js";
 import { resolveComponent, createBlock, openBlock, withCtx, createElementBlock, withModifiers, normalizeClass, createElementVNode, createVNode, normalizeStyle, createCommentVNode } from "vue";
 /* empty css                       */
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const _hoisted_1 = { class: "talbe-wrapper" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_empty = resolveComponent("a-empty");
   const _component_RenderBodyCell = resolveComponent("RenderBodyCell");
@@ -21,7 +20,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         class: normalizeClass(["collapse-container data-table-container", { selected: $options.selected }]),
         onClick: _cache[0] || (_cache[0] = withModifiers(($event) => $options.selectWidget($props.widget), ["stop"]))
       }, [
-        createElementVNode("div", _hoisted_1, [
+        createElementVNode("div", { class: "talbe-wrapper" }, [
           createVNode(_component_s_table, {
             ref: "dataTable2",
             columns: _ctx.columns.columns,
@@ -61,7 +60,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
 }
-const dataTableWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-4700fd96"]]);
+const dataTableWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-2676a74f"]]);
 export {
   dataTableWidget as default
 };

package/src/components/form-designer/form-widget/container-widget/grid-col-widget.vue.js

@@ -195,20 +195,6 @@ const _sfc_main = {
     }
   }
 };
-const _hoisted_1 = { class: "form-widget-list" };
-const _hoisted_2 = {
-  key: 0,
-  class: "grid-col-action"
-};
-const _hoisted_3 = ["title"];
-const _hoisted_4 = ["title"];
-const _hoisted_5 = ["title"];
-const _hoisted_6 = ["title"];
-const _hoisted_7 = ["title"];
-const _hoisted_8 = {
-  key: 1,
-  class: "grid-col-handler"
-};
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_draggable = resolveComponent("draggable");
   const _component_svg_icon = resolveComponent("svg-icon");
@@ -236,7 +222,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         move: $options.checkContainerMove
       }), {
         item: withCtx(({ element: subWidget, index: swIdx }) => [
-          createElementVNode("div", _hoisted_1, [
+          createElementVNode("div", { class: "form-widget-list" }, [
             "container" === subWidget.category ? (openBlock(), createBlock(resolveDynamicComponent(subWidget.type + "-widget"), {
               widget: subWidget,
               designer: $props.designer,
@@ -257,48 +243,54 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         _: 1
       }, 16, ["list", "onUpdate", "move"]),
-      $props.designer.selectedId === $props.widget.id && $props.widget.type === "grid-col" ? (openBlock(), createElementBlock("div", _hoisted_2, [
+      $props.designer.selectedId === $props.widget.id && $props.widget.type === "grid-col" ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: "grid-col-action"
+      }, [
         createElementVNode("i", {
           title: _ctx.i18nt("designer.hint.selectParentWidget"),
           onClick: _cache[2] || (_cache[2] = withModifiers(($event) => $options.selectParentWidget($props.widget), ["stop"]))
         }, [
           createVNode(_component_svg_icon, { "icon-class": "el-back" })
-        ], 8, _hoisted_3),
+        ], 8, ["title"]),
         !!$props.parentList && $props.parentList.length > 1 ? (openBlock(), createElementBlock("i", {
           key: 0,
           title: _ctx.i18nt("designer.hint.moveUpWidget"),
           onClick: _cache[3] || (_cache[3] = withModifiers(($event) => $options.moveUpWidget(), ["stop"]))
         }, [
           createVNode(_component_svg_icon, { "icon-class": "el-move-up" })
-        ], 8, _hoisted_4)) : createCommentVNode("", true),
+        ], 8, ["title"])) : createCommentVNode("", true),
         !!$props.parentList && $props.parentList.length > 1 ? (openBlock(), createElementBlock("i", {
           key: 1,
           title: _ctx.i18nt("designer.hint.moveDownWidget"),
           onClick: _cache[4] || (_cache[4] = withModifiers(($event) => $options.moveDownWidget(), ["stop"]))
         }, [
           createVNode(_component_svg_icon, { "icon-class": "el-move-down" })
-        ], 8, _hoisted_5)) : createCommentVNode("", true),
+        ], 8, ["title"])) : createCommentVNode("", true),
         createElementVNode("i", {
           title: _ctx.i18nt("designer.hint.cloneWidget"),
           onClick: _cache[5] || (_cache[5] = withModifiers(($event) => $options.cloneGridCol($props.widget), ["stop"]))
         }, [
           createVNode(_component_svg_icon, { "icon-class": "el-clone" })
-        ], 8, _hoisted_6),
+        ], 8, ["title"]),
         createElementVNode("i", {
           title: _ctx.i18nt("designer.hint.remove"),
           onClick: _cache[6] || (_cache[6] = withModifiers((...args) => $options.removeWidget && $options.removeWidget(...args), ["stop"]))
         }, [
           createVNode(_component_svg_icon, { "icon-class": "el-delete" })
-        ], 8, _hoisted_7)
+        ], 8, ["title"])
       ])) : createCommentVNode("", true),
-      $props.designer.selectedId === $props.widget.id && $props.widget.type === "grid-col" ? (openBlock(), createElementBlock("div", _hoisted_8, [
+      $props.designer.selectedId === $props.widget.id && $props.widget.type === "grid-col" ? (openBlock(), createElementBlock("div", {
+        key: 1,
+        class: "grid-col-handler"
+      }, [
         createElementVNode("i", null, toDisplayString(_ctx.i18nt("designer.widgetLabel." + $props.widget.type)), 1)
       ])) : createCommentVNode("", true)
     ]),
     _: 1
   }, 16, ["class", "style"])) : createCommentVNode("", true);
 }
-const GridColWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-06e9921c"]]);
+const GridColWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-001977d2"]]);
 export {
   GridColWidget as default
 };

package/src/components/form-designer/form-widget/container-widget/grid-sub-form-widget.vue.js

@@ -61,7 +61,6 @@ const _sfc_main = {
     }
   }
 };
-const _hoisted_1 = { class: "grid-sub-form" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_draggable = resolveComponent("draggable");
   const _component_container_wrapper = resolveComponent("container-wrapper");
@@ -78,7 +77,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         class: normalizeClass(["sub-form-container", { selected: $options.selected }]),
         onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.selectWidget($props.widget), ["stop"]))
       }, [
-        createElementVNode("div", _hoisted_1, [
+        createElementVNode("div", { class: "grid-sub-form" }, [
           createVNode(_component_draggable, mergeProps({
             list: $props.widget.widgetList,
             "item-key": "id"
@@ -109,7 +108,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
 }
-const gridSubFormWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-98e3df89"]]);
+const gridSubFormWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-5ed271ef"]]);
 export {
   gridSubFormWidget as default
 };

package/src/components/form-designer/form-widget/container-widget/grid-widget.vue.js

@@ -77,7 +77,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
 }
-const gridWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-95f5c98f"]]);
+const gridWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-2c9e44ad"]]);
 export {
   gridWidget as default
 };

package/src/components/form-designer/form-widget/container-widget/sub-form-widget.vue.js

@@ -61,7 +61,6 @@ const _sfc_main = {
     }
   }
 };
-const _hoisted_1 = { class: "sub-form-table" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_draggable = resolveComponent("draggable");
   const _component_a_form = resolveComponent("a-form");
@@ -84,7 +83,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           class: "tpf-form"
         }, {
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", { class: "sub-form-table" }, [
               createVNode(_component_draggable, mergeProps({
                 list: $props.widget.widgetList,
                 "item-key": "id"
@@ -125,7 +124,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
 }
-const subFormWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-d710bba2"]]);
+const subFormWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-c6713281"]]);
 export {
   subFormWidget as default
 };

package/src/components/form-designer/form-widget/container-widget/tab-widget.vue.js

@@ -90,7 +90,6 @@ const _sfc_main = {
     }
   }
 };
-const _hoisted_1 = { class: "form-widget-list" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_draggable = resolveComponent("draggable");
   const _component_a_tab_pane = resolveComponent("a-tab-pane");
@@ -138,7 +137,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                     move: _ctx.checkContainerMove
                   }), {
                     item: withCtx(({ element: subWidget, index: swIdx }) => [
-                      createElementVNode("div", _hoisted_1, [
+                      createElementVNode("div", { class: "form-widget-list" }, [
                         "container" === subWidget.category ? (openBlock(), createBlock(resolveDynamicComponent(subWidget.type + "-widget"), {
                           widget: subWidget,
                           designer: $props.designer,
@@ -171,7 +170,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
 }
-const tabWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-9fd86b06"]]);
+const tabWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-2e96c388"]]);
 export {
   tabWidget as default
 };

package/src/components/form-designer/form-widget/container-widget/table-cell-widget.vue.js

@@ -136,7 +136,12 @@ const _sfc_main = {
       this.designer.insertTableCol(this.parentWidget, this.colIndex, this.rowIndex, true);
     },
     insertRightCol() {
-      this.designer.insertTableCol(this.parentWidget, this.colIndex, this.rowIndex, false);
+      this.designer.insertTableCol(
+        this.parentWidget,
+        this.colIndex,
+        this.rowIndex,
+        false
+      );
     },
     insertAboveRow() {
       this.designer.insertTableRow(
@@ -185,7 +190,13 @@ const _sfc_main = {
       );
     },
     mergeAboveRow() {
-      this.designer.mergeTableRow(this.rowArray, this.rowIndex, this.colIndex, true, this.widget);
+      this.designer.mergeTableRow(
+        this.rowArray,
+        this.rowIndex,
+        this.colIndex,
+        true,
+        this.widget
+      );
     },
     mergeBelowRow() {
       this.designer.mergeTableRow(
@@ -230,18 +241,6 @@ const _sfc_main = {
     }
   }
 };
-const _hoisted_1 = ["colspan", "rowspan"];
-const _hoisted_2 = { class: "form-widget-list" };
-const _hoisted_3 = {
-  key: 0,
-  class: "table-cell-action"
-};
-const _hoisted_4 = ["title"];
-const _hoisted_5 = ["title"];
-const _hoisted_6 = {
-  key: 1,
-  class: "table-cell-handler"
-};
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_draggable = resolveComponent("draggable");
   const _component_svg_icon = resolveComponent("svg-icon");
@@ -271,7 +270,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       move: $options.checkContainerMove
     }), {
       item: withCtx(({ element: subWidget, index: swIdx }) => [
-        createElementVNode("div", _hoisted_2, [
+        createElementVNode("div", { class: "form-widget-list" }, [
           "container" === subWidget.category ? (openBlock(), createBlock(resolveDynamicComponent(subWidget.type + "-widget"), {
             widget: subWidget,
             designer: $props.designer,
@@ -292,13 +291,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _: 1
     }, 16, ["list", "onUpdate", "move"]),
-    $props.designer.selectedId === $props.widget.id && $props.widget.type === "table-cell" ? (openBlock(), createElementBlock("div", _hoisted_3, [
+    $props.designer.selectedId === $props.widget.id && $props.widget.type === "table-cell" ? (openBlock(), createElementBlock("div", {
+      key: 0,
+      class: "table-cell-action"
+    }, [
       createElementVNode("i", {
         title: _ctx.i18nt("designer.hint.selectParentWidget"),
         onClick: _cache[2] || (_cache[2] = withModifiers(($event) => $options.selectParentWidget(), ["stop"]))
       }, [
         createVNode(_component_svg_icon, { "icon-class": "el-back" })
-      ], 8, _hoisted_4),
+      ], 8, ["title"]),
       createVNode(_component_a_dropdown, {
         trigger: "click",
         onCommand: $options.handleTableCellCommand,
@@ -434,17 +436,20 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             title: _ctx.i18nt("designer.hint.cellSetting")
           }, [
             createVNode(_component_svg_icon, { "icon-class": "el-menu" })
-          ], 8, _hoisted_5)
+          ], 8, ["title"])
         ]),
         _: 1
       }, 8, ["onCommand"])
     ])) : createCommentVNode("", true),
-    $props.designer.selectedId === $props.widget.id && $props.widget.type === "table-cell" ? (openBlock(), createElementBlock("div", _hoisted_6, [
+    $props.designer.selectedId === $props.widget.id && $props.widget.type === "table-cell" ? (openBlock(), createElementBlock("div", {
+      key: 1,
+      class: "table-cell-handler"
+    }, [
       createElementVNode("i", null, toDisplayString(_ctx.i18nt("designer.widgetLabel." + $props.widget.type)), 1)
     ])) : createCommentVNode("", true)
-  ], 14, _hoisted_1);
+  ], 14, ["colspan", "rowspan"]);
 }
-const TableCellWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-31df4ab7"]]);
+const TableCellWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-6ef336b4"]]);
 export {
   TableCellWidget as default
 };

package/src/components/form-designer/form-widget/container-widget/table-widget.vue.js

@@ -40,7 +40,6 @@ const _sfc_main = {
   },
   methods: {}
 };
-const _hoisted_1 = { class: "table-layout" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_table_cell_widget = resolveComponent("table-cell-widget");
   const _component_container_wrapper = resolveComponent("container-wrapper");
@@ -57,7 +56,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         class: normalizeClass(["table-container", [$options.selected ? "selected" : "", $options.customClass]]),
         onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.selectWidget($props.widget), ["stop"]))
       }, [
-        createElementVNode("table", _hoisted_1, [
+        createElementVNode("table", { class: "table-layout" }, [
           createElementVNode("tbody", null, [
             (openBlock(true), createElementBlock(Fragment, null, renderList($props.widget.rows, (row, rowIdx) => {
               return openBlock(), createElementBlock("tr", {
@@ -89,7 +88,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
 }
-const tableWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-264f6e94"]]);
+const tableWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-12bc6713"]]);
 export {
   tableWidget as default
 };

package/src/components/form-designer/form-widget/container-widget/vf-box-item.vue.js

@@ -17,7 +17,7 @@ const _sfc_main = {
     ContainerItemWrapper,
     SvgIcon,
     ...comps,
-    VFormRender: defineAsyncComponent(() => import("../../../../../render.js"))
+    VFormRender: defineAsyncComponent(() => import("../../../form-render/index.vue.js"))
   },
   props: {
     widget: Object,