@gopowerteam/form-render 0.0.58 → 0.0.59
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/cjs/config/provide.config.d.ts +3 -2
- package/dist/cjs/defines/define-form.d.ts +2 -1
- package/dist/cjs/form-items/cascader/index.d.ts +4 -3
- package/dist/cjs/form-items/date/index.d.ts +2 -1
- package/dist/cjs/form-items/date-range/index.d.ts +2 -1
- package/dist/cjs/form-items/index.d.ts +10 -10
- package/dist/cjs/form-items/input/index.d.ts +2 -1
- package/dist/cjs/form-items/select/index.d.ts +3 -2
- package/dist/cjs/form-items/switch/index.d.ts +2 -1
- package/dist/cjs/form-items/textarea/index.d.ts +2 -1
- package/dist/cjs/form-render/form-collapsed-dialog.d.ts +8 -7
- package/dist/cjs/form-render/form-item-render.d.ts +3 -2
- package/dist/cjs/form-render/index.d.ts +158 -216
- package/dist/cjs/hooks/use-form.d.ts +3 -2
- package/dist/cjs/index.cjs +1 -1
- package/dist/cjs/index.d.ts +1 -0
- package/dist/cjs/install.d.ts +2 -1
- package/dist/cjs/utils/create-form-source.d.ts +3 -2
- package/dist/es/config/provide.config.d.ts +3 -2
- package/dist/es/defines/define-form.d.ts +2 -1
- package/dist/es/form-items/cascader/index.d.ts +4 -3
- package/dist/es/form-items/date/index.d.ts +2 -1
- package/dist/es/form-items/date-range/index.d.ts +2 -1
- package/dist/es/form-items/index.d.ts +10 -10
- package/dist/es/form-items/input/index.d.ts +2 -1
- package/dist/es/form-items/select/index.d.ts +3 -2
- package/dist/es/form-items/switch/index.d.ts +2 -1
- package/dist/es/form-items/textarea/index.d.ts +2 -1
- package/dist/es/form-render/form-collapsed-dialog.d.ts +8 -7
- package/dist/es/form-render/form-item-render.d.ts +3 -2
- package/dist/es/form-render/index.d.ts +158 -216
- package/dist/es/hooks/use-form.d.ts +3 -2
- package/dist/es/index.d.ts +1 -0
- package/dist/es/index.mjs +610 -594
- package/dist/es/install.d.ts +2 -1
- package/dist/es/utils/create-form-source.d.ts +3 -2
- package/dist/style.css +1 -1
- package/package.json +15 -15
- package/dist/cjs/form-items/currency/index.d.ts +0 -13
- package/dist/cjs/form-items/render/index.d.ts +0 -5
- package/dist/cjs/form-items/tree-select/index.d.ts +0 -20
- package/dist/cjs/interfaces/form-item-options.d.ts +0 -43
- package/dist/es/form-items/currency/index.d.ts +0 -13
- package/dist/es/form-items/render/index.d.ts +0 -5
- package/dist/es/form-items/tree-select/index.d.ts +0 -20
- package/dist/es/interfaces/form-item-options.d.ts +0 -43
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import { DataRecord } from '../interfaces';
|
|
2
|
+
import { InjectionKey } from 'vue';
|
|
3
|
+
|
|
3
4
|
export declare const provides: {
|
|
4
5
|
id: InjectionKey<string>;
|
|
5
6
|
source: InjectionKey<DataRecord>;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { DataRecord, FormItemsOptions, FormItemsStringKeyOptions, FormItemsTypeKeyOptions } from '../interfaces';
|
|
2
|
+
|
|
2
3
|
export declare function defineForm<T = DataRecord>(form: FormItemsTypeKeyOptions<T>): FormItemsOptions<T>;
|
|
3
4
|
export declare function defineForm<T = DataRecord>(form: FormItemsStringKeyOptions<T>): FormItemsOptions<T>;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
1
|
+
import { DataRecord, FormItemRenderReturn } from '../../interfaces';
|
|
2
|
+
import { Ref } from 'vue';
|
|
3
|
+
import { CascaderOption } from '@arco-design/web-vue';
|
|
4
|
+
|
|
4
5
|
export declare function renderCascaderItem<T = DataRecord>(options: RenderCascaderItemOptions): FormItemRenderReturn<T>;
|
|
5
6
|
export type SelectOptions = CascaderOption[];
|
|
6
7
|
export interface RenderCascaderItemOptions {
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
export declare function FormItemRenders<T>(): {
|
|
2
|
-
input: (options?: import(
|
|
3
|
-
textarea: (options?: import(
|
|
4
|
-
select: (options: import(
|
|
5
|
-
treeSelect: (options: import(
|
|
6
|
-
date: (options?: import(
|
|
7
|
-
switch: (options?: import(
|
|
8
|
-
dateRange: (options?: import(
|
|
9
|
-
render: (renderer: import(
|
|
10
|
-
cascader: (options: import(
|
|
11
|
-
currency: (options?: import(
|
|
2
|
+
input: (options?: import('./input').RenderInputItemOptions | undefined) => import('..').FormItemRenderReturn<T>;
|
|
3
|
+
textarea: (options?: import('./textarea').RenderTextareaItemOptions | undefined) => import('..').FormItemRenderReturn<T>;
|
|
4
|
+
select: (options: import('./select').RenderSelectItemOptions) => import('..').FormItemRenderReturn<T>;
|
|
5
|
+
treeSelect: (options: import('./tree-select').RenderTreeSelectItemOptions) => import('..').FormItemRenderReturn<T>;
|
|
6
|
+
date: (options?: import('./date').RenderDateItemOptions | undefined) => import('..').FormItemRenderReturn<T>;
|
|
7
|
+
switch: (options?: import('./switch').RenderSwitchItemOptions | undefined) => import('..').FormItemRenderReturn<T>;
|
|
8
|
+
dateRange: (options?: import('./date-range').RenderDateRangeItemOptions | undefined) => import('..').FormItemRenderReturn<T>;
|
|
9
|
+
render: (renderer: import('./render').RenderInputItemOptions<T>) => import('..').FormItemRenderReturn<T>;
|
|
10
|
+
cascader: (options: import('./cascader').RenderCascaderItemOptions) => import('..').FormItemRenderReturn<T>;
|
|
11
|
+
currency: (options?: import('./currency').RenderCurrencyOptions | undefined) => import('..').FormItemRenderReturn<T>;
|
|
12
12
|
};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { DataRecord, FormItemRenderReturn } from '../../interfaces';
|
|
2
|
+
|
|
2
3
|
export declare function renderInputItem<T = DataRecord>(options?: RenderInputItemOptions): FormItemRenderReturn<T>;
|
|
3
4
|
export interface RenderInputItemOptions {
|
|
4
5
|
placeholder?: string;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
1
|
+
import { DataRecord, FormItemRenderReturn } from '../../interfaces';
|
|
2
|
+
import { Ref } from 'vue';
|
|
3
|
+
|
|
3
4
|
export declare function renderSelectItem<T = DataRecord>(options: RenderSelectItemOptions): FormItemRenderReturn<T>;
|
|
4
5
|
export type SelectOptions = Map<string | number, string>;
|
|
5
6
|
export interface RenderSelectItemOptions {
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { DataRecord, FormItemRenderReturn } from '../../interfaces';
|
|
2
|
+
|
|
2
3
|
export declare function renderSwitchItem<T = DataRecord>(options?: RenderSwitchItemOptions): FormItemRenderReturn<T>;
|
|
3
4
|
export type SelectOptions = Map<string | number, string>;
|
|
4
5
|
export interface RenderSwitchItemOptions {
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { DataRecord, FormItemRenderReturn } from '../../interfaces';
|
|
2
|
+
|
|
2
3
|
export declare function renderTextareaItem<T = DataRecord>(options?: RenderTextareaItemOptions): FormItemRenderReturn<T>;
|
|
3
4
|
export interface RenderTextareaItemOptions {
|
|
4
5
|
placeholder?: string;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
|
|
1
|
+
import { FormItemsOptions } from '..';
|
|
2
|
+
import { PropType } from 'vue';
|
|
3
|
+
|
|
4
|
+
declare const _default: import('vue').DefineComponent<{
|
|
4
5
|
form: {
|
|
5
6
|
type: PropType<FormItemsOptions>;
|
|
6
7
|
required: true;
|
|
@@ -14,8 +15,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
14
15
|
group?: string | string[] | undefined;
|
|
15
16
|
visiable?: boolean | ((record: Record<string, any>) => boolean) | undefined;
|
|
16
17
|
span?: number | undefined;
|
|
17
|
-
rule?: import(
|
|
18
|
-
render?: import(
|
|
18
|
+
rule?: import('@arco-design/web-vue').FieldRule<any> | import('@arco-design/web-vue').FieldRule<any>[] | undefined;
|
|
19
|
+
render?: import('..').FormItemRender<Record<string, any>> | undefined;
|
|
19
20
|
}[];
|
|
20
21
|
groups: string[];
|
|
21
22
|
groupForms: {
|
|
@@ -23,8 +24,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
23
24
|
instance?: any;
|
|
24
25
|
form: FormItemsOptions;
|
|
25
26
|
}[];
|
|
26
|
-
activeTab: import(
|
|
27
|
-
}, unknown, {}, {}, import(
|
|
27
|
+
activeTab: import('vue').Ref<string>;
|
|
28
|
+
}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
28
29
|
form: {
|
|
29
30
|
type: PropType<FormItemsOptions>;
|
|
30
31
|
required: true;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { DataRecord, FormItemOptions } from '../interfaces';
|
|
2
|
+
|
|
2
3
|
/**
|
|
3
4
|
* 创建表格列
|
|
4
5
|
* @param options
|
|
5
6
|
* @returns
|
|
6
7
|
*/
|
|
7
|
-
export declare function renderFormItem(source: DataRecord, options: FormItemOptions): import(
|
|
8
|
+
export declare function renderFormItem(source: DataRecord, options: FormItemOptions): import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
8
9
|
[key: string]: any;
|
|
9
10
|
}>;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
|
|
1
|
+
import { DataRecord, FormItemsOptions } from '../interfaces';
|
|
2
|
+
import { FieldRule } from '@arco-design/web-vue';
|
|
3
|
+
import { PropType } from 'vue';
|
|
4
|
+
|
|
5
|
+
export declare const FormRender: import('vue').DefineComponent<{
|
|
5
6
|
form: {
|
|
6
7
|
type: PropType<FormItemsOptions<any>>;
|
|
7
8
|
required: true;
|
|
@@ -59,197 +60,130 @@ export declare const FormRender: import("vue").DefineComponent<{
|
|
|
59
60
|
default: boolean;
|
|
60
61
|
};
|
|
61
62
|
}, {
|
|
62
|
-
formSource: import(
|
|
63
|
-
formInstance: import(
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
63
|
+
formSource: import('vue').Ref<DataRecord>;
|
|
64
|
+
formInstance: import('vue').Ref<import('vue').CreateComponentPublicInstance<Readonly<{
|
|
65
|
+
model?: unknown;
|
|
66
|
+
layout?: unknown;
|
|
67
|
+
size?: unknown;
|
|
68
|
+
labelColProps?: unknown;
|
|
69
|
+
wrapperColProps?: unknown;
|
|
70
|
+
labelColStyle?: unknown;
|
|
71
|
+
wrapperColStyle?: unknown;
|
|
72
|
+
labelAlign?: unknown;
|
|
73
|
+
disabled?: unknown;
|
|
74
|
+
rules?: unknown;
|
|
75
|
+
autoLabelWidth?: unknown;
|
|
76
|
+
id?: unknown;
|
|
77
|
+
scrollToFirstError?: unknown;
|
|
78
|
+
} & {
|
|
79
|
+
layout: "horizontal" | "vertical" | "inline";
|
|
80
|
+
model: Record<string, any>;
|
|
81
|
+
labelColProps: Record<string, any>;
|
|
82
|
+
wrapperColProps: Record<string, any>;
|
|
83
|
+
labelAlign: "left" | "right";
|
|
84
|
+
autoLabelWidth: boolean;
|
|
85
|
+
scrollToFirstError: boolean;
|
|
86
|
+
} & {
|
|
87
|
+
size?: "mini" | "small" | "medium" | "large" | undefined;
|
|
88
|
+
disabled?: boolean | undefined;
|
|
89
|
+
labelColStyle?: Record<string, any> | undefined;
|
|
90
|
+
wrapperColStyle?: Record<string, any> | undefined;
|
|
91
|
+
rules?: Record<string, FieldRule<any> | FieldRule<any>[]> | undefined;
|
|
92
|
+
id?: string | undefined;
|
|
93
|
+
}> & {
|
|
94
|
+
onSubmit?: ((data: {
|
|
95
|
+
values: Record<string, any>;
|
|
96
|
+
errors: Record<string, import('@arco-design/web-vue').ValidatedError> | undefined;
|
|
97
|
+
}, ev: Event) => any) | undefined;
|
|
98
|
+
onSubmitSuccess?: ((values: Record<string, any>, ev: Event) => any) | undefined;
|
|
99
|
+
onSubmitFailed?: ((data: {
|
|
100
|
+
values: Record<string, any>;
|
|
101
|
+
errors: Record<string, import('@arco-design/web-vue').ValidatedError>;
|
|
102
|
+
}, ev: Event) => any) | undefined;
|
|
103
|
+
}, {
|
|
104
|
+
cls: import('vue').ComputedRef<(string | {
|
|
105
|
+
[x: string]: boolean;
|
|
106
|
+
})[]>;
|
|
107
|
+
formRef: import('vue').Ref<HTMLFormElement | undefined>;
|
|
108
|
+
handleSubmit: (e: Event) => void;
|
|
109
|
+
innerValidate: (callback?: ((errors: Record<string, import('@arco-design/web-vue').ValidatedError> | undefined) => void) | undefined) => Promise<Record<string, import('@arco-design/web-vue').ValidatedError> | undefined>;
|
|
110
|
+
innerValidateField: (field: string | string[], callback?: ((errors: Record<string, import('@arco-design/web-vue').ValidatedError> | undefined) => void) | undefined) => Promise<Record<string, import('@arco-design/web-vue').ValidatedError> | undefined>;
|
|
111
|
+
innerResetFields: (field?: string | string[] | undefined) => void;
|
|
112
|
+
innerClearValidate: (field?: string | string[] | undefined) => void;
|
|
113
|
+
innerSetFields: (data: Record<string, import('@arco-design/web-vue/es/form/interface').FieldData>) => void;
|
|
114
|
+
innerScrollToField: (field: string, options?: import('scroll-into-view-if-needed').Options<any> | undefined) => void;
|
|
115
|
+
}, unknown, {}, {
|
|
116
|
+
validate(callback?: ((errors: Record<string, import('@arco-design/web-vue').ValidatedError> | undefined) => void) | undefined): Promise<Record<string, import('@arco-design/web-vue').ValidatedError> | undefined>;
|
|
117
|
+
validateField(field: string | string[], callback?: ((errors: Record<string, import('@arco-design/web-vue').ValidatedError> | undefined) => void) | undefined): Promise<Record<string, import('@arco-design/web-vue').ValidatedError> | undefined>;
|
|
118
|
+
resetFields(field?: string | string[] | undefined): void;
|
|
119
|
+
clearValidate(field?: string | string[] | undefined): void;
|
|
120
|
+
setFields(data: Record<string, import('@arco-design/web-vue/es/form/interface').FieldData>): void;
|
|
121
|
+
scrollToField(field: string): void;
|
|
122
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
123
|
+
submit: (data: {
|
|
124
|
+
values: Record<string, any>;
|
|
125
|
+
errors: Record<string, import('@arco-design/web-vue').ValidatedError> | undefined;
|
|
126
|
+
}, ev: Event) => true;
|
|
127
|
+
submitSuccess: (values: Record<string, any>, ev: Event) => true;
|
|
128
|
+
submitFailed: (data: {
|
|
129
|
+
values: Record<string, any>;
|
|
130
|
+
errors: Record<string, import('@arco-design/web-vue').ValidatedError>;
|
|
131
|
+
}, ev: Event) => true;
|
|
132
|
+
}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<{
|
|
133
|
+
model?: unknown;
|
|
134
|
+
layout?: unknown;
|
|
135
|
+
size?: unknown;
|
|
136
|
+
labelColProps?: unknown;
|
|
137
|
+
wrapperColProps?: unknown;
|
|
138
|
+
labelColStyle?: unknown;
|
|
139
|
+
wrapperColStyle?: unknown;
|
|
140
|
+
labelAlign?: unknown;
|
|
141
|
+
disabled?: unknown;
|
|
142
|
+
rules?: unknown;
|
|
143
|
+
autoLabelWidth?: unknown;
|
|
144
|
+
id?: unknown;
|
|
145
|
+
scrollToFirstError?: unknown;
|
|
146
|
+
} & {
|
|
147
|
+
layout: "horizontal" | "vertical" | "inline";
|
|
148
|
+
model: Record<string, any>;
|
|
149
|
+
labelColProps: Record<string, any>;
|
|
150
|
+
wrapperColProps: Record<string, any>;
|
|
151
|
+
labelAlign: "left" | "right";
|
|
152
|
+
autoLabelWidth: boolean;
|
|
153
|
+
scrollToFirstError: boolean;
|
|
154
|
+
} & {
|
|
155
|
+
size?: "mini" | "small" | "medium" | "large" | undefined;
|
|
156
|
+
disabled?: boolean | undefined;
|
|
157
|
+
labelColStyle?: Record<string, any> | undefined;
|
|
158
|
+
wrapperColStyle?: Record<string, any> | undefined;
|
|
159
|
+
rules?: Record<string, FieldRule<any> | FieldRule<any>[]> | undefined;
|
|
160
|
+
id?: string | undefined;
|
|
161
|
+
}> & {
|
|
162
|
+
onSubmit?: ((data: {
|
|
149
163
|
values: Record<string, any>;
|
|
150
|
-
errors: Record<string, import(
|
|
151
|
-
}, ev: Event) =>
|
|
164
|
+
errors: Record<string, import('@arco-design/web-vue').ValidatedError> | undefined;
|
|
165
|
+
}, ev: Event) => any) | undefined;
|
|
166
|
+
onSubmitSuccess?: ((values: Record<string, any>, ev: Event) => any) | undefined;
|
|
167
|
+
onSubmitFailed?: ((data: {
|
|
152
168
|
values: Record<string, any>;
|
|
153
|
-
errors: Record<string, import(
|
|
154
|
-
}, ev: Event) =>
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
layout: "horizontal" | "vertical" | "inline";
|
|
172
|
-
model: Record<string, any>;
|
|
173
|
-
labelColProps: Record<string, any>;
|
|
174
|
-
wrapperColProps: Record<string, any>;
|
|
175
|
-
labelAlign: "left" | "right";
|
|
176
|
-
autoLabelWidth: boolean;
|
|
177
|
-
scrollToFirstError: boolean;
|
|
178
|
-
} & {
|
|
179
|
-
disabled?: boolean | undefined;
|
|
180
|
-
size?: "mini" | "medium" | "large" | "small" | undefined;
|
|
181
|
-
labelColStyle?: Record<string, any> | undefined;
|
|
182
|
-
wrapperColStyle?: Record<string, any> | undefined;
|
|
183
|
-
rules?: Record<string, FieldRule<any> | FieldRule<any>[]> | undefined;
|
|
184
|
-
id?: string | undefined;
|
|
185
|
-
}> & {
|
|
186
|
-
onSubmit?: ((data: {
|
|
187
|
-
values: Record<string, any>;
|
|
188
|
-
errors: Record<string, import("@arco-design/web-vue").ValidatedError> | undefined;
|
|
189
|
-
}, ev: Event) => any) | undefined;
|
|
190
|
-
onSubmitSuccess?: ((values: Record<string, any>, ev: Event) => any) | undefined;
|
|
191
|
-
onSubmitFailed?: ((data: {
|
|
192
|
-
values: Record<string, any>;
|
|
193
|
-
errors: Record<string, import("@arco-design/web-vue").ValidatedError>;
|
|
194
|
-
}, ev: Event) => any) | undefined;
|
|
195
|
-
}, {
|
|
196
|
-
cls: import("vue").ComputedRef<(string | {
|
|
197
|
-
[x: string]: boolean;
|
|
198
|
-
})[]>;
|
|
199
|
-
formRef: import("vue").Ref<HTMLFormElement | undefined>;
|
|
200
|
-
handleSubmit: (e: Event) => void;
|
|
201
|
-
innerValidate: (callback?: ((errors: Record<string, import("@arco-design/web-vue").ValidatedError> | undefined) => void) | undefined) => Promise<Record<string, import("@arco-design/web-vue").ValidatedError> | undefined>;
|
|
202
|
-
innerValidateField: (field: string | string[], callback?: ((errors: Record<string, import("@arco-design/web-vue").ValidatedError> | undefined) => void) | undefined) => Promise<Record<string, import("@arco-design/web-vue").ValidatedError> | undefined>;
|
|
203
|
-
innerResetFields: (field?: string | string[] | undefined) => void;
|
|
204
|
-
innerClearValidate: (field?: string | string[] | undefined) => void;
|
|
205
|
-
innerSetFields: (data: Record<string, import("@arco-design/web-vue/es/form/interface").FieldData>) => void;
|
|
206
|
-
innerScrollToField: (field: string, options?: import("scroll-into-view-if-needed").Options<any> | undefined) => void;
|
|
207
|
-
}, unknown, {}, {
|
|
208
|
-
validate(callback?: ((errors: Record<string, import("@arco-design/web-vue").ValidatedError> | undefined) => void) | undefined): Promise<Record<string, import("@arco-design/web-vue").ValidatedError> | undefined>;
|
|
209
|
-
validateField(field: string | string[], callback?: ((errors: Record<string, import("@arco-design/web-vue").ValidatedError> | undefined) => void) | undefined): Promise<Record<string, import("@arco-design/web-vue").ValidatedError> | undefined>;
|
|
210
|
-
resetFields(field?: string | string[] | undefined): void;
|
|
211
|
-
clearValidate(field?: string | string[] | undefined): void;
|
|
212
|
-
setFields(data: Record<string, import("@arco-design/web-vue/es/form/interface").FieldData>): void;
|
|
213
|
-
scrollToField(field: string): void;
|
|
214
|
-
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
215
|
-
submit: (data: {
|
|
216
|
-
values: Record<string, any>;
|
|
217
|
-
errors: Record<string, import("@arco-design/web-vue").ValidatedError> | undefined;
|
|
218
|
-
}, ev: Event) => true;
|
|
219
|
-
submitSuccess: (values: Record<string, any>, ev: Event) => true;
|
|
220
|
-
submitFailed: (data: {
|
|
221
|
-
values: Record<string, any>;
|
|
222
|
-
errors: Record<string, import("@arco-design/web-vue").ValidatedError>;
|
|
223
|
-
}, ev: Event) => true;
|
|
224
|
-
}, string, {
|
|
225
|
-
disabled: boolean;
|
|
226
|
-
layout: "horizontal" | "vertical" | "inline";
|
|
227
|
-
labelColProps: Record<string, any>;
|
|
228
|
-
wrapperColProps: Record<string, any>;
|
|
229
|
-
labelAlign: "left" | "right";
|
|
230
|
-
autoLabelWidth: boolean;
|
|
231
|
-
scrollToFirstError: boolean;
|
|
232
|
-
}, {}, string, {}> & {
|
|
233
|
-
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
|
|
234
|
-
created?: ((() => void) | (() => void)[]) | undefined;
|
|
235
|
-
beforeMount?: ((() => void) | (() => void)[]) | undefined;
|
|
236
|
-
mounted?: ((() => void) | (() => void)[]) | undefined;
|
|
237
|
-
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
|
|
238
|
-
updated?: ((() => void) | (() => void)[]) | undefined;
|
|
239
|
-
activated?: ((() => void) | (() => void)[]) | undefined;
|
|
240
|
-
deactivated?: ((() => void) | (() => void)[]) | undefined;
|
|
241
|
-
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
|
|
242
|
-
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
|
|
243
|
-
destroyed?: ((() => void) | (() => void)[]) | undefined;
|
|
244
|
-
unmounted?: ((() => void) | (() => void)[]) | undefined;
|
|
245
|
-
renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
|
|
246
|
-
renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
|
|
247
|
-
errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
|
|
248
|
-
};
|
|
249
|
-
$forceUpdate: () => void;
|
|
250
|
-
$nextTick: typeof import("vue").nextTick;
|
|
251
|
-
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
|
|
252
|
-
} & Readonly<{
|
|
169
|
+
errors: Record<string, import('@arco-design/web-vue').ValidatedError>;
|
|
170
|
+
}, ev: Event) => any) | undefined;
|
|
171
|
+
}, {
|
|
172
|
+
disabled: boolean;
|
|
173
|
+
layout: "horizontal" | "vertical" | "inline";
|
|
174
|
+
labelColProps: Record<string, any>;
|
|
175
|
+
wrapperColProps: Record<string, any>;
|
|
176
|
+
labelAlign: "left" | "right";
|
|
177
|
+
autoLabelWidth: boolean;
|
|
178
|
+
scrollToFirstError: boolean;
|
|
179
|
+
}, true, {}, {}, {
|
|
180
|
+
P: {};
|
|
181
|
+
B: {};
|
|
182
|
+
D: {};
|
|
183
|
+
C: {};
|
|
184
|
+
M: {};
|
|
185
|
+
Defaults: {};
|
|
186
|
+
}, Readonly<{
|
|
253
187
|
model?: unknown;
|
|
254
188
|
layout?: unknown;
|
|
255
189
|
size?: unknown;
|
|
@@ -272,8 +206,8 @@ export declare const FormRender: import("vue").DefineComponent<{
|
|
|
272
206
|
autoLabelWidth: boolean;
|
|
273
207
|
scrollToFirstError: boolean;
|
|
274
208
|
} & {
|
|
209
|
+
size?: "mini" | "small" | "medium" | "large" | undefined;
|
|
275
210
|
disabled?: boolean | undefined;
|
|
276
|
-
size?: "mini" | "medium" | "large" | "small" | undefined;
|
|
277
211
|
labelColStyle?: Record<string, any> | undefined;
|
|
278
212
|
wrapperColStyle?: Record<string, any> | undefined;
|
|
279
213
|
rules?: Record<string, FieldRule<any> | FieldRule<any>[]> | undefined;
|
|
@@ -281,47 +215,55 @@ export declare const FormRender: import("vue").DefineComponent<{
|
|
|
281
215
|
}> & {
|
|
282
216
|
onSubmit?: ((data: {
|
|
283
217
|
values: Record<string, any>;
|
|
284
|
-
errors: Record<string, import(
|
|
218
|
+
errors: Record<string, import('@arco-design/web-vue').ValidatedError> | undefined;
|
|
285
219
|
}, ev: Event) => any) | undefined;
|
|
286
220
|
onSubmitSuccess?: ((values: Record<string, any>, ev: Event) => any) | undefined;
|
|
287
221
|
onSubmitFailed?: ((data: {
|
|
288
222
|
values: Record<string, any>;
|
|
289
|
-
errors: Record<string, import(
|
|
223
|
+
errors: Record<string, import('@arco-design/web-vue').ValidatedError>;
|
|
290
224
|
}, ev: Event) => any) | undefined;
|
|
291
|
-
}
|
|
292
|
-
cls: import(
|
|
225
|
+
}, {
|
|
226
|
+
cls: import('vue').ComputedRef<(string | {
|
|
293
227
|
[x: string]: boolean;
|
|
294
228
|
})[]>;
|
|
295
|
-
formRef: import(
|
|
229
|
+
formRef: import('vue').Ref<HTMLFormElement | undefined>;
|
|
296
230
|
handleSubmit: (e: Event) => void;
|
|
297
|
-
innerValidate: (callback?: ((errors: Record<string, import(
|
|
298
|
-
innerValidateField: (field: string | string[], callback?: ((errors: Record<string, import(
|
|
231
|
+
innerValidate: (callback?: ((errors: Record<string, import('@arco-design/web-vue').ValidatedError> | undefined) => void) | undefined) => Promise<Record<string, import('@arco-design/web-vue').ValidatedError> | undefined>;
|
|
232
|
+
innerValidateField: (field: string | string[], callback?: ((errors: Record<string, import('@arco-design/web-vue').ValidatedError> | undefined) => void) | undefined) => Promise<Record<string, import('@arco-design/web-vue').ValidatedError> | undefined>;
|
|
299
233
|
innerResetFields: (field?: string | string[] | undefined) => void;
|
|
300
234
|
innerClearValidate: (field?: string | string[] | undefined) => void;
|
|
301
|
-
innerSetFields: (data: Record<string, import(
|
|
302
|
-
innerScrollToField: (field: string, options?: import(
|
|
303
|
-
}
|
|
304
|
-
validate(callback?: ((errors: Record<string, import(
|
|
305
|
-
validateField(field: string | string[], callback?: ((errors: Record<string, import(
|
|
235
|
+
innerSetFields: (data: Record<string, import('@arco-design/web-vue/es/form/interface').FieldData>) => void;
|
|
236
|
+
innerScrollToField: (field: string, options?: import('scroll-into-view-if-needed').Options<any> | undefined) => void;
|
|
237
|
+
}, {}, {}, {
|
|
238
|
+
validate(callback?: ((errors: Record<string, import('@arco-design/web-vue').ValidatedError> | undefined) => void) | undefined): Promise<Record<string, import('@arco-design/web-vue').ValidatedError> | undefined>;
|
|
239
|
+
validateField(field: string | string[], callback?: ((errors: Record<string, import('@arco-design/web-vue').ValidatedError> | undefined) => void) | undefined): Promise<Record<string, import('@arco-design/web-vue').ValidatedError> | undefined>;
|
|
306
240
|
resetFields(field?: string | string[] | undefined): void;
|
|
307
241
|
clearValidate(field?: string | string[] | undefined): void;
|
|
308
|
-
setFields(data: Record<string, import(
|
|
242
|
+
setFields(data: Record<string, import('@arco-design/web-vue/es/form/interface').FieldData>): void;
|
|
309
243
|
scrollToField(field: string): void;
|
|
310
|
-
}
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
244
|
+
}, {
|
|
245
|
+
disabled: boolean;
|
|
246
|
+
layout: "horizontal" | "vertical" | "inline";
|
|
247
|
+
labelColProps: Record<string, any>;
|
|
248
|
+
wrapperColProps: Record<string, any>;
|
|
249
|
+
labelAlign: "left" | "right";
|
|
250
|
+
autoLabelWidth: boolean;
|
|
251
|
+
scrollToFirstError: boolean;
|
|
252
|
+
}> | undefined>;
|
|
253
|
+
formColumns: import('vue').Ref<number>;
|
|
254
|
+
formRules: import('vue').ComputedRef<Record<string, FieldRule<any> | FieldRule<any>[]>>;
|
|
255
|
+
formCollspased: import('vue').Ref<boolean>;
|
|
256
|
+
formActiosSpan: import('vue').ComputedRef<number>;
|
|
257
|
+
formItems: import('vue').ComputedRef<import('../interfaces').FormItemOptions<any>[]>;
|
|
316
258
|
toggleFormCollapsed: () => boolean;
|
|
317
259
|
updateFormField: (key: string, value: any) => void;
|
|
318
260
|
updateFormSource: (value: DataRecord) => void;
|
|
319
261
|
reset: () => void;
|
|
320
|
-
validate: () => Promise<Record<string, import(
|
|
262
|
+
validate: () => Promise<Record<string, import('@arco-design/web-vue').ValidatedError> | undefined> | undefined;
|
|
321
263
|
onSubmitSuccess: () => void;
|
|
322
264
|
openCollapsedDialog: () => void;
|
|
323
|
-
modalInstance: import(
|
|
324
|
-
}, unknown, {}, {}, import(
|
|
265
|
+
modalInstance: import('vue').Ref<any>;
|
|
266
|
+
}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("submit" | "cancel" | "update:model-value")[], "submit" | "cancel" | "update:model-value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
325
267
|
form: {
|
|
326
268
|
type: PropType<FormItemsOptions<any>>;
|
|
327
269
|
required: true;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
1
|
+
import { FormRenderInstance } from '../form-render';
|
|
2
|
+
import { ComponentPublicInstance, Ref } from 'vue';
|
|
3
|
+
|
|
3
4
|
type FormRenderExpose = {
|
|
4
5
|
-readonly [K in keyof Omit<FormRenderInstance, keyof ComponentPublicInstance>]: FormRenderInstance[K];
|
|
5
6
|
};
|