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

package/lib/ele-pro-form/components/draggable-row.cjs

@@ -29,43 +29,35 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       emit("updateItems", data);
     };
     const ns = elementPlus.useNamespace("row");
-    const gutter = vue.computed(() => {
-      var _a;
-      return ((_a = props.componentData) == null ? void 0 : _a.gutter) ?? 0;
-    });
+    const gutter = vue.computed(() => props.componentData?.gutter ?? 0);
     const rowStyle = vue.computed(() => {
-      var _a;
       const styles = {};
-      if (!((_a = props.componentData) == null ? void 0 : _a.gutter)) {
+      if (!props.componentData?.gutter) {
         return styles;
       }
       styles.marginRight = styles.marginLeft = `-${props.componentData.gutter / 2}px`;
       return styles;
     });
-    const rowClass = vue.computed(() => {
-      var _a, _b, _c, _d;
-      return [
-        "ele-pro-form-builder-grid-container-wrapper",
-        ns.b(),
-        ns.is(
-          `justify-${((_a = props.componentData) == null ? void 0 : _a.justify) ?? "start"}`,
-          (((_b = props.componentData) == null ? void 0 : _b.justify) ?? "start") !== "start"
-        ),
-        ns.is(`align-${(_c = props.componentData) == null ? void 0 : _c.align}`, !!((_d = props.componentData) == null ? void 0 : _d.align))
-      ];
-    });
+    const rowClass = vue.computed(() => [
+      "ele-pro-form-builder-grid-container-wrapper",
+      ns.b(),
+      ns.is(
+        `justify-${props.componentData?.justify ?? "start"}`,
+        (props.componentData?.justify ?? "start") !== "start"
+      ),
+      ns.is(`align-${props.componentData?.align}`, !!props.componentData?.align)
+    ]);
     vue.provide(elementPlus.rowContextKey, { gutter });
     return (_ctx, _cache) => {
-      var _a;
       return vue.openBlock(), vue.createBlock(vue.unref(VueDraggable), {
         itemKey: "key",
         animation: 150,
-        modelValue: _ctx.itemsData,
+        modelValue: __props.itemsData,
         setData: () => void 0,
         group: vue.unref(renderCore.sortableGroupName),
         handle: ".ele-pro-form-builder-item-handle",
         draggable: ".ele-pro-form-builder-grid-item-wrapper",
-        tag: ((_a = _ctx.componentData) == null ? void 0 : _a.tag) ?? "div",
+        tag: __props.componentData?.tag ?? "div",
         class: vue.normalizeClass(rowClass.value),
         style: vue.normalizeStyle(rowStyle.value),
         "onUpdate:modelValue": handleUpdateItemsModelValue
@@ -77,16 +69,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               class: "ele-pro-form-builder-grid-item-wrapper"
             },
             vue.unref(renderCore.getScreenSizeColProps)(
-              _ctx.screenSize,
-              _ctx.gridColProps,
+              __props.screenSize,
+              __props.gridColProps,
               vue.unref(renderCore.translateJsCode)(
                 element.colProps || {},
-                _ctx.formData,
-                _ctx.formItems || [],
-                _ctx.searchExpand,
-                _ctx.httpRequest,
-                _ctx.getProFormRefs,
-                _ctx.getAndCacheCode
+                __props.formData,
+                __props.formItems || [],
+                __props.searchExpand,
+                __props.httpRequest,
+                __props.getProFormRefs,
+                __props.getAndCacheCode
               ).result
             )
           ), {
@@ -103,27 +95,27 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           fn: vue.withCtx(() => [
             vue.createVNode(vue.unref(elementPlus.ElCol), vue.normalizeProps(vue.guardReactiveProps(
               vue.unref(renderCore.getScreenSizeColProps)(
-                _ctx.screenSize,
-                _ctx.autoContentExtraCol ? vue.unref(renderCore.computeContentExtraCol)(
-                  _ctx.gridColProps,
-                  (_ctx.formItems || []).filter(
+                __props.screenSize,
+                __props.autoContentExtraCol ? vue.unref(renderCore.computeContentExtraCol)(
+                  __props.gridColProps,
+                  (__props.formItems || []).filter(
                     (item) => vue.unref(renderCore.isShowItem)(
                       item,
-                      _ctx.formData,
-                      _ctx.formItems || [],
-                      _ctx.searchExpand,
-                      _ctx.editable
+                      __props.formData,
+                      __props.formItems || [],
+                      __props.searchExpand,
+                      __props.editable
                     )
                   ).length
                 ) : { span: 24 },
                 vue.unref(renderCore.translateJsCode)(
-                  _ctx.contentExtraColProps || {},
-                  _ctx.formData,
-                  _ctx.formItems || [],
-                  _ctx.searchExpand,
-                  _ctx.httpRequest,
-                  _ctx.getProFormRefs,
-                  _ctx.getAndCacheCode
+                  __props.contentExtraColProps || {},
+                  __props.formData,
+                  __props.formItems || [],
+                  __props.searchExpand,
+                  __props.httpRequest,
+                  __props.getProFormRefs,
+                  __props.getAndCacheCode
                 ).result
               )
             )), {

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

@@ -93,32 +93,23 @@ const defaultItemTypeData = [
     type: "tabs",
     component: vue.markRaw(EleTabs),
     isContainer: true,
-    defaultProps: ({ item, modelValue }) => {
-      var _a, _b;
-      return {
-        type: "border-card",
-        modelValue: modelValue ?? ((_b = (_a = item.children) == null ? void 0 : _a[0]) == null ? void 0 : _b.prop)
-      };
-    },
+    defaultProps: ({ item, modelValue }) => ({
+      type: "border-card",
+      modelValue: modelValue ?? item.children?.[0]?.prop
+    }),
     reservedProps: ({ item, isShowFormItem }) => ({
-      items: (item.children || []).filter((c) => isShowFormItem(c)).map((c) => {
-        var _a, _b, _c, _d, _e;
-        return {
-          name: ((_a = c.props) == null ? void 0 : _a.name) ?? c.prop,
-          label: ((_b = c.props) == null ? void 0 : _b.label) ?? c.label,
-          disabled: (_c = c.props) == null ? void 0 : _c.disabled,
-          closable: (_d = c.props) == null ? void 0 : _d.closable,
-          lazy: (_e = c.props) == null ? void 0 : _e.lazy,
-          slot: "itemContent",
-          meta: c
-        };
-      })
+      items: (item.children || []).filter((c) => isShowFormItem(c)).map((c) => ({
+        name: c.props?.name ?? c.prop,
+        label: c.props?.label ?? c.label,
+        disabled: c.props?.disabled,
+        closable: c.props?.closable,
+        lazy: c.props?.lazy,
+        slot: "itemContent",
+        meta: c
+      }))
     }),
     reservedSlots: ({ renderChildren }) => ({
-      itemContent: (slotProps) => {
-        var _a;
-        return renderChildren((_a = slotProps == null ? void 0 : slotProps.item) == null ? void 0 : _a.meta, false, true);
-      },
+      itemContent: (slotProps) => renderChildren(slotProps?.item?.meta, false, true),
       default: () => void 0
     })
   },
@@ -151,12 +142,9 @@ const defaultItemTypeData = [
     component: vue.markRaw(elementPlus.ElCollapse),
     isContainer: true,
     sortDisabled: true,
-    defaultProps: ({ item, modelValue }) => {
-      var _a, _b, _c, _d, _e, _f;
-      return {
-        modelValue: modelValue ?? (((_a = item.props) == null ? void 0 : _a.accordion) ? ((_d = (_c = (_b = item.children) == null ? void 0 : _b[0]) == null ? void 0 : _c.props) == null ? void 0 : _d.name) ?? ((_f = (_e = item.children) == null ? void 0 : _e[0]) == null ? void 0 : _f.prop) : [])
-      };
-    },
+    defaultProps: ({ item, modelValue }) => ({
+      modelValue: modelValue ?? (item.props?.accordion ? item.children?.[0]?.props?.name ?? item.children?.[0]?.prop : [])
+    }),
     reservedProps: ({ updateModelValue }) => ({
       "onUpdate:modelValue": updateModelValue
     })

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

@@ -53,21 +53,20 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       emit("reset");
     };
     return (_ctx, _cache) => {
-      var _a, _b;
       return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElFormItem), vue.mergeProps({
-        class: [
-          "ele-pro-form-footer",
-          { "is-search-expand": __props.autoFooterCol && __props.searchExpand }
-        ]
+        class: ["ele-pro-form-footer", { "is-search-expand": __props.autoFooterCol && __props.searchExpand }]
       }, __props.footerProps || {}, {
-        labelWidth: typeof ((_a = __props.footerProps) == null ? void 0 : _a.labelWidth) === "number" ? `${__props.footerProps.labelWidth}px` : (_b = __props.footerProps) == null ? void 0 : _b.labelWidth
+        labelWidth: typeof __props.footerProps?.labelWidth === "number" ? `${__props.footerProps.labelWidth}px` : __props.footerProps?.labelWidth
       }), vue.createSlots({
         default: vue.withCtx(() => [
           vue.createElementVNode("div", {
             class: "ele-pro-form-footer-body",
             style: vue.normalizeStyle(__props.footerStyle)
           }, [
-            vue.renderSlot(_ctx.$slots, "footer", {}, () => [
+            vue.renderSlot(_ctx.$slots, "footer", {
+              submitForm: handleSubmit,
+              resetForm: handleReset
+            }, () => [
               vue.createVNode(vue.unref(elementPlus.ElButton), vue.mergeProps({ type: "primary" }, __props.submitButtonProps || {}, { onClick: handleSubmit }), {
                 default: vue.withCtx(() => [
                   vue.createTextVNode(vue.toDisplayString(__props.submitText), 1)
@@ -85,12 +84,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               key: 0,
               type: "primary",
               underline: "never",
-              style: { "margin-left": "12px" }
+              style: { marginLeft: "12px" }
             }, __props.searchExpandButtonProps || {}, { onClick: toggleSearchExpand }), {
               default: vue.withCtx(() => [
                 __props.searchExpand ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                   vue.createElementVNode("span", null, vue.toDisplayString(__props.searchShrinkText), 1),
-                  vue.createVNode(vue.unref(elementPlus.ElIcon), { style: { "vertical-align": "-1px" } }, {
+                  vue.createVNode(vue.unref(elementPlus.ElIcon), { style: { verticalAlign: "-1px" } }, {
                     default: vue.withCtx(() => [
                       vue.createVNode(vue.unref(index.ArrowUp))
                     ]),
@@ -98,7 +97,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   })
                 ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
                   vue.createElementVNode("span", null, vue.toDisplayString(__props.searchExpandText), 1),
-                  vue.createVNode(vue.unref(elementPlus.ElIcon), { style: { "vertical-align": "-2px" } }, {
+                  vue.createVNode(vue.unref(elementPlus.ElIcon), { style: { verticalAlign: "-2px" } }, {
                     default: vue.withCtx(() => [
                       vue.createVNode(vue.unref(index.ArrowDown))
                     ]),
@@ -108,7 +107,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               ]),
               _: 1
             }, 16)) : vue.createCommentVNode("", true),
-            vue.renderSlot(_ctx.$slots, "footerExtra")
+            vue.renderSlot(_ctx.$slots, "footerExtra", {
+              submitForm: handleSubmit,
+              resetForm: handleReset
+            })
           ], 4)
         ]),
         _: 2
@@ -118,9 +120,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           __props.footerSlots,
           ["default"],
           ownSlots
-        ), (slotName, name) => {
+        ), (slotName, compSlotName) => {
           return {
-            name,
+            name: compSlotName,
             fn: vue.withCtx((slotProps) => [
               vue.renderSlot(_ctx.$slots, slotName, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
             ])

package/lib/ele-pro-form/components/pro-form-footer.d.ts

@@ -2,8 +2,14 @@ import { CSSProperties, PropType } from 'vue';
 import { ElFormItemProps, ElButtonProps, ElLinkProps } from '../../ele-app/el';
 
 declare function __VLS_template(): Partial<Record<string, (_: any) => any>> & {
-    footer?(_: {}): any;
-    footerExtra?(_: {}): any;
+    footer?(_: {
+        submitForm: () => void;
+        resetForm: () => void;
+    }): any;
+    footerExtra?(_: {
+        submitForm: () => void;
+        resetForm: () => void;
+    }): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /** 底栏 ElFormItem 属性 */

package/lib/ele-pro-form/components/render-util.cjs

@@ -16,9 +16,8 @@ function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
 }
 function getItemTypeName(item) {
-  var _a;
   let itemType = item.type;
-  const divTag = (_a = item.props) == null ? void 0 : _a.is;
+  const divTag = item.props?.is;
   if (itemType === "div" && divTag) {
     if (divTag === "tr") {
       itemType = "tableRow";
@@ -104,11 +103,10 @@ function getComponentRefName(item) {
   return `${String(prop)}Ref`;
 }
 function renderProFormItem(props2) {
-  var _a, _b, _c, _d, _e, _f;
   const slots = props2.slots || {};
   const formData = props2.model || {};
   const typeData = getItemTypeData(props2.item, props2.itemTypeData);
-  const typeSlot = ((_a = props2.item) == null ? void 0 : _a.type) ? slots[props2.item.type] : void 0;
+  const typeSlot = props2.item?.type ? slots[props2.item.type] : void 0;
   if (!typeSlot && !typeData) {
     return;
   }
@@ -154,8 +152,8 @@ function renderProFormItem(props2) {
     // 替代 items , 兼容旧版
     model: formData,
     rules: props2.rules,
-    grid: (_b = props2.item) == null ? void 0 : _b.grid,
-    rowProps: (_c = props2.item) == null ? void 0 : _c.rowProps,
+    grid: props2.item?.grid,
+    rowProps: props2.item?.rowProps,
     parentItem: props2.item,
     formItems: props2.formItems,
     searchExpand: props2.searchExpand,
@@ -195,8 +193,8 @@ function renderProFormItem(props2) {
       });
     }
     if (!itemSlots.default) {
-      const csd = !(props2.item.containerDraggable ?? !(typeData == null ? void 0 : typeData.sortDisabled));
-      const isRenderLabel = (typeData == null ? void 0 : typeData.renderLabelText) && props2.item.label != null && props2.item.label !== "";
+      const csd = !(props2.item.containerDraggable ?? !typeData?.sortDisabled);
+      const isRenderLabel = typeData?.renderLabelText && props2.item.label != null && props2.item.label !== "";
       const isRenderChildren = (!typeData || typeData.isContainer) && (!csd && props2.editable || props2.item.children && props2.item.children.length);
       if (isRenderLabel || isRenderChildren) {
         itemSlots.default = () => {
@@ -217,7 +215,7 @@ function renderProFormItem(props2) {
               editable: props2.editable,
               screenSize: props2.screenSize,
               sortDisabled: csd,
-              containerSelectable: !!(typeData == null ? void 0 : typeData.containerSelectable),
+              containerSelectable: !!typeData?.containerSelectable,
               activeItemKey: props2.activeItemKey,
               updateItemValue: props2.updateItemValue,
               updateItemsData: props2.updateItemsData,
@@ -244,7 +242,7 @@ function renderProFormItem(props2) {
       }
     }
   }
-  const componentTag = (typeData == null ? void 0 : typeData.component) || "div";
+  const componentTag = typeData?.component || "div";
   const isDivTag = componentTag === "div" || componentTag === "td";
   const componentPropsData = renderCore.translateJsCode(props2.item.props || {}, formData, props2.formItems || [], props2.searchExpand, props2.httpRequest, props2.getProFormRefs, props2.getAndCacheCode).result;
   const componentNode = typeSlot ? typeSlot({
@@ -254,12 +252,12 @@ function renderProFormItem(props2) {
     updateValue: handleUpdateModelValue,
     updatePropValue: props2.updateItemValue,
     proForm: slotProFormParams
-  }) : vue.h((isDivTag ? (_d = props2.item.props) == null ? void 0 : _d.is : void 0) || componentTag, vue.mergeProps({
+  }) : vue.h((isDivTag ? props2.item.props?.is : void 0) || componentTag, vue.mergeProps({
     key: props2.key
-  }, getComponentLegacyProps(props2.item), ((_e = typeData == null ? void 0 : typeData.defaultProps) == null ? void 0 : _e.call(typeData, propsFunctionParams)) || {}, isDivTag ? common.omit(componentPropsData, ["is"]) : (typeData == null ? void 0 : typeData.type) === "col" ? renderCore.getScreenSizeColProps(props2.screenSize, {}, componentPropsData) : componentPropsData, ((_f = typeData == null ? void 0 : typeData.reservedProps) == null ? void 0 : _f.call(typeData, propsFunctionParams)) || {}, {
+  }, getComponentLegacyProps(props2.item), typeData?.defaultProps?.(propsFunctionParams) || {}, isDivTag ? common.omit(componentPropsData, ["is"]) : typeData?.type === "col" ? renderCore.getScreenSizeColProps(props2.screenSize, {}, componentPropsData) : componentPropsData, typeData?.reservedProps?.(propsFunctionParams) || {}, {
     ref: getComponentRefName(props2.item)
   }), itemSlots);
-  if ((typeData == null ? void 0 : typeData.isContainer) || props2.item.itemType === "container" || props2.item.itemType === "view") {
+  if (typeData?.isContainer || props2.item.itemType === "container" || props2.item.itemType === "view") {
     return componentNode;
   }
   const itemPropsData = renderCore.translateJsCode(props2.item.itemProps || {}, formData, props2.formItems || [], props2.searchExpand, props2.httpRequest, props2.getProFormRefs, props2.getAndCacheCode).result;
@@ -272,7 +270,7 @@ function renderProFormItem(props2) {
   const fRule = props2.rules && props2.item.prop ? lodashEs.get(props2.rules, props2.item.prop) : void 0;
   const fRules = fRule ? Array.isArray(fRule) ? fRule : [fRule] : void 0;
   const formItemRules = iRules || fRules || [];
-  const trigger = (typeData == null ? void 0 : typeData.requiredTrigger) ?? "change";
+  const trigger = typeData?.requiredTrigger ?? "change";
   const message = getRuleMessage(props2.item.label, props2.item.requiredMessage, componentPropsData.placeholder, props2.requiredLang);
   if (props2.item.required) {
     formItemRules.unshift({
@@ -412,8 +410,7 @@ function renderProFormContent(props2) {
       builderItemTools: slots.builderItemTools
     });
     const handleContainerBuilderWrapperClick = (e) => {
-      var _a;
-      const parentItemKey = (_a = props2.parentItem) == null ? void 0 : _a.key;
+      const parentItemKey = props2.parentItem?.key;
       if (props2.containerSelectable && parentItemKey != null) {
         e.stopPropagation();
         if (props2.updateActiveItemKey) {
@@ -496,19 +493,16 @@ const ChildrenRender = /* @__PURE__ */ vue.defineComponent({
     const handleUpdateActiveItemKey = (activeKey) => {
       emit("update:activeItemKey", activeKey);
     };
-    return () => {
-      var _a;
-      return renderProFormContent({
-        ...common.omit(props2, ["item"]),
-        items: props2.items ?? ((_a = props2.item) == null ? void 0 : _a.children),
-        // 兼容旧版
-        updateItemValue: props2.updateItemValue ?? handleUpdateItemValue,
-        updateItemsData: props2.updateItemsData ?? handleUpdateItemsData,
-        updateActiveItemKey: props2.updateActiveItemKey ?? handleUpdateActiveItemKey,
-        slots: props2.slots ?? slots,
-        requiredLang: props2.requiredLang ?? lang.value.required
-      });
-    };
+    return () => renderProFormContent({
+      ...common.omit(props2, ["item"]),
+      items: props2.items ?? props2.item?.children,
+      // 兼容旧版
+      updateItemValue: props2.updateItemValue ?? handleUpdateItemValue,
+      updateItemsData: props2.updateItemsData ?? handleUpdateItemsData,
+      updateActiveItemKey: props2.updateActiveItemKey ?? handleUpdateActiveItemKey,
+      slots: props2.slots ?? slots,
+      requiredLang: props2.requiredLang ?? lang.value.required
+    });
   }
 });
 Object.defineProperty(exports, "cloneDeep", {

package/lib/ele-pro-form/index.cjs

@@ -24,6 +24,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const emit = __emit;
     const formItems = vue.useModel(props2, "items");
     const { lang } = receiver.useLocale("proForm", props2);
+    const config = vue.inject(receiver.injectContext, null);
     const formRef = vue.ref(null);
     const exposeMethods = {};
     [
@@ -59,7 +60,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const updateValue = (prop, value) => {
-      if (prop != null) {
+      if (prop != null && config?.label && config?.size === 1) {
         emit("updateValue", prop, value);
       }
     };
@@ -127,8 +128,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     );
     const getProFormRefs = () => {
-      var _a;
-      return ((_a = childrenRef.value) == null ? void 0 : _a.$refs) || {};
+      return childrenRef.value?.$refs || {};
     };
     const codeCache = /* @__PURE__ */ new Map();
     const getAndCacheCode = (code, codeResult) => {

package/lib/ele-pro-form/index.d.ts

@@ -92,7 +92,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     hideRequiredAsterisk: BooleanConstructor;
     scrollToError: BooleanConstructor;
     scrollIntoViewOptions: {
-        readonly type: import('vue').PropType<boolean | Record<string, any>>;
+        readonly type: import('vue').PropType<boolean | ScrollIntoViewOptions>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -210,7 +210,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     hideRequiredAsterisk: BooleanConstructor;
     scrollToError: BooleanConstructor;
     scrollIntoViewOptions: {
-        readonly type: import('vue').PropType<boolean | Record<string, any>>;
+        readonly type: import('vue').PropType<boolean | ScrollIntoViewOptions>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -246,11 +246,11 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     validateOnRuleChange: boolean;
     hideRequiredAsterisk: boolean;
     scrollToError: boolean;
-    scrollIntoViewOptions: boolean | Record<string, any>;
+    scrollIntoViewOptions: boolean | ScrollIntoViewOptions;
     editable: boolean;
+    searchExpand: boolean;
     autoFooterCol: boolean;
     showSearchExpand: boolean;
-    searchExpand: boolean;
     preventFormSubmit: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

package/lib/ele-pro-form/props.d.ts

@@ -117,7 +117,7 @@ export declare const proFormProps: {
     hideRequiredAsterisk: BooleanConstructor;
     scrollToError: BooleanConstructor;
     scrollIntoViewOptions: {
-        readonly type: PropType<boolean | Record<string, any>>;
+        readonly type: PropType<boolean | ScrollIntoViewOptions>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;

package/lib/ele-pro-form/style/index.scss

@@ -186,6 +186,10 @@ $exclude-disabled-selectors: list.join(
   flex: 1;
   display: flex;
   align-items: center;
+
+  & > .el-link {
+    white-space: nowrap;
+  }
 }
 
 .ele-pro-form-footer.is-search-expand > .el-form-item__content {

package/lib/ele-pro-form/util.cjs

@@ -5,31 +5,30 @@ const renderUtil = require("./components/render-util");
 const renderCore = require("./components/render-core");
 function isContainerType(item, itemTypeData) {
   const typeData = renderUtil.getItemTypeData(item, itemTypeData);
-  return (typeData == null ? void 0 : typeData.isContainer) || item.itemType === "container" || item.itemType === "view";
+  return typeData?.isContainer || item.itemType === "container" || item.itemType === "view";
 }
 function getFormInitValue(items, itemTypeData, excludeUndefined) {
   const init = {};
   common.eachTree(items, (item) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
     if (item.initValue != null && item.initValue !== "" && item.prop) {
       renderUtil.setValue(init, item.prop, item.initValue);
       return;
     }
     if (item.type && item.prop) {
       if ("tabs" === item.type) {
-        const active = ((_a = item.props) == null ? void 0 : _a.modelValue) ?? ((_c = (_b = item.children) == null ? void 0 : _b[0]) == null ? void 0 : _c.prop);
+        const active = item.props?.modelValue ?? item.children?.[0]?.prop;
         renderUtil.setValue(init, item.prop, active);
         return;
       }
       if ("collapse" === item.type) {
-        const active = ((_d = item.props) == null ? void 0 : _d.modelValue) ?? (((_e = item.props) == null ? void 0 : _e.accordion) ? ((_h = (_g = (_f = item.children) == null ? void 0 : _f[0]) == null ? void 0 : _g.props) == null ? void 0 : _h.name) ?? ((_j = (_i = item.children) == null ? void 0 : _i[0]) == null ? void 0 : _j.prop) : []);
+        const active = item.props?.modelValue ?? (item.props?.accordion ? item.children?.[0]?.props?.name ?? item.children?.[0]?.prop : []);
         renderUtil.setValue(init, item.prop, active);
         return;
       }
       if ("sliderRange" === item.type) {
         renderUtil.setValue(init, item.prop, [
-          ((_k = item.props) == null ? void 0 : _k.min) ?? 0,
-          ((_l = item.props) == null ? void 0 : _l.max) ?? 100
+          item.props?.min ?? 0,
+          item.props?.max ?? 100
         ]);
         return;
       }

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

@@ -15,7 +15,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     currentFormItemId: {},
     currentScreen: {},
     componentData: {},
-    proFormComponent: { type: [String, Object, Function] },
+    proFormComponent: {},
     itemTypeData: {},
     httpRequest: {}
   },
@@ -43,17 +43,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const handleAddChildrenItem = (formItem, action) => {
-      var _a;
       if (formItem.key != null) {
-        common.eachTree((_a = props.formProps) == null ? void 0 : _a.items, (item, cIndex, parent) => {
-          var _a2;
+        common.eachTree(props.formProps?.items, (item, cIndex, parent) => {
           if (item.key === formItem.key) {
             const result = buildUtil.generateAddChildData(
               item,
               parent,
               cIndex,
               action,
-              (_a2 = props.formProps) == null ? void 0 : _a2.items,
+              props.formProps?.items,
               void 0,
               props.componentData
             );
@@ -64,10 +62,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const handleCopyItem = (item) => {
-      var _a;
       if (item.key != null) {
         handleUpdateItems(
-          buildUtil.generateCopyItemData(item.key, (_a = props.formProps) == null ? void 0 : _a.items)
+          buildUtil.generateCopyItemData(item.key, props.formProps?.items)
         );
       }
     };
@@ -86,8 +83,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     vue.watch(
       () => props.currentFormItemId,
       (currentFormItemId) => {
-        var _a;
-        common.eachTree((_a = props.formProps) == null ? void 0 : _a.items, (item, _cIndex, parent) => {
+        common.eachTree(props.formProps?.items, (item, _cIndex, parent) => {
           if (item.key === currentFormItemId) {
             if (item.type && ["tabPane", "collapseItem"].includes(item.type) && parent && parent.prop) {
               setBuilderFormDataFieldValue(parent.prop, item.prop);
@@ -100,13 +96,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     vue.watch(
       () => props.formProps,
       () => {
-        var _a;
         Object.keys(formData).forEach((k) => {
           formData[k] = void 0;
         });
         util.mergeValue(
           formData,
-          util.getFormInitValue((_a = props.formProps) == null ? void 0 : _a.items, props.itemTypeData, true),
+          util.getFormInitValue(props.formProps?.items, props.itemTypeData, true),
           cachebuilderFormData
         );
       },
@@ -117,26 +112,25 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     );
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass([
-          "ele-pro-form-builder-body",
-          { "is-pc": _ctx.currentScreen === "pc" },
-          { "is-pad": _ctx.currentScreen === "pad" },
-          { "is-phone": _ctx.currentScreen === "phone" }
-        ])
+        class: vue.normalizeClass(["ele-pro-form-builder-body", [
+          { "is-pc": __props.currentScreen === "pc" },
+          { "is-pad": __props.currentScreen === "pad" },
+          { "is-phone": __props.currentScreen === "phone" }
+        ]])
       }, [
-        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.proFormComponent || EleProForm), vue.mergeProps(_ctx.formProps || {}, {
+        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.proFormComponent || EleProForm), vue.mergeProps(__props.formProps || {}, {
           ref_key: "proFormRef",
           ref: proFormRef,
           model: formData,
-          activeItemKey: _ctx.currentFormItemId,
+          activeItemKey: __props.currentFormItemId,
           editable: true,
-          screenSize: _ctx.currentScreen,
+          screenSize: __props.currentScreen,
           footer: false,
           validateOnRuleChange: false,
           scrollToError: false,
           showMessage: false,
-          itemTypeData: _ctx.itemTypeData,
-          httpRequest: _ctx.httpRequest,
+          itemTypeData: __props.itemTypeData,
+          httpRequest: __props.httpRequest,
           class: "ele-pro-form-builder-body-form",
           onUpdateValue: setBuilderFormDataFieldValue,
           "onUpdate:items": handleUpdateFormItems,
@@ -145,7 +139,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           builderItemHandleContent: vue.withCtx(({ item }) => [
             vue.createVNode(ComponentName, {
               itemType: item.type,
-              componentData: _ctx.componentData
+              componentData: __props.componentData
             }, null, 8, ["itemType", "componentData"])
           ]),
           builderItemTools: vue.withCtx(({ item }) => [
@@ -170,7 +164,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             };
           })
         ]), 1040, ["model", "activeItemKey", "screenSize", "itemTypeData", "httpRequest"])),
-        !_ctx.formProps || !_ctx.formProps.items || !_ctx.formProps.items.length ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElEmpty), {
+        !__props.formProps || !__props.formProps.items || !__props.formProps.items.length ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElEmpty), {
           key: 0,
           imageSize: 80,
           description: "拖拽左侧组件到此",