@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.
Files changed (45) hide show
  1. package/README.md +20 -20
  2. package/dist/FormAction.vue.d.ts +3 -3
  3. package/dist/FormAction.vue.d.ts.map +1 -1
  4. package/dist/FormItem.vue.d.ts +4 -18
  5. package/dist/FormItem.vue.d.ts.map +1 -1
  6. package/dist/composables/index.d.ts +1 -0
  7. package/dist/composables/index.d.ts.map +1 -1
  8. package/dist/composables/useChangeEventState.d.ts +5 -27
  9. package/dist/composables/useChangeEventState.d.ts.map +1 -1
  10. package/dist/composables/useClearState.d.ts +17 -0
  11. package/dist/composables/useClearState.d.ts.map +1 -0
  12. package/dist/config/action.d.ts +19 -14
  13. package/dist/config/action.d.ts.map +1 -1
  14. package/dist/config/{component.d.ts → comp.d.ts} +16 -6
  15. package/dist/config/comp.d.ts.map +1 -0
  16. package/dist/config/form.d.ts +1 -1
  17. package/dist/config/index.d.ts +1 -1
  18. package/dist/config/index.d.ts.map +1 -1
  19. package/dist/index.d.ts +1 -1
  20. package/dist/index.d.ts.map +1 -1
  21. package/dist/index.js +1091 -506
  22. package/dist/style.css +1 -1
  23. package/dist/types/action.d.ts +13 -12
  24. package/dist/types/common.d.ts +5 -4
  25. package/dist/types/comp.d.ts +93 -0
  26. package/dist/types/el.d.ts +8 -8
  27. package/dist/types/form-item.d.ts +31 -92
  28. package/dist/types/index.d.ts +3 -0
  29. package/dist/types/index.d.ts.map +1 -1
  30. package/dist/types/layout.d.ts +6 -0
  31. package/dist/types/options.d.ts +15 -31
  32. package/dist/types/scope.d.ts +34 -0
  33. package/dist/utils/action.d.ts +2 -2
  34. package/dist/utils/action.d.ts.map +1 -1
  35. package/dist/utils/index.d.ts +1 -1
  36. package/dist/utils/index.d.ts.map +1 -1
  37. package/dist/utils/lodash.d.ts +6 -0
  38. package/dist/utils/lodash.d.ts.map +1 -0
  39. package/dist/utils/options.d.ts.map +1 -1
  40. package/dist/utils/value.d.ts +13 -19
  41. package/dist/utils/value.d.ts.map +1 -1
  42. package/package.json +5 -3
  43. package/dist/config/component.d.ts.map +0 -1
  44. package/dist/utils/debounce.d.ts +0 -25
  45. 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
- comp: 'input',
27
+ compType: 'input',
28
28
  },
29
29
  {
30
30
  prop: 'email',
31
31
  label: '邮箱',
32
- comp: 'input',
33
- compAttrs: {
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
- | rowAttrs | 行布局属性(ElRow 属性) | `RowAttrs` | `{}` |
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: EventExtendedParams, value: any)` |
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}` | 自定义组件插槽,当 `comp` 为 `custom` 时使用 | `FormItemSlotScope` |
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
- comp: FormItemComp // 组件类型(必填)
116
- compAttrs?: FormItemCompAttrs<C> // 组件属性配置
117
- // 对于支持 options 的组件(如 select、cascader、radio、checkbox 等),compAttrs.options 支持三种模式:
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
- colAttrs?: ColAttrs // 列布局属性(ElCol 属性)
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
- comp: 'input',
163
- compAttrs: {
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
- comp: 'input-number',
175
- compAttrs: {
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
- comp: 'select',
187
- compAttrs: {
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
- comp: 'input',
256
+ compType: 'input',
257
257
  },
258
258
  {
259
259
  prop: 'email',
260
260
  label: '邮箱',
261
- comp: 'input',
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
- comp: 'input',
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: EventExtendedParams, value: any) => {
311
+ const onChange = (extendedParams: FormItemEventExtendedParams, value: any) => {
312
312
  console.log('字段变化:', extendedParams.prop, value)
313
313
  }
314
314
 
@@ -1,9 +1,9 @@
1
1
  import { Slot } from 'vue';
2
- import { ActionConfig } from './types';
2
+ import { FormActionConfig } from './types';
3
3
  interface Props {
4
4
  inline?: boolean;
5
5
  actionSlot?: Slot;
6
- config?: ActionConfig;
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: ActionConfig;
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,EAAE,YAAY,EAA0B,MAAM,SAAS,CAAA;AAMnE,UAAU,KAAK;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,IAAI,CAAA;IACjB,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,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,YAAY;4EAwQrB,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"}
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"}
@@ -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 function __VLS_template(): {
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;AAgYA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC/B,OAAO,KAAK,EAAuB,QAAQ,EAAgC,MAAM,SAAS,CAAA;AAO1F,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;CACpD;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;AAwUzB,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CAChB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAuGT,OAAO,IAA6B;;;;;UAXqC,GAAG;;;EAgBzF;AAoBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;cA3dR,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;eAElB,SAAS;4EAmerB,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"}
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,3 +1,4 @@
1
1
  export * from './useAutoExpandOnHover';
2
2
  export * from './useChangeEventState';
3
+ export * from './useClearState';
3
4
  //# sourceMappingURL=index.d.ts.map
@@ -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 isUserInteraction: boolean;
10
- /**
11
- * 开始清理操作
12
- * @param value - 清理前的值
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":"AACA;;;GAGG;AACH,wBAAgB,mBAAmB;IAO/B,aAAa;;IAKb,aAAa;;IAKb;;;OAGG;yBACkB,GAAG;IAMxB;;OAEG;;IAOH;;OAEG;;IAKH;;OAEG;;IAKH;;;;;OAKG;kCAC2B,GAAG,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE,GAAG,KAAK,OAAO,GAAG,OAAO;EAgB7F"}
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"}
@@ -1,25 +1,30 @@
1
- import { ActionConfig, ActionConfigButtonItem } from '../types';
1
+ import { FormActionButtonItem, FormActionConfig } from '../types';
2
2
  /**
3
3
  * 表单动作按钮默认配置
4
4
  */
5
- export declare const DEFAULT_FORM_ACTION_BUTTONS: Record<string, Partial<Omit<ActionConfigButtonItem, 'eventName'>>>;
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 ACTION_DEFAULT_CONFIG: {
14
- getDefaults(inline?: boolean, actionConfig?: ActionConfig): {
15
- vIf: boolean | ((data?: any) => boolean);
16
- vShow: boolean | ((data?: any) => boolean);
17
- buttons: string[] | import('../types').ActionConfigButtons[];
18
- expand?: import('..').ExpandRule;
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
- generateActionButtons(inline?: boolean): string[];
22
- buildActionAttrs(inline?: boolean): {
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,YAAY,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAA;AAIpE;;GAEG;AACH,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,sBAAsB,EAAE,WAAW,CAAC,CAAC,CAM1G,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,6BAA6B,uBAAyB,CAAA;AAEnE;;GAEG;AACH,eAAO,MAAM,qBAAqB;yBACX,OAAO,iBAAiB,YAAY;6BAoB4gB,CAAC;+BAAmF,CAAC;;;;;mCAZ3nB,OAAO;8BAGZ,OAAO;;;;;;CAQlC,CAAA"}
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 ["comp", "compAttrs", "vIf", "vShow"];
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 COMPONENT_DEFAULT_CONFIG: {
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').FormItemOptions<C>;
33
+ options?: any[] | import('../types').OptionsLoader | import('../types').OptionsConfig | undefined;
24
34
  };
25
35
  /**
26
36
  * 判断组件类型
27
37
  */
28
- getComponentType(comp: string): "input" | "select" | "picker" | "other";
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
- buildComponentAttrs(formItem: FormItem, type: string): Record<string, any>;
46
+ buildCompProps(formItem: FormItem, type: string): Record<string, any>;
37
47
  };
38
- //# sourceMappingURL=component.d.ts.map
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"}
@@ -2,5 +2,5 @@ import { FormProps } from 'element-plus';
2
2
  /**
3
3
  * 表单属性默认配置
4
4
  */
5
- export declare const DEFAULT_FORM_ATTRS: Partial<FormProps>;
5
+ export declare const DEFAULT_FORM_PROPS: Partial<FormProps>;
6
6
  //# sourceMappingURL=form.d.ts.map
@@ -1,5 +1,5 @@
1
1
  export * from './action';
2
- export * from './component';
2
+ export * from './comp';
3
3
  export * from './form';
4
4
  export * from './scroll';
5
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/config/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA"}
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 { ActionConfig, ActionConfigButtonItem, Arrayable, ColAttrs, ElFormAttrs, EventExtendedParams, ExpandRule, FormItem, FormItemComp, FormItemCompAttrs, FormItems, FormItemSlotScope, RowAttrs, } from './types';
3
+ export type { FormActionConfig, FormItemEventExtendedParams, FormItems } from './types';
4
4
  //# sourceMappingURL=index.d.ts.map
@@ -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,EACV,YAAY,EACZ,sBAAsB,EACtB,SAAS,EACT,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,iBAAiB,EACjB,QAAQ,GACT,MAAM,SAAS,CAAA"}
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"}