ele-admin-plus 1.4.1 → 1.5.0-beta.2

package/lib/ele-pro-form-builder/components/json-input.cjs

@@ -55,7 +55,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         type: "textarea",
         modelValue: inputValue.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
-        placeholder: _ctx.placeholder,
+        placeholder: __props.placeholder,
         onChange: handleInputChange
       }, null, 8, ["modelValue", "placeholder"]);
     };

package/lib/ele-pro-form-builder/components/options-code.cjs

@@ -9,7 +9,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     data: {},
     codePlaceholder: {},
     codePrefix: {},
-    codeEditerComponent: { type: [String, Object, Function] }
+    codeEditerComponent: {}
   },
   setup(__props, { expose: __expose }) {
     const props = __props;
@@ -39,7 +39,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.codeEditerComponent || CodeEditer), {
+        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.codeEditerComponent || CodeEditer), {
           modelValue: codeContent.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => codeContent.value = $event)
         }, null, 8, ["modelValue"]))

package/lib/ele-pro-form-builder/components/options-edit.cjs

@@ -20,7 +20,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     codeTips: {},
     codePlaceholder: {},
     codePrefix: {},
-    codeEditerComponent: { type: [String, Object, Function] }
+    codeEditerComponent: {}
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -44,8 +44,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       visible.value = false;
     };
     const handleSave = () => {
-      var _a, _b;
-      const result = (_b = (_a = editerRef.value) == null ? void 0 : _a.getResult) == null ? void 0 : _b.call(_a);
+      const result = editerRef.value?.getResult?.();
       emit("update:modelValue", result ?? []);
       visible.value = false;
     };
@@ -57,7 +56,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           onClick: openModal
         }, {
           default: vue.withCtx(() => [
-            vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
+            vue.createTextVNode(vue.toDisplayString(__props.title), 1)
           ]),
           _: 1
         }),
@@ -65,7 +64,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           width: 960,
           maxable: true,
           position: "center",
-          title: _ctx.title,
+          title: __props.title,
           modelValue: visible.value,
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => visible.value = $event),
           closeOnClickModal: false,
@@ -84,26 +83,24 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               size: "default",
               onClick: handleCancel
             }, {
-              default: vue.withCtx(() => _cache[2] || (_cache[2] = [
-                vue.createTextVNode("取消")
-              ])),
-              _: 1,
-              __: [2]
+              default: vue.withCtx(() => [..._cache[2] || (_cache[2] = [
+                vue.createTextVNode("取消", -1)
+              ])]),
+              _: 1
             }),
             vue.createVNode(vue.unref(elementPlus.ElButton), {
               type: "primary",
               size: "default",
               onClick: handleSave
             }, {
-              default: vue.withCtx(() => _cache[3] || (_cache[3] = [
-                vue.createTextVNode(" 保存 ")
-              ])),
-              _: 1,
-              __: [3]
+              default: vue.withCtx(() => [..._cache[3] || (_cache[3] = [
+                vue.createTextVNode(" 保存 ", -1)
+              ])]),
+              _: 1
             })
           ]),
           default: vue.withCtx(() => [
-            _ctx.codeOptions ? (vue.openBlock(), vue.createBlock(EleTabBar, {
+            __props.codeOptions ? (vue.openBlock(), vue.createBlock(EleTabBar, {
               key: 0,
               modelValue: optionsType.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => optionsType.value = $event),
@@ -116,34 +113,34 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             }, {
               label: vue.withCtx(({ label, item }) => [
                 vue.createElementVNode("span", null, vue.toDisplayString(label), 1),
-                optionsType.value === "optionsCode" && item.value === "optionsCode" && _ctx.codeTips ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), {
+                optionsType.value === "optionsCode" && item.value === "optionsCode" && __props.codeTips ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), {
                   key: 0,
                   class: "ele-pro-form-builder-code-edit-icon"
                 }, {
                   default: vue.withCtx(() => [
                     vue.createVNode(vue.unref(index.QuestionCircleOutlined)),
-                    vue.createElementVNode("div", _hoisted_1, vue.toDisplayString(_ctx.codeTips), 1)
+                    vue.createElementVNode("div", _hoisted_1, vue.toDisplayString(__props.codeTips), 1)
                   ]),
                   _: 1
                 })) : vue.createCommentVNode("", true)
               ]),
               _: 1
             }, 8, ["modelValue"])) : vue.createCommentVNode("", true),
-            !_ctx.codeOptions || optionsType.value === "optionsTable" ? (vue.openBlock(), vue.createBlock(OptionsTable, {
+            !__props.codeOptions || optionsType.value === "optionsTable" ? (vue.openBlock(), vue.createBlock(OptionsTable, {
               key: 1,
               ref_key: "editerRef",
               ref: editerRef,
-              data: _ctx.modelValue,
-              isTreeData: _ctx.isTreeData,
-              columns: _ctx.columns
-            }, null, 8, ["data", "isTreeData", "columns"])) : _ctx.codeOptions ? (vue.openBlock(), vue.createBlock(OptionsCode, {
+              data: __props.modelValue,
+              isTreeData: __props.isTreeData,
+              columns: __props.columns
+            }, null, 8, ["data", "isTreeData", "columns"])) : __props.codeOptions ? (vue.openBlock(), vue.createBlock(OptionsCode, {
               key: 2,
               ref_key: "editerRef",
               ref: editerRef,
-              data: _ctx.modelValue,
-              codePlaceholder: _ctx.codePlaceholder,
+              data: __props.modelValue,
+              codePlaceholder: __props.codePlaceholder,
               codePrefix: codePrefixStr.value,
-              codeEditerComponent: _ctx.codeEditerComponent
+              codeEditerComponent: __props.codeEditerComponent
             }, null, 8, ["data", "codePlaceholder", "codePrefix", "codeEditerComponent"])) : vue.createCommentVNode("", true)
           ]),
           _: 1

package/lib/ele-pro-form-builder/components/options-table.cjs

@@ -40,8 +40,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const tableMinWidth = vue.computed(() => {
       let width = 0;
       tableColumns.value.forEach((col) => {
-        var _a;
-        const w = (_a = col.style) == null ? void 0 : _a.width;
+        const w = col.style?.width;
         const wn = w == null || typeof w === "number" ? w : Number.parseInt(w);
         width += (wn == null || isNaN(wn) ? void 0 : wn) ?? 120;
       });
@@ -236,13 +235,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         data: tableData.value,
         columns: tableColumns.value,
         tableStyle: { minWidth: tableMinWidth.value },
-        class: vue.normalizeClass([
-          "ele-pro-form-builder-options-editer",
-          { "is-table-data": _ctx.columns === "tableData" }
-        ])
+        class: vue.normalizeClass(["ele-pro-form-builder-options-editer", { "is-table-data": __props.columns === "tableData" }])
       }, {
         bodyCell: vue.withCtx(({ row, column, treeLevel }) => [
-          _ctx.columns === "tableColumns" && column.prop === "align" ? (vue.openBlock(), vue.createBlock(EleSelect, {
+          __props.columns === "tableColumns" && column.prop === "align" ? (vue.openBlock(), vue.createBlock(EleSelect, {
             key: 0,
             size: "default",
             placeholder: "",
@@ -256,7 +252,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             ],
             popperOptions: { strategy: "fixed" },
             class: "ele-fluid"
-          }, null, 8, ["modelValue", "onUpdate:modelValue"])) : _ctx.columns === "tableColumns" && column.prop === "fixed" ? (vue.openBlock(), vue.createBlock(EleSelect, {
+          }, null, 8, ["modelValue", "onUpdate:modelValue"])) : __props.columns === "tableColumns" && column.prop === "fixed" ? (vue.openBlock(), vue.createBlock(EleSelect, {
             key: 1,
             size: "default",
             placeholder: "",
@@ -270,7 +266,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             ],
             popperOptions: { strategy: "fixed" },
             class: "ele-fluid"
-          }, null, 8, ["modelValue", "onUpdate:modelValue"])) : _ctx.columns === "tableColumns" && column.prop === "type" ? (vue.openBlock(), vue.createBlock(EleSelect, {
+          }, null, 8, ["modelValue", "onUpdate:modelValue"])) : __props.columns === "tableColumns" && column.prop === "type" ? (vue.openBlock(), vue.createBlock(EleSelect, {
             key: 2,
             size: "default",
             placeholder: "",
@@ -285,7 +281,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             ],
             popperOptions: { strategy: "fixed" },
             class: "ele-fluid"
-          }, null, 8, ["modelValue", "onUpdate:modelValue"])) : _ctx.columns === "tableColumns" && column.prop === "sortable" ? (vue.openBlock(), vue.createBlock(EleSelect, {
+          }, null, 8, ["modelValue", "onUpdate:modelValue"])) : __props.columns === "tableColumns" && column.prop === "sortable" ? (vue.openBlock(), vue.createBlock(EleSelect, {
             key: 3,
             size: "default",
             placeholder: "",
@@ -322,7 +318,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               tooltip: "删除数据",
               onClick: ($event) => handleDelete(row)
             }, null, 8, ["buttonProps", "onClick"]),
-            _ctx.isTreeData && !(typeof _ctx.isTreeData === "object" && _ctx.isTreeData.maxDepth && (treeLevel || 1) >= _ctx.isTreeData.maxDepth) ? (vue.openBlock(), vue.createBlock(ToolButton, {
+            __props.isTreeData && !(typeof __props.isTreeData === "object" && __props.isTreeData.maxDepth && (treeLevel || 1) >= __props.isTreeData.maxDepth) ? (vue.openBlock(), vue.createBlock(ToolButton, {
               key: 0,
               buttonProps: {
                 type: "primary",
@@ -335,7 +331,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           ])) : vue.createCommentVNode("", true)
         ]),
         headerCell: vue.withCtx(({ column }) => [
-          _ctx.columns === "tableData" && column.prop ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+          __props.columns === "tableData" && column.prop ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
             vue.createVNode(vue.unref(elementPlus.ElInput), {
               size: "default",
               clearable: true,
@@ -352,7 +348,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               onClick: ($event) => handleDeleteCol(column)
             }, null, 8, ["buttonProps", "onClick"])
           ])) : column.key === actionColKey ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
-            _ctx.columns === "tableData" ? (vue.openBlock(), vue.createBlock(ToolButton, {
+            __props.columns === "tableData" ? (vue.openBlock(), vue.createBlock(ToolButton, {
               key: 0,
               buttonProps: {
                 type: "primary",

package/lib/ele-pro-form-builder/components/outline-list.cjs

@@ -50,11 +50,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       emit("updateItemChildren", children, parentKey);
     };
     const handleUpdateModelValue = (data) => {
-      var _a;
       if (props.parent != null && props.parent.key == null) {
         return;
       }
-      handleUpdateItemChildren(data, (_a = props.parent) == null ? void 0 : _a.key);
+      handleUpdateItemChildren(data, props.parent?.key);
     };
     const itemIsContainerType = (item) => {
       return util.isContainerType(item, props.itemTypeData);
@@ -69,7 +68,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       const _component_OutlineList = vue.resolveComponent("OutlineList", true);
       return vue.openBlock(), vue.createBlock(vue.unref(VueDraggable), {
         itemKey: "key",
-        modelValue: _ctx.items,
+        modelValue: __props.items,
         forceFallback: true,
         fallbackOnBody: true,
         setData: () => void 0,
@@ -80,25 +79,24 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }, {
         item: vue.withCtx(({ element }) => [
           vue.createElementVNode("div", {
-            class: vue.normalizeClass([
-              "ele-pro-form-builder-outline-item",
+            class: vue.normalizeClass(["ele-pro-form-builder-outline-item", [
               {
-                "is-active": element.key != null && _ctx.currentFormItemId != null && _ctx.currentFormItemId === element.key
+                "is-active": element.key != null && __props.currentFormItemId != null && __props.currentFormItemId === element.key
               },
               {
-                "is-collapse": element.key != null && _ctx.collapseItemIds && _ctx.collapseItemIds.includes(element.key)
+                "is-collapse": element.key != null && __props.collapseItemIds && __props.collapseItemIds.includes(element.key)
               },
               { "is-form-item": !itemIsContainerType(element) }
-            ])
+            ]])
           }, [
             itemIsContainerType(element) ? (vue.openBlock(), vue.createBlock(_component_OutlineList, {
               key: 0,
               items: element.children || [],
-              currentFormItemId: _ctx.currentFormItemId,
-              collapseItemIds: _ctx.collapseItemIds,
+              currentFormItemId: __props.currentFormItemId,
+              collapseItemIds: __props.collapseItemIds,
               parent: element,
-              componentData: _ctx.componentData,
-              itemTypeData: _ctx.itemTypeData,
+              componentData: __props.componentData,
+              itemTypeData: __props.itemTypeData,
               "onUpdate:currentFormItemId": handleUpdateCurrentFormItemId,
               onToggleItemCollapse: handleToggleItemCollapse,
               onDeleteItem: handleDeleteItem,
@@ -109,7 +107,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             }, null, 8, ["items", "currentFormItemId", "collapseItemIds", "parent", "componentData", "itemTypeData"])) : vue.createCommentVNode("", true),
             vue.createElementVNode("div", {
               class: "ele-pro-form-builder-outline-item-body",
-              title: (element.prop ?? "") + " " + (element.label ?? ""),
+              title: `${element.prop ?? ""} ${element.label ?? ""}`,
               onClick: ($event) => handleUpdateCurrentFormItemId(element.key)
             }, [
               element.children && element.children.length ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), {
@@ -120,12 +118,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 default: vue.withCtx(() => [
                   vue.createVNode(vue.unref(index.ArrowDown))
                 ]),
-                _: 2
-              }, 1032, ["onClick"])) : vue.createCommentVNode("", true),
+                _: 1
+              }, 8, ["onClick"])) : vue.createCommentVNode("", true),
               vue.createElementVNode("div", _hoisted_2, [
                 vue.createVNode(ComponentName, {
                   itemType: element.type,
-                  componentData: _ctx.componentData,
+                  componentData: __props.componentData,
                   class: "ele-pro-form-builder-outline-item-type-tag"
                 }, null, 8, ["itemType", "componentData"]),
                 vue.createElementVNode("span", _hoisted_3, vue.toDisplayString(element.prop), 1),
@@ -140,8 +138,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 default: vue.withCtx(() => [
                   vue.createVNode(vue.unref(index.DeleteOutlined))
                 ]),
-                _: 2
-              }, 1032, ["onClick"])) : vue.createCommentVNode("", true),
+                _: 1
+              }, 8, ["onClick"])) : vue.createCommentVNode("", true),
               !isTableChildType(element) ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), {
                 key: 2,
                 class: "ele-pro-form-builder-outline-item-tool",
@@ -151,8 +149,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 default: vue.withCtx(() => [
                   vue.createVNode(vue.unref(index.CopyOutlined))
                 ]),
-                _: 2
-              }, 1032, ["onClick"])) : vue.createCommentVNode("", true),
+                _: 1
+              }, 8, ["onClick"])) : vue.createCommentVNode("", true),
               element.type === "table" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), {
                 key: 3,
                 class: "ele-pro-form-builder-outline-item-tool",
@@ -162,8 +160,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 default: vue.withCtx(() => [
                   vue.createVNode(vue.unref(index.InsertRowOutlined))
                 ]),
-                _: 2
-              }, 1032, ["onClick"])) : vue.createCommentVNode("", true),
+                _: 1
+              }, 8, ["onClick"])) : vue.createCommentVNode("", true),
               element.type === "table" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), {
                 key: 4,
                 class: "ele-pro-form-builder-outline-item-tool",
@@ -173,8 +171,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 default: vue.withCtx(() => [
                   vue.createVNode(vue.unref(index.InsertColumnOutlined))
                 ]),
-                _: 2
-              }, 1032, ["onClick"])) : vue.createCommentVNode("", true),
+                _: 1
+              }, 8, ["onClick"])) : vue.createCommentVNode("", true),
               element.type === "tableCell" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), {
                 key: 5,
                 class: "ele-pro-form-builder-outline-item-tool",
@@ -182,10 +180,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 onClick: vue.withModifiers((e) => handleOpenTableTool(element, e), ["stop"])
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(index.AppstoreAddOutlined), { style: { "transform": "scale(1.1)" } })
+                  vue.createVNode(vue.unref(index.AppstoreAddOutlined), { style: { transform: "scale(1.1)" } })
                 ]),
-                _: 2
-              }, 1032, ["onClick"])) : vue.createCommentVNode("", true),
+                _: 1
+              }, 8, ["onClick"])) : vue.createCommentVNode("", true),
               itemIsContainerType(element) && element.type !== "table" && element.type !== "tableRow" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), {
                 key: 6,
                 class: "ele-pro-form-builder-outline-item-tool",
@@ -206,7 +204,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 default: vue.withCtx(() => [
                   element.type && vue.unref(buildCore.fixedChildTypes).some((d) => d.type === element.type) ? (vue.openBlock(), vue.createBlock(vue.unref(index.PlusSquareDashOutlined), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(index.PlusOutlined), {
                     key: 1,
-                    style: { "transform": "scale(1.1)" }
+                    style: { transform: "scale(1.1)" }
                   }))
                 ]),
                 _: 2
@@ -218,7 +216,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 }, ["stop"]))
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(index.DragOutlined), { style: { "transform": "scale(1.1)" } })
+                  vue.createVNode(vue.unref(index.DragOutlined), { style: { transform: "scale(1.1)" } })
                 ]),
                 _: 1
               }),

package/lib/ele-pro-form-builder/components/outline-tree.cjs

@@ -52,10 +52,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const handleOpenTableTool = (item, e) => {
-      var _a, _b;
       const el = e.currentTarget;
-      const triggerEl = (_b = (_a = el == null ? void 0 : el.parentElement) == null ? void 0 : _a.querySelector) == null ? void 0 : _b.call(
-        _a,
+      const triggerEl = el?.parentElement?.querySelector?.(
         ".ele-pro-form-builder-outline-item-table-tool-trigger"
       );
       emit("openTableTool", item.key, triggerEl);
@@ -84,13 +82,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     );
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-        _ctx.formItems ? (vue.openBlock(), vue.createBlock(OutlineList, {
+        __props.formItems ? (vue.openBlock(), vue.createBlock(OutlineList, {
           key: 0,
-          items: _ctx.formItems,
-          currentFormItemId: _ctx.currentFormItemId,
+          items: __props.formItems,
+          currentFormItemId: __props.currentFormItemId,
           collapseItemIds: collapseItemIds.value,
-          componentData: _ctx.componentData,
-          itemTypeData: _ctx.itemTypeData,
+          componentData: __props.componentData,
+          itemTypeData: __props.itemTypeData,
           "onUpdate:currentFormItemId": handleUpdateCurrentFormItemId,
           onToggleItemCollapse: handleToggleItemCollapse,
           onDeleteItem: handleDeleteItem,
@@ -99,7 +97,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           onOpenTableTool: handleOpenTableTool,
           onUpdateItemChildren: handleUpdateItemChildren
         }, null, 8, ["items", "currentFormItemId", "collapseItemIds", "componentData", "itemTypeData"])) : vue.createCommentVNode("", true),
-        !_ctx.formItems || !_ctx.formItems.length ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElEmpty), {
+        !__props.formItems || !__props.formItems.length ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElEmpty), {
           key: 1,
           imageSize: 58,
           class: "ele-pro-form-builder-form-empty"

package/lib/ele-pro-form-builder/components/preview-modal.cjs

@@ -13,7 +13,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   props: {
     modelValue: { type: Boolean },
     formProps: {},
-    proFormComponent: { type: [String, Object, Function] },
+    proFormComponent: {},
     itemTypeData: {},
     httpRequest: {}
   },
@@ -35,13 +35,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       emit("previewFormSubmit", formData);
     };
     const handlePreviewFormReset = () => {
-      var _a;
       Object.keys(formData).forEach((k) => {
         formData[k] = void 0;
       });
       util$1.mergeValue(
         formData,
-        util$1.getFormInitValue((_a = previewFormProps.value) == null ? void 0 : _a.items, props.itemTypeData, true)
+        util$1.getFormInitValue(previewFormProps.value?.items, props.itemTypeData, true)
       );
     };
     const handleUpdatePreviewScreen = (size) => {
@@ -56,11 +55,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           );
           handlePreviewFormReset();
           vue.nextTick(() => {
-            var _a, _b;
-            (_b = (_a = previewFormRef.value) == null ? void 0 : _a.clearValidate) == null ? void 0 : _b.call(_a);
+            previewFormRef.value?.clearValidate?.();
             vue.nextTick(() => {
-              var _a2, _b2;
-              (_b2 = (_a2 = previewFormRef.value) == null ? void 0 : _a2.clearValidate) == null ? void 0 : _b2.call(_a2);
+              previewFormRef.value?.clearValidate?.();
             });
           });
         }
@@ -78,7 +75,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           "ele-pro-form-builder-preview",
           previewScreen.value === "pad" ? "is-pad" : previewScreen.value === "phone" ? "is-phone" : "is-pc"
         ].join(" "),
-        modelValue: _ctx.modelValue,
+        modelValue: __props.modelValue,
         "onUpdate:modelValue": handleUpdateModelValue
       }, {
         header: vue.withCtx(() => [
@@ -86,11 +83,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(util.screenItems), (item) => {
               return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), {
                 key: item.value,
-                class: vue.normalizeClass([
-                  "ele-pro-form-builder-header-tool",
-                  "ele-pro-form-builder-screen-icon",
-                  { "is-active": item.value === previewScreen.value }
-                ]),
+                class: vue.normalizeClass(["ele-pro-form-builder-header-tool ele-pro-form-builder-screen-icon", { "is-active": item.value === previewScreen.value }]),
                 onClick: ($event) => handleUpdatePreviewScreen(item.value)
               }, {
                 default: vue.withCtx(() => [
@@ -104,14 +97,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           ])
         ]),
         default: vue.withCtx(() => [
-          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.proFormComponent || EleProForm), vue.mergeProps({ validateOnRuleChange: false }, previewFormProps.value, {
+          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.proFormComponent || EleProForm), vue.mergeProps({ validateOnRuleChange: false }, previewFormProps.value, {
             ref_key: "previewFormRef",
             ref: previewFormRef,
             model: formData,
             editable: false,
             screenSize: previewScreen.value,
-            itemTypeData: _ctx.itemTypeData,
-            httpRequest: _ctx.httpRequest,
+            itemTypeData: __props.itemTypeData,
+            httpRequest: __props.httpRequest,
             class: "ele-pro-form-builder-preview-form",
             onUpdateValue: setPreviewFormDataFieldValue,
             onSubmit: handlePreviewFormSubmit,