@kp-ui/lowcode 1.0.70 → 1.0.72

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,

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

@@ -15,7 +15,7 @@ const _sfc_main = {
     Draggable: draggableComponent,
     ContainerWrapper,
     ...comps,
-    VFormRender: defineAsyncComponent(() => import("../../../../../render.js"))
+    VFormRender: defineAsyncComponent(() => import("../../../form-render/index.vue.js"))
   },
   props: {
     widget: Object,
@@ -116,7 +116,6 @@ const _sfc_main = {
     }
   }
 };
-const _hoisted_1 = { class: "vf-box-drop-zone" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_VFormRender = resolveComponent("VFormRender");
   const _component_draggable = resolveComponent("draggable");
@@ -152,7 +151,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: "vf-box-drop-zone" }, [
               "container" === subWidget.category ? (openBlock(), createBlock(resolveDynamicComponent(subWidget.type + "-widget"), {
                 widget: subWidget,
                 designer: $props.designer,

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

@@ -3,10 +3,6 @@ import { resolveComponent, createBlock, openBlock, withCtx, createElementBlock,
 /* empty css                        */
 /* empty css                        */
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const _hoisted_1 = { class: "tpf-collapse" };
-const _hoisted_2 = { class: "tpf-collapse-header" };
-const _hoisted_3 = { class: "form-widget-list" };
-const _hoisted_4 = { class: "form-widget-list" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_TpfCollapseTitle = resolveComponent("TpfCollapseTitle");
   const _component_SvgIcon = resolveComponent("SvgIcon");
@@ -26,8 +22,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         class: normalizeClass(["collapse-container data-table-container", { selected: $options.selected }]),
         onClick: _cache[2] || (_cache[2] = withModifiers(($event) => $options.selectWidget($props.widget), ["stop"]))
       }, [
-        createElementVNode("div", _hoisted_1, [
-          createElementVNode("div", _hoisted_2, [
+        createElementVNode("div", { class: "tpf-collapse" }, [
+          createElementVNode("div", { class: "tpf-collapse-header" }, [
             createVNode(_component_a_space, { size: 5 }, {
               default: withCtx(() => [
                 createVNode(_component_TpfCollapseTitle, {
@@ -59,7 +55,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 move: _ctx.checkContainerMove
               }), {
                 item: withCtx(({ element: subWidget, index: swIdx }) => [
-                  createElementVNode("div", _hoisted_3, [
+                  createElementVNode("div", { class: "form-widget-list" }, [
                     "container" === subWidget.category ? (openBlock(), createBlock(resolveDynamicComponent(subWidget.type + "-widget"), {
                       widget: subWidget,
                       designer: $props.designer,
@@ -108,7 +104,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   move: _ctx.checkContainerMove
                 }), {
                   item: withCtx(({ element: subWidget, index: swIdx }) => [
-                    createElementVNode("div", _hoisted_4, [
+                    createElementVNode("div", { class: "form-widget-list" }, [
                       "container" === subWidget.category ? (openBlock(), createBlock(resolveDynamicComponent(subWidget.type + "-widget"), {
                         widget: subWidget,
                         designer: $props.designer,

package/src/components/form-designer/form-widget/container-widget/vf-collapse-widget.vue2.js

@@ -19,7 +19,7 @@ const _sfc_main = {
     TpfCollapseTitle,
     SvgIcon,
     gridWidget,
-    VFormRender: defineAsyncComponent(() => import("../../../../../render.js")),
+    VFormRender: defineAsyncComponent(() => import("../../../form-render/index.vue.js")),
     ...comps
   },
   data() {

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

@@ -94,7 +94,6 @@ const _sfc_main = {
     }
   }
 };
-const _hoisted_1 = { class: "vf-dialog-drop-zone" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_draggable = resolveComponent("draggable");
   const _component_container_wrapper = resolveComponent("container-wrapper");
@@ -122,7 +121,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: "vf-dialog-drop-zone" }, [
               "container" === subWidget.category ? (openBlock(), createBlock(resolveDynamicComponent(subWidget.type + "-widget"), {
                 widget: subWidget,
                 designer: $props.designer,
@@ -148,7 +147,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
 }
-const vfDialogWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-cdc2f453"]]);
+const vfDialogWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-f7c155db"]]);
 export {
   vfDialogWidget as default
 };

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

@@ -94,7 +94,6 @@ const _sfc_main = {
     }
   }
 };
-const _hoisted_1 = { class: "vf-drawer-drop-zone" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_draggable = resolveComponent("draggable");
   const _component_container_wrapper = resolveComponent("container-wrapper");
@@ -122,7 +121,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: "vf-drawer-drop-zone" }, [
               "container" === subWidget.category ? (openBlock(), createBlock(resolveDynamicComponent(subWidget.type + "-widget"), {
                 widget: subWidget,
                 designer: $props.designer,
@@ -148,7 +147,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
 }
-const vfDrawerWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-3c06805c"]]);
+const vfDrawerWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-30dce532"]]);
 export {
   vfDrawerWidget as default
 };

package/src/components/form-designer/form-widget/field-widget/attachment-render-widget.vue.js

@@ -77,11 +77,6 @@ const _sfc_main = {
     }
   }
 };
-const _hoisted_1 = {
-  ref: "fieldEditor",
-  class: "t-w-full"
-};
-const _hoisted_2 = { key: 0 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_form_item_wrapper = resolveComponent("form-item-wrapper");
   return !_ctx.handleHidden() ? (openBlock(), createBlock(_component_form_item_wrapper, {
@@ -98,8 +93,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     "sub-form-row-id": $props.subFormRowId
   }, {
     default: withCtx(() => [
-      createElementVNode("div", _hoisted_1, [
-        $data.fieldModel && $data.fieldModel.length ? (openBlock(), createElementBlock("div", _hoisted_2, [
+      createElementVNode("div", {
+        ref: "fieldEditor",
+        class: "t-w-full"
+      }, [
+        $data.fieldModel && $data.fieldModel.length ? (openBlock(), createElementBlock("div", { key: 0 }, [
           (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderCompontent("AttachmentRender")), { data: $data.fieldModel }, null, 8, ["data"]))
         ])) : createCommentVNode("", true)
       ], 512)

package/src/components/form-designer/form-widget/field-widget/bpmn-editor-widget.vue.js

@@ -94,10 +94,6 @@ const _sfc_main = {
     }
   }
 };
-const _hoisted_1 = {
-  ref: "fieldEditor",
-  class: "t-w-full t-h-[30vh]"
-};
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_form_item_wrapper = resolveComponent("form-item-wrapper");
   return !_ctx.handleHidden() ? (openBlock(), createBlock(_component_form_item_wrapper, {
@@ -114,7 +110,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     "sub-form-row-id": $props.subFormRowId
   }, {
     default: withCtx(() => [
-      createElementVNode("div", _hoisted_1, null, 512)
+      createElementVNode("div", {
+        ref: "fieldEditor",
+        class: "t-w-full t-h-[30vh]"
+      }, null, 512)
     ]),
     _: 1
   }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"])) : createCommentVNode("", true);

package/src/components/form-designer/form-widget/field-widget/cascader-widget.vue.js

@@ -102,7 +102,6 @@ const _sfc_main = {
     }
   }
 };
-const _hoisted_1 = { class: "readonly-mode-field" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_cascader = resolveComponent("a-cascader");
   const _component_a_tooltip = resolveComponent("a-tooltip");
@@ -147,7 +146,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           overlayStyle: { zIndex: 1e3 }
         }, {
           default: withCtx(() => [
-            createElementVNode("span", _hoisted_1, toDisplayString($options.contentForReadMode), 1)
+            createElementVNode("span", { class: "readonly-mode-field" }, toDisplayString($options.contentForReadMode), 1)
           ]),
           _: 1
         }, 8, ["title"])) : createCommentVNode("", true)

package/src/components/form-designer/form-widget/field-widget/checkbox-widget.vue.js

@@ -66,10 +66,6 @@ const _sfc_main = {
   },
   methods: {}
 };
-const _hoisted_1 = {
-  key: 0,
-  class: "readonly-mode-field"
-};
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_checkbox = resolveComponent("a-checkbox");
   const _component_a_checkbox_group = resolveComponent("a-checkbox-group");
@@ -115,7 +111,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }, 8, ["value", "disabled", "onChange"]), [
         [vShow, !_ctx.isReadMode]
       ]),
-      _ctx.isReadMode ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(_ctx.optionLabel), 1)) : createCommentVNode("", true)
+      _ctx.isReadMode ? (openBlock(), createElementBlock("span", {
+        key: 0,
+        class: "readonly-mode-field"
+      }, toDisplayString(_ctx.optionLabel), 1)) : createCommentVNode("", true)
     ]),
     _: 1
   }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"])) : createCommentVNode("", true);

package/src/components/form-designer/form-widget/field-widget/color-widget.vue.js

@@ -65,10 +65,6 @@ const _sfc_main = {
   },
   methods: {}
 };
-const _hoisted_1 = {
-  key: 0,
-  class: "readonly-mode-field"
-};
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_input = resolveComponent("a-input");
   const _component_form_item_wrapper = resolveComponent("form-item-wrapper");
@@ -96,7 +92,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           onChange: _ctx.handleChangeEvent,
           type: "color"
         }, null, 8, ["value", "onChange"]),
-        _ctx.isReadMode ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString($data.fieldModel), 1)) : createCommentVNode("", true)
+        _ctx.isReadMode ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          class: "readonly-mode-field"
+        }, toDisplayString($data.fieldModel), 1)) : createCommentVNode("", true)
       ], 2)
     ]),
     _: 1

package/src/components/form-designer/form-widget/field-widget/date-range-widget.vue.js

@@ -73,7 +73,6 @@ const _sfc_main = {
   },
   methods: {}
 };
-const _hoisted_1 = { class: "readonly-mode-field" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_range_picker = resolveComponent("a-range-picker");
   const _component_a_tooltip = resolveComponent("a-tooltip");
@@ -122,7 +121,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           overlayStyle: { zIndex: 1e3 }
         }, {
           default: withCtx(() => [
-            createElementVNode("span", _hoisted_1, toDisplayString($options.contentForReadMode), 1)
+            createElementVNode("span", { class: "readonly-mode-field" }, toDisplayString($options.contentForReadMode), 1)
           ]),
           _: 1
         }, 8, ["title"])) : createCommentVNode("", true)

package/src/components/form-designer/form-widget/field-widget/date-widget.vue.js

@@ -76,7 +76,6 @@ const _sfc_main = {
   },
   methods: {}
 };
-const _hoisted_1 = { class: "readonly-mode-field" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_date_picker = resolveComponent("a-date-picker");
   const _component_a_tooltip = resolveComponent("a-tooltip");
@@ -126,7 +125,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           overlayStyle: { zIndex: 1e3 }
         }, {
           default: withCtx(() => [
-            createElementVNode("span", _hoisted_1, toDisplayString($data.fieldModel), 1)
+            createElementVNode("span", { class: "readonly-mode-field" }, toDisplayString($data.fieldModel), 1)
           ]),
           _: 1
         }, 8, ["title"])) : createCommentVNode("", true)

package/src/components/form-designer/form-widget/field-widget/diy-compontent-widget.vue.js

@@ -64,11 +64,6 @@ const _sfc_main = {
     renderComponent
   }
 };
-const _hoisted_1 = {
-  key: 0,
-  class: "slot-title"
-};
-const _hoisted_2 = { key: 1 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_static_content_wrapper = resolveComponent("static-content-wrapper");
   return openBlock(), createBlock(_component_static_content_wrapper, {
@@ -86,7 +81,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("div", {
         class: normalizeClass([!!$props.designState ? "slot-wrapper-design" : "slot-wrapper-render"])
       }, [
-        !!$props.designState ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(_ctx.i18nt("designer.widgetLabel.diy-compontent")) + " " + toDisplayString($props.field.options.diyCompontent), 1)) : (openBlock(), createElementBlock("div", _hoisted_2, [
+        !!$props.designState ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "slot-title"
+        }, toDisplayString(_ctx.i18nt("designer.widgetLabel.diy-compontent")) + " " + toDisplayString($props.field.options.diyCompontent), 1)) : (openBlock(), createElementBlock("div", { key: 1 }, [
           (openBlock(), createBlock(resolveDynamicComponent($options.renderComponent($props.field.options.diyCompontent)), normalizeProps(guardReactiveProps({
             data: $data.fieldModel,
             ...$props.field.options.props

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

@@ -75,8 +75,12 @@ const fieldMixin = {
       const { onDisabled, disabled } = this.field.options;
       if (disabled) return true;
       if (onDisabled) {
-        const disabledFn = new Function(onDisabled);
-        return disabledFn.call(this);
+        try {
+          const disabledFn = new Function(onDisabled);
+          return disabledFn.call(this);
+        } catch (error) {
+          console.log({ error });
+        }
       }
       return false;
     },

package/src/components/form-designer/form-widget/field-widget/file-upload-widget.vue.js

@@ -2,14 +2,6 @@ import _sfc_main from "./file-upload-widget.vue2.js";
 import { resolveComponent, createBlock, createCommentVNode, openBlock, withCtx, createVNode, createElementVNode, normalizeClass, createTextVNode, createElementBlock, Fragment, renderList, toDisplayString } from "vue";
 /* empty css                        */
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const _hoisted_1 = ["loading", "disabled"];
-const _hoisted_2 = {
-  gutter: 20,
-  class: "fileUploadTip"
-};
-const _hoisted_3 = { key: 0 };
-const _hoisted_4 = { key: 1 };
-const _hoisted_5 = ["src"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_SvgIcon = resolveComponent("SvgIcon");
   const _component_a_space = resolveComponent("a-space");
@@ -58,18 +50,21 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 disabled: _ctx.handleDisabled()
               }, [
                 createVNode(_component_SvgIcon, { "icon-class": "daochu" }),
-                _cache[1] || (_cache[1] = createTextVNode(" 上传文件 "))
-              ], 8, _hoisted_1)
+                createTextVNode(" 上传文件 ")
+              ], 8, ["loading", "disabled"])
             ]),
             _: 1
           })
         ]),
         _: 1
       }, 8, ["disabled", "class", "multiple", "accept", "maxCount", "file-list", "listType", "customRequest", "iconRender", "onPreview", "onRemove"]),
-      createElementVNode("div", _hoisted_2, [
+      createElementVNode("div", {
+        gutter: 20,
+        class: "fileUploadTip"
+      }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList($options.descCol, (item, inx) => {
           return openBlock(), createElementBlock("div", { key: inx }, [
-            $options.descCol.length > 1 ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(inx + 1) + "、" + toDisplayString(item), 1)) : (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(item), 1))
+            $options.descCol.length > 1 ? (openBlock(), createElementBlock("span", { key: 0 }, toDisplayString(inx + 1) + "、" + toDisplayString(item), 1)) : (openBlock(), createElementBlock("span", { key: 1 }, toDisplayString(item), 1))
           ]);
         }), 128))
       ]),
@@ -84,7 +79,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           createElementVNode("img", {
             style: { "width": "100%" },
             src: $data.previewImage
-          }, null, 8, _hoisted_5)
+          }, null, 8, ["src"])
         ]),
         _: 1
       }, 8, ["visible", "title", "onCancel"])

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

@@ -157,30 +157,6 @@ const _sfc_main = {
     }
   }
 };
-const _hoisted_1 = { class: "label-box" };
-const _hoisted_2 = {
-  key: 0,
-  class: "custom-label"
-};
-const _hoisted_3 = { class: "label-text" };
-const _hoisted_4 = { class: "label-text" };
-const _hoisted_5 = { class: "label-text" };
-const _hoisted_6 = { class: "label-text" };
-const _hoisted_7 = { class: "label-text" };
-const _hoisted_8 = {
-  key: 0,
-  class: "field-action"
-};
-const _hoisted_9 = ["title"];
-const _hoisted_10 = ["title"];
-const _hoisted_11 = ["title"];
-const _hoisted_12 = ["title"];
-const _hoisted_13 = {
-  key: 1,
-  class: "drag-handler background-opacity"
-};
-const _hoisted_14 = ["title"];
-const _hoisted_15 = { key: 0 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_svg_icon = resolveComponent("svg-icon");
   const _component_a_tooltip = resolveComponent("a-tooltip");
@@ -200,8 +176,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: _cache[0] || (_cache[0] = withModifiers(($event) => $options.selectField($props.field), ["stop"]))
     }, {
       label: withCtx(() => [
-        createElementVNode("div", _hoisted_1, [
-          !!$props.field.options.labelIconClass ? (openBlock(), createElementBlock("span", _hoisted_2, [
+        createElementVNode("div", { class: "label-box" }, [
+          !!$props.field.options.labelIconClass ? (openBlock(), createElementBlock("span", {
+            key: 0,
+            class: "custom-label"
+          }, [
             $props.field.options.labelIconPosition === "front" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
               !!$props.field.options.labelTooltip ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                 createVNode(_component_a_tooltip, {
@@ -220,7 +199,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   overlayStyle: { zIndex: 1e3 }
                 }, {
                   default: withCtx(() => [
-                    createElementVNode("div", _hoisted_3, toDisplayString($options.label), 1)
+                    createElementVNode("div", { class: "label-text" }, toDisplayString($options.label), 1)
                   ]),
                   _: 1
                 }, 8, ["title"])
@@ -233,7 +212,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   overlayStyle: { zIndex: 1e3 }
                 }, {
                   default: withCtx(() => [
-                    createElementVNode("div", _hoisted_4, toDisplayString($options.label), 1)
+                    createElementVNode("div", { class: "label-text" }, toDisplayString($options.label), 1)
                   ]),
                   _: 1
                 }, 8, ["title"])
@@ -245,7 +224,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   overlayStyle: { zIndex: 1e3 }
                 }, {
                   default: withCtx(() => [
-                    createElementVNode("div", _hoisted_5, toDisplayString($options.label), 1)
+                    createElementVNode("div", { class: "label-text" }, toDisplayString($options.label), 1)
                   ]),
                   _: 1
                 }, 8, ["title"]),
@@ -266,7 +245,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   overlayStyle: { zIndex: 1e3 }
                 }, {
                   default: withCtx(() => [
-                    createElementVNode("div", _hoisted_6, toDisplayString($options.label), 1)
+                    createElementVNode("div", { class: "label-text" }, toDisplayString($options.label), 1)
                   ]),
                   _: 1
                 }, 8, ["title"]),
@@ -281,7 +260,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             overlayStyle: { zIndex: 1e3 }
           }, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_7, toDisplayString($options.label), 1)
+              createElementVNode("div", { class: "label-text" }, toDisplayString($options.label), 1)
             ]),
             _: 1
           }, 8, ["title"]))
@@ -293,49 +272,58 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       _: 3
     }, 8, ["labelCol", "title", "size", "rules", "name", "labelAlign", "class"])) : createCommentVNode("", true),
     !!this.designer ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-      $props.designer.selectedId === $props.field.id ? (openBlock(), createElementBlock("div", _hoisted_8, [
+      $props.designer.selectedId === $props.field.id ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: "field-action"
+      }, [
         createElementVNode("i", {
           title: _ctx.i18nt("designer.hint.selectParentWidget"),
           onClick: _cache[1] || (_cache[1] = withModifiers(($event) => $options.selectParentWidget($props.field), ["stop"]))
         }, [
           createVNode(_component_svg_icon, { "icon-class": "el-back" })
-        ], 8, _hoisted_9),
+        ], 8, ["title"]),
         !!$props.parentList && $props.parentList.length > 1 ? (openBlock(), createElementBlock("i", {
           key: 0,
           title: _ctx.i18nt("designer.hint.moveUpWidget"),
           onClick: _cache[2] || (_cache[2] = withModifiers(($event) => $options.moveUpWidget($props.field), ["stop"]))
         }, [
           createVNode(_component_svg_icon, { "icon-class": "el-move-up" })
-        ], 8, _hoisted_10)) : 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[3] || (_cache[3] = withModifiers(($event) => $options.moveDownWidget($props.field), ["stop"]))
         }, [
           createVNode(_component_svg_icon, { "icon-class": "el-move-down" })
-        ], 8, _hoisted_11)) : createCommentVNode("", true),
+        ], 8, ["title"])) : createCommentVNode("", true),
         createElementVNode("i", {
           title: _ctx.i18nt("designer.hint.remove"),
           onClick: _cache[4] || (_cache[4] = withModifiers((...args) => $options.removeFieldWidget && $options.removeFieldWidget(...args), ["stop"]))
         }, [
           createVNode(_component_svg_icon, { "icon-class": "el-delete" })
-        ], 8, _hoisted_12)
+        ], 8, ["title"])
       ])) : createCommentVNode("", true),
-      $props.designer.selectedId === $props.field.id ? (openBlock(), createElementBlock("div", _hoisted_13, [
+      $props.designer.selectedId === $props.field.id ? (openBlock(), createElementBlock("div", {
+        key: 1,
+        class: "drag-handler background-opacity"
+      }, [
         createElementVNode("i", {
           title: _ctx.i18nt("designer.hint.dragHandler")
         }, [
           createVNode(_component_svg_icon, { "icon-class": "el-drag-move" })
-        ], 8, _hoisted_14),
-        createElementVNode("i", null, toDisplayString(_ctx.i18n2t(`designer.widgetLabel.${$props.field.type}`, `extension.widgetLabel.${$props.field.type}`)), 1),
-        $props.field.options.hidden === true ? (openBlock(), createElementBlock("i", _hoisted_15, [
+        ], 8, ["title"]),
+        createElementVNode("i", null, toDisplayString(_ctx.i18n2t(
+          `designer.widgetLabel.${$props.field.type}`,
+          `extension.widgetLabel.${$props.field.type}`
+        )), 1),
+        $props.field.options.hidden === true ? (openBlock(), createElementBlock("i", { key: 0 }, [
           createVNode(_component_svg_icon, { "icon-class": "el-hide" })
         ])) : createCommentVNode("", true)
       ])) : createCommentVNode("", true)
     ], 64)) : createCommentVNode("", true)
   ], 2);
 }
-const FormItemWrapper = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-e7234e21"]]);
+const FormItemWrapper = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-da3265fc"]]);
 export {
   FormItemWrapper as default
 };

package/src/components/form-designer/form-widget/field-widget/html-text-widget.vue.js

@@ -55,7 +55,6 @@ const _sfc_main = {
   },
   methods: {}
 };
-const _hoisted_1 = ["innerHTML"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_static_content_wrapper = resolveComponent("static-content-wrapper");
   return !_ctx.handleHidden() ? (openBlock(), createBlock(_component_static_content_wrapper, {
@@ -75,7 +74,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ref: "fieldEditor",
         class: "htmlContent",
         innerHTML: $props.field.options.htmlContent
-      }, null, 8, _hoisted_1)
+      }, null, 8, ["innerHTML"])
     ]),
     _: 1
   }, 8, ["designer", "field", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"])) : createCommentVNode("", true);

package/src/components/form-designer/form-widget/field-widget/input-widget.vue.js

@@ -84,7 +84,6 @@ const _sfc_main = {
   },
   methods: {}
 };
-const _hoisted_1 = { class: "readonly-mode-field" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_svg_icon = resolveComponent("svg-icon");
   const _component_a_button = resolveComponent("a-button");
@@ -153,7 +152,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         overlayStyle: { zIndex: 1e3 }
       }, {
         default: withCtx(() => [
-          createElementVNode("span", _hoisted_1, toDisplayString($data.fieldModel), 1)
+          createElementVNode("span", { class: "readonly-mode-field" }, toDisplayString($data.fieldModel), 1)
         ]),
         _: 1
       }, 8, ["title"])) : createCommentVNode("", true)

package/src/components/form-designer/form-widget/field-widget/number-widget.vue.js

@@ -76,7 +76,6 @@ const _sfc_main = {
   },
   methods: {}
 };
-const _hoisted_1 = { class: "readonly-mode-field" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_input_number = resolveComponent("a-input-number");
   const _component_a_tooltip = resolveComponent("a-tooltip");
@@ -121,7 +120,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         overlayStyle: { zIndex: 1e3 }
       }, {
         default: withCtx(() => [
-          createElementVNode("span", _hoisted_1, toDisplayString($data.fieldModel), 1)
+          createElementVNode("span", { class: "readonly-mode-field" }, toDisplayString($data.fieldModel), 1)
         ]),
         _: 1
       }, 8, ["title"])) : createCommentVNode("", true)

package/src/components/form-designer/form-widget/field-widget/picture-upload-widget.vue.js

@@ -222,12 +222,6 @@ const _sfc_main = {
     }
   }
 };
-const _hoisted_1 = {
-  key: 0,
-  class: "el-upload__tip"
-};
-const _hoisted_2 = { class: "uploader-icon" };
-const _hoisted_3 = ["src"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_svg_icon = resolveComponent("svg-icon");
   const _component_a_upload = resolveComponent("a-upload");
@@ -269,10 +263,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         "on-remove": $options.handlePictureRemove
       }, {
         tip: withCtx(() => [
-          !!$props.field.options.uploadTip ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString($props.field.options.uploadTip), 1)) : createCommentVNode("", true)
+          !!$props.field.options.uploadTip ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "el-upload__tip"
+          }, toDisplayString($props.field.options.uploadTip), 1)) : createCommentVNode("", true)
         ]),
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", { class: "uploader-icon" }, [
             createVNode(_component_svg_icon, { "icon-class": "el-plus" })
           ])
         ]),
@@ -295,7 +292,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             src: $data.previewUrl,
             style: { "width": "100%" },
             alt: ""
-          }, null, 8, _hoisted_3)
+          }, null, 8, ["src"])
         ]),
         _: 1
       }, 8, ["visible"])