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