ele-admin-plus 1.5.1-beta.4 → 1.6.0-beta.2

package/lib/ele-cropper/types.d.ts

@@ -1,15 +1,4 @@
 import type { Component } from 'vue';
-import type Cropper from 'cropperjs';
-
-/**
- * 上传事件参数
- */
-export interface UploadOption {
-  /** 文件数据 */
-  data?: string | ArrayBuffer | null;
-  /** 文件类型 */
-  type: string;
-}
 
 /**
  * 操作按钮名称
@@ -54,27 +43,13 @@ export interface ToolGroup {
 }
 
 /**
- * 裁剪组件参数
- */
-export type CropperOptions = Partial<Cropper.Options<HTMLImageElement>> | null;
-
-/**
- * 裁剪方法参数
- */
-export type CroppedOptions = Partial<Cropper.GetCroppedCanvasOptions> | null;
-
-/**
- * 实例状态
+ * 上传事件参数
  */
-export interface CurrentState {
-  /** 裁剪组件实例 */
-  instance?: Cropper | null;
-  /** 当前图片类型 */
-  imageType?: string;
-  /** 水平翻转值 */
-  scaleXValue: number;
-  /** 垂直翻转值 */
-  scaleYValue: number;
+export interface UploadOption {
+  /** 文件数据 */
+  data?: string | null;
+  /** 文件类型 */
+  type: string;
 }
 
 /**

package/lib/ele-cropper-modal/index.cjs

@@ -16,12 +16,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const updateModelValue = (value) => {
       emit("update:modelValue", value);
     };
+    const handleInit = (cropperInstance) => {
+      emit("init", cropperInstance);
+    };
     const handleDone = (result) => {
       emit("done", result);
     };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(EleModal, vue.mergeProps({
-        width: "620px",
+        width: "660px",
         title: vue.unref(lang).title
       }, _ctx.modalProps || {}, {
         modelValue: _ctx.modelValue,
@@ -39,44 +42,26 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             toBlob: _ctx.toBlob,
             options: _ctx.options,
             croppedOptions: _ctx.croppedOptions,
+            aspectRatio: _ctx.aspectRatio,
             tooltip: _ctx.tooltip,
             tooltipProps: _ctx.tooltipProps,
             beforeUploadClick: _ctx.beforeUploadClick,
             responsive: _ctx.responsive,
             locale: _ctx.locale,
+            onInit: handleInit,
             onDone: handleDone
-          }, null, 8, ["height", "src", "imageType", "accept", "tools", "preview", "previewWidth", "toBlob", "options", "croppedOptions", "tooltip", "tooltipProps", "beforeUploadClick", "responsive", "locale"])
+          }, null, 8, ["height", "src", "imageType", "accept", "tools", "preview", "previewWidth", "toBlob", "options", "croppedOptions", "aspectRatio", "tooltip", "tooltipProps", "beforeUploadClick", "responsive", "locale"])
         ]),
         _: 2
       }, [
-        _ctx.$slots.header ? {
-          name: "header",
-          fn: vue.withCtx((slotProps) => [
-            vue.renderSlot(_ctx.$slots, "header", vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
-          ]),
-          key: "0"
-        } : void 0,
-        _ctx.$slots.footer ? {
-          name: "footer",
-          fn: vue.withCtx((slotProps) => [
-            vue.renderSlot(_ctx.$slots, "footer", vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
-          ]),
-          key: "1"
-        } : void 0,
-        _ctx.$slots.maxIcon ? {
-          name: "maxIcon",
-          fn: vue.withCtx((slotProps) => [
-            vue.renderSlot(_ctx.$slots, "maxIcon", vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
-          ]),
-          key: "2"
-        } : void 0,
-        _ctx.$slots.closeIcon ? {
-          name: "closeIcon",
-          fn: vue.withCtx((slotProps) => [
-            vue.renderSlot(_ctx.$slots, "closeIcon", vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
-          ]),
-          key: "3"
-        } : void 0
+        vue.renderList(Object.keys(_ctx.$slots).filter((k) => k !== "default"), (name) => {
+          return {
+            name,
+            fn: vue.withCtx((slotProps) => [
+              vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+            ])
+          };
+        })
       ]), 1040, ["title", "modelValue"]);
     };
   }

package/lib/ele-cropper-modal/index.d.ts

@@ -1,15 +1,6 @@
-declare function __VLS_template(): {
-    header?(_: {
-        close: () => void;
-        titleId: string;
-        titleClass: string;
-    }): any;
-    footer?(_: {}): any;
-    maxIcon?(_: {
-        fullscreen: boolean;
-    }): any;
-    closeIcon?(_: {}): any;
-};
+import { default as Cropper } from 'cropperjs';
+
+declare function __VLS_template(): Partial<Record<string, (_: any) => any>>;
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     modelValue: BooleanConstructor;
     modalProps: import('vue').PropType<Partial<Omit<import('../ele-app/plus').EleModalProps, "modelValue">>>;
@@ -36,8 +27,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: number;
     };
     toBlob: BooleanConstructor;
-    options: import('vue').PropType<import('../ele-cropper/types').CropperOptions>;
-    croppedOptions: import('vue').PropType<import('../ele-cropper/types').CroppedOptions>;
+    options: import('vue').PropType<import('cropperjs').CropperOptions>;
+    croppedOptions: import('vue').PropType<Parameters<import('cropperjs').CropperSelection["$toCanvas"]>[0]>;
+    aspectRatio: NumberConstructor;
     tooltip: {
         type: BooleanConstructor;
         default: boolean;
@@ -50,8 +42,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
     locale: import('vue').PropType<Partial<import('../ele-cropper/types').CropperLocale>>;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    done: (_result: string | Blob | null) => void;
+    done: (_result?: string | Blob | null | undefined) => void;
     "update:modelValue": (_value: boolean) => void;
+    init: (_cropperInstance: Cropper) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: BooleanConstructor;
     modalProps: import('vue').PropType<Partial<Omit<import('../ele-app/plus').EleModalProps, "modelValue">>>;
@@ -78,8 +71,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: number;
     };
     toBlob: BooleanConstructor;
-    options: import('vue').PropType<import('../ele-cropper/types').CropperOptions>;
-    croppedOptions: import('vue').PropType<import('../ele-cropper/types').CroppedOptions>;
+    options: import('vue').PropType<import('cropperjs').CropperOptions>;
+    croppedOptions: import('vue').PropType<Parameters<import('cropperjs').CropperSelection["$toCanvas"]>[0]>;
+    aspectRatio: NumberConstructor;
     tooltip: {
         type: BooleanConstructor;
         default: boolean;
@@ -92,15 +86,16 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
     locale: import('vue').PropType<Partial<import('../ele-cropper/types').CropperLocale>>;
 }>> & Readonly<{
-    onDone?: ((_result: string | Blob | null) => any) | undefined;
+    onDone?: ((_result?: string | Blob | null | undefined) => any) | undefined;
     "onUpdate:modelValue"?: ((_value: boolean) => any) | undefined;
+    onInit?: ((_cropperInstance: Cropper) => any) | undefined;
 }>, {
     modelValue: boolean;
     tooltip: boolean;
     responsive: boolean;
-    tools: string;
-    preview: boolean;
     accept: string;
+    preview: boolean;
+    tools: string;
     imageType: string;
     previewWidth: number;
     toBlob: boolean;

package/lib/ele-cropper-modal/props.cjs

@@ -9,8 +9,7 @@ const cropperModalProps = {
   modalProps: Object
 };
 const cropperModalEmits = {
-  /** 裁剪完成事件 */
-  done: (_result) => true,
+  ...props.cropperEmits,
   /** 更新弹窗显示状态 */
   "update:modelValue": (_value) => true
 };

package/lib/ele-cropper-modal/props.d.ts

@@ -32,8 +32,9 @@ export declare const cropperModalProps: {
         default: number;
     };
     toBlob: BooleanConstructor;
-    options: PropType<import('../ele-cropper/types').CropperOptions>;
-    croppedOptions: PropType<import('../ele-cropper/types').CroppedOptions>;
+    options: PropType<import('cropperjs').CropperOptions>;
+    croppedOptions: PropType<Parameters<import('cropperjs').CropperSelection["$toCanvas"]>[0]>;
+    aspectRatio: NumberConstructor;
     tooltip: {
         type: BooleanConstructor;
         default: boolean;
@@ -51,8 +52,8 @@ export type CropperModalProps = ExtractPropTypes<typeof cropperModalProps>;
  * 事件
  */
 export declare const cropperModalEmits: {
-    /** 裁剪完成事件 */
-    done: (_result: Blob | string | null) => boolean;
     /** 更新弹窗显示状态 */
     'update:modelValue': (_value: boolean) => boolean;
+    init: (_cropperInstance: import('cropperjs').default) => boolean;
+    done: (_result?: Blob | string | null) => boolean;
 };

package/lib/ele-crud/components/edit-modal.cjs

@@ -1,6 +1,7 @@
 "use strict";
 const vue = require("vue");
 const common = require("../../utils/common");
+const util$2 = require("../../ele-data-table/util");
 const EleModal = require("../../ele-modal/index");
 const EleProForm = require("../../ele-pro-form/index");
 const util = require("../../ele-pro-form/util");
@@ -18,6 +19,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     title: String,
     /** 编辑配置 */
     editConfig: Object,
+    /** 列表配置 */
+    listConfig: Object,
     /** 字段数据 */
     fields: Array,
     /** 获取字段数据对应的表单项的方法 */
@@ -31,6 +34,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     proFormComponent: [String, Object, Function],
     /** 修改数据接口 */
     editApi: [Function, String],
+    /** 详情接口 */
+    detailApi: [Function, String],
     /** 高级表单组件类型数据 */
     itemTypeData: Array,
     /** 远程数据源请求工具 */
@@ -44,7 +49,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     /** 编辑保存失败事件 */
     editError: (_e) => true,
     /** 编辑保存成功事件 */
-    editDone: (_msg) => true
+    editDone: (_msg) => true,
+    /** 详情查询失败事件 */
+    detailError: (_e) => true,
+    /** 详情查询成功事件 */
+    detailDone: (_data) => true
   },
   setup(__props, { emit: __emit }) {
     const props = __props;
@@ -128,11 +137,36 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
       return items;
     });
+    const queryDetailData = () => {
+      if (!props.detailApi) {
+        return;
+      }
+      const detailApiFunc = typeof props.detailApi === "function" ? props.detailApi : props.detailApi.startsWith(util$1.codeStringPrefix) ? props.getAndCacheCode(props.detailApi) : void 0;
+      if (!detailApiFunc) {
+        return;
+      }
+      loading.value = true;
+      const rowKey = props.listConfig?.tableProps?.rowKey;
+      const dataKey = rowKey ? util$2.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);
+      });
+    };
     vue.watch(
       () => props.modelValue,
       (visible) => {
         if (visible) {
-          handleResetEditForm(props.data);
+          if (!props.detailApi) {
+            handleResetEditForm(props.data);
+          } else {
+            handleResetEditForm();
+            queryDetailData();
+          }
         }
       }
     );
@@ -181,7 +215,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         btnItems.value.length ? {
           name: "footer",
           fn: vue.withCtx(() => [
-            vue.createVNode(EleButtons, { items: btnItems.value }, null, 8, ["items"])
+            vue.createVNode(vue.unref(EleButtons), { items: btnItems.value }, null, 8, ["items"])
           ]),
           key: "0"
         } : void 0,

package/lib/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/lib/ele-crud/components/table-extra.cjs

@@ -18,6 +18,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     addConfig: [Object, Boolean],
     /** 修改配置 */
     editConfig: [Object, Boolean],
+    /** 列表配置 */
+    listConfig: Object,
     /** 字段数据 */
     fields: Array,
     /** 获取字段数据对应的表单项的方法 */
@@ -31,6 +33,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     addApi: [Function, String],
     /** 修改数据接口 */
     editApi: [Function, String],
+    /** 详情接口 */
+    detailApi: [Function, String],
     /** 高级表单组件类型数据 */
     itemTypeData: Array,
     /** 远程数据源请求工具 */
@@ -57,7 +61,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     /** 修改保存失败事件 */
     editError: (_e) => true,
     /** 修改保存成功事件 */
-    editDone: (_msg) => true
+    editDone: (_msg) => true,
+    /** 详情查询失败事件 */
+    detailError: (_e) => true,
+    /** 详情查询成功事件 */
+    detailDone: (_data) => true
   },
   setup(__props, { emit: __emit }) {
     const slotExcludes = ["default"];
@@ -74,6 +82,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const handleEditDone = (msg) => {
       emit("editDone", msg);
     };
+    const handleDetailError = (e) => {
+      emit("detailError", e);
+    };
+    const handleDetailDone = (data) => {
+      emit("detailDone", data);
+    };
     const handleUpdateAddVisible = (visible) => {
       emit("update:addVisible", visible);
     };
@@ -88,6 +102,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           modelValue: __props.addVisible,
           title: __props.lang.add,
           editConfig: __props.addConfig === true ? {} : __props.addConfig,
+          listConfig: __props.listConfig,
           fields: __props.fields,
           getFieldsEditFormItems: vue.unref(util.getFieldsAddFormItems),
           getAndCacheCode: __props.getAndCacheCode,
@@ -110,23 +125,27 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               ])
             };
           })
-        ]), 1032, ["data", "modelValue", "title", "editConfig", "fields", "getFieldsEditFormItems", "getAndCacheCode", "proFormComponent", "editApi", "itemTypeData", "httpRequest", "screenSize"])) : vue.createCommentVNode("", true),
+        ]), 1032, ["data", "modelValue", "title", "editConfig", "listConfig", "fields", "getFieldsEditFormItems", "getAndCacheCode", "proFormComponent", "editApi", "itemTypeData", "httpRequest", "screenSize"])) : vue.createCommentVNode("", true),
         __props.editConfig !== false ? (vue.openBlock(), vue.createBlock(EditModal, {
           key: 1,
           data: __props.editData,
           modelValue: __props.editVisible,
           title: __props.lang.edit,
           editConfig: __props.editConfig === true ? {} : __props.editConfig,
+          listConfig: __props.listConfig,
           fields: __props.fields,
           getFieldsEditFormItems: vue.unref(util.getFieldsEditFormItems),
           getAndCacheCode: __props.getAndCacheCode,
           proFormComponent: __props.proFormComponent,
           editApi: __props.editApi,
+          detailApi: __props.detailApi,
           itemTypeData: __props.itemTypeData,
           httpRequest: __props.httpRequest,
           screenSize: __props.screenSize,
           onEditError: handleEditError,
           onEditDone: handleEditDone,
+          onDetailError: handleDetailError,
+          onDetailDone: handleDetailDone,
           "onUpdate:modelValue": handleUpdateEditVisible
         }, vue.createSlots({ _: 2 }, [
           vue.renderList(Object.keys(_ctx.$slots).filter(
@@ -139,7 +158,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               ])
             };
           })
-        ]), 1032, ["data", "modelValue", "title", "editConfig", "fields", "getFieldsEditFormItems", "getAndCacheCode", "proFormComponent", "editApi", "itemTypeData", "httpRequest", "screenSize"])) : vue.createCommentVNode("", true),
+        ]), 1032, ["data", "modelValue", "title", "editConfig", "listConfig", "fields", "getFieldsEditFormItems", "getAndCacheCode", "proFormComponent", "editApi", "detailApi", "itemTypeData", "httpRequest", "screenSize"])) : vue.createCommentVNode("", true),
         vue.renderSlot(_ctx.$slots, "default")
       ], 64);
     };

package/lib/ele-crud/components/table-extra.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, BtnClickAction, CrudField, EditApi, GetAndCacheCodeFunction, CrudLocale } from '../types';
+import { EditConfig, ListConfig, BtnClickAction, CrudField, EditApi, DetailApi, GetAndCacheCodeFunction, CrudLocale } from '../types';
 
 declare function __VLS_template(): Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & {
     default?(_: {}): any;
@@ -20,6 +20,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     addConfig: PropType<EditConfig | boolean>;
     /** 修改配置 */
     editConfig: PropType<EditConfig | boolean>;
+    /** 列表配置 */
+    listConfig: PropType<ListConfig>;
     /** 字段数据 */
     fields: PropType<CrudField[]>;
     /** 获取字段数据对应的表单项的方法 */
@@ -33,6 +35,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     addApi: PropType<EditApi | string>;
     /** 修改数据接口 */
     editApi: PropType<EditApi | string>;
+    /** 详情接口 */
+    detailApi: PropType<DetailApi | string>;
     /** 高级表单组件类型数据 */
     itemTypeData: PropType<ProFormItemTypeData[]>;
     /** 远程数据源请求工具 */
@@ -52,6 +56,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     btnClick: (_action: BtnClickAction, _e: MouseEvent, _item?: DataItem | undefined) => void;
     addDone: (_msg?: string | undefined) => void;
     editDone: (_msg?: string | undefined) => void;
+    detailError: (_e: Error) => void;
+    detailDone: (_data?: DataItem | undefined) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 添加弹窗是否打开 */
     addVisible: PropType<boolean>;
@@ -65,6 +71,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     addConfig: PropType<EditConfig | boolean>;
     /** 修改配置 */
     editConfig: PropType<EditConfig | boolean>;
+    /** 列表配置 */
+    listConfig: PropType<ListConfig>;
     /** 字段数据 */
     fields: PropType<CrudField[]>;
     /** 获取字段数据对应的表单项的方法 */
@@ -78,6 +86,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     addApi: PropType<EditApi | string>;
     /** 修改数据接口 */
     editApi: PropType<EditApi | string>;
+    /** 详情接口 */
+    detailApi: PropType<DetailApi | string>;
     /** 高级表单组件类型数据 */
     itemTypeData: PropType<ProFormItemTypeData[]>;
     /** 远程数据源请求工具 */
@@ -97,6 +107,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     onBtnClick?: ((_action: BtnClickAction, _e: MouseEvent, _item?: DataItem | undefined) => any) | undefined;
     onAddDone?: ((_msg?: string | undefined) => 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/lib/ele-crud/index.cjs

@@ -376,6 +376,17 @@ const index = /* @__PURE__ */ vue.defineComponent({
       });
       reloadTable();
     };
+    const handleDetailError = (e) => {
+      const msg = e?.message;
+      if (!msg) {
+        console.error(e);
+      } else {
+        message$1.error({
+          ...props2.messageOptions || {},
+          message: msg
+        });
+      }
+    };
     const handleUpdateAddVisible = (visible) => {
       addVisible.value = visible;
     };
@@ -511,11 +522,13 @@ const index = /* @__PURE__ */ vue.defineComponent({
           "editData": editData.value,
           "addConfig": props2.addConfig,
           "editConfig": props2.editConfig,
+          "listConfig": props2.listConfig,
           "fields": props2.fields,
           "getAndCacheCode": getAndCacheCode,
           "proFormComponent": props2.proFormComponent,
           "addApi": props2.addApi,
           "editApi": props2.editApi,
+          "detailApi": props2.detailApi,
           "itemTypeData": props2.itemTypeData,
           "httpRequest": props2.httpRequest,
           "screenSize": props2.screenSize,
@@ -525,6 +538,7 @@ const index = /* @__PURE__ */ vue.defineComponent({
           "onAddDone": handleAddDone,
           "onEditError": handleEditError,
           "onEditDone": handleEditDone,
+          "onDetailError": handleDetailError,
           "onUpdate:addVisible": handleUpdateAddVisible,
           "onUpdate:editVisible": handleUpdateEditVisible
         }, {

package/lib/ele-crud/index.d.ts

@@ -23,6 +23,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     deleteApi: import('vue').PropType<DeleteApi | string>;
     addApi: import('vue').PropType<import('./types').EditApi | string>;
     editApi: import('vue').PropType<import('./types').EditApi | string>;
+    detailApi: import('vue').PropType<import('./types').DetailApi | string>;
     treeListApi: import('vue').PropType<Array<Record<string, any>> | TreeListApi | string>;
     messageOptions: import('vue').PropType<import('../ele-app/plus').EleMessageOptions>;
     itemTypeData: import('vue').PropType<import('../ele-pro-form/types').ProFormItemTypeData[]>;
@@ -61,6 +62,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     deleteApi: import('vue').PropType<DeleteApi | string>;
     addApi: import('vue').PropType<import('./types').EditApi | string>;
     editApi: import('vue').PropType<import('./types').EditApi | string>;
+    detailApi: import('vue').PropType<import('./types').DetailApi | string>;
     treeListApi: import('vue').PropType<Array<Record<string, any>> | TreeListApi | string>;
     messageOptions: import('vue').PropType<import('../ele-app/plus').EleMessageOptions>;
     itemTypeData: import('vue').PropType<import('../ele-pro-form/types').ProFormItemTypeData[]>;

package/lib/ele-crud/props.cjs

@@ -38,6 +38,8 @@ const crudProps = {
   addApi: [Function, String],
   /** 修改数据接口 */
   editApi: [Function, String],
+  /** 详情接口 */
+  detailApi: [Function, String],
   /** 侧栏树组件数据接口 */
   treeListApi: [Array, Function, String],
   /** 消息提示组件属性 */

package/lib/ele-crud/props.d.ts

@@ -4,7 +4,7 @@ import { EleMessageOptions } from '../ele-app/plus';
 import { DataItem } from '../ele-data-table/types';
 import { Datasource } from '../ele-pro-table/types';
 import { ProFormItemTypeData, ScreenSize } from '../ele-pro-form/types';
-import { CrudField, ListConfig, SearchConfig, EditConfig, PageConfig, DeleteApi, EditApi, TreeListApi, CrudLocale } from './types';
+import { CrudField, ListConfig, SearchConfig, EditConfig, PageConfig, DeleteApi, EditApi, DetailApi, TreeListApi, CrudLocale } from './types';
 
 /**
  * 属性
@@ -41,6 +41,8 @@ export declare const crudProps: {
     addApi: PropType<EditApi | string>;
     /** 修改数据接口 */
     editApi: PropType<EditApi | string>;
+    /** 详情接口 */
+    detailApi: PropType<DetailApi | string>;
     /** 侧栏树组件数据接口 */
     treeListApi: PropType<Array<Record<string, any>> | TreeListApi | string>;
     /** 消息提示组件属性 */

package/lib/ele-crud/types.d.ts

@@ -204,6 +204,14 @@ export type DeleteApi = (
  */
 export type EditApi = (data: DataItem) => Promise<string | undefined>;
 
+/**
+ * 详情接口
+ */
+export type DetailApi = (
+  dataKey?: DataKey,
+  data?: DataItem
+) => Promise<DataItem>;
+
 /**
  * 侧栏树组件数据接口
  */