ele-admin-plus 1.6.0-beta.1 → 1.6.0-beta.2

package/es/ele-admin-layout/components/layout-tabs.d.ts

@@ -10,7 +10,7 @@ declare function __VLS_template(): {
     tabTitle?(_: {
         item: TabPaneItem;
         label: string | undefined;
-        active: import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+        active: import('element-plus/es/utils/vue/props/types').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
     }): any;
     tabExtra?(_: {
         active: string | undefined;
@@ -36,10 +36,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     /** 是否支持拖动排序 */
     tabSortable: BooleanConstructor;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    tabContextMenu: (_option: TabEventOption) => void;
-    tabSortChange: (_data: TabPaneItem[]) => void;
     tabClick: (_option: TabEventOption) => void;
     tabRemove: (_name: string) => void;
+    tabContextMenu: (_option: TabEventOption) => void;
+    tabSortChange: (_data: TabPaneItem[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 页签数据 */
     tabs: PropType<TabPaneItem[]>;
@@ -60,10 +60,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     /** 是否支持拖动排序 */
     tabSortable: BooleanConstructor;
 }>> & Readonly<{
-    onTabContextMenu?: ((_option: TabEventOption) => any) | undefined;
-    onTabSortChange?: ((_data: TabPaneItem[]) => any) | undefined;
     onTabClick?: ((_option: TabEventOption) => any) | undefined;
     onTabRemove?: ((_name: string) => any) | undefined;
+    onTabContextMenu?: ((_option: TabEventOption) => any) | undefined;
+    onTabSortChange?: ((_data: TabPaneItem[]) => any) | undefined;
 }>, {
     fixedHome: boolean;
     isHome: boolean;

package/es/ele-admin-layout/index.d.ts

@@ -41,6 +41,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<boolean | import('../ele-app/plus').EleBreadcrumbProps>;
         default: boolean;
     };
+    breadcrumbStyle: import('vue').PropType<import('../ele-app/types').StyleValues>;
     backTop: {
         type: import('vue').PropType<boolean | import('../ele-app/plus').EleBacktopProps>;
         default: boolean;
@@ -130,10 +131,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     sideboxMenuRef: import('vue').ShallowRef<EleMenusInstance, EleMenusInstance>;
     getContentEl: () => HTMLElement | null;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    tabContextMenu: (_option: TabEventOption) => void;
-    tabSortChange: (_data: TabPaneItem[]) => void;
     tabClick: (_option: TabEventOption) => void;
     tabRemove: (_name: string) => void;
+    tabContextMenu: (_option: TabEventOption) => void;
+    tabSortChange: (_data: TabPaneItem[]) => void;
     "update:collapse": (_collapse: boolean) => void;
     logoClick: (_e: MouseEvent) => void;
     headMenuOpen: (_index: string, _indexPath: string[]) => void;
@@ -179,6 +180,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<boolean | import('../ele-app/plus').EleBreadcrumbProps>;
         default: boolean;
     };
+    breadcrumbStyle: import('vue').PropType<import('../ele-app/types').StyleValues>;
     backTop: {
         type: import('vue').PropType<boolean | import('../ele-app/plus').EleBacktopProps>;
         default: boolean;
@@ -264,10 +266,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
     mobile: BooleanConstructor;
 }>> & Readonly<{
-    onTabContextMenu?: ((_option: TabEventOption) => any) | undefined;
-    onTabSortChange?: ((_data: TabPaneItem[]) => any) | undefined;
     onTabClick?: ((_option: TabEventOption) => any) | undefined;
     onTabRemove?: ((_name: string) => any) | undefined;
+    onTabContextMenu?: ((_option: TabEventOption) => any) | undefined;
+    onTabSortChange?: ((_data: TabPaneItem[]) => any) | undefined;
     "onUpdate:collapse"?: ((_collapse: boolean) => any) | undefined;
     onLogoClick?: ((_e: MouseEvent) => any) | undefined;
     onHeadMenuOpen?: ((_index: string, _indexPath: string[]) => any) | undefined;

package/es/ele-admin-layout/index.js

@@ -13,16 +13,12 @@ const _hoisted_2 = {
   class: "ele-admin-tools"
 };
 const _hoisted_3 = {
-  key: 2,
-  class: "ele-admin-breadcrumb"
-};
-const _hoisted_4 = {
   key: 5,
   class: "ele-admin-tools"
 };
+const _hoisted_4 = ["src"];
 const _hoisted_5 = ["src"];
-const _hoisted_6 = ["src"];
-const _hoisted_7 = ["data-id"];
+const _hoisted_6 = ["data-id"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ name: "EleAdminLayout" },
   __name: "index",
@@ -323,11 +319,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _ctx.$slots.left ? (openBlock(), createElementBlock("div", _hoisted_2, [
               renderSlot(_ctx.$slots, "left")
             ])) : createCommentVNode("", true),
-            _ctx.breadcrumb ? (openBlock(), createElementBlock("div", _hoisted_3, [
+            _ctx.breadcrumb ? (openBlock(), createElementBlock("div", {
+              key: 2,
+              class: "ele-admin-breadcrumb",
+              style: normalizeStyle(_ctx.breadcrumbStyle)
+            }, [
               renderSlot(_ctx.$slots, "breadcrumb", {}, () => [
                 _ctx.levels && _ctx.levels.length ? (openBlock(), createBlock(EleBreadcrumb, mergeProps({ key: 0 }, _ctx.breadcrumb === true ? {} : _ctx.breadcrumb, { items: _ctx.levels }), null, 16, ["items"])) : createCommentVNode("", true)
               ])
-            ])) : createCommentVNode("", true),
+            ], 4)) : createCommentVNode("", true),
             renderSlot(_ctx.$slots, "center"),
             !showHeaderTabs.value || showHeaderMenus.value ? (openBlock(), createElementBlock("div", {
               key: 3,
@@ -393,7 +393,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 };
               })
             ]), 1032, ["tabs", "active", "fixedHome", "homePath", "isHome", "tabStyle", "tabContextMenu", "tabContextMenus", "tabSortable", "class", "style"])) : createCommentVNode("", true),
-            _ctx.$slots.right ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            _ctx.$slots.right ? (openBlock(), createElementBlock("div", _hoisted_3, [
               renderSlot(_ctx.$slots, "right")
             ])) : createCommentVNode("", true)
           ], 38)) : createCommentVNode("", true)
@@ -433,7 +433,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 onClick: handleLogoClick
               }, [
                 renderSlot(_ctx.$slots, "logo", {}, () => [
-                  createElementVNode("img", { src: _ctx.logoSrc }, null, 8, _hoisted_5)
+                  createElementVNode("img", { src: _ctx.logoSrc }, null, 8, _hoisted_4)
                 ])
               ], 4)) : createCommentVNode("", true),
               renderSlot(_ctx.$slots, "boxTop"),
@@ -507,7 +507,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 onClick: handleLogoClick
               }, [
                 _ctx.logoSrc || _ctx.$slots.logo ? renderSlot(_ctx.$slots, "logo", { key: 0 }, () => [
-                  createElementVNode("img", { src: _ctx.logoSrc }, null, 8, _hoisted_6)
+                  createElementVNode("img", { src: _ctx.logoSrc }, null, 8, _hoisted_5)
                 ]) : createCommentVNode("", true),
                 _ctx.logoTitle || _ctx.$slots.logoTitle ? renderSlot(_ctx.$slots, "logoTitle", { key: 1 }, () => [
                   createElementVNode("h1", null, toDisplayString(_ctx.logoTitle), 1)
@@ -611,7 +611,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ref: modalsRef,
             class: "ele-admin-modals",
             "data-id": param?.key
-          }, null, 8, _hoisted_7)
+          }, null, 8, _hoisted_6)
         ]),
         default: withCtx(() => [
           createElementVNode("div", {

package/es/ele-admin-layout/props.d.ts

@@ -1,5 +1,5 @@
 import { PropType, ExtractPropTypes, InjectionKey } from 'vue';
-import { StyleValue, ClassValues } from '../ele-app/types';
+import { StyleValue, StyleValues, ClassValues } from '../ele-app/types';
 import { EleMenusProps, EleBreadcrumbProps, EleBacktopProps, EleDropdownProps } from '../ele-app/plus';
 import { MenuItem, MenuItemClickType } from '../ele-menus/types';
 import { BreadcrumbItem } from '../ele-breadcrumb/types';
@@ -49,6 +49,8 @@ export declare const adminLayoutProps: {
         type: PropType<boolean | EleBreadcrumbProps>;
         default: boolean;
     };
+    /** 面包屑导航样式 */
+    breadcrumbStyle: PropType<StyleValues>;
     /** 是否需要返回顶部 */
     backTop: {
         type: PropType<boolean | EleBacktopProps>;

package/es/ele-admin-layout/props.js

@@ -38,6 +38,8 @@ const adminLayoutProps = {
     type: [Boolean, Object],
     default: true
   },
+  /** 面包屑导航样式 */
+  breadcrumbStyle: [String, Object, Array],
   /** 是否需要返回顶部 */
   backTop: {
     type: [Boolean, Object],

package/es/ele-autocomplete/index.js

@@ -14,6 +14,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     placement: {},
     popperClass: {},
     popperStyle: { type: [Boolean, null, String, Object, Array] },
+    popperOptions: {},
+    showArrow: { type: Boolean },
     triggerOnFocus: { type: Boolean },
     selectWhenUnmatched: { type: Boolean },
     hideLoading: { type: Boolean },

package/es/ele-basic-select/components/select-view.d.ts

@@ -89,9 +89,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     focus: (_e: FocusEvent) => void;
     blur: (_e: FocusEvent) => void;
     clear: () => void;
+    removeTag: (_item: SelectedItem) => void;
     "update:visible": (_visible: boolean) => void;
     filterChange: (_value: string) => void;
-    removeTag: (_item: SelectedItem) => void;
     inputClick: (_e: MouseEvent) => void;
     wrapClick: (_isCustom?: boolean | undefined) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -151,9 +151,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     onFocus?: ((_e: FocusEvent) => any) | undefined;
     onBlur?: ((_e: FocusEvent) => any) | undefined;
     onClear?: (() => any) | undefined;
+    onRemoveTag?: ((_item: SelectedItem) => any) | undefined;
     "onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
     onFilterChange?: ((_value: string) => any) | undefined;
-    onRemoveTag?: ((_item: SelectedItem) => any) | undefined;
     onInputClick?: ((_e: MouseEvent) => any) | undefined;
     onWrapClick?: ((_isCustom?: boolean | undefined) => any) | undefined;
 }>, {
@@ -161,7 +161,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     disabled: boolean;
     clearable: boolean;
     visible: boolean;
-    placement: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined;
+    placement: import('element-plus/es/utils/vue/props/types').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined;
     persistent: boolean;
     transition: string;
     teleported: boolean;

package/es/ele-basic-select/index.d.ts

@@ -69,9 +69,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     clear: () => void;
     blur: (_e: FocusEvent) => void;
     focus: (_e: FocusEvent) => void;
+    removeTag: (_item: SelectedItem) => void;
     "update:visible": (_visible: boolean) => void;
     filterChange: (_value: string) => void;
-    removeTag: (_item: SelectedItem) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     value: {
         type: import('vue').PropType<import('./types').SelectValue>;
@@ -129,15 +129,15 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     onClear?: (() => any) | undefined;
     onBlur?: ((_e: FocusEvent) => any) | undefined;
     onFocus?: ((_e: FocusEvent) => any) | undefined;
+    onRemoveTag?: ((_item: SelectedItem) => any) | undefined;
     "onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
     onFilterChange?: ((_value: string) => any) | undefined;
-    onRemoveTag?: ((_item: SelectedItem) => any) | undefined;
 }>, {
     transition: string;
     disabled: boolean;
     clearable: boolean;
     visible: boolean;
-    placement: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined;
+    placement: import('element-plus/es/utils/vue/props/types').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined;
     persistent: boolean;
     teleported: boolean;
     value: import('./types').SelectValue;

package/es/ele-breadcrumb/index.d.ts

@@ -13,7 +13,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         required: boolean;
     };
     separatorIcon: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component) | (((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component)) | null)[], unknown, unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/vue/props/types').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component) | (((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -30,7 +30,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         required: boolean;
     };
     separatorIcon: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component) | (((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component)) | null)[], unknown, unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/vue/props/types').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component) | (((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;

package/es/ele-breadcrumb/props.d.ts

@@ -15,7 +15,7 @@ export declare const breadcrumbProps: {
         required: boolean;
     };
     separatorIcon: {
-        readonly type: PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component) | (((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component)) | null)[], unknown, unknown>>;
+        readonly type: PropType<import('element-plus/es/utils/vue/props/types').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component) | (((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;

package/es/ele-cascader/index.js

@@ -37,8 +37,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     showCheckedStrategy: {},
     checkOnClickNode: { type: Boolean },
     showPrefix: { type: Boolean },
+    fitInputWidth: { type: [Boolean, Number] },
     modelValue: {},
     props: {},
+    virtualScroll: { type: Boolean },
+    itemSize: {},
+    height: {},
     emptyValues: {},
     valueOnClear: { type: [String, Number, Boolean, Function, null] }
   },

package/es/ele-chat/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, onBeforeUnmount, shallowReactive, provide, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createElementVNode, renderSlot, createCommentVNode, toDisplayString, createVNode, withCtx, createBlock, mergeProps, createTextVNode, createSlots, renderList, normalizeProps, guardReactiveProps, Fragment } from "vue";
+import { defineComponent, ref, computed, watch, onBeforeUnmount, shallowReactive, provide, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createElementVNode, renderSlot, createCommentVNode, toDisplayString, createVNode, withCtx, createBlock, mergeProps, createTextVNode, createSlots, renderList, normalizeProps, guardReactiveProps, Fragment } from "vue";
 import { ElIcon, ElButton } from "element-plus";
 import { SideFoldOutlined, MessageAddOutlined, SideExpandOutlined, ArrowDown } from "../icons/index";
 import { findTree } from "../utils/common";
@@ -9,6 +9,7 @@ import { useDropdownProviderPro } from "../ele-dropdown-provider/util";
 import { useResponsive } from "../ele-pro-layout/util";
 import EleImageViewer from "../ele-image-viewer/index";
 import EleTooltip from "../ele-tooltip/index";
+import EleDropdown from "../ele-dropdown/index";
 import MainContent from "../ele-loading/components/main-content";
 import ChatConversations from "./components/chat-conversations";
 import ChatBubble from "./components/chat-bubble";
@@ -336,7 +337,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       removeTooltip
     });
     return (_ctx, _cache) => {
-      const _component_EleDropdown = resolveComponent("EleDropdown");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["ele-chat ele-chat-wrapper", {
           "is-collapse": sideCollapse.value,
@@ -492,8 +492,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, [
             renderSlot(_ctx.$slots, "content"),
             createVNode(MainContent, { class: "ele-chat-bubble-list" }, {
-              default: withCtx((slotProps) => [
-                _ctx.messages?.length && slotProps?.["size"] == 1 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.messages, (item) => {
+              default: withCtx((contentProps) => [
+                _ctx.messages?.length && contentProps?.["size"] == 1 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.messages, (item) => {
                   return openBlock(), createBlock(ChatBubble, {
                     key: item.key ?? item.content,
                     item,
@@ -514,8 +514,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     renderList(Object.keys(_ctx.$slots), (name) => {
                       return {
                         name,
-                        fn: withCtx((slotProps2) => [
-                          renderSlot(_ctx.$slots, name, mergeProps({ ref_for: true }, slotProps2 || {}))
+                        fn: withCtx((slotProps) => [
+                          renderSlot(_ctx.$slots, name, mergeProps({ ref_for: true }, slotProps || {}))
                         ])
                       };
                     })
@@ -588,7 +588,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           modelValue: previewVisible.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => previewVisible.value = $event)
         }), null, 16, ["modelValue"])) : createCommentVNode("", true),
-        unref(dropdownVirtualRef) ? (openBlock(), createBlock(_component_EleDropdown, mergeProps({ key: 2 }, unref(dropdownMergedProps), {
+        unref(dropdownVirtualRef) ? (openBlock(), createBlock(EleDropdown, mergeProps({ key: 2 }, unref(dropdownMergedProps), {
           ref_key: "dropdownRef",
           ref: dropdownRef,
           persistent: false,

package/es/ele-checkbox-group/index.d.ts

@@ -6,21 +6,21 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     type: import('vue').PropType<import('./types').CheckboxType>;
     options: import('vue').PropType<CheckboxOption[] | import('./types').CheckboxOptionFunction>;
     ariaLabel: StringConstructor;
-    modelValue: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').CheckboxGroupValueType) | (() => import('element-plus').CheckboxGroupValueType) | (((new (...args: any[]) => import('element-plus').CheckboxGroupValueType) | (() => import('element-plus').CheckboxGroupValueType)) | null)[], unknown, unknown, () => never[], boolean>;
-    disabled: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    modelValue: import('element-plus/es/utils/vue/props/types').EpPropFinalized<(new (...args: any[]) => import('element-plus').CheckboxGroupValueType) | (() => import('element-plus').CheckboxGroupValueType) | (((new (...args: any[]) => import('element-plus').CheckboxGroupValueType) | (() => import('element-plus').CheckboxGroupValueType)) | null)[], unknown, unknown, () => never[], boolean>;
+    disabled: import('element-plus/es/utils/vue/props/types').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     min: NumberConstructor;
     max: NumberConstructor;
     size: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/vue/props/types').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     fill: StringConstructor;
     textColor: StringConstructor;
-    tag: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
-    validateEvent: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    props: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => {
+    tag: import('element-plus/es/utils/vue/props/types').EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
+    validateEvent: import('element-plus/es/utils/vue/props/types').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    props: import('element-plus/es/utils/vue/props/types').EpPropFinalized<(new (...args: any[]) => {
         value?: string;
         label?: string;
         disabled?: string;
@@ -51,21 +51,21 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     type: import('vue').PropType<import('./types').CheckboxType>;
     options: import('vue').PropType<CheckboxOption[] | import('./types').CheckboxOptionFunction>;
     ariaLabel: StringConstructor;
-    modelValue: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').CheckboxGroupValueType) | (() => import('element-plus').CheckboxGroupValueType) | (((new (...args: any[]) => import('element-plus').CheckboxGroupValueType) | (() => import('element-plus').CheckboxGroupValueType)) | null)[], unknown, unknown, () => never[], boolean>;
-    disabled: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    modelValue: import('element-plus/es/utils/vue/props/types').EpPropFinalized<(new (...args: any[]) => import('element-plus').CheckboxGroupValueType) | (() => import('element-plus').CheckboxGroupValueType) | (((new (...args: any[]) => import('element-plus').CheckboxGroupValueType) | (() => import('element-plus').CheckboxGroupValueType)) | null)[], unknown, unknown, () => never[], boolean>;
+    disabled: import('element-plus/es/utils/vue/props/types').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     min: NumberConstructor;
     max: NumberConstructor;
     size: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/vue/props/types').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     fill: StringConstructor;
     textColor: StringConstructor;
-    tag: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
-    validateEvent: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    props: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => {
+    tag: import('element-plus/es/utils/vue/props/types').EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
+    validateEvent: import('element-plus/es/utils/vue/props/types').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    props: import('element-plus/es/utils/vue/props/types').EpPropFinalized<(new (...args: any[]) => {
         value?: string;
         label?: string;
         disabled?: string;
@@ -90,9 +90,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     onChange?: ((val: import('element-plus').CheckboxValueType[]) => any) | undefined;
     "onUpdate:modelValue"?: ((val: import('element-plus').CheckboxGroupValueType) => any) | undefined;
 }>, {
-    disabled: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    disabled: import('element-plus/es/utils/vue/props/types').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     modelValue: import('element-plus').CheckboxGroupValueType;
-    validateEvent: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    validateEvent: import('element-plus/es/utils/vue/props/types').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     props: {
         value?: string;
         label?: string;

package/es/ele-checkbox-group/props.d.ts

@@ -11,21 +11,21 @@ export declare const checkboxGroupProps: {
     /** 选项数据 */
     options: PropType<CheckboxOption[] | CheckboxOptionFunction>;
     ariaLabel: StringConstructor;
-    modelValue: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').CheckboxGroupValueType) | (() => import('element-plus').CheckboxGroupValueType) | (((new (...args: any[]) => import('element-plus').CheckboxGroupValueType) | (() => import('element-plus').CheckboxGroupValueType)) | null)[], unknown, unknown, () => never[], boolean>;
-    disabled: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    modelValue: import('element-plus/es/utils/vue/props/types').EpPropFinalized<(new (...args: any[]) => import('element-plus').CheckboxGroupValueType) | (() => import('element-plus').CheckboxGroupValueType) | (((new (...args: any[]) => import('element-plus').CheckboxGroupValueType) | (() => import('element-plus').CheckboxGroupValueType)) | null)[], unknown, unknown, () => never[], boolean>;
+    disabled: import('element-plus/es/utils/vue/props/types').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     min: NumberConstructor;
     max: NumberConstructor;
     size: {
-        readonly type: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly type: PropType<import('element-plus/es/utils/vue/props/types').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     fill: StringConstructor;
     textColor: StringConstructor;
-    tag: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
-    validateEvent: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    props: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => {
+    tag: import('element-plus/es/utils/vue/props/types').EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
+    validateEvent: import('element-plus/es/utils/vue/props/types').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    props: import('element-plus/es/utils/vue/props/types').EpPropFinalized<(new (...args: any[]) => {
         value?: string;
         label?: string;
         disabled?: string;

package/es/ele-crud/components/edit-modal.d.ts

@@ -2,7 +2,7 @@ import { PropType } from 'vue';
 import { UserComponent } from '../../ele-app/types';
 import { DataItem } from '../../ele-data-table/types';
 import { ProFormItemTypeData, ScreenSize } from '../../ele-pro-form/types';
-import { EditConfig, CrudField, EditApi, GetFieldsFormItemsFunction, GetAndCacheCodeFunction } from '../types';
+import { EditConfig, ListConfig, CrudField, EditApi, DetailApi, GetFieldsFormItemsFunction, GetAndCacheCodeFunction } from '../types';
 
 declare function __VLS_template(): Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>>;
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -14,6 +14,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     title: StringConstructor;
     /** 编辑配置 */
     editConfig: PropType<EditConfig>;
+    /** 列表配置 */
+    listConfig: PropType<ListConfig>;
     /** 字段数据 */
     fields: PropType<CrudField[]>;
     /** 获取字段数据对应的表单项的方法 */
@@ -27,6 +29,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     proFormComponent: PropType<UserComponent>;
     /** 修改数据接口 */
     editApi: PropType<EditApi | string>;
+    /** 详情接口 */
+    detailApi: PropType<DetailApi | string>;
     /** 高级表单组件类型数据 */
     itemTypeData: PropType<ProFormItemTypeData[]>;
     /** 远程数据源请求工具 */
@@ -37,6 +41,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     "update:modelValue": (_visible?: boolean | undefined) => void;
     editError: (_e: Error) => void;
     editDone: (_msg?: string | undefined) => void;
+    detailError: (_e: Error) => void;
+    detailDone: (_data?: DataItem | undefined) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 弹窗是否打开 */
     modelValue: PropType<boolean>;
@@ -46,6 +52,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     title: StringConstructor;
     /** 编辑配置 */
     editConfig: PropType<EditConfig>;
+    /** 列表配置 */
+    listConfig: PropType<ListConfig>;
     /** 字段数据 */
     fields: PropType<CrudField[]>;
     /** 获取字段数据对应的表单项的方法 */
@@ -59,6 +67,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     proFormComponent: PropType<UserComponent>;
     /** 修改数据接口 */
     editApi: PropType<EditApi | string>;
+    /** 详情接口 */
+    detailApi: PropType<DetailApi | string>;
     /** 高级表单组件类型数据 */
     itemTypeData: PropType<ProFormItemTypeData[]>;
     /** 远程数据源请求工具 */
@@ -69,6 +79,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     "onUpdate:modelValue"?: ((_visible?: boolean | undefined) => any) | undefined;
     onEditError?: ((_e: Error) => any) | undefined;
     onEditDone?: ((_msg?: string | undefined) => any) | undefined;
+    onDetailError?: ((_e: Error) => any) | undefined;
+    onDetailDone?: ((_data?: DataItem | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/es/ele-crud/components/edit-modal.js

@@ -1,5 +1,6 @@
 import { defineComponent, ref, reactive, computed, watch, openBlock, createBlock, mergeProps, createSlots, withCtx, resolveDynamicComponent, renderList, unref, renderSlot, normalizeProps, guardReactiveProps, createVNode } from "vue";
 import { getSlotsMap } from "../../utils/common";
+import { getValue } from "../../ele-data-table/util";
 import EleModal from "../../ele-modal/index";
 import EleProForm from "../../ele-pro-form/index";
 import { setValue, mergeValue, getFormInitValue } from "../../ele-pro-form/util";
@@ -17,6 +18,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     title: String,
     /** 编辑配置 */
     editConfig: Object,
+    /** 列表配置 */
+    listConfig: Object,
     /** 字段数据 */
     fields: Array,
     /** 获取字段数据对应的表单项的方法 */
@@ -30,6 +33,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     proFormComponent: [String, Object, Function],
     /** 修改数据接口 */
     editApi: [Function, String],
+    /** 详情接口 */
+    detailApi: [Function, String],
     /** 高级表单组件类型数据 */
     itemTypeData: Array,
     /** 远程数据源请求工具 */
@@ -43,7 +48,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     /** 编辑保存失败事件 */
     editError: (_e) => true,
     /** 编辑保存成功事件 */
-    editDone: (_msg) => true
+    editDone: (_msg) => true,
+    /** 详情查询失败事件 */
+    detailError: (_e) => true,
+    /** 详情查询成功事件 */
+    detailDone: (_data) => true
   },
   setup(__props, { emit: __emit }) {
     const props = __props;
@@ -127,11 +136,36 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return items;
     });
+    const queryDetailData = () => {
+      if (!props.detailApi) {
+        return;
+      }
+      const detailApiFunc = typeof props.detailApi === "function" ? props.detailApi : props.detailApi.startsWith(codeStringPrefix) ? props.getAndCacheCode(props.detailApi) : void 0;
+      if (!detailApiFunc) {
+        return;
+      }
+      loading.value = true;
+      const rowKey = props.listConfig?.tableProps?.rowKey;
+      const dataKey = rowKey ? getValue(props.data, rowKey) : void 0;
+      detailApiFunc(dataKey, props.data).then((data) => {
+        loading.value = false;
+        handleResetEditForm(data);
+        emit("detailDone", data);
+      }).catch((e) => {
+        loading.value = false;
+        emit("detailError", e);
+      });
+    };
     watch(
       () => props.modelValue,
       (visible) => {
         if (visible) {
-          handleResetEditForm(props.data);
+          if (!props.detailApi) {
+            handleResetEditForm(props.data);
+          } else {
+            handleResetEditForm();
+            queryDetailData();
+          }
         }
       }
     );