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

package/lib/ele-crud/style/index.scss

@@ -5,46 +5,39 @@
 .ele-crud-split-panel.ele-split-panel {
   height: 100%;
 
-  &.is-flex-table {
-    overflow: hidden;
-  }
-
   & > .ele-split-panel-wrap > .ele-split-panel-side {
     border-width: 0 1px 0 0;
   }
+}
 
-  &.is-responsive > .ele-split-panel-wrap > div.ele-split-panel-side {
-    background: none;
-  }
+/* 侧栏搜索框 */
+.ele-crud-tree-search {
+  min-height: 32px;
 
-  & > .ele-split-panel-body {
-    overflow: hidden;
+  &.el-input--small {
+    min-height: 24px;
   }
 
-  &.is-collapse > .ele-split-collapse-button {
-    margin-left: 2px;
+  &.el-input--large {
+    min-height: 40px;
   }
-}
-
-/* 侧栏搜索栏 */
-.ele-crud-search-bar {
-  flex-shrink: 0;
-  padding: 16px 16px 12px 16px;
-  box-sizing: border-box;
 
-  & > .el-input .el-input__prefix-inner > .el-input__icon {
+  .el-input__prefix-inner > .el-input__icon {
     transform: translateY(-0.5px);
   }
 }
 
 /* 侧栏树组件 */
 .ele-crud-tree-wrapper {
-  flex: 1;
-  padding: 0 16px 16px 16px;
+  flex: 1 1 60px;
   box-sizing: border-box;
   overflow: auto;
 
   & > .ele-crud-tree {
+    padding: 12px calc(eleVar('tree', 'item-radius') * 3);
     #{eleVarName('tree', 'item-height')}: 34px;
+    #{eleVarName('tree', 'expand-margin')}: (
+      0 2px 0 calc(8px - #{eleVar('tree', 'item-radius')})
+    );
   }
 }

package/lib/ele-crud/types.d.ts

@@ -161,6 +161,8 @@ export interface PageConfig {
   splitPanelProps?: boolean | EleSplitPanelProps;
   /** 分割面板插槽 */
   splitPanelSlots?: Record<string, string>;
+  /** 搜索表单是否放在分割面板的主体搜索栏插槽中 */
+  splitSearchForm?: boolean;
   /** 侧栏配置 */
   sideConfig?: SideConfig;
   /** 侧栏对表格筛选的字段名 */
@@ -225,15 +227,11 @@ export type GetAndCacheCodeFunction = (code: string, codeResult?: any) => any;
  * 国际化
  */
 export interface CrudLocale {
-  save: string;
-  cancel: string;
   action: string;
   add: string;
   edit: string;
-  delete: string;
   deleteConfirm: string;
   deleteConfirmTitle: string;
-  deleteBatch: string;
   deleteBatchConfirm: string;
   deleteBatchConfirmTitle: string;
   deleteBatchTip: string;
@@ -244,5 +242,5 @@ export interface CrudLocale {
   editError: string;
   addSuccess: string;
   addError: string;
-  search: string;
+  searchPlaceholder: string;
 }

package/lib/ele-crud/util.cjs

@@ -5,8 +5,9 @@ const codeStringPrefix = "/*__PRO_CRUD__*/";
 function getDefaultSearchFormProps() {
   const config = {
     grid: { lg: 6, md: 8, sm: 12, xs: 24 },
+    rowProps: { gutter: 16 },
     footer: true,
-    footerProps: { labelWidth: 16 },
+    footerProps: { labelWidth: 0 },
     autoFooterCol: true
   };
   return config;
@@ -29,9 +30,8 @@ function getFieldsSearchFormItems(fields) {
     "children",
     "children",
     (item) => {
-      var _a;
       return {
-        type: ((_a = item.children) == null ? void 0 : _a.length) ? "div" : "input",
+        type: item.children?.length ? "div" : "input",
         ...item
       };
     }
@@ -55,9 +55,8 @@ function getFieldsAddFormItems(fields) {
     "children",
     "children",
     (item) => {
-      var _a;
       return {
-        type: ((_a = item.children) == null ? void 0 : _a.length) ? "div" : "input",
+        type: item.children?.length ? "div" : "input",
         ...item
       };
     }
@@ -81,9 +80,8 @@ function getFieldsEditFormItems(fields) {
     "children",
     "children",
     (item) => {
-      var _a;
       return {
-        type: ((_a = item.children) == null ? void 0 : _a.length) ? "div" : "input",
+        type: item.children?.length ? "div" : "input",
         ...item
       };
     }
@@ -91,12 +89,10 @@ function getFieldsEditFormItems(fields) {
 }
 const defaultTreeNodeKey = "value";
 function getTreeValueField(sideConfig) {
-  var _a;
-  return ((_a = sideConfig == null ? void 0 : sideConfig.treeProps) == null ? void 0 : _a.nodeKey) ?? defaultTreeNodeKey;
+  return sideConfig?.treeProps?.nodeKey ?? defaultTreeNodeKey;
 }
 function getTreeLabelField(sideConfig) {
-  var _a, _b;
-  const field = (_b = (_a = sideConfig == null ? void 0 : sideConfig.treeProps) == null ? void 0 : _a.props) == null ? void 0 : _b.label;
+  const field = sideConfig?.treeProps?.props?.label;
   return typeof field === "string" ? field : "label";
 }
 function getCodeResult(code, httpRequest) {

package/lib/ele-crud-builder/components/body-header.cjs

@@ -19,9 +19,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     redoDisabled: { type: Boolean },
     config: {},
     headerTools: { type: [Boolean, Array] },
-    proFormComponent: { type: [String, Object, Function] },
-    jsonEditerComponent: { type: [String, Object, Function] },
-    codeViewerComponent: { type: [String, Object, Function] },
+    proFormComponent: {},
+    jsonEditerComponent: {},
+    codeViewerComponent: {},
     itemTypeData: {},
     httpRequest: {}
   },
@@ -77,11 +77,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(util$1.screenItems), (item) => {
             return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), {
               key: item.value,
-              class: vue.normalizeClass([
-                "ele-crud-builder-header-tool",
-                "ele-crud-builder-screen-icon",
-                { "is-active": item.value === _ctx.currentScreen }
-              ]),
+              class: vue.normalizeClass(["ele-crud-builder-header-tool ele-crud-builder-screen-icon", { "is-active": item.value === __props.currentScreen }]),
               onClick: ($event) => handleUpdateScreen(item.value)
             }, {
               default: vue.withCtx(() => [
@@ -95,11 +91,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         ]),
         vue.createElementVNode("div", _hoisted_3, [
           vue.createVNode(vue.unref(elementPlus.ElIcon), {
-            class: vue.normalizeClass([
-              "ele-crud-builder-header-tool",
-              "ele-crud-builder-header-tool-undo",
-              { "is-disabled": _ctx.undoDisabled }
-            ]),
+            class: vue.normalizeClass(["ele-crud-builder-header-tool ele-crud-builder-header-tool-undo", { "is-disabled": __props.undoDisabled }]),
             title: "撤销",
             onClick: handleUndo
           }, {
@@ -109,11 +101,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             _: 1
           }, 8, ["class"]),
           vue.createVNode(vue.unref(elementPlus.ElIcon), {
-            class: vue.normalizeClass([
-              "ele-crud-builder-header-tool",
-              "ele-crud-builder-header-tool-redo",
-              { "is-disabled": _ctx.redoDisabled }
-            ]),
+            class: vue.normalizeClass(["ele-crud-builder-header-tool ele-crud-builder-header-tool-redo", { "is-disabled": __props.redoDisabled }]),
             title: "恢复",
             onClick: handleRedo
           }, {
@@ -132,22 +120,20 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 icon: vue.unref(index.UploadOutlined),
                 onClick: handleOpenImport
               }, {
-                default: vue.withCtx(() => _cache[2] || (_cache[2] = [
-                  vue.createTextVNode(" 导入 ")
-                ])),
-                _: 1,
-                __: [2]
+                default: vue.withCtx(() => [..._cache[2] || (_cache[2] = [
+                  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[3] || (_cache[3] = [
-                  vue.createTextVNode(" 导出 ")
-                ])),
-                _: 1,
-                __: [3]
+                default: vue.withCtx(() => [..._cache[3] || (_cache[3] = [
+                  vue.createTextVNode(" 导出 ", -1)
+                ])]),
+                _: 1
               }, 8, ["icon"])) : toolName === "clear" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
                 key: 2,
                 text: true,
@@ -155,11 +141,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 icon: vue.unref(index.DeleteOutlined),
                 onClick: handleClear
               }, {
-                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 === "code" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
                 key: 3,
                 text: true,
@@ -167,11 +152,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 icon: vue.unref(index.CodeOutlined),
                 onClick: handleOpenCode
               }, {
-                default: vue.withCtx(() => _cache[5] || (_cache[5] = [
-                  vue.createTextVNode(" 生成代码 ")
-                ])),
-                _: 1,
-                __: [5]
+                default: vue.withCtx(() => [..._cache[5] || (_cache[5] = [
+                  vue.createTextVNode(" 生成代码 ", -1)
+                ])]),
+                _: 1
               }, 8, ["icon"])) : vue.createCommentVNode("", true)
             ], 64);
           }), 128)),
@@ -181,17 +165,17 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           key: 0,
           modelValue: importVisible.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => importVisible.value = $event),
-          config: _ctx.config,
+          config: __props.config,
           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: 1,
           modelValue: codeVisible.value,
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => codeVisible.value = $event),
-          config: _ctx.config,
-          codeViewerComponent: _ctx.codeViewerComponent
+          config: __props.config,
+          codeViewerComponent: __props.codeViewerComponent
         }, null, 8, ["modelValue", "config", "codeViewerComponent"])) : vue.createCommentVNode("", true)
       ]);
     };

package/lib/ele-crud-builder/components/code-generator.cjs

@@ -7,7 +7,7 @@ function generateElCode(_data) {
 }
 function generateProCode(data) {
   const config = JSON.parse(
-    JSON.stringify({ ...data || {}, fields: (data == null ? void 0 : data.fields) || [] })
+    JSON.stringify({ ...data || {}, fields: data?.fields || [] })
   );
   const templateData = {
     proCrudConfigCode: codeUtil.obj2Str(config, false, 2, () => void 0)

package/lib/ele-crud-builder/components/code-preview.cjs

@@ -16,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   props: {
     modelValue: { type: Boolean },
     config: {},
-    codeViewerComponent: { type: [String, Object, Function] }
+    codeViewerComponent: {}
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -69,7 +69,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         maxable: true,
         position: "center",
         title: "生成代码",
-        modelValue: _ctx.modelValue,
+        modelValue: __props.modelValue,
         closeOnClickModal: false,
         destroyOnClose: true,
         class: "ele-crud-builder-code-preview",
@@ -84,10 +84,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             }, {
               extra: vue.withCtx(() => [
                 vue.createVNode(vue.unref(elementPlus.ElIcon), {
-                  class: vue.normalizeClass([
-                    "ele-crud-builder-code-icon-tool",
-                    { "is-copied": vue.unref(copied) }
-                  ]),
+                  class: vue.normalizeClass(["ele-crud-builder-code-icon-tool", { "is-copied": vue.unref(copied) }]),
                   title: "复制",
                   onClick: handleCopy
                 }, {
@@ -110,7 +107,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               _: 1
             }, 8, ["modelValue"]),
             vue.createElementVNode("div", _hoisted_2, [
-              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.codeViewerComponent || CodeViewer), { code: codeContent.value }, null, 8, ["code"]))
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.codeViewerComponent || CodeViewer), { code: codeContent.value }, null, 8, ["code"]))
             ])
           ])
         ]),

package/lib/ele-crud-builder/components/field-list.cjs

@@ -41,17 +41,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       emit("updateItemChildren", data, 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);
     };
     return (_ctx, _cache) => {
       const _component_FieldList = vue.resolveComponent("FieldList", true);
       return vue.openBlock(), vue.createBlock(vue.unref(VueDraggable), {
         itemKey: "key",
-        modelValue: _ctx.items,
+        modelValue: __props.items,
         forceFallback: true,
         fallbackOnBody: true,
         setData: () => void 0,
@@ -62,16 +61,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }, {
         item: vue.withCtx(({ element }) => [
           vue.createElementVNode("div", {
-            class: vue.normalizeClass([
-              "ele-crud-builder-field-item",
-              {
-                "is-collapse": element.key != null && _ctx.collapseItemIds && _ctx.collapseItemIds.includes(element.key)
-              }
-            ])
+            class: vue.normalizeClass(["ele-crud-builder-field-item", {
+              "is-collapse": element.key != null && __props.collapseItemIds && __props.collapseItemIds.includes(element.key)
+            }])
           }, [
             vue.createVNode(_component_FieldList, {
               items: element.children || [],
-              collapseItemIds: _ctx.collapseItemIds,
+              collapseItemIds: __props.collapseItemIds,
               parent: element,
               onToggleItemCollapse: handleToggleItemCollapse,
               onDeleteItem: handleDeleteItem,
@@ -82,7 +78,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             }, null, 8, ["items", "collapseItemIds", "parent"]),
             vue.createElementVNode("div", {
               class: "ele-crud-builder-field-item-body",
-              title: (element.prop ?? "") + " " + (element.label ?? "")
+              title: `${element.prop ?? ""} ${element.label ?? ""}`
             }, [
               element.children && element.children.length ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), {
                 key: 0,
@@ -92,8 +88,8 @@ 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.createElementVNode("span", _hoisted_3, vue.toDisplayString(element.prop), 1),
                 element.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, vue.toDisplayString(element.label), 1)) : vue.createCommentVNode("", true)
@@ -106,18 +102,18 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 default: vue.withCtx(() => [
                   vue.createVNode(vue.unref(index.DeleteOutlined))
                 ]),
-                _: 2
-              }, 1032, ["onClick"]),
+                _: 1
+              }, 8, ["onClick"]),
               vue.createVNode(vue.unref(elementPlus.ElIcon), {
                 class: "ele-crud-builder-field-item-tool",
                 title: "复制",
                 onClick: vue.withModifiers(($event) => handleCopyItem(element.key), ["stop"])
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(index.CopyOutlined), { style: { "transform": "scale(0.96)" } })
+                  vue.createVNode(vue.unref(index.CopyOutlined), { style: { transform: "scale(0.96)" } })
                 ]),
-                _: 2
-              }, 1032, ["onClick"]),
+                _: 1
+              }, 8, ["onClick"]),
               vue.createVNode(vue.unref(elementPlus.ElIcon), {
                 class: "ele-crud-builder-field-item-tool",
                 title: "修改",
@@ -126,18 +122,18 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 default: vue.withCtx(() => [
                   vue.createVNode(vue.unref(index.EditOutlined))
                 ]),
-                _: 2
-              }, 1032, ["onClick"]),
+                _: 1
+              }, 8, ["onClick"]),
               vue.createVNode(vue.unref(elementPlus.ElIcon), {
                 class: "ele-crud-builder-field-item-tool",
                 title: "添加子级",
                 onClick: vue.withModifiers(($event) => handleAddChildren(element.key), ["stop"])
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(index.PlusOutlined), { style: { "transform": "scale(1.1)" } })
+                  vue.createVNode(vue.unref(index.PlusOutlined), { style: { transform: "scale(1.1)" } })
                 ]),
-                _: 2
-              }, 1032, ["onClick"]),
+                _: 1
+              }, 8, ["onClick"]),
               vue.createVNode(vue.unref(elementPlus.ElIcon), {
                 title: "",
                 class: "ele-crud-builder-field-item-handle",
@@ -145,7 +141,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-crud-builder/components/field-tree.cjs

@@ -53,7 +53,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         if (item.key === key) {
           const newItem = buildCore.deepCloneObject(item);
           util.itemsGenerateNewKey(newItem, props.fields, true);
-          emit("addField", newItem, parent == null ? void 0 : parent.key, index2 + 1);
+          emit("addField", newItem, parent?.key, index2 + 1);
           return false;
         }
       });
@@ -147,14 +147,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             type: "primary",
             onClick: _cache[0] || (_cache[0] = ($event) => handleOpenEdit())
           }, {
-            default: vue.withCtx(() => _cache[1] || (_cache[1] = [
-              vue.createTextVNode(" 添加 ")
-            ])),
-            _: 1,
-            __: [1]
+            default: vue.withCtx(() => [..._cache[1] || (_cache[1] = [
+              vue.createTextVNode(" 添加 ", -1)
+            ])]),
+            _: 1
           }, 8, ["icon"])
         ]),
-        __props.fields ? (vue.openBlock(), vue.createBlock(FieldList, {
+        __props.fields && __props.fields.length ? (vue.openBlock(), vue.createBlock(FieldList, {
           key: 0,
           items: __props.fields,
           collapseItemIds: collapseItemIds.value,
@@ -164,12 +163,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           onEditItem: handleEditItem,
           onAddChildren: handleAddChildren,
           onUpdateItemChildren: handleUpdateItemChildren
-        }, null, 8, ["items", "collapseItemIds"])) : vue.createCommentVNode("", true),
-        !__props.fields || !__props.fields.length ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElEmpty), {
+        }, null, 8, ["items", "collapseItemIds"])) : (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElEmpty), {
           key: 1,
           imageSize: 58,
           class: "ele-crud-builder-form-empty"
-        })) : vue.createCommentVNode("", true),
+        })),
         vue.createVNode(vue.Transition, { name: "anim" }, {
           default: vue.withCtx(() => [
             fieldEditOption.visible ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
@@ -181,22 +179,20 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     icon: vue.unref(index.CloseOutlined),
                     onClick: handleCancelEdit
                   }, {
-                    default: vue.withCtx(() => _cache[2] || (_cache[2] = [
-                      vue.createTextVNode(" 取消 ")
-                    ])),
-                    _: 1,
-                    __: [2]
+                    default: vue.withCtx(() => [..._cache[2] || (_cache[2] = [
+                      vue.createTextVNode(" 取消 ", -1)
+                    ])]),
+                    _: 1
                   }, 8, ["icon"]),
                   vue.createVNode(vue.unref(elementPlus.ElButton), {
                     icon: vue.unref(index.CheckOutlined),
                     type: "primary",
                     onClick: handleSaveEdit
                   }, {
-                    default: vue.withCtx(() => _cache[3] || (_cache[3] = [
-                      vue.createTextVNode(" 保存 ")
-                    ])),
-                    _: 1,
-                    __: [3]
+                    default: vue.withCtx(() => [..._cache[3] || (_cache[3] = [
+                      vue.createTextVNode(" 保存 ", -1)
+                    ])]),
+                    _: 1
                   }, 8, ["icon"])
                 ]),
                 (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.proFormComponent || EleProForm), {
@@ -211,15 +207,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 }, vue.createSlots({ _: 2 }, [
                   !_ctx.$slots.crudBuilderSwitch ? {
                     name: "crudBuilderSwitch",
-                    fn: vue.withCtx(({ item, modelValue, updateValue }) => {
-                      var _a;
-                      return [
-                        vue.createVNode(vue.unref(elementPlus.ElSwitch), {
-                          modelValue: (modelValue ?? ((_a = item.props) == null ? void 0 : _a.defaultValue)) !== false,
-                          "onUpdate:modelValue": (val) => updateValue(val ? {} : false)
-                        }, null, 8, ["modelValue", "onUpdate:modelValue"])
-                      ];
-                    }),
+                    fn: vue.withCtx(({ item, modelValue, updateValue }) => [
+                      vue.createVNode(vue.unref(elementPlus.ElSwitch), {
+                        modelValue: (modelValue ?? item.props?.defaultValue) !== false,
+                        "onUpdate:modelValue": (val) => updateValue(val ? {} : false)
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                    ]),
                     key: "0"
                   } : void 0,
                   !_ctx.$slots.proFormBuilderSourceEdit ? {

package/lib/ele-crud-builder/components/form-design-modal.cjs

@@ -57,7 +57,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     vue.watch(
       () => props.modelValue,
       (visible) => {
-        var _a, _b, _c, _d, _e, _f;
         if (!visible) {
           return;
         }
@@ -65,8 +64,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         const fields = config.fields;
         if (props.type === "search") {
           const searchConfig = config.searchConfig;
-          const formProps = ((_a = searchConfig === false || searchConfig === true ? void 0 : searchConfig) == null ? void 0 : _a.formProps) || {};
-          const items = ((_b = formProps.items) == null ? void 0 : _b.length) ? formProps.items : util.getFieldsSearchFormItems(fields);
+          const formProps = (searchConfig === false || searchConfig === true ? void 0 : searchConfig)?.formProps || {};
+          const items = formProps.items?.length ? formProps.items : util.getFieldsSearchFormItems(fields);
           formConfig.value = {
             ...util.getDefaultSearchFormProps() || {},
             ...formProps,
@@ -76,15 +75,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         }
         if (props.type === "add") {
           const addConfig = config.addConfig;
-          const formProps = ((_c = addConfig === false || addConfig === true ? void 0 : addConfig) == null ? void 0 : _c.formProps) || {};
-          const items = ((_d = formProps.items) == null ? void 0 : _d.length) ? formProps.items : util.getFieldsAddFormItems(fields);
+          const formProps = (addConfig === false || addConfig === true ? void 0 : addConfig)?.formProps || {};
+          const items = formProps.items?.length ? formProps.items : util.getFieldsAddFormItems(fields);
           formConfig.value = { ...formProps, items };
           return;
         }
         if (props.type === "edit") {
           const editConfig = config.editConfig;
-          const formProps = ((_e = editConfig === false || editConfig === true ? void 0 : editConfig) == null ? void 0 : _e.formProps) || {};
-          const items = ((_f = formProps.items) == null ? void 0 : _f.length) ? formProps.items : util.getFieldsEditFormItems(fields);
+          const formProps = (editConfig === false || editConfig === true ? void 0 : editConfig)?.formProps || {};
+          const items = formProps.items?.length ? formProps.items : util.getFieldsEditFormItems(fields);
           formConfig.value = { ...formProps, items };
         }
       }
@@ -117,11 +116,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 icon: vue.unref(index.CheckOutlined),
                 onClick: handleSave
               }, {
-                default: vue.withCtx(() => _cache[0] || (_cache[0] = [
-                  vue.createTextVNode(" 保存 ")
-                ])),
-                _: 1,
-                __: [0]
+                default: vue.withCtx(() => [..._cache[0] || (_cache[0] = [
+                  vue.createTextVNode(" 保存 ", -1)
+                ])]),
+                _: 1
               }, 8, ["icon"])
             ]),
             _: 2