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

package/es/ele-pro-form-builder/components/json-input.js

@@ -54,7 +54,7 @@ const _sfc_main = /* @__PURE__ */ 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/es/ele-pro-form-builder/components/options-code.js

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

package/es/ele-pro-form-builder/components/options-edit.js

@@ -19,7 +19,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     codeTips: {},
     codePlaceholder: {},
     codePrefix: {},
-    codeEditerComponent: { type: [String, Object, Function] }
+    codeEditerComponent: {}
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -43,8 +43,7 @@ const _sfc_main = /* @__PURE__ */ 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;
     };
@@ -56,7 +55,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onClick: openModal
         }, {
           default: withCtx(() => [
-            createTextVNode(toDisplayString(_ctx.title), 1)
+            createTextVNode(toDisplayString(__props.title), 1)
           ]),
           _: 1
         }),
@@ -64,7 +63,7 @@ const _sfc_main = /* @__PURE__ */ 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,
@@ -83,26 +82,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               size: "default",
               onClick: handleCancel
             }, {
-              default: withCtx(() => _cache[2] || (_cache[2] = [
-                createTextVNode("取消")
-              ])),
-              _: 1,
-              __: [2]
+              default: withCtx(() => [..._cache[2] || (_cache[2] = [
+                createTextVNode("取消", -1)
+              ])]),
+              _: 1
             }),
             createVNode(unref(ElButton), {
               type: "primary",
               size: "default",
               onClick: handleSave
             }, {
-              default: withCtx(() => _cache[3] || (_cache[3] = [
-                createTextVNode(" 保存 ")
-              ])),
-              _: 1,
-              __: [3]
+              default: withCtx(() => [..._cache[3] || (_cache[3] = [
+                createTextVNode(" 保存 ", -1)
+              ])]),
+              _: 1
             })
           ]),
           default: withCtx(() => [
-            _ctx.codeOptions ? (openBlock(), createBlock(EleTabBar, {
+            __props.codeOptions ? (openBlock(), createBlock(EleTabBar, {
               key: 0,
               modelValue: optionsType.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => optionsType.value = $event),
@@ -115,34 +112,34 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, {
               label: withCtx(({ label, item }) => [
                 createElementVNode("span", null, toDisplayString(label), 1),
-                optionsType.value === "optionsCode" && item.value === "optionsCode" && _ctx.codeTips ? (openBlock(), createBlock(unref(ElIcon), {
+                optionsType.value === "optionsCode" && item.value === "optionsCode" && __props.codeTips ? (openBlock(), createBlock(unref(ElIcon), {
                   key: 0,
                   class: "ele-pro-form-builder-code-edit-icon"
                 }, {
                   default: withCtx(() => [
                     createVNode(unref(QuestionCircleOutlined)),
-                    createElementVNode("div", _hoisted_1, toDisplayString(_ctx.codeTips), 1)
+                    createElementVNode("div", _hoisted_1, toDisplayString(__props.codeTips), 1)
                   ]),
                   _: 1
                 })) : createCommentVNode("", true)
               ]),
               _: 1
             }, 8, ["modelValue"])) : createCommentVNode("", true),
-            !_ctx.codeOptions || optionsType.value === "optionsTable" ? (openBlock(), createBlock(OptionsTable, {
+            !__props.codeOptions || optionsType.value === "optionsTable" ? (openBlock(), 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 ? (openBlock(), createBlock(OptionsCode, {
+              data: __props.modelValue,
+              isTreeData: __props.isTreeData,
+              columns: __props.columns
+            }, null, 8, ["data", "isTreeData", "columns"])) : __props.codeOptions ? (openBlock(), 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"])) : createCommentVNode("", true)
           ]),
           _: 1

package/es/ele-pro-form-builder/components/options-table.js

@@ -39,8 +39,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const tableMinWidth = 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;
       });
@@ -235,13 +234,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         data: tableData.value,
         columns: tableColumns.value,
         tableStyle: { minWidth: tableMinWidth.value },
-        class: normalizeClass([
-          "ele-pro-form-builder-options-editer",
-          { "is-table-data": _ctx.columns === "tableData" }
-        ])
+        class: normalizeClass(["ele-pro-form-builder-options-editer", { "is-table-data": __props.columns === "tableData" }])
       }, {
         bodyCell: withCtx(({ row, column, treeLevel }) => [
-          _ctx.columns === "tableColumns" && column.prop === "align" ? (openBlock(), createBlock(EleSelect, {
+          __props.columns === "tableColumns" && column.prop === "align" ? (openBlock(), createBlock(EleSelect, {
             key: 0,
             size: "default",
             placeholder: "",
@@ -255,7 +251,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ],
             popperOptions: { strategy: "fixed" },
             class: "ele-fluid"
-          }, null, 8, ["modelValue", "onUpdate:modelValue"])) : _ctx.columns === "tableColumns" && column.prop === "fixed" ? (openBlock(), createBlock(EleSelect, {
+          }, null, 8, ["modelValue", "onUpdate:modelValue"])) : __props.columns === "tableColumns" && column.prop === "fixed" ? (openBlock(), createBlock(EleSelect, {
             key: 1,
             size: "default",
             placeholder: "",
@@ -269,7 +265,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ],
             popperOptions: { strategy: "fixed" },
             class: "ele-fluid"
-          }, null, 8, ["modelValue", "onUpdate:modelValue"])) : _ctx.columns === "tableColumns" && column.prop === "type" ? (openBlock(), createBlock(EleSelect, {
+          }, null, 8, ["modelValue", "onUpdate:modelValue"])) : __props.columns === "tableColumns" && column.prop === "type" ? (openBlock(), createBlock(EleSelect, {
             key: 2,
             size: "default",
             placeholder: "",
@@ -284,7 +280,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ],
             popperOptions: { strategy: "fixed" },
             class: "ele-fluid"
-          }, null, 8, ["modelValue", "onUpdate:modelValue"])) : _ctx.columns === "tableColumns" && column.prop === "sortable" ? (openBlock(), createBlock(EleSelect, {
+          }, null, 8, ["modelValue", "onUpdate:modelValue"])) : __props.columns === "tableColumns" && column.prop === "sortable" ? (openBlock(), createBlock(EleSelect, {
             key: 3,
             size: "default",
             placeholder: "",
@@ -321,7 +317,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               tooltip: "删除数据",
               onClick: ($event) => handleDelete(row)
             }, null, 8, ["buttonProps", "onClick"]),
-            _ctx.isTreeData && !(typeof _ctx.isTreeData === "object" && _ctx.isTreeData.maxDepth && (treeLevel || 1) >= _ctx.isTreeData.maxDepth) ? (openBlock(), createBlock(ToolButton, {
+            __props.isTreeData && !(typeof __props.isTreeData === "object" && __props.isTreeData.maxDepth && (treeLevel || 1) >= __props.isTreeData.maxDepth) ? (openBlock(), createBlock(ToolButton, {
               key: 0,
               buttonProps: {
                 type: "primary",
@@ -334,7 +330,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ])) : createCommentVNode("", true)
         ]),
         headerCell: withCtx(({ column }) => [
-          _ctx.columns === "tableData" && column.prop ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          __props.columns === "tableData" && column.prop ? (openBlock(), createElementBlock("div", _hoisted_3, [
             createVNode(unref(ElInput), {
               size: "default",
               clearable: true,
@@ -351,7 +347,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               onClick: ($event) => handleDeleteCol(column)
             }, null, 8, ["buttonProps", "onClick"])
           ])) : column.key === actionColKey ? (openBlock(), createElementBlock("div", _hoisted_4, [
-            _ctx.columns === "tableData" ? (openBlock(), createBlock(ToolButton, {
+            __props.columns === "tableData" ? (openBlock(), createBlock(ToolButton, {
               key: 0,
               buttonProps: {
                 type: "primary",

package/es/ele-pro-form-builder/components/outline-list.js

@@ -49,11 +49,10 @@ const _sfc_main = /* @__PURE__ */ 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 isContainerType(item, props.itemTypeData);
@@ -68,7 +67,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_OutlineList = resolveComponent("OutlineList", true);
       return openBlock(), createBlock(unref(VueDraggable), {
         itemKey: "key",
-        modelValue: _ctx.items,
+        modelValue: __props.items,
         forceFallback: true,
         fallbackOnBody: true,
         setData: () => void 0,
@@ -79,25 +78,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, {
         item: withCtx(({ element }) => [
           createElementVNode("div", {
-            class: normalizeClass([
-              "ele-pro-form-builder-outline-item",
+            class: 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) ? (openBlock(), 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,
@@ -108,7 +106,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, null, 8, ["items", "currentFormItemId", "collapseItemIds", "parent", "componentData", "itemTypeData"])) : createCommentVNode("", true),
             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 ? (openBlock(), createBlock(unref(ElIcon), {
@@ -119,12 +117,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   createVNode(unref(ArrowDown))
                 ]),
-                _: 2
-              }, 1032, ["onClick"])) : createCommentVNode("", true),
+                _: 1
+              }, 8, ["onClick"])) : createCommentVNode("", true),
               createElementVNode("div", _hoisted_2, [
                 createVNode(ComponentName, {
                   itemType: element.type,
-                  componentData: _ctx.componentData,
+                  componentData: __props.componentData,
                   class: "ele-pro-form-builder-outline-item-type-tag"
                 }, null, 8, ["itemType", "componentData"]),
                 createElementVNode("span", _hoisted_3, toDisplayString(element.prop), 1),
@@ -139,8 +137,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   createVNode(unref(DeleteOutlined))
                 ]),
-                _: 2
-              }, 1032, ["onClick"])) : createCommentVNode("", true),
+                _: 1
+              }, 8, ["onClick"])) : createCommentVNode("", true),
               !isTableChildType(element) ? (openBlock(), createBlock(unref(ElIcon), {
                 key: 2,
                 class: "ele-pro-form-builder-outline-item-tool",
@@ -150,8 +148,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   createVNode(unref(CopyOutlined))
                 ]),
-                _: 2
-              }, 1032, ["onClick"])) : createCommentVNode("", true),
+                _: 1
+              }, 8, ["onClick"])) : createCommentVNode("", true),
               element.type === "table" ? (openBlock(), createBlock(unref(ElIcon), {
                 key: 3,
                 class: "ele-pro-form-builder-outline-item-tool",
@@ -161,8 +159,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   createVNode(unref(InsertRowOutlined))
                 ]),
-                _: 2
-              }, 1032, ["onClick"])) : createCommentVNode("", true),
+                _: 1
+              }, 8, ["onClick"])) : createCommentVNode("", true),
               element.type === "table" ? (openBlock(), createBlock(unref(ElIcon), {
                 key: 4,
                 class: "ele-pro-form-builder-outline-item-tool",
@@ -172,8 +170,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   createVNode(unref(InsertColumnOutlined))
                 ]),
-                _: 2
-              }, 1032, ["onClick"])) : createCommentVNode("", true),
+                _: 1
+              }, 8, ["onClick"])) : createCommentVNode("", true),
               element.type === "tableCell" ? (openBlock(), createBlock(unref(ElIcon), {
                 key: 5,
                 class: "ele-pro-form-builder-outline-item-tool",
@@ -181,10 +179,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 onClick: withModifiers((e) => handleOpenTableTool(element, e), ["stop"])
               }, {
                 default: withCtx(() => [
-                  createVNode(unref(AppstoreAddOutlined), { style: { "transform": "scale(1.1)" } })
+                  createVNode(unref(AppstoreAddOutlined), { style: { transform: "scale(1.1)" } })
                 ]),
-                _: 2
-              }, 1032, ["onClick"])) : createCommentVNode("", true),
+                _: 1
+              }, 8, ["onClick"])) : createCommentVNode("", true),
               itemIsContainerType(element) && element.type !== "table" && element.type !== "tableRow" ? (openBlock(), createBlock(unref(ElIcon), {
                 key: 6,
                 class: "ele-pro-form-builder-outline-item-tool",
@@ -205,7 +203,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   element.type && unref(fixedChildTypes).some((d) => d.type === element.type) ? (openBlock(), createBlock(unref(PlusSquareDashOutlined), { key: 0 })) : (openBlock(), createBlock(unref(PlusOutlined), {
                     key: 1,
-                    style: { "transform": "scale(1.1)" }
+                    style: { transform: "scale(1.1)" }
                   }))
                 ]),
                 _: 2
@@ -217,7 +215,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, ["stop"]))
               }, {
                 default: withCtx(() => [
-                  createVNode(unref(DragOutlined), { style: { "transform": "scale(1.1)" } })
+                  createVNode(unref(DragOutlined), { style: { transform: "scale(1.1)" } })
                 ]),
                 _: 1
               }),

package/es/ele-pro-form-builder/components/outline-tree.js

@@ -51,10 +51,8 @@ const _sfc_main = /* @__PURE__ */ 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);
@@ -83,13 +81,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        _ctx.formItems ? (openBlock(), createBlock(OutlineList, {
+        __props.formItems ? (openBlock(), 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,
@@ -98,7 +96,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onOpenTableTool: handleOpenTableTool,
           onUpdateItemChildren: handleUpdateItemChildren
         }, null, 8, ["items", "currentFormItemId", "collapseItemIds", "componentData", "itemTypeData"])) : createCommentVNode("", true),
-        !_ctx.formItems || !_ctx.formItems.length ? (openBlock(), createBlock(unref(ElEmpty), {
+        !__props.formItems || !__props.formItems.length ? (openBlock(), createBlock(unref(ElEmpty), {
           key: 1,
           imageSize: 58,
           class: "ele-pro-form-builder-form-empty"

package/es/ele-pro-form-builder/components/preview-modal.js

@@ -12,7 +12,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: { type: Boolean },
     formProps: {},
-    proFormComponent: { type: [String, Object, Function] },
+    proFormComponent: {},
     itemTypeData: {},
     httpRequest: {}
   },
@@ -34,13 +34,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("previewFormSubmit", formData);
     };
     const handlePreviewFormReset = () => {
-      var _a;
       Object.keys(formData).forEach((k) => {
         formData[k] = void 0;
       });
       mergeValue(
         formData,
-        getFormInitValue((_a = previewFormProps.value) == null ? void 0 : _a.items, props.itemTypeData, true)
+        getFormInitValue(previewFormProps.value?.items, props.itemTypeData, true)
       );
     };
     const handleUpdatePreviewScreen = (size) => {
@@ -55,11 +54,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           );
           handlePreviewFormReset();
           nextTick(() => {
-            var _a, _b;
-            (_b = (_a = previewFormRef.value) == null ? void 0 : _a.clearValidate) == null ? void 0 : _b.call(_a);
+            previewFormRef.value?.clearValidate?.();
             nextTick(() => {
-              var _a2, _b2;
-              (_b2 = (_a2 = previewFormRef.value) == null ? void 0 : _a2.clearValidate) == null ? void 0 : _b2.call(_a2);
+              previewFormRef.value?.clearValidate?.();
             });
           });
         }
@@ -77,7 +74,7 @@ const _sfc_main = /* @__PURE__ */ 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: withCtx(() => [
@@ -85,11 +82,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(screenItems), (item) => {
               return openBlock(), createBlock(unref(ElIcon), {
                 key: item.value,
-                class: normalizeClass([
-                  "ele-pro-form-builder-header-tool",
-                  "ele-pro-form-builder-screen-icon",
-                  { "is-active": item.value === previewScreen.value }
-                ]),
+                class: 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: withCtx(() => [
@@ -103,14 +96,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ])
         ]),
         default: withCtx(() => [
-          (openBlock(), createBlock(resolveDynamicComponent(_ctx.proFormComponent || EleProForm), mergeProps({ validateOnRuleChange: false }, previewFormProps.value, {
+          (openBlock(), createBlock(resolveDynamicComponent(__props.proFormComponent || EleProForm), 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,