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

package/es/ele-cropper/props.js

@@ -3,7 +3,7 @@ const cropperProps = {
   height: String,
   /** 图片地址 */
   src: String,
-  /** 图片地址对应的图片类型,如'image/jpeg' */
+  /** 图片地址对应的图片类型, 如 'image/jpeg' */
   imageType: {
     type: String,
     default: "image/png"
@@ -28,18 +28,20 @@ const cropperProps = {
     type: Number,
     default: 98
   },
-  /** 是否返回blob数据 */
+  /** 是否返回 blob 数据 */
   toBlob: Boolean,
-  /** cropperjs的参数 */
+  /** cropperjs 参数 */
   options: Object,
-  /** cropperjs裁剪方法的参数 */
+  /** cropperjs 裁剪方法参数 */
   croppedOptions: Object,
-  /** 是否需要tooltip */
+  /** 裁剪比例 */
+  aspectRatio: Number,
+  /** 是否需要 tooltip */
   tooltip: {
     type: Boolean,
     default: true
   },
-  /** tooltip属性 */
+  /** tooltip 属性 */
   tooltipProps: Object,
   /** 上传按钮点击前的钩子 */
   beforeUploadClick: Function,
@@ -52,6 +54,8 @@ const cropperProps = {
   locale: Object
 };
 const cropperEmits = {
+  /** 初始化完成事件 */
+  init: (_cropperInstance) => true,
   /** 裁剪完成事件 */
   done: (_result) => true
 };

package/es/ele-cropper/style/index.js

@@ -1,6 +1,5 @@
 import "element-plus/es/components/button-group/style/index";
 import "element-plus/es/components/button/style/index";
 import "element-plus/es/components/upload/style/index";
-import "cropperjs/dist/cropper.min.css";
 import "../../ele-tooltip/style/index";
 import "./index.scss";

package/es/ele-cropper/style/index.scss

@@ -4,61 +4,54 @@
 .ele-cropper {
   .ele-cropper-main {
     display: flex;
+    height: 380px;
+    box-sizing: border-box;
+    overflow: hidden;
   }
 
   .ele-cropper-image {
     flex: 1;
-    height: 300px;
+    height: 100%;
+    border-radius: elVar('border-radius', 'base');
     box-sizing: border-box;
-    position: relative;
-
-    & > img {
-      width: auto;
-      height: auto;
-      max-width: 100%;
-      max-height: 100%;
-      position: absolute;
-      top: 0;
-      left: 0;
-    }
-  }
+    overflow: hidden;
 
-  .ele-cropper-image,
-  .ele-cropper-image > .cropper-container,
-  .ele-cropper-image > .cropper-container > .cropper-wrap-box,
-  .ele-cropper-image > .cropper-container > .cropper-drag-box {
-    border-radius: elVar('border-radius', 'base');
-  }
+    & > cropper-canvas {
+      width: 100%;
+      height: 100%;
+    }
 
-  .ele-cropper-image > .cropper-container > .cropper-wrap-box,
-  .ele-cropper-image > .cropper-container > .cropper-drag-box {
-    overflow: hidden;
+    cropper-shade {
+      outline-style: solid;
+      outline-color: rgba(0, 0, 0, 0.6);
+    }
   }
 
   .ele-cropper-previews {
     flex-shrink: 0;
-    text-align: right;
-    font-size: 0;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    box-sizing: border-box;
+    margin-left: 14px;
   }
 
   .ele-cropper-preview {
-    margin-top: 16px;
-    display: inline-block;
+    flex-shrink: 0;
+    width: 100%;
+    margin-bottom: 12px;
     box-sizing: border-box;
     border-radius: elVar('border-radius', 'base');
     border: 1px solid elVar('border-color', 'light');
-    vertical-align: top;
     overflow: hidden;
 
     &.is-circle {
       border-radius: 50%;
     }
-  }
-}
 
-@media screen and (max-width: #{$mobile-max-width}) {
-  .ele-cropper.is-responsive .ele-cropper-previews {
-    display: none;
+    &.is-small {
+      width: 60%;
+    }
   }
 }
 
@@ -115,6 +108,10 @@
 }
 
 @media screen and (max-width: #{$mobile-max-width}) {
+  .ele-cropper.is-responsive .ele-cropper-previews {
+    display: none;
+  }
+
   .ele-cropper.is-responsive .ele-cropper-tool-item:not(:last-child) {
     margin-right: 6px;
   }

package/es/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/es/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/es/ele-cropper-modal/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, mergeProps, unref, createSlots, withCtx, createVNode, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { defineComponent, openBlock, createBlock, mergeProps, unref, createSlots, withCtx, createVNode, renderList, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import { useLocale } from "../ele-config-provider/receiver";
 import EleModal from "../ele-modal/index";
 import EleCropper from "../ele-cropper/index";
@@ -15,12 +15,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const updateModelValue = (value) => {
       emit("update:modelValue", value);
     };
+    const handleInit = (cropperInstance) => {
+      emit("init", cropperInstance);
+    };
     const handleDone = (result) => {
       emit("done", result);
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(EleModal, mergeProps({
-        width: "620px",
+        width: "660px",
         title: unref(lang).title
       }, _ctx.modalProps || {}, {
         modelValue: _ctx.modelValue,
@@ -38,44 +41,26 @@ const _sfc_main = /* @__PURE__ */ 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: withCtx((slotProps) => [
-            renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps(slotProps || {})))
-          ]),
-          key: "0"
-        } : void 0,
-        _ctx.$slots.footer ? {
-          name: "footer",
-          fn: withCtx((slotProps) => [
-            renderSlot(_ctx.$slots, "footer", normalizeProps(guardReactiveProps(slotProps || {})))
-          ]),
-          key: "1"
-        } : void 0,
-        _ctx.$slots.maxIcon ? {
-          name: "maxIcon",
-          fn: withCtx((slotProps) => [
-            renderSlot(_ctx.$slots, "maxIcon", normalizeProps(guardReactiveProps(slotProps || {})))
-          ]),
-          key: "2"
-        } : void 0,
-        _ctx.$slots.closeIcon ? {
-          name: "closeIcon",
-          fn: withCtx((slotProps) => [
-            renderSlot(_ctx.$slots, "closeIcon", normalizeProps(guardReactiveProps(slotProps || {})))
-          ]),
-          key: "3"
-        } : void 0
+        renderList(Object.keys(_ctx.$slots).filter((k) => k !== "default"), (name) => {
+          return {
+            name,
+            fn: withCtx((slotProps) => [
+              renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+            ])
+          };
+        })
       ]), 1040, ["title", "modelValue"]);
     };
   }

package/es/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/es/ele-cropper-modal/props.js

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

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, createBlock, openBlock, mergeProps, createSlots, withCtx, resolveDynamicComponent, renderList, unref, renderSlot, normalizeProps, guardReactiveProps, createVNode } from "vue";
+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();
+          }
         }
       }
     );
@@ -180,7 +214,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         btnItems.value.length ? {
           name: "footer",
           fn: withCtx(() => [
-            createVNode(EleButtons, { items: btnItems.value }, null, 8, ["items"])
+            createVNode(unref(EleButtons), { items: btnItems.value }, null, 8, ["items"])
           ]),
           key: "0"
         } : void 0,

package/es/ele-crud/components/page-side.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, onMounted, createBlock, openBlock, mergeProps, withCtx, createVNode, unref, createSlots, renderList, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { defineComponent, ref, watch, onMounted, openBlock, createBlock, mergeProps, withCtx, createVNode, unref, createSlots, renderList, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import { ElTree, ElEmpty } from "element-plus";
 import { getSlotsMap } from "../../utils/common";
 import EleLoading from "../../ele-loading/index";

package/es/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;