90 lines
2.3 KiB
TypeScript
90 lines
2.3 KiB
TypeScript
import type {
|
||
CheckboxGroupProps,
|
||
CheckboxProps,
|
||
DatePickerProps,
|
||
DividerProps,
|
||
ElTimePicker,
|
||
ElTreeSelect,
|
||
InputNumberProps,
|
||
InputProps,
|
||
RadioGroupProps,
|
||
SelectV2Props,
|
||
SpaceProps,
|
||
SwitchProps,
|
||
UploadProps,
|
||
} from 'element-plus';
|
||
|
||
import type { Component } from 'vue';
|
||
|
||
import type {
|
||
ApiComponentSharedProps,
|
||
VbenFormSchema as CoreFormSchema,
|
||
IconPickerProps,
|
||
} from '@vben/common-ui';
|
||
|
||
import type { ComponentType } from './component';
|
||
|
||
type ElTreeSelectSchemaProps = InstanceType<typeof ElTreeSelect>['$props'];
|
||
type ElTimePickerSchemaProps = InstanceType<typeof ElTimePicker>['$props'];
|
||
|
||
type ComponentPropsFnArgs = Parameters<
|
||
Extract<
|
||
NonNullable<CoreFormSchema<ComponentType>['componentProps']>,
|
||
(...args: any) => any
|
||
>
|
||
>;
|
||
|
||
/**
|
||
* 使用适配器里为各 `component` 声明的 Props 类型 `P`；
|
||
* 与 `Record<string, any>` 相交以兼容核心库 `MaybeComponentProps` 的索引签名。
|
||
*/
|
||
type ComponentProps<P> =
|
||
| ((
|
||
value: ComponentPropsFnArgs[0],
|
||
actions: ComponentPropsFnArgs[1],
|
||
) => P & Record<string, any>)
|
||
| (P & Record<string, any>);
|
||
|
||
/**
|
||
* 与 {@link ComponentType} 中注册的组件名一一对应，便于 Schema 上 `component` + `componentProps` 联动提示
|
||
*/
|
||
interface ComponentPropsMap {
|
||
ApiSelect: ApiComponentSharedProps & SelectV2Props;
|
||
ApiTreeSelect: ApiComponentSharedProps & ElTreeSelectSchemaProps;
|
||
Checkbox: CheckboxProps;
|
||
CheckboxGroup: CheckboxGroupProps;
|
||
DatePicker: DatePickerProps;
|
||
Divider: DividerProps;
|
||
IconPicker: IconPickerProps;
|
||
Input: InputProps;
|
||
InputNumber: InputNumberProps;
|
||
RadioGroup: RadioGroupProps;
|
||
Select: SelectV2Props;
|
||
Space: SpaceProps;
|
||
Switch: SwitchProps;
|
||
TimePicker: ElTimePickerSchemaProps;
|
||
TreeSelect: ElTreeSelectSchemaProps;
|
||
Upload: UploadProps;
|
||
}
|
||
|
||
type BaseSchema = Omit<
|
||
CoreFormSchema<ComponentType>,
|
||
'component' | 'componentProps'
|
||
>;
|
||
|
||
type RegisteredName = keyof ComponentPropsMap;
|
||
|
||
type DiscriminatedFormSchema = {
|
||
[K in RegisteredName]: BaseSchema & {
|
||
component: K;
|
||
componentProps?: ComponentProps<ComponentPropsMap[K]>;
|
||
};
|
||
}[RegisteredName];
|
||
|
||
type FallbackFormSchema = BaseSchema & {
|
||
component: Component | Exclude<ComponentType, RegisteredName>;
|
||
componentProps?: CoreFormSchema<ComponentType>['componentProps'];
|
||
};
|
||
|
||
export type VbenFormSchema = DiscriminatedFormSchema | FallbackFormSchema;
|