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

package/lib/ele-pro-form-builder/components/body-header.cjs

@@ -19,9 +19,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     redoDisabled: { type: Boolean },
     formProps: {},
     headerTools: { type: [Boolean, Array] },
-    proFormComponent: { type: [String, Object, Function] },
-    jsonEditerComponent: { type: [String, Object, Function] },
-    codeViewerComponent: { type: [String, Object, Function] },
+    proFormComponent: {},
+    jsonEditerComponent: {},
+    codeViewerComponent: {},
     componentData: {},
     itemTypeData: {},
     httpRequest: {}
@@ -86,11 +86,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 === _ctx.currentScreen }
-              ]),
+              class: vue.normalizeClass(["ele-pro-form-builder-header-tool ele-pro-form-builder-screen-icon", { "is-active": item.value === __props.currentScreen }]),
               onClick: ($event) => handleUpdateScreen(item.value)
             }, {
               default: vue.withCtx(() => [
@@ -104,11 +100,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         ]),
         vue.createElementVNode("div", _hoisted_3, [
           vue.createVNode(vue.unref(elementPlus.ElIcon), {
-            class: vue.normalizeClass([
-              "ele-pro-form-builder-header-tool",
-              "ele-pro-form-builder-header-tool-undo",
-              { "is-disabled": _ctx.undoDisabled }
-            ]),
+            class: vue.normalizeClass(["ele-pro-form-builder-header-tool ele-pro-form-builder-header-tool-undo", { "is-disabled": __props.undoDisabled }]),
             title: "撤销",
             onClick: handleUndo
           }, {
@@ -118,11 +110,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             _: 1
           }, 8, ["class"]),
           vue.createVNode(vue.unref(elementPlus.ElIcon), {
-            class: vue.normalizeClass([
-              "ele-pro-form-builder-header-tool",
-              "ele-pro-form-builder-header-tool-redo",
-              { "is-disabled": _ctx.redoDisabled }
-            ]),
+            class: vue.normalizeClass(["ele-pro-form-builder-header-tool ele-pro-form-builder-header-tool-redo", { "is-disabled": __props.redoDisabled }]),
             title: "恢复",
             onClick: handleRedo
           }, {
@@ -141,22 +129,20 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 icon: vue.unref(index.UploadOutlined),
                 onClick: handleOpenImport
               }, {
-                default: vue.withCtx(() => _cache[3] || (_cache[3] = [
-                  vue.createTextVNode(" 导入 ")
-                ])),
-                _: 1,
-                __: [3]
+                default: vue.withCtx(() => [..._cache[3] || (_cache[3] = [
+                  vue.createTextVNode(" 导入 ", -1)
+                ])]),
+                _: 1
               }, 8, ["icon"])) : toolName === "export" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
                 key: 1,
                 text: true,
                 icon: vue.unref(index.DownloadOutlined),
                 onClick: handleOpenExport
               }, {
-                default: vue.withCtx(() => _cache[4] || (_cache[4] = [
-                  vue.createTextVNode(" 导出 ")
-                ])),
-                _: 1,
-                __: [4]
+                default: vue.withCtx(() => [..._cache[4] || (_cache[4] = [
+                  vue.createTextVNode(" 导出 ", -1)
+                ])]),
+                _: 1
               }, 8, ["icon"])) : toolName === "clear" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
                 key: 2,
                 text: true,
@@ -164,11 +150,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 icon: vue.unref(index.DeleteOutlined),
                 onClick: handleClear
               }, {
-                default: vue.withCtx(() => _cache[5] || (_cache[5] = [
-                  vue.createTextVNode(" 清空 ")
-                ])),
-                _: 1,
-                __: [5]
+                default: vue.withCtx(() => [..._cache[5] || (_cache[5] = [
+                  vue.createTextVNode(" 清空 ", -1)
+                ])]),
+                _: 1
               }, 8, ["icon"])) : toolName === "preview" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
                 key: 3,
                 text: true,
@@ -176,11 +161,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 icon: vue.unref(index.EyeOutlined),
                 onClick: handleOpenPreview
               }, {
-                default: vue.withCtx(() => _cache[6] || (_cache[6] = [
-                  vue.createTextVNode(" 预览 ")
-                ])),
-                _: 1,
-                __: [6]
+                default: vue.withCtx(() => [..._cache[6] || (_cache[6] = [
+                  vue.createTextVNode(" 预览 ", -1)
+                ])]),
+                _: 1
               }, 8, ["icon"])) : toolName === "code" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
                 key: 4,
                 text: true,
@@ -188,11 +172,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 icon: vue.unref(index.CodeOutlined),
                 onClick: handleOpenCode
               }, {
-                default: vue.withCtx(() => _cache[7] || (_cache[7] = [
-                  vue.createTextVNode(" 生成代码 ")
-                ])),
-                _: 1,
-                __: [7]
+                default: vue.withCtx(() => [..._cache[7] || (_cache[7] = [
+                  vue.createTextVNode(" 生成代码 ", -1)
+                ])]),
+                _: 1
               }, 8, ["icon"])) : vue.createCommentVNode("", true)
             ], 64);
           }), 128)),
@@ -202,10 +185,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           key: 0,
           modelValue: previewVisible.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => previewVisible.value = $event),
-          formProps: _ctx.formProps,
-          proFormComponent: _ctx.proFormComponent,
-          itemTypeData: _ctx.itemTypeData,
-          httpRequest: _ctx.httpRequest,
+          formProps: __props.formProps,
+          proFormComponent: __props.proFormComponent,
+          itemTypeData: __props.itemTypeData,
+          httpRequest: __props.httpRequest,
           onPreviewFormSubmit: handlePreviewFormSubmit
         }, vue.createSlots({ _: 2 }, [
           vue.renderList(Object.keys(_ctx.$slots).filter((k) => !ownSlots.includes(k)), (name) => {
@@ -221,18 +204,18 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           key: 1,
           modelValue: importVisible.value,
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => importVisible.value = $event),
-          config: _ctx.formProps,
+          config: __props.formProps,
           isImport: isImport.value,
-          jsonEditerComponent: _ctx.jsonEditerComponent,
+          jsonEditerComponent: __props.jsonEditerComponent,
           onImportData: handleImportData
         }, null, 8, ["modelValue", "config", "isImport", "jsonEditerComponent"])) : vue.createCommentVNode("", true),
         headerRightToolNames.value && headerRightToolNames.value.includes("code") ? (vue.openBlock(), vue.createBlock(CodePreview, {
           key: 2,
           modelValue: codeVisible.value,
           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => codeVisible.value = $event),
-          config: _ctx.formProps,
-          componentData: _ctx.componentData,
-          codeViewerComponent: _ctx.codeViewerComponent
+          config: __props.formProps,
+          componentData: __props.componentData,
+          codeViewerComponent: __props.codeViewerComponent
         }, null, 8, ["modelValue", "config", "componentData", "codeViewerComponent"])) : vue.createCommentVNode("", true)
       ]);
     };

package/lib/ele-pro-form-builder/components/build-core.cjs

@@ -49,7 +49,6 @@ function deepCloneObject(data, excludeUndefined) {
   return result;
 }
 function generateChildFormItem(parentType, childNo, childKey, componentData) {
-  var _a, _b;
   let child;
   if (parentType) {
     const fc = fixedChildTypes.find((d) => d.type === parentType);
@@ -65,17 +64,17 @@ function generateChildFormItem(parentType, childNo, childKey, componentData) {
     child.prop = childKey;
   }
   const componentItem = getComponentItemByType(child.type, componentData);
-  const initialProps = (componentItem == null ? void 0 : componentItem.initialProps) ? deepCloneObject(componentItem.initialProps) : void 0;
+  const initialProps = componentItem?.initialProps ? deepCloneObject(componentItem.initialProps) : void 0;
   if (initialProps) {
     child.props = initialProps;
   }
   if (childNo && child.type) {
     if (child.type === "collapseItem") {
-      if ((_a = child.props) == null ? void 0 : _a.title) {
+      if (child.props?.title) {
         child.props.title = child.props.title + childNo;
       }
     } else if (["descriptionsItem", "tabPane"].includes(child.type)) {
-      if ((_b = child.props) == null ? void 0 : _b.label) {
+      if (child.props?.label) {
         child.props.label = child.props.label + childNo;
       }
     } else if (child.label) {
@@ -101,7 +100,7 @@ function generateBuildFormItem(type, formItems, componentData, itemTypeData) {
     props: componentItem.initialProps ? deepCloneObject(componentItem.initialProps) : void 0
   };
   const typeData = renderUtil.getItemTypeData(item, itemTypeData);
-  if (!item.type || item.type === "div" || util.isContainerType(item, itemTypeData) && !(typeData == null ? void 0 : typeData.renderLabelText)) {
+  if (!item.type || item.type === "div" || util.isContainerType(item, itemTypeData) && !typeData?.renderLabelText) {
     item.label = "";
   }
   if (item.type === "table") {
@@ -162,11 +161,11 @@ function getFormDataAndItems(item, componentData) {
   return {
     data: util.mergeValue(
       {},
-      { props: (componentItem == null ? void 0 : componentItem.presetProps) || {} },
-      { props: (componentItem == null ? void 0 : componentItem.defaultProps) || {} },
+      { props: componentItem?.presetProps || {} },
+      { props: componentItem?.defaultProps || {} },
       data
     ),
-    items: (componentItem == null ? void 0 : componentItem.configForm) || []
+    items: componentItem?.configForm || []
   };
 }
 function getPropertyPath(data, excludeKeys, prefix) {

package/lib/ele-pro-form-builder/components/build-util.cjs

@@ -7,7 +7,7 @@ function generateAddChildData(triggerItem, triggerParent, triggerItemIndex, acti
   if (!triggerItem.type) {
     return { addItems: [], updateItems: [], deleteItemIds: [] };
   }
-  const parentItemId = triggerParent == null ? void 0 : triggerParent.key;
+  const parentItemId = triggerParent?.key;
   const afterIndex = triggerItemIndex == null ? void 0 : triggerItemIndex + 1;
   if ([
     "tabPane",
@@ -94,7 +94,7 @@ function generateCopyItemData(formItemId, formItems) {
       itemsGenerateNewKey(newItem, formItems, true);
       result.addItems.push({
         item: newItem,
-        parentItemId: parent == null ? void 0 : parent.key,
+        parentItemId: parent?.key,
         index: index + 1
       });
       return false;

package/lib/ele-pro-form-builder/components/builder-tools.cjs

@@ -31,27 +31,27 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-        _ctx.itemType && ["table", "tableCell"].includes(_ctx.itemType) ? (vue.openBlock(), vue.createBlock(ToolButton, {
+        __props.itemType && ["table", "tableCell"].includes(__props.itemType) ? (vue.openBlock(), vue.createBlock(ToolButton, {
           key: 0,
           buttonProps: {
             size: "small",
             type: "primary",
             icon: vue.unref(index.InsertRowOutlined)
           },
-          tooltip: _ctx.itemType === "tableCell" ? "插入行" : "新增行",
+          tooltip: __props.itemType === "tableCell" ? "插入行" : "新增行",
           onClick: handleAddTableRow
         }, null, 8, ["buttonProps", "tooltip"])) : vue.createCommentVNode("", true),
-        _ctx.itemType && ["table", "tableCell"].includes(_ctx.itemType) ? (vue.openBlock(), vue.createBlock(ToolButton, {
+        __props.itemType && ["table", "tableCell"].includes(__props.itemType) ? (vue.openBlock(), vue.createBlock(ToolButton, {
           key: 1,
           buttonProps: {
             size: "small",
             type: "primary",
             icon: vue.unref(index.InsertColumnOutlined)
           },
-          tooltip: _ctx.itemType === "tableCell" ? "插入列" : "新增列",
+          tooltip: __props.itemType === "tableCell" ? "插入列" : "新增列",
           onClick: handleAddTableCol
         }, null, 8, ["buttonProps", "tooltip"])) : vue.createCommentVNode("", true),
-        _ctx.itemType && [
+        __props.itemType && [
           "tabs",
           "tabPane",
           "collapse",
@@ -62,7 +62,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           "carouselItem",
           "descriptions",
           "descriptionsItem"
-        ].includes(_ctx.itemType) ? (vue.openBlock(), vue.createBlock(ToolButton, {
+        ].includes(__props.itemType) ? (vue.openBlock(), vue.createBlock(ToolButton, {
           key: 2,
           buttonProps: {
             size: "small",
@@ -80,10 +80,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             carouselItem: "插入走马灯",
             descriptions: "添加描述列表",
             descriptionsItem: "插入描述列表"
-          }[_ctx.itemType],
+          }[__props.itemType],
           onClick: handleAdd
         }, null, 8, ["buttonProps", "tooltip"])) : vue.createCommentVNode("", true),
-        _ctx.itemType !== "tableCell" ? (vue.openBlock(), vue.createBlock(ToolButton, {
+        __props.itemType !== "tableCell" ? (vue.openBlock(), vue.createBlock(ToolButton, {
           key: 3,
           buttonProps: {
             size: "small",
@@ -93,7 +93,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           tooltip: "复制",
           onClick: handleCopy
         }, null, 8, ["buttonProps"])) : vue.createCommentVNode("", true),
-        _ctx.itemType !== "tableCell" ? (vue.openBlock(), vue.createBlock(ToolButton, {
+        __props.itemType !== "tableCell" ? (vue.openBlock(), vue.createBlock(ToolButton, {
           key: 4,
           buttonProps: {
             size: "small",
@@ -103,7 +103,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           tooltip: "删除",
           onClick: handleDelete
         }, null, 8, ["buttonProps"])) : vue.createCommentVNode("", true),
-        _ctx.itemType === "tableCell" ? (vue.openBlock(), vue.createBlock(ToolButton, {
+        __props.itemType === "tableCell" ? (vue.openBlock(), vue.createBlock(ToolButton, {
           key: 5,
           buttonProps: {
             size: "small",

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

@@ -29,8 +29,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const emit = __emit;
     const isFixedChildType = vue.computed(() => {
-      var _a;
-      const parentType = (_a = props.formItem) == null ? void 0 : _a.type;
+      const parentType = props.formItem?.type;
       return !!(parentType && buildCore.fixedChildTypes.some((d) => d.type === parentType));
     });
     const handleUpdateLabel = (value, item, field) => {
@@ -50,63 +49,60 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-        _ctx.formItem.children ? (vue.openBlock(), vue.createBlock(vue.unref(VueDraggable), {
+        __props.formItem.children ? (vue.openBlock(), vue.createBlock(vue.unref(VueDraggable), {
           key: 0,
           itemKey: "key",
           animation: 150,
           setData: () => void 0,
-          modelValue: _ctx.formItem.children,
+          modelValue: __props.formItem.children,
           handle: ".ele-pro-form-builder-children-edit-item-handle",
           class: "ele-pro-form-builder-children-edit-list",
           "onUpdate:modelValue": handleUpdateChildren
         }, {
-          item: vue.withCtx(({ element }) => {
-            var _a, _b;
-            return [
-              vue.createElementVNode("div", _hoisted_1, [
-                vue.createVNode(vue.unref(elementPlus.ElIcon), { class: "ele-pro-form-builder-children-edit-item-handle" }, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(index.DragOutlined))
-                  ]),
-                  _: 1
-                }),
-                _ctx.formItem.type && _ctx.formItem.type === "tabs" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
-                  vue.createVNode(vue.unref(elementPlus.ElInput), {
-                    size: "small",
-                    modelValue: (_a = element.props) == null ? void 0 : _a.label,
-                    "onUpdate:modelValue": (value) => handleUpdateLabel(value, element, "props.label")
-                  }, null, 8, ["modelValue", "onUpdate:modelValue"])
-                ])) : _ctx.formItem.type && _ctx.formItem.type === "collapse" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
-                  vue.createVNode(vue.unref(elementPlus.ElInput), {
-                    size: "small",
-                    modelValue: (_b = element.props) == null ? void 0 : _b.title,
-                    "onUpdate:modelValue": (value) => handleUpdateLabel(value, element, "props.title")
-                  }, null, 8, ["modelValue", "onUpdate:modelValue"])
-                ])) : (vue.openBlock(), vue.createElementBlock("div", {
-                  key: 2,
-                  class: "ele-pro-form-builder-children-edit-item-body is-clickable",
-                  onClick: vue.withModifiers(($event) => handleClick(element), ["stop"])
-                }, [
-                  vue.createVNode(ComponentName, {
-                    itemType: element.type,
-                    componentData: _ctx.componentData,
-                    class: "ele-pro-form-builder-outline-item-type-tag"
-                  }, null, 8, ["itemType", "componentData"]),
-                  vue.createElementVNode("div", _hoisted_5, vue.toDisplayString(element.label || element.prop), 1)
-                ], 8, _hoisted_4)),
-                vue.createVNode(vue.unref(elementPlus.ElIcon), {
-                  class: "ele-pro-form-builder-children-edit-item-del-btn",
-                  title: "删除",
-                  onClick: vue.withModifiers(($event) => handleDelete(element), ["stop"])
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(index.DeleteOutlined))
-                  ]),
-                  _: 2
-                }, 1032, ["onClick"])
-              ])
-            ];
-          }),
+          item: vue.withCtx(({ element }) => [
+            vue.createElementVNode("div", _hoisted_1, [
+              vue.createVNode(vue.unref(elementPlus.ElIcon), { class: "ele-pro-form-builder-children-edit-item-handle" }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(index.DragOutlined))
+                ]),
+                _: 1
+              }),
+              __props.formItem.type && __props.formItem.type === "tabs" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+                vue.createVNode(vue.unref(elementPlus.ElInput), {
+                  size: "small",
+                  modelValue: element.props?.label,
+                  "onUpdate:modelValue": (value) => handleUpdateLabel(value, element, "props.label")
+                }, null, 8, ["modelValue", "onUpdate:modelValue"])
+              ])) : __props.formItem.type && __props.formItem.type === "collapse" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+                vue.createVNode(vue.unref(elementPlus.ElInput), {
+                  size: "small",
+                  modelValue: element.props?.title,
+                  "onUpdate:modelValue": (value) => handleUpdateLabel(value, element, "props.title")
+                }, null, 8, ["modelValue", "onUpdate:modelValue"])
+              ])) : (vue.openBlock(), vue.createElementBlock("div", {
+                key: 2,
+                class: "ele-pro-form-builder-children-edit-item-body is-clickable",
+                onClick: vue.withModifiers(($event) => handleClick(element), ["stop"])
+              }, [
+                vue.createVNode(ComponentName, {
+                  itemType: element.type,
+                  componentData: __props.componentData,
+                  class: "ele-pro-form-builder-outline-item-type-tag"
+                }, null, 8, ["itemType", "componentData"]),
+                vue.createElementVNode("div", _hoisted_5, vue.toDisplayString(element.label || element.prop), 1)
+              ], 8, _hoisted_4)),
+              vue.createVNode(vue.unref(elementPlus.ElIcon), {
+                class: "ele-pro-form-builder-children-edit-item-del-btn",
+                title: "删除",
+                onClick: vue.withModifiers(($event) => handleDelete(element), ["stop"])
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(index.DeleteOutlined))
+                ]),
+                _: 1
+              }, 8, ["onClick"])
+            ])
+          ]),
           _: 1
         }, 8, ["modelValue"])) : vue.createCommentVNode("", true),
         vue.createVNode(vue.unref(elementPlus.ElButton), {
@@ -115,10 +111,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           class: "ele-pro-form-builder-props-fluid-btn is-small-icon",
           onClick: handleAdd
         }, vue.createSlots({ _: 2 }, [
-          _ctx.addBtnText ? {
+          __props.addBtnText ? {
             name: "default",
             fn: vue.withCtx(() => [
-              vue.createTextVNode(vue.toDisplayString(_ctx.addBtnText), 1)
+              vue.createTextVNode(vue.toDisplayString(__props.addBtnText), 1)
             ]),
             key: "0"
           } : void 0

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

@@ -17,7 +17,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElInput), {
         size: "default",
         type: "textarea",
-        modelValue: _ctx.modelValue,
+        modelValue: __props.modelValue,
         "onUpdate:modelValue": updateModelValue,
         class: "ele-pro-form-builder-code-editer"
       }, null, 8, ["modelValue"]);

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

@@ -10,8 +10,7 @@ const codeUtil = require("./code-util");
 const codeTemplate = require("./code-template");
 const uploadTypes = ["imageUpload", "fileUpload"];
 function isArrayOptions(item, options) {
-  var _a;
-  const optionData = (options ?? ((_a = item == null ? void 0 : item.props) == null ? void 0 : _a.options)) || [];
+  const optionData = (options ?? item?.props?.options) || [];
   const jsVar = codeJsVar.transformJsVar(optionData);
   if (jsVar != null) {
     return jsVar.dataType === "array";
@@ -36,7 +35,7 @@ function generateFooterCode(config, showFooterExpand) {
 }
 function generateFormItemProps(item, indentSize, indentChar) {
   const { vIf, label, prop, itemProps } = item;
-  const labelWidth = itemProps == null ? void 0 : itemProps.labelWidth;
+  const labelWidth = itemProps?.labelWidth;
   const props = {
     label,
     prop,
@@ -63,38 +62,37 @@ function generateComponentProps(item, indentSize, indentChar, omitKeys) {
   return codeUtil.addIndentChar(code, indentChar);
 }
 function getItemComponentTag(item, componentData) {
-  var _a, _b, _c, _d, _e, _f, _g;
   if (item.type === "tableCell") {
-    if (((_a = item.props) == null ? void 0 : _a.is) === "th") {
+    if (item.props?.is === "th") {
       return "th";
     }
   } else if (item.type === "autocomplete") {
-    const fetchSuggestions = ((_b = item.props) == null ? void 0 : _b.fetchSuggestions) ?? [];
+    const fetchSuggestions = item.props?.fetchSuggestions ?? [];
     if (isArrayOptions(item, fetchSuggestions)) {
       return "el-autocomplete";
     }
   } else if (item.type === "mention") {
-    const options = ((_c = item.props) == null ? void 0 : _c.options) ?? [];
+    const options = item.props?.options ?? [];
     if (isArrayOptions(item, options)) {
       return "el-mention";
     }
   } else if (item.type === "transfer") {
-    const data = ((_d = item.props) == null ? void 0 : _d.data) ?? [];
+    const data = item.props?.data ?? [];
     if (isArrayOptions(item, data)) {
       return "el-transfer";
     }
   } else if (item.type === "treeSelect" || item.type === "treeMultipleSelect") {
-    const data = ((_e = item.props) == null ? void 0 : _e.data) ?? [];
+    const data = item.props?.data ?? [];
     if (isArrayOptions(item, data)) {
       return "el-tree-select";
     }
   } else if (item.type === "cascader" || item.type === "multipleCascader") {
-    const options = ((_f = item.props) == null ? void 0 : _f.options) ?? [];
+    const options = item.props?.options ?? [];
     if (isArrayOptions(item, options)) {
       return "el-cascader";
     }
   }
-  const name = (_g = buildCore.getComponentItemByType(item.type, componentData)) == null ? void 0 : _g.componentName;
+  const name = buildCore.getComponentItemByType(item.type, componentData)?.componentName;
   return codeUtil.kebabCase(name || "div");
 }
 function generateItemComponentCode(item, indentSize, indentChar, content, componentData) {
@@ -113,8 +111,7 @@ ${indentChar}  ${content}
 ${indentChar}</${component}>`;
 }
 function getDivTag(item) {
-  var _a;
-  const divTag = (_a = item.props) == null ? void 0 : _a.is;
+  const divTag = item.props?.is;
   const jsVar = codeJsVar.transformJsVar(divTag);
   if (jsVar != null) {
     return jsVar.name;
@@ -192,9 +189,9 @@ function generateRuleCode(items, componentData, itemTypeData, requiredLang) {
     if (item.required) {
       const config = buildCore.getComponentItemByType(item.type, componentData);
       const componentPropsData = {
-        ...(config == null ? void 0 : config.defaultProps) || {},
+        ...config?.defaultProps || {},
         ...item.props || {},
-        ...(config == null ? void 0 : config.reservedProps) || {}
+        ...config?.reservedProps || {}
       };
       itemRules.push({
         required: true,
@@ -204,12 +201,12 @@ function generateRuleCode(items, componentData, itemTypeData, requiredLang) {
           componentPropsData.placeholder,
           requiredLang
         ),
-        trigger: (typeData == null ? void 0 : typeData.requiredTrigger) ?? "change"
+        trigger: typeData?.requiredTrigger ?? "change"
       });
     }
     if (item.type && uploadTypes.includes(item.type)) {
       itemRules.push({
-        trigger: (typeData == null ? void 0 : typeData.requiredTrigger) ?? "change",
+        trigger: typeData?.requiredTrigger ?? "change",
         validator: new codeJsVar.JsVar({ name: getUploadValidatorCode(item) })
       });
     }
@@ -222,9 +219,9 @@ function generateRuleCode(items, componentData, itemTypeData, requiredLang) {
 function getComponentProps(item, componentData, itemTypeData) {
   const typeData = buildCore.getComponentItemByType(item.type, componentData);
   const props = {
-    ...(typeData == null ? void 0 : typeData.defaultProps) || {},
+    ...typeData?.defaultProps || {},
     ...item.props || {},
-    ...(typeData == null ? void 0 : typeData.reservedProps) || {}
+    ...typeData?.reservedProps || {}
   };
   const refName = renderUtil.getComponentRefName(item);
   props.ref = new codeJsVar.JsVar({ name: refName });
@@ -239,16 +236,13 @@ function getComponentProps(item, componentData, itemTypeData) {
     } else if (item.type === "tabs") {
       props.vModel = `form.${item.prop}`;
       props.modelValue = void 0;
-      props.items = (item.children || []).map((c) => {
-        var _a, _b, _c, _d, _e;
-        return {
-          name: ((_a = c.props) == null ? void 0 : _a.name) ?? c.prop,
-          label: ((_b = c.props) == null ? void 0 : _b.label) ?? c.label,
-          disabled: (_c = c.props) == null ? void 0 : _c.disabled,
-          closable: (_d = c.props) == null ? void 0 : _d.closable,
-          lazy: (_e = c.props) == null ? void 0 : _e.lazy
-        };
-      });
+      props.items = (item.children || []).map((c) => ({
+        name: c.props?.name ?? c.prop,
+        label: c.props?.label ?? c.label,
+        disabled: c.props?.disabled,
+        closable: c.props?.closable,
+        lazy: c.props?.lazy
+      }));
     } else if (["collapseItem", "carouselItem"].includes(item.type)) {
       if (props.name == null && item.prop != null) {
         props.name = item.prop;
@@ -335,11 +329,10 @@ function getImportAndVarCode(config, componentData) {
   const imports = /* @__PURE__ */ new Set([]);
   const codes = /* @__PURE__ */ new Set([]);
   common.eachTree(config.items, (item) => {
-    var _a;
-    const componentImport = (_a = buildCore.getComponentItemByType(
+    const componentImport = buildCore.getComponentItemByType(
       item.type,
       componentData
-    )) == null ? void 0 : _a.componentImport;
+    )?.componentImport;
     if (componentImport) {
       imports.add(componentImport);
     }
@@ -403,7 +396,7 @@ function getElNormalizeItems(formItems, componentData, itemTypeData) {
 function generateElFormCode(data, componentData, itemTypeData, requiredLang) {
   const config = buildCore.deepCloneObject({
     ...data || {},
-    items: (data == null ? void 0 : data.items) || []
+    items: data?.items || []
   });
   const formInitValue = util.getFormInitValue(config.items, itemTypeData);
   config.items = getElNormalizeItems(config.items, componentData, itemTypeData);
@@ -457,7 +450,7 @@ const getProFormRefs = () => {
 function generateProFormCode(data, componentData) {
   const config = buildCore.deepCloneObject({
     ...data || {},
-    items: (data == null ? void 0 : data.items) || []
+    items: data?.items || []
   });
   const sfe = config.showSearchExpand;
   const { proImports, proCodes } = getImportAndVarCode(config, componentData);