@hw-component/form 0.0.5-beta-v9 → 0.0.6-beta-v1
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/es/CheckboxGroup/CheckBox/index.js +42 -0
- package/es/CheckboxGroup/hooks.js +120 -0
- package/es/CheckboxGroup/index.js +93 -0
- package/es/DialogForm/DrawerForm/Footer.js +27 -0
- package/es/DialogForm/DrawerForm/Title.js +21 -0
- package/es/DialogForm/DrawerForm/index.js +137 -0
- package/es/DialogForm/ModalForm.js +118 -0
- package/es/DialogForm/hooks.js +148 -0
- package/es/Form/Context/FormConfigProvider.js +24 -3
- package/es/Form/FormItem/BasicItem.js +92 -0
- package/es/Form/FormItem/Helper.js +26 -0
- package/es/Form/FormItem/RegularFormItem.js +24 -0
- package/es/Form/FormItem/UpFormItem.js +42 -0
- package/es/Form/FormItem/hooks.js +38 -0
- package/es/Form/FormItem/index.js +21 -0
- package/es/Form/InitSet.js +16 -0
- package/es/Form/Label.js +49 -0
- package/es/Form/config.js +45 -0
- package/es/Form/hooks/index.js +157 -0
- package/es/Form/hooks/useDefaultRender.js +48 -0
- package/es/Form/hooks/useHForm.js +193 -0
- package/es/Form/hooks/useInitConfigData.js +169 -0
- package/es/Form/index.js +102 -0
- package/es/Input/ButtonInput.js +94 -0
- package/es/Input/ColorInput/Picker.js +22 -0
- package/es/Input/ColorInput/data.js +5 -0
- package/es/Input/ColorInput/index.js +94 -0
- package/es/Input/InputNumber.js +29 -0
- package/es/Input/SelectInput.js +95 -0
- package/es/Input/defaultConfig.js +11 -0
- package/es/Input/index.js +23 -0
- package/es/PageHandler/ErrorComponent.js +38 -0
- package/es/PageHandler/LoadingComponent.js +19 -0
- package/es/PageHandler/index.js +26 -0
- package/es/RadioGroup/index.js +58 -0
- package/es/Select/index.js +5 -5
- package/es/Submit/index.js +54 -0
- package/es/Switch/index.js +59 -0
- package/es/TDPicker/RangePicker.js +125 -0
- package/es/TDPicker/TimePicker.js +44 -0
- package/es/TDPicker/hooks.js +132 -0
- package/es/TDPicker/index.js +47 -0
- package/es/TextArea/index.js +30 -0
- package/es/Upload/Btn.js +36 -0
- package/es/Upload/MediaTypeEle/TypeEle.js +42 -0
- package/es/Upload/MediaTypeEle/index.js +36 -0
- package/es/Upload/Preview/index.js +22 -0
- package/es/Upload/UrlUpload/index.js +133 -0
- package/es/Upload/enums.js +10 -0
- package/es/Upload/hooks/change.js +107 -0
- package/es/Upload/hooks/customRequest.js +131 -0
- package/es/Upload/hooks/propsMaker.js +36 -0
- package/es/Upload/index.js +145 -0
- package/es/Upload/util.js +17 -1
- package/es/index.d.ts +23 -0
- package/es/index.js +29 -3
- package/lib/CheckboxGroup/CheckBox/index.js +45 -0
- package/lib/CheckboxGroup/hooks.js +121 -0
- package/lib/CheckboxGroup/index.js +96 -0
- package/lib/DialogForm/DrawerForm/Footer.js +30 -0
- package/lib/DialogForm/DrawerForm/Title.js +24 -0
- package/lib/DialogForm/DrawerForm/index.js +140 -0
- package/lib/DialogForm/ModalForm.js +121 -0
- package/lib/DialogForm/hooks.js +152 -0
- package/lib/Form/Context/FormConfigProvider.js +26 -2
- package/lib/Form/FormItem/BasicItem.js +95 -0
- package/lib/Form/FormItem/Helper.js +29 -0
- package/lib/Form/FormItem/RegularFormItem.js +27 -0
- package/lib/Form/FormItem/UpFormItem.js +45 -0
- package/lib/Form/FormItem/hooks.js +41 -0
- package/lib/Form/FormItem/index.js +24 -0
- package/lib/Form/InitSet.js +19 -0
- package/lib/Form/Label.js +52 -0
- package/lib/Form/config.js +49 -0
- package/lib/Form/hooks/index.js +161 -0
- package/lib/Form/hooks/useDefaultRender.js +49 -0
- package/lib/Form/hooks/useHForm.js +196 -0
- package/lib/Form/hooks/useInitConfigData.js +172 -0
- package/lib/Form/index.js +105 -0
- package/lib/Input/ButtonInput.js +97 -0
- package/lib/Input/ColorInput/Picker.js +25 -0
- package/lib/Input/ColorInput/data.js +6 -0
- package/lib/Input/ColorInput/index.js +97 -0
- package/lib/Input/InputNumber.js +32 -0
- package/lib/Input/SelectInput.js +99 -0
- package/lib/Input/defaultConfig.js +13 -0
- package/lib/Input/index.js +26 -0
- package/lib/PageHandler/ErrorComponent.js +41 -0
- package/lib/PageHandler/LoadingComponent.js +22 -0
- package/lib/PageHandler/index.js +29 -0
- package/lib/RadioGroup/index.js +61 -0
- package/lib/Select/index.js +2 -2
- package/lib/Submit/index.js +57 -0
- package/lib/Switch/index.js +62 -0
- package/lib/TDPicker/RangePicker.js +128 -0
- package/lib/TDPicker/TimePicker.js +47 -0
- package/lib/TDPicker/hooks.js +139 -0
- package/lib/TDPicker/index.js +50 -0
- package/lib/TextArea/index.js +33 -0
- package/lib/Upload/Btn.js +39 -0
- package/lib/Upload/MediaTypeEle/TypeEle.js +45 -0
- package/lib/Upload/MediaTypeEle/index.js +39 -0
- package/lib/Upload/Preview/index.js +25 -0
- package/lib/Upload/UrlUpload/index.js +136 -0
- package/lib/Upload/enums.js +9 -0
- package/lib/Upload/hooks/change.js +108 -0
- package/lib/Upload/hooks/customRequest.js +132 -0
- package/lib/Upload/hooks/propsMaker.js +37 -0
- package/lib/Upload/index.js +148 -0
- package/lib/Upload/util.js +19 -0
- package/lib/index.d.ts +23 -0
- package/lib/index.js +51 -2
- package/package.json +1 -1
- package/src/components/Input/ColorInput/index.tsx +1 -1
- package/src/components/index.tsx +28 -2
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
// welcome to hoo hoo hoo
|
|
2
|
+
import 'core-js/modules/es.symbol.js';
|
|
3
|
+
import 'core-js/modules/es.array.filter.js';
|
|
4
|
+
import 'core-js/modules/es.object.get-own-property-descriptor.js';
|
|
5
|
+
import 'core-js/modules/es.object.get-own-property-descriptors.js';
|
|
6
|
+
import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
|
|
7
|
+
import _asyncToGenerator from '@babel/runtime-corejs3/helpers/asyncToGenerator';
|
|
8
|
+
import 'core-js/modules/es.object.keys.js';
|
|
9
|
+
import 'core-js/modules/es.object.to-string.js';
|
|
10
|
+
import 'core-js/modules/web.dom-collections.for-each.js';
|
|
11
|
+
import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
|
|
12
|
+
import { useRequest } from 'ahooks';
|
|
13
|
+
import useHForm from './useHForm.js';
|
|
14
|
+
import { useMemo, useEffect } from 'react';
|
|
15
|
+
import componentConfig from '../config.js';
|
|
16
|
+
import { useFormConfigContext } from '../Context/FormConfigProvider.js';
|
|
17
|
+
|
|
18
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
19
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
20
|
+
var useCurrentForm = function useCurrentForm(form) {
|
|
21
|
+
var selfForm = useHForm();
|
|
22
|
+
return form || selfForm;
|
|
23
|
+
};
|
|
24
|
+
var useInfoReq = function useInfoReq(_ref) {
|
|
25
|
+
var initialValues = _ref.initialValues,
|
|
26
|
+
infoRequest = _ref.infoRequest,
|
|
27
|
+
form = _ref.form,
|
|
28
|
+
params = _ref.params,
|
|
29
|
+
request = _ref.request,
|
|
30
|
+
onFinish = _ref.onFinish;
|
|
31
|
+
var reqData = useMemo(function () {
|
|
32
|
+
var saveParams = params || {};
|
|
33
|
+
return {
|
|
34
|
+
params: saveParams
|
|
35
|
+
};
|
|
36
|
+
}, [params]);
|
|
37
|
+
var subControl = useRequest( /*#__PURE__*/function () {
|
|
38
|
+
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(value) {
|
|
39
|
+
var subVal;
|
|
40
|
+
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
41
|
+
while (1) switch (_context.prev = _context.next) {
|
|
42
|
+
case 0:
|
|
43
|
+
subVal = form === null || form === void 0 ? void 0 : form.outputValues(value);
|
|
44
|
+
if (!request) {
|
|
45
|
+
_context.next = 4;
|
|
46
|
+
break;
|
|
47
|
+
}
|
|
48
|
+
_context.next = 4;
|
|
49
|
+
return request(subVal, reqData.params);
|
|
50
|
+
case 4:
|
|
51
|
+
onFinish === null || onFinish === void 0 || onFinish(subVal, reqData.params);
|
|
52
|
+
case 5:
|
|
53
|
+
case "end":
|
|
54
|
+
return _context.stop();
|
|
55
|
+
}
|
|
56
|
+
}, _callee);
|
|
57
|
+
}));
|
|
58
|
+
return function (_x) {
|
|
59
|
+
return _ref2.apply(this, arguments);
|
|
60
|
+
};
|
|
61
|
+
}(), {
|
|
62
|
+
manual: true
|
|
63
|
+
});
|
|
64
|
+
var infoControl = useRequest( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
|
|
65
|
+
var reqParams,
|
|
66
|
+
setValue,
|
|
67
|
+
_args2 = arguments;
|
|
68
|
+
return _regeneratorRuntime.wrap(function _callee2$(_context2) {
|
|
69
|
+
while (1) switch (_context2.prev = _context2.next) {
|
|
70
|
+
case 0:
|
|
71
|
+
reqParams = _args2.length > 0 && _args2[0] !== undefined ? _args2[0] : reqData.params;
|
|
72
|
+
setValue = initialValues;
|
|
73
|
+
reqData.params = reqParams;
|
|
74
|
+
if (!(!initialValues && !infoRequest)) {
|
|
75
|
+
_context2.next = 5;
|
|
76
|
+
break;
|
|
77
|
+
}
|
|
78
|
+
return _context2.abrupt("return", {});
|
|
79
|
+
case 5:
|
|
80
|
+
if (!infoRequest) {
|
|
81
|
+
_context2.next = 9;
|
|
82
|
+
break;
|
|
83
|
+
}
|
|
84
|
+
_context2.next = 8;
|
|
85
|
+
return infoRequest(reqParams);
|
|
86
|
+
case 8:
|
|
87
|
+
setValue = _context2.sent;
|
|
88
|
+
case 9:
|
|
89
|
+
form === null || form === void 0 || form.setFieldsValue(setValue);
|
|
90
|
+
return _context2.abrupt("return", setValue || {});
|
|
91
|
+
case 11:
|
|
92
|
+
case "end":
|
|
93
|
+
return _context2.stop();
|
|
94
|
+
}
|
|
95
|
+
}, _callee2);
|
|
96
|
+
})));
|
|
97
|
+
var run = infoControl.run,
|
|
98
|
+
mutate = infoControl.mutate;
|
|
99
|
+
useEffect(function () {
|
|
100
|
+
if (form) {
|
|
101
|
+
form.reload = function (reloadParams) {
|
|
102
|
+
mutate(undefined);
|
|
103
|
+
return run(reloadParams);
|
|
104
|
+
};
|
|
105
|
+
}
|
|
106
|
+
}, []);
|
|
107
|
+
return {
|
|
108
|
+
subControl: subControl,
|
|
109
|
+
infoControl: infoControl
|
|
110
|
+
};
|
|
111
|
+
};
|
|
112
|
+
var useDefaultComponents = function useDefaultComponents() {
|
|
113
|
+
var defaultComponent = useFormConfigContext("defaultComponent");
|
|
114
|
+
return _objectSpread(_objectSpread({}, componentConfig), defaultComponent);
|
|
115
|
+
};
|
|
116
|
+
var dispatchControl = function dispatchControl(form, params, dispatch) {
|
|
117
|
+
if (!dispatch) {
|
|
118
|
+
return;
|
|
119
|
+
}
|
|
120
|
+
var dispatchKey = Object.keys(dispatch);
|
|
121
|
+
dispatchKey.forEach(function (name) {
|
|
122
|
+
var _dispatch$name = dispatch[name],
|
|
123
|
+
fnKey = _dispatch$name.fnKey,
|
|
124
|
+
reset = _dispatch$name.reset;
|
|
125
|
+
if (reset) {
|
|
126
|
+
form.setFields([{
|
|
127
|
+
name: name,
|
|
128
|
+
value: null,
|
|
129
|
+
errors: []
|
|
130
|
+
}]);
|
|
131
|
+
}
|
|
132
|
+
if (!fnKey) {
|
|
133
|
+
return;
|
|
134
|
+
}
|
|
135
|
+
form.dispatch({
|
|
136
|
+
key: fnKey,
|
|
137
|
+
name: name
|
|
138
|
+
}, params);
|
|
139
|
+
});
|
|
140
|
+
};
|
|
141
|
+
var useValuesChange = function useValuesChange(_ref4) {
|
|
142
|
+
var onValuesChange = _ref4.onValuesChange,
|
|
143
|
+
dispatch = _ref4.dispatch,
|
|
144
|
+
form = _ref4.form;
|
|
145
|
+
return function (changedValues, values) {
|
|
146
|
+
var changeKey = Object.keys(changedValues)[0];
|
|
147
|
+
var dispatchItem = dispatch[changeKey];
|
|
148
|
+
dispatchControl(form, {
|
|
149
|
+
changedValues: changedValues,
|
|
150
|
+
oldValues: values
|
|
151
|
+
}, dispatchItem);
|
|
152
|
+
onValuesChange === null || onValuesChange === void 0 || onValuesChange(changedValues, values);
|
|
153
|
+
};
|
|
154
|
+
};
|
|
155
|
+
|
|
156
|
+
export { useCurrentForm, useDefaultComponents, useInfoReq, useValuesChange };
|
|
157
|
+
// powered by hdj
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
// welcome to hoo hoo hoo
|
|
2
|
+
import 'core-js/modules/es.object.keys.js';
|
|
3
|
+
import 'core-js/modules/es.symbol.js';
|
|
4
|
+
import 'core-js/modules/es.array.filter.js';
|
|
5
|
+
import 'core-js/modules/es.object.to-string.js';
|
|
6
|
+
import 'core-js/modules/es.object.get-own-property-descriptor.js';
|
|
7
|
+
import 'core-js/modules/web.dom-collections.for-each.js';
|
|
8
|
+
import 'core-js/modules/es.object.get-own-property-descriptors.js';
|
|
9
|
+
import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
|
|
10
|
+
import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
|
|
11
|
+
import { jsx } from 'react/jsx-runtime';
|
|
12
|
+
import componentConfig from '../config.js';
|
|
13
|
+
import React from 'react';
|
|
14
|
+
|
|
15
|
+
var _excluded = ["render", "labelWidth", "colon", "type", "itemProps"];
|
|
16
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
17
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
18
|
+
var useDefaultRender = function useDefaultRender(props, defaultComponents) {
|
|
19
|
+
var render = props.render;
|
|
20
|
+
props.labelWidth;
|
|
21
|
+
props.colon;
|
|
22
|
+
var _props$type = props.type,
|
|
23
|
+
type = _props$type === void 0 ? "input" : _props$type,
|
|
24
|
+
_props$itemProps = props.itemProps,
|
|
25
|
+
itemProps = _props$itemProps === void 0 ? {} : _props$itemProps,
|
|
26
|
+
componentProps = _objectWithoutProperties(props, _excluded);
|
|
27
|
+
var mergeComponent = _objectSpread(_objectSpread({}, componentConfig), defaultComponents);
|
|
28
|
+
var dom = mergeComponent[type];
|
|
29
|
+
return function (form) {
|
|
30
|
+
var Component = dom;
|
|
31
|
+
if (dom !== null && dom !== void 0 && dom.Component) {
|
|
32
|
+
Component = dom.Component;
|
|
33
|
+
}
|
|
34
|
+
var node = Component && jsx(Component, _objectSpread(_objectSpread(_objectSpread({}, componentProps), itemProps), {}, {
|
|
35
|
+
form: form
|
|
36
|
+
}));
|
|
37
|
+
if (render) {
|
|
38
|
+
var resultNode = render(props, node, form);
|
|
39
|
+
return /*#__PURE__*/React.cloneElement(resultNode, _objectSpread(_objectSpread(_objectSpread({}, componentProps), itemProps), {}, {
|
|
40
|
+
form: form
|
|
41
|
+
}));
|
|
42
|
+
}
|
|
43
|
+
return node;
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
|
|
47
|
+
export { useDefaultRender };
|
|
48
|
+
// powered by hdj
|
|
@@ -0,0 +1,193 @@
|
|
|
1
|
+
// welcome to hoo hoo hoo
|
|
2
|
+
import 'core-js/modules/es.symbol.js';
|
|
3
|
+
import 'core-js/modules/es.array.filter.js';
|
|
4
|
+
import 'core-js/modules/es.object.get-own-property-descriptor.js';
|
|
5
|
+
import 'core-js/modules/es.object.get-own-property-descriptors.js';
|
|
6
|
+
import _toConsumableArray from '@babel/runtime-corejs3/helpers/toConsumableArray';
|
|
7
|
+
import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
|
|
8
|
+
import _slicedToArray from '@babel/runtime-corejs3/helpers/slicedToArray';
|
|
9
|
+
import 'core-js/modules/es.object.to-string.js';
|
|
10
|
+
import 'core-js/modules/es.promise.js';
|
|
11
|
+
import 'core-js/modules/es.object.keys.js';
|
|
12
|
+
import 'core-js/modules/web.dom-collections.for-each.js';
|
|
13
|
+
import 'core-js/modules/es.reflect.delete-property.js';
|
|
14
|
+
import 'core-js/modules/es.function.name.js';
|
|
15
|
+
import 'core-js/modules/es.array.concat.js';
|
|
16
|
+
import 'core-js/modules/es.array.map.js';
|
|
17
|
+
import { useMemo } from 'react';
|
|
18
|
+
import { Form } from 'antd';
|
|
19
|
+
|
|
20
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
21
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
22
|
+
var useHForm = (function () {
|
|
23
|
+
var _Form$useForm = Form.useForm(),
|
|
24
|
+
_Form$useForm2 = _slicedToArray(_Form$useForm, 1),
|
|
25
|
+
form = _Form$useForm2[0];
|
|
26
|
+
return useMemo(function () {
|
|
27
|
+
var formatSourceData = {};
|
|
28
|
+
var dispatchSourceData = {};
|
|
29
|
+
var initDispatch = {};
|
|
30
|
+
var cacheValues = {};
|
|
31
|
+
var isLoading = false;
|
|
32
|
+
var norAddItemDispatch = function norAddItemDispatch(name, manual, fn) {
|
|
33
|
+
if (manual === false && name) {
|
|
34
|
+
initDispatch[name] = fn;
|
|
35
|
+
}
|
|
36
|
+
if (!name) {
|
|
37
|
+
return {
|
|
38
|
+
keysFn: {},
|
|
39
|
+
defaultFn: [fn]
|
|
40
|
+
};
|
|
41
|
+
}
|
|
42
|
+
return {
|
|
43
|
+
keysFn: _defineProperty({}, name, fn),
|
|
44
|
+
defaultFn: []
|
|
45
|
+
};
|
|
46
|
+
};
|
|
47
|
+
return _objectSpread(_objectSpread({
|
|
48
|
+
reload: function reload(params) {
|
|
49
|
+
return Promise.resolve(params);
|
|
50
|
+
},
|
|
51
|
+
initValues: function initValues() {
|
|
52
|
+
var newValue = {};
|
|
53
|
+
if (cacheValues) {
|
|
54
|
+
newValue = this.formatValues(cacheValues);
|
|
55
|
+
form.setFieldsValue(newValue);
|
|
56
|
+
}
|
|
57
|
+
var initKeys = Object.keys(initDispatch);
|
|
58
|
+
initKeys.forEach(function (key) {
|
|
59
|
+
initDispatch[key]({
|
|
60
|
+
changedValues: newValue,
|
|
61
|
+
oldValues: newValue
|
|
62
|
+
});
|
|
63
|
+
});
|
|
64
|
+
isLoading = true;
|
|
65
|
+
},
|
|
66
|
+
addFormat: function addFormat(name, format) {
|
|
67
|
+
if (!format) {
|
|
68
|
+
return;
|
|
69
|
+
}
|
|
70
|
+
var inputValue = format.inputValue,
|
|
71
|
+
outputValue = format.outputValue;
|
|
72
|
+
formatSourceData[name] = {
|
|
73
|
+
inputValue: inputValue,
|
|
74
|
+
outputValue: outputValue
|
|
75
|
+
};
|
|
76
|
+
},
|
|
77
|
+
formatValues: function formatValues() {
|
|
78
|
+
var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
79
|
+
var formatKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "inputValue";
|
|
80
|
+
var valKeys = Object.keys(value).length;
|
|
81
|
+
if (!valKeys) {
|
|
82
|
+
return {};
|
|
83
|
+
}
|
|
84
|
+
var newValue = _objectSpread({}, value);
|
|
85
|
+
var keys = Object.keys(formatSourceData);
|
|
86
|
+
keys.forEach(function (key) {
|
|
87
|
+
var _formatSourceData$key;
|
|
88
|
+
var format = (_formatSourceData$key = formatSourceData[key]) === null || _formatSourceData$key === void 0 ? void 0 : _formatSourceData$key[formatKey];
|
|
89
|
+
if (!format) {
|
|
90
|
+
return;
|
|
91
|
+
}
|
|
92
|
+
var resultValue = format(value);
|
|
93
|
+
Reflect.deleteProperty(newValue, key);
|
|
94
|
+
newValue = _objectSpread(_objectSpread({}, newValue), resultValue);
|
|
95
|
+
});
|
|
96
|
+
return newValue;
|
|
97
|
+
},
|
|
98
|
+
dispatch: function dispatch(action) {
|
|
99
|
+
for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
100
|
+
args[_key - 1] = arguments[_key];
|
|
101
|
+
}
|
|
102
|
+
var key = action.key,
|
|
103
|
+
name = action.name;
|
|
104
|
+
var items = dispatchSourceData[key];
|
|
105
|
+
if (!items) {
|
|
106
|
+
return;
|
|
107
|
+
}
|
|
108
|
+
var keysFn = items.keysFn,
|
|
109
|
+
defaultFn = items.defaultFn;
|
|
110
|
+
if (name) {
|
|
111
|
+
var _keysFn$name;
|
|
112
|
+
return (_keysFn$name = keysFn[name]) === null || _keysFn$name === void 0 ? void 0 : _keysFn$name.call.apply(_keysFn$name, [keysFn].concat(args));
|
|
113
|
+
}
|
|
114
|
+
var fnArrays = Object.keys(keysFn).map(function (itemKey) {
|
|
115
|
+
return keysFn[itemKey];
|
|
116
|
+
});
|
|
117
|
+
[].concat(_toConsumableArray(fnArrays), _toConsumableArray(defaultFn)).forEach(function (fn) {
|
|
118
|
+
fn.apply(void 0, args);
|
|
119
|
+
});
|
|
120
|
+
},
|
|
121
|
+
addDispatchListener: function addDispatchListener(action, fn) {
|
|
122
|
+
var key = action.key,
|
|
123
|
+
name = action.name,
|
|
124
|
+
_action$dispatch = action.dispatch,
|
|
125
|
+
dispatch = _action$dispatch === void 0 ? {} : _action$dispatch;
|
|
126
|
+
var manual = dispatch.manual;
|
|
127
|
+
var items = dispatchSourceData[key];
|
|
128
|
+
if (!items) {
|
|
129
|
+
dispatchSourceData[key] = norAddItemDispatch(name, manual, fn);
|
|
130
|
+
return;
|
|
131
|
+
}
|
|
132
|
+
var keysFn = items.keysFn,
|
|
133
|
+
defaultFn = items.defaultFn;
|
|
134
|
+
if (name) {
|
|
135
|
+
keysFn[name] = fn;
|
|
136
|
+
} else {
|
|
137
|
+
defaultFn.push(fn);
|
|
138
|
+
}
|
|
139
|
+
if (manual === false && name) {
|
|
140
|
+
initDispatch[name] = fn;
|
|
141
|
+
}
|
|
142
|
+
dispatchSourceData[key] = {
|
|
143
|
+
keysFn: keysFn,
|
|
144
|
+
defaultFn: defaultFn
|
|
145
|
+
};
|
|
146
|
+
},
|
|
147
|
+
removeDispatchListener: function removeDispatchListener(action) {
|
|
148
|
+
if (!action) {
|
|
149
|
+
dispatchSourceData = {};
|
|
150
|
+
return;
|
|
151
|
+
}
|
|
152
|
+
var key = action.key,
|
|
153
|
+
name = action.name;
|
|
154
|
+
var items = dispatchSourceData[key];
|
|
155
|
+
if (!items) {
|
|
156
|
+
return;
|
|
157
|
+
}
|
|
158
|
+
if (name) {
|
|
159
|
+
var keysFn = items.keysFn;
|
|
160
|
+
Reflect.deleteProperty(keysFn, name);
|
|
161
|
+
items.keysFn = keysFn;
|
|
162
|
+
dispatchSourceData[key] = items;
|
|
163
|
+
return;
|
|
164
|
+
}
|
|
165
|
+
Reflect.deleteProperty(dispatchSourceData, key);
|
|
166
|
+
},
|
|
167
|
+
outputValues: function outputValues(value) {
|
|
168
|
+
return this.formatValues(value, "outputValue");
|
|
169
|
+
}
|
|
170
|
+
}, form), {}, {
|
|
171
|
+
setFieldsValue: function setFieldsValue(values) {
|
|
172
|
+
if (!isLoading) {
|
|
173
|
+
cacheValues = values;
|
|
174
|
+
return;
|
|
175
|
+
}
|
|
176
|
+
var newValue = this.formatValues(values);
|
|
177
|
+
form.setFieldsValue(newValue);
|
|
178
|
+
},
|
|
179
|
+
validateFields: function validateFields(nameList) {
|
|
180
|
+
var _this = this;
|
|
181
|
+
return new Promise(function (resolve) {
|
|
182
|
+
form.validateFields(nameList).then(function (value) {
|
|
183
|
+
var result = _this.formatValues(value, "outputValue");
|
|
184
|
+
return resolve(result);
|
|
185
|
+
});
|
|
186
|
+
});
|
|
187
|
+
}
|
|
188
|
+
});
|
|
189
|
+
}, []);
|
|
190
|
+
});
|
|
191
|
+
|
|
192
|
+
export { useHForm as default };
|
|
193
|
+
// powered by hdj
|
|
@@ -0,0 +1,169 @@
|
|
|
1
|
+
// welcome to hoo hoo hoo
|
|
2
|
+
import 'core-js/modules/es.object.keys.js';
|
|
3
|
+
import 'core-js/modules/es.symbol.js';
|
|
4
|
+
import 'core-js/modules/es.array.filter.js';
|
|
5
|
+
import 'core-js/modules/es.object.get-own-property-descriptor.js';
|
|
6
|
+
import 'core-js/modules/es.object.get-own-property-descriptors.js';
|
|
7
|
+
import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
|
|
8
|
+
import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
|
|
9
|
+
import 'core-js/modules/es.array.map.js';
|
|
10
|
+
import 'core-js/modules/es.function.name.js';
|
|
11
|
+
import 'core-js/modules/es.object.to-string.js';
|
|
12
|
+
import 'core-js/modules/web.dom-collections.for-each.js';
|
|
13
|
+
import { useMemo } from 'react';
|
|
14
|
+
import { placeholderConfig } from '../config.js';
|
|
15
|
+
import { useDefaultComponents } from './index.js';
|
|
16
|
+
|
|
17
|
+
var _excluded = ["render"];
|
|
18
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
19
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
20
|
+
var mathRequired = function mathRequired(configItem, form, defaultComponents) {
|
|
21
|
+
var required = configItem.required,
|
|
22
|
+
placeholder = configItem.placeholder,
|
|
23
|
+
rules = configItem.rules,
|
|
24
|
+
_configItem$type = configItem.type,
|
|
25
|
+
type = _configItem$type === void 0 ? "input" : _configItem$type;
|
|
26
|
+
var resultRequired = false;
|
|
27
|
+
var dom = defaultComponents[type];
|
|
28
|
+
var resultRules = rules === null || rules === void 0 ? void 0 : rules.map(function (item) {
|
|
29
|
+
var eachItem = item;
|
|
30
|
+
if (typeof item === "function") {
|
|
31
|
+
eachItem = item(form);
|
|
32
|
+
}
|
|
33
|
+
var _eachItem = eachItem,
|
|
34
|
+
itemRequired = _eachItem.required,
|
|
35
|
+
message = _eachItem.message;
|
|
36
|
+
if (itemRequired) {
|
|
37
|
+
resultRequired = itemRequired;
|
|
38
|
+
}
|
|
39
|
+
if (itemRequired && !message) {
|
|
40
|
+
var msg = placeholder;
|
|
41
|
+
var itemDom = dom;
|
|
42
|
+
if (itemDom !== null && itemDom !== void 0 && itemDom.requiredErrMsg) {
|
|
43
|
+
msg = itemDom.requiredErrMsg(configItem);
|
|
44
|
+
}
|
|
45
|
+
return _objectSpread(_objectSpread({}, eachItem), {}, {
|
|
46
|
+
required: itemRequired,
|
|
47
|
+
message: msg
|
|
48
|
+
});
|
|
49
|
+
}
|
|
50
|
+
return eachItem;
|
|
51
|
+
});
|
|
52
|
+
return {
|
|
53
|
+
required: typeof required === "boolean" ? required : resultRequired,
|
|
54
|
+
rules: resultRules
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
var matchDefaultPlaceholder = function matchDefaultPlaceholder(props, defaultComponents) {
|
|
58
|
+
var label = props.label,
|
|
59
|
+
placeholder = props.placeholder,
|
|
60
|
+
_props$type = props.type,
|
|
61
|
+
type = _props$type === void 0 ? "input" : _props$type;
|
|
62
|
+
var dom = defaultComponents[type];
|
|
63
|
+
if (placeholder) {
|
|
64
|
+
return placeholder;
|
|
65
|
+
}
|
|
66
|
+
var itemDom = dom;
|
|
67
|
+
if (itemDom !== null && itemDom !== void 0 && itemDom.placeholder) {
|
|
68
|
+
return itemDom.placeholder(props);
|
|
69
|
+
}
|
|
70
|
+
if (placeholderConfig.inputType.indexOf(type) !== -1) {
|
|
71
|
+
return "\u8BF7\u8F93\u5165".concat(label);
|
|
72
|
+
}
|
|
73
|
+
return "\u8BF7\u9009\u62E9".concat(label);
|
|
74
|
+
};
|
|
75
|
+
var defaultPlaceholderPropsMaker = function defaultPlaceholderPropsMaker(props, defaultComponents) {
|
|
76
|
+
var placeholder = matchDefaultPlaceholder(props, defaultComponents);
|
|
77
|
+
return _objectSpread(_objectSpread({}, props), {}, {
|
|
78
|
+
placeholder: placeholder
|
|
79
|
+
});
|
|
80
|
+
};
|
|
81
|
+
var itemControl = function itemControl(item, form, defaultComponents) {
|
|
82
|
+
var _defaultPlaceholderPr = defaultPlaceholderPropsMaker(item, defaultComponents),
|
|
83
|
+
render = _defaultPlaceholderPr.render,
|
|
84
|
+
defaultProps = _objectWithoutProperties(_defaultPlaceholderPr, _excluded);
|
|
85
|
+
var _mathRequired = mathRequired(defaultProps, form, defaultComponents),
|
|
86
|
+
rules = _mathRequired.rules,
|
|
87
|
+
required = _mathRequired.required;
|
|
88
|
+
return _objectSpread(_objectSpread({}, defaultProps), {}, {
|
|
89
|
+
required: required,
|
|
90
|
+
rules: rules,
|
|
91
|
+
render: render
|
|
92
|
+
});
|
|
93
|
+
};
|
|
94
|
+
var itemDispatchProvider = function itemDispatchProvider(name, config, dispatchSourceData) {
|
|
95
|
+
var dependencies = config.dependencies,
|
|
96
|
+
fnKey = config.fnKey,
|
|
97
|
+
reset = config.reset;
|
|
98
|
+
var itemDispatch = dispatchSourceData[dependencies];
|
|
99
|
+
if (!itemDispatch) {
|
|
100
|
+
return _defineProperty({}, dependencies, _defineProperty({}, name, {
|
|
101
|
+
fnKey: fnKey,
|
|
102
|
+
reset: reset
|
|
103
|
+
}));
|
|
104
|
+
}
|
|
105
|
+
var itemNameDispatch = _defineProperty({}, name, {
|
|
106
|
+
fnKey: fnKey,
|
|
107
|
+
reset: reset
|
|
108
|
+
});
|
|
109
|
+
return _defineProperty({}, dependencies, _objectSpread(_objectSpread({}, itemDispatch), itemNameDispatch));
|
|
110
|
+
};
|
|
111
|
+
var dispatchProvider = function dispatchProvider(item, dispatchSourceData) {
|
|
112
|
+
var _item$name = item.name,
|
|
113
|
+
name = _item$name === void 0 ? "" : _item$name,
|
|
114
|
+
_item$dispatch = item.dispatch,
|
|
115
|
+
dispatch = _item$dispatch === void 0 ? {} : _item$dispatch,
|
|
116
|
+
_item$dependencies = item.dependencies,
|
|
117
|
+
dependencies = _item$dependencies === void 0 ? "allDependencies" : _item$dependencies;
|
|
118
|
+
var fnKey = dispatch.fnKey,
|
|
119
|
+
_dispatch$dependencie = dispatch.dependencies,
|
|
120
|
+
dispatchDependencies = _dispatch$dependencie === void 0 ? dependencies : _dispatch$dependencie,
|
|
121
|
+
_dispatch$manual = dispatch.manual,
|
|
122
|
+
manual = _dispatch$manual === void 0 ? true : _dispatch$manual,
|
|
123
|
+
_dispatch$reset = dispatch.reset,
|
|
124
|
+
reset = _dispatch$reset === void 0 ? true : _dispatch$reset;
|
|
125
|
+
if (!fnKey) {
|
|
126
|
+
return {};
|
|
127
|
+
}
|
|
128
|
+
if (Array.isArray(dispatchDependencies)) {
|
|
129
|
+
var allDispatch = _objectSpread({}, dispatchSourceData);
|
|
130
|
+
dispatchDependencies.forEach(function (key) {
|
|
131
|
+
var itemDispatch = itemDispatchProvider(name, {
|
|
132
|
+
dependencies: key,
|
|
133
|
+
fnKey: fnKey,
|
|
134
|
+
manual: manual,
|
|
135
|
+
reset: reset
|
|
136
|
+
}, dispatchSourceData);
|
|
137
|
+
allDispatch = _objectSpread(_objectSpread({}, allDispatch), itemDispatch);
|
|
138
|
+
});
|
|
139
|
+
return allDispatch;
|
|
140
|
+
}
|
|
141
|
+
var itemDispatch = itemDispatchProvider(name, {
|
|
142
|
+
dependencies: dispatchDependencies,
|
|
143
|
+
fnKey: fnKey,
|
|
144
|
+
manual: manual,
|
|
145
|
+
reset: reset
|
|
146
|
+
}, dispatchSourceData);
|
|
147
|
+
return _objectSpread(_objectSpread({}, dispatchSourceData), itemDispatch);
|
|
148
|
+
};
|
|
149
|
+
var useInitConfigData = (function (_ref3) {
|
|
150
|
+
var configData = _ref3.configData,
|
|
151
|
+
form = _ref3.form;
|
|
152
|
+
var defaultComponents = useDefaultComponents();
|
|
153
|
+
return useMemo(function () {
|
|
154
|
+
var newConfigData = [];
|
|
155
|
+
var dispatchSourceData = {};
|
|
156
|
+
configData.forEach(function (item) {
|
|
157
|
+
var itemDispatch = dispatchProvider(item, dispatchSourceData);
|
|
158
|
+
dispatchSourceData = _objectSpread(_objectSpread({}, dispatchSourceData), itemDispatch);
|
|
159
|
+
newConfigData.push(itemControl(item, form, defaultComponents));
|
|
160
|
+
});
|
|
161
|
+
return {
|
|
162
|
+
newConfigData: newConfigData,
|
|
163
|
+
dispatchSourceData: dispatchSourceData
|
|
164
|
+
};
|
|
165
|
+
}, [configData]);
|
|
166
|
+
});
|
|
167
|
+
|
|
168
|
+
export { useInitConfigData as default };
|
|
169
|
+
// powered by hdj
|
package/es/Form/index.js
ADDED
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
// welcome to hoo hoo hoo
|
|
2
|
+
import 'core-js/modules/es.object.keys.js';
|
|
3
|
+
import 'core-js/modules/es.symbol.js';
|
|
4
|
+
import 'core-js/modules/es.array.filter.js';
|
|
5
|
+
import 'core-js/modules/es.object.to-string.js';
|
|
6
|
+
import 'core-js/modules/es.object.get-own-property-descriptor.js';
|
|
7
|
+
import 'core-js/modules/web.dom-collections.for-each.js';
|
|
8
|
+
import 'core-js/modules/es.object.get-own-property-descriptors.js';
|
|
9
|
+
import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
|
|
10
|
+
import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
|
|
11
|
+
import 'core-js/modules/es.array.map.js';
|
|
12
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
13
|
+
import { useEffect, createElement } from 'react';
|
|
14
|
+
import { Form } from 'antd';
|
|
15
|
+
import Item from './FormItem/index.js';
|
|
16
|
+
import { useCurrentForm, useInfoReq, useValuesChange } from './hooks/index.js';
|
|
17
|
+
import { FormContext } from './Context/index.js';
|
|
18
|
+
import Index from '../PageHandler/index.js';
|
|
19
|
+
import useInitConfigData from './hooks/useInitConfigData.js';
|
|
20
|
+
import InitSet from './InitSet.js';
|
|
21
|
+
|
|
22
|
+
var _excluded = ["configData", "labelWidth", "form", "request", "onFinish", "infoRequest", "valueType", "initialValues", "params", "onValuesChange"];
|
|
23
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
24
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
25
|
+
var HForm = (function (_ref) {
|
|
26
|
+
var configData = _ref.configData,
|
|
27
|
+
labelWidth = _ref.labelWidth,
|
|
28
|
+
form = _ref.form,
|
|
29
|
+
request = _ref.request,
|
|
30
|
+
onFinish = _ref.onFinish,
|
|
31
|
+
infoRequest = _ref.infoRequest,
|
|
32
|
+
_ref$valueType = _ref.valueType,
|
|
33
|
+
valueType = _ref$valueType === void 0 ? "float" : _ref$valueType,
|
|
34
|
+
initialValues = _ref.initialValues,
|
|
35
|
+
_ref$params = _ref.params,
|
|
36
|
+
params = _ref$params === void 0 ? {} : _ref$params,
|
|
37
|
+
onValuesChange = _ref.onValuesChange,
|
|
38
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
39
|
+
var hForm = useCurrentForm(form);
|
|
40
|
+
var _useInitConfigData = useInitConfigData({
|
|
41
|
+
configData: configData,
|
|
42
|
+
form: hForm
|
|
43
|
+
}),
|
|
44
|
+
newConfigData = _useInitConfigData.newConfigData,
|
|
45
|
+
dispatchSourceData = _useInitConfigData.dispatchSourceData;
|
|
46
|
+
var _useInfoReq = useInfoReq({
|
|
47
|
+
initialValues: initialValues,
|
|
48
|
+
request: request,
|
|
49
|
+
onFinish: onFinish,
|
|
50
|
+
valueType: valueType,
|
|
51
|
+
form: hForm,
|
|
52
|
+
infoRequest: infoRequest,
|
|
53
|
+
params: params
|
|
54
|
+
}),
|
|
55
|
+
subControl = _useInfoReq.subControl,
|
|
56
|
+
infoControl = _useInfoReq.infoControl;
|
|
57
|
+
var valuesChange = useValuesChange({
|
|
58
|
+
onValuesChange: onValuesChange,
|
|
59
|
+
dispatch: dispatchSourceData,
|
|
60
|
+
form: hForm
|
|
61
|
+
});
|
|
62
|
+
var run = subControl.run,
|
|
63
|
+
loading = subControl.loading;
|
|
64
|
+
var infoRun = infoControl.run,
|
|
65
|
+
infoLoading = infoControl.loading,
|
|
66
|
+
infoErr = infoControl.error,
|
|
67
|
+
infoData = infoControl.data;
|
|
68
|
+
useEffect(function () {
|
|
69
|
+
return function () {
|
|
70
|
+
hForm.removeDispatchListener();
|
|
71
|
+
};
|
|
72
|
+
}, []);
|
|
73
|
+
return jsx(Index, {
|
|
74
|
+
loading: infoLoading,
|
|
75
|
+
error: infoErr,
|
|
76
|
+
data: infoData,
|
|
77
|
+
reload: infoRun,
|
|
78
|
+
children: jsx(FormContext.Provider, {
|
|
79
|
+
value: {
|
|
80
|
+
loading: loading,
|
|
81
|
+
form: hForm,
|
|
82
|
+
valueType: valueType
|
|
83
|
+
},
|
|
84
|
+
children: jsxs(Form, _objectSpread(_objectSpread({
|
|
85
|
+
form: hForm,
|
|
86
|
+
onFinish: run,
|
|
87
|
+
onValuesChange: valuesChange
|
|
88
|
+
}, props), {}, {
|
|
89
|
+
children: [newConfigData.map(function (itemData, index) {
|
|
90
|
+
var itemLabelWidth = itemData.labelWidth;
|
|
91
|
+
return /*#__PURE__*/createElement(Item, _objectSpread(_objectSpread({}, itemData), {}, {
|
|
92
|
+
key: index,
|
|
93
|
+
labelWidth: itemLabelWidth || labelWidth
|
|
94
|
+
}));
|
|
95
|
+
}), jsx(InitSet, {})]
|
|
96
|
+
}))
|
|
97
|
+
})
|
|
98
|
+
});
|
|
99
|
+
});
|
|
100
|
+
|
|
101
|
+
export { HForm as default };
|
|
102
|
+
// powered by hdj
|