@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,152 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
require('core-js/modules/es.object.keys.js');
|
|
4
|
+
require('core-js/modules/es.symbol.js');
|
|
5
|
+
require('core-js/modules/es.array.filter.js');
|
|
6
|
+
require('core-js/modules/es.object.to-string.js');
|
|
7
|
+
require('core-js/modules/es.object.get-own-property-descriptor.js');
|
|
8
|
+
require('core-js/modules/web.dom-collections.for-each.js');
|
|
9
|
+
require('core-js/modules/es.object.get-own-property-descriptors.js');
|
|
10
|
+
var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
|
|
11
|
+
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
12
|
+
var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
|
|
13
|
+
var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
|
|
14
|
+
var React = require('react');
|
|
15
|
+
var useHForm = require('../Form/hooks/useHForm.js');
|
|
16
|
+
var ahooks = require('ahooks');
|
|
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 useModifyProps = function useModifyProps(_ref) {
|
|
21
|
+
var visible = _ref.visible,
|
|
22
|
+
configData = _ref.configData,
|
|
23
|
+
initialValues = _ref.initialValues,
|
|
24
|
+
dialogForm = _ref.dialogForm,
|
|
25
|
+
afterClose = _ref.afterClose,
|
|
26
|
+
params = _ref.params,
|
|
27
|
+
title = _ref.title;
|
|
28
|
+
var _useState = React.useState(visible),
|
|
29
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
30
|
+
modalVisible = _useState2[0],
|
|
31
|
+
setModalVisible = _useState2[1];
|
|
32
|
+
var _useState3 = React.useState(configData),
|
|
33
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
34
|
+
modalFormData = _useState4[0],
|
|
35
|
+
setModalFormData = _useState4[1];
|
|
36
|
+
var _useState5 = React.useState(initialValues),
|
|
37
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
38
|
+
initValue = _useState6[0],
|
|
39
|
+
setInitValue = _useState6[1];
|
|
40
|
+
var _useState7 = React.useState(params),
|
|
41
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
42
|
+
formParams = _useState8[0],
|
|
43
|
+
setFormParams = _useState8[1];
|
|
44
|
+
var _useState9 = React.useState(title),
|
|
45
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
46
|
+
modalTitle = _useState10[0],
|
|
47
|
+
setModalTitle = _useState10[1];
|
|
48
|
+
var onAfterClose = function onAfterClose() {
|
|
49
|
+
setTimeout(function () {
|
|
50
|
+
dialogForm.resetFields();
|
|
51
|
+
afterClose === null || afterClose === void 0 || afterClose();
|
|
52
|
+
}, 100);
|
|
53
|
+
};
|
|
54
|
+
React.useEffect(function () {
|
|
55
|
+
setModalVisible(visible);
|
|
56
|
+
}, [visible]);
|
|
57
|
+
React.useEffect(function () {
|
|
58
|
+
setModalFormData(configData);
|
|
59
|
+
}, [configData]);
|
|
60
|
+
React.useEffect(function () {
|
|
61
|
+
setFormParams(params);
|
|
62
|
+
}, [params]);
|
|
63
|
+
React.useEffect(function () {
|
|
64
|
+
setModalTitle(title);
|
|
65
|
+
}, [title]);
|
|
66
|
+
React.useEffect(function () {
|
|
67
|
+
dialogForm.show = function () {
|
|
68
|
+
var showParams = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
69
|
+
var changeConfigData = showParams.configData,
|
|
70
|
+
changeInitialValues = showParams.initialValues,
|
|
71
|
+
changeParams = showParams.params,
|
|
72
|
+
changeTitle = showParams.title;
|
|
73
|
+
if (!!changeConfigData) {
|
|
74
|
+
setModalFormData(changeConfigData);
|
|
75
|
+
}
|
|
76
|
+
if (!!changeParams) {
|
|
77
|
+
setFormParams(changeParams);
|
|
78
|
+
}
|
|
79
|
+
if (!!changeTitle) {
|
|
80
|
+
setModalTitle(changeTitle);
|
|
81
|
+
}
|
|
82
|
+
setInitValue(changeInitialValues);
|
|
83
|
+
setModalVisible(true);
|
|
84
|
+
};
|
|
85
|
+
dialogForm.hide = function () {
|
|
86
|
+
setModalVisible(false);
|
|
87
|
+
onAfterClose();
|
|
88
|
+
};
|
|
89
|
+
}, [afterClose]);
|
|
90
|
+
return {
|
|
91
|
+
modalFormData: modalFormData,
|
|
92
|
+
modalVisible: modalVisible,
|
|
93
|
+
setModalVisible: setModalVisible,
|
|
94
|
+
setModalFormData: setModalFormData,
|
|
95
|
+
initValue: initValue,
|
|
96
|
+
setInitValue: setInitValue,
|
|
97
|
+
onAfterClose: onAfterClose,
|
|
98
|
+
formParams: formParams,
|
|
99
|
+
title: modalTitle
|
|
100
|
+
};
|
|
101
|
+
};
|
|
102
|
+
var useHDialogForm = function useHDialogForm() {
|
|
103
|
+
var hForm = useHForm.default();
|
|
104
|
+
return React.useMemo(function () {
|
|
105
|
+
return _objectSpread(_objectSpread({}, hForm), {}, {
|
|
106
|
+
show: function show(params) {},
|
|
107
|
+
hide: function hide() {}
|
|
108
|
+
});
|
|
109
|
+
}, []);
|
|
110
|
+
};
|
|
111
|
+
var useCurrentForm = function useCurrentForm(hDialogForm) {
|
|
112
|
+
var defaultHModalForm = useHDialogForm();
|
|
113
|
+
return hDialogForm || defaultHModalForm;
|
|
114
|
+
};
|
|
115
|
+
var useSub = function useSub(_ref2) {
|
|
116
|
+
var request = _ref2.request,
|
|
117
|
+
onFinish = _ref2.onFinish;
|
|
118
|
+
return ahooks.useRequest( /*#__PURE__*/function () {
|
|
119
|
+
var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values, params) {
|
|
120
|
+
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
121
|
+
while (1) switch (_context.prev = _context.next) {
|
|
122
|
+
case 0:
|
|
123
|
+
if (!onFinish) {
|
|
124
|
+
_context.next = 2;
|
|
125
|
+
break;
|
|
126
|
+
}
|
|
127
|
+
return _context.abrupt("return", onFinish(values, params));
|
|
128
|
+
case 2:
|
|
129
|
+
if (!request) {
|
|
130
|
+
_context.next = 4;
|
|
131
|
+
break;
|
|
132
|
+
}
|
|
133
|
+
return _context.abrupt("return", request(values, params));
|
|
134
|
+
case 4:
|
|
135
|
+
case "end":
|
|
136
|
+
return _context.stop();
|
|
137
|
+
}
|
|
138
|
+
}, _callee);
|
|
139
|
+
}));
|
|
140
|
+
return function (_x, _x2) {
|
|
141
|
+
return _ref3.apply(this, arguments);
|
|
142
|
+
};
|
|
143
|
+
}(), {
|
|
144
|
+
manual: true
|
|
145
|
+
});
|
|
146
|
+
};
|
|
147
|
+
|
|
148
|
+
exports.useCurrentForm = useCurrentForm;
|
|
149
|
+
exports.useHDialogForm = useHDialogForm;
|
|
150
|
+
exports.useModifyProps = useModifyProps;
|
|
151
|
+
exports.useSub = useSub;
|
|
152
|
+
// powered by h
|
|
@@ -1,19 +1,22 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
3
5
|
require('core-js/modules/es.symbol.js');
|
|
4
6
|
require('core-js/modules/es.array.filter.js');
|
|
5
7
|
require('core-js/modules/es.object.get-own-property-descriptor.js');
|
|
6
8
|
require('core-js/modules/es.object.get-own-property-descriptors.js');
|
|
7
|
-
require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
9
|
+
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
8
10
|
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
9
11
|
require('core-js/modules/es.object.keys.js');
|
|
10
12
|
require('core-js/modules/es.object.to-string.js');
|
|
11
13
|
require('core-js/modules/web.dom-collections.for-each.js');
|
|
12
|
-
require('react/jsx-runtime');
|
|
14
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
13
15
|
var index = require('./index.js');
|
|
14
16
|
var React = require('react');
|
|
15
17
|
var config = require('../../config.js');
|
|
16
18
|
|
|
19
|
+
var _excluded = ["children"];
|
|
17
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; }
|
|
18
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; }
|
|
19
22
|
var useFormConfigContext = function useFormConfigContext(key) {
|
|
@@ -23,6 +26,27 @@ var useFormConfigContext = function useFormConfigContext(key) {
|
|
|
23
26
|
}
|
|
24
27
|
return defaultProps[key] || _objectSpread({}, config.baseConfig[key]);
|
|
25
28
|
};
|
|
29
|
+
var mergeProps = function mergeProps(props) {
|
|
30
|
+
var newProps = _objectSpread({}, config.baseConfig);
|
|
31
|
+
var keys = Object.keys(props);
|
|
32
|
+
keys.forEach(function (key) {
|
|
33
|
+
var defaultItem = newProps[key];
|
|
34
|
+
if (!defaultItem) {
|
|
35
|
+
return;
|
|
36
|
+
}
|
|
37
|
+
newProps[key] = _objectSpread(_objectSpread({}, defaultItem), props[key]);
|
|
38
|
+
});
|
|
39
|
+
return newProps;
|
|
40
|
+
};
|
|
41
|
+
var Index = function Index(_ref) {
|
|
42
|
+
var children = _ref.children,
|
|
43
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
44
|
+
return jsxRuntime.jsx(index.FormConfigContext.Provider, {
|
|
45
|
+
value: mergeProps(props),
|
|
46
|
+
children: children
|
|
47
|
+
});
|
|
48
|
+
};
|
|
26
49
|
|
|
50
|
+
exports.default = Index;
|
|
27
51
|
exports.useFormConfigContext = useFormConfigContext;
|
|
28
52
|
// powered by h
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
require('core-js/modules/es.object.keys.js');
|
|
6
|
+
require('core-js/modules/es.symbol.js');
|
|
7
|
+
require('core-js/modules/es.array.filter.js');
|
|
8
|
+
require('core-js/modules/es.object.to-string.js');
|
|
9
|
+
require('core-js/modules/es.object.get-own-property-descriptor.js');
|
|
10
|
+
require('core-js/modules/web.dom-collections.for-each.js');
|
|
11
|
+
require('core-js/modules/es.object.get-own-property-descriptors.js');
|
|
12
|
+
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
13
|
+
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
14
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
15
|
+
var Label = require('../Label.js');
|
|
16
|
+
var antd = require('antd');
|
|
17
|
+
var React = require('react');
|
|
18
|
+
var Helper = require('./Helper.js');
|
|
19
|
+
var index$2 = require('../../hooks/index.js');
|
|
20
|
+
var hooks = require('./hooks.js');
|
|
21
|
+
var index = require('../Context/index.js');
|
|
22
|
+
var useDefaultRender = require('../hooks/useDefaultRender.js');
|
|
23
|
+
var index$1 = require('../hooks/index.js');
|
|
24
|
+
|
|
25
|
+
var _excluded = ["hover", "labelWidth", "required", "colon", "label", "itemProps", "children", "helper", "hide", "render"];
|
|
26
|
+
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; }
|
|
27
|
+
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; }
|
|
28
|
+
var Content = function Content(_ref) {
|
|
29
|
+
var children = _ref.children,
|
|
30
|
+
helper = _ref.helper,
|
|
31
|
+
value = _ref.value,
|
|
32
|
+
onChange = _ref.onChange;
|
|
33
|
+
var className = index$2.useClassName("hw-form-base-item");
|
|
34
|
+
var relChild = children && /*#__PURE__*/React.cloneElement(children, {
|
|
35
|
+
value: value,
|
|
36
|
+
onChange: onChange
|
|
37
|
+
});
|
|
38
|
+
return jsxRuntime.jsxs(antd.Space, {
|
|
39
|
+
direction: "vertical",
|
|
40
|
+
size: 4,
|
|
41
|
+
style: {
|
|
42
|
+
width: "100%"
|
|
43
|
+
},
|
|
44
|
+
children: [jsxRuntime.jsx("div", {
|
|
45
|
+
className: className,
|
|
46
|
+
children: relChild
|
|
47
|
+
}), jsxRuntime.jsx(Helper.default, {
|
|
48
|
+
helper: helper
|
|
49
|
+
})]
|
|
50
|
+
});
|
|
51
|
+
};
|
|
52
|
+
var Index = function Index(props) {
|
|
53
|
+
var hover = props.hover,
|
|
54
|
+
labelWidth = props.labelWidth,
|
|
55
|
+
required = props.required,
|
|
56
|
+
_props$colon = props.colon,
|
|
57
|
+
colon = _props$colon === void 0 ? true : _props$colon,
|
|
58
|
+
label = props.label;
|
|
59
|
+
props.itemProps;
|
|
60
|
+
props.children;
|
|
61
|
+
var helper = props.helper,
|
|
62
|
+
hide = props.hide;
|
|
63
|
+
props.render;
|
|
64
|
+
var oProps = _objectWithoutProperties(props, _excluded);
|
|
65
|
+
var _useFormContext = index.useFormContext(),
|
|
66
|
+
form = _useFormContext.form;
|
|
67
|
+
var defaultComponent = index$1.useDefaultComponents();
|
|
68
|
+
var defaultRender = useDefaultRender.useDefaultRender(props, defaultComponent);
|
|
69
|
+
var hideItem = hooks.useHide({
|
|
70
|
+
hide: hide,
|
|
71
|
+
form: form
|
|
72
|
+
});
|
|
73
|
+
if (hideItem) {
|
|
74
|
+
return null;
|
|
75
|
+
}
|
|
76
|
+
return jsxRuntime.jsx(antd.Form.Item, _objectSpread(_objectSpread({
|
|
77
|
+
label: jsxRuntime.jsx(Label.default, {
|
|
78
|
+
hover: hover,
|
|
79
|
+
labelWidth: labelWidth,
|
|
80
|
+
required: required,
|
|
81
|
+
colon: colon,
|
|
82
|
+
children: label
|
|
83
|
+
})
|
|
84
|
+
}, oProps), {}, {
|
|
85
|
+
colon: false,
|
|
86
|
+
required: false,
|
|
87
|
+
children: jsxRuntime.jsx(Content, {
|
|
88
|
+
helper: helper,
|
|
89
|
+
children: defaultRender(form)
|
|
90
|
+
})
|
|
91
|
+
}));
|
|
92
|
+
};
|
|
93
|
+
|
|
94
|
+
exports.default = Index;
|
|
95
|
+
// powered by h
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
+
var antd = require('antd');
|
|
7
|
+
var index = require('../Context/index.js');
|
|
8
|
+
|
|
9
|
+
var Index = function Index(_ref) {
|
|
10
|
+
var helper = _ref.helper;
|
|
11
|
+
var _useFormContext = index.useFormContext(),
|
|
12
|
+
form = _useFormContext.form;
|
|
13
|
+
if (!helper) {
|
|
14
|
+
return null;
|
|
15
|
+
}
|
|
16
|
+
if (typeof helper === "function") {
|
|
17
|
+
return jsxRuntime.jsx(antd.Typography.Text, {
|
|
18
|
+
type: "secondary",
|
|
19
|
+
children: helper(form)
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
return jsxRuntime.jsx(antd.Typography.Text, {
|
|
23
|
+
type: "secondary",
|
|
24
|
+
children: helper
|
|
25
|
+
});
|
|
26
|
+
};
|
|
27
|
+
|
|
28
|
+
exports.default = Index;
|
|
29
|
+
// powered by h
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
require('core-js/modules/es.object.keys.js');
|
|
6
|
+
require('core-js/modules/es.symbol.js');
|
|
7
|
+
require('core-js/modules/es.array.filter.js');
|
|
8
|
+
require('core-js/modules/es.object.to-string.js');
|
|
9
|
+
require('core-js/modules/es.object.get-own-property-descriptor.js');
|
|
10
|
+
require('core-js/modules/web.dom-collections.for-each.js');
|
|
11
|
+
require('core-js/modules/es.object.get-own-property-descriptors.js');
|
|
12
|
+
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
13
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
14
|
+
var BasicItem = require('./BasicItem.js');
|
|
15
|
+
|
|
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 RegularFormItem = (function (props) {
|
|
19
|
+
var type = props.type,
|
|
20
|
+
colon = props.colon;
|
|
21
|
+
return jsxRuntime.jsx(BasicItem.default, _objectSpread(_objectSpread({}, props), {}, {
|
|
22
|
+
colon: type === "submit" ? false : colon
|
|
23
|
+
}));
|
|
24
|
+
});
|
|
25
|
+
|
|
26
|
+
exports.default = RegularFormItem;
|
|
27
|
+
// powered by h
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
require('core-js/modules/es.object.keys.js');
|
|
6
|
+
require('core-js/modules/es.symbol.js');
|
|
7
|
+
require('core-js/modules/es.array.filter.js');
|
|
8
|
+
require('core-js/modules/es.object.to-string.js');
|
|
9
|
+
require('core-js/modules/es.object.get-own-property-descriptor.js');
|
|
10
|
+
require('core-js/modules/web.dom-collections.for-each.js');
|
|
11
|
+
require('core-js/modules/es.object.get-own-property-descriptors.js');
|
|
12
|
+
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
13
|
+
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
14
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
15
|
+
var antd = require('antd');
|
|
16
|
+
var BasicItem = require('./BasicItem.js');
|
|
17
|
+
var hooks = require('./hooks.js');
|
|
18
|
+
|
|
19
|
+
var _excluded = ["shouldUpdate", "dependencies", "hide"];
|
|
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 Item = antd.Form.Item;
|
|
23
|
+
var UpFormItem = (function (_ref) {
|
|
24
|
+
var shouldUpdate = _ref.shouldUpdate,
|
|
25
|
+
dependencies = _ref.dependencies,
|
|
26
|
+
hide = _ref.hide,
|
|
27
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
28
|
+
var resultShouldUpdate = hooks.useShouldUpdate({
|
|
29
|
+
shouldUpdate: shouldUpdate,
|
|
30
|
+
hide: hide
|
|
31
|
+
});
|
|
32
|
+
return jsxRuntime.jsx(Item, {
|
|
33
|
+
shouldUpdate: resultShouldUpdate,
|
|
34
|
+
dependencies: dependencies,
|
|
35
|
+
noStyle: true,
|
|
36
|
+
children: function children() {
|
|
37
|
+
return jsxRuntime.jsx(BasicItem.default, _objectSpread({
|
|
38
|
+
hide: hide
|
|
39
|
+
}, props));
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
});
|
|
43
|
+
|
|
44
|
+
exports.default = UpFormItem;
|
|
45
|
+
// powered by h
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var UpFormItem = require('./UpFormItem.js');
|
|
4
|
+
var RegularFormItem = require('./RegularFormItem.js');
|
|
5
|
+
var React = require('react');
|
|
6
|
+
|
|
7
|
+
var useFormItemDomControl = function useFormItemDomControl(_ref) {
|
|
8
|
+
var shouldUpdate = _ref.shouldUpdate,
|
|
9
|
+
hide = _ref.hide,
|
|
10
|
+
dependencies = _ref.dependencies;
|
|
11
|
+
return React.useMemo(function () {
|
|
12
|
+
if (shouldUpdate || typeof hide === "function" || dependencies) {
|
|
13
|
+
return UpFormItem.default;
|
|
14
|
+
}
|
|
15
|
+
return RegularFormItem.default;
|
|
16
|
+
}, [shouldUpdate, hide]);
|
|
17
|
+
};
|
|
18
|
+
var useShouldUpdate = function useShouldUpdate(_ref2) {
|
|
19
|
+
var hide = _ref2.hide,
|
|
20
|
+
shouldUpdate = _ref2.shouldUpdate;
|
|
21
|
+
if (typeof hide === "function" && !shouldUpdate) {
|
|
22
|
+
return true;
|
|
23
|
+
}
|
|
24
|
+
return shouldUpdate;
|
|
25
|
+
};
|
|
26
|
+
var useHide = function useHide(_ref3) {
|
|
27
|
+
var hide = _ref3.hide,
|
|
28
|
+
form = _ref3.form;
|
|
29
|
+
if (hide === true) {
|
|
30
|
+
return true;
|
|
31
|
+
}
|
|
32
|
+
if (typeof hide === "function") {
|
|
33
|
+
return hide(form);
|
|
34
|
+
}
|
|
35
|
+
return !!hide;
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
exports.useFormItemDomControl = useFormItemDomControl;
|
|
39
|
+
exports.useHide = useHide;
|
|
40
|
+
exports.useShouldUpdate = useShouldUpdate;
|
|
41
|
+
// powered by h
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
require('core-js/modules/es.object.keys.js');
|
|
6
|
+
require('core-js/modules/es.symbol.js');
|
|
7
|
+
require('core-js/modules/es.array.filter.js');
|
|
8
|
+
require('core-js/modules/es.object.to-string.js');
|
|
9
|
+
require('core-js/modules/es.object.get-own-property-descriptor.js');
|
|
10
|
+
require('core-js/modules/web.dom-collections.for-each.js');
|
|
11
|
+
require('core-js/modules/es.object.get-own-property-descriptors.js');
|
|
12
|
+
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
13
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
14
|
+
var hooks = require('./hooks.js');
|
|
15
|
+
|
|
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 Item = (function (props) {
|
|
19
|
+
var Component = hooks.useFormItemDomControl(props);
|
|
20
|
+
return jsxRuntime.jsx(Component, _objectSpread({}, props));
|
|
21
|
+
});
|
|
22
|
+
|
|
23
|
+
exports.default = Item;
|
|
24
|
+
// powered by h
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
+
var index = require('./Context/index.js');
|
|
7
|
+
var React = require('react');
|
|
8
|
+
|
|
9
|
+
var InitSet = (function () {
|
|
10
|
+
var _useFormContext = index.useFormContext(),
|
|
11
|
+
form = _useFormContext.form;
|
|
12
|
+
React.useEffect(function () {
|
|
13
|
+
form.initValues();
|
|
14
|
+
}, []);
|
|
15
|
+
return jsxRuntime.jsx(jsxRuntime.Fragment, {});
|
|
16
|
+
});
|
|
17
|
+
|
|
18
|
+
exports.default = InitSet;
|
|
19
|
+
// powered by h
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
+
var icons = require('@ant-design/icons');
|
|
7
|
+
var antd = require('antd');
|
|
8
|
+
var index = require('../hooks/index.js');
|
|
9
|
+
|
|
10
|
+
var useHover = function useHover(_ref) {
|
|
11
|
+
var hover = _ref.hover;
|
|
12
|
+
if (!hover || typeof hover === "string") {
|
|
13
|
+
return {
|
|
14
|
+
text: hover,
|
|
15
|
+
icon: jsxRuntime.jsx(icons.QuestionCircleOutlined, {})
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
return hover;
|
|
19
|
+
};
|
|
20
|
+
var Index = function Index(_ref2) {
|
|
21
|
+
var labelWidth = _ref2.labelWidth,
|
|
22
|
+
children = _ref2.children,
|
|
23
|
+
colon = _ref2.colon,
|
|
24
|
+
required = _ref2.required,
|
|
25
|
+
hover = _ref2.hover;
|
|
26
|
+
var _useHover = useHover({
|
|
27
|
+
hover: hover
|
|
28
|
+
}),
|
|
29
|
+
text = _useHover.text,
|
|
30
|
+
icon = _useHover.icon;
|
|
31
|
+
var array = [colon ? "hw-form-item-colon" : "", required ? "hw-form-item-required" : ""];
|
|
32
|
+
var className = index.useClassName(array);
|
|
33
|
+
return jsxRuntime.jsxs("div", {
|
|
34
|
+
style: {
|
|
35
|
+
width: labelWidth
|
|
36
|
+
},
|
|
37
|
+
className: className,
|
|
38
|
+
children: [children, text && jsxRuntime.jsx("span", {
|
|
39
|
+
style: {
|
|
40
|
+
marginLeft: 4
|
|
41
|
+
},
|
|
42
|
+
children: jsxRuntime.jsx(antd.Tooltip, {
|
|
43
|
+
placement: "top",
|
|
44
|
+
title: text,
|
|
45
|
+
children: icon
|
|
46
|
+
})
|
|
47
|
+
})]
|
|
48
|
+
});
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
exports.default = Index;
|
|
52
|
+
// powered by h
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var index = require('../Select/index.js');
|
|
6
|
+
var index$6 = require('../Input/index.js');
|
|
7
|
+
var InputNumber = require('../Input/InputNumber.js');
|
|
8
|
+
var SelectInput = require('../Input/SelectInput.js');
|
|
9
|
+
var ButtonInput = require('../Input/ButtonInput.js');
|
|
10
|
+
var index$1 = require('../CheckboxGroup/index.js');
|
|
11
|
+
var index$2 = require('../CheckboxGroup/CheckBox/index.js');
|
|
12
|
+
var index$3 = require('../RadioGroup/index.js');
|
|
13
|
+
var index$4 = require('../Switch/index.js');
|
|
14
|
+
var index$5 = require('../TDPicker/index.js');
|
|
15
|
+
var RangePicker = require('../TDPicker/RangePicker.js');
|
|
16
|
+
var TimePicker = require('../TDPicker/TimePicker.js');
|
|
17
|
+
var index$7 = require('../Upload/index.js');
|
|
18
|
+
var index$8 = require('../Upload/UrlUpload/index.js');
|
|
19
|
+
var index$9 = require('../Submit/index.js');
|
|
20
|
+
var index$a = require('../TextArea/index.js');
|
|
21
|
+
var index$b = require('../Input/ColorInput/index.js');
|
|
22
|
+
|
|
23
|
+
var placeholderConfig = {
|
|
24
|
+
inputType: ["input", "inputNumber", "selectInput", "buttonInput"],
|
|
25
|
+
selectType: ["select", "datePicker", "timePicker", "colorInput"]
|
|
26
|
+
};
|
|
27
|
+
var componentConfig = {
|
|
28
|
+
select: index.default,
|
|
29
|
+
inputNumber: InputNumber.default,
|
|
30
|
+
selectInput: SelectInput.default,
|
|
31
|
+
buttonInput: ButtonInput.default,
|
|
32
|
+
checkboxGroup: index$1.default,
|
|
33
|
+
checkBox: index$2.default,
|
|
34
|
+
radioGroup: index$3.default,
|
|
35
|
+
switch: index$4.default,
|
|
36
|
+
datePicker: index$5.default,
|
|
37
|
+
rangePicker: RangePicker.default,
|
|
38
|
+
timePicker: TimePicker.default,
|
|
39
|
+
input: index$6.default,
|
|
40
|
+
upload: index$7.default,
|
|
41
|
+
urlUpload: index$8.default,
|
|
42
|
+
submit: index$9.default,
|
|
43
|
+
textArea: index$a.default,
|
|
44
|
+
colorInput: index$b.default
|
|
45
|
+
};
|
|
46
|
+
|
|
47
|
+
exports.default = componentConfig;
|
|
48
|
+
exports.placeholderConfig = placeholderConfig;
|
|
49
|
+
// powered by h
|