@sheinx/hooks 3.8.0-beta.2 → 3.8.0-beta.21
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/cjs/common/use-position-style/check-border.d.ts +1 -0
- package/cjs/common/use-position-style/check-border.d.ts.map +1 -1
- package/cjs/common/use-position-style/check-border.js +2 -2
- package/cjs/common/use-position-style/index.d.ts.map +1 -1
- package/cjs/common/use-position-style/index.js +10 -4
- package/cjs/components/use-datepicker/use-date.d.ts.map +1 -1
- package/cjs/components/use-datepicker/use-date.js +12 -4
- package/cjs/components/use-datepicker/use-date.type.d.ts +2 -1
- package/cjs/components/use-datepicker/use-date.type.d.ts.map +1 -1
- package/cjs/components/use-datepicker/use-datepicker-format.d.ts +2 -1
- package/cjs/components/use-datepicker/use-datepicker-format.d.ts.map +1 -1
- package/cjs/components/use-datepicker/use-datepicker-format.js +22 -5
- package/cjs/components/use-datepicker/use-datepicker-range.js +2 -2
- package/cjs/components/use-datepicker/use-time.d.ts.map +1 -1
- package/cjs/components/use-datepicker/use-time.js +4 -2
- package/cjs/components/use-datepicker/use-time.type.d.ts +3 -1
- package/cjs/components/use-datepicker/use-time.type.d.ts.map +1 -1
- package/cjs/components/use-datepicker/util.d.ts +7 -1
- package/cjs/components/use-datepicker/util.d.ts.map +1 -1
- package/cjs/components/use-datepicker/util.js +11 -1
- package/cjs/components/use-form/Provider.d.ts.map +1 -1
- package/cjs/components/use-form/Provider.js +7 -2
- package/cjs/components/use-form/form-schema-context.d.ts +6 -0
- package/cjs/components/use-form/form-schema-context.d.ts.map +1 -0
- package/cjs/components/use-form/form-schema-context.js +16 -0
- package/cjs/components/use-form/index.d.ts +2 -0
- package/cjs/components/use-form/index.d.ts.map +1 -1
- package/cjs/components/use-form/index.js +21 -1
- package/cjs/components/use-form/use-form-context.d.ts.map +1 -1
- package/cjs/components/use-form/use-form-context.js +11 -5
- package/cjs/components/use-form/use-form-context.type.d.ts +6 -0
- package/cjs/components/use-form/use-form-context.type.d.ts.map +1 -1
- package/cjs/components/use-form/use-form-control/use-form-control.d.ts.map +1 -1
- package/cjs/components/use-form/use-form-control/use-form-control.js +12 -3
- package/cjs/components/use-form/use-form-control/use-form-control.type.d.ts +8 -2
- package/cjs/components/use-form/use-form-control/use-form-control.type.d.ts.map +1 -1
- package/cjs/components/use-form/use-form-flow/use-form-datum.d.ts +8 -0
- package/cjs/components/use-form/use-form-flow/use-form-datum.d.ts.map +1 -1
- package/cjs/components/use-form/use-form-item/form-item-context.d.ts +1 -0
- package/cjs/components/use-form/use-form-item/form-item-context.d.ts.map +1 -1
- package/cjs/components/use-form/use-form-item/form-item-context.js +2 -1
- package/cjs/components/use-form/use-form-item/index.d.ts +1 -0
- package/cjs/components/use-form/use-form-item/index.d.ts.map +1 -1
- package/cjs/components/use-form/use-form-item/index.js +7 -0
- package/cjs/components/use-form/use-form-schema/form-schema-builder.d.ts +49 -0
- package/cjs/components/use-form/use-form-schema/form-schema-builder.d.ts.map +1 -0
- package/cjs/components/use-form/use-form-schema/form-schema-builder.js +311 -0
- package/cjs/components/use-form/use-form-schema/index.d.ts +3 -0
- package/cjs/components/use-form/use-form-schema/index.d.ts.map +1 -0
- package/cjs/components/use-form/use-form-schema/index.js +13 -0
- package/cjs/components/use-form/use-form.d.ts +4 -0
- package/cjs/components/use-form/use-form.d.ts.map +1 -1
- package/cjs/components/use-form/use-form.js +22 -11
- package/cjs/components/use-form/use-form.type.d.ts +46 -39
- package/cjs/components/use-form/use-form.type.d.ts.map +1 -1
- package/cjs/components/use-input/use-input-format.d.ts.map +1 -1
- package/cjs/components/use-input/use-input-format.js +2 -1
- package/cjs/components/use-input/use-input.d.ts.map +1 -1
- package/cjs/components/use-input/use-input.js +4 -1
- package/cjs/components/use-pagination/use-pagination.d.ts.map +1 -1
- package/cjs/components/use-pagination/use-pagination.js +2 -1
- package/cjs/components/use-popup/use-popup.d.ts.map +1 -1
- package/cjs/components/use-popup/use-popup.js +7 -4
- package/cjs/components/use-table/use-table-virtual.d.ts +2 -1
- package/cjs/components/use-table/use-table-virtual.d.ts.map +1 -1
- package/cjs/components/use-table/use-table-virtual.js +3 -3
- package/cjs/components/use-table/use-table.type.d.ts +70 -92
- package/cjs/components/use-table/use-table.type.d.ts.map +1 -1
- package/cjs/components/use-transfer/index.d.ts +1 -0
- package/cjs/components/use-transfer/index.d.ts.map +1 -1
- package/cjs/components/use-transfer/index.js +15 -0
- package/cjs/components/use-transfer/transfer-context.d.ts +7 -0
- package/cjs/components/use-transfer/transfer-context.d.ts.map +1 -0
- package/cjs/components/use-transfer/transfer-context.js +12 -0
- package/cjs/components/use-tree/use-tree-node.d.ts +7 -1
- package/cjs/components/use-tree/use-tree-node.d.ts.map +1 -1
- package/cjs/components/use-tree/use-tree-node.js +19 -1
- package/cjs/components/use-tree/use-tree.d.ts.map +1 -1
- package/cjs/components/use-tree/use-tree.js +14 -9
- package/cjs/components/use-tree/use-tree.type.d.ts +7 -1
- package/cjs/components/use-tree/use-tree.type.d.ts.map +1 -1
- package/cjs/utils/dom/document.d.ts +4 -0
- package/cjs/utils/dom/document.d.ts.map +1 -1
- package/cjs/utils/dom/document.js +19 -2
- package/cjs/utils/dom/element.d.ts +1 -0
- package/cjs/utils/dom/element.d.ts.map +1 -1
- package/cjs/utils/dom/element.js +5 -1
- package/cjs/utils/highlight.d.ts.map +1 -1
- package/cjs/utils/highlight.js +24 -11
- package/cjs/utils/number.d.ts +10 -0
- package/cjs/utils/number.d.ts.map +1 -1
- package/cjs/utils/number.js +99 -1
- package/cjs/utils/object.d.ts +6 -0
- package/cjs/utils/object.d.ts.map +1 -1
- package/cjs/utils/object.js +21 -1
- package/cjs/utils/shallow-equal.d.ts +1 -0
- package/cjs/utils/shallow-equal.d.ts.map +1 -1
- package/cjs/utils/shallow-equal.js +9 -0
- package/esm/common/use-position-style/check-border.d.ts +1 -0
- package/esm/common/use-position-style/check-border.d.ts.map +1 -1
- package/esm/common/use-position-style/check-border.js +2 -2
- package/esm/common/use-position-style/index.d.ts.map +1 -1
- package/esm/common/use-position-style/index.js +11 -5
- package/esm/components/use-datepicker/use-date.d.ts.map +1 -1
- package/esm/components/use-datepicker/use-date.js +12 -4
- package/esm/components/use-datepicker/use-date.type.d.ts +2 -1
- package/esm/components/use-datepicker/use-date.type.d.ts.map +1 -1
- package/esm/components/use-datepicker/use-datepicker-format.d.ts +2 -1
- package/esm/components/use-datepicker/use-datepicker-format.d.ts.map +1 -1
- package/esm/components/use-datepicker/use-datepicker-format.js +19 -5
- package/esm/components/use-datepicker/use-datepicker-range.js +2 -2
- package/esm/components/use-datepicker/use-time.d.ts.map +1 -1
- package/esm/components/use-datepicker/use-time.js +4 -2
- package/esm/components/use-datepicker/use-time.type.d.ts +3 -1
- package/esm/components/use-datepicker/use-time.type.d.ts.map +1 -1
- package/esm/components/use-datepicker/util.d.ts +7 -1
- package/esm/components/use-datepicker/util.d.ts.map +1 -1
- package/esm/components/use-datepicker/util.js +11 -1
- package/esm/components/use-form/Provider.d.ts.map +1 -1
- package/esm/components/use-form/Provider.js +7 -2
- package/esm/components/use-form/form-schema-context.d.ts +6 -0
- package/esm/components/use-form/form-schema-context.d.ts.map +1 -0
- package/esm/components/use-form/form-schema-context.js +8 -0
- package/esm/components/use-form/index.d.ts +2 -0
- package/esm/components/use-form/index.d.ts.map +1 -1
- package/esm/components/use-form/index.js +3 -1
- package/esm/components/use-form/use-form-context.d.ts.map +1 -1
- package/esm/components/use-form/use-form-context.js +11 -5
- package/esm/components/use-form/use-form-context.type.d.ts +6 -0
- package/esm/components/use-form/use-form-context.type.d.ts.map +1 -1
- package/esm/components/use-form/use-form-control/use-form-control.d.ts.map +1 -1
- package/esm/components/use-form/use-form-control/use-form-control.js +12 -3
- package/esm/components/use-form/use-form-control/use-form-control.type.d.ts +8 -2
- package/esm/components/use-form/use-form-control/use-form-control.type.d.ts.map +1 -1
- package/esm/components/use-form/use-form-flow/use-form-datum.d.ts +8 -0
- package/esm/components/use-form/use-form-flow/use-form-datum.d.ts.map +1 -1
- package/esm/components/use-form/use-form-item/form-item-context.d.ts +1 -0
- package/esm/components/use-form/use-form-item/form-item-context.d.ts.map +1 -1
- package/esm/components/use-form/use-form-item/form-item-context.js +2 -1
- package/esm/components/use-form/use-form-item/index.d.ts +1 -0
- package/esm/components/use-form/use-form-item/index.d.ts.map +1 -1
- package/esm/components/use-form/use-form-item/index.js +2 -1
- package/esm/components/use-form/use-form-schema/form-schema-builder.d.ts +49 -0
- package/esm/components/use-form/use-form-schema/form-schema-builder.d.ts.map +1 -0
- package/esm/components/use-form/use-form-schema/form-schema-builder.js +305 -0
- package/esm/components/use-form/use-form-schema/index.d.ts +3 -0
- package/esm/components/use-form/use-form-schema/index.d.ts.map +1 -0
- package/esm/components/use-form/use-form-schema/index.js +2 -0
- package/esm/components/use-form/use-form.d.ts +4 -0
- package/esm/components/use-form/use-form.d.ts.map +1 -1
- package/esm/components/use-form/use-form.js +22 -11
- package/esm/components/use-form/use-form.type.d.ts +46 -39
- package/esm/components/use-form/use-form.type.d.ts.map +1 -1
- package/esm/components/use-input/use-input-format.d.ts.map +1 -1
- package/esm/components/use-input/use-input-format.js +2 -1
- package/esm/components/use-input/use-input.d.ts.map +1 -1
- package/esm/components/use-input/use-input.js +4 -1
- package/esm/components/use-pagination/use-pagination.d.ts.map +1 -1
- package/esm/components/use-pagination/use-pagination.js +2 -1
- package/esm/components/use-popup/use-popup.d.ts.map +1 -1
- package/esm/components/use-popup/use-popup.js +7 -4
- package/esm/components/use-table/use-table-virtual.d.ts +2 -1
- package/esm/components/use-table/use-table-virtual.d.ts.map +1 -1
- package/esm/components/use-table/use-table-virtual.js +3 -3
- package/esm/components/use-table/use-table.type.d.ts +70 -92
- package/esm/components/use-table/use-table.type.d.ts.map +1 -1
- package/esm/components/use-transfer/index.d.ts +1 -0
- package/esm/components/use-transfer/index.d.ts.map +1 -1
- package/esm/components/use-transfer/index.js +1 -0
- package/esm/components/use-transfer/transfer-context.d.ts +7 -0
- package/esm/components/use-transfer/transfer-context.d.ts.map +1 -0
- package/esm/components/use-transfer/transfer-context.js +6 -0
- package/esm/components/use-tree/use-tree-node.d.ts +7 -1
- package/esm/components/use-tree/use-tree-node.d.ts.map +1 -1
- package/esm/components/use-tree/use-tree-node.js +19 -1
- package/esm/components/use-tree/use-tree.d.ts.map +1 -1
- package/esm/components/use-tree/use-tree.js +14 -9
- package/esm/components/use-tree/use-tree.type.d.ts +7 -1
- package/esm/components/use-tree/use-tree.type.d.ts.map +1 -1
- package/esm/utils/dom/document.d.ts +4 -0
- package/esm/utils/dom/document.d.ts.map +1 -1
- package/esm/utils/dom/document.js +18 -1
- package/esm/utils/dom/element.d.ts +1 -0
- package/esm/utils/dom/element.d.ts.map +1 -1
- package/esm/utils/dom/element.js +4 -0
- package/esm/utils/highlight.d.ts.map +1 -1
- package/esm/utils/highlight.js +24 -10
- package/esm/utils/number.d.ts +10 -0
- package/esm/utils/number.d.ts.map +1 -1
- package/esm/utils/number.js +98 -1
- package/esm/utils/object.d.ts +6 -0
- package/esm/utils/object.d.ts.map +1 -1
- package/esm/utils/object.js +20 -0
- package/esm/utils/shallow-equal.d.ts +1 -0
- package/esm/utils/shallow-equal.d.ts.map +1 -1
- package/esm/utils/shallow-equal.js +8 -0
- package/package.json +3 -3
@@ -24,14 +24,20 @@ export interface BaseFormControlProps<T> {
|
|
24
24
|
*/
|
25
25
|
onError: ((error: Error | undefined) => void) | undefined;
|
26
26
|
/**
|
27
|
-
* @en
|
28
|
-
* @cn
|
27
|
+
* @en Array of field names that should be re-validated when current field's value changes. Enables field linkage validation for dependent fields. Commonly used in scenarios like password confirmation, related dropdown selections, or interdependent form calculations
|
28
|
+
* @cn 当前字段值改变时需要重新校验的字段名称数组。启用字段间的联动校验功能。常用于密码确认、关联下拉选择或相互依赖的表单计算等场景
|
29
29
|
*/
|
30
30
|
bind: string[] | undefined;
|
31
31
|
/**
|
32
32
|
* @private 内部属性 for validate
|
33
33
|
*/
|
34
34
|
getValidateProps: (() => ObjectType) | undefined;
|
35
|
+
/**
|
36
|
+
* @en If set to true, the form will not automatically delete the data after the component is uninstalled
|
37
|
+
* @cn 设置为 true 组件后,有defaultValue时,允许undefined作为最终值
|
38
|
+
* @version 3.8.0
|
39
|
+
*/
|
40
|
+
clearToUndefined?: boolean;
|
35
41
|
}
|
36
42
|
export interface FormControlContext {
|
37
43
|
mounted: boolean;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"use-form-control.type.d.ts","sourceRoot":"","sources":["use-form-control.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAE7D,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACrC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACxB;;;OAGG;IACH,YAAY,EAAE,CAAC,GAAG,SAAS,CAAC;IAC5B,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,KAAK,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC5D;;;OAGG;IACH,WAAW,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC;;;;OAIG;IACH,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IACnC;;OAEG;IACH,OAAO,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,GAAG,SAAS,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC1D;;;OAGG;IACH,IAAI,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IAC3B;;OAEG;IACH,gBAAgB,EAAE,CAAC,MAAM,UAAU,CAAC,GAAG,SAAS,CAAC;
|
1
|
+
{"version":3,"file":"use-form-control.type.d.ts","sourceRoot":"","sources":["use-form-control.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAE7D,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACrC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACxB;;;OAGG;IACH,YAAY,EAAE,CAAC,GAAG,SAAS,CAAC;IAC5B,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,KAAK,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC5D;;;OAGG;IACH,WAAW,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC;;;;OAIG;IACH,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IACnC;;OAEG;IACH,OAAO,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,GAAG,SAAS,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC1D;;;OAGG;IACH,IAAI,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IAC3B;;OAEG;IACH,gBAAgB,EAAE,CAAC,MAAM,UAAU,CAAC,GAAG,SAAS,CAAC;IAEjD;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,OAAO,CAAC;CAClB"}
|
@@ -1,7 +1,15 @@
|
|
1
1
|
export interface FormDatum {
|
2
|
+
/**
|
3
|
+
* @en Set form field values. Accepts either an object to set multiple fields at once, or a field name with value to set a single field. Field names support nested paths like "user.name" or "items[0].price". Changes trigger form validation and re-render of affected Flow components
|
4
|
+
* @cn 设置表单字段值。可以接收对象以批量设置多个字段,或接收字段名和值以设置单个字段。字段名支持嵌套路径如 "user.name" 或 "items[0].price"。更改会触发表单校验和相关 Flow 组件的重新渲染
|
5
|
+
*/
|
2
6
|
set: (vals: {
|
3
7
|
[name: string]: any;
|
4
8
|
} | string, value?: any) => void;
|
9
|
+
/**
|
10
|
+
* @en Get form field value by name. When no name is provided, returns the entire form data object. Supports nested paths like "user.name" or "items[0].price" to access deeply nested values
|
11
|
+
* @cn 根据名称获取表单字段值。未提供名称时返回整个表单数据对象。支持嵌套路径如 "user.name" 或 "items[0].price" 来访问深层嵌套的值
|
12
|
+
*/
|
5
13
|
get: (name?: string) => any;
|
6
14
|
}
|
7
15
|
declare const useFormDatum: () => FormDatum | undefined;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"use-form-datum.d.ts","sourceRoot":"","sources":["use-form-datum.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,CAAC,IAAI,EAAE;QAAE,CAAC,IAAI,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,GAAG,MAAM,EAAE,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACnE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,GAAG,CAAC;CAC7B;AAED,QAAA,MAAM,YAAY,6BAgBjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
1
|
+
{"version":3,"file":"use-form-datum.d.ts","sourceRoot":"","sources":["use-form-datum.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,SAAS;IACxB;;;OAGG;IACH,GAAG,EAAE,CAAC,IAAI,EAAE;QAAE,CAAC,IAAI,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,GAAG,MAAM,EAAE,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACnE;;;OAGG;IACH,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,GAAG,CAAC;CAC7B;AAED,QAAA,MAAM,YAAY,6BAgBjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"form-item-context.d.ts","sourceRoot":"","sources":["form-item-context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,wBAAwB;IACvC,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;CACpD;AAED,eAAO,MAAM,eAAe,yCAE1B,CAAC"}
|
1
|
+
{"version":3,"file":"form-item-context.d.ts","sourceRoot":"","sources":["form-item-context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,wBAAwB;IACvC,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;CACpD;AAED,eAAO,MAAM,eAAe,yCAE1B,CAAC"}
|
@@ -11,4 +11,5 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
|
|
11
11
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
12
12
|
var FormItemContext = exports.FormItemContext = /*#__PURE__*/React.createContext({
|
13
13
|
updateError: function updateError() {}
|
14
|
-
});
|
14
|
+
});
|
15
|
+
FormItemContext.displayName = 'FormItemContext';
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAC"}
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC"}
|
@@ -4,6 +4,12 @@
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
5
5
|
value: true
|
6
6
|
});
|
7
|
+
Object.defineProperty(exports, "FormItemContext", {
|
8
|
+
enumerable: true,
|
9
|
+
get: function get() {
|
10
|
+
return _formItemContext.FormItemContext;
|
11
|
+
}
|
12
|
+
});
|
7
13
|
Object.defineProperty(exports, "default", {
|
8
14
|
enumerable: true,
|
9
15
|
get: function get() {
|
@@ -17,4 +23,5 @@ Object.defineProperty(exports, "useFormItem", {
|
|
17
23
|
}
|
18
24
|
});
|
19
25
|
var _useFormItem = _interopRequireDefault(require("./use-form-item"));
|
26
|
+
var _formItemContext = require("./form-item-context");
|
20
27
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
@@ -0,0 +1,49 @@
|
|
1
|
+
interface SchemaMeta {
|
2
|
+
type?: string;
|
3
|
+
required?: boolean;
|
4
|
+
title?: string;
|
5
|
+
format?: string;
|
6
|
+
items?: any;
|
7
|
+
enum?: any[] | {
|
8
|
+
anyOf: any[];
|
9
|
+
};
|
10
|
+
description?: string;
|
11
|
+
[key: string]: any;
|
12
|
+
}
|
13
|
+
export interface SchemaProperty {
|
14
|
+
type?: string;
|
15
|
+
properties?: Record<string, SchemaProperty>;
|
16
|
+
items?: SchemaProperty;
|
17
|
+
required?: string[];
|
18
|
+
title?: string;
|
19
|
+
description?: string;
|
20
|
+
format?: string;
|
21
|
+
enum?: any;
|
22
|
+
[key: string]: any;
|
23
|
+
}
|
24
|
+
export declare class SchemaBuilder {
|
25
|
+
private schema;
|
26
|
+
constructor(formName: string);
|
27
|
+
updateSchema({ path, meta }: {
|
28
|
+
path: string;
|
29
|
+
meta: SchemaMeta;
|
30
|
+
}): void;
|
31
|
+
/**
|
32
|
+
* 根据组件信息构建 schema meta
|
33
|
+
*/
|
34
|
+
buildSchemaFromComponent(params: {
|
35
|
+
componentElement: any;
|
36
|
+
rules?: any[];
|
37
|
+
label?: string;
|
38
|
+
finalFieldId?: string;
|
39
|
+
separator?: string;
|
40
|
+
}): SchemaMeta;
|
41
|
+
parsePath(path?: string): string[] | null;
|
42
|
+
mergeSchema(currentSchema: SchemaProperty, pathSegments: string[], meta: SchemaMeta): void;
|
43
|
+
handleArraySegment(currentSchema: SchemaProperty, remainingSegments: string[], meta: SchemaMeta): void;
|
44
|
+
handleObjectProperty(currentSchema: SchemaProperty, propertyName: string, remainingSegments: string[], meta: SchemaMeta): void;
|
45
|
+
handleRequired(parentSchema: SchemaProperty, propertyName: string, isRequired: boolean): void;
|
46
|
+
getFormSchema(): SchemaProperty;
|
47
|
+
}
|
48
|
+
export {};
|
49
|
+
//# sourceMappingURL=form-schema-builder.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"form-schema-builder.d.ts","sourceRoot":"","sources":["form-schema-builder.ts"],"names":[],"mappings":"AAAA,UAAU,UAAU;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,IAAI,CAAC,EAAE,GAAG,EAAE,GAAG;QAAE,KAAK,EAAE,GAAG,EAAE,CAAA;KAAE,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IAC5C,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,qBAAa,aAAa;IACxB,OAAO,CAAC,MAAM,CAAiB;gBACnB,QAAQ,EAAE,MAAM;IAQ5B,YAAY,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,UAAU,CAAA;KAAE,GAAG,IAAI;IAMtE;;OAEG;IACH,wBAAwB,CAAC,MAAM,EAAE;QAC/B,gBAAgB,EAAE,GAAG,CAAC;QACtB,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,GAAG,UAAU;IAmId,SAAS,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI;IAuCzC,WAAW,CAAC,aAAa,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,UAAU,GAAG,IAAI;IAkB1F,kBAAkB,CAAC,aAAa,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,UAAU,GAAG,IAAI;IAatG,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,UAAU,GAAG,IAAI;IA0B9H,cAAc,CAAC,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,GAAG,IAAI;IAwB7F,aAAa,IAAI,cAAc;CAGhC"}
|
@@ -0,0 +1,311 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.SchemaBuilder = void 0;
|
7
|
+
var _excluded = ["required"];
|
8
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
9
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
10
|
+
function _toArray(arr) { return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest(); }
|
11
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
12
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
13
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
14
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
15
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
16
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
17
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
18
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
19
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
20
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
21
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
22
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
23
|
+
var SchemaBuilder = exports.SchemaBuilder = /*#__PURE__*/function () {
|
24
|
+
function SchemaBuilder(formName) {
|
25
|
+
_classCallCheck(this, SchemaBuilder);
|
26
|
+
_defineProperty(this, "schema", void 0);
|
27
|
+
this.schema = {
|
28
|
+
type: 'object',
|
29
|
+
title: formName,
|
30
|
+
properties: {}
|
31
|
+
};
|
32
|
+
}
|
33
|
+
_createClass(SchemaBuilder, [{
|
34
|
+
key: "updateSchema",
|
35
|
+
value: function updateSchema(_ref) {
|
36
|
+
var path = _ref.path,
|
37
|
+
meta = _ref.meta;
|
38
|
+
var pathSegments = this.parsePath(path);
|
39
|
+
if (!pathSegments) return;
|
40
|
+
this.mergeSchema(this.schema, pathSegments, meta);
|
41
|
+
}
|
42
|
+
|
43
|
+
/**
|
44
|
+
* 根据组件信息构建 schema meta
|
45
|
+
*/
|
46
|
+
}, {
|
47
|
+
key: "buildSchemaFromComponent",
|
48
|
+
value: function buildSchemaFromComponent(params) {
|
49
|
+
var _componentElement$pro;
|
50
|
+
var componentElement = params.componentElement,
|
51
|
+
rules = params.rules,
|
52
|
+
label = params.label,
|
53
|
+
finalFieldId = params.finalFieldId,
|
54
|
+
separator = params.separator;
|
55
|
+
var fieldSchemaInfo = {
|
56
|
+
title: label
|
57
|
+
};
|
58
|
+
var data = componentElement.props.data;
|
59
|
+
var isRequired = rules === null || rules === void 0 ? void 0 : rules.some(function (rule) {
|
60
|
+
return rule.required;
|
61
|
+
});
|
62
|
+
fieldSchemaInfo.required = isRequired;
|
63
|
+
fieldSchemaInfo.description = '';
|
64
|
+
if (rules !== null && rules !== void 0 && rules.length) {
|
65
|
+
var messageRules = rules.filter(function (rule) {
|
66
|
+
return typeof rule.message === 'string';
|
67
|
+
});
|
68
|
+
if (messageRules.length) {
|
69
|
+
fieldSchemaInfo.description += "rules: ".concat(messageRules.map(function (rule) {
|
70
|
+
return rule.message;
|
71
|
+
}).join(', '), ";");
|
72
|
+
}
|
73
|
+
}
|
74
|
+
var itemType;
|
75
|
+
if (typeof componentElement.type === 'function') {
|
76
|
+
switch (componentElement.type.name) {
|
77
|
+
case 'Input':
|
78
|
+
fieldSchemaInfo.type = 'string';
|
79
|
+
break;
|
80
|
+
case 'InputNumber':
|
81
|
+
fieldSchemaInfo.type = 'number';
|
82
|
+
break;
|
83
|
+
case 'InputPassword':
|
84
|
+
fieldSchemaInfo.type = 'string';
|
85
|
+
break;
|
86
|
+
case 'Textarea':
|
87
|
+
fieldSchemaInfo.type = 'string';
|
88
|
+
break;
|
89
|
+
case 'Select':
|
90
|
+
case 'TreeSelect':
|
91
|
+
{
|
92
|
+
var format = componentElement.props.format || componentElement.props.keygen;
|
93
|
+
if (typeof componentElement.props.keygen !== 'boolean') {
|
94
|
+
if (typeof format === 'string') {
|
95
|
+
var _data$;
|
96
|
+
itemType = _typeof(data === null || data === void 0 ? void 0 : data[0]) === 'object' ? _typeof(data === null || data === void 0 || (_data$ = data[0]) === null || _data$ === void 0 ? void 0 : _data$[format]) : _typeof(data === null || data === void 0 ? void 0 : data[0]);
|
97
|
+
} else if (typeof format === 'function') {
|
98
|
+
itemType = _typeof(format(data === null || data === void 0 ? void 0 : data[0]));
|
99
|
+
} else {
|
100
|
+
itemType = _typeof(data === null || data === void 0 ? void 0 : data[0]);
|
101
|
+
}
|
102
|
+
} else {
|
103
|
+
itemType = _typeof(data === null || data === void 0 ? void 0 : data[0]);
|
104
|
+
}
|
105
|
+
if (componentElement.props.multiple) {
|
106
|
+
fieldSchemaInfo.type = 'array';
|
107
|
+
fieldSchemaInfo.items = {
|
108
|
+
type: itemType
|
109
|
+
};
|
110
|
+
} else {
|
111
|
+
fieldSchemaInfo.type = itemType;
|
112
|
+
}
|
113
|
+
// props.data格式: [
|
114
|
+
// { "value": 1, "title": "年假" },
|
115
|
+
// { "value": 2, "title": "调休" },
|
116
|
+
// { "value": 3, "title": "事假" },
|
117
|
+
// { "value": 4, "title": "病假" },
|
118
|
+
// { "value": 5, "title": "其他" }
|
119
|
+
// ]
|
120
|
+
// 转换为jsonschema中的enum格式:
|
121
|
+
// "enum": {
|
122
|
+
// "anyOf": [
|
123
|
+
// { "const": 1, "title": "年假" },
|
124
|
+
// { "const": 2, "title": "调休" },
|
125
|
+
// { "const": 3, "title": "事假" },
|
126
|
+
// { "const": 4, "title": "病假" },
|
127
|
+
// { "const": 5, "title": "其他" }
|
128
|
+
// ]
|
129
|
+
// }
|
130
|
+
fieldSchemaInfo.enum = {
|
131
|
+
anyOf: componentElement.props.data.map(function (item) {
|
132
|
+
return {
|
133
|
+
const: (item === null || item === void 0 ? void 0 : item[format]) || item,
|
134
|
+
title: (item === null || item === void 0 ? void 0 : item.title) || item
|
135
|
+
};
|
136
|
+
})
|
137
|
+
};
|
138
|
+
break;
|
139
|
+
}
|
140
|
+
case 'DatePicker':
|
141
|
+
if (componentElement.props.range) {
|
142
|
+
if (finalFieldId !== null && finalFieldId !== void 0 && finalFieldId.includes(separator || '')) {
|
143
|
+
fieldSchemaInfo.type = 'string';
|
144
|
+
fieldSchemaInfo.format = 'date';
|
145
|
+
} else {
|
146
|
+
fieldSchemaInfo.type = 'array';
|
147
|
+
fieldSchemaInfo.items = {
|
148
|
+
type: 'string',
|
149
|
+
format: 'date'
|
150
|
+
};
|
151
|
+
}
|
152
|
+
} else {
|
153
|
+
fieldSchemaInfo.type = 'string';
|
154
|
+
fieldSchemaInfo.format = 'date';
|
155
|
+
}
|
156
|
+
fieldSchemaInfo.description += "\u9ED8\u8BA4\u65F6\u95F4\uFF1A".concat(((_componentElement$pro = componentElement.props.defaultTime) === null || _componentElement$pro === void 0 ? void 0 : _componentElement$pro.toString()) || '', "; \u683C\u5F0F\uFF1A").concat(componentElement.props.format || '', " ");
|
157
|
+
break;
|
158
|
+
case 'Checkbox':
|
159
|
+
fieldSchemaInfo.type = 'array';
|
160
|
+
fieldSchemaInfo.items = {
|
161
|
+
type: 'string'
|
162
|
+
};
|
163
|
+
break;
|
164
|
+
case 'Radio':
|
165
|
+
fieldSchemaInfo.type = 'string';
|
166
|
+
break;
|
167
|
+
case 'Rate':
|
168
|
+
fieldSchemaInfo.type = 'number';
|
169
|
+
break;
|
170
|
+
default:
|
171
|
+
if (Array.isArray(componentElement.props.value) && componentElement.props.value.length === 0) {
|
172
|
+
fieldSchemaInfo.type = 'array';
|
173
|
+
fieldSchemaInfo.items = {
|
174
|
+
type: 'string'
|
175
|
+
};
|
176
|
+
} else {
|
177
|
+
fieldSchemaInfo.type = _typeof(componentElement.props.value);
|
178
|
+
}
|
179
|
+
break;
|
180
|
+
}
|
181
|
+
}
|
182
|
+
return fieldSchemaInfo;
|
183
|
+
}
|
184
|
+
|
185
|
+
// 解析路径字符串,如 'a[0].b1' -> ['a', '[0]', 'b1']
|
186
|
+
}, {
|
187
|
+
key: "parsePath",
|
188
|
+
value: function parsePath(path) {
|
189
|
+
if (!path) return null;
|
190
|
+
var segments = [];
|
191
|
+
var current = '';
|
192
|
+
var inBracket = false;
|
193
|
+
for (var i = 0; i < path.length; i++) {
|
194
|
+
var char = path[i];
|
195
|
+
if (char === '[') {
|
196
|
+
if (current) {
|
197
|
+
segments.push(current);
|
198
|
+
current = '';
|
199
|
+
}
|
200
|
+
current = '[';
|
201
|
+
inBracket = true;
|
202
|
+
} else if (char === ']') {
|
203
|
+
current += ']';
|
204
|
+
segments.push(current);
|
205
|
+
current = '';
|
206
|
+
inBracket = false;
|
207
|
+
} else if (char === '.' && !inBracket) {
|
208
|
+
if (current) {
|
209
|
+
segments.push(current);
|
210
|
+
current = '';
|
211
|
+
}
|
212
|
+
} else {
|
213
|
+
current += char;
|
214
|
+
}
|
215
|
+
}
|
216
|
+
if (current) {
|
217
|
+
segments.push(current);
|
218
|
+
}
|
219
|
+
return segments;
|
220
|
+
}
|
221
|
+
|
222
|
+
// 递归合并 schema
|
223
|
+
}, {
|
224
|
+
key: "mergeSchema",
|
225
|
+
value: function mergeSchema(currentSchema, pathSegments, meta) {
|
226
|
+
if (pathSegments.length === 0) {
|
227
|
+
// 到达叶子节点,应用元数据
|
228
|
+
Object.assign(currentSchema, meta);
|
229
|
+
return;
|
230
|
+
}
|
231
|
+
var _pathSegments = _toArray(pathSegments),
|
232
|
+
currentSegment = _pathSegments[0],
|
233
|
+
remainingSegments = _pathSegments.slice(1);
|
234
|
+
if (currentSegment.startsWith('[') && currentSegment.endsWith(']')) {
|
235
|
+
// 处理数组索引,如 [0]
|
236
|
+
this.handleArraySegment(currentSchema, remainingSegments, meta);
|
237
|
+
} else {
|
238
|
+
// 处理对象属性
|
239
|
+
this.handleObjectProperty(currentSchema, currentSegment, remainingSegments, meta);
|
240
|
+
}
|
241
|
+
}
|
242
|
+
}, {
|
243
|
+
key: "handleArraySegment",
|
244
|
+
value: function handleArraySegment(currentSchema, remainingSegments, meta) {
|
245
|
+
// 当前节点应该是数组类型
|
246
|
+
if (!currentSchema.items) {
|
247
|
+
currentSchema.type = 'array';
|
248
|
+
currentSchema.items = {
|
249
|
+
type: 'object',
|
250
|
+
properties: {}
|
251
|
+
};
|
252
|
+
}
|
253
|
+
this.mergeSchema(currentSchema.items, remainingSegments, meta);
|
254
|
+
}
|
255
|
+
}, {
|
256
|
+
key: "handleObjectProperty",
|
257
|
+
value: function handleObjectProperty(currentSchema, propertyName, remainingSegments, meta) {
|
258
|
+
// 确保当前节点有 properties
|
259
|
+
if (!currentSchema.properties) {
|
260
|
+
currentSchema.properties = {};
|
261
|
+
}
|
262
|
+
|
263
|
+
// 如果属性不存在,创建它
|
264
|
+
if (!currentSchema.properties[propertyName]) {
|
265
|
+
currentSchema.properties[propertyName] = remainingSegments.length > 0 ? {
|
266
|
+
type: 'object'
|
267
|
+
} : {};
|
268
|
+
}
|
269
|
+
if (remainingSegments.length === 0) {
|
270
|
+
// 叶子节点,应用元数据并处理 required
|
271
|
+
var required = meta.required,
|
272
|
+
restMeta = _objectWithoutProperties(meta, _excluded);
|
273
|
+
Object.assign(currentSchema.properties[propertyName], restMeta);
|
274
|
+
if (typeof required === 'boolean') {
|
275
|
+
this.handleRequired(currentSchema, propertyName, required);
|
276
|
+
}
|
277
|
+
} else {
|
278
|
+
// 继续递归
|
279
|
+
this.mergeSchema(currentSchema.properties[propertyName], remainingSegments, meta);
|
280
|
+
}
|
281
|
+
}
|
282
|
+
}, {
|
283
|
+
key: "handleRequired",
|
284
|
+
value: function handleRequired(parentSchema, propertyName, isRequired) {
|
285
|
+
// 如果required是布尔值,转换为数组形式
|
286
|
+
if (typeof parentSchema.required === 'boolean') {
|
287
|
+
return;
|
288
|
+
}
|
289
|
+
if (!parentSchema.required) {
|
290
|
+
parentSchema.required = [];
|
291
|
+
}
|
292
|
+
var requiredIndex = parentSchema.required.indexOf(propertyName);
|
293
|
+
if (isRequired && requiredIndex === -1) {
|
294
|
+
parentSchema.required.push(propertyName);
|
295
|
+
} else if (!isRequired && requiredIndex !== -1) {
|
296
|
+
parentSchema.required.splice(requiredIndex, 1);
|
297
|
+
}
|
298
|
+
|
299
|
+
// 如果 required 数组为空,删除它
|
300
|
+
if (parentSchema.required.length === 0) {
|
301
|
+
delete parentSchema.required;
|
302
|
+
}
|
303
|
+
}
|
304
|
+
}, {
|
305
|
+
key: "getFormSchema",
|
306
|
+
value: function getFormSchema() {
|
307
|
+
return this.schema;
|
308
|
+
}
|
309
|
+
}]);
|
310
|
+
return SchemaBuilder;
|
311
|
+
}();
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC"}
|
@@ -0,0 +1,13 @@
|
|
1
|
+
"use strict";
|
2
|
+
"use client";
|
3
|
+
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
5
|
+
value: true
|
6
|
+
});
|
7
|
+
Object.defineProperty(exports, "SchemaBuilder", {
|
8
|
+
enumerable: true,
|
9
|
+
get: function get() {
|
10
|
+
return _formSchemaBuilder.SchemaBuilder;
|
11
|
+
}
|
12
|
+
});
|
13
|
+
var _formSchemaBuilder = require("./form-schema-builder");
|
@@ -1,3 +1,4 @@
|
|
1
|
+
import { SchemaBuilder } from './use-form-schema/form-schema-builder';
|
1
2
|
import { ProviderProps, UseFormProps, UseFormSlotProps, ValidateFnConfig } from './use-form.type';
|
2
3
|
import { ObjectType } from '../../common/type';
|
3
4
|
declare const useForm: <T extends ObjectType>(props: UseFormProps<T>) => {
|
@@ -24,7 +25,9 @@ declare const useForm: <T extends ObjectType>(props: UseFormProps<T>) => {
|
|
24
25
|
insertError: (name: string, index: number, error?: Error) => void;
|
25
26
|
spliceError: (name: string, index: number) => void;
|
26
27
|
scrollToField: (name: string, scrollIntoViewOptions?: ScrollIntoViewOptions) => void;
|
28
|
+
getFormSchema: () => import("./use-form-schema/form-schema-builder").SchemaProperty | undefined;
|
27
29
|
};
|
30
|
+
formSchema: SchemaBuilder | null;
|
28
31
|
};
|
29
32
|
formFunc: {
|
30
33
|
setValue: (vals: {
|
@@ -44,6 +47,7 @@ declare const useForm: <T extends ObjectType>(props: UseFormProps<T>) => {
|
|
44
47
|
insertError: (name: string, index: number, error?: Error) => void;
|
45
48
|
spliceError: (name: string, index: number) => void;
|
46
49
|
scrollToField: (name: string, scrollIntoViewOptions?: ScrollIntoViewOptions) => void;
|
50
|
+
getFormSchema: () => import("./use-form-schema/form-schema-builder").SchemaProperty | undefined;
|
47
51
|
};
|
48
52
|
};
|
49
53
|
export default useForm;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"use-form.d.ts","sourceRoot":"","sources":["use-form.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"use-form.d.ts","sourceRoot":"","sources":["use-form.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AA2BtE,OAAO,EAEL,aAAa,EACb,YAAY,EACZ,gBAAgB,EAGhB,gBAAgB,EAEjB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAe,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAI5D,QAAA,MAAM,OAAO;;;;;;;;;wBAqSC;gBAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;gBAAC,WAAW,CAAC,EAAE,OAAO,CAAA;aAAE;8BArPnB,MAAM;oCAoUD,OAAO,aAAoB,MAAM,IAAI;;6BAf3C,MAAM,KAAK,KAAK,GAAG,SAAS;;oCAdrB,MAAM,EAAE;sCA/RxC,MAAM,GAAG,MAAM,EAAE,WAAU,gBAAgB;qCAkWvB,MAAM,WAAW,gBAAgB;gCAhDzB,MAAM,SAAS,MAAM,UAAU,KAAK;gCAKpC,MAAM,SAAS,MAAM;kCArJpD,MAAM,0BAAyB,qBAAqB;;;;;;;;oBA2EjD;YAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;YAAC,WAAW,CAAC,EAAE,OAAO,CAAA;SAAE;0BArPnB,MAAM;gCAoUD,OAAO,aAAoB,MAAM,IAAI;;yBAf3C,MAAM,KAAK,KAAK,GAAG,SAAS;;gCAdrB,MAAM,EAAE;kCA/RxC,MAAM,GAAG,MAAM,EAAE,WAAU,gBAAgB;iCAkWvB,MAAM,WAAW,gBAAgB;4BAhDzB,MAAM,SAAS,MAAM,UAAU,KAAK;4BAKpC,MAAM,SAAS,MAAM;8BArJpD,MAAM,0BAAyB,qBAAqB;;;CA4b9D,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
@@ -11,6 +11,7 @@ var _usePersistFn = _interopRequireDefault(require("../../common/use-persist-fn"
|
|
11
11
|
var _attribute = require("../../utils/attribute");
|
12
12
|
var _flat = require("../../utils/flat");
|
13
13
|
var _useDefaultValue = require("../../common/use-default-value");
|
14
|
+
var _formSchemaBuilder = require("./use-form-schema/form-schema-builder");
|
14
15
|
var _immer = require("../../utils/immer");
|
15
16
|
var _utils = require("../../utils");
|
16
17
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
@@ -26,6 +27,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
|
|
26
27
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
27
28
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
28
29
|
var globalKey = '__global__&&@@';
|
30
|
+
var SUBMIT_TIMEOUT = 10;
|
29
31
|
var emptyObj = {};
|
30
32
|
var useForm = function useForm(props) {
|
31
33
|
var _props$defaultValue = props.defaultValue,
|
@@ -70,7 +72,8 @@ var useForm = function useForm(props) {
|
|
70
72
|
resetTime: 0,
|
71
73
|
mounted: false,
|
72
74
|
unmounted: false,
|
73
|
-
removeLock: false
|
75
|
+
removeLock: false,
|
76
|
+
schema: props.name ? new _formSchemaBuilder.SchemaBuilder(props.name) : null
|
74
77
|
}),
|
75
78
|
context = _React$useRef.current;
|
76
79
|
var getValue = (0, _usePersistFn.default)(function (name) {
|
@@ -229,13 +232,13 @@ var useForm = function useForm(props) {
|
|
229
232
|
_utils.docScroll.top -= scrollToError;
|
230
233
|
}
|
231
234
|
}
|
232
|
-
});
|
235
|
+
}, SUBMIT_TIMEOUT + 10);
|
233
236
|
};
|
234
237
|
var onChange = (0, _usePersistFn.default)(function (change) {
|
235
238
|
var _props$onChange;
|
236
239
|
var newValue = typeof change === 'function' ? (0, _immer.produce)(context.value, change) : change;
|
237
240
|
context.value = newValue;
|
238
|
-
(_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props,
|
241
|
+
(_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, newValue);
|
239
242
|
});
|
240
243
|
var scrollToField = (0, _usePersistFn.default)(function (name) {
|
241
244
|
var _document;
|
@@ -338,6 +341,10 @@ var useForm = function useForm(props) {
|
|
338
341
|
Object.keys(context.defaultValues).forEach(function (df) {
|
339
342
|
var latestDefaultValue = getValue(df);
|
340
343
|
if (latestDefaultValue === undefined) {
|
344
|
+
// todo: Form组件传了clearToUndefined时,加入这部分判断?
|
345
|
+
// if(context.value.hasOwnProperty(df) && clearToUndefined){
|
346
|
+
// return;
|
347
|
+
// }
|
341
348
|
setValue(_defineProperty({}, df, context.defaultValues[df]), {
|
342
349
|
validate: false
|
343
350
|
});
|
@@ -430,7 +437,7 @@ var useForm = function useForm(props) {
|
|
430
437
|
var _other$onSubmit;
|
431
438
|
submit();
|
432
439
|
other === null || other === void 0 || (_other$onSubmit = other.onSubmit) === null || _other$onSubmit === void 0 || _other$onSubmit.call(other, e);
|
433
|
-
},
|
440
|
+
}, SUBMIT_TIMEOUT);
|
434
441
|
};
|
435
442
|
};
|
436
443
|
var validateFieldset = function validateFieldset(name, config) {
|
@@ -523,6 +530,9 @@ var useForm = function useForm(props) {
|
|
523
530
|
context.names.delete(n);
|
524
531
|
delete context.defaultValues[n];
|
525
532
|
}
|
533
|
+
if (context.errors[n]) {
|
534
|
+
delete context.errors[n];
|
535
|
+
}
|
526
536
|
var finalReserveAble = (_props$reserveAble = props.reserveAble) !== null && _props$reserveAble !== void 0 ? _props$reserveAble : reserveAble;
|
527
537
|
if (!finalReserveAble && !context.removeLock) {
|
528
538
|
addRemove(n);
|
@@ -576,7 +586,11 @@ var useForm = function useForm(props) {
|
|
576
586
|
validateFieldset: validateFieldset,
|
577
587
|
insertError: insertError,
|
578
588
|
spliceError: spliceError,
|
579
|
-
scrollToField: scrollToField
|
589
|
+
scrollToField: scrollToField,
|
590
|
+
getFormSchema: function getFormSchema() {
|
591
|
+
var _context$schema;
|
592
|
+
return (_context$schema = context.schema) === null || _context$schema === void 0 ? void 0 : _context$schema.getFormSchema();
|
593
|
+
}
|
580
594
|
});
|
581
595
|
var formConfig = React.useMemo(function () {
|
582
596
|
return {
|
@@ -614,11 +628,6 @@ var useForm = function useForm(props) {
|
|
614
628
|
// 默认值更新
|
615
629
|
React.useEffect(function () {
|
616
630
|
context.removeLock = false;
|
617
|
-
// 内部 onChange 改的 value, 不需要更新
|
618
|
-
if (props.value === context.value) {
|
619
|
-
if (!isControl) update();
|
620
|
-
return;
|
621
|
-
}
|
622
631
|
if (initValidate && !context.resetTime) {
|
623
632
|
var keys = Object.keys(context.validateMap).filter(function (key) {
|
624
633
|
var oldValue = (0, _utils.deepGet)(preValue || emptyObj, key);
|
@@ -628,6 +637,7 @@ var useForm = function useForm(props) {
|
|
628
637
|
validateFields(keys).catch(function () {});
|
629
638
|
}
|
630
639
|
update();
|
640
|
+
if (!isControl) return;
|
631
641
|
// 默认值上位时会提前触发外部的onChange, 导致外部的多次setFormValue不能合并后生效的问题(ReactDOM.render方式渲染)
|
632
642
|
setTimeout(updateDefaultValue);
|
633
643
|
context.resetTime = 0;
|
@@ -649,7 +659,8 @@ var useForm = function useForm(props) {
|
|
649
659
|
ProviderProps: {
|
650
660
|
formValue: formValue,
|
651
661
|
formConfig: formConfig,
|
652
|
-
formFunc: formFunc
|
662
|
+
formFunc: formFunc,
|
663
|
+
formSchema: context.schema
|
653
664
|
},
|
654
665
|
formFunc: formFunc
|
655
666
|
};
|