@sheinx/hooks 3.8.0-beta.5 → 3.8.0-beta.50
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-filter/use-filter.d.ts.map +1 -1
- package/cjs/common/use-filter/use-filter.js +4 -1
- 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-check/use-check.d.ts.map +1 -1
- package/cjs/components/use-check/use-check.js +10 -2
- 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 +10 -8
- package/cjs/components/use-datepicker/use-time.d.ts.map +1 -1
- package/cjs/components/use-datepicker/use-time.js +19 -5
- package/cjs/components/use-datepicker/use-time.type.d.ts +5 -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 +21 -2
- 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 +34 -4
- 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-item/use-form-item.d.ts +1 -1
- package/cjs/components/use-form/use-form-schema/form-schema-builder.d.ts +50 -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 +377 -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-number.d.ts.map +1 -1
- package/cjs/components/use-input/use-input-number.js +3 -1
- package/cjs/components/use-input/use-input-number.type.d.ts +1 -1
- package/cjs/components/use-input/use-input-number.type.d.ts.map +1 -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 +12 -24
- package/cjs/components/use-select/use-select.type.d.ts +27 -18
- package/cjs/components/use-select/use-select.type.d.ts.map +1 -1
- package/cjs/components/use-table/use-table-virtual.d.ts +6 -1
- package/cjs/components/use-table/use-table-virtual.d.ts.map +1 -1
- package/cjs/components/use-table/use-table-virtual.js +5 -4
- 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-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 +26 -19
- 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/lazyload.d.ts.map +1 -1
- package/cjs/utils/lazyload.js +33 -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-filter/use-filter.d.ts.map +1 -1
- package/esm/common/use-filter/use-filter.js +4 -1
- 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-check/use-check.d.ts.map +1 -1
- package/esm/components/use-check/use-check.js +10 -2
- 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 +10 -8
- package/esm/components/use-datepicker/use-time.d.ts.map +1 -1
- package/esm/components/use-datepicker/use-time.js +19 -5
- package/esm/components/use-datepicker/use-time.type.d.ts +5 -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 +21 -2
- 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 +34 -4
- 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-item/use-form-item.d.ts +1 -1
- package/esm/components/use-form/use-form-schema/form-schema-builder.d.ts +50 -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 +371 -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-number.d.ts.map +1 -1
- package/esm/components/use-input/use-input-number.js +3 -1
- package/esm/components/use-input/use-input-number.type.d.ts +1 -1
- package/esm/components/use-input/use-input-number.type.d.ts.map +1 -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 +12 -24
- package/esm/components/use-select/use-select.type.d.ts +27 -18
- package/esm/components/use-select/use-select.type.d.ts.map +1 -1
- package/esm/components/use-table/use-table-virtual.d.ts +6 -1
- package/esm/components/use-table/use-table-virtual.d.ts.map +1 -1
- package/esm/components/use-table/use-table-virtual.js +5 -4
- 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-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 +26 -19
- 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/lazyload.d.ts.map +1 -1
- package/esm/utils/lazyload.js +33 -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
@@ -0,0 +1,377 @@
|
|
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
|
+
var componentName = componentElement.type.displayName || componentElement.type.name;
|
77
|
+
var format = componentElement.props.format || componentElement.props.keygen;
|
78
|
+
switch (componentName) {
|
79
|
+
case 'ShineoutInput':
|
80
|
+
case 'ShineoutEditableArea':
|
81
|
+
fieldSchemaInfo.type = 'string';
|
82
|
+
break;
|
83
|
+
case 'ShineoutInputNumber':
|
84
|
+
fieldSchemaInfo.type = 'number';
|
85
|
+
break;
|
86
|
+
case 'ShineoutInputPassword':
|
87
|
+
fieldSchemaInfo.type = 'string';
|
88
|
+
break;
|
89
|
+
case 'ShineoutTextarea':
|
90
|
+
fieldSchemaInfo.type = 'string';
|
91
|
+
break;
|
92
|
+
case 'ShineoutCascader':
|
93
|
+
case 'ShineoutSelect':
|
94
|
+
case 'ShineoutTreeSelect':
|
95
|
+
{
|
96
|
+
if (typeof componentElement.props.keygen !== 'boolean') {
|
97
|
+
if (typeof format === 'string') {
|
98
|
+
var _data$;
|
99
|
+
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]);
|
100
|
+
} else if (typeof format === 'function') {
|
101
|
+
itemType = _typeof(format(data === null || data === void 0 ? void 0 : data[0]));
|
102
|
+
} else {
|
103
|
+
itemType = _typeof(data === null || data === void 0 ? void 0 : data[0]);
|
104
|
+
}
|
105
|
+
} else {
|
106
|
+
itemType = _typeof(data === null || data === void 0 ? void 0 : data[0]);
|
107
|
+
}
|
108
|
+
if (componentElement.props.multiple) {
|
109
|
+
fieldSchemaInfo.type = 'array';
|
110
|
+
if (itemType !== 'undefined') {
|
111
|
+
fieldSchemaInfo.items = {
|
112
|
+
type: itemType
|
113
|
+
};
|
114
|
+
}
|
115
|
+
} else {
|
116
|
+
if (itemType !== 'undefined') {
|
117
|
+
fieldSchemaInfo.type = itemType;
|
118
|
+
}
|
119
|
+
}
|
120
|
+
if (itemType === 'object') {
|
121
|
+
// 对于对象类型,使用 oneOf 而不是 enum
|
122
|
+
if (componentElement.props.multiple) {
|
123
|
+
fieldSchemaInfo.items.oneOf = componentElement.props.data.map(function (item) {
|
124
|
+
return {
|
125
|
+
const: item,
|
126
|
+
title: (item === null || item === void 0 ? void 0 : item.title) || JSON.stringify(item)
|
127
|
+
};
|
128
|
+
});
|
129
|
+
} else {
|
130
|
+
fieldSchemaInfo.oneOf = componentElement.props.data.map(function (item) {
|
131
|
+
return {
|
132
|
+
const: item,
|
133
|
+
title: (item === null || item === void 0 ? void 0 : item.title) || JSON.stringify(item)
|
134
|
+
};
|
135
|
+
});
|
136
|
+
}
|
137
|
+
} else {
|
138
|
+
fieldSchemaInfo.enum = componentElement.props.data.map(function (item) {
|
139
|
+
return (item === null || item === void 0 ? void 0 : item[format]) || item;
|
140
|
+
});
|
141
|
+
}
|
142
|
+
break;
|
143
|
+
}
|
144
|
+
case 'ShineoutDatePicker':
|
145
|
+
if (componentElement.props.range) {
|
146
|
+
if (finalFieldId !== null && finalFieldId !== void 0 && finalFieldId.includes(separator || '')) {
|
147
|
+
fieldSchemaInfo.type = 'string';
|
148
|
+
fieldSchemaInfo.format = 'date';
|
149
|
+
} else {
|
150
|
+
fieldSchemaInfo.type = 'array';
|
151
|
+
fieldSchemaInfo.items = {
|
152
|
+
type: 'string',
|
153
|
+
format: 'date'
|
154
|
+
};
|
155
|
+
}
|
156
|
+
} else {
|
157
|
+
fieldSchemaInfo.type = 'string';
|
158
|
+
fieldSchemaInfo.format = 'date';
|
159
|
+
}
|
160
|
+
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 || '', " ");
|
161
|
+
break;
|
162
|
+
case 'ShineoutCheckbox':
|
163
|
+
case 'ShineoutCheckboxGroup':
|
164
|
+
{
|
165
|
+
if (typeof componentElement.props.keygen !== 'boolean') {
|
166
|
+
if (typeof format === 'string') {
|
167
|
+
var _data$2;
|
168
|
+
itemType = _typeof(data === null || data === void 0 ? void 0 : data[0]) === 'object' ? _typeof(data === null || data === void 0 || (_data$2 = data[0]) === null || _data$2 === void 0 ? void 0 : _data$2[format]) : _typeof(data === null || data === void 0 ? void 0 : data[0]);
|
169
|
+
} else if (typeof format === 'function') {
|
170
|
+
itemType = _typeof(format(data === null || data === void 0 ? void 0 : data[0]));
|
171
|
+
} else {
|
172
|
+
itemType = _typeof(data === null || data === void 0 ? void 0 : data[0]);
|
173
|
+
}
|
174
|
+
} else {
|
175
|
+
itemType = _typeof(data === null || data === void 0 ? void 0 : data[0]);
|
176
|
+
}
|
177
|
+
fieldSchemaInfo.type = 'array';
|
178
|
+
fieldSchemaInfo.items = {
|
179
|
+
type: itemType
|
180
|
+
};
|
181
|
+
|
182
|
+
// ShineoutCheckboxGroup 有 data 时(多选的)
|
183
|
+
if (itemType === 'object') {
|
184
|
+
fieldSchemaInfo.items.oneOf = componentElement.props.data.map(function (item) {
|
185
|
+
return {
|
186
|
+
const: item,
|
187
|
+
title: (item === null || item === void 0 ? void 0 : item.title) || JSON.stringify(item)
|
188
|
+
};
|
189
|
+
});
|
190
|
+
} else {
|
191
|
+
fieldSchemaInfo.items.enum = componentElement.props.data.map(function (item) {
|
192
|
+
return (item === null || item === void 0 ? void 0 : item[format]) || item;
|
193
|
+
});
|
194
|
+
}
|
195
|
+
break;
|
196
|
+
}
|
197
|
+
case 'ShineoutRadio':
|
198
|
+
case 'ShineoutRadioGroup':
|
199
|
+
{
|
200
|
+
if (typeof componentElement.props.keygen !== 'boolean') {
|
201
|
+
if (typeof format === 'string') {
|
202
|
+
var _data$3;
|
203
|
+
itemType = _typeof(data === null || data === void 0 ? void 0 : data[0]) === 'object' ? _typeof(data === null || data === void 0 || (_data$3 = data[0]) === null || _data$3 === void 0 ? void 0 : _data$3[format]) : _typeof(data === null || data === void 0 ? void 0 : data[0]);
|
204
|
+
} else if (typeof format === 'function') {
|
205
|
+
itemType = _typeof(format(data === null || data === void 0 ? void 0 : data[0]));
|
206
|
+
} else {
|
207
|
+
itemType = _typeof(data === null || data === void 0 ? void 0 : data[0]);
|
208
|
+
}
|
209
|
+
} else {
|
210
|
+
itemType = _typeof(data === null || data === void 0 ? void 0 : data[0]);
|
211
|
+
}
|
212
|
+
fieldSchemaInfo.type = itemType;
|
213
|
+
|
214
|
+
// ShineoutRadioGroup 有 data 时(单选的)
|
215
|
+
if (itemType === 'object') {
|
216
|
+
fieldSchemaInfo.oneOf = componentElement.props.data.map(function (item) {
|
217
|
+
return {
|
218
|
+
const: item,
|
219
|
+
title: (item === null || item === void 0 ? void 0 : item.title) || JSON.stringify(item)
|
220
|
+
};
|
221
|
+
});
|
222
|
+
} else {
|
223
|
+
fieldSchemaInfo.enum = componentElement.props.data.map(function (item) {
|
224
|
+
return (item === null || item === void 0 ? void 0 : item[format]) || item;
|
225
|
+
});
|
226
|
+
}
|
227
|
+
break;
|
228
|
+
}
|
229
|
+
case 'ShineoutSwitch':
|
230
|
+
fieldSchemaInfo.type = 'boolean';
|
231
|
+
break;
|
232
|
+
case 'ShineoutSlider':
|
233
|
+
case 'ShineoutRate':
|
234
|
+
fieldSchemaInfo.type = 'number';
|
235
|
+
break;
|
236
|
+
default:
|
237
|
+
if (Array.isArray(componentElement.props.value) && componentElement.props.value.length === 0) {
|
238
|
+
fieldSchemaInfo.type = 'array';
|
239
|
+
fieldSchemaInfo.items = {
|
240
|
+
type: 'string'
|
241
|
+
};
|
242
|
+
} else {
|
243
|
+
fieldSchemaInfo.type = _typeof(componentElement.props.value);
|
244
|
+
}
|
245
|
+
break;
|
246
|
+
}
|
247
|
+
}
|
248
|
+
return fieldSchemaInfo;
|
249
|
+
}
|
250
|
+
|
251
|
+
// 解析路径字符串,如 'a[0].b1' -> ['a', '[0]', 'b1']
|
252
|
+
}, {
|
253
|
+
key: "parsePath",
|
254
|
+
value: function parsePath(path) {
|
255
|
+
if (!path) return null;
|
256
|
+
var segments = [];
|
257
|
+
var current = '';
|
258
|
+
var inBracket = false;
|
259
|
+
for (var i = 0; i < path.length; i++) {
|
260
|
+
var char = path[i];
|
261
|
+
if (char === '[') {
|
262
|
+
if (current) {
|
263
|
+
segments.push(current);
|
264
|
+
current = '';
|
265
|
+
}
|
266
|
+
current = '[';
|
267
|
+
inBracket = true;
|
268
|
+
} else if (char === ']') {
|
269
|
+
current += ']';
|
270
|
+
segments.push(current);
|
271
|
+
current = '';
|
272
|
+
inBracket = false;
|
273
|
+
} else if (char === '.' && !inBracket) {
|
274
|
+
if (current) {
|
275
|
+
segments.push(current);
|
276
|
+
current = '';
|
277
|
+
}
|
278
|
+
} else {
|
279
|
+
current += char;
|
280
|
+
}
|
281
|
+
}
|
282
|
+
if (current) {
|
283
|
+
segments.push(current);
|
284
|
+
}
|
285
|
+
return segments;
|
286
|
+
}
|
287
|
+
|
288
|
+
// 递归合并 schema
|
289
|
+
}, {
|
290
|
+
key: "mergeSchema",
|
291
|
+
value: function mergeSchema(currentSchema, pathSegments, meta) {
|
292
|
+
if (pathSegments.length === 0) {
|
293
|
+
// 到达叶子节点,应用元数据
|
294
|
+
Object.assign(currentSchema, meta);
|
295
|
+
return;
|
296
|
+
}
|
297
|
+
var _pathSegments = _toArray(pathSegments),
|
298
|
+
currentSegment = _pathSegments[0],
|
299
|
+
remainingSegments = _pathSegments.slice(1);
|
300
|
+
if (currentSegment.startsWith('[') && currentSegment.endsWith(']')) {
|
301
|
+
// 处理数组索引,如 [0]
|
302
|
+
this.handleArraySegment(currentSchema, remainingSegments, meta);
|
303
|
+
} else {
|
304
|
+
// 处理对象属性
|
305
|
+
this.handleObjectProperty(currentSchema, currentSegment, remainingSegments, meta);
|
306
|
+
}
|
307
|
+
}
|
308
|
+
}, {
|
309
|
+
key: "handleArraySegment",
|
310
|
+
value: function handleArraySegment(currentSchema, remainingSegments, meta) {
|
311
|
+
// 当前节点应该是数组类型
|
312
|
+
if (!currentSchema.items) {
|
313
|
+
currentSchema.type = 'array';
|
314
|
+
currentSchema.items = {
|
315
|
+
type: 'object',
|
316
|
+
properties: {}
|
317
|
+
};
|
318
|
+
}
|
319
|
+
this.mergeSchema(currentSchema.items, remainingSegments, meta);
|
320
|
+
}
|
321
|
+
}, {
|
322
|
+
key: "handleObjectProperty",
|
323
|
+
value: function handleObjectProperty(currentSchema, propertyName, remainingSegments, meta) {
|
324
|
+
// 确保当前节点有 properties
|
325
|
+
if (!currentSchema.properties) {
|
326
|
+
currentSchema.properties = {};
|
327
|
+
}
|
328
|
+
|
329
|
+
// 如果属性不存在,创建它
|
330
|
+
if (!currentSchema.properties[propertyName]) {
|
331
|
+
currentSchema.properties[propertyName] = remainingSegments.length > 0 ? {
|
332
|
+
type: 'object'
|
333
|
+
} : {};
|
334
|
+
}
|
335
|
+
if (remainingSegments.length === 0) {
|
336
|
+
// 叶子节点,应用元数据并处理 required
|
337
|
+
var required = meta.required,
|
338
|
+
restMeta = _objectWithoutProperties(meta, _excluded);
|
339
|
+
Object.assign(currentSchema.properties[propertyName], restMeta);
|
340
|
+
if (typeof required === 'boolean') {
|
341
|
+
this.handleRequired(currentSchema, propertyName, required);
|
342
|
+
}
|
343
|
+
} else {
|
344
|
+
// 继续递归
|
345
|
+
this.mergeSchema(currentSchema.properties[propertyName], remainingSegments, meta);
|
346
|
+
}
|
347
|
+
}
|
348
|
+
}, {
|
349
|
+
key: "handleRequired",
|
350
|
+
value: function handleRequired(parentSchema, propertyName, isRequired) {
|
351
|
+
// 如果required是布尔值,转换为数组形式
|
352
|
+
if (typeof parentSchema.required === 'boolean') {
|
353
|
+
return;
|
354
|
+
}
|
355
|
+
if (!parentSchema.required) {
|
356
|
+
parentSchema.required = [];
|
357
|
+
}
|
358
|
+
var requiredIndex = parentSchema.required.indexOf(propertyName);
|
359
|
+
if (isRequired && requiredIndex === -1) {
|
360
|
+
parentSchema.required.push(propertyName);
|
361
|
+
} else if (!isRequired && requiredIndex !== -1) {
|
362
|
+
parentSchema.required.splice(requiredIndex, 1);
|
363
|
+
}
|
364
|
+
|
365
|
+
// 如果 required 数组为空,删除它
|
366
|
+
if (parentSchema.required.length === 0) {
|
367
|
+
delete parentSchema.required;
|
368
|
+
}
|
369
|
+
}
|
370
|
+
}, {
|
371
|
+
key: "getFormSchema",
|
372
|
+
value: function getFormSchema() {
|
373
|
+
return this.schema;
|
374
|
+
}
|
375
|
+
}]);
|
376
|
+
return SchemaBuilder;
|
377
|
+
}();
|
@@ -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;;;;;;;;;wBAySC;gBAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;gBAAC,WAAW,CAAC,EAAE,OAAO,CAAA;aAAE;8BAzPnB,MAAM;oCAwUD,OAAO,aAAoB,MAAM,IAAI;;6BAf3C,MAAM,KAAK,KAAK,GAAG,SAAS;;oCAdrB,MAAM,EAAE;sCAnSxC,MAAM,GAAG,MAAM,EAAE,WAAU,gBAAgB;qCAsWvB,MAAM,WAAW,gBAAgB;gCAhDzB,MAAM,SAAS,MAAM,UAAU,KAAK;gCAKpC,MAAM,SAAS,MAAM;kCAzJpD,MAAM,0BAAyB,qBAAqB;;;;;;;;oBA+EjD;YAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;YAAC,WAAW,CAAC,EAAE,OAAO,CAAA;SAAE;0BAzPnB,MAAM;gCAwUD,OAAO,aAAoB,MAAM,IAAI;;yBAf3C,MAAM,KAAK,KAAK,GAAG,SAAS;;gCAdrB,MAAM,EAAE;kCAnSxC,MAAM,GAAG,MAAM,EAAE,WAAU,gBAAgB;iCAsWvB,MAAM,WAAW,gBAAgB;4BAhDzB,MAAM,SAAS,MAAM,UAAU,KAAK;4BAKpC,MAAM,SAAS,MAAM;8BAzJpD,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;
|
@@ -289,6 +292,9 @@ var useForm = function useForm(props) {
|
|
289
292
|
context.removeArr.forEach(function (n) {
|
290
293
|
(0, _utils.deepRemove)(v, n);
|
291
294
|
context.removeArr.delete(n);
|
295
|
+
if (context.errors[n]) {
|
296
|
+
delete context.errors[n];
|
297
|
+
}
|
292
298
|
});
|
293
299
|
});
|
294
300
|
};
|
@@ -338,6 +344,10 @@ var useForm = function useForm(props) {
|
|
338
344
|
Object.keys(context.defaultValues).forEach(function (df) {
|
339
345
|
var latestDefaultValue = getValue(df);
|
340
346
|
if (latestDefaultValue === undefined) {
|
347
|
+
// todo: Form组件传了clearToUndefined时,加入这部分判断?
|
348
|
+
// if(context.value.hasOwnProperty(df) && clearToUndefined){
|
349
|
+
// return;
|
350
|
+
// }
|
341
351
|
setValue(_defineProperty({}, df, context.defaultValues[df]), {
|
342
352
|
validate: false
|
343
353
|
});
|
@@ -430,7 +440,7 @@ var useForm = function useForm(props) {
|
|
430
440
|
var _other$onSubmit;
|
431
441
|
submit();
|
432
442
|
other === null || other === void 0 || (_other$onSubmit = other.onSubmit) === null || _other$onSubmit === void 0 || _other$onSubmit.call(other, e);
|
433
|
-
},
|
443
|
+
}, SUBMIT_TIMEOUT);
|
434
444
|
};
|
435
445
|
};
|
436
446
|
var validateFieldset = function validateFieldset(name, config) {
|
@@ -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
|
};
|