ele-admin-plus 1.2.2-beta.4 → 1.3.1-beta.1

package/es/ele-pro-form/components/pro-form-item.js

@@ -0,0 +1,1917 @@
+import { defineComponent, computed, ref, reactive, watch, resolveComponent, openBlock, createBlock, normalizeProps, mergeProps, createSlots, withCtx, createElementBlock, Fragment, createTextVNode, toDisplayString, createCommentVNode, renderList, renderSlot, guardReactiveProps, unref, resolveDynamicComponent } from "vue";
+import { ElDivider, ElButton, ElIcon, ElImage, ElCollapse, ElCollapseItem, ElCarousel, ElCarouselItem, ElDescriptions, ElDescriptionsItem, ElRow, ElCol, ElFormItem, ElInput, ElSelect, ElRadioGroup, ElRadio, ElRadioButton, ElCheckboxGroup, ElCheckbox, ElCheckboxButton, ElDatePicker, ElTimePicker, ElTimeSelect, ElSwitch, ElInputNumber, ElAutocomplete, ElCascader, ElRate, ElSlider, ElMention, ElColorPicker, ElTransfer, ElTreeSelect } from "element-plus";
+import EleText from "../../ele-text/index";
+import EleAlert from "../../ele-alert/index";
+import EleSteps from "../../ele-steps/index";
+import EleProTable from "../../ele-pro-table/index";
+import EleCard from "../../ele-card/index";
+import EleTabs from "../../ele-tabs/index";
+import EleTable from "../../ele-table/index";
+import EleTreeSelect from "../../ele-tree-select/index";
+import EleTableSelect from "../../ele-table-select/index";
+import EleCheckCard from "../../ele-check-card/index";
+import EleEditTag from "../../ele-edit-tag/index";
+import EleAdminLayout from "../../ele-admin-layout/index";
+import * as ALL_ICONS from "../../icons";
+import { getValue, getRuleTrigger, getRuleMessage, uploadTypes, isShowItem, defaultTypes } from "../util";
+import ProFormContent from "./pro-form-content";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ProFormItem",
+    components: { ...ALL_ICONS, EleAdminLayout }
+  },
+  __name: "pro-form-item",
+  props: {
+    item: {},
+    model: {},
+    rules: {},
+    formItems: {},
+    searchExpand: { type: Boolean },
+    editable: { type: Boolean },
+    activeItemKey: {}
+  },
+  emits: ["updateItemValue", "updateItemsData", "update:activeItemKey"],
+  setup(__props, { emit: __emit }) {
+    var _a, _b, _c, _d, _e, _f;
+    const props = __props;
+    const emit = __emit;
+    const modelValue = computed(() => {
+      if (props.model == null || props.item.prop == null) {
+        return;
+      }
+      return getValue(props.model, props.item.prop);
+    });
+    const updateItemValue = (prop, value) => {
+      emit("updateItemValue", prop, value);
+    };
+    const updatePropValue = (propName, value) => {
+      if (propName != null) {
+        updateItemValue(propName, value);
+      }
+    };
+    const updateValue = (value) => {
+      var _a2;
+      updatePropValue((_a2 = props.item) == null ? void 0 : _a2.prop, value);
+    };
+    const handleUpdateItemsData = (items, parentItem) => {
+      emit("updateItemsData", items, parentItem);
+    };
+    const handleUpdateActiveItemKey = (activeKey) => {
+      emit("update:activeItemKey", activeKey);
+    };
+    const itemComponentRef = ref(null);
+    const itemRefs = { itemComponentRef };
+    const uploadIsDone = () => {
+      console.log("uploadIsDone:", itemComponentRef.value);
+      if (itemComponentRef.value && typeof itemComponentRef.value.isFormValidate === "function") {
+        return itemComponentRef.value.isFormValidate();
+      }
+      if (props.item.type && uploadTypes.includes(props.item.type) && itemComponentRef.value && typeof itemComponentRef.value.isDone === "function") {
+        return itemComponentRef.value.isDone();
+      }
+      return true;
+    };
+    const itemRules = computed(() => {
+      var _a2;
+      const itemProps = props.item.itemProps;
+      const iRule = itemProps ? itemProps.rules : void 0;
+      const iRules = iRule ? Array.isArray(iRule) ? iRule : [iRule] : void 0;
+      const fRule = props.rules ? props.rules[props.item.prop] : void 0;
+      const fRules = fRule ? Array.isArray(fRule) ? fRule : [fRule] : void 0;
+      const rules = iRules || fRules || [];
+      const trigger = getRuleTrigger(props.item.type);
+      const message = getRuleMessage(
+        props.item.type,
+        props.item.label,
+        props.item.requiredMessage,
+        (_a2 = props.item.props) == null ? void 0 : _a2.placeholder
+      );
+      if (props.item.required) {
+        rules.unshift({ required: true, message, trigger });
+      }
+      if (props.item.type && uploadTypes.includes(props.item.type)) {
+        const validator = (_rule, value, callback) => {
+          if (value && !uploadIsDone()) {
+            return callback(new Error(`${props.item.label ?? ""}还未上传完毕`));
+          }
+          callback();
+        };
+        rules.push({ trigger, validator });
+      }
+      return rules;
+    });
+    const cascaderProps = reactive({
+      ...((_b = (_a = props.item) == null ? void 0 : _a.props) == null ? void 0 : _b.props) || {},
+      multiple: ((_c = props.item) == null ? void 0 : _c.type) === "multipleCascader" || !!((_f = (_e = (_d = props.item) == null ? void 0 : _d.props) == null ? void 0 : _e.props) == null ? void 0 : _f.multiple)
+    });
+    watch(
+      () => props.item,
+      (item) => {
+        var _a2;
+        const cProps = ((_a2 = item == null ? void 0 : item.props) == null ? void 0 : _a2.props) || {};
+        [
+          "expandTrigger",
+          "checkStrictly",
+          "emitPath",
+          "lazy",
+          "lazyLoad",
+          "value",
+          "label",
+          "children",
+          "disabled",
+          "leaf",
+          "hoverThreshold"
+        ].forEach((k) => {
+          if (cascaderProps[k] == null && cProps[k] == null) {
+            return;
+          }
+          if (cascaderProps[k] !== cProps[k]) {
+            cascaderProps[k] = cProps[k];
+          }
+        });
+        if (item.type === "multipleCascader") {
+          if (!cascaderProps.multiple) {
+            cascaderProps.multiple = true;
+          }
+        } else if (!!cascaderProps.multiple !== !!cProps.multiple) {
+          cascaderProps.multiple = cProps.multiple;
+        }
+      },
+      {
+        immediate: true,
+        deep: true
+      }
+    );
+    return (_ctx, _cache) => {
+      var _a2, _b2, _c2, _d2, _e2, _f2, _g, _h, _i, _j, _k, _l;
+      const _component_ElOption = resolveComponent("ElOption");
+      const _component_ElOptionGroup = resolveComponent("ElOptionGroup");
+      return _ctx.item.type === "label" ? (openBlock(), createBlock(EleText, normalizeProps(mergeProps({ key: 0 }, _ctx.item.props || {})), createSlots({
+        default: withCtx(() => [
+          !(_ctx.item.slots && _ctx.item.slots.default && _ctx.$slots[_ctx.item.slots.default]) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            _ctx.item.label != null && _ctx.item.label !== "" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createTextVNode(toDisplayString(_ctx.item.label), 1)
+            ], 64)) : createCommentVNode("", true),
+            _ctx.item.children && _ctx.item.children.length ? (openBlock(), createBlock(ProFormContent, {
+              key: 1,
+              model: _ctx.model,
+              rules: _ctx.rules,
+              items: _ctx.item.children,
+              grid: _ctx.item.grid,
+              rowProps: _ctx.item.rowProps,
+              formItems: _ctx.formItems,
+              searchExpand: _ctx.searchExpand,
+              parentItem: _ctx.item,
+              editable: _ctx.editable,
+              sortDisabled: true,
+              activeItemKey: _ctx.activeItemKey,
+              onUpdateItemValue: updateItemValue,
+              onUpdateItemsData: handleUpdateItemsData,
+              "onUpdate:activeItemKey": handleUpdateActiveItemKey
+            }, createSlots({ _: 2 }, [
+              renderList(Object.keys(_ctx.$slots), (name) => {
+                return {
+                  name,
+                  fn: withCtx((slotProps) => [
+                    renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+                  ])
+                };
+              })
+            ]), 1032, ["model", "rules", "items", "grid", "rowProps", "formItems", "searchExpand", "parentItem", "editable", "activeItemKey"])) : createCommentVNode("", true)
+          ], 64)) : createCommentVNode("", true)
+        ]),
+        _: 2
+      }, [
+        renderList(Object.keys(_ctx.item.slots || {}).filter(
+          (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+        ), (name) => {
+          return {
+            name,
+            fn: withCtx((slotProps) => {
+              var _a3;
+              return [
+                renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], normalizeProps(guardReactiveProps(slotProps || {})))
+              ];
+            })
+          };
+        })
+      ]), 1040)) : _ctx.item.type === "divider" ? (openBlock(), createBlock(unref(ElDivider), normalizeProps(mergeProps({ key: 1 }, _ctx.item.props || {})), createSlots({
+        default: withCtx(() => [
+          !(_ctx.item.slots && _ctx.item.slots.default && _ctx.$slots[_ctx.item.slots.default]) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            _ctx.item.label != null && _ctx.item.label !== "" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createTextVNode(toDisplayString(_ctx.item.label), 1)
+            ], 64)) : createCommentVNode("", true),
+            _ctx.item.children && _ctx.item.children.length ? (openBlock(), createBlock(ProFormContent, {
+              key: 1,
+              model: _ctx.model,
+              rules: _ctx.rules,
+              items: _ctx.item.children,
+              grid: _ctx.item.grid,
+              rowProps: _ctx.item.rowProps,
+              formItems: _ctx.formItems,
+              searchExpand: _ctx.searchExpand,
+              parentItem: _ctx.item,
+              editable: _ctx.editable,
+              sortDisabled: true,
+              activeItemKey: _ctx.activeItemKey,
+              onUpdateItemValue: updateItemValue,
+              onUpdateItemsData: handleUpdateItemsData,
+              "onUpdate:activeItemKey": handleUpdateActiveItemKey
+            }, createSlots({ _: 2 }, [
+              renderList(Object.keys(_ctx.$slots), (name) => {
+                return {
+                  name,
+                  fn: withCtx((slotProps) => [
+                    renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+                  ])
+                };
+              })
+            ]), 1032, ["model", "rules", "items", "grid", "rowProps", "formItems", "searchExpand", "parentItem", "editable", "activeItemKey"])) : createCommentVNode("", true)
+          ], 64)) : createCommentVNode("", true)
+        ]),
+        _: 2
+      }, [
+        renderList(Object.keys(_ctx.item.slots || {}).filter(
+          (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+        ), (name) => {
+          return {
+            name,
+            fn: withCtx((slotProps) => {
+              var _a3;
+              return [
+                renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], normalizeProps(guardReactiveProps(slotProps || {})))
+              ];
+            })
+          };
+        })
+      ]), 1040)) : _ctx.item.type === "button" ? (openBlock(), createBlock(unref(ElButton), mergeProps({
+        key: 2,
+        type: "primary"
+      }, _ctx.item.props || {}), createSlots({
+        default: withCtx(() => [
+          !(_ctx.item.slots && _ctx.item.slots.default && _ctx.$slots[_ctx.item.slots.default]) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            _ctx.item.label != null && _ctx.item.label !== "" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createTextVNode(toDisplayString(_ctx.item.label), 1)
+            ], 64)) : createCommentVNode("", true),
+            _ctx.item.children && _ctx.item.children.length ? (openBlock(), createBlock(ProFormContent, {
+              key: 1,
+              model: _ctx.model,
+              rules: _ctx.rules,
+              items: _ctx.item.children,
+              grid: _ctx.item.grid,
+              rowProps: _ctx.item.rowProps,
+              formItems: _ctx.formItems,
+              searchExpand: _ctx.searchExpand,
+              parentItem: _ctx.item,
+              editable: _ctx.editable,
+              sortDisabled: true,
+              activeItemKey: _ctx.activeItemKey,
+              onUpdateItemValue: updateItemValue,
+              onUpdateItemsData: handleUpdateItemsData,
+              "onUpdate:activeItemKey": handleUpdateActiveItemKey
+            }, createSlots({ _: 2 }, [
+              renderList(Object.keys(_ctx.$slots), (name) => {
+                return {
+                  name,
+                  fn: withCtx((slotProps) => [
+                    renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+                  ])
+                };
+              })
+            ]), 1032, ["model", "rules", "items", "grid", "rowProps", "formItems", "searchExpand", "parentItem", "editable", "activeItemKey"])) : createCommentVNode("", true)
+          ], 64)) : createCommentVNode("", true)
+        ]),
+        _: 2
+      }, [
+        renderList(Object.keys(_ctx.item.slots || {}).filter(
+          (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+        ), (name) => {
+          return {
+            name,
+            fn: withCtx((slotProps) => {
+              var _a3;
+              return [
+                renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], normalizeProps(guardReactiveProps(slotProps || {})))
+              ];
+            })
+          };
+        })
+      ]), 1040)) : _ctx.item.type === "icon" || _ctx.item.type === "div" && ((_a2 = _ctx.item.props) == null ? void 0 : _a2.is) && ["el-icon", "ElIcon"].includes(_ctx.item.props.is) ? (openBlock(), createBlock(unref(ElIcon), normalizeProps(mergeProps({ key: 3 }, _ctx.item.props || {})), createSlots({
+        default: withCtx(() => [
+          !(_ctx.item.slots && _ctx.item.slots.default && _ctx.$slots[_ctx.item.slots.default]) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            _ctx.item.label != null && _ctx.item.label !== "" ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.item.label), { key: 0 })) : createCommentVNode("", true),
+            _ctx.item.children && _ctx.item.children.length ? (openBlock(), createBlock(ProFormContent, {
+              key: 1,
+              model: _ctx.model,
+              rules: _ctx.rules,
+              items: _ctx.item.children,
+              grid: _ctx.item.grid,
+              rowProps: _ctx.item.rowProps,
+              formItems: _ctx.formItems,
+              searchExpand: _ctx.searchExpand,
+              parentItem: _ctx.item,
+              editable: _ctx.editable,
+              sortDisabled: true,
+              activeItemKey: _ctx.activeItemKey,
+              onUpdateItemValue: updateItemValue,
+              onUpdateItemsData: handleUpdateItemsData,
+              "onUpdate:activeItemKey": handleUpdateActiveItemKey
+            }, createSlots({ _: 2 }, [
+              renderList(Object.keys(_ctx.$slots), (name) => {
+                return {
+                  name,
+                  fn: withCtx((slotProps) => [
+                    renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+                  ])
+                };
+              })
+            ]), 1032, ["model", "rules", "items", "grid", "rowProps", "formItems", "searchExpand", "parentItem", "editable", "activeItemKey"])) : createCommentVNode("", true)
+          ], 64)) : createCommentVNode("", true)
+        ]),
+        _: 2
+      }, [
+        renderList(Object.keys(_ctx.item.slots || {}).filter(
+          (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+        ), (name) => {
+          return {
+            name,
+            fn: withCtx((slotProps) => {
+              var _a3;
+              return [
+                renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], normalizeProps(guardReactiveProps(slotProps || {})))
+              ];
+            })
+          };
+        })
+      ]), 1040)) : _ctx.item.type === "image" ? (openBlock(), createBlock(unref(ElImage), mergeProps({
+        key: 4,
+        alt: _ctx.item.label
+      }, _ctx.item.props || {}), createSlots({ _: 2 }, [
+        renderList(Object.keys(_ctx.item.slots || {}).filter(
+          (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+        ), (name) => {
+          return {
+            name,
+            fn: withCtx((slotProps) => {
+              var _a3;
+              return [
+                renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], normalizeProps(guardReactiveProps(slotProps || {})))
+              ];
+            })
+          };
+        })
+      ]), 1040, ["alt"])) : _ctx.item.type === "alert" || _ctx.item.type === "div" && ((_b2 = _ctx.item.props) == null ? void 0 : _b2.is) && ["el-alert", "EleAlert"].includes(_ctx.item.props.is) ? (openBlock(), createBlock(EleAlert, mergeProps({
+        key: 5,
+        title: _ctx.item.label
+      }, _ctx.item.props || {}), createSlots({ _: 2 }, [
+        renderList(Object.keys(_ctx.item.slots || {}).filter(
+          (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+        ), (name) => {
+          return {
+            name,
+            fn: withCtx((slotProps) => {
+              var _a3;
+              return [
+                renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], normalizeProps(guardReactiveProps(slotProps || {})))
+              ];
+            })
+          };
+        })
+      ]), 1040, ["title"])) : _ctx.item.type === "steps" ? (openBlock(), createBlock(EleSteps, mergeProps({
+        key: 6,
+        active: modelValue.value ?? 0
+      }, _ctx.item.props || {}), createSlots({ _: 2 }, [
+        renderList(Object.keys(_ctx.item.slots || {}).filter(
+          (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+        ), (name) => {
+          return {
+            name,
+            fn: withCtx((slotProps) => {
+              var _a3;
+              return [
+                renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], normalizeProps(guardReactiveProps(slotProps || {})))
+              ];
+            })
+          };
+        })
+      ]), 1040, ["active"])) : _ctx.item.type === "proTable" ? (openBlock(), createBlock(EleProTable, normalizeProps(mergeProps({ key: 7 }, _ctx.item.props || {})), createSlots({ _: 2 }, [
+        renderList(Object.keys(_ctx.item.slots || {}).filter(
+          (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+        ), (name) => {
+          return {
+            name,
+            fn: withCtx((slotProps) => {
+              var _a3;
+              return [
+                renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], normalizeProps(guardReactiveProps(slotProps || {})))
+              ];
+            })
+          };
+        })
+      ]), 1040)) : _ctx.item.type === "card" ? (openBlock(), createBlock(EleCard, mergeProps({
+        key: 8,
+        header: _ctx.item.label,
+        bordered: true
+      }, _ctx.item.props || {}), createSlots({
+        default: withCtx(() => [
+          _ctx.editable || _ctx.item.children && _ctx.item.children.length && !(_ctx.item.slots && _ctx.item.slots.default && _ctx.$slots[_ctx.item.slots.default]) ? (openBlock(), createBlock(ProFormContent, {
+            key: 0,
+            model: _ctx.model,
+            rules: _ctx.rules,
+            items: _ctx.item.children || [],
+            grid: _ctx.item.grid,
+            rowProps: _ctx.item.rowProps,
+            formItems: _ctx.formItems,
+            searchExpand: _ctx.searchExpand,
+            parentItem: _ctx.item,
+            editable: _ctx.editable,
+            activeItemKey: _ctx.activeItemKey,
+            onUpdateItemValue: updateItemValue,
+            onUpdateItemsData: handleUpdateItemsData,
+            "onUpdate:activeItemKey": handleUpdateActiveItemKey
+          }, createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.$slots), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => [
+                  renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+                ])
+              };
+            })
+          ]), 1032, ["model", "rules", "items", "grid", "rowProps", "formItems", "searchExpand", "parentItem", "editable", "activeItemKey"])) : createCommentVNode("", true)
+        ]),
+        _: 2
+      }, [
+        renderList(Object.keys(_ctx.item.slots || {}).filter(
+          (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+        ), (name) => {
+          return {
+            name,
+            fn: withCtx((slotProps) => {
+              var _a3;
+              return [
+                renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], mergeProps(slotProps || {}, {
+                  proForm: {
+                    item: _ctx.item,
+                    model: _ctx.model,
+                    rules: _ctx.rules,
+                    formItems: _ctx.formItems,
+                    searchExpand: _ctx.searchExpand,
+                    updateItemValue,
+                    slots: _ctx.$slots
+                  }
+                }))
+              ];
+            })
+          };
+        })
+      ]), 1040, ["header"])) : _ctx.item.type === "tabs" ? (openBlock(), createBlock(EleTabs, mergeProps({
+        key: 9,
+        type: "border-card",
+        modelValue: modelValue.value ?? (((_c2 = _ctx.item.children) == null ? void 0 : _c2.length) ? _ctx.item.children[0].prop : void 0)
+      }, _ctx.item.props || {}, {
+        items: _ctx.item.children ? _ctx.item.children.filter(
+          (c) => _ctx.editable || unref(isShowItem)(c, _ctx.model, _ctx.formItems, _ctx.searchExpand)
+        ).map((c) => ({
+          name: c.prop,
+          label: c.label,
+          slot: "itemContent",
+          meta: c
+        })) || [] : [],
+        "onUpdate:modelValue": updateValue
+      }), {
+        itemContent: withCtx(({ item: tabItem }) => [
+          tabItem.meta.slots && tabItem.meta.slots.default && _ctx.$slots[tabItem.meta.slots.default] ? renderSlot(_ctx.$slots, tabItem.meta.slots.default, {
+            key: 0,
+            proForm: {
+              item: tabItem,
+              model: _ctx.model,
+              rules: _ctx.rules,
+              formItems: _ctx.formItems,
+              searchExpand: _ctx.searchExpand,
+              updateItemValue,
+              slots: _ctx.$slots
+            }
+          }) : _ctx.editable || tabItem.meta.children && tabItem.meta.children.length ? (openBlock(), createBlock(ProFormContent, {
+            key: 1,
+            model: _ctx.model,
+            rules: _ctx.rules,
+            items: tabItem.meta.children || [],
+            grid: tabItem.meta.grid,
+            rowProps: tabItem.meta.rowProps,
+            formItems: _ctx.formItems,
+            searchExpand: _ctx.searchExpand,
+            parentItem: tabItem.meta,
+            editable: _ctx.editable,
+            containerSelectable: true,
+            activeItemKey: _ctx.activeItemKey,
+            onUpdateItemValue: updateItemValue,
+            onUpdateItemsData: handleUpdateItemsData,
+            "onUpdate:activeItemKey": handleUpdateActiveItemKey
+          }, createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.$slots), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => [
+                  renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+                ])
+              };
+            })
+          ]), 1032, ["model", "rules", "items", "grid", "rowProps", "formItems", "searchExpand", "parentItem", "editable", "activeItemKey"])) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 16, ["modelValue", "items"])) : _ctx.item.type === "table" || _ctx.item.type === "div" && ((_d2 = _ctx.item.props) == null ? void 0 : _d2.is) && ["ele-table", "EleTable"].includes(_ctx.item.props.is) ? (openBlock(), createBlock(EleTable, normalizeProps(mergeProps({ key: 10 }, _ctx.item.props ? { ..._ctx.item.props, is: void 0 } : {})), {
+        default: withCtx(() => {
+          var _a3;
+          return [
+            _ctx.item.slots && _ctx.item.slots.default && _ctx.$slots[_ctx.item.slots.default] ? renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3.default, {
+              key: 0,
+              proForm: {
+                item: _ctx.item,
+                model: _ctx.model,
+                rules: _ctx.rules,
+                formItems: _ctx.formItems,
+                searchExpand: _ctx.searchExpand,
+                updateItemValue,
+                slots: _ctx.$slots
+              }
+            }) : _ctx.item.children && _ctx.item.children.length ? (openBlock(), createBlock(ProFormContent, {
+              key: 1,
+              model: _ctx.model,
+              rules: _ctx.rules,
+              items: _ctx.item.children,
+              grid: _ctx.item.grid,
+              rowProps: _ctx.item.rowProps,
+              formItems: _ctx.formItems,
+              searchExpand: _ctx.searchExpand,
+              parentItem: _ctx.item,
+              editable: _ctx.editable,
+              sortDisabled: true,
+              activeItemKey: _ctx.activeItemKey,
+              onUpdateItemValue: updateItemValue,
+              onUpdateItemsData: handleUpdateItemsData,
+              "onUpdate:activeItemKey": handleUpdateActiveItemKey
+            }, createSlots({ _: 2 }, [
+              renderList(Object.keys(_ctx.$slots), (name) => {
+                return {
+                  name,
+                  fn: withCtx((slotProps) => [
+                    renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+                  ])
+                };
+              })
+            ]), 1032, ["model", "rules", "items", "grid", "rowProps", "formItems", "searchExpand", "parentItem", "editable", "activeItemKey"])) : createCommentVNode("", true)
+          ];
+        }),
+        _: 3
+      }, 16)) : _ctx.item.type === "collapse" ? (openBlock(), createBlock(unref(ElCollapse), mergeProps({
+        key: 11,
+        modelValue: modelValue.value ?? (((_e2 = _ctx.item.props) == null ? void 0 : _e2.accordion) ? ((_f2 = _ctx.item.children) == null ? void 0 : _f2.length) ? ((_g = _ctx.item.children[0].props) == null ? void 0 : _g.name) ?? _ctx.item.children[0].prop : void 0 : [])
+      }, _ctx.item.props || {}, { "onUpdate:modelValue": updateValue }), createSlots({
+        default: withCtx(() => [
+          _ctx.item.children && _ctx.item.children.length && !(_ctx.item.slots && _ctx.item.slots.default && _ctx.$slots[_ctx.item.slots.default]) ? (openBlock(), createBlock(ProFormContent, {
+            key: 0,
+            model: _ctx.model,
+            rules: _ctx.rules,
+            items: _ctx.item.children,
+            grid: _ctx.item.grid,
+            rowProps: _ctx.item.rowProps,
+            formItems: _ctx.formItems,
+            searchExpand: _ctx.searchExpand,
+            parentItem: _ctx.item,
+            editable: _ctx.editable,
+            sortDisabled: true,
+            activeItemKey: _ctx.activeItemKey,
+            onUpdateItemValue: updateItemValue,
+            onUpdateItemsData: handleUpdateItemsData,
+            "onUpdate:activeItemKey": handleUpdateActiveItemKey
+          }, createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.$slots), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => [
+                  renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+                ])
+              };
+            })
+          ]), 1032, ["model", "rules", "items", "grid", "rowProps", "formItems", "searchExpand", "parentItem", "editable", "activeItemKey"])) : createCommentVNode("", true)
+        ]),
+        _: 2
+      }, [
+        renderList(Object.keys(_ctx.item.slots || {}).filter(
+          (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+        ), (name) => {
+          return {
+            name,
+            fn: withCtx((slotProps) => {
+              var _a3;
+              return [
+                renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], mergeProps(slotProps || {}, {
+                  proForm: {
+                    item: _ctx.item,
+                    model: _ctx.model,
+                    rules: _ctx.rules,
+                    formItems: _ctx.formItems,
+                    searchExpand: _ctx.searchExpand,
+                    updateItemValue,
+                    slots: _ctx.$slots
+                  }
+                }))
+              ];
+            })
+          };
+        })
+      ]), 1040, ["modelValue"])) : _ctx.item.type === "collapseItem" ? (openBlock(), createBlock(unref(ElCollapseItem), mergeProps({
+        key: 12,
+        title: _ctx.item.label,
+        name: _ctx.item.prop
+      }, _ctx.item.props || {}), createSlots({
+        default: withCtx(() => [
+          _ctx.editable || _ctx.item.children && _ctx.item.children.length && !(_ctx.item.slots && _ctx.item.slots.default && _ctx.$slots[_ctx.item.slots.default]) ? (openBlock(), createBlock(ProFormContent, {
+            key: 0,
+            model: _ctx.model,
+            rules: _ctx.rules,
+            items: _ctx.item.children || [],
+            grid: _ctx.item.grid,
+            rowProps: _ctx.item.rowProps,
+            formItems: _ctx.formItems,
+            searchExpand: _ctx.searchExpand,
+            parentItem: _ctx.item,
+            editable: _ctx.editable,
+            containerSelectable: true,
+            activeItemKey: _ctx.activeItemKey,
+            onUpdateItemValue: updateItemValue,
+            onUpdateItemsData: handleUpdateItemsData,
+            "onUpdate:activeItemKey": handleUpdateActiveItemKey
+          }, createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.$slots), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => [
+                  renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+                ])
+              };
+            })
+          ]), 1032, ["model", "rules", "items", "grid", "rowProps", "formItems", "searchExpand", "parentItem", "editable", "activeItemKey"])) : createCommentVNode("", true)
+        ]),
+        _: 2
+      }, [
+        renderList(Object.keys(_ctx.item.slots || {}).filter(
+          (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+        ), (name) => {
+          return {
+            name,
+            fn: withCtx((slotProps) => {
+              var _a3;
+              return [
+                renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], mergeProps(slotProps || {}, {
+                  proForm: {
+                    item: _ctx.item,
+                    model: _ctx.model,
+                    rules: _ctx.rules,
+                    formItems: _ctx.formItems,
+                    searchExpand: _ctx.searchExpand,
+                    updateItemValue,
+                    slots: _ctx.$slots
+                  }
+                }))
+              ];
+            })
+          };
+        })
+      ]), 1040, ["title", "name"])) : _ctx.item.type === "carousel" || _ctx.item.type === "div" && ((_h = _ctx.item.props) == null ? void 0 : _h.is) && ["el-carousel", "ElCarousel"].includes(_ctx.item.props.is) ? (openBlock(), createBlock(unref(ElCarousel), normalizeProps(mergeProps({ key: 13 }, _ctx.item.props || {})), createSlots({
+        default: withCtx(() => [
+          _ctx.item.children && _ctx.item.children.length && !(_ctx.item.slots && _ctx.item.slots.default && _ctx.$slots[_ctx.item.slots.default]) ? (openBlock(), createBlock(ProFormContent, {
+            key: 0,
+            model: _ctx.model,
+            rules: _ctx.rules,
+            items: _ctx.item.children,
+            grid: _ctx.item.grid,
+            rowProps: _ctx.item.rowProps,
+            formItems: _ctx.formItems,
+            searchExpand: _ctx.searchExpand,
+            parentItem: _ctx.item,
+            editable: _ctx.editable,
+            sortDisabled: true,
+            activeItemKey: _ctx.activeItemKey,
+            onUpdateItemValue: updateItemValue,
+            onUpdateItemsData: handleUpdateItemsData,
+            "onUpdate:activeItemKey": handleUpdateActiveItemKey
+          }, createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.$slots), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => [
+                  renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+                ])
+              };
+            })
+          ]), 1032, ["model", "rules", "items", "grid", "rowProps", "formItems", "searchExpand", "parentItem", "editable", "activeItemKey"])) : createCommentVNode("", true)
+        ]),
+        _: 2
+      }, [
+        renderList(Object.keys(_ctx.item.slots || {}).filter(
+          (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+        ), (name) => {
+          return {
+            name,
+            fn: withCtx((slotProps) => {
+              var _a3;
+              return [
+                renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], mergeProps(slotProps || {}, {
+                  proForm: {
+                    item: _ctx.item,
+                    model: _ctx.model,
+                    rules: _ctx.rules,
+                    formItems: _ctx.formItems,
+                    searchExpand: _ctx.searchExpand,
+                    updateItemValue,
+                    slots: _ctx.$slots
+                  }
+                }))
+              ];
+            })
+          };
+        })
+      ]), 1040)) : _ctx.item.type === "carouselItem" || _ctx.item.type === "div" && ((_i = _ctx.item.props) == null ? void 0 : _i.is) && ["el-carousel-item", "ElCarouselItem"].includes(_ctx.item.props.is) ? (openBlock(), createBlock(unref(ElCarouselItem), mergeProps({
+        key: 14,
+        title: _ctx.item.label,
+        name: _ctx.item.prop
+      }, _ctx.item.props || {}), createSlots({
+        default: withCtx(() => [
+          _ctx.editable || _ctx.item.children && _ctx.item.children.length && !(_ctx.item.slots && _ctx.item.slots.default && _ctx.$slots[_ctx.item.slots.default]) ? (openBlock(), createBlock(ProFormContent, {
+            key: 0,
+            model: _ctx.model,
+            rules: _ctx.rules,
+            items: _ctx.item.children || [],
+            grid: _ctx.item.grid,
+            rowProps: _ctx.item.rowProps,
+            formItems: _ctx.formItems,
+            searchExpand: _ctx.searchExpand,
+            parentItem: _ctx.item,
+            editable: _ctx.editable,
+            containerSelectable: true,
+            activeItemKey: _ctx.activeItemKey,
+            onUpdateItemValue: updateItemValue,
+            onUpdateItemsData: handleUpdateItemsData,
+            "onUpdate:activeItemKey": handleUpdateActiveItemKey
+          }, createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.$slots), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => [
+                  renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+                ])
+              };
+            })
+          ]), 1032, ["model", "rules", "items", "grid", "rowProps", "formItems", "searchExpand", "parentItem", "editable", "activeItemKey"])) : createCommentVNode("", true)
+        ]),
+        _: 2
+      }, [
+        renderList(Object.keys(_ctx.item.slots || {}).filter(
+          (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+        ), (name) => {
+          return {
+            name,
+            fn: withCtx((slotProps) => {
+              var _a3;
+              return [
+                renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], mergeProps(slotProps || {}, {
+                  proForm: {
+                    item: _ctx.item,
+                    model: _ctx.model,
+                    rules: _ctx.rules,
+                    formItems: _ctx.formItems,
+                    searchExpand: _ctx.searchExpand,
+                    updateItemValue,
+                    slots: _ctx.$slots
+                  }
+                }))
+              ];
+            })
+          };
+        })
+      ]), 1040, ["title", "name"])) : _ctx.item.type === "descriptions" ? (openBlock(), createBlock(unref(ElDescriptions), mergeProps({
+        key: 15,
+        title: _ctx.item.label
+      }, _ctx.item.props || {}), createSlots({
+        default: withCtx(() => [
+          _ctx.item.children && _ctx.item.children.length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.item.children, (descriptionsItem) => {
+            return openBlock(), createBlock(unref(ElDescriptionsItem), mergeProps({
+              key: descriptionsItem.key ?? descriptionsItem.prop,
+              label: descriptionsItem.label,
+              ref_for: true
+            }, descriptionsItem.props || {}), createSlots({
+              default: withCtx(() => [
+                _ctx.editable || descriptionsItem.children && descriptionsItem.children.length && !(descriptionsItem.slots && descriptionsItem.slots.default && _ctx.$slots[descriptionsItem.slots.default]) ? (openBlock(), createBlock(ProFormContent, {
+                  key: 0,
+                  model: _ctx.model,
+                  rules: _ctx.rules,
+                  items: descriptionsItem.children || [],
+                  grid: descriptionsItem.grid,
+                  rowProps: descriptionsItem.rowProps,
+                  formItems: _ctx.formItems,
+                  searchExpand: _ctx.searchExpand,
+                  parentItem: descriptionsItem,
+                  editable: _ctx.editable,
+                  containerSelectable: true,
+                  activeItemKey: _ctx.activeItemKey,
+                  onUpdateItemValue: updateItemValue,
+                  onUpdateItemsData: handleUpdateItemsData,
+                  "onUpdate:activeItemKey": handleUpdateActiveItemKey
+                }, createSlots({ _: 2 }, [
+                  renderList(Object.keys(_ctx.$slots), (name) => {
+                    return {
+                      name,
+                      fn: withCtx((slotProps) => [
+                        renderSlot(_ctx.$slots, name, mergeProps({ ref_for: true }, slotProps || {}))
+                      ])
+                    };
+                  })
+                ]), 1032, ["model", "rules", "items", "grid", "rowProps", "formItems", "searchExpand", "parentItem", "editable", "activeItemKey"])) : createCommentVNode("", true)
+              ]),
+              _: 2
+            }, [
+              renderList(Object.keys(_ctx.item.slots || {}).filter(
+                (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+              ), (name) => {
+                return {
+                  name,
+                  fn: withCtx((slotProps) => {
+                    var _a3;
+                    return [
+                      renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], mergeProps({ ref_for: true }, slotProps || {}, {
+                        proForm: {
+                          item: _ctx.item,
+                          model: _ctx.model,
+                          rules: _ctx.rules,
+                          formItems: _ctx.formItems,
+                          searchExpand: _ctx.searchExpand,
+                          updateItemValue,
+                          slots: _ctx.$slots
+                        }
+                      }))
+                    ];
+                  })
+                };
+              })
+            ]), 1040, ["label"]);
+          }), 128)) : createCommentVNode("", true)
+        ]),
+        _: 2
+      }, [
+        renderList(Object.keys(_ctx.item.slots || {}).filter(
+          (k) => k !== "default" && !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+        ), (name) => {
+          return {
+            name,
+            fn: withCtx((slotProps) => {
+              var _a3;
+              return [
+                renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], mergeProps(slotProps || {}, {
+                  proForm: {
+                    item: _ctx.item,
+                    model: _ctx.model,
+                    rules: _ctx.rules,
+                    formItems: _ctx.formItems,
+                    searchExpand: _ctx.searchExpand,
+                    updateItemValue,
+                    slots: _ctx.$slots
+                  }
+                }))
+              ];
+            })
+          };
+        })
+      ]), 1040, ["title"])) : _ctx.item.type === "row" ? (openBlock(), createBlock(unref(ElRow), normalizeProps(mergeProps({ key: 16 }, _ctx.item.props || {})), createSlots({
+        default: withCtx(() => [
+          _ctx.item.children && _ctx.item.children.length && !(_ctx.item.slots && _ctx.item.slots.default && _ctx.$slots[_ctx.item.slots.default]) ? (openBlock(), createBlock(ProFormContent, {
+            key: 0,
+            model: _ctx.model,
+            rules: _ctx.rules,
+            items: _ctx.item.children,
+            grid: _ctx.item.grid,
+            rowProps: _ctx.item.rowProps,
+            formItems: _ctx.formItems,
+            searchExpand: _ctx.searchExpand,
+            parentItem: _ctx.item,
+            editable: _ctx.editable,
+            sortDisabled: true,
+            activeItemKey: _ctx.activeItemKey,
+            onUpdateItemValue: updateItemValue,
+            onUpdateItemsData: handleUpdateItemsData,
+            "onUpdate:activeItemKey": handleUpdateActiveItemKey
+          }, createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.$slots), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => [
+                  renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+                ])
+              };
+            })
+          ]), 1032, ["model", "rules", "items", "grid", "rowProps", "formItems", "searchExpand", "parentItem", "editable", "activeItemKey"])) : createCommentVNode("", true)
+        ]),
+        _: 2
+      }, [
+        renderList(Object.keys(_ctx.item.slots || {}).filter(
+          (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+        ), (name) => {
+          return {
+            name,
+            fn: withCtx((slotProps) => {
+              var _a3;
+              return [
+                renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], mergeProps(slotProps || {}, {
+                  proForm: {
+                    item: _ctx.item,
+                    model: _ctx.model,
+                    rules: _ctx.rules,
+                    formItems: _ctx.formItems,
+                    searchExpand: _ctx.searchExpand,
+                    updateItemValue,
+                    slots: _ctx.$slots
+                  }
+                }))
+              ];
+            })
+          };
+        })
+      ]), 1040)) : _ctx.item.type === "col" ? (openBlock(), createBlock(unref(ElCol), normalizeProps(mergeProps({ key: 17 }, _ctx.item.props || {})), createSlots({
+        default: withCtx(() => [
+          _ctx.editable || _ctx.item.children && _ctx.item.children.length && !(_ctx.item.slots && _ctx.item.slots.default && _ctx.$slots[_ctx.item.slots.default]) ? (openBlock(), createBlock(ProFormContent, {
+            key: 0,
+            model: _ctx.model,
+            rules: _ctx.rules,
+            items: _ctx.item.children || [],
+            grid: _ctx.item.grid,
+            rowProps: _ctx.item.rowProps,
+            formItems: _ctx.formItems,
+            searchExpand: _ctx.searchExpand,
+            parentItem: _ctx.item,
+            editable: _ctx.editable,
+            containerSelectable: true,
+            activeItemKey: _ctx.activeItemKey,
+            onUpdateItemValue: updateItemValue,
+            onUpdateItemsData: handleUpdateItemsData,
+            "onUpdate:activeItemKey": handleUpdateActiveItemKey
+          }, createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.$slots), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => [
+                  renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+                ])
+              };
+            })
+          ]), 1032, ["model", "rules", "items", "grid", "rowProps", "formItems", "searchExpand", "parentItem", "editable", "activeItemKey"])) : createCommentVNode("", true)
+        ]),
+        _: 2
+      }, [
+        renderList(Object.keys(_ctx.item.slots || {}).filter(
+          (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+        ), (name) => {
+          return {
+            name,
+            fn: withCtx((slotProps) => {
+              var _a3;
+              return [
+                renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], mergeProps(slotProps || {}, {
+                  proForm: {
+                    item: _ctx.item,
+                    model: _ctx.model,
+                    rules: _ctx.rules,
+                    formItems: _ctx.formItems,
+                    searchExpand: _ctx.searchExpand,
+                    updateItemValue,
+                    slots: _ctx.$slots
+                  }
+                }))
+              ];
+            })
+          };
+        })
+      ]), 1040)) : _ctx.item.type === "div" || _ctx.item.type && ["tableRow", "tableCell", "tabPane", "descriptionsItem"].includes(
+        _ctx.item.type
+      ) ? (openBlock(), createBlock(resolveDynamicComponent(
+        ((_j = _ctx.item.props) == null ? void 0 : _j.is) || {
+          tableRow: "tr",
+          tableCell: "td",
+          tabPane: "div",
+          descriptionsItem: "div"
+        }[_ctx.item.type] || _ctx.item.type
+      ), normalizeProps(mergeProps({ key: 18 }, _ctx.item.props ? { ..._ctx.item.props, is: void 0 } : {})), {
+        default: withCtx(() => {
+          var _a3;
+          return [
+            !(_ctx.item.slots && _ctx.item.slots.default && _ctx.$slots[_ctx.item.slots.default]) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              _ctx.item.label != null && _ctx.item.label !== "" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                createTextVNode(toDisplayString(_ctx.item.label), 1)
+              ], 64)) : createCommentVNode("", true),
+              _ctx.editable || _ctx.item.children && _ctx.item.children.length ? (openBlock(), createBlock(ProFormContent, {
+                key: 1,
+                model: _ctx.model,
+                rules: _ctx.rules,
+                items: _ctx.item.children || [],
+                grid: _ctx.item.grid,
+                rowProps: _ctx.item.rowProps,
+                formItems: _ctx.formItems,
+                searchExpand: _ctx.searchExpand,
+                parentItem: _ctx.item,
+                editable: _ctx.editable,
+                sortDisabled: !_ctx.item.type || !["tableCell", "tabPane", "descriptionsItem"].includes(_ctx.item.type),
+                containerSelectable: _ctx.item.type && ["tableCell", "tabPane", "descriptionsItem"].includes(_ctx.item.type),
+                activeItemKey: _ctx.activeItemKey,
+                onUpdateItemValue: updateItemValue,
+                onUpdateItemsData: handleUpdateItemsData,
+                "onUpdate:activeItemKey": handleUpdateActiveItemKey
+              }, createSlots({ _: 2 }, [
+                renderList(Object.keys(_ctx.$slots), (name) => {
+                  return {
+                    name,
+                    fn: withCtx((slotProps) => [
+                      renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+                    ])
+                  };
+                })
+              ]), 1032, ["model", "rules", "items", "grid", "rowProps", "formItems", "searchExpand", "parentItem", "editable", "sortDisabled", "containerSelectable", "activeItemKey"])) : createCommentVNode("", true)
+            ], 64)) : renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3.default, {
+              key: 1,
+              proForm: {
+                item: _ctx.item,
+                model: _ctx.model,
+                rules: _ctx.rules,
+                formItems: _ctx.formItems,
+                searchExpand: _ctx.searchExpand,
+                updateItemValue,
+                slots: _ctx.$slots
+              }
+            })
+          ];
+        }),
+        _: 3
+      }, 16)) : _ctx.item.type && !unref(defaultTypes).includes(_ctx.item.type) && (_ctx.item.itemType === "view" || _ctx.item.itemType === "container") ? renderSlot(_ctx.$slots, _ctx.item.type, {
+        key: 19,
+        item: _ctx.item,
+        model: _ctx.model,
+        modelValue: modelValue.value,
+        updateValue,
+        proForm: {
+          item: _ctx.item,
+          model: _ctx.model,
+          rules: _ctx.rules,
+          formItems: _ctx.formItems,
+          searchExpand: _ctx.searchExpand,
+          updateItemValue,
+          slots: _ctx.$slots
+        }
+      }) : (openBlock(), createBlock(unref(ElFormItem), mergeProps({
+        key: 20,
+        label: _ctx.item.label
+      }, _ctx.item.itemProps || {}, {
+        labelWidth: typeof ((_k = _ctx.item.itemProps) == null ? void 0 : _k.labelWidth) === "number" ? `${_ctx.item.itemProps.labelWidth}px` : (_l = _ctx.item.itemProps) == null ? void 0 : _l.labelWidth,
+        prop: _ctx.item.prop,
+        rules: itemRules.value
+      }), createSlots({
+        default: withCtx(() => [
+          _ctx.item.type === "input" ? (openBlock(), createBlock(unref(ElInput), mergeProps({
+            key: 0,
+            clearable: true,
+            placeholder: "请输入" + _ctx.item.label
+          }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.item.slots || {}).filter(
+              (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+            ), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], normalizeProps(guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["placeholder", "modelValue"])) : _ctx.item.type === "textarea" ? (openBlock(), createBlock(unref(ElInput), mergeProps({
+            key: 1,
+            rows: 4,
+            placeholder: "请输入" + _ctx.item.label
+          }, _ctx.item.props || {}, {
+            type: "textarea",
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.item.slots || {}).filter(
+              (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+            ), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], normalizeProps(guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["placeholder", "modelValue"])) : _ctx.item.type === "select" ? (openBlock(), createBlock(unref(ElSelect), mergeProps({
+            key: 2,
+            class: "ele-fluid",
+            clearable: true,
+            placeholder: "请选择" + _ctx.item.label
+          }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), createSlots({
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.item.options || [], (opt) => {
+                return openBlock(), createElementBlock(Fragment, {
+                  key: opt.key ?? opt.value
+                }, [
+                  opt.children ? (openBlock(), createBlock(_component_ElOptionGroup, {
+                    key: 0,
+                    label: opt.label
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(opt.children, (childOpt) => {
+                        return openBlock(), createBlock(_component_ElOption, {
+                          key: childOpt.key ?? childOpt.value,
+                          label: childOpt.label,
+                          value: childOpt.value,
+                          disabled: childOpt.disabled
+                        }, null, 8, ["label", "value", "disabled"]);
+                      }), 128))
+                    ]),
+                    _: 2
+                  }, 1032, ["label"])) : (openBlock(), createBlock(_component_ElOption, {
+                    key: 1,
+                    label: opt.label,
+                    value: opt.value,
+                    disabled: opt.disabled
+                  }, null, 8, ["label", "value", "disabled"]))
+                ], 64);
+              }), 128))
+            ]),
+            _: 2
+          }, [
+            renderList(Object.keys(_ctx.item.slots || {}).filter(
+              (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+            ), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], normalizeProps(guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["placeholder", "modelValue"])) : _ctx.item.type === "multipleSelect" ? (openBlock(), createBlock(unref(ElSelect), mergeProps({
+            key: 3,
+            class: "ele-fluid",
+            clearable: true,
+            placeholder: "请选择" + _ctx.item.label
+          }, _ctx.item.props || {}, {
+            multiple: true,
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), createSlots({
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.item.options || [], (opt) => {
+                return openBlock(), createElementBlock(Fragment, {
+                  key: opt.key ?? opt.value
+                }, [
+                  opt.children ? (openBlock(), createBlock(_component_ElOptionGroup, {
+                    key: 0,
+                    label: opt.label
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(opt.children, (childOpt) => {
+                        return openBlock(), createBlock(_component_ElOption, {
+                          key: childOpt.key ?? childOpt.value,
+                          label: childOpt.label,
+                          value: childOpt.value,
+                          disabled: childOpt.disabled
+                        }, null, 8, ["label", "value", "disabled"]);
+                      }), 128))
+                    ]),
+                    _: 2
+                  }, 1032, ["label"])) : (openBlock(), createBlock(_component_ElOption, {
+                    key: 1,
+                    label: opt.label,
+                    value: opt.value,
+                    disabled: opt.disabled
+                  }, null, 8, ["label", "value", "disabled"]))
+                ], 64);
+              }), 128))
+            ]),
+            _: 2
+          }, [
+            renderList(Object.keys(_ctx.item.slots || {}).filter(
+              (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+            ), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], normalizeProps(guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["placeholder", "modelValue"])) : _ctx.item.type === "radio" ? (openBlock(), createBlock(unref(ElRadioGroup), mergeProps({ key: 4 }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.item.options || [], (opt) => {
+                return openBlock(), createBlock(unref(ElRadio), {
+                  key: opt.key ?? opt.value,
+                  value: opt.value,
+                  label: opt.label,
+                  disabled: opt.disabled,
+                  border: opt.border
+                }, null, 8, ["value", "label", "disabled", "border"]);
+              }), 128))
+            ]),
+            _: 1
+          }, 16, ["modelValue"])) : _ctx.item.type === "radioButton" ? (openBlock(), createBlock(unref(ElRadioGroup), mergeProps({ key: 5 }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.item.options || [], (opt) => {
+                return openBlock(), createBlock(unref(ElRadioButton), {
+                  key: opt.key ?? opt.value,
+                  value: opt.value,
+                  label: opt.label,
+                  disabled: opt.disabled
+                }, null, 8, ["value", "label", "disabled"]);
+              }), 128))
+            ]),
+            _: 1
+          }, 16, ["modelValue"])) : _ctx.item.type === "checkbox" ? (openBlock(), createBlock(unref(ElCheckboxGroup), mergeProps({ key: 6 }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.item.options || [], (opt) => {
+                return openBlock(), createBlock(unref(ElCheckbox), {
+                  key: opt.key ?? opt.value,
+                  value: opt.value,
+                  label: opt.label,
+                  disabled: opt.disabled,
+                  border: opt.border
+                }, null, 8, ["value", "label", "disabled", "border"]);
+              }), 128))
+            ]),
+            _: 1
+          }, 16, ["modelValue"])) : _ctx.item.type === "checkboxButton" ? (openBlock(), createBlock(unref(ElCheckboxGroup), mergeProps({ key: 7 }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.item.options || [], (opt) => {
+                return openBlock(), createBlock(unref(ElCheckboxButton), {
+                  key: opt.key ?? opt.value,
+                  value: opt.value,
+                  label: opt.label,
+                  disabled: opt.disabled
+                }, null, 8, ["value", "label", "disabled"]);
+              }), 128))
+            ]),
+            _: 1
+          }, 16, ["modelValue"])) : _ctx.item.type === "date" ? (openBlock(), createBlock(unref(ElDatePicker), mergeProps({
+            key: 8,
+            valueFormat: "YYYY-MM-DD",
+            class: "ele-fluid",
+            placeholder: "请选择" + _ctx.item.label
+          }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.item.slots || {}).filter(
+              (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+            ), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], normalizeProps(guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["placeholder", "modelValue"])) : _ctx.item.type === "datetime" ? (openBlock(), createBlock(unref(ElDatePicker), mergeProps({
+            key: 9,
+            valueFormat: "YYYY-MM-DD HH:mm:ss",
+            class: "ele-fluid",
+            placeholder: "请选择" + _ctx.item.label
+          }, _ctx.item.props || {}, {
+            type: "datetime",
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.item.slots || {}).filter(
+              (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+            ), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], normalizeProps(guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["placeholder", "modelValue"])) : _ctx.item.type === "daterange" ? (openBlock(), createBlock(unref(ElDatePicker), mergeProps({
+            key: 10,
+            valueFormat: "YYYY-MM-DD",
+            rangeSeparator: "-",
+            startPlaceholder: "开始日期",
+            endPlaceholder: "结束日期",
+            unlinkPanels: true,
+            class: "ele-fluid",
+            type: "daterange"
+          }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.item.slots || {}).filter(
+              (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+            ), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], normalizeProps(guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["modelValue"])) : _ctx.item.type === "datetimerange" ? (openBlock(), createBlock(unref(ElDatePicker), mergeProps({
+            key: 11,
+            valueFormat: "YYYY-MM-DD HH:mm:ss",
+            rangeSeparator: "-",
+            startPlaceholder: "开始时间",
+            endPlaceholder: "结束时间",
+            unlinkPanels: true,
+            class: "ele-fluid"
+          }, _ctx.item.props || {}, {
+            type: "datetimerange",
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.item.slots || {}).filter(
+              (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+            ), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], normalizeProps(guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["modelValue"])) : _ctx.item.type === "time" ? (openBlock(), createBlock(unref(ElTimePicker), mergeProps({
+            key: 12,
+            valueFormat: "HH:mm:ss",
+            class: "ele-fluid",
+            placeholder: "请选择" + _ctx.item.label
+          }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.item.slots || {}).filter(
+              (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+            ), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], normalizeProps(guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["placeholder", "modelValue"])) : _ctx.item.type === "timerange" ? (openBlock(), createBlock(unref(ElTimePicker), mergeProps({
+            key: 13,
+            valueFormat: "HH:mm:ss",
+            rangeSeparator: "-",
+            startPlaceholder: "开始时间",
+            "end-placeholder": "结束时间",
+            class: "ele-fluid"
+          }, _ctx.item.props || {}, {
+            isRange: true,
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.item.slots || {}).filter(
+              (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+            ), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], normalizeProps(guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["modelValue"])) : _ctx.item.type === "timeSelect" ? (openBlock(), createBlock(unref(ElTimeSelect), mergeProps({
+            key: 14,
+            class: "ele-fluid",
+            placeholder: "请选择" + _ctx.item.label
+          }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), null, 16, ["placeholder", "modelValue"])) : _ctx.item.type === "switch" ? (openBlock(), createBlock(unref(ElSwitch), mergeProps({
+            key: 15,
+            "active-value": 1,
+            "inactive-value": 0
+          }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.item.slots || {}).filter(
+              (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+            ), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], normalizeProps(guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["modelValue"])) : _ctx.item.type === "inputNumber" ? (openBlock(), createBlock(unref(ElInputNumber), mergeProps({
+            key: 16,
+            class: "ele-fluid",
+            "controls-position": "right",
+            placeholder: "请输入" + _ctx.item.label
+          }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.item.slots || {}).filter(
+              (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+            ), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], normalizeProps(guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["placeholder", "modelValue"])) : _ctx.item.type === "autocomplete" ? (openBlock(), createBlock(unref(ElAutocomplete), mergeProps({
+            key: 17,
+            class: "ele-fluid",
+            fetchSuggestions: (keyword, callback) => callback(
+              (_ctx.item.options || []).filter(
+                (d) => keyword == null || !keyword.length || (d.value ?? "").toLowerCase().includes((keyword ?? "").toLowerCase())
+              )
+            ),
+            placeholder: "请输入" + _ctx.item.label
+          }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.item.slots || {}).filter(
+              (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+            ), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], normalizeProps(guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["fetchSuggestions", "placeholder", "modelValue"])) : _ctx.item.type === "cascader" ? (openBlock(), createBlock(unref(ElCascader), mergeProps({
+            key: 18,
+            class: "ele-fluid",
+            clearable: true,
+            options: _ctx.item.options || [],
+            placeholder: "请选择" + _ctx.item.label
+          }, _ctx.item.props || {}, {
+            props: cascaderProps,
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.item.slots || {}).filter(
+              (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+            ), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], normalizeProps(guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["options", "placeholder", "props", "modelValue"])) : _ctx.item.type === "multipleCascader" ? (openBlock(), createBlock(unref(ElCascader), mergeProps({
+            key: 19,
+            class: "ele-fluid",
+            clearable: true,
+            options: _ctx.item.options || [],
+            placeholder: "请选择" + _ctx.item.label
+          }, _ctx.item.props || {}, {
+            props: cascaderProps,
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.item.slots || {}).filter(
+              (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+            ), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], normalizeProps(guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["options", "placeholder", "props", "modelValue"])) : _ctx.item.type === "rate" ? (openBlock(), createBlock(unref(ElRate), mergeProps({ key: 20 }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.item.slots || {}).filter(
+              (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+            ), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], normalizeProps(guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["modelValue"])) : _ctx.item.type === "slider" ? (openBlock(), createBlock(unref(ElSlider), mergeProps({ key: 21 }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.item.slots || {}).filter(
+              (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+            ), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], normalizeProps(guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["modelValue"])) : _ctx.item.type === "sliderRange" ? (openBlock(), createBlock(unref(ElSlider), mergeProps({ key: 22 }, _ctx.item.props || {}, {
+            range: true,
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.item.slots || {}).filter(
+              (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+            ), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], normalizeProps(guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["modelValue"])) : _ctx.item.type === "mention" ? (openBlock(), createBlock(unref(ElMention), mergeProps({
+            key: 23,
+            clearable: true,
+            options: _ctx.item.options || [],
+            placeholder: "请输入" + _ctx.item.label
+          }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.item.slots || {}).filter(
+              (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+            ), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], normalizeProps(guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["options", "placeholder", "modelValue"])) : _ctx.item.type === "colorPicker" ? (openBlock(), createBlock(unref(ElColorPicker), mergeProps({ key: 24 }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.item.slots || {}).filter(
+              (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+            ), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], normalizeProps(guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["modelValue"])) : _ctx.item.type === "transfer" ? (openBlock(), createBlock(unref(ElTransfer), mergeProps({ key: 25 }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.item.slots || {}).filter(
+              (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+            ), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], normalizeProps(guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["modelValue"])) : _ctx.item.type === "treeSelect" ? (openBlock(), createBlock(unref(ElTreeSelect), mergeProps({
+            key: 26,
+            class: "ele-fluid",
+            clearable: true,
+            data: _ctx.item.options,
+            placeholder: "请选择" + _ctx.item.label
+          }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.item.slots || {}).filter(
+              (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+            ), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], normalizeProps(guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["data", "placeholder", "modelValue"])) : _ctx.item.type === "treeMultipleSelect" ? (openBlock(), createBlock(unref(ElTreeSelect), mergeProps({
+            key: 27,
+            class: "ele-fluid",
+            clearable: true,
+            data: _ctx.item.options,
+            placeholder: "请选择" + _ctx.item.label,
+            "show-checkbox": true
+          }, _ctx.item.props || {}, {
+            multiple: true,
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.item.slots || {}).filter(
+              (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+            ), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], normalizeProps(guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["data", "placeholder", "modelValue"])) : _ctx.item.type === "virtualTreeSelect" ? (openBlock(), createBlock(EleTreeSelect, mergeProps({
+            key: 28,
+            clearable: true,
+            placeholder: "请选择" + _ctx.item.label
+          }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.item.slots || {}).filter(
+              (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+            ), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], normalizeProps(guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["placeholder", "modelValue"])) : _ctx.item.type === "virtualTreeMultipleSelect" ? (openBlock(), createBlock(EleTreeSelect, mergeProps({
+            key: 29,
+            clearable: true,
+            placeholder: "请选择" + _ctx.item.label,
+            maxTagCount: 1
+          }, _ctx.item.props || {}, {
+            multiple: true,
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.item.slots || {}).filter(
+              (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+            ), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], normalizeProps(guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["placeholder", "modelValue"])) : _ctx.item.type === "tableSelect" ? (openBlock(), createBlock(EleTableSelect, mergeProps({
+            key: 30,
+            clearable: true,
+            placeholder: "请选择" + _ctx.item.label
+          }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.item.slots || {}).filter(
+              (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+            ), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], normalizeProps(guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["placeholder", "modelValue"])) : _ctx.item.type === "tableMultipleSelect" ? (openBlock(), createBlock(EleTableSelect, mergeProps({
+            key: 31,
+            clearable: true,
+            placeholder: "请选择" + _ctx.item.label
+          }, _ctx.item.props || {}, {
+            multiple: true,
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.item.slots || {}).filter(
+              (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+            ), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], normalizeProps(guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["placeholder", "modelValue"])) : _ctx.item.type === "checkCard" ? (openBlock(), createBlock(EleCheckCard, mergeProps({
+            key: 32,
+            items: _ctx.item.options
+          }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.item.slots || {}).filter(
+              (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+            ), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], normalizeProps(guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["items", "modelValue"])) : _ctx.item.type === "multipleCheckCard" ? (openBlock(), createBlock(EleCheckCard, mergeProps({
+            key: 33,
+            items: _ctx.item.options
+          }, _ctx.item.props || {}, {
+            multiple: true,
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.item.slots || {}).filter(
+              (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+            ), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], normalizeProps(guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["items", "modelValue"])) : _ctx.item.type === "editTag" ? (openBlock(), createBlock(EleEditTag, mergeProps({
+            key: 34,
+            type: "info",
+            style: { marginTop: "4px" },
+            itemStyle: { margin: "0 4px 4px 0" },
+            buttonStyle: { marginBottom: "4px" },
+            inputTagStyle: { marginBottom: "4px" }
+          }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.item.slots || {}).filter(
+              (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+            ), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], normalizeProps(guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["modelValue"])) : _ctx.item.type === "text" ? (openBlock(), createBlock(EleText, normalizeProps(mergeProps({ key: 35 }, _ctx.item.props || {})), createSlots({
+            default: withCtx(() => [
+              !(_ctx.item.slots && _ctx.item.slots.default && _ctx.$slots[_ctx.item.slots.default]) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                createTextVNode(toDisplayString(modelValue.value), 1)
+              ], 64)) : createCommentVNode("", true)
+            ]),
+            _: 2
+          }, [
+            renderList(Object.keys(_ctx.item.slots || {}).filter(
+              (k) => !!(_ctx.item.slots && _ctx.item.slots[k] && _ctx.$slots[_ctx.item.slots[k]])
+            ), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], normalizeProps(guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040)) : _ctx.item.type ? renderSlot(_ctx.$slots, _ctx.item.type, {
+            key: 36,
+            item: _ctx.item,
+            model: _ctx.model,
+            modelValue: modelValue.value,
+            updateValue,
+            updatePropValue,
+            itemComponentRef: itemRefs.itemComponentRef
+          }) : createCommentVNode("", true)
+        ]),
+        _: 2
+      }, [
+        renderList(Object.keys(_ctx.item.itemSlots || {}).filter(
+          (k) => !!(_ctx.item.itemSlots && _ctx.item.itemSlots[k] && _ctx.$slots[_ctx.item.itemSlots[k]])
+        ), (name) => {
+          return {
+            name,
+            fn: withCtx((slotProps) => {
+              var _a3;
+              return [
+                renderSlot(_ctx.$slots, (_a3 = _ctx.item.itemSlots) == null ? void 0 : _a3[name], normalizeProps(guardReactiveProps(slotProps || {})))
+              ];
+            })
+          };
+        })
+      ]), 1040, ["label", "labelWidth", "prop", "rules"]));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};