tdesign-next-pro-components 0.0.1-alpha.2 → 0.0.1-alpha.3
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/README.md +4 -4
- package/dist/components/form/base-form/base-form.d.ts +123 -0
- package/dist/components/form/components/form-item/index.d.ts +68 -0
- package/dist/components/table/index.d.ts +589 -2
- package/dist/components/table/types.d.ts +10 -3
- package/dist/components/table/utils/cell-render-to-form-item.d.ts +2 -40
- package/dist/components/table/utils/column-render.d.ts +4 -29
- package/dist/components/table/utils/gen-pro-column-to-column.d.ts +0 -14
- package/dist/components/table/utils/index.d.ts +3 -3
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +529 -172
- package/dist/index.es.js.map +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -44,7 +44,7 @@ app.mount("#app");
|
|
|
44
44
|
|
|
45
45
|
## Documentation
|
|
46
46
|
|
|
47
|
-
Visit our [documentation site](https://wehuss.github.io/tdesign-pro-components) for detailed usage instructions and examples.
|
|
47
|
+
Visit our [documentation site](https://wehuss.github.io/tdesign-next-pro-components) for detailed usage instructions and examples.
|
|
48
48
|
|
|
49
49
|
## Development
|
|
50
50
|
|
|
@@ -57,8 +57,8 @@ Visit our [documentation site](https://wehuss.github.io/tdesign-pro-components)
|
|
|
57
57
|
|
|
58
58
|
```bash
|
|
59
59
|
# Clone the repository
|
|
60
|
-
git clone https://github.com/wehuss/tdesign-pro-components.git
|
|
61
|
-
cd tdesign-pro-components
|
|
60
|
+
git clone https://github.com/wehuss/tdesign-next-pro-components.git
|
|
61
|
+
cd tdesign-next-pro-components
|
|
62
62
|
|
|
63
63
|
# Install dependencies
|
|
64
64
|
pnpm install
|
|
@@ -92,7 +92,7 @@ We welcome contributions! Please read our [Contributing Guide](./CONTRIBUTING.md
|
|
|
92
92
|
|
|
93
93
|
## Changelog
|
|
94
94
|
|
|
95
|
-
Detailed changes for each release are documented in the [release notes](https://github.com/wehuss/tdesign-pro-components/releases).
|
|
95
|
+
Detailed changes for each release are documented in the [release notes](https://github.com/wehuss/tdesign-next-pro-components/releases).
|
|
96
96
|
|
|
97
97
|
## License
|
|
98
98
|
|
|
@@ -144,6 +144,62 @@ export declare const BaseForm: import('vue').DefineComponent<import('vue').Extra
|
|
|
144
144
|
type: BooleanConstructor;
|
|
145
145
|
default: boolean;
|
|
146
146
|
};
|
|
147
|
+
colon: BooleanConstructor;
|
|
148
|
+
disabled: {
|
|
149
|
+
type: BooleanConstructor;
|
|
150
|
+
default: any;
|
|
151
|
+
};
|
|
152
|
+
errorMessage: {
|
|
153
|
+
type: PropType<import('tdesign-vue-next').TdFormProps["errorMessage"]>;
|
|
154
|
+
};
|
|
155
|
+
id: {
|
|
156
|
+
type: StringConstructor;
|
|
157
|
+
default: any;
|
|
158
|
+
};
|
|
159
|
+
labelAlign: {
|
|
160
|
+
type: PropType<import('tdesign-vue-next').TdFormProps["labelAlign"]>;
|
|
161
|
+
default: import('tdesign-vue-next').TdFormProps["labelAlign"];
|
|
162
|
+
validator(val: import('tdesign-vue-next').TdFormProps["labelAlign"]): boolean;
|
|
163
|
+
};
|
|
164
|
+
labelWidth: {
|
|
165
|
+
type: PropType<import('tdesign-vue-next').TdFormProps["labelWidth"]>;
|
|
166
|
+
default: import('tdesign-vue-next').TdFormProps["labelWidth"];
|
|
167
|
+
};
|
|
168
|
+
preventSubmitDefault: {
|
|
169
|
+
type: BooleanConstructor;
|
|
170
|
+
default: boolean;
|
|
171
|
+
};
|
|
172
|
+
requiredMark: {
|
|
173
|
+
type: BooleanConstructor;
|
|
174
|
+
default: any;
|
|
175
|
+
};
|
|
176
|
+
requiredMarkPosition: {
|
|
177
|
+
type: PropType<import('tdesign-vue-next').TdFormProps["requiredMarkPosition"]>;
|
|
178
|
+
validator(val: import('tdesign-vue-next').TdFormProps["requiredMarkPosition"]): boolean;
|
|
179
|
+
};
|
|
180
|
+
resetType: {
|
|
181
|
+
type: PropType<import('tdesign-vue-next').TdFormProps["resetType"]>;
|
|
182
|
+
default: import('tdesign-vue-next').TdFormProps["resetType"];
|
|
183
|
+
validator(val: import('tdesign-vue-next').TdFormProps["resetType"]): boolean;
|
|
184
|
+
};
|
|
185
|
+
rules: {
|
|
186
|
+
type: PropType<import('tdesign-vue-next').TdFormProps["rules"]>;
|
|
187
|
+
};
|
|
188
|
+
scrollToFirstError: {
|
|
189
|
+
type: PropType<import('tdesign-vue-next').TdFormProps["scrollToFirstError"]>;
|
|
190
|
+
validator(val: import('tdesign-vue-next').TdFormProps["scrollToFirstError"]): boolean;
|
|
191
|
+
};
|
|
192
|
+
showErrorMessage: {
|
|
193
|
+
type: BooleanConstructor;
|
|
194
|
+
default: boolean;
|
|
195
|
+
};
|
|
196
|
+
statusIcon: {
|
|
197
|
+
type: PropType<import('tdesign-vue-next').TdFormProps["statusIcon"]>;
|
|
198
|
+
default: import('tdesign-vue-next').TdFormProps["statusIcon"];
|
|
199
|
+
};
|
|
200
|
+
submitWithWarningMessage: BooleanConstructor;
|
|
201
|
+
onSubmit: PropType<import('tdesign-vue-next').TdFormProps["onSubmit"]>;
|
|
202
|
+
onValidate: PropType<import('tdesign-vue-next').TdFormProps["onValidate"]>;
|
|
147
203
|
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("reset" | "finish" | "finishFailed" | "loadingChange" | "init")[], "reset" | "finish" | "finishFailed" | "loadingChange" | "init", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
148
204
|
layout: {
|
|
149
205
|
type: PropType<"vertical" | "inline">;
|
|
@@ -267,6 +323,62 @@ export declare const BaseForm: import('vue').DefineComponent<import('vue').Extra
|
|
|
267
323
|
type: BooleanConstructor;
|
|
268
324
|
default: boolean;
|
|
269
325
|
};
|
|
326
|
+
colon: BooleanConstructor;
|
|
327
|
+
disabled: {
|
|
328
|
+
type: BooleanConstructor;
|
|
329
|
+
default: any;
|
|
330
|
+
};
|
|
331
|
+
errorMessage: {
|
|
332
|
+
type: PropType<import('tdesign-vue-next').TdFormProps["errorMessage"]>;
|
|
333
|
+
};
|
|
334
|
+
id: {
|
|
335
|
+
type: StringConstructor;
|
|
336
|
+
default: any;
|
|
337
|
+
};
|
|
338
|
+
labelAlign: {
|
|
339
|
+
type: PropType<import('tdesign-vue-next').TdFormProps["labelAlign"]>;
|
|
340
|
+
default: import('tdesign-vue-next').TdFormProps["labelAlign"];
|
|
341
|
+
validator(val: import('tdesign-vue-next').TdFormProps["labelAlign"]): boolean;
|
|
342
|
+
};
|
|
343
|
+
labelWidth: {
|
|
344
|
+
type: PropType<import('tdesign-vue-next').TdFormProps["labelWidth"]>;
|
|
345
|
+
default: import('tdesign-vue-next').TdFormProps["labelWidth"];
|
|
346
|
+
};
|
|
347
|
+
preventSubmitDefault: {
|
|
348
|
+
type: BooleanConstructor;
|
|
349
|
+
default: boolean;
|
|
350
|
+
};
|
|
351
|
+
requiredMark: {
|
|
352
|
+
type: BooleanConstructor;
|
|
353
|
+
default: any;
|
|
354
|
+
};
|
|
355
|
+
requiredMarkPosition: {
|
|
356
|
+
type: PropType<import('tdesign-vue-next').TdFormProps["requiredMarkPosition"]>;
|
|
357
|
+
validator(val: import('tdesign-vue-next').TdFormProps["requiredMarkPosition"]): boolean;
|
|
358
|
+
};
|
|
359
|
+
resetType: {
|
|
360
|
+
type: PropType<import('tdesign-vue-next').TdFormProps["resetType"]>;
|
|
361
|
+
default: import('tdesign-vue-next').TdFormProps["resetType"];
|
|
362
|
+
validator(val: import('tdesign-vue-next').TdFormProps["resetType"]): boolean;
|
|
363
|
+
};
|
|
364
|
+
rules: {
|
|
365
|
+
type: PropType<import('tdesign-vue-next').TdFormProps["rules"]>;
|
|
366
|
+
};
|
|
367
|
+
scrollToFirstError: {
|
|
368
|
+
type: PropType<import('tdesign-vue-next').TdFormProps["scrollToFirstError"]>;
|
|
369
|
+
validator(val: import('tdesign-vue-next').TdFormProps["scrollToFirstError"]): boolean;
|
|
370
|
+
};
|
|
371
|
+
showErrorMessage: {
|
|
372
|
+
type: BooleanConstructor;
|
|
373
|
+
default: boolean;
|
|
374
|
+
};
|
|
375
|
+
statusIcon: {
|
|
376
|
+
type: PropType<import('tdesign-vue-next').TdFormProps["statusIcon"]>;
|
|
377
|
+
default: import('tdesign-vue-next').TdFormProps["statusIcon"];
|
|
378
|
+
};
|
|
379
|
+
submitWithWarningMessage: BooleanConstructor;
|
|
380
|
+
onSubmit: PropType<import('tdesign-vue-next').TdFormProps["onSubmit"]>;
|
|
381
|
+
onValidate: PropType<import('tdesign-vue-next').TdFormProps["onValidate"]>;
|
|
270
382
|
}>> & Readonly<{
|
|
271
383
|
onReset?: ((...args: any[]) => any) | undefined;
|
|
272
384
|
onFinish?: ((...args: any[]) => any) | undefined;
|
|
@@ -276,6 +388,7 @@ export declare const BaseForm: import('vue').DefineComponent<import('vue').Extra
|
|
|
276
388
|
}>, {
|
|
277
389
|
fieldProps: Record<string, any>;
|
|
278
390
|
readonly: boolean;
|
|
391
|
+
disabled: boolean;
|
|
279
392
|
data: Record<string, any>;
|
|
280
393
|
loading: boolean;
|
|
281
394
|
grid: boolean;
|
|
@@ -285,6 +398,16 @@ export declare const BaseForm: import('vue').DefineComponent<import('vue').Extra
|
|
|
285
398
|
params: Record<string, any>;
|
|
286
399
|
colProps: Record<string, any>;
|
|
287
400
|
rowProps: Record<string, any>;
|
|
401
|
+
labelAlign: "top" | "left" | "right" | undefined;
|
|
402
|
+
labelWidth: string | number | undefined;
|
|
403
|
+
requiredMark: boolean;
|
|
404
|
+
showErrorMessage: boolean;
|
|
405
|
+
statusIcon: boolean | ((h: typeof import('vue').h, props: import('tdesign-vue-next').TdFormItemProps) => import('tdesign-vue-next').TNodeReturnValue) | undefined;
|
|
406
|
+
colon: boolean;
|
|
407
|
+
id: string;
|
|
408
|
+
preventSubmitDefault: boolean;
|
|
409
|
+
resetType: "empty" | "initial" | undefined;
|
|
410
|
+
submitWithWarningMessage: boolean;
|
|
288
411
|
groupProps: ProFormGroupProps;
|
|
289
412
|
formKey: string;
|
|
290
413
|
submitter: any;
|
|
@@ -126,6 +126,37 @@ export declare const ProFormItem: import('vue').DefineComponent<import('vue').Ex
|
|
|
126
126
|
type: BooleanConstructor;
|
|
127
127
|
default: boolean;
|
|
128
128
|
};
|
|
129
|
+
for: {
|
|
130
|
+
type: StringConstructor;
|
|
131
|
+
default: string;
|
|
132
|
+
};
|
|
133
|
+
labelAlign: {
|
|
134
|
+
type: PropType<import('tdesign-vue-next').TdFormItemProps["labelAlign"]>;
|
|
135
|
+
validator(val: import('tdesign-vue-next').TdFormItemProps["labelAlign"]): boolean;
|
|
136
|
+
};
|
|
137
|
+
labelWidth: {
|
|
138
|
+
type: PropType<import('tdesign-vue-next').TdFormItemProps["labelWidth"]>;
|
|
139
|
+
};
|
|
140
|
+
requiredMark: {
|
|
141
|
+
type: BooleanConstructor;
|
|
142
|
+
default: any;
|
|
143
|
+
};
|
|
144
|
+
showErrorMessage: {
|
|
145
|
+
type: BooleanConstructor;
|
|
146
|
+
default: any;
|
|
147
|
+
};
|
|
148
|
+
status: {
|
|
149
|
+
type: PropType<import('tdesign-vue-next').TdFormItemProps["status"]>;
|
|
150
|
+
default: import('tdesign-vue-next').TdFormItemProps["status"];
|
|
151
|
+
};
|
|
152
|
+
statusIcon: {
|
|
153
|
+
type: PropType<import('tdesign-vue-next').TdFormItemProps["statusIcon"]>;
|
|
154
|
+
default: import('tdesign-vue-next').TdFormItemProps["statusIcon"];
|
|
155
|
+
};
|
|
156
|
+
successBorder: BooleanConstructor;
|
|
157
|
+
tips: {
|
|
158
|
+
type: PropType<import('tdesign-vue-next').TdFormItemProps["tips"]>;
|
|
159
|
+
};
|
|
129
160
|
}>, () => VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
130
161
|
[key: string]: any;
|
|
131
162
|
}> | VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
@@ -189,7 +220,39 @@ export declare const ProFormItem: import('vue').DefineComponent<import('vue').Ex
|
|
|
189
220
|
type: BooleanConstructor;
|
|
190
221
|
default: boolean;
|
|
191
222
|
};
|
|
223
|
+
for: {
|
|
224
|
+
type: StringConstructor;
|
|
225
|
+
default: string;
|
|
226
|
+
};
|
|
227
|
+
labelAlign: {
|
|
228
|
+
type: PropType<import('tdesign-vue-next').TdFormItemProps["labelAlign"]>;
|
|
229
|
+
validator(val: import('tdesign-vue-next').TdFormItemProps["labelAlign"]): boolean;
|
|
230
|
+
};
|
|
231
|
+
labelWidth: {
|
|
232
|
+
type: PropType<import('tdesign-vue-next').TdFormItemProps["labelWidth"]>;
|
|
233
|
+
};
|
|
234
|
+
requiredMark: {
|
|
235
|
+
type: BooleanConstructor;
|
|
236
|
+
default: any;
|
|
237
|
+
};
|
|
238
|
+
showErrorMessage: {
|
|
239
|
+
type: BooleanConstructor;
|
|
240
|
+
default: any;
|
|
241
|
+
};
|
|
242
|
+
status: {
|
|
243
|
+
type: PropType<import('tdesign-vue-next').TdFormItemProps["status"]>;
|
|
244
|
+
default: import('tdesign-vue-next').TdFormItemProps["status"];
|
|
245
|
+
};
|
|
246
|
+
statusIcon: {
|
|
247
|
+
type: PropType<import('tdesign-vue-next').TdFormItemProps["statusIcon"]>;
|
|
248
|
+
default: import('tdesign-vue-next').TdFormItemProps["statusIcon"];
|
|
249
|
+
};
|
|
250
|
+
successBorder: BooleanConstructor;
|
|
251
|
+
tips: {
|
|
252
|
+
type: PropType<import('tdesign-vue-next').TdFormItemProps["tips"]>;
|
|
253
|
+
};
|
|
192
254
|
}>> & Readonly<{}>, {
|
|
255
|
+
status: "success" | "warning" | "error" | undefined;
|
|
193
256
|
readonly: boolean;
|
|
194
257
|
disabled: boolean;
|
|
195
258
|
valueType: ProFieldValueType;
|
|
@@ -209,5 +272,10 @@ export declare const ProFormItem: import('vue').DefineComponent<import('vue').Ex
|
|
|
209
272
|
colProps: Record<string, any>;
|
|
210
273
|
ignoreFormItem: boolean;
|
|
211
274
|
isListField: boolean;
|
|
275
|
+
for: string;
|
|
276
|
+
requiredMark: boolean;
|
|
277
|
+
showErrorMessage: boolean;
|
|
278
|
+
statusIcon: boolean | ((h: typeof import('vue').h) => import('tdesign-vue-next').TNodeReturnValue) | undefined;
|
|
279
|
+
successBorder: boolean;
|
|
212
280
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
213
281
|
export default ProFormItem;
|