import type { VNode, CSSProperties } from 'vue';
|
import type { CollapseContainerOptions } from '/@/components/Container/index';
|
import type { DescriptionsProps } from 'ant-design-vue/es/descriptions/index';
|
|
export interface DescItem {
|
labelMinWidth?: number;
|
contentMinWidth?: number;
|
labelStyle?: CSSProperties;
|
field: string;
|
label: string | VNode | JSX.Element;
|
// Merge column
|
span?: number;
|
show?: (...arg: any) => boolean;
|
// render
|
render?: (
|
val: any,
|
data: Recordable,
|
) => VNode | undefined | JSX.Element | Element | string | number;
|
}
|
|
export interface DescriptionProps extends DescriptionsProps {
|
// Whether to include the collapse component
|
useCollapse?: boolean;
|
/**
|
* item configuration
|
* @type DescItem
|
*/
|
schema: DescItem[];
|
/**
|
* 数据
|
* @type object
|
*/
|
data: Recordable;
|
/**
|
* Built-in CollapseContainer component configuration
|
* @type CollapseContainerOptions
|
*/
|
collapseOptions?: CollapseContainerOptions;
|
}
|
|
export interface DescInstance {
|
setDescProps(descProps: Partial<DescriptionProps>): void;
|
}
|
|
export type Register = (descInstance: DescInstance) => void;
|
|
/**
|
* @description:
|
*/
|
export type UseDescReturnType = [Register, DescInstance];
|
