@gopowerteam/form-render 0.0.84 → 0.0.86

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.
@@ -1,6 +1,6 @@
1
- import { FormItemRenders } from '../form-items';
2
- import { CSSProperties } from 'vue';
3
1
  import { FieldRule } from '@arco-design/web-vue';
2
+ import { CSSProperties } from 'vue';
3
+ import { FormItemRenders } from '../form-items';
4
4
 
5
5
  /**
6
6
  * 表单项配置
@@ -1,4 +1,4 @@
1
- import { DataRecord, FormItemsOptions } from '../interfaces';
2
1
  import { Ref } from 'vue';
2
+ import { DataRecord, FormItemsOptions } from '../interfaces';
3
3
 
4
4
  export declare function createFormSource(form?: FormItemsOptions, source?: Record<string, any>): [Ref<DataRecord>, (value: DataRecord) => void];
@@ -1,5 +1,5 @@
1
- import { DataRecord } from '../interfaces';
2
1
  import { InjectionKey, Ref } from 'vue';
2
+ import { DataRecord } from '../interfaces';
3
3
 
4
4
  export declare const provides: {
5
5
  id: InjectionKey<Ref<string>>;
@@ -1,6 +1,6 @@
1
- import { DataRecord, FormItemRenderReturn } from '../../interfaces';
2
- import { Ref } from 'vue';
3
1
  import { CascaderOption, TriggerProps } from '@arco-design/web-vue';
2
+ import { Ref } from 'vue';
3
+ import { DataRecord, FormItemRenderReturn } from '../../interfaces';
4
4
 
5
5
  export declare function renderCascaderItem<T = DataRecord>(options: RenderCascaderItemOptions): FormItemRenderReturn<T>;
6
6
  export type SelectOptions = CascaderOption[];
@@ -1,5 +1,5 @@
1
- import { DataRecord, FormItemRenderReturn } from '../../interfaces';
2
1
  import { ShortcutType } from '@arco-design/web-vue';
2
+ import { DataRecord, FormItemRenderReturn } from '../../interfaces';
3
3
 
4
4
  /**
5
5
  * 日期节点表单渲染
@@ -1,5 +1,5 @@
1
- import { DataRecord, FormItemRenderReturn } from '../../interfaces';
2
1
  import { ShortcutType } from '@arco-design/web-vue';
2
+ import { DataRecord, FormItemRenderReturn } from '../../interfaces';
3
3
 
4
4
  /**
5
5
  * 日期节点表单渲染
@@ -1,12 +1,12 @@
1
1
  export declare function FormItemRenders<T>(): {
2
- input: (options?: import('./input').RenderInputItemOptions | undefined) => import('..').FormItemRenderReturn<T>;
3
- textarea: (options?: import('./textarea').RenderTextareaItemOptions | undefined) => import('..').FormItemRenderReturn<T>;
2
+ input: (options?: import('./input').RenderInputItemOptions) => import('..').FormItemRenderReturn<T>;
3
+ textarea: (options?: import('./textarea').RenderTextareaItemOptions) => import('..').FormItemRenderReturn<T>;
4
4
  select: (options: import('./select').RenderSelectItemOptions) => import('..').FormItemRenderReturn<T>;
5
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>;
6
+ date: (options?: import('./date').RenderDateItemOptions) => import('..').FormItemRenderReturn<T>;
7
+ switch: (options?: import('./switch').RenderSwitchItemOptions) => import('..').FormItemRenderReturn<T>;
8
+ dateRange: (options?: import('./date-range').RenderDateRangeItemOptions) => import('..').FormItemRenderReturn<T>;
9
9
  render: (renderer: import('./render').RenderInputItemOptions<T>) => import('..').FormItemRenderReturn<T>;
10
10
  cascader: (options: import('./cascader').RenderCascaderItemOptions) => import('..').FormItemRenderReturn<T>;
11
- currency: (options?: import('./currency').RenderCurrencyOptions | undefined) => import('..').FormItemRenderReturn<T>;
11
+ currency: (options?: import('./currency').RenderCurrencyOptions) => import('..').FormItemRenderReturn<T>;
12
12
  };
@@ -1,5 +1,5 @@
1
- import { DataRecord, FormItemRenderReturn } from '../../interfaces';
2
1
  import { Ref } from 'vue';
2
+ import { DataRecord, FormItemRenderReturn } from '../../interfaces';
3
3
 
4
4
  export declare function renderSelectItem<T = DataRecord>(options: RenderSelectItemOptions): FormItemRenderReturn<T>;
5
5
  export type SelectOptions = Map<string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[], string>;
@@ -1,7 +1,7 @@
1
- import { DataRecord, FormItemRenderReturn } from '../../interfaces';
2
- import { TreeProps } from '@arco-design/web-vue/es/tree/interface';
3
- import { Ref } from 'vue';
4
1
  import { TreeFieldNames, TreeNodeData } from '@arco-design/web-vue';
2
+ import { Ref } from 'vue';
3
+ import { TreeProps } from '@arco-design/web-vue/es/tree/interface';
4
+ import { DataRecord, FormItemRenderReturn } from '../../interfaces';
5
5
 
6
6
  export declare function renderTreeSelectItem<T = DataRecord>(options: RenderTreeSelectItemOptions): FormItemRenderReturn<T>;
7
7
  export type SelectOptions = TreeNodeData[];
@@ -1,5 +1,6 @@
1
- import { FormItemsOptions } from '..';
2
1
  import { PropType } from 'vue';
2
+ import { Divider } from '@arco-design/web-vue';
3
+ import { FormItemsOptions } from '..';
3
4
 
4
5
  declare const _default: import('vue').DefineComponent<{
5
6
  form: {
@@ -14,15 +15,15 @@ declare const _default: import('vue').DefineComponent<{
14
15
  collapsed: boolean;
15
16
  key: string;
16
17
  title: string;
17
- default?: any;
18
- group?: string | string[] | undefined;
18
+ default?: any | (() => any) | (() => Promise<any>);
19
+ group?: string | string[];
19
20
  visiable?: boolean | ((record: Record<string, any>) => boolean) | undefined;
20
- span?: number | undefined;
21
- hideLabel?: boolean | undefined;
22
- labelStyle?: import('vue').CSSProperties | undefined;
23
- contentStyle?: import('vue').CSSProperties | undefined;
24
- rule?: import('@arco-design/web-vue').FieldRule<any> | import('@arco-design/web-vue').FieldRule<any>[] | undefined;
25
- mode?: "component" | "text" | undefined;
21
+ span?: number;
22
+ hideLabel?: boolean;
23
+ labelStyle?: import('vue').CSSProperties;
24
+ contentStyle?: import('vue').CSSProperties;
25
+ rule?: Divider | Divider[];
26
+ mode?: "component" | "text";
26
27
  render?: import('..').FormItemRender<Record<string, any>> | undefined;
27
28
  }[];
28
29
  groups: string[];
@@ -1,6 +1,5 @@
1
- import { DataRecord, FormItemsOptions } from '../interfaces';
2
- import { FieldRule } from '@arco-design/web-vue';
3
1
  import { PropType } from 'vue';
2
+ import { DataRecord, FormItemsOptions } from '../interfaces';
4
3
 
5
4
  export declare const FormRender: import('vue').DefineComponent<{
6
5
  form: {
@@ -38,7 +37,7 @@ export declare const FormRender: import('vue').DefineComponent<{
38
37
  required: false;
39
38
  };
40
39
  collapsedMode: {
41
- type: PropType<"dialog" | "append">;
40
+ type: PropType<"append" | "dialog">;
42
41
  required: false;
43
42
  default: string;
44
43
  };
@@ -46,7 +45,7 @@ export declare const FormRender: import('vue').DefineComponent<{
46
45
  type: BooleanConstructor;
47
46
  required: false;
48
47
  default: (props: {
49
- collapsedMode: 'append' | 'dialog';
48
+ collapsedMode: "append" | "dialog";
50
49
  }) => boolean;
51
50
  };
52
51
  submitable: {
@@ -73,206 +72,18 @@ export declare const FormRender: import('vue').DefineComponent<{
73
72
  formId: import('vue').Ref<string>;
74
73
  formName: import('vue').Ref<string>;
75
74
  formSource: import('vue').Ref<DataRecord>;
76
- formInstance: import('vue').Ref<import('vue').CreateComponentPublicInstance<Readonly<{
77
- model?: unknown;
78
- layout?: unknown;
79
- size?: unknown;
80
- labelColProps?: unknown;
81
- wrapperColProps?: unknown;
82
- labelColStyle?: unknown;
83
- wrapperColStyle?: unknown;
84
- labelAlign?: unknown;
85
- disabled?: unknown;
86
- rules?: unknown;
87
- autoLabelWidth?: unknown;
88
- id?: unknown;
89
- scrollToFirstError?: unknown;
90
- } & {
91
- layout: "horizontal" | "vertical" | "inline";
92
- model: Record<string, any>;
93
- labelColProps: Record<string, any>;
94
- wrapperColProps: Record<string, any>;
95
- labelAlign: "left" | "right";
96
- autoLabelWidth: boolean;
97
- scrollToFirstError: boolean;
98
- } & {
99
- disabled?: boolean | undefined;
100
- size?: "small" | "mini" | "medium" | "large" | undefined;
101
- labelColStyle?: Record<string, any> | undefined;
102
- wrapperColStyle?: Record<string, any> | undefined;
103
- rules?: Record<string, FieldRule<any> | FieldRule<any>[]> | undefined;
104
- id?: string | undefined;
105
- }> & {
106
- onSubmit?: ((data: {
107
- values: Record<string, any>;
108
- errors: Record<string, import('@arco-design/web-vue').ValidatedError> | undefined;
109
- }, ev: Event) => any) | undefined;
110
- onSubmitSuccess?: ((values: Record<string, any>, ev: Event) => any) | undefined;
111
- onSubmitFailed?: ((data: {
112
- values: Record<string, any>;
113
- errors: Record<string, import('@arco-design/web-vue').ValidatedError>;
114
- }, ev: Event) => any) | undefined;
115
- }, {
116
- cls: import('vue').ComputedRef<(string | {
117
- [x: string]: boolean;
118
- })[]>;
119
- formRef: import('vue').Ref<HTMLFormElement | undefined>;
120
- handleSubmit: (e: Event) => void;
121
- innerValidate: (callback?: ((errors: Record<string, import('@arco-design/web-vue').ValidatedError> | undefined) => void) | undefined) => Promise<Record<string, import('@arco-design/web-vue').ValidatedError> | undefined>;
122
- 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>;
123
- innerResetFields: (field?: string | string[] | undefined) => void;
124
- innerClearValidate: (field?: string | string[] | undefined) => void;
125
- innerSetFields: (data: Record<string, import('@arco-design/web-vue/es/form/interface').FieldData>) => void;
126
- innerScrollToField: (field: string, options?: import('scroll-into-view-if-needed').Options<any> | undefined) => void;
127
- }, unknown, {}, {
128
- validate(callback?: ((errors: Record<string, import('@arco-design/web-vue').ValidatedError> | undefined) => void) | undefined): Promise<Record<string, import('@arco-design/web-vue').ValidatedError> | undefined>;
129
- 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>;
130
- resetFields(field?: string | string[] | undefined): void;
131
- clearValidate(field?: string | string[] | undefined): void;
132
- setFields(data: Record<string, import('@arco-design/web-vue/es/form/interface').FieldData>): void;
133
- scrollToField(field: string): void;
134
- }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
135
- submit: (data: {
136
- values: Record<string, any>;
137
- errors: Record<string, import('@arco-design/web-vue').ValidatedError> | undefined;
138
- }, ev: Event) => true;
139
- submitSuccess: (values: Record<string, any>, ev: Event) => true;
140
- submitFailed: (data: {
141
- values: Record<string, any>;
142
- errors: Record<string, import('@arco-design/web-vue').ValidatedError>;
143
- }, ev: Event) => true;
144
- }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<{
145
- model?: unknown;
146
- layout?: unknown;
147
- size?: unknown;
148
- labelColProps?: unknown;
149
- wrapperColProps?: unknown;
150
- labelColStyle?: unknown;
151
- wrapperColStyle?: unknown;
152
- labelAlign?: unknown;
153
- disabled?: unknown;
154
- rules?: unknown;
155
- autoLabelWidth?: unknown;
156
- id?: unknown;
157
- scrollToFirstError?: unknown;
158
- } & {
159
- layout: "horizontal" | "vertical" | "inline";
160
- model: Record<string, any>;
161
- labelColProps: Record<string, any>;
162
- wrapperColProps: Record<string, any>;
163
- labelAlign: "left" | "right";
164
- autoLabelWidth: boolean;
165
- scrollToFirstError: boolean;
166
- } & {
167
- disabled?: boolean | undefined;
168
- size?: "small" | "mini" | "medium" | "large" | undefined;
169
- labelColStyle?: Record<string, any> | undefined;
170
- wrapperColStyle?: Record<string, any> | undefined;
171
- rules?: Record<string, FieldRule<any> | FieldRule<any>[]> | undefined;
172
- id?: string | undefined;
173
- }> & {
174
- onSubmit?: ((data: {
175
- values: Record<string, any>;
176
- errors: Record<string, import('@arco-design/web-vue').ValidatedError> | undefined;
177
- }, ev: Event) => any) | undefined;
178
- onSubmitSuccess?: ((values: Record<string, any>, ev: Event) => any) | undefined;
179
- onSubmitFailed?: ((data: {
180
- values: Record<string, any>;
181
- errors: Record<string, import('@arco-design/web-vue').ValidatedError>;
182
- }, ev: Event) => any) | undefined;
183
- }, {
184
- disabled: boolean;
185
- layout: "horizontal" | "vertical" | "inline";
186
- labelColProps: Record<string, any>;
187
- wrapperColProps: Record<string, any>;
188
- labelAlign: "left" | "right";
189
- autoLabelWidth: boolean;
190
- scrollToFirstError: boolean;
191
- }, true, {}, {}, {
192
- P: {};
193
- B: {};
194
- D: {};
195
- C: {};
196
- M: {};
197
- Defaults: {};
198
- }, Readonly<{
199
- model?: unknown;
200
- layout?: unknown;
201
- size?: unknown;
202
- labelColProps?: unknown;
203
- wrapperColProps?: unknown;
204
- labelColStyle?: unknown;
205
- wrapperColStyle?: unknown;
206
- labelAlign?: unknown;
207
- disabled?: unknown;
208
- rules?: unknown;
209
- autoLabelWidth?: unknown;
210
- id?: unknown;
211
- scrollToFirstError?: unknown;
212
- } & {
213
- layout: "horizontal" | "vertical" | "inline";
214
- model: Record<string, any>;
215
- labelColProps: Record<string, any>;
216
- wrapperColProps: Record<string, any>;
217
- labelAlign: "left" | "right";
218
- autoLabelWidth: boolean;
219
- scrollToFirstError: boolean;
220
- } & {
221
- disabled?: boolean | undefined;
222
- size?: "small" | "mini" | "medium" | "large" | undefined;
223
- labelColStyle?: Record<string, any> | undefined;
224
- wrapperColStyle?: Record<string, any> | undefined;
225
- rules?: Record<string, FieldRule<any> | FieldRule<any>[]> | undefined;
226
- id?: string | undefined;
227
- }> & {
228
- onSubmit?: ((data: {
229
- values: Record<string, any>;
230
- errors: Record<string, import('@arco-design/web-vue').ValidatedError> | undefined;
231
- }, ev: Event) => any) | undefined;
232
- onSubmitSuccess?: ((values: Record<string, any>, ev: Event) => any) | undefined;
233
- onSubmitFailed?: ((data: {
234
- values: Record<string, any>;
235
- errors: Record<string, import('@arco-design/web-vue').ValidatedError>;
236
- }, ev: Event) => any) | undefined;
237
- }, {
238
- cls: import('vue').ComputedRef<(string | {
239
- [x: string]: boolean;
240
- })[]>;
241
- formRef: import('vue').Ref<HTMLFormElement | undefined>;
242
- handleSubmit: (e: Event) => void;
243
- innerValidate: (callback?: ((errors: Record<string, import('@arco-design/web-vue').ValidatedError> | undefined) => void) | undefined) => Promise<Record<string, import('@arco-design/web-vue').ValidatedError> | undefined>;
244
- 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>;
245
- innerResetFields: (field?: string | string[] | undefined) => void;
246
- innerClearValidate: (field?: string | string[] | undefined) => void;
247
- innerSetFields: (data: Record<string, import('@arco-design/web-vue/es/form/interface').FieldData>) => void;
248
- innerScrollToField: (field: string, options?: import('scroll-into-view-if-needed').Options<any> | undefined) => void;
249
- }, {}, {}, {
250
- validate(callback?: ((errors: Record<string, import('@arco-design/web-vue').ValidatedError> | undefined) => void) | undefined): Promise<Record<string, import('@arco-design/web-vue').ValidatedError> | undefined>;
251
- 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>;
252
- resetFields(field?: string | string[] | undefined): void;
253
- clearValidate(field?: string | string[] | undefined): void;
254
- setFields(data: Record<string, import('@arco-design/web-vue/es/form/interface').FieldData>): void;
255
- scrollToField(field: string): void;
256
- }, {
257
- disabled: boolean;
258
- layout: "horizontal" | "vertical" | "inline";
259
- labelColProps: Record<string, any>;
260
- wrapperColProps: Record<string, any>;
261
- labelAlign: "left" | "right";
262
- autoLabelWidth: boolean;
263
- scrollToFirstError: boolean;
264
- }> | undefined>;
75
+ formInstance: import('vue').Ref<any>;
265
76
  formColumns: import('vue').Ref<number>;
266
- formRules: import('vue').ComputedRef<Record<string, FieldRule<any> | FieldRule<any>[]>>;
77
+ formRules: import('vue').ComputedRef<Record<string, any>>;
267
78
  formCollspased: import('vue').Ref<boolean>;
268
79
  formActiosSpan: import('vue').ComputedRef<number>;
269
- formItems: import('vue').ComputedRef<import('../interfaces').FormItemOptions<any>[]>;
80
+ formItems: import('vue').ComputedRef<import('..').FormItemOptions<any>[]>;
270
81
  toggleFormCollapsed: () => boolean;
271
82
  updateFormField: (key: string, value: any) => void;
272
83
  resetFormField: (key: string) => void;
273
84
  updateFormSource: (value: DataRecord) => void;
274
85
  reset: () => void;
275
- validate: () => Promise<Record<string, import('@arco-design/web-vue').ValidatedError> | undefined> | undefined;
86
+ validate: () => any;
276
87
  onSubmitSuccess: () => void;
277
88
  openCollapsedDialog: () => void;
278
89
  modalInstance: import('vue').Ref<any>;
@@ -312,7 +123,7 @@ export declare const FormRender: import('vue').DefineComponent<{
312
123
  required: false;
313
124
  };
314
125
  collapsedMode: {
315
- type: PropType<"dialog" | "append">;
126
+ type: PropType<"append" | "dialog">;
316
127
  required: false;
317
128
  default: string;
318
129
  };
@@ -320,7 +131,7 @@ export declare const FormRender: import('vue').DefineComponent<{
320
131
  type: BooleanConstructor;
321
132
  required: false;
322
133
  default: (props: {
323
- collapsedMode: 'append' | 'dialog';
134
+ collapsedMode: "append" | "dialog";
324
135
  }) => boolean;
325
136
  };
326
137
  submitable: {
@@ -1,5 +1,5 @@
1
- import { FormRenderInstance } from '../form-render';
2
1
  import { ComponentPublicInstance, Ref } from 'vue';
2
+ import { FormRenderInstance } from '../form-render';
3
3
 
4
4
  type FormRenderExpose = {
5
5
  -readonly [K in keyof Omit<FormRenderInstance, keyof ComponentPublicInstance>]: FormRenderInstance[K];