@iswangh/element-plus-kit-form 0.1.4 → 0.2.0
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 +20 -20
- package/dist/FormAction.vue.d.ts +3 -3
- package/dist/FormAction.vue.d.ts.map +1 -1
- package/dist/FormItem.vue.d.ts +4 -18
- package/dist/FormItem.vue.d.ts.map +1 -1
- package/dist/composables/index.d.ts +1 -0
- package/dist/composables/index.d.ts.map +1 -1
- package/dist/composables/useChangeEventState.d.ts +5 -27
- package/dist/composables/useChangeEventState.d.ts.map +1 -1
- package/dist/composables/useClearState.d.ts +17 -0
- package/dist/composables/useClearState.d.ts.map +1 -0
- package/dist/config/action.d.ts +19 -14
- package/dist/config/action.d.ts.map +1 -1
- package/dist/config/{component.d.ts → comp.d.ts} +16 -6
- package/dist/config/comp.d.ts.map +1 -0
- package/dist/config/form.d.ts +1 -1
- package/dist/config/index.d.ts +1 -1
- package/dist/config/index.d.ts.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1091 -506
- package/dist/style.css +1 -1
- package/dist/types/action.d.ts +13 -12
- package/dist/types/common.d.ts +5 -4
- package/dist/types/comp.d.ts +93 -0
- package/dist/types/el.d.ts +8 -8
- package/dist/types/form-item.d.ts +31 -92
- package/dist/types/index.d.ts +3 -0
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/layout.d.ts +6 -0
- package/dist/types/options.d.ts +15 -31
- package/dist/types/scope.d.ts +34 -0
- package/dist/utils/action.d.ts +2 -2
- package/dist/utils/action.d.ts.map +1 -1
- package/dist/utils/index.d.ts +1 -1
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/lodash.d.ts +6 -0
- package/dist/utils/lodash.d.ts.map +1 -0
- package/dist/utils/options.d.ts.map +1 -1
- package/dist/utils/value.d.ts +13 -19
- package/dist/utils/value.d.ts.map +1 -1
- package/package.json +5 -3
- package/dist/config/component.d.ts.map +0 -1
- package/dist/utils/debounce.d.ts +0 -25
- package/dist/utils/debounce.d.ts.map +0 -1
package/README.md
CHANGED
|
@@ -24,13 +24,13 @@ const formItems: FormItems = [
|
|
|
24
24
|
{
|
|
25
25
|
prop: 'username',
|
|
26
26
|
label: '用户名',
|
|
27
|
-
|
|
27
|
+
compType: 'input',
|
|
28
28
|
},
|
|
29
29
|
{
|
|
30
30
|
prop: 'email',
|
|
31
31
|
label: '邮箱',
|
|
32
|
-
|
|
33
|
-
|
|
32
|
+
compType: 'input',
|
|
33
|
+
compProps: {
|
|
34
34
|
type: 'email',
|
|
35
35
|
},
|
|
36
36
|
},
|
|
@@ -77,7 +77,7 @@ import '@iswangh/element-plus-kit-form/style.css'
|
|
|
77
77
|
| --- | --- | --- | --- |
|
|
78
78
|
| model | 表单数据对象 | `Record<string, any>` | `{}` |
|
|
79
79
|
| formItems | 表单项配置数组 | `FormItems` | `[]` |
|
|
80
|
-
|
|
|
80
|
+
| rowProps | 行布局属性(ElRow 属性) | `RowProps` | `{}` |
|
|
81
81
|
| actionConfig | 操作按钮配置 | `ActionConfig` | `{}` |
|
|
82
82
|
|
|
83
83
|
**继承 Element Plus Form 属性**:组件继承所有 `ElForm` 的属性,如 `rules`、`labelPosition`、`size` 等。
|
|
@@ -87,7 +87,7 @@ import '@iswangh/element-plus-kit-form/style.css'
|
|
|
87
87
|
| 事件名 | 说明 | 参数 |
|
|
88
88
|
| --- | --- | --- |
|
|
89
89
|
| validate | 表单项验证事件 | `(prop: FormItemProp, isValid: boolean, message: string)` |
|
|
90
|
-
| change | 表单项值变化事件 | `(extendedParams:
|
|
90
|
+
| change | 表单项值变化事件 | `(extendedParams: FormItemEventExtendedParams, value: any)` |
|
|
91
91
|
| action | 操作按钮点击事件 | `(eventName: string)` |
|
|
92
92
|
| search | 搜索按钮点击事件 | - |
|
|
93
93
|
| reset | 重置按钮点击事件 | - |
|
|
@@ -99,7 +99,7 @@ import '@iswangh/element-plus-kit-form/style.css'
|
|
|
99
99
|
|
|
100
100
|
| 插槽名 | 说明 | 作用域参数 |
|
|
101
101
|
| --- | --- | --- |
|
|
102
|
-
| `{prop}` | 自定义组件插槽,当 `
|
|
102
|
+
| `{prop}` | 自定义组件插槽,当 `compType` 为 `custom` 时使用 | `FormItemSlotScope` |
|
|
103
103
|
| `form-item-{prop}` | 表单项插槽,用于自定义表单项内容 | `FormItemSlotScope` |
|
|
104
104
|
| `{prop}-{slotName}` | 动态组件插槽,如 `username-prefix`、`email-suffix` | `FormItemSlotScope` |
|
|
105
105
|
| `expand-toggle` | 展开/折叠按钮插槽,用于自定义按钮 | `{ expanded: boolean, toggle: (value?: boolean) => void }` |
|
|
@@ -112,15 +112,15 @@ import '@iswangh/element-plus-kit-form/style.css'
|
|
|
112
112
|
interface FormItem<C extends FormItemComp = FormItemComp> {
|
|
113
113
|
prop: string // 表单字段名(必填)
|
|
114
114
|
label: string // 标签文本
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
// 对于支持 options 的组件(如 select、cascader、radio、checkbox 等),
|
|
115
|
+
compType: FormItemComp // 组件类型(必填)
|
|
116
|
+
compProps?: FormItemCompProps<C> // 组件属性配置
|
|
117
|
+
// 对于支持 options 的组件(如 select、cascader、radio、checkbox 等),compProps.options 支持三种模式:
|
|
118
118
|
// 1. 静态数组:options: [{ label: '选项1', value: '1' }]
|
|
119
119
|
// 2. 函数模式:options: (formData) => [{ label: '选项1', value: '1' }]
|
|
120
120
|
// 3. 对象模式:options: { loader: (formData) => [...], deps: ['field1'], immediate: true }
|
|
121
121
|
vIf?: boolean | ((data?: any) => boolean) // 条件渲染(v-if)
|
|
122
122
|
vShow?: boolean | ((data?: any) => boolean) // 显示/隐藏(v-show)
|
|
123
|
-
|
|
123
|
+
colProps?: ColProps // 列布局属性(ElCol 属性)
|
|
124
124
|
// ... 其他 ElFormItem 属性
|
|
125
125
|
}
|
|
126
126
|
```
|
|
@@ -159,8 +159,8 @@ const formItems: FormItems = [
|
|
|
159
159
|
{
|
|
160
160
|
prop: 'username',
|
|
161
161
|
label: '用户名',
|
|
162
|
-
|
|
163
|
-
|
|
162
|
+
compType: 'input',
|
|
163
|
+
compProps: {
|
|
164
164
|
placeholder: '请输入用户名',
|
|
165
165
|
clearable: true,
|
|
166
166
|
},
|
|
@@ -171,8 +171,8 @@ const formItems: FormItems = [
|
|
|
171
171
|
{
|
|
172
172
|
prop: 'age',
|
|
173
173
|
label: '年龄',
|
|
174
|
-
|
|
175
|
-
|
|
174
|
+
compType: 'input-number',
|
|
175
|
+
compProps: {
|
|
176
176
|
min: 0,
|
|
177
177
|
max: 120,
|
|
178
178
|
step: 1,
|
|
@@ -183,8 +183,8 @@ const formItems: FormItems = [
|
|
|
183
183
|
{
|
|
184
184
|
prop: 'gender',
|
|
185
185
|
label: '性别',
|
|
186
|
-
|
|
187
|
-
|
|
186
|
+
compType: 'select',
|
|
187
|
+
compProps: {
|
|
188
188
|
options: [
|
|
189
189
|
{ label: '男', value: 'male' },
|
|
190
190
|
{ label: '女', value: 'female' },
|
|
@@ -253,12 +253,12 @@ const formItems: FormItems = [
|
|
|
253
253
|
{
|
|
254
254
|
prop: 'username',
|
|
255
255
|
label: '用户名',
|
|
256
|
-
|
|
256
|
+
compType: 'input',
|
|
257
257
|
},
|
|
258
258
|
{
|
|
259
259
|
prop: 'email',
|
|
260
260
|
label: '邮箱',
|
|
261
|
-
|
|
261
|
+
compType: 'input',
|
|
262
262
|
// 只有当用户名存在时才显示邮箱字段
|
|
263
263
|
vIf: (data) => !!data?.username,
|
|
264
264
|
},
|
|
@@ -286,7 +286,7 @@ const formItems: FormItems = [
|
|
|
286
286
|
{
|
|
287
287
|
prop: 'email',
|
|
288
288
|
label: '邮箱',
|
|
289
|
-
|
|
289
|
+
compType: 'input',
|
|
290
290
|
rules: [
|
|
291
291
|
{ required: true, message: '请输入邮箱', trigger: 'blur' },
|
|
292
292
|
{ type: 'email', message: '请输入正确的邮箱格式', trigger: 'blur' },
|
|
@@ -308,7 +308,7 @@ const formItems: FormItems = [
|
|
|
308
308
|
</template>
|
|
309
309
|
|
|
310
310
|
<script setup lang="ts">
|
|
311
|
-
const onChange = (extendedParams:
|
|
311
|
+
const onChange = (extendedParams: FormItemEventExtendedParams, value: any) => {
|
|
312
312
|
console.log('字段变化:', extendedParams.prop, value)
|
|
313
313
|
}
|
|
314
314
|
|
package/dist/FormAction.vue.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { Slot } from 'vue';
|
|
2
|
-
import {
|
|
2
|
+
import { FormActionConfig } from './types';
|
|
3
3
|
interface Props {
|
|
4
4
|
inline?: boolean;
|
|
5
5
|
actionSlot?: Slot;
|
|
6
|
-
config?:
|
|
6
|
+
config?: FormActionConfig;
|
|
7
7
|
/** 展开/折叠状态(仅在 buttons 包含 'expand' 时有效) */
|
|
8
8
|
expanded?: boolean;
|
|
9
9
|
/** 是否启用鼠标悬停自动展开 */
|
|
@@ -43,7 +43,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
43
43
|
}>, {
|
|
44
44
|
expanded: boolean;
|
|
45
45
|
inline: boolean;
|
|
46
|
-
config:
|
|
46
|
+
config: FormActionConfig;
|
|
47
47
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
48
48
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
49
49
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormAction.vue.d.ts","sourceRoot":"","sources":["../src/FormAction.vue"],"names":[],"mappings":"AACA;AAkKA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC/B,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"FormAction.vue.d.ts","sourceRoot":"","sources":["../src/FormAction.vue"],"names":[],"mappings":"AACA;AAkKA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC/B,OAAO,KAAK,EAAwB,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAMrE,UAAU,KAAK;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,IAAI,CAAA;IACjB,MAAM,CAAC,EAAE,gBAAgB,CAAA;IACzB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mBAAmB;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,8BAA8B;IAC9B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,8BAA8B;IAC9B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;CAC1B;AAwGD,iBAAS,cAAc;WAsHT,OAAO,IAA6B;;yBAVpB,GAAG;;;;EAehC;AAoBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;mBArPiB,MAAM;eAAS,GAAG;;;;;;;;mBAAlB,MAAM;eAAS,GAAG;;;cAV3C,OAAO;YAJT,OAAO;YAEP,gBAAgB;4EAwQzB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC9B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GAC5C,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AACF,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC;AACF,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AACF,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
package/dist/FormItem.vue.d.ts
CHANGED
|
@@ -8,6 +8,7 @@ interface ProcessedSlot {
|
|
|
8
8
|
interface FormSlots {
|
|
9
9
|
formItemSlots: ProcessedSlot[];
|
|
10
10
|
dynamicComponentSlots: Map<string, ProcessedSlot[]>;
|
|
11
|
+
customComponentSlots: Map<string, ProcessedSlot[]>;
|
|
11
12
|
}
|
|
12
13
|
interface Props {
|
|
13
14
|
formItem: FormItem;
|
|
@@ -20,34 +21,24 @@ type __VLS_Props = Props;
|
|
|
20
21
|
type __VLS_PublicProps = {
|
|
21
22
|
modelValue?: any;
|
|
22
23
|
} & __VLS_Props;
|
|
23
|
-
declare
|
|
24
|
-
attrs: Partial<{}>;
|
|
25
|
-
slots: Partial<Record<string, (_: {
|
|
26
|
-
value: unknown;
|
|
27
|
-
form: Record<string, any>;
|
|
28
|
-
formItem: FormItem<import('./types').FormItemComp>;
|
|
29
|
-
}) => any>>;
|
|
30
|
-
refs: {};
|
|
31
|
-
rootEl: any;
|
|
32
|
-
};
|
|
33
|
-
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
34
|
-
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
|
|
24
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
|
|
35
25
|
formData: () => {};
|
|
36
26
|
formSlots: () => {
|
|
37
27
|
formItemSlots: never[];
|
|
38
28
|
dynamicComponentSlots: Map<any, any>;
|
|
29
|
+
customComponentSlots: Map<any, any>;
|
|
39
30
|
};
|
|
40
31
|
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
|
|
41
32
|
formData: () => {};
|
|
42
33
|
formSlots: () => {
|
|
43
34
|
formItemSlots: never[];
|
|
44
35
|
dynamicComponentSlots: Map<any, any>;
|
|
36
|
+
customComponentSlots: Map<any, any>;
|
|
45
37
|
};
|
|
46
38
|
}>>> & Readonly<{}>, {
|
|
47
39
|
formData: Record<string, any>;
|
|
48
40
|
formSlots: FormSlots;
|
|
49
41
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
50
|
-
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
51
42
|
export default _default;
|
|
52
43
|
type __VLS_WithDefaults<P, D> = {
|
|
53
44
|
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
|
|
@@ -63,11 +54,6 @@ type __VLS_TypePropsToOption<T> = {
|
|
|
63
54
|
required: true;
|
|
64
55
|
};
|
|
65
56
|
};
|
|
66
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
67
|
-
new (): {
|
|
68
|
-
$slots: S;
|
|
69
|
-
};
|
|
70
|
-
};
|
|
71
57
|
type __VLS_PrettifyLocal<T> = {
|
|
72
58
|
[K in keyof T]: T[K];
|
|
73
59
|
} & {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormItem.vue.d.ts","sourceRoot":"","sources":["../src/FormItem.vue"],"names":[],"mappings":"AACA;
|
|
1
|
+
{"version":3,"file":"FormItem.vue.d.ts","sourceRoot":"","sources":["../src/FormItem.vue"],"names":[],"mappings":"AACA;AAsaA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC/B,OAAO,KAAK,EAAE,QAAQ,EAA6D,MAAM,SAAS,CAAA;AAOlG,UAAU,aAAa;IACrB,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,IAAI,CAAA;CACb;AAED,UAAU,SAAS;IACjB,aAAa,EAAE,aAAa,EAAE,CAAA;IAC9B,qBAAqB,EAAE,GAAG,CAAC,MAAM,EAAE,aAAa,EAAE,CAAC,CAAA;IACnD,oBAAoB,EAAE,GAAG,CAAC,MAAM,EAAE,aAAa,EAAE,CAAC,CAAA;CACnD;AAED,UAAU,KAAK;IACb,QAAQ,EAAE,QAAQ,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC9B,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IAC1D,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB;AAQD,KAAK,WAAW,GAAG,KAAK,CAAC;AAmWzB,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CAChB,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;cAhXH,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;eAElB,SAAS;;AAggBvB,wBAUG;AAEH,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC9B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GAC5C,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AACF,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC;AACF,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composables/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composables/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,iBAAiB,CAAA"}
|
|
@@ -3,33 +3,11 @@
|
|
|
3
3
|
* 用于区分不同类型的值变化,防止重复触发 change 事件
|
|
4
4
|
*/
|
|
5
5
|
export declare function useChangeEventState(): {
|
|
6
|
-
/** 是否正在清理 */
|
|
7
|
-
readonly isClearing: boolean;
|
|
8
6
|
/** 是否用户交互 */
|
|
9
|
-
readonly
|
|
10
|
-
/**
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
startClearing(value: any): void;
|
|
15
|
-
/**
|
|
16
|
-
* 结束清理操作(在 nextTick 中调用)
|
|
17
|
-
*/
|
|
18
|
-
endClearing(): void;
|
|
19
|
-
/**
|
|
20
|
-
* 开始用户交互
|
|
21
|
-
*/
|
|
22
|
-
startUserInteraction(): void;
|
|
23
|
-
/**
|
|
24
|
-
* 结束用户交互(在 nextTick 中调用)
|
|
25
|
-
*/
|
|
26
|
-
endUserInteraction(): void;
|
|
27
|
-
/**
|
|
28
|
-
* 判断是否是清理操作
|
|
29
|
-
* @param oldValue - 旧值
|
|
30
|
-
* @param newValue - 新值
|
|
31
|
-
* @param isEmpty - 检查值是否为空的函数
|
|
32
|
-
*/
|
|
33
|
-
isClearingOperation(oldValue: any, newValue: any, isEmpty: (val: any) => boolean): boolean;
|
|
7
|
+
readonly isUser: boolean;
|
|
8
|
+
/** 开始用户交互 */
|
|
9
|
+
start(): void;
|
|
10
|
+
/** 结束用户交互(在 nextTick 中调用) */
|
|
11
|
+
end(): void;
|
|
34
12
|
};
|
|
35
13
|
//# sourceMappingURL=useChangeEventState.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useChangeEventState.d.ts","sourceRoot":"","sources":["../../src/composables/useChangeEventState.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useChangeEventState.d.ts","sourceRoot":"","sources":["../../src/composables/useChangeEventState.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,mBAAmB;IAI/B,aAAa;;IAKb,aAAa;;IAKb,6BAA6B;;EAKhC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 清理状态管理组合式函数
|
|
3
|
+
* 用于管理依赖变更时的清理操作,支持用户在 change 事件中设置默认值
|
|
4
|
+
*/
|
|
5
|
+
export declare function useClearState(): {
|
|
6
|
+
/** 是否正在处理依赖变更 */
|
|
7
|
+
readonly changing: boolean;
|
|
8
|
+
/** 用户是否在 change 事件中设置了值 */
|
|
9
|
+
readonly hasUserValue: boolean;
|
|
10
|
+
/** 开始依赖变更处理 */
|
|
11
|
+
start(): void;
|
|
12
|
+
/** 结束依赖变更处理 */
|
|
13
|
+
end(): void;
|
|
14
|
+
/** 标记用户在 change 事件中设置了值 */
|
|
15
|
+
markValue(): void;
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=useClearState.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useClearState.d.ts","sourceRoot":"","sources":["../../src/composables/useClearState.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,aAAa;IAKzB,iBAAiB;;IAKjB,2BAA2B;;IAK3B,eAAe;;IAMf,eAAe;;IAMf,2BAA2B;;EAK9B"}
|
package/dist/config/action.d.ts
CHANGED
|
@@ -1,25 +1,30 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { FormActionButtonItem, FormActionConfig } from '../types';
|
|
2
2
|
/**
|
|
3
3
|
* 表单动作按钮默认配置
|
|
4
4
|
*/
|
|
5
|
-
export declare const DEFAULT_FORM_ACTION_BUTTONS: Record<string, Partial<Omit<
|
|
6
|
-
/**
|
|
7
|
-
* 展开/收起功能默认滚动选项
|
|
8
|
-
*/
|
|
9
|
-
export declare const DEFAULT_EXPAND_SCROLL_OPTIONS: ScrollIntoViewOptions;
|
|
5
|
+
export declare const DEFAULT_FORM_ACTION_BUTTONS: Record<string, Partial<Omit<FormActionButtonItem, 'eventName'>>>;
|
|
10
6
|
/**
|
|
11
7
|
* 表单动作默认配置
|
|
12
8
|
*/
|
|
13
|
-
export declare const
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
9
|
+
export declare const FORM_ACTION_DEFAULT_CONFIG: {
|
|
10
|
+
/**
|
|
11
|
+
* 获取动作默认属性
|
|
12
|
+
*/
|
|
13
|
+
getDefaults(inline?: boolean, actionConfig?: FormActionConfig): {
|
|
14
|
+
vIf: import('../types').Condition;
|
|
15
|
+
vShow: import('../types').Condition;
|
|
16
|
+
buttons: string[] | import('../types').FormActionButtons[];
|
|
17
|
+
expand?: import('../types').FormExpandRule;
|
|
19
18
|
autoExpandOnError: boolean;
|
|
20
19
|
};
|
|
21
|
-
|
|
22
|
-
|
|
20
|
+
/**
|
|
21
|
+
* 获取动作按钮列表
|
|
22
|
+
*/
|
|
23
|
+
getActionButtons(inline?: boolean): string[];
|
|
24
|
+
/**
|
|
25
|
+
* 构建动作属性
|
|
26
|
+
*/
|
|
27
|
+
buildActionProps(inline?: boolean): {
|
|
23
28
|
buttons: string[];
|
|
24
29
|
vIf: boolean | undefined;
|
|
25
30
|
autoExpandOnError: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"action.d.ts","sourceRoot":"","sources":["../../src/config/action.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"action.d.ts","sourceRoot":"","sources":["../../src/config/action.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAGtE;;GAEG;AACH,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,oBAAoB,EAAE,WAAW,CAAC,CAAC,CAMxG,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,0BAA0B;IACrC;;OAEG;yBACkB,OAAO,iBAAiB,gBAAgB;;;;;;;IAI7D;;OAEG;8BACuB,OAAO;IAGjC;;OAEG;8BACuB,OAAO;;;;;;CAQlC,CAAA"}
|
|
@@ -3,29 +3,39 @@ import { FormItem } from '../types';
|
|
|
3
3
|
* 需要从 FormItem 中排除的自定义属性键名
|
|
4
4
|
* 这些属性不会传递给 el-form-item 组件
|
|
5
5
|
*/
|
|
6
|
-
export declare const FORM_ITEM_EXCLUDED_KEYS: readonly ["
|
|
6
|
+
export declare const FORM_ITEM_EXCLUDED_KEYS: readonly ["compType", "compProps", "vIf", "vShow"];
|
|
7
|
+
/**
|
|
8
|
+
* 拓展的组件映射
|
|
9
|
+
* 导出以便在类型文件中使用 typeof 提取类型
|
|
10
|
+
*/
|
|
11
|
+
export declare const EXPAND_COMP_MAP: {
|
|
12
|
+
readonly custom: "div";
|
|
13
|
+
};
|
|
7
14
|
/**
|
|
8
15
|
* 表单组件类型映射配置
|
|
9
16
|
*
|
|
10
17
|
* 使用显式类型注解避免类型推断超出编译器序列化限制
|
|
11
18
|
* 类型提示通过 keyof 提取键名,不依赖完整的类型定义
|
|
19
|
+
*
|
|
20
|
+
* 注意:虽然这里使用 Record<string, any>,但实际的类型定义
|
|
21
|
+
* 通过类型工具在 comp.d.ts 中从 EL_COMP_MAP 和 EXPAND_COMP_MAP 提取
|
|
12
22
|
*/
|
|
13
23
|
export declare const FORM_ITEM_COMP_MAP: Record<string, any>;
|
|
14
24
|
/**
|
|
15
25
|
* 动态组件默认配置
|
|
16
26
|
*/
|
|
17
|
-
export declare const
|
|
27
|
+
export declare const COMP_DEFAULT_CONFIG: {
|
|
18
28
|
/**
|
|
19
29
|
* 获取组件默认属性
|
|
20
30
|
*/
|
|
21
31
|
getDefaults(formItem: FormItem): {
|
|
22
32
|
[x: string]: any;
|
|
23
|
-
options?: import('../types').
|
|
33
|
+
options?: any[] | import('../types').OptionsLoader | import('../types').OptionsConfig | undefined;
|
|
24
34
|
};
|
|
25
35
|
/**
|
|
26
36
|
* 判断组件类型
|
|
27
37
|
*/
|
|
28
|
-
|
|
38
|
+
getCompType(comp: string): "input" | "select" | "picker" | "other";
|
|
29
39
|
/**
|
|
30
40
|
* 动态生成 placeholder
|
|
31
41
|
*/
|
|
@@ -33,6 +43,6 @@ export declare const COMPONENT_DEFAULT_CONFIG: {
|
|
|
33
43
|
/**
|
|
34
44
|
* 构建组件属性
|
|
35
45
|
*/
|
|
36
|
-
|
|
46
|
+
buildCompProps(formItem: FormItem, type: string): Record<string, any>;
|
|
37
47
|
};
|
|
38
|
-
//# sourceMappingURL=
|
|
48
|
+
//# sourceMappingURL=comp.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"comp.d.ts","sourceRoot":"","sources":["../../src/config/comp.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAGxC;;;GAGG;AACH,eAAO,MAAM,uBAAuB,oDAAqD,CAAA;AAEzF;;;GAGG;AACH,eAAO,MAAM,eAAe;;CAA6B,CAAA;AA+BzD;;;;;;;;GAQG;AACH,eAAO,MAAM,kBAAkB,EAAwD,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;AAE1G;;GAEG;AACH,eAAO,MAAM,mBAAmB;IAC9B;;OAEG;0BACmB,QAAQ;;;;IAe9B;;OAEG;sBACe,MAAM;IAoBxB;;OAEG;kCAC2B,QAAQ,QAAQ,MAAM;IAkBpD;;OAEG;6BACsB,QAAQ,QAAQ,MAAM;CAYhD,CAAA"}
|
package/dist/config/form.d.ts
CHANGED
package/dist/config/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/config/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/config/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export { default } from './Form.vue';
|
|
2
2
|
export { default as WForm } from './Form.vue';
|
|
3
|
-
export type {
|
|
3
|
+
export type { FormActionConfig, FormItemEventExtendedParams, FormItems } from './types';
|
|
4
4
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAMH,OAAO,2CAA2C,CAAA;AAClD,OAAO,gDAAgD,CAAA;AAEvD,OAAO,0CAA0C,CAAA;AACjD,OAAO,0CAA0C,CAAA;AAEjD,OAAO,6CAA6C,CAAA;AAEpD,OAAO,2CAA2C,CAAA;AAKlD,OAAO,4CAA4C,CAAA;AACnD,OAAO,mDAAmD,CAAA;AAC1D,OAAO,gDAAgD,CAAA;AACvD,OAAO,mDAAmD,CAAA;AAC1D,OAAO,8CAA8C,CAAA;AAErD,OAAO,6CAA6C,CAAA;AACpD,OAAO,gDAAgD,CAAA;AACvD,OAAO,+CAA+C,CAAA;AACtD,OAAO,kDAAkD,CAAA;AAEzD,OAAO,kDAAkD,CAAA;AACzD,OAAO,wDAAwD,CAAA;AAC/D,OAAO,kDAAkD,CAAA;AACzD,OAAO,kDAAkD,CAAA;AAEzD,OAAO,qDAAqD,CAAA;AAC5D,OAAO,kDAAkD,CAAA;AACzD,OAAO,6CAA6C,CAAA;AACpD,OAAO,6CAA6C,CAAA;AACpD,OAAO,2CAA2C,CAAA;AAClD,OAAO,mDAAmD,CAAA;AAC1D,OAAO,yDAAyD,CAAA;AAChE,OAAO,+CAA+C,CAAA;AAEtD,OAAO,oBAAoB,CAAA;AAE3B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAA;AAE7C,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAMH,OAAO,2CAA2C,CAAA;AAClD,OAAO,gDAAgD,CAAA;AAEvD,OAAO,0CAA0C,CAAA;AACjD,OAAO,0CAA0C,CAAA;AAEjD,OAAO,6CAA6C,CAAA;AAEpD,OAAO,2CAA2C,CAAA;AAKlD,OAAO,4CAA4C,CAAA;AACnD,OAAO,mDAAmD,CAAA;AAC1D,OAAO,gDAAgD,CAAA;AACvD,OAAO,mDAAmD,CAAA;AAC1D,OAAO,8CAA8C,CAAA;AAErD,OAAO,6CAA6C,CAAA;AACpD,OAAO,gDAAgD,CAAA;AACvD,OAAO,+CAA+C,CAAA;AACtD,OAAO,kDAAkD,CAAA;AAEzD,OAAO,kDAAkD,CAAA;AACzD,OAAO,wDAAwD,CAAA;AAC/D,OAAO,kDAAkD,CAAA;AACzD,OAAO,kDAAkD,CAAA;AAEzD,OAAO,qDAAqD,CAAA;AAC5D,OAAO,kDAAkD,CAAA;AACzD,OAAO,6CAA6C,CAAA;AACpD,OAAO,6CAA6C,CAAA;AACpD,OAAO,2CAA2C,CAAA;AAClD,OAAO,mDAAmD,CAAA;AAC1D,OAAO,yDAAyD,CAAA;AAChE,OAAO,+CAA+C,CAAA;AAEtD,OAAO,oBAAoB,CAAA;AAE3B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAA;AAE7C,YAAY,EAAE,gBAAgB,EAAE,2BAA2B,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA"}
|