ele-admin-plus 1.3.0-beta.2 → 1.3.0-beta.3

package/lib/ele-pro-form/components/item-type-data.cjs

@@ -9,12 +9,19 @@ const EleProTable = require("../../ele-pro-table/index");
 const EleCard = require("../../ele-card/index");
 const EleTabs = require("../../ele-tabs/index");
 const EleTable = require("../../ele-table/index");
+const EleAdminLayout = require("../../ele-admin-layout/index");
 const EleTreeSelect = require("../../ele-tree-select/index");
 const EleTableSelect = require("../../ele-table-select/index");
 const EleCheckCard = require("../../ele-check-card/index");
 const EleEditTag = require("../../ele-edit-tag/index");
 const EleSelect = require("../../ele-select/index");
 const EleCascader = require("../../ele-cascader/index");
+const EleRadioGroup = require("../../ele-radio-group/index");
+const EleCheckboxGroup = require("../../ele-checkbox-group/index");
+const EleSelectTree = require("../../ele-select-tree/index");
+const EleTransfer = require("../../ele-transfer/index");
+const EleMention = require("../../ele-mention/index");
+const EleAutocomplete = require("../../ele-autocomplete/index");
 const defaultItemTypeData = [
   {
     type: "label",
@@ -44,28 +51,19 @@ const defaultItemTypeData = [
     type: "icon",
     component: EleIcon,
     isContainer: true,
-    sortDisabled: true,
-    defaultProps: ({ item }) => ({
-      name: item.label
-    })
+    sortDisabled: true
   },
   {
     type: "image",
     component: elementPlus.ElImage,
     isContainer: true,
-    sortDisabled: true,
-    defaultProps: ({ item }) => ({
-      alt: item.label
-    })
+    sortDisabled: true
   },
   {
     type: "alert",
     component: EleAlert,
     isContainer: true,
-    sortDisabled: true,
-    defaultProps: ({ item }) => ({
-      title: item.label
-    })
+    sortDisabled: true
   },
   {
     type: "steps",
@@ -86,8 +84,7 @@ const defaultItemTypeData = [
     type: "card",
     component: EleCard,
     isContainer: true,
-    defaultProps: ({ item }) => ({
-      header: item.label,
+    defaultProps: () => ({
       bordered: true
     })
   },
@@ -103,12 +100,18 @@ const defaultItemTypeData = [
       };
     },
     reservedProps: ({ item, isShowFormItem }) => ({
-      items: (item.children || []).filter((c) => isShowFormItem(c)).map((c) => ({
-        name: c.prop,
-        label: c.label,
-        slot: "itemContent",
-        meta: c
-      }))
+      items: (item.children || []).filter((c) => isShowFormItem(c)).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,
+          slot: "itemContent",
+          meta: c
+        };
+      })
     }),
     reservedSlots: ({ renderChildren }) => ({
       itemContent: (slotProps) => {
@@ -161,11 +164,7 @@ const defaultItemTypeData = [
     type: "collapseItem",
     component: elementPlus.ElCollapseItem,
     isContainer: true,
-    containerSelectable: true,
-    defaultProps: ({ item }) => ({
-      title: item.label,
-      name: item.prop
-    })
+    containerSelectable: true
   },
   {
     type: "carousel",
@@ -177,30 +176,19 @@ const defaultItemTypeData = [
     type: "carouselItem",
     component: elementPlus.ElCarouselItem,
     isContainer: true,
-    containerSelectable: true,
-    defaultProps: ({ item }) => ({
-      title: item.label,
-      name: item.prop
-    })
+    containerSelectable: true
   },
   {
     type: "descriptions",
     component: elementPlus.ElDescriptions,
     isContainer: true,
-    sortDisabled: true,
-    defaultProps: ({ item }) => ({
-      title: item.label
-    })
+    sortDisabled: true
   },
   {
     type: "descriptionsItem",
     component: elementPlus.ElDescriptionsItem,
     isContainer: true,
-    containerSelectable: true,
-    defaultProps: ({ item }) => ({
-      key: item.key ?? item.prop,
-      label: item.label
-    })
+    containerSelectable: true
   },
   {
     type: "row",
@@ -214,6 +202,11 @@ const defaultItemTypeData = [
     isContainer: true,
     containerSelectable: true
   },
+  {
+    type: "adminLayout",
+    component: EleAdminLayout,
+    isContainer: true
+  },
   {
     type: "div",
     component: "div",
@@ -254,8 +247,7 @@ const defaultItemTypeData = [
     defaultProps: ({ item }) => ({
       class: "ele-fluid",
       clearable: true,
-      placeholder: `请输入${item.label ?? ""}`,
-      options: item.options
+      placeholder: `请输入${item.label ?? ""}`
     }),
     reservedProps: ({ modelValue, updateModelValue }) => ({
       modelValue,
@@ -268,8 +260,7 @@ const defaultItemTypeData = [
     defaultProps: ({ item }) => ({
       class: "ele-fluid",
       clearable: true,
-      placeholder: `请输入${item.label ?? ""}`,
-      options: item.options
+      placeholder: `请输入${item.label ?? ""}`
     }),
     reservedProps: ({ modelValue, updateModelValue }) => ({
       multiple: true,
@@ -279,60 +270,36 @@ const defaultItemTypeData = [
   },
   {
     type: "radio",
-    component: elementPlus.ElRadioGroup,
+    component: EleRadioGroup,
     reservedProps: ({ modelValue, updateModelValue }) => ({
       modelValue,
       "onUpdate:modelValue": updateModelValue
-    }),
-    optionsComponent: elementPlus.ElRadio,
-    optionsComponentProps: (option) => ({
-      value: option.value,
-      label: option.label,
-      disabled: option.disabled,
-      border: option.border
     })
   },
   {
     type: "radioButton",
-    component: elementPlus.ElRadioGroup,
+    component: EleRadioGroup,
     reservedProps: ({ modelValue, updateModelValue }) => ({
+      type: "button",
       modelValue,
       "onUpdate:modelValue": updateModelValue
-    }),
-    optionsComponent: elementPlus.ElRadioButton,
-    optionsComponentProps: (option) => ({
-      value: option.value,
-      label: option.label,
-      disabled: option.disabled
     })
   },
   {
     type: "checkbox",
-    component: elementPlus.ElCheckboxGroup,
+    component: EleCheckboxGroup,
     reservedProps: ({ modelValue, updateModelValue }) => ({
       modelValue,
       "onUpdate:modelValue": updateModelValue
-    }),
-    optionsComponent: elementPlus.ElCheckbox,
-    optionsComponentProps: (option) => ({
-      value: option.value,
-      label: option.label,
-      disabled: option.disabled,
-      border: option.border
     })
   },
   {
     type: "checkboxButton",
-    component: elementPlus.ElCheckboxGroup,
+    component: EleCheckboxGroup,
     reservedProps: ({ modelValue, updateModelValue }) => ({
+      type: "button",
       modelValue,
       "onUpdate:modelValue": updateModelValue
-    }),
-    optionsComponent: elementPlus.ElCheckboxButton,
-    optionsComponentProps: (option) => ({
-      value: option.value,
-      label: option.label,
-      disabled: option.disabled
     })
   },
   {
@@ -464,14 +431,9 @@ const defaultItemTypeData = [
   },
   {
     type: "autocomplete",
-    component: elementPlus.ElAutocomplete,
+    component: EleAutocomplete,
     defaultProps: ({ item }) => ({
       class: "ele-fluid",
-      fetchSuggestions: (keyword, callback) => callback(
-        (item.options || []).filter(
-          (d) => keyword == null || !keyword.length || (d.value ?? "").toLowerCase().includes((keyword ?? "").toLowerCase())
-        )
-      ),
       placeholder: `请输入${item.label ?? ""}`
     }),
     reservedProps: ({ modelValue, updateModelValue }) => ({
@@ -485,7 +447,6 @@ const defaultItemTypeData = [
     defaultProps: ({ item }) => ({
       class: "ele-fluid",
       clearable: true,
-      options: item.options || [],
       placeholder: `请选择${item.label ?? ""}`
     }),
     reservedProps: ({ modelValue, updateModelValue }) => ({
@@ -499,7 +460,6 @@ const defaultItemTypeData = [
     defaultProps: ({ item }) => ({
       class: "ele-fluid",
       clearable: true,
-      options: item.options || [],
       placeholder: `请选择${item.label ?? ""}`
     }),
     reservedProps: ({ modelValue, updateModelValue }) => ({
@@ -535,10 +495,9 @@ const defaultItemTypeData = [
   },
   {
     type: "mention",
-    component: elementPlus.ElMention,
+    component: EleMention,
     defaultProps: ({ item }) => ({
       clearable: true,
-      options: item.options || [],
       placeholder: `请输入${item.label ?? ""}`
     }),
     reservedProps: ({ modelValue, updateModelValue }) => ({
@@ -556,7 +515,7 @@ const defaultItemTypeData = [
   },
   {
     type: "transfer",
-    component: elementPlus.ElTransfer,
+    component: EleTransfer,
     reservedProps: ({ modelValue, updateModelValue }) => ({
       modelValue,
       "onUpdate:modelValue": updateModelValue
@@ -564,11 +523,10 @@ const defaultItemTypeData = [
   },
   {
     type: "treeSelect",
-    component: elementPlus.ElTreeSelect,
+    component: EleSelectTree,
     defaultProps: ({ item }) => ({
       class: "ele-fluid",
       clearable: true,
-      data: item.options || [],
       placeholder: `请选择${item.label ?? ""}`
     }),
     reservedProps: ({ modelValue, updateModelValue }) => ({
@@ -578,11 +536,10 @@ const defaultItemTypeData = [
   },
   {
     type: "treeMultipleSelect",
-    component: elementPlus.ElTreeSelect,
+    component: EleSelectTree,
     defaultProps: ({ item }) => ({
       class: "ele-fluid",
       clearable: true,
-      data: item.options || [],
       showCheckbox: true,
       placeholder: `请选择${item.label ?? ""}`
     }),
@@ -646,9 +603,6 @@ const defaultItemTypeData = [
   {
     type: "checkCard",
     component: EleCheckCard,
-    defaultProps: ({ item }) => ({
-      items: item.options || []
-    }),
     reservedProps: ({ modelValue, updateModelValue }) => ({
       modelValue,
       "onUpdate:modelValue": updateModelValue
@@ -657,9 +611,6 @@ const defaultItemTypeData = [
   {
     type: "multipleCheckCard",
     component: EleCheckCard,
-    defaultProps: ({ item }) => ({
-      items: item.options || []
-    }),
     reservedProps: ({ modelValue, updateModelValue }) => ({
       multiple: true,
       modelValue,