@aspire-ui/element-component-pro 1.0.6 → 1.0.7
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 +21 -0
- package/dist/ProForm/ProForm.vue.d.ts +7 -0
- package/dist/ProForm/ProFormItem.vue.d.ts +2 -0
- package/dist/element-component-pro.es.js +758 -723
- package/dist/element-component-pro.es.js.map +1 -1
- package/dist/element-component-pro.umd.js +2 -2
- package/dist/element-component-pro.umd.js.map +1 -1
- package/dist/index.d.ts +52 -24
- package/dist/style.css +1 -1
- package/dist/types/index.d.ts +11 -0
- package/dist/utils/tooltip.d.ts +4 -0
- package/package.json +2 -1
- package/src/ProDescriptions/ProDescriptions.vue +24 -6
- package/src/ProForm/ProForm.vue +3 -1
- package/src/ProForm/ProFormItem.vue +144 -123
- package/src/ProTable/TableAction.vue +2 -5
- package/src/types/index.ts +7 -0
- package/src/utils/tooltip.ts +56 -0
- package/src/vite-env.d.ts +5 -0
package/README.md
CHANGED
|
@@ -311,14 +311,35 @@ const handleSubmit = (values) => {
|
|
|
311
311
|
- **dynamicDisabled**: 动态禁用
|
|
312
312
|
- **dynamicRules**: 动态校验规则
|
|
313
313
|
- **labelWidth**: 支持字段级标签宽度,覆盖表单级 `labelWidth`
|
|
314
|
+
- **tooltip**: 支持字段 value 的悬浮提示,可直接显示当前值或动态文案
|
|
314
315
|
- **v-model**: 支持 `modelValue` 双向绑定,`initialValues` 仅补齐缺失字段
|
|
315
316
|
- **useForm + v-model**: 编程式 `setFieldsValue/resetFields` 与受控 `modelValue` 保持同步
|
|
316
317
|
- **componentProps**: 支持函数,可获取 formModel、formActionType
|
|
317
318
|
|
|
319
|
+
```ts
|
|
320
|
+
{
|
|
321
|
+
field: 'name',
|
|
322
|
+
label: '姓名',
|
|
323
|
+
component: 'input',
|
|
324
|
+
tooltip: true,
|
|
325
|
+
}
|
|
326
|
+
|
|
327
|
+
{
|
|
328
|
+
field: 'status',
|
|
329
|
+
label: '状态',
|
|
330
|
+
component: 'select',
|
|
331
|
+
tooltip: ({ values }) => values.name ? `当前姓名:${values.name}` : '请选择状态',
|
|
332
|
+
}
|
|
333
|
+
```
|
|
334
|
+
|
|
335
|
+
更多说明见 `docs/ProForm.md`。
|
|
336
|
+
|
|
318
337
|
## ProDescriptions
|
|
319
338
|
|
|
320
339
|
参考 [Vben Admin Description](https://doc.vvbin.cn/components/desc.html#usage),用于详情页信息展示,支持 `schema` 驱动、响应式列数、折叠以及 `useDescription` 编程式更新。
|
|
321
340
|
|
|
341
|
+
- **tooltip**: 支持字段 value 的悬浮提示,适合长文本、数组值和对象值预览
|
|
342
|
+
|
|
322
343
|
```vue
|
|
323
344
|
<template>
|
|
324
345
|
<ProDescriptions
|
|
@@ -6,6 +6,7 @@ declare function __VLS_template(): Partial<Record<string, (_: {
|
|
|
6
6
|
field: string;
|
|
7
7
|
label: string;
|
|
8
8
|
labelWidth?: string | undefined;
|
|
9
|
+
colon?: boolean | undefined;
|
|
9
10
|
component?: (import('..').ProFormBuiltInComponent | import('..').ProFormCustomComponent) | undefined;
|
|
10
11
|
componentProps?: (Record<string, unknown> | ((params: import('..').RenderCallbackParams & {
|
|
11
12
|
formActionType?: FormActionType;
|
|
@@ -35,6 +36,7 @@ declare function __VLS_template(): Partial<Record<string, (_: {
|
|
|
35
36
|
dependencies?: string[] | undefined;
|
|
36
37
|
helpMessage?: string | string[] | undefined;
|
|
37
38
|
helpComponentProps?: Record<string, unknown> | undefined;
|
|
39
|
+
tooltip?: (boolean | string | Record<string, unknown> | ((params: import('..').RenderCallbackParams) => boolean | string | Record<string, unknown>)) | undefined;
|
|
38
40
|
};
|
|
39
41
|
field: string;
|
|
40
42
|
values: Record<string, unknown>;
|
|
@@ -53,6 +55,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
|
|
|
53
55
|
initialValues?: Record<string, unknown>;
|
|
54
56
|
labelWidth?: string;
|
|
55
57
|
labelPosition?: "left" | "right" | "top";
|
|
58
|
+
colon?: boolean;
|
|
56
59
|
gutter?: number;
|
|
57
60
|
size?: "medium" | "small" | "large";
|
|
58
61
|
disabled?: boolean;
|
|
@@ -79,6 +82,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
|
|
|
79
82
|
}>, {
|
|
80
83
|
labelWidth: string;
|
|
81
84
|
labelPosition: string;
|
|
85
|
+
colon: boolean;
|
|
82
86
|
gutter: number;
|
|
83
87
|
size: string;
|
|
84
88
|
autoSetPlaceholder: boolean;
|
|
@@ -131,6 +135,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
|
|
|
131
135
|
initialValues?: Record<string, unknown>;
|
|
132
136
|
labelWidth?: string;
|
|
133
137
|
labelPosition?: "left" | "right" | "top";
|
|
138
|
+
colon?: boolean;
|
|
134
139
|
gutter?: number;
|
|
135
140
|
size?: "medium" | "small" | "large";
|
|
136
141
|
disabled?: boolean;
|
|
@@ -157,6 +162,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
|
|
|
157
162
|
}>, {
|
|
158
163
|
labelWidth: string;
|
|
159
164
|
labelPosition: string;
|
|
165
|
+
colon: boolean;
|
|
160
166
|
gutter: number;
|
|
161
167
|
size: string;
|
|
162
168
|
autoSetPlaceholder: boolean;
|
|
@@ -196,6 +202,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
|
|
|
196
202
|
resetButtonIcon: string;
|
|
197
203
|
showAdvancedButton: boolean;
|
|
198
204
|
actionColOptions: ColEx;
|
|
205
|
+
colon: boolean;
|
|
199
206
|
labelWidth: string;
|
|
200
207
|
labelPosition: "left" | "right" | "top";
|
|
201
208
|
gutter: number;
|
|
@@ -13,6 +13,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRu
|
|
|
13
13
|
formModel: Record<string, unknown>;
|
|
14
14
|
formDisabled?: boolean;
|
|
15
15
|
autoPlaceholder?: boolean;
|
|
16
|
+
colon?: boolean;
|
|
16
17
|
formActionType?: import('../types').FormActionType;
|
|
17
18
|
onFieldChange?: (field: string, value: unknown) => void;
|
|
18
19
|
/** 自定义组件映射(由 ProForm 传入) */
|
|
@@ -22,6 +23,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRu
|
|
|
22
23
|
formModel: Record<string, unknown>;
|
|
23
24
|
formDisabled?: boolean;
|
|
24
25
|
autoPlaceholder?: boolean;
|
|
26
|
+
colon?: boolean;
|
|
25
27
|
formActionType?: import('../types').FormActionType;
|
|
26
28
|
onFieldChange?: (field: string, value: unknown) => void;
|
|
27
29
|
/** 自定义组件映射(由 ProForm 传入) */
|