@ftjs/antd 0.3.0 → 0.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/antd-table/ft-antd-table.vue.d.ts +65 -0
- package/dist/antd-table/index.d.ts +3 -0
- package/dist/antd-table/type.d.ts +55 -0
- package/dist/antd-table/use-edit.d.ts +14 -0
- package/dist/form/components/auto-complete.d.ts +1 -1
- package/dist/form/components/cascader.d.ts +1 -1
- package/dist/form/components/checkbox.d.ts +1 -1
- package/dist/form/components/date-picker.d.ts +1 -1
- package/dist/form/components/input-number.d.ts +1 -1
- package/dist/form/components/input.d.ts +1 -1
- package/dist/form/components/mentions.d.ts +1 -1
- package/dist/form/components/radio.d.ts +1 -1
- package/dist/form/components/range-picker.d.ts +1 -1
- package/dist/form/components/rate.d.ts +1 -1
- package/dist/form/components/select.d.ts +1 -1
- package/dist/form/components/slider.d.ts +1 -1
- package/dist/form/components/switch.d.ts +1 -1
- package/dist/form/components/textarea.d.ts +1 -1
- package/dist/form/components/tree-select.d.ts +1 -1
- package/dist/form/components/upload.d.ts +1 -1
- package/dist/form/define-form.d.ts +31 -98
- package/dist/form/form-content.vue.d.ts +17 -0
- package/dist/form/ft-antd-form-search.vue.d.ts +21 -0
- package/dist/form/ft-antd-form.vue.d.ts +20 -0
- package/dist/form/register.d.ts +13 -52
- package/dist/index.d.ts +3 -4
- package/dist/index.js +1033 -837
- package/dist/vxe-table/ft-vxe-table.vue.d.ts +94 -0
- package/dist/vxe-table/index.d.ts +2 -0
- package/dist/vxe-table/types.d.ts +51 -0
- package/package.json +2 -2
- package/dist/antd-table/define-table.d.ts +0 -139
- package/dist/vxe-table/define-vxe-table.d.ts +0 -114
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { FtAntdTableProps } from './type';
|
|
2
|
+
declare const _default: <T extends Record<string, any>, S extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3
|
+
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, never> & FtAntdTableProps<T, S> & Partial<{}>> & import('vue').PublicProps;
|
|
4
|
+
expose(exposed: import('vue').ShallowUnwrapRef<{
|
|
5
|
+
/**
|
|
6
|
+
* 表单示例
|
|
7
|
+
*/
|
|
8
|
+
formRef: Readonly<import('vue').ShallowRef<import('vue').ShallowUnwrapRef<{
|
|
9
|
+
formInstance: import('vue').Ref<import('ant-design-vue').FormInstance | undefined, import('ant-design-vue').FormInstance | undefined>;
|
|
10
|
+
formData: import('vue').WritableComputedRef<any, any>;
|
|
11
|
+
resetToDefault: import('@ftjs/core').ResetToDefault;
|
|
12
|
+
getFormData: import('@ftjs/core').GetFormData<S>;
|
|
13
|
+
setAsDefault: import('@ftjs/core').SetAsDefault<S>;
|
|
14
|
+
}> | null>>;
|
|
15
|
+
/**
|
|
16
|
+
* 刷新表格
|
|
17
|
+
*/
|
|
18
|
+
refresh: () => Promise<void>;
|
|
19
|
+
/**
|
|
20
|
+
* 设置编辑行
|
|
21
|
+
*/
|
|
22
|
+
setEditRow: (row: any) => void;
|
|
23
|
+
/**
|
|
24
|
+
* 当前全部编辑行
|
|
25
|
+
*/
|
|
26
|
+
editRowMap: Map<T, T>;
|
|
27
|
+
/**
|
|
28
|
+
* 取消编辑行
|
|
29
|
+
*/
|
|
30
|
+
cancelEditRow: (row: T) => void;
|
|
31
|
+
/**
|
|
32
|
+
* 保存编辑行
|
|
33
|
+
*/
|
|
34
|
+
saveEditRow: (row: T) => void;
|
|
35
|
+
/**
|
|
36
|
+
* 滚动到指定行
|
|
37
|
+
*/
|
|
38
|
+
scrollToRow: (row: any) => void;
|
|
39
|
+
/**
|
|
40
|
+
* 滚动到指定行索引
|
|
41
|
+
*/
|
|
42
|
+
scrollToIndex: (index: number) => void;
|
|
43
|
+
}>): void;
|
|
44
|
+
attrs: any;
|
|
45
|
+
slots: {
|
|
46
|
+
[x: string]: ((props: any) => any) | undefined;
|
|
47
|
+
[x: number]: ((props: any) => any) | undefined;
|
|
48
|
+
buttons?: ((props: {}) => any) | undefined;
|
|
49
|
+
tools?: ((props: {}) => any) | undefined;
|
|
50
|
+
bodyCell?: ((props: {
|
|
51
|
+
text: any;
|
|
52
|
+
value: any;
|
|
53
|
+
record: Record<string, any>;
|
|
54
|
+
index: number;
|
|
55
|
+
column: import('ant-design-vue').ColumnType<any>;
|
|
56
|
+
}) => any) | undefined;
|
|
57
|
+
};
|
|
58
|
+
emit: {};
|
|
59
|
+
}>) => import('vue').VNode & {
|
|
60
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
61
|
+
};
|
|
62
|
+
export default _default;
|
|
63
|
+
type __VLS_PrettifyLocal<T> = {
|
|
64
|
+
[K in keyof T]: T[K];
|
|
65
|
+
} & {};
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { ValueOf, FtBaseTableProps, FtTableColumn } from '@ftjs/core';
|
|
2
|
+
import { TableColumnType, TableProps as AntTableProps } from 'ant-design-vue';
|
|
3
|
+
import { FtAntdFormSearchProps } from '../form/define-form';
|
|
4
|
+
import { FtAntdFormColumn } from '../form/register';
|
|
5
|
+
import { EditMap } from './column-edit';
|
|
6
|
+
type ExtractType<T> = T extends {
|
|
7
|
+
type: infer U;
|
|
8
|
+
} ? U : never;
|
|
9
|
+
/**
|
|
10
|
+
* 列定义
|
|
11
|
+
*/
|
|
12
|
+
export interface FtAntdTableColumn<T extends Record<string, any>, S extends Record<string, any>> extends FtTableColumn<T, FtAntdFormColumn<S> | ExtractType<FtAntdFormColumn<S>>>, Omit<TableColumnType<T>, "title" | "dataIndex"> {
|
|
13
|
+
/**
|
|
14
|
+
* 行内编辑
|
|
15
|
+
*/
|
|
16
|
+
edit?: keyof EditMap<T> | ValueOf<EditMap<T>>;
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* 内部表格 props
|
|
20
|
+
*/
|
|
21
|
+
interface InternalTableProps<TableData extends Record<string, any>> extends Omit<AntTableProps<TableData>, "columns" | "pagination" | "loading"> {
|
|
22
|
+
}
|
|
23
|
+
export interface FtAntdTableProps<T extends Record<string, any>, S extends Record<string, any> = T> extends FtBaseTableProps<T, FtAntdTableColumn<T, S>, FtAntdFormColumn<S>> {
|
|
24
|
+
/**
|
|
25
|
+
* 是否初始化搜索
|
|
26
|
+
*
|
|
27
|
+
* @default true
|
|
28
|
+
*/
|
|
29
|
+
initSearch?: boolean;
|
|
30
|
+
/**
|
|
31
|
+
* 是否自适应父元素(flex布局)剩余高度
|
|
32
|
+
*
|
|
33
|
+
* 如果为true,则table会占据父元素的剩余高度,此时可以通过 {@link minHeight} 控制最小高度,避免高度不够展示内容
|
|
34
|
+
* @default true
|
|
35
|
+
*/
|
|
36
|
+
fitFlexHeight?: boolean;
|
|
37
|
+
/**
|
|
38
|
+
* 自适应父元素(flex布局)剩余高度时,最小高度
|
|
39
|
+
* @default 210
|
|
40
|
+
*/
|
|
41
|
+
minHeight?: number;
|
|
42
|
+
/**
|
|
43
|
+
* 是否隐藏分页
|
|
44
|
+
* @default false
|
|
45
|
+
*/
|
|
46
|
+
hidePagination?: boolean;
|
|
47
|
+
internalTableProps?: InternalTableProps<T>;
|
|
48
|
+
internalFormProps?: FtAntdFormSearchProps<S>;
|
|
49
|
+
onChange?: AntTableProps<T>["onChange"];
|
|
50
|
+
onExpand?: AntTableProps<T>["onExpand"];
|
|
51
|
+
onExpandedRowsChange?: AntTableProps<T>["onExpandedRowsChange"];
|
|
52
|
+
onResizeColumn?: AntTableProps<T>["onResizeColumn"];
|
|
53
|
+
onSearch?: () => void;
|
|
54
|
+
}
|
|
55
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { FtAntdTableProps } from './type';
|
|
2
|
+
export declare function useEdit<P extends FtAntdTableProps<any, any>>(props: P): {
|
|
3
|
+
editRowMap: Map<P["tableData"][number], P["tableData"][number]>;
|
|
4
|
+
setEditRow: (row: P["tableData"][number]) => void;
|
|
5
|
+
EditBodyCell: (scopeProps: {
|
|
6
|
+
text: any;
|
|
7
|
+
value: any;
|
|
8
|
+
record: Record<string, any>;
|
|
9
|
+
index: number;
|
|
10
|
+
column: import('ant-design-vue').ColumnType<any>;
|
|
11
|
+
}) => any;
|
|
12
|
+
cancelEditRow: (row: P["tableData"][number]) => void;
|
|
13
|
+
saveEditRow: (row: P["tableData"][number]) => void;
|
|
14
|
+
};
|
|
@@ -8,7 +8,7 @@ export interface FtFormColumnAutoComplete<T extends Record<string, any>> extends
|
|
|
8
8
|
type: "auto-complete";
|
|
9
9
|
props?: Refs<AutoCompleteProps>;
|
|
10
10
|
}
|
|
11
|
-
declare const _default: import('vue').DefineSetupFnComponent<import('
|
|
11
|
+
declare const _default: import('vue').DefineSetupFnComponent<import('../register').FormItemProps<FtFormColumnAutoComplete<any>>, import('vue').EmitsOptions, {}, import('../register').FormItemProps<FtFormColumnAutoComplete<any>> & ({
|
|
12
12
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
13
13
|
} | {
|
|
14
14
|
[x: `on${Capitalize<string>}`]: ((...args: never) => any) | undefined;
|
|
@@ -8,7 +8,7 @@ export interface FtFormColumnCascader<T extends Record<string, any>> extends Ant
|
|
|
8
8
|
type: "cascader";
|
|
9
9
|
props?: Refs<CascaderProps>;
|
|
10
10
|
}
|
|
11
|
-
declare const _default: import('vue').DefineSetupFnComponent<import('
|
|
11
|
+
declare const _default: import('vue').DefineSetupFnComponent<import('../register').FormItemProps<FtFormColumnCascader<any>>, import('vue').EmitsOptions, {}, import('../register').FormItemProps<FtFormColumnCascader<any>> & ({
|
|
12
12
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
13
13
|
} | {
|
|
14
14
|
[x: `on${Capitalize<string>}`]: ((...args: never) => any) | undefined;
|
|
@@ -8,7 +8,7 @@ export interface FtFormColumnCheckbox<T extends Record<string, any>> extends Ant
|
|
|
8
8
|
type: "checkbox";
|
|
9
9
|
props?: Refs<CheckboxGroupProps>;
|
|
10
10
|
}
|
|
11
|
-
declare const _default: import('vue').DefineSetupFnComponent<import('
|
|
11
|
+
declare const _default: import('vue').DefineSetupFnComponent<import('../register').FormItemProps<FtFormColumnCheckbox<any>>, import('vue').EmitsOptions, {}, import('../register').FormItemProps<FtFormColumnCheckbox<any>> & ({
|
|
12
12
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
13
13
|
} | {
|
|
14
14
|
[x: `on${Capitalize<string>}`]: ((...args: never) => any) | undefined;
|
|
@@ -8,7 +8,7 @@ export interface FtFormColumnDatePicker<T extends Record<string, any>> extends A
|
|
|
8
8
|
type: "date-picker";
|
|
9
9
|
props?: Refs<DatePickerProps>;
|
|
10
10
|
}
|
|
11
|
-
declare const _default: import('vue').DefineSetupFnComponent<import('
|
|
11
|
+
declare const _default: import('vue').DefineSetupFnComponent<import('../register').FormItemProps<FtFormColumnDatePicker<any>>, import('vue').EmitsOptions, {}, import('../register').FormItemProps<FtFormColumnDatePicker<any>> & ({
|
|
12
12
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
13
13
|
} | {
|
|
14
14
|
[x: `on${Capitalize<string>}`]: ((...args: never) => any) | undefined;
|
|
@@ -8,7 +8,7 @@ export interface FtFormColumnInputNumber<T extends Record<string, any>> extends
|
|
|
8
8
|
type: "input-number";
|
|
9
9
|
props?: Refs<InputNumberProps>;
|
|
10
10
|
}
|
|
11
|
-
declare const _default: import('vue').DefineSetupFnComponent<import('
|
|
11
|
+
declare const _default: import('vue').DefineSetupFnComponent<import('../register').FormItemProps<FtFormColumnInputNumber<any>>, import('vue').EmitsOptions, {}, import('../register').FormItemProps<FtFormColumnInputNumber<any>> & ({
|
|
12
12
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
13
13
|
} | {
|
|
14
14
|
[x: `on${Capitalize<string>}`]: ((...args: never) => any) | undefined;
|
|
@@ -8,7 +8,7 @@ export interface FtFormColumnInput<T extends Record<string, any>> extends AntdCo
|
|
|
8
8
|
type: "input";
|
|
9
9
|
props?: Refs<InputProps>;
|
|
10
10
|
}
|
|
11
|
-
declare const _default: import('vue').DefineSetupFnComponent<import('
|
|
11
|
+
declare const _default: import('vue').DefineSetupFnComponent<import('../register').FormItemProps<FtFormColumnInput<any>>, import('vue').EmitsOptions, {}, import('../register').FormItemProps<FtFormColumnInput<any>> & ({
|
|
12
12
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
13
13
|
} | {
|
|
14
14
|
[x: `on${Capitalize<string>}`]: ((...args: never) => any) | undefined;
|
|
@@ -8,7 +8,7 @@ export interface FtFormColumnMentions<T extends Record<string, any>> extends Ant
|
|
|
8
8
|
type: "mentions";
|
|
9
9
|
props?: Refs<MentionsProps>;
|
|
10
10
|
}
|
|
11
|
-
declare const _default: import('vue').DefineSetupFnComponent<import('
|
|
11
|
+
declare const _default: import('vue').DefineSetupFnComponent<import('../register').FormItemProps<FtFormColumnMentions<any>>, import('vue').EmitsOptions, {}, import('../register').FormItemProps<FtFormColumnMentions<any>> & ({
|
|
12
12
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
13
13
|
} | {
|
|
14
14
|
[x: `on${Capitalize<string>}`]: ((...args: never) => any) | undefined;
|
|
@@ -8,7 +8,7 @@ export interface FtFormColumnRadio<T extends Record<string, any>> extends AntdCo
|
|
|
8
8
|
type: "radio";
|
|
9
9
|
props?: Refs<RadioGroupProps>;
|
|
10
10
|
}
|
|
11
|
-
declare const _default: import('vue').DefineSetupFnComponent<import('
|
|
11
|
+
declare const _default: import('vue').DefineSetupFnComponent<import('../register').FormItemProps<FtFormColumnRadio<any>>, import('vue').EmitsOptions, {}, import('../register').FormItemProps<FtFormColumnRadio<any>> & ({
|
|
12
12
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
13
13
|
} | {
|
|
14
14
|
[x: `on${Capitalize<string>}`]: ((...args: never) => any) | undefined;
|
|
@@ -8,7 +8,7 @@ export interface FtFormColumnRangePicker<T extends Record<string, any>> extends
|
|
|
8
8
|
type: "range-picker";
|
|
9
9
|
props?: Refs<RangePickerProps>;
|
|
10
10
|
}
|
|
11
|
-
declare const _default: import('vue').DefineSetupFnComponent<import('
|
|
11
|
+
declare const _default: import('vue').DefineSetupFnComponent<import('../register').FormItemProps<FtFormColumnRangePicker<any>>, import('vue').EmitsOptions, {}, import('../register').FormItemProps<FtFormColumnRangePicker<any>> & ({
|
|
12
12
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
13
13
|
} | {
|
|
14
14
|
[x: `on${Capitalize<string>}`]: ((...args: never) => any) | undefined;
|
|
@@ -8,7 +8,7 @@ export interface FtFormColumnRate<T extends Record<string, any>> extends AntdCol
|
|
|
8
8
|
type: "rate";
|
|
9
9
|
props?: Refs<RateProps>;
|
|
10
10
|
}
|
|
11
|
-
declare const _default: import('vue').DefineSetupFnComponent<import('
|
|
11
|
+
declare const _default: import('vue').DefineSetupFnComponent<import('../register').FormItemProps<FtFormColumnRate<any>>, import('vue').EmitsOptions, {}, import('../register').FormItemProps<FtFormColumnRate<any>> & ({
|
|
12
12
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
13
13
|
} | {
|
|
14
14
|
[x: `on${Capitalize<string>}`]: ((...args: never) => any) | undefined;
|
|
@@ -8,7 +8,7 @@ export interface FtFormColumnSelect<T extends Record<string, any>> extends AntdC
|
|
|
8
8
|
type: "select";
|
|
9
9
|
props?: Refs<SelectProps>;
|
|
10
10
|
}
|
|
11
|
-
declare const _default: import('vue').DefineSetupFnComponent<import('
|
|
11
|
+
declare const _default: import('vue').DefineSetupFnComponent<import('../register').FormItemProps<FtFormColumnSelect<any>>, import('vue').EmitsOptions, {}, import('../register').FormItemProps<FtFormColumnSelect<any>> & ({
|
|
12
12
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
13
13
|
} | {
|
|
14
14
|
[x: `on${Capitalize<string>}`]: ((...args: never) => any) | undefined;
|
|
@@ -8,7 +8,7 @@ export interface FtFormColumnSlider<T extends Record<string, any>> extends AntdC
|
|
|
8
8
|
type: "slider";
|
|
9
9
|
props?: Refs<SliderProps>;
|
|
10
10
|
}
|
|
11
|
-
declare const _default: import('vue').DefineSetupFnComponent<import('
|
|
11
|
+
declare const _default: import('vue').DefineSetupFnComponent<import('../register').FormItemProps<FtFormColumnSlider<any>>, import('vue').EmitsOptions, {}, import('../register').FormItemProps<FtFormColumnSlider<any>> & ({
|
|
12
12
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
13
13
|
} | {
|
|
14
14
|
[x: `on${Capitalize<string>}`]: ((...args: never) => any) | undefined;
|
|
@@ -8,7 +8,7 @@ export interface FtFormColumnSwitch<T extends Record<string, any>> extends AntdC
|
|
|
8
8
|
type: "switch";
|
|
9
9
|
props?: Refs<SwitchProps>;
|
|
10
10
|
}
|
|
11
|
-
declare const _default: import('vue').DefineSetupFnComponent<import('
|
|
11
|
+
declare const _default: import('vue').DefineSetupFnComponent<import('../register').FormItemProps<FtFormColumnSwitch<any>>, import('vue').EmitsOptions, {}, import('../register').FormItemProps<FtFormColumnSwitch<any>> & ({
|
|
12
12
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
13
13
|
} | {
|
|
14
14
|
[x: `on${Capitalize<string>}`]: ((...args: never) => any) | undefined;
|
|
@@ -8,7 +8,7 @@ export interface FtFormColumnTextarea<T extends Record<string, any>> extends Ant
|
|
|
8
8
|
type: "textarea";
|
|
9
9
|
props?: Refs<TextAreaProps>;
|
|
10
10
|
}
|
|
11
|
-
declare const _default: import('vue').DefineSetupFnComponent<import('
|
|
11
|
+
declare const _default: import('vue').DefineSetupFnComponent<import('../register').FormItemProps<FtFormColumnTextarea<any>>, import('vue').EmitsOptions, {}, import('../register').FormItemProps<FtFormColumnTextarea<any>> & ({
|
|
12
12
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
13
13
|
} | {
|
|
14
14
|
[x: `on${Capitalize<string>}`]: ((...args: never) => any) | undefined;
|
|
@@ -8,7 +8,7 @@ export interface FtFormColumnTreeSelect<T extends Record<string, any>> extends A
|
|
|
8
8
|
type: "tree-select";
|
|
9
9
|
props?: Refs<TreeSelectProps>;
|
|
10
10
|
}
|
|
11
|
-
declare const _default: import('vue').DefineSetupFnComponent<import('
|
|
11
|
+
declare const _default: import('vue').DefineSetupFnComponent<import('../register').FormItemProps<FtFormColumnTreeSelect<any>>, import('vue').EmitsOptions, {}, import('../register').FormItemProps<FtFormColumnTreeSelect<any>> & ({
|
|
12
12
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
13
13
|
} | {
|
|
14
14
|
[x: `on${Capitalize<string>}`]: ((...args: never) => any) | undefined;
|
|
@@ -9,7 +9,7 @@ export interface FtFormColumnUpload<T extends Record<string, any>> extends AntdC
|
|
|
9
9
|
props?: Refs<UploadProps>;
|
|
10
10
|
slots: CommonSlots<["default"]>;
|
|
11
11
|
}
|
|
12
|
-
declare const _default: import('vue').DefineSetupFnComponent<import('
|
|
12
|
+
declare const _default: import('vue').DefineSetupFnComponent<import('../register').FormItemProps<FtFormColumnUpload<any>>, import('vue').EmitsOptions, {}, import('../register').FormItemProps<FtFormColumnUpload<any>> & ({
|
|
13
13
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
14
14
|
} | {
|
|
15
15
|
[x: `on${Capitalize<string>}`]: ((...args: never) => any) | undefined;
|
|
@@ -1,102 +1,35 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
} & ({
|
|
13
|
-
columns: import('./register').FormColumn<FormData>[];
|
|
14
|
-
} & ({
|
|
15
|
-
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
16
|
-
} | {
|
|
17
|
-
[x: `on${Capitalize<string>}`]: ((...args: never) => any) | undefined;
|
|
18
|
-
})))) & import('vue').VNodeProps) & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps) => import('vue').CreateComponentPublicInstanceWithMixins<import('@ftjs/core').FtFormIntrinsicProps<FormData, "antd"> & ({
|
|
19
|
-
width?: string;
|
|
20
|
-
hideFooter?: boolean;
|
|
21
|
-
hideConfirm?: boolean;
|
|
22
|
-
hideReset?: boolean;
|
|
23
|
-
exposed?: import('./register').FormExposed<FormData> | undefined;
|
|
24
|
-
"onUpdate:exposed"?: ((exposed: import('./register').FormExposed<FormData>) => void) | undefined;
|
|
25
|
-
} & ({
|
|
26
|
-
columns: import('./register').FormColumn<FormData>[];
|
|
27
|
-
} & ({
|
|
28
|
-
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
29
|
-
} | {
|
|
30
|
-
[x: `on${Capitalize<string>}`]: ((...args: never) => any) | undefined;
|
|
31
|
-
}))), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, import('vue').EmitsOptions, import('vue').PublicProps, {}, false, {}, import('vue').SlotsType<{}>, {}, {}, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
32
|
-
P: {};
|
|
33
|
-
B: {};
|
|
34
|
-
D: {};
|
|
35
|
-
C: {};
|
|
36
|
-
M: {};
|
|
37
|
-
Defaults: {};
|
|
38
|
-
}, (import('@ftjs/core').FtFormIntrinsicProps<FormData, "antd"> & {
|
|
39
|
-
width?: string;
|
|
40
|
-
hideFooter?: boolean;
|
|
41
|
-
hideConfirm?: boolean;
|
|
42
|
-
hideReset?: boolean;
|
|
43
|
-
exposed?: import('./register').FormExposed<FormData> | undefined;
|
|
44
|
-
"onUpdate:exposed"?: ((exposed: import('./register').FormExposed<FormData>) => void) | undefined;
|
|
45
|
-
} & {
|
|
46
|
-
columns: import('./register').FormColumn<FormData>[];
|
|
47
|
-
} & {
|
|
48
|
-
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
49
|
-
}) | (import('@ftjs/core').FtFormIntrinsicProps<FormData, "antd"> & {
|
|
1
|
+
import { FtBaseFormProps } from '@ftjs/core';
|
|
2
|
+
import { FormProps } from 'ant-design-vue';
|
|
3
|
+
import { FtAntdFormColumn } from './register';
|
|
4
|
+
interface FtFormProps<F extends Record<string, any>> extends FtBaseFormProps<F> {
|
|
5
|
+
columns: FtAntdFormColumn<F>[];
|
|
6
|
+
internalFormProps?: FormProps;
|
|
7
|
+
}
|
|
8
|
+
export interface FtAntdFormProps<F extends Record<string, any>> extends FtFormProps<F> {
|
|
9
|
+
/**
|
|
10
|
+
* 表格宽度
|
|
11
|
+
*/
|
|
50
12
|
width?: string;
|
|
13
|
+
/**
|
|
14
|
+
* 隐藏底部按钮
|
|
15
|
+
* @default false
|
|
16
|
+
*/
|
|
51
17
|
hideFooter?: boolean;
|
|
18
|
+
/**
|
|
19
|
+
* 隐藏确认按钮
|
|
20
|
+
* @default false
|
|
21
|
+
*/
|
|
52
22
|
hideConfirm?: boolean;
|
|
23
|
+
/**
|
|
24
|
+
* 隐藏重置按钮
|
|
25
|
+
* @default false
|
|
26
|
+
*/
|
|
53
27
|
hideReset?: boolean;
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
export
|
|
62
|
-
exposed?: import('./register').FormExposed<FormData> | undefined;
|
|
63
|
-
"onUpdate:exposed"?: ((exposed: import('./register').FormExposed<FormData>) => void) | undefined;
|
|
64
|
-
} & ({
|
|
65
|
-
columns: import('./register').FormColumn<FormData>[];
|
|
66
|
-
} & ({
|
|
67
|
-
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
68
|
-
} | {
|
|
69
|
-
[x: `on${Capitalize<string>}`]: ((...args: never) => any) | undefined;
|
|
70
|
-
})))) & import('vue').VNodeProps) & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps) => import('vue').CreateComponentPublicInstanceWithMixins<import('@ftjs/core').FtFormIntrinsicProps<FormData, "antdSearch"> & ({
|
|
71
|
-
exposed?: import('./register').FormExposed<FormData> | undefined;
|
|
72
|
-
"onUpdate:exposed"?: ((exposed: import('./register').FormExposed<FormData>) => void) | undefined;
|
|
73
|
-
} & ({
|
|
74
|
-
columns: import('./register').FormColumn<FormData>[];
|
|
75
|
-
} & ({
|
|
76
|
-
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
77
|
-
} | {
|
|
78
|
-
[x: `on${Capitalize<string>}`]: ((...args: never) => any) | undefined;
|
|
79
|
-
}))), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, import('vue').EmitsOptions, import('vue').PublicProps, {}, false, {}, import('vue').SlotsType<{}>, {}, {}, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
80
|
-
P: {};
|
|
81
|
-
B: {};
|
|
82
|
-
D: {};
|
|
83
|
-
C: {};
|
|
84
|
-
M: {};
|
|
85
|
-
Defaults: {};
|
|
86
|
-
}, (import('@ftjs/core').FtFormIntrinsicProps<FormData, "antdSearch"> & {
|
|
87
|
-
exposed?: import('./register').FormExposed<FormData> | undefined;
|
|
88
|
-
"onUpdate:exposed"?: ((exposed: import('./register').FormExposed<FormData>) => void) | undefined;
|
|
89
|
-
} & {
|
|
90
|
-
columns: import('./register').FormColumn<FormData>[];
|
|
91
|
-
} & {
|
|
92
|
-
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
93
|
-
}) | (import('@ftjs/core').FtFormIntrinsicProps<FormData, "antdSearch"> & {
|
|
94
|
-
exposed?: import('./register').FormExposed<FormData> | undefined;
|
|
95
|
-
"onUpdate:exposed"?: ((exposed: import('./register').FormExposed<FormData>) => void) | undefined;
|
|
96
|
-
} & {
|
|
97
|
-
columns: import('./register').FormColumn<FormData>[];
|
|
98
|
-
} & {
|
|
99
|
-
[x: `on${Capitalize<string>}`]: ((...args: never) => any) | undefined;
|
|
100
|
-
}), {}, {}, {}, {}, {}>;
|
|
101
|
-
export type FtFormProps<FormData extends Record<string, any>> = FtFormPropsMap<FormData, "antd">;
|
|
102
|
-
export type FtFormSearchProps<FormData extends Record<string, any>> = FtFormPropsMap<FormData, "antdSearch">;
|
|
28
|
+
}
|
|
29
|
+
export interface FtAntdFormSearchProps<F extends Record<string, any>> extends FtFormProps<F> {
|
|
30
|
+
}
|
|
31
|
+
export declare const useRules: (props: FtAntdFormProps<any>) => {
|
|
32
|
+
rules: import('vue').ComputedRef<{}>;
|
|
33
|
+
};
|
|
34
|
+
export { default as FtAntdForm } from './ft-antd-form.vue';
|
|
35
|
+
export { default as FtAntdFormSearch } from './ft-antd-form-search.vue';
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { FtAntdFormColumn } from './register';
|
|
2
|
+
declare const _default: <F extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3
|
+
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, never> & {
|
|
4
|
+
columns: FtAntdFormColumn<F>[];
|
|
5
|
+
isView?: boolean;
|
|
6
|
+
} & Partial<{}>> & import('vue').PublicProps;
|
|
7
|
+
expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
|
|
8
|
+
attrs: any;
|
|
9
|
+
slots: {};
|
|
10
|
+
emit: {};
|
|
11
|
+
}>) => import('vue').VNode & {
|
|
12
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
13
|
+
};
|
|
14
|
+
export default _default;
|
|
15
|
+
type __VLS_PrettifyLocal<T> = {
|
|
16
|
+
[K in keyof T]: T[K];
|
|
17
|
+
} & {};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { FtAntdFormSearchProps } from './define-form';
|
|
2
|
+
import { FormInstance } from 'ant-design-vue';
|
|
3
|
+
declare const _default: <F extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
4
|
+
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, never> & FtAntdFormSearchProps<F> & Partial<{}>> & import('vue').PublicProps;
|
|
5
|
+
expose(exposed: import('vue').ShallowUnwrapRef<{
|
|
6
|
+
formInstance: import('vue').Ref<FormInstance | undefined, FormInstance | undefined>;
|
|
7
|
+
formData: import('vue').WritableComputedRef<any, any>;
|
|
8
|
+
resetToDefault: import('@ftjs/core').ResetToDefault;
|
|
9
|
+
getFormData: import('@ftjs/core').GetFormData<F>;
|
|
10
|
+
setAsDefault: import('@ftjs/core').SetAsDefault<F>;
|
|
11
|
+
}>): void;
|
|
12
|
+
attrs: any;
|
|
13
|
+
slots: {};
|
|
14
|
+
emit: {};
|
|
15
|
+
}>) => import('vue').VNode & {
|
|
16
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
17
|
+
};
|
|
18
|
+
export default _default;
|
|
19
|
+
type __VLS_PrettifyLocal<T> = {
|
|
20
|
+
[K in keyof T]: T[K];
|
|
21
|
+
} & {};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { FtAntdFormProps } from './define-form';
|
|
2
|
+
import { FormInstance } from 'ant-design-vue';
|
|
3
|
+
declare const _default: <F extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
4
|
+
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, never> & FtAntdFormProps<F> & Partial<{}>> & import('vue').PublicProps;
|
|
5
|
+
expose(exposed: import('vue').ShallowUnwrapRef<{
|
|
6
|
+
formInstance: import('vue').Ref<FormInstance | undefined, FormInstance | undefined>;
|
|
7
|
+
resetToDefault: import('@ftjs/core').ResetToDefault;
|
|
8
|
+
getFormData: import('@ftjs/core').GetFormData<F>;
|
|
9
|
+
setAsDefault: import('@ftjs/core').SetAsDefault<F>;
|
|
10
|
+
}>): void;
|
|
11
|
+
attrs: any;
|
|
12
|
+
slots: {};
|
|
13
|
+
emit: {};
|
|
14
|
+
}>) => import('vue').VNode & {
|
|
15
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
16
|
+
};
|
|
17
|
+
export default _default;
|
|
18
|
+
type __VLS_PrettifyLocal<T> = {
|
|
19
|
+
[K in keyof T]: T[K];
|
|
20
|
+
} & {};
|
package/dist/form/register.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { FtFormColumnBase, ValueOf } from '@ftjs/core';
|
|
2
2
|
import { RuleType, StoreValue, ValidatorRule } from 'ant-design-vue/es/form/interface';
|
|
3
|
-
import { Component, MaybeRefOrGetter, VNode } from 'vue';
|
|
3
|
+
import { SetupContext, Component, MaybeRefOrGetter, VNode } from 'vue';
|
|
4
4
|
import { FtFormColumnInput } from './components/input';
|
|
5
5
|
import { FtFormColumnSelect } from './components/select';
|
|
6
6
|
import { FtFormColumnDatePicker } from './components/date-picker';
|
|
@@ -17,15 +17,8 @@ import { FtFormColumnRate } from './components/rate';
|
|
|
17
17
|
import { FtFormColumnSlider } from './components/slider';
|
|
18
18
|
import { FtFormColumnSwitch } from './components/switch';
|
|
19
19
|
import { FtFormColumnTreeSelect } from './components/tree-select';
|
|
20
|
-
import { FormInstance, FormProps } from 'ant-design-vue';
|
|
21
20
|
export type VNodeChildAtom = VNode | string | number | boolean | null | undefined | void;
|
|
22
21
|
export type VueNode = VNodeChildAtom | VNodeChildAtom[] | VNode;
|
|
23
|
-
export interface FormExposed<T extends Record<string, any>> {
|
|
24
|
-
getFormData: FormInject<T, "antd">["getFormData"];
|
|
25
|
-
resetToDefault: FormInject<T, "antd">["resetToDefault"];
|
|
26
|
-
setAsDefault: FormInject<T, "antd">["setAsDefault"];
|
|
27
|
-
formInstance: FormInstance;
|
|
28
|
-
}
|
|
29
22
|
export interface AntdColumnBase<FormData extends Record<string, any>> extends FtFormColumnBase<FormData> {
|
|
30
23
|
/**
|
|
31
24
|
* 校验规则
|
|
@@ -37,53 +30,21 @@ export interface AntdColumnBase<FormData extends Record<string, any>> extends Ft
|
|
|
37
30
|
*/
|
|
38
31
|
export interface RegisterColumnMap<FormData extends Record<string, any>> {
|
|
39
32
|
}
|
|
33
|
+
export interface FormItemProps<Column extends AntdColumnBase<any>> {
|
|
34
|
+
column: Column;
|
|
35
|
+
isView: boolean;
|
|
36
|
+
}
|
|
37
|
+
export declare function defineFormItem<Column extends AntdColumnBase<any>>(setup: (props: FormItemProps<Column>, ctx: SetupContext) => any): import('vue').DefineSetupFnComponent<FormItemProps<Column>, import('vue').EmitsOptions, {}, FormItemProps<Column> & ({
|
|
38
|
+
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
39
|
+
} | {
|
|
40
|
+
[x: `on${Capitalize<string>}`]: ((...args: never) => any) | undefined;
|
|
41
|
+
}), import('vue').PublicProps>;
|
|
40
42
|
/**
|
|
41
43
|
* 全部的 antd column 集合
|
|
42
44
|
*/
|
|
43
|
-
export type
|
|
45
|
+
export type FtAntdFormColumn<FormData extends Record<string, any>> = FtFormColumnDatePicker<FormData> | FtFormColumnRangePicker<FormData> | FtFormColumnRadio<FormData> | FtFormColumnSelect<FormData> | FtFormColumnTextarea<FormData> | FtFormColumnInput<FormData> | FtFormColumnUpload<FormData> | FtFormColumnCascader<FormData> | FtFormColumnAutoComplete<FormData> | FtFormColumnCheckbox<FormData> | FtFormColumnInputNumber<FormData> | FtFormColumnMentions<FormData> | FtFormColumnRate<FormData> | FtFormColumnSlider<FormData> | FtFormColumnSwitch<FormData> | FtFormColumnTreeSelect<FormData> | ValueOf<RegisterColumnMap<FormData>>;
|
|
44
46
|
export declare const formRenderMap: Map<string, Component>;
|
|
45
|
-
export declare function registerForm<T extends keyof RegisterColumnMap<any>>(type: T, Component:
|
|
46
|
-
declare module "@ftjs/core" {
|
|
47
|
-
interface FormTypeMap<_FormData extends Record<string, any>> {
|
|
48
|
-
antd: {
|
|
49
|
-
formSlots: {};
|
|
50
|
-
columns: FormColumn<_FormData>;
|
|
51
|
-
extendedProps: {
|
|
52
|
-
/**
|
|
53
|
-
* 表格宽度
|
|
54
|
-
*/
|
|
55
|
-
width?: string;
|
|
56
|
-
/**
|
|
57
|
-
* 隐藏底部按钮
|
|
58
|
-
* @default false
|
|
59
|
-
*/
|
|
60
|
-
hideFooter?: boolean;
|
|
61
|
-
/**
|
|
62
|
-
* 隐藏确认按钮
|
|
63
|
-
* @default false
|
|
64
|
-
*/
|
|
65
|
-
hideConfirm?: boolean;
|
|
66
|
-
/**
|
|
67
|
-
* 隐藏重置按钮
|
|
68
|
-
* @default false
|
|
69
|
-
*/
|
|
70
|
-
hideReset?: boolean;
|
|
71
|
-
exposed?: FormExposed<_FormData>;
|
|
72
|
-
"onUpdate:exposed"?: (exposed: FormExposed<_FormData>) => void;
|
|
73
|
-
};
|
|
74
|
-
internalFormProps: FormProps;
|
|
75
|
-
};
|
|
76
|
-
antdSearch: {
|
|
77
|
-
formSlots: {};
|
|
78
|
-
columns: FormColumn<_FormData>;
|
|
79
|
-
extendedProps: {
|
|
80
|
-
exposed?: FormExposed<_FormData>;
|
|
81
|
-
"onUpdate:exposed"?: (exposed: FormExposed<_FormData>) => void;
|
|
82
|
-
};
|
|
83
|
-
internalFormProps: FormProps;
|
|
84
|
-
};
|
|
85
|
-
}
|
|
86
|
-
}
|
|
47
|
+
export declare function registerForm<T extends keyof RegisterColumnMap<any>>(type: T, Component: any): void;
|
|
87
48
|
/**
|
|
88
49
|
* 从 antd vue 中复制出来的
|
|
89
50
|
*/
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
export * from './form/define-form';
|
|
2
2
|
export { registerForm } from './form/register';
|
|
3
|
-
export type {
|
|
4
|
-
export * from './
|
|
5
|
-
export * from './
|
|
6
|
-
export * from './antd-table/column-edit';
|
|
3
|
+
export type { FtAntdFormColumn, AntdColumnBase, RegisterColumnMap, } from './form/register';
|
|
4
|
+
export * from './vxe-table';
|
|
5
|
+
export * from './antd-table';
|