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

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

@@ -0,0 +1,1933 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const EleText = require("../../ele-text/index");
+const EleAlert = require("../../ele-alert/index");
+const EleSteps = require("../../ele-steps/index");
+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 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 EleAdminLayout = require("../../ele-admin-layout/index");
+const ALL_ICONS = require("../../icons");
+const util = require("../util");
+const ProFormContent = require("./pro-form-content");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const ALL_ICONS__namespace = /* @__PURE__ */ _interopNamespaceDefault(ALL_ICONS);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "ProFormItem",
+    components: { ...ALL_ICONS__namespace, 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 = vue.computed(() => {
+      if (props.model == null || props.item.prop == null) {
+        return;
+      }
+      return util.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 = vue.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 && util.uploadTypes.includes(props.item.type) && itemComponentRef.value && typeof itemComponentRef.value.isDone === "function") {
+        return itemComponentRef.value.isDone();
+      }
+      return true;
+    };
+    const itemRules = vue.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 = util.getRuleTrigger(props.item.type);
+      const message = util.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 && util.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 = vue.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)
+    });
+    vue.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 = vue.resolveComponent("ElOption");
+      const _component_ElOptionGroup = vue.resolveComponent("ElOptionGroup");
+      return _ctx.item.type === "label" ? (vue.openBlock(), vue.createBlock(EleText, vue.normalizeProps(vue.mergeProps({ key: 0 }, _ctx.item.props || {})), vue.createSlots({
+        default: vue.withCtx(() => [
+          !(_ctx.item.slots && _ctx.item.slots.default && _ctx.$slots[_ctx.item.slots.default]) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+            _ctx.item.label != null && _ctx.item.label !== "" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+              vue.createTextVNode(vue.toDisplayString(_ctx.item.label), 1)
+            ], 64)) : vue.createCommentVNode("", true),
+            _ctx.item.children && _ctx.item.children.length ? (vue.openBlock(), vue.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
+            }, vue.createSlots({ _: 2 }, [
+              vue.renderList(Object.keys(_ctx.$slots), (name) => {
+                return {
+                  name,
+                  fn: vue.withCtx((slotProps) => [
+                    vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ])
+                };
+              })
+            ]), 1032, ["model", "rules", "items", "grid", "rowProps", "formItems", "searchExpand", "parentItem", "editable", "activeItemKey"])) : vue.createCommentVNode("", true)
+          ], 64)) : vue.createCommentVNode("", true)
+        ]),
+        _: 2
+      }, [
+        vue.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: vue.withCtx((slotProps) => {
+              var _a3;
+              return [
+                vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+              ];
+            })
+          };
+        })
+      ]), 1040)) : _ctx.item.type === "divider" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDivider), vue.normalizeProps(vue.mergeProps({ key: 1 }, _ctx.item.props || {})), vue.createSlots({
+        default: vue.withCtx(() => [
+          !(_ctx.item.slots && _ctx.item.slots.default && _ctx.$slots[_ctx.item.slots.default]) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+            _ctx.item.label != null && _ctx.item.label !== "" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+              vue.createTextVNode(vue.toDisplayString(_ctx.item.label), 1)
+            ], 64)) : vue.createCommentVNode("", true),
+            _ctx.item.children && _ctx.item.children.length ? (vue.openBlock(), vue.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
+            }, vue.createSlots({ _: 2 }, [
+              vue.renderList(Object.keys(_ctx.$slots), (name) => {
+                return {
+                  name,
+                  fn: vue.withCtx((slotProps) => [
+                    vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ])
+                };
+              })
+            ]), 1032, ["model", "rules", "items", "grid", "rowProps", "formItems", "searchExpand", "parentItem", "editable", "activeItemKey"])) : vue.createCommentVNode("", true)
+          ], 64)) : vue.createCommentVNode("", true)
+        ]),
+        _: 2
+      }, [
+        vue.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: vue.withCtx((slotProps) => {
+              var _a3;
+              return [
+                vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+              ];
+            })
+          };
+        })
+      ]), 1040)) : _ctx.item.type === "button" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), vue.mergeProps({
+        key: 2,
+        type: "primary"
+      }, _ctx.item.props || {}), vue.createSlots({
+        default: vue.withCtx(() => [
+          !(_ctx.item.slots && _ctx.item.slots.default && _ctx.$slots[_ctx.item.slots.default]) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+            _ctx.item.label != null && _ctx.item.label !== "" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+              vue.createTextVNode(vue.toDisplayString(_ctx.item.label), 1)
+            ], 64)) : vue.createCommentVNode("", true),
+            _ctx.item.children && _ctx.item.children.length ? (vue.openBlock(), vue.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
+            }, vue.createSlots({ _: 2 }, [
+              vue.renderList(Object.keys(_ctx.$slots), (name) => {
+                return {
+                  name,
+                  fn: vue.withCtx((slotProps) => [
+                    vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ])
+                };
+              })
+            ]), 1032, ["model", "rules", "items", "grid", "rowProps", "formItems", "searchExpand", "parentItem", "editable", "activeItemKey"])) : vue.createCommentVNode("", true)
+          ], 64)) : vue.createCommentVNode("", true)
+        ]),
+        _: 2
+      }, [
+        vue.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: vue.withCtx((slotProps) => {
+              var _a3;
+              return [
+                vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.normalizeProps(vue.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) ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), vue.normalizeProps(vue.mergeProps({ key: 3 }, _ctx.item.props || {})), vue.createSlots({
+        default: vue.withCtx(() => [
+          !(_ctx.item.slots && _ctx.item.slots.default && _ctx.$slots[_ctx.item.slots.default]) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+            _ctx.item.label != null && _ctx.item.label !== "" ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.item.label), { key: 0 })) : vue.createCommentVNode("", true),
+            _ctx.item.children && _ctx.item.children.length ? (vue.openBlock(), vue.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
+            }, vue.createSlots({ _: 2 }, [
+              vue.renderList(Object.keys(_ctx.$slots), (name) => {
+                return {
+                  name,
+                  fn: vue.withCtx((slotProps) => [
+                    vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ])
+                };
+              })
+            ]), 1032, ["model", "rules", "items", "grid", "rowProps", "formItems", "searchExpand", "parentItem", "editable", "activeItemKey"])) : vue.createCommentVNode("", true)
+          ], 64)) : vue.createCommentVNode("", true)
+        ]),
+        _: 2
+      }, [
+        vue.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: vue.withCtx((slotProps) => {
+              var _a3;
+              return [
+                vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+              ];
+            })
+          };
+        })
+      ]), 1040)) : _ctx.item.type === "image" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElImage), vue.mergeProps({
+        key: 4,
+        alt: _ctx.item.label
+      }, _ctx.item.props || {}), vue.createSlots({ _: 2 }, [
+        vue.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: vue.withCtx((slotProps) => {
+              var _a3;
+              return [
+                vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.normalizeProps(vue.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) ? (vue.openBlock(), vue.createBlock(EleAlert, vue.mergeProps({
+        key: 5,
+        title: _ctx.item.label
+      }, _ctx.item.props || {}), vue.createSlots({ _: 2 }, [
+        vue.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: vue.withCtx((slotProps) => {
+              var _a3;
+              return [
+                vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+              ];
+            })
+          };
+        })
+      ]), 1040, ["title"])) : _ctx.item.type === "steps" ? (vue.openBlock(), vue.createBlock(EleSteps, vue.mergeProps({
+        key: 6,
+        active: modelValue.value ?? 0
+      }, _ctx.item.props || {}), vue.createSlots({ _: 2 }, [
+        vue.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: vue.withCtx((slotProps) => {
+              var _a3;
+              return [
+                vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+              ];
+            })
+          };
+        })
+      ]), 1040, ["active"])) : _ctx.item.type === "proTable" ? (vue.openBlock(), vue.createBlock(EleProTable, vue.normalizeProps(vue.mergeProps({ key: 7 }, _ctx.item.props || {})), vue.createSlots({ _: 2 }, [
+        vue.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: vue.withCtx((slotProps) => {
+              var _a3;
+              return [
+                vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+              ];
+            })
+          };
+        })
+      ]), 1040)) : _ctx.item.type === "card" ? (vue.openBlock(), vue.createBlock(EleCard, vue.mergeProps({
+        key: 8,
+        header: _ctx.item.label,
+        bordered: true
+      }, _ctx.item.props || {}), vue.createSlots({
+        default: vue.withCtx(() => [
+          _ctx.editable || _ctx.item.children && _ctx.item.children.length && !(_ctx.item.slots && _ctx.item.slots.default && _ctx.$slots[_ctx.item.slots.default]) ? (vue.openBlock(), vue.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
+          }, vue.createSlots({ _: 2 }, [
+            vue.renderList(Object.keys(_ctx.$slots), (name) => {
+              return {
+                name,
+                fn: vue.withCtx((slotProps) => [
+                  vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                ])
+              };
+            })
+          ]), 1032, ["model", "rules", "items", "grid", "rowProps", "formItems", "searchExpand", "parentItem", "editable", "activeItemKey"])) : vue.createCommentVNode("", true)
+        ]),
+        _: 2
+      }, [
+        vue.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: vue.withCtx((slotProps) => {
+              var _a3;
+              return [
+                vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.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" ? (vue.openBlock(), vue.createBlock(EleTabs, vue.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 || vue.unref(util.isShowItem)(c, _ctx.model, _ctx.formItems, _ctx.searchExpand)
+        ).map((c) => ({
+          name: c.prop,
+          label: c.label,
+          slot: "itemContent",
+          meta: c
+        })) || [] : [],
+        "onUpdate:modelValue": updateValue
+      }), {
+        itemContent: vue.withCtx(({ item: tabItem }) => [
+          tabItem.meta.slots && tabItem.meta.slots.default && _ctx.$slots[tabItem.meta.slots.default] ? vue.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 ? (vue.openBlock(), vue.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
+          }, vue.createSlots({ _: 2 }, [
+            vue.renderList(Object.keys(_ctx.$slots), (name) => {
+              return {
+                name,
+                fn: vue.withCtx((slotProps) => [
+                  vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                ])
+              };
+            })
+          ]), 1032, ["model", "rules", "items", "grid", "rowProps", "formItems", "searchExpand", "parentItem", "editable", "activeItemKey"])) : vue.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) ? (vue.openBlock(), vue.createBlock(EleTable, vue.normalizeProps(vue.mergeProps({ key: 10 }, _ctx.item.props ? { ..._ctx.item.props, is: void 0 } : {})), {
+        default: vue.withCtx(() => {
+          var _a3;
+          return [
+            _ctx.item.slots && _ctx.item.slots.default && _ctx.$slots[_ctx.item.slots.default] ? vue.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 ? (vue.openBlock(), vue.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
+            }, vue.createSlots({ _: 2 }, [
+              vue.renderList(Object.keys(_ctx.$slots), (name) => {
+                return {
+                  name,
+                  fn: vue.withCtx((slotProps) => [
+                    vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ])
+                };
+              })
+            ]), 1032, ["model", "rules", "items", "grid", "rowProps", "formItems", "searchExpand", "parentItem", "editable", "activeItemKey"])) : vue.createCommentVNode("", true)
+          ];
+        }),
+        _: 3
+      }, 16)) : _ctx.item.type === "collapse" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElCollapse), vue.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 }), vue.createSlots({
+        default: vue.withCtx(() => [
+          _ctx.item.children && _ctx.item.children.length && !(_ctx.item.slots && _ctx.item.slots.default && _ctx.$slots[_ctx.item.slots.default]) ? (vue.openBlock(), vue.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
+          }, vue.createSlots({ _: 2 }, [
+            vue.renderList(Object.keys(_ctx.$slots), (name) => {
+              return {
+                name,
+                fn: vue.withCtx((slotProps) => [
+                  vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                ])
+              };
+            })
+          ]), 1032, ["model", "rules", "items", "grid", "rowProps", "formItems", "searchExpand", "parentItem", "editable", "activeItemKey"])) : vue.createCommentVNode("", true)
+        ]),
+        _: 2
+      }, [
+        vue.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: vue.withCtx((slotProps) => {
+              var _a3;
+              return [
+                vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.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" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElCollapseItem), vue.mergeProps({
+        key: 12,
+        title: _ctx.item.label,
+        name: _ctx.item.prop
+      }, _ctx.item.props || {}), vue.createSlots({
+        default: vue.withCtx(() => [
+          _ctx.editable || _ctx.item.children && _ctx.item.children.length && !(_ctx.item.slots && _ctx.item.slots.default && _ctx.$slots[_ctx.item.slots.default]) ? (vue.openBlock(), vue.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
+          }, vue.createSlots({ _: 2 }, [
+            vue.renderList(Object.keys(_ctx.$slots), (name) => {
+              return {
+                name,
+                fn: vue.withCtx((slotProps) => [
+                  vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                ])
+              };
+            })
+          ]), 1032, ["model", "rules", "items", "grid", "rowProps", "formItems", "searchExpand", "parentItem", "editable", "activeItemKey"])) : vue.createCommentVNode("", true)
+        ]),
+        _: 2
+      }, [
+        vue.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: vue.withCtx((slotProps) => {
+              var _a3;
+              return [
+                vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.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) ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElCarousel), vue.normalizeProps(vue.mergeProps({ key: 13 }, _ctx.item.props || {})), vue.createSlots({
+        default: vue.withCtx(() => [
+          _ctx.item.children && _ctx.item.children.length && !(_ctx.item.slots && _ctx.item.slots.default && _ctx.$slots[_ctx.item.slots.default]) ? (vue.openBlock(), vue.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
+          }, vue.createSlots({ _: 2 }, [
+            vue.renderList(Object.keys(_ctx.$slots), (name) => {
+              return {
+                name,
+                fn: vue.withCtx((slotProps) => [
+                  vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                ])
+              };
+            })
+          ]), 1032, ["model", "rules", "items", "grid", "rowProps", "formItems", "searchExpand", "parentItem", "editable", "activeItemKey"])) : vue.createCommentVNode("", true)
+        ]),
+        _: 2
+      }, [
+        vue.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: vue.withCtx((slotProps) => {
+              var _a3;
+              return [
+                vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.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) ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElCarouselItem), vue.mergeProps({
+        key: 14,
+        title: _ctx.item.label,
+        name: _ctx.item.prop
+      }, _ctx.item.props || {}), vue.createSlots({
+        default: vue.withCtx(() => [
+          _ctx.editable || _ctx.item.children && _ctx.item.children.length && !(_ctx.item.slots && _ctx.item.slots.default && _ctx.$slots[_ctx.item.slots.default]) ? (vue.openBlock(), vue.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
+          }, vue.createSlots({ _: 2 }, [
+            vue.renderList(Object.keys(_ctx.$slots), (name) => {
+              return {
+                name,
+                fn: vue.withCtx((slotProps) => [
+                  vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                ])
+              };
+            })
+          ]), 1032, ["model", "rules", "items", "grid", "rowProps", "formItems", "searchExpand", "parentItem", "editable", "activeItemKey"])) : vue.createCommentVNode("", true)
+        ]),
+        _: 2
+      }, [
+        vue.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: vue.withCtx((slotProps) => {
+              var _a3;
+              return [
+                vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.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" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDescriptions), vue.mergeProps({
+        key: 15,
+        title: _ctx.item.label
+      }, _ctx.item.props || {}), vue.createSlots({
+        default: vue.withCtx(() => [
+          _ctx.item.children && _ctx.item.children.length ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(_ctx.item.children, (descriptionsItem) => {
+            return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDescriptionsItem), vue.mergeProps({
+              key: descriptionsItem.key ?? descriptionsItem.prop,
+              label: descriptionsItem.label,
+              ref_for: true
+            }, descriptionsItem.props || {}), vue.createSlots({
+              default: vue.withCtx(() => [
+                _ctx.editable || descriptionsItem.children && descriptionsItem.children.length && !(descriptionsItem.slots && descriptionsItem.slots.default && _ctx.$slots[descriptionsItem.slots.default]) ? (vue.openBlock(), vue.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
+                }, vue.createSlots({ _: 2 }, [
+                  vue.renderList(Object.keys(_ctx.$slots), (name) => {
+                    return {
+                      name,
+                      fn: vue.withCtx((slotProps) => [
+                        vue.renderSlot(_ctx.$slots, name, vue.mergeProps({ ref_for: true }, slotProps || {}))
+                      ])
+                    };
+                  })
+                ]), 1032, ["model", "rules", "items", "grid", "rowProps", "formItems", "searchExpand", "parentItem", "editable", "activeItemKey"])) : vue.createCommentVNode("", true)
+              ]),
+              _: 2
+            }, [
+              vue.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: vue.withCtx((slotProps) => {
+                    var _a3;
+                    return [
+                      vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.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)) : vue.createCommentVNode("", true)
+        ]),
+        _: 2
+      }, [
+        vue.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: vue.withCtx((slotProps) => {
+              var _a3;
+              return [
+                vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.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" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElRow), vue.normalizeProps(vue.mergeProps({ key: 16 }, _ctx.item.props || {})), vue.createSlots({
+        default: vue.withCtx(() => [
+          _ctx.item.children && _ctx.item.children.length && !(_ctx.item.slots && _ctx.item.slots.default && _ctx.$slots[_ctx.item.slots.default]) ? (vue.openBlock(), vue.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
+          }, vue.createSlots({ _: 2 }, [
+            vue.renderList(Object.keys(_ctx.$slots), (name) => {
+              return {
+                name,
+                fn: vue.withCtx((slotProps) => [
+                  vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                ])
+              };
+            })
+          ]), 1032, ["model", "rules", "items", "grid", "rowProps", "formItems", "searchExpand", "parentItem", "editable", "activeItemKey"])) : vue.createCommentVNode("", true)
+        ]),
+        _: 2
+      }, [
+        vue.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: vue.withCtx((slotProps) => {
+              var _a3;
+              return [
+                vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.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" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElCol), vue.normalizeProps(vue.mergeProps({ key: 17 }, _ctx.item.props || {})), vue.createSlots({
+        default: vue.withCtx(() => [
+          _ctx.editable || _ctx.item.children && _ctx.item.children.length && !(_ctx.item.slots && _ctx.item.slots.default && _ctx.$slots[_ctx.item.slots.default]) ? (vue.openBlock(), vue.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
+          }, vue.createSlots({ _: 2 }, [
+            vue.renderList(Object.keys(_ctx.$slots), (name) => {
+              return {
+                name,
+                fn: vue.withCtx((slotProps) => [
+                  vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                ])
+              };
+            })
+          ]), 1032, ["model", "rules", "items", "grid", "rowProps", "formItems", "searchExpand", "parentItem", "editable", "activeItemKey"])) : vue.createCommentVNode("", true)
+        ]),
+        _: 2
+      }, [
+        vue.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: vue.withCtx((slotProps) => {
+              var _a3;
+              return [
+                vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.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
+      ) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(
+        ((_j = _ctx.item.props) == null ? void 0 : _j.is) || {
+          tableRow: "tr",
+          tableCell: "td",
+          tabPane: "div",
+          descriptionsItem: "div"
+        }[_ctx.item.type] || _ctx.item.type
+      ), vue.normalizeProps(vue.mergeProps({ key: 18 }, _ctx.item.props ? { ..._ctx.item.props, is: void 0 } : {})), {
+        default: vue.withCtx(() => {
+          var _a3;
+          return [
+            !(_ctx.item.slots && _ctx.item.slots.default && _ctx.$slots[_ctx.item.slots.default]) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+              _ctx.item.label != null && _ctx.item.label !== "" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                vue.createTextVNode(vue.toDisplayString(_ctx.item.label), 1)
+              ], 64)) : vue.createCommentVNode("", true),
+              _ctx.editable || _ctx.item.children && _ctx.item.children.length ? (vue.openBlock(), vue.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
+              }, vue.createSlots({ _: 2 }, [
+                vue.renderList(Object.keys(_ctx.$slots), (name) => {
+                  return {
+                    name,
+                    fn: vue.withCtx((slotProps) => [
+                      vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                    ])
+                  };
+                })
+              ]), 1032, ["model", "rules", "items", "grid", "rowProps", "formItems", "searchExpand", "parentItem", "editable", "sortDisabled", "containerSelectable", "activeItemKey"])) : vue.createCommentVNode("", true)
+            ], 64)) : vue.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 && !vue.unref(util.defaultTypes).includes(_ctx.item.type) && (_ctx.item.itemType === "view" || _ctx.item.itemType === "container") ? vue.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
+        }
+      }) : (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElFormItem), vue.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
+      }), vue.createSlots({
+        default: vue.withCtx(() => [
+          _ctx.item.type === "input" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElInput), vue.mergeProps({
+            key: 0,
+            clearable: true,
+            placeholder: "请输入" + _ctx.item.label
+          }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), vue.createSlots({ _: 2 }, [
+            vue.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: vue.withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["placeholder", "modelValue"])) : _ctx.item.type === "textarea" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElInput), vue.mergeProps({
+            key: 1,
+            rows: 4,
+            placeholder: "请输入" + _ctx.item.label
+          }, _ctx.item.props || {}, {
+            type: "textarea",
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), vue.createSlots({ _: 2 }, [
+            vue.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: vue.withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["placeholder", "modelValue"])) : _ctx.item.type === "select" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElSelect), vue.mergeProps({
+            key: 2,
+            class: "ele-fluid",
+            clearable: true,
+            placeholder: "请选择" + _ctx.item.label
+          }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), vue.createSlots({
+            default: vue.withCtx(() => [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.item.options || [], (opt) => {
+                return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+                  key: opt.key ?? opt.value
+                }, [
+                  opt.children ? (vue.openBlock(), vue.createBlock(_component_ElOptionGroup, {
+                    key: 0,
+                    label: opt.label
+                  }, {
+                    default: vue.withCtx(() => [
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(opt.children, (childOpt) => {
+                        return vue.openBlock(), vue.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"])) : (vue.openBlock(), vue.createBlock(_component_ElOption, {
+                    key: 1,
+                    label: opt.label,
+                    value: opt.value,
+                    disabled: opt.disabled
+                  }, null, 8, ["label", "value", "disabled"]))
+                ], 64);
+              }), 128))
+            ]),
+            _: 2
+          }, [
+            vue.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: vue.withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["placeholder", "modelValue"])) : _ctx.item.type === "multipleSelect" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElSelect), vue.mergeProps({
+            key: 3,
+            class: "ele-fluid",
+            clearable: true,
+            placeholder: "请选择" + _ctx.item.label
+          }, _ctx.item.props || {}, {
+            multiple: true,
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), vue.createSlots({
+            default: vue.withCtx(() => [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.item.options || [], (opt) => {
+                return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+                  key: opt.key ?? opt.value
+                }, [
+                  opt.children ? (vue.openBlock(), vue.createBlock(_component_ElOptionGroup, {
+                    key: 0,
+                    label: opt.label
+                  }, {
+                    default: vue.withCtx(() => [
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(opt.children, (childOpt) => {
+                        return vue.openBlock(), vue.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"])) : (vue.openBlock(), vue.createBlock(_component_ElOption, {
+                    key: 1,
+                    label: opt.label,
+                    value: opt.value,
+                    disabled: opt.disabled
+                  }, null, 8, ["label", "value", "disabled"]))
+                ], 64);
+              }), 128))
+            ]),
+            _: 2
+          }, [
+            vue.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: vue.withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["placeholder", "modelValue"])) : _ctx.item.type === "radio" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElRadioGroup), vue.mergeProps({ key: 4 }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), {
+            default: vue.withCtx(() => [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.item.options || [], (opt) => {
+                return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.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" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElRadioGroup), vue.mergeProps({ key: 5 }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), {
+            default: vue.withCtx(() => [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.item.options || [], (opt) => {
+                return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.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" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElCheckboxGroup), vue.mergeProps({ key: 6 }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), {
+            default: vue.withCtx(() => [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.item.options || [], (opt) => {
+                return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.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" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElCheckboxGroup), vue.mergeProps({ key: 7 }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), {
+            default: vue.withCtx(() => [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.item.options || [], (opt) => {
+                return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.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" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDatePicker), vue.mergeProps({
+            key: 8,
+            valueFormat: "YYYY-MM-DD",
+            class: "ele-fluid",
+            placeholder: "请选择" + _ctx.item.label
+          }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), vue.createSlots({ _: 2 }, [
+            vue.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: vue.withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["placeholder", "modelValue"])) : _ctx.item.type === "datetime" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDatePicker), vue.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
+          }), vue.createSlots({ _: 2 }, [
+            vue.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: vue.withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["placeholder", "modelValue"])) : _ctx.item.type === "daterange" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDatePicker), vue.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
+          }), vue.createSlots({ _: 2 }, [
+            vue.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: vue.withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["modelValue"])) : _ctx.item.type === "datetimerange" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDatePicker), vue.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
+          }), vue.createSlots({ _: 2 }, [
+            vue.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: vue.withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["modelValue"])) : _ctx.item.type === "time" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElTimePicker), vue.mergeProps({
+            key: 12,
+            valueFormat: "HH:mm:ss",
+            class: "ele-fluid",
+            placeholder: "请选择" + _ctx.item.label
+          }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), vue.createSlots({ _: 2 }, [
+            vue.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: vue.withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["placeholder", "modelValue"])) : _ctx.item.type === "timerange" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElTimePicker), vue.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
+          }), vue.createSlots({ _: 2 }, [
+            vue.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: vue.withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["modelValue"])) : _ctx.item.type === "timeSelect" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElTimeSelect), vue.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" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElSwitch), vue.mergeProps({
+            key: 15,
+            "active-value": 1,
+            "inactive-value": 0
+          }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), vue.createSlots({ _: 2 }, [
+            vue.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: vue.withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["modelValue"])) : _ctx.item.type === "inputNumber" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElInputNumber), vue.mergeProps({
+            key: 16,
+            class: "ele-fluid",
+            "controls-position": "right",
+            placeholder: "请输入" + _ctx.item.label
+          }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), vue.createSlots({ _: 2 }, [
+            vue.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: vue.withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["placeholder", "modelValue"])) : _ctx.item.type === "autocomplete" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElAutocomplete), vue.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
+          }), vue.createSlots({ _: 2 }, [
+            vue.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: vue.withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["fetchSuggestions", "placeholder", "modelValue"])) : _ctx.item.type === "cascader" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElCascader), vue.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
+          }), vue.createSlots({ _: 2 }, [
+            vue.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: vue.withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["options", "placeholder", "props", "modelValue"])) : _ctx.item.type === "multipleCascader" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElCascader), vue.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
+          }), vue.createSlots({ _: 2 }, [
+            vue.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: vue.withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["options", "placeholder", "props", "modelValue"])) : _ctx.item.type === "rate" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElRate), vue.mergeProps({ key: 20 }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), vue.createSlots({ _: 2 }, [
+            vue.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: vue.withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["modelValue"])) : _ctx.item.type === "slider" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElSlider), vue.mergeProps({ key: 21 }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), vue.createSlots({ _: 2 }, [
+            vue.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: vue.withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["modelValue"])) : _ctx.item.type === "sliderRange" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElSlider), vue.mergeProps({ key: 22 }, _ctx.item.props || {}, {
+            range: true,
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), vue.createSlots({ _: 2 }, [
+            vue.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: vue.withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["modelValue"])) : _ctx.item.type === "mention" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElMention), vue.mergeProps({
+            key: 23,
+            clearable: true,
+            options: _ctx.item.options || [],
+            placeholder: "请输入" + _ctx.item.label
+          }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), vue.createSlots({ _: 2 }, [
+            vue.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: vue.withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["options", "placeholder", "modelValue"])) : _ctx.item.type === "colorPicker" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElColorPicker), vue.mergeProps({ key: 24 }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), vue.createSlots({ _: 2 }, [
+            vue.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: vue.withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["modelValue"])) : _ctx.item.type === "transfer" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElTransfer), vue.mergeProps({ key: 25 }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), vue.createSlots({ _: 2 }, [
+            vue.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: vue.withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["modelValue"])) : _ctx.item.type === "treeSelect" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElTreeSelect), vue.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
+          }), vue.createSlots({ _: 2 }, [
+            vue.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: vue.withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["data", "placeholder", "modelValue"])) : _ctx.item.type === "treeMultipleSelect" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElTreeSelect), vue.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
+          }), vue.createSlots({ _: 2 }, [
+            vue.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: vue.withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["data", "placeholder", "modelValue"])) : _ctx.item.type === "virtualTreeSelect" ? (vue.openBlock(), vue.createBlock(EleTreeSelect, vue.mergeProps({
+            key: 28,
+            clearable: true,
+            placeholder: "请选择" + _ctx.item.label
+          }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), vue.createSlots({ _: 2 }, [
+            vue.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: vue.withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["placeholder", "modelValue"])) : _ctx.item.type === "virtualTreeMultipleSelect" ? (vue.openBlock(), vue.createBlock(EleTreeSelect, vue.mergeProps({
+            key: 29,
+            clearable: true,
+            placeholder: "请选择" + _ctx.item.label,
+            maxTagCount: 1
+          }, _ctx.item.props || {}, {
+            multiple: true,
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), vue.createSlots({ _: 2 }, [
+            vue.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: vue.withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["placeholder", "modelValue"])) : _ctx.item.type === "tableSelect" ? (vue.openBlock(), vue.createBlock(EleTableSelect, vue.mergeProps({
+            key: 30,
+            clearable: true,
+            placeholder: "请选择" + _ctx.item.label
+          }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), vue.createSlots({ _: 2 }, [
+            vue.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: vue.withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["placeholder", "modelValue"])) : _ctx.item.type === "tableMultipleSelect" ? (vue.openBlock(), vue.createBlock(EleTableSelect, vue.mergeProps({
+            key: 31,
+            clearable: true,
+            placeholder: "请选择" + _ctx.item.label
+          }, _ctx.item.props || {}, {
+            multiple: true,
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), vue.createSlots({ _: 2 }, [
+            vue.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: vue.withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["placeholder", "modelValue"])) : _ctx.item.type === "checkCard" ? (vue.openBlock(), vue.createBlock(EleCheckCard, vue.mergeProps({
+            key: 32,
+            items: _ctx.item.options
+          }, _ctx.item.props || {}, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), vue.createSlots({ _: 2 }, [
+            vue.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: vue.withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["items", "modelValue"])) : _ctx.item.type === "multipleCheckCard" ? (vue.openBlock(), vue.createBlock(EleCheckCard, vue.mergeProps({
+            key: 33,
+            items: _ctx.item.options
+          }, _ctx.item.props || {}, {
+            multiple: true,
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": updateValue
+          }), vue.createSlots({ _: 2 }, [
+            vue.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: vue.withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["items", "modelValue"])) : _ctx.item.type === "editTag" ? (vue.openBlock(), vue.createBlock(EleEditTag, vue.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
+          }), vue.createSlots({ _: 2 }, [
+            vue.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: vue.withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["modelValue"])) : _ctx.item.type === "text" ? (vue.openBlock(), vue.createBlock(EleText, vue.normalizeProps(vue.mergeProps({ key: 35 }, _ctx.item.props || {})), vue.createSlots({
+            default: vue.withCtx(() => [
+              !(_ctx.item.slots && _ctx.item.slots.default && _ctx.$slots[_ctx.item.slots.default]) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                vue.createTextVNode(vue.toDisplayString(modelValue.value), 1)
+              ], 64)) : vue.createCommentVNode("", true)
+            ]),
+            _: 2
+          }, [
+            vue.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: vue.withCtx((slotProps) => {
+                  var _a3;
+                  return [
+                    vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.slots) == null ? void 0 : _a3[name], vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040)) : _ctx.item.type ? vue.renderSlot(_ctx.$slots, _ctx.item.type, {
+            key: 36,
+            item: _ctx.item,
+            model: _ctx.model,
+            modelValue: modelValue.value,
+            updateValue,
+            updatePropValue,
+            itemComponentRef: itemRefs.itemComponentRef
+          }) : vue.createCommentVNode("", true)
+        ]),
+        _: 2
+      }, [
+        vue.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: vue.withCtx((slotProps) => {
+              var _a3;
+              return [
+                vue.renderSlot(_ctx.$slots, (_a3 = _ctx.item.itemSlots) == null ? void 0 : _a3[name], vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+              ];
+            })
+          };
+        })
+      ]), 1040, ["label", "labelWidth", "prop", "rules"]));
+    };
+  }
+});
+module.exports = _sfc_main;