@hw-component/form 0.0.5-beta-v7 → 0.0.5-beta-v9
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/Form/Context/FormConfigProvider.js +27 -0
- package/es/Form/Context/index.js +11 -0
- package/es/Form/HFormConnect.js +68 -0
- package/es/Select/components/AllSelect.js +55 -0
- package/es/Select/components/CheckBoxOption.js +16 -0
- package/es/Select/components/DropdownComponent.js +44 -0
- package/es/Select/components/NoFindItem.js +14 -0
- package/es/Select/components/NotFoundContent.js +43 -0
- package/es/Select/defaultConfig.js +32 -0
- package/es/Select/hooks/changeHooks.js +196 -0
- package/es/Select/hooks/norHooks.js +118 -0
- package/es/Select/index.js +149 -0
- package/es/Select/utils.js +37 -0
- package/es/Upload/util.js +18 -0
- package/es/config.js +65 -0
- package/es/hooks/index.js +74 -0
- package/es/index.css +44 -0
- package/es/index.d.ts +3 -1
- package/es/index.js +4 -4
- package/lib/Form/Context/FormConfigProvider.js +28 -0
- package/lib/Form/Context/index.js +14 -0
- package/lib/Form/HFormConnect.js +71 -0
- package/lib/Select/components/AllSelect.js +58 -0
- package/lib/Select/components/CheckBoxOption.js +19 -0
- package/lib/Select/components/DropdownComponent.js +47 -0
- package/lib/Select/components/NoFindItem.js +17 -0
- package/lib/Select/components/NotFoundContent.js +46 -0
- package/lib/Select/defaultConfig.js +34 -0
- package/lib/Select/hooks/changeHooks.js +197 -0
- package/lib/Select/hooks/norHooks.js +120 -0
- package/lib/Select/index.js +152 -0
- package/lib/Select/utils.js +39 -0
- package/lib/Upload/util.js +19 -0
- package/lib/config.js +66 -0
- package/lib/hooks/index.js +77 -0
- package/lib/index.css +44 -0
- package/lib/index.d.ts +3 -1
- package/lib/index.js +4 -4
- package/package.json +1 -1
- package/src/components/index.tsx +4 -3
|
@@ -0,0 +1,46 @@
|
|
|
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 icons = require('@ant-design/icons');
|
|
8
|
+
|
|
9
|
+
var Text = antd.Typography.Text;
|
|
10
|
+
var NotFoundContent = (function (_ref) {
|
|
11
|
+
var error = _ref.error,
|
|
12
|
+
reload = _ref.reload;
|
|
13
|
+
if (error) {
|
|
14
|
+
return jsxRuntime.jsx(antd.Row, {
|
|
15
|
+
justify: "center",
|
|
16
|
+
align: "middle",
|
|
17
|
+
style: {
|
|
18
|
+
height: 125
|
|
19
|
+
},
|
|
20
|
+
children: jsxRuntime.jsxs(antd.Space, {
|
|
21
|
+
align: "center",
|
|
22
|
+
direction: "vertical",
|
|
23
|
+
children: [jsxRuntime.jsx(Text, {
|
|
24
|
+
type: "danger",
|
|
25
|
+
children: jsxRuntime.jsx(icons.ExclamationCircleOutlined, {
|
|
26
|
+
size: 24
|
|
27
|
+
})
|
|
28
|
+
}), jsxRuntime.jsx(Text, {
|
|
29
|
+
type: "danger",
|
|
30
|
+
children: error.message
|
|
31
|
+
}), jsxRuntime.jsx(antd.Button, {
|
|
32
|
+
type: "primary",
|
|
33
|
+
size: "small",
|
|
34
|
+
onClick: reload,
|
|
35
|
+
children: "\u91CD\u65B0\u52A0\u8F7D"
|
|
36
|
+
})]
|
|
37
|
+
})
|
|
38
|
+
});
|
|
39
|
+
}
|
|
40
|
+
return jsxRuntime.jsx(antd.Empty, {
|
|
41
|
+
image: antd.Empty.PRESENTED_IMAGE_SIMPLE
|
|
42
|
+
});
|
|
43
|
+
});
|
|
44
|
+
|
|
45
|
+
exports.default = NotFoundContent;
|
|
46
|
+
// powered by h
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
require('core-js/modules/es.array.map.js');
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
var CheckBoxOption = require('./components/CheckBoxOption.js');
|
|
6
|
+
var NoFindItem = require('./components/NoFindItem.js');
|
|
7
|
+
|
|
8
|
+
var defaultModeConfig = {
|
|
9
|
+
multiple: {
|
|
10
|
+
icon: null,
|
|
11
|
+
render: function render(item, value) {
|
|
12
|
+
var checkVal = value === null || value === void 0 ? void 0 : value.map(function (itemVal) {
|
|
13
|
+
return itemVal.value;
|
|
14
|
+
});
|
|
15
|
+
var newVal = checkVal || [];
|
|
16
|
+
var checked = newVal.indexOf(item.value) !== -1;
|
|
17
|
+
return jsxRuntime.jsx(CheckBoxOption.default, {
|
|
18
|
+
label: item.label,
|
|
19
|
+
checked: checked
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
var defaultSelectConfig = {
|
|
25
|
+
noMatchItemRender: function noMatchItemRender() {
|
|
26
|
+
return jsxRuntime.jsx(NoFindItem.default, {
|
|
27
|
+
label: "选项被删除,请重新选择"
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
exports.defaultModeConfig = defaultModeConfig;
|
|
33
|
+
exports.defaultSelectConfig = defaultSelectConfig;
|
|
34
|
+
// powered by h
|
|
@@ -0,0 +1,197 @@
|
|
|
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.get-own-property-descriptor.js');
|
|
7
|
+
require('core-js/modules/es.object.get-own-property-descriptors.js');
|
|
8
|
+
var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
|
|
9
|
+
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
10
|
+
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
11
|
+
require('core-js/modules/es.array.find-index.js');
|
|
12
|
+
require('core-js/modules/es.object.to-string.js');
|
|
13
|
+
require('core-js/modules/web.dom-collections.for-each.js');
|
|
14
|
+
require('core-js/modules/es.array.map.js');
|
|
15
|
+
var React = require('react');
|
|
16
|
+
var utils = require('../utils.js');
|
|
17
|
+
|
|
18
|
+
var _excluded = ["index"],
|
|
19
|
+
_excluded2 = ["index"];
|
|
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 single = function single(_ref) {
|
|
23
|
+
var options = _ref.options,
|
|
24
|
+
value = _ref.value,
|
|
25
|
+
noMatchItemRender = _ref.noMatchItemRender;
|
|
26
|
+
var newOptions = options || [];
|
|
27
|
+
var index = newOptions.findIndex(function (item) {
|
|
28
|
+
return item.value === value;
|
|
29
|
+
});
|
|
30
|
+
if (index !== -1) {
|
|
31
|
+
var label = newOptions[index].label;
|
|
32
|
+
return {
|
|
33
|
+
value: value,
|
|
34
|
+
label: label
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
return {
|
|
38
|
+
value: value,
|
|
39
|
+
label: (noMatchItemRender === null || noMatchItemRender === void 0 ? void 0 : noMatchItemRender({
|
|
40
|
+
value: value
|
|
41
|
+
})) || value
|
|
42
|
+
};
|
|
43
|
+
};
|
|
44
|
+
var findNewValInOldVal = function findNewValInOldVal(val, oldVal) {
|
|
45
|
+
if (!oldVal) {
|
|
46
|
+
return -1;
|
|
47
|
+
}
|
|
48
|
+
return oldVal.findIndex(function (item) {
|
|
49
|
+
return item.value === val;
|
|
50
|
+
});
|
|
51
|
+
};
|
|
52
|
+
var sourceDataProvider = function sourceDataProvider(_ref2, oldVal) {
|
|
53
|
+
_ref2.options;
|
|
54
|
+
var value = _ref2.value;
|
|
55
|
+
var oldData = [];
|
|
56
|
+
var newData = [];
|
|
57
|
+
value.forEach(function (item, i) {
|
|
58
|
+
var index = findNewValInOldVal(item, oldVal);
|
|
59
|
+
if (index === -1) {
|
|
60
|
+
newData.push({
|
|
61
|
+
value: item,
|
|
62
|
+
index: i
|
|
63
|
+
});
|
|
64
|
+
return;
|
|
65
|
+
}
|
|
66
|
+
var newVal = oldVal === null || oldVal === void 0 ? void 0 : oldVal[index];
|
|
67
|
+
oldData.push(_objectSpread(_objectSpread({}, newVal), {}, {
|
|
68
|
+
index: i
|
|
69
|
+
}));
|
|
70
|
+
});
|
|
71
|
+
return {
|
|
72
|
+
oldData: oldData,
|
|
73
|
+
newData: newData
|
|
74
|
+
};
|
|
75
|
+
};
|
|
76
|
+
var resultProvider = function resultProvider(newData, oldData, value) {
|
|
77
|
+
var newResult = new Array(value.length);
|
|
78
|
+
oldData.forEach(function (item) {
|
|
79
|
+
var index = item.index,
|
|
80
|
+
val = _objectWithoutProperties(item, _excluded);
|
|
81
|
+
newResult[index] = _objectSpread({}, val);
|
|
82
|
+
});
|
|
83
|
+
newData.forEach(function (item) {
|
|
84
|
+
var index = item.index,
|
|
85
|
+
val = _objectWithoutProperties(item, _excluded2);
|
|
86
|
+
newResult[index] = _objectSpread({}, val);
|
|
87
|
+
});
|
|
88
|
+
return newResult;
|
|
89
|
+
};
|
|
90
|
+
var multiple = function multiple(_ref3, oldVal) {
|
|
91
|
+
var options = _ref3.options,
|
|
92
|
+
value = _ref3.value,
|
|
93
|
+
noMatchItemRender = _ref3.noMatchItemRender;
|
|
94
|
+
var _sourceDataProvider = sourceDataProvider({
|
|
95
|
+
options: options,
|
|
96
|
+
value: value
|
|
97
|
+
}, oldVal),
|
|
98
|
+
newData = _sourceDataProvider.newData,
|
|
99
|
+
oldData = _sourceDataProvider.oldData;
|
|
100
|
+
var newMatchVal = newData.map(function (item) {
|
|
101
|
+
var itemVal = item.value,
|
|
102
|
+
index = item.index;
|
|
103
|
+
var newItem = single({
|
|
104
|
+
options: options,
|
|
105
|
+
value: itemVal,
|
|
106
|
+
noMatchItemRender: noMatchItemRender
|
|
107
|
+
});
|
|
108
|
+
return _objectSpread(_objectSpread({}, newItem), {}, {
|
|
109
|
+
index: index
|
|
110
|
+
});
|
|
111
|
+
});
|
|
112
|
+
return resultProvider(newMatchVal, oldData, value);
|
|
113
|
+
};
|
|
114
|
+
var tag = function tag(_ref4, oldVal) {
|
|
115
|
+
var options = _ref4.options,
|
|
116
|
+
value = _ref4.value;
|
|
117
|
+
var _sourceDataProvider2 = sourceDataProvider({
|
|
118
|
+
options: options,
|
|
119
|
+
value: value
|
|
120
|
+
}, oldVal),
|
|
121
|
+
newData = _sourceDataProvider2.newData,
|
|
122
|
+
oldData = _sourceDataProvider2.oldData;
|
|
123
|
+
return resultProvider(newData, oldData, value);
|
|
124
|
+
};
|
|
125
|
+
var matchNotFind = function matchNotFind(_ref5, oldVale) {
|
|
126
|
+
var options = _ref5.options,
|
|
127
|
+
value = _ref5.value,
|
|
128
|
+
mode = _ref5.mode,
|
|
129
|
+
noMatchItemRender = _ref5.noMatchItemRender;
|
|
130
|
+
if (!mode) {
|
|
131
|
+
return single({
|
|
132
|
+
options: options,
|
|
133
|
+
value: value,
|
|
134
|
+
noMatchItemRender: noMatchItemRender
|
|
135
|
+
});
|
|
136
|
+
}
|
|
137
|
+
if (mode === "multiple") {
|
|
138
|
+
return multiple({
|
|
139
|
+
options: options,
|
|
140
|
+
value: value,
|
|
141
|
+
noMatchItemRender: noMatchItemRender
|
|
142
|
+
}, oldVale);
|
|
143
|
+
}
|
|
144
|
+
return tag({
|
|
145
|
+
options: options,
|
|
146
|
+
value: value
|
|
147
|
+
}, oldVale);
|
|
148
|
+
};
|
|
149
|
+
var useValueChange = function useValueChange(params) {
|
|
150
|
+
var labelInValue = params.labelInValue,
|
|
151
|
+
onChange = params.onChange,
|
|
152
|
+
value = params.value,
|
|
153
|
+
options = params.options,
|
|
154
|
+
mode = params.mode,
|
|
155
|
+
noMatchItemRender = params.noMatchItemRender,
|
|
156
|
+
_params$fieldNames = params.fieldNames,
|
|
157
|
+
fieldNames = _params$fieldNames === void 0 ? {} : _params$fieldNames;
|
|
158
|
+
var _useState = React.useState(),
|
|
159
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
160
|
+
val = _useState2[0],
|
|
161
|
+
setVal = _useState2[1];
|
|
162
|
+
var change = function change(changeVal, itemOps) {
|
|
163
|
+
if (!onChange) {
|
|
164
|
+
setVal(changeVal);
|
|
165
|
+
return;
|
|
166
|
+
}
|
|
167
|
+
var newChangeVal = changeVal.value;
|
|
168
|
+
if (labelInValue) {
|
|
169
|
+
newChangeVal = changeVal;
|
|
170
|
+
}
|
|
171
|
+
if (Array.isArray(changeVal)) {
|
|
172
|
+
newChangeVal = changeVal.map(function (item) {
|
|
173
|
+
return item.value;
|
|
174
|
+
});
|
|
175
|
+
}
|
|
176
|
+
var subItemOps = utils.itemOpProvider(itemOps, fieldNames);
|
|
177
|
+
onChange(newChangeVal, subItemOps);
|
|
178
|
+
};
|
|
179
|
+
React.useEffect(function () {
|
|
180
|
+
if (mode === "tags" || value === null || value === undefined) {
|
|
181
|
+
setVal(value);
|
|
182
|
+
return;
|
|
183
|
+
}
|
|
184
|
+
if (options && value) {
|
|
185
|
+
setVal(function (oldVale) {
|
|
186
|
+
return matchNotFind(params, oldVale);
|
|
187
|
+
});
|
|
188
|
+
}
|
|
189
|
+
}, [value, options, mode, noMatchItemRender]);
|
|
190
|
+
return {
|
|
191
|
+
val: val,
|
|
192
|
+
change: change
|
|
193
|
+
};
|
|
194
|
+
};
|
|
195
|
+
|
|
196
|
+
exports.useValueChange = useValueChange;
|
|
197
|
+
// powered by h
|
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
|
|
4
|
+
var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
|
|
5
|
+
var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
|
|
6
|
+
require('core-js/modules/es.array.iterator.js');
|
|
7
|
+
require('core-js/modules/es.object.to-string.js');
|
|
8
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
9
|
+
require('core-js/modules/es.promise.js');
|
|
10
|
+
var React = require('react');
|
|
11
|
+
var ahooks = require('ahooks');
|
|
12
|
+
var index = require('../../Form/Context/index.js');
|
|
13
|
+
|
|
14
|
+
var useOptionReq = function useOptionReq(_ref) {
|
|
15
|
+
var manual = _ref.manual,
|
|
16
|
+
request = _ref.request,
|
|
17
|
+
options = _ref.options,
|
|
18
|
+
serviceSearch = _ref.serviceSearch,
|
|
19
|
+
showSearch = _ref.showSearch,
|
|
20
|
+
propsOnSearch = _ref.onSearch,
|
|
21
|
+
_ref$dispatch = _ref.dispatch,
|
|
22
|
+
dispatch = _ref$dispatch === void 0 ? {} : _ref$dispatch;
|
|
23
|
+
var dispatchManual = dispatch.manual;
|
|
24
|
+
var _useFormContext = index.useFormContext(),
|
|
25
|
+
form = _useFormContext.form;
|
|
26
|
+
var _useState = React.useState(),
|
|
27
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
28
|
+
data = _useState2[0],
|
|
29
|
+
setData = _useState2[1];
|
|
30
|
+
var _useRequest = ahooks.useRequest( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
|
31
|
+
var requestParams,
|
|
32
|
+
_requestParams$params,
|
|
33
|
+
params,
|
|
34
|
+
values,
|
|
35
|
+
_requestParams$type,
|
|
36
|
+
type,
|
|
37
|
+
formData,
|
|
38
|
+
_args = arguments;
|
|
39
|
+
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
40
|
+
while (1) switch (_context.prev = _context.next) {
|
|
41
|
+
case 0:
|
|
42
|
+
requestParams = _args.length > 0 && _args[0] !== undefined ? _args[0] : {};
|
|
43
|
+
_requestParams$params = requestParams.params, params = _requestParams$params === void 0 ? {} : _requestParams$params, values = requestParams.values, _requestParams$type = requestParams.type, type = _requestParams$type === void 0 ? "init" : _requestParams$type;
|
|
44
|
+
formData = values || (form === null || form === void 0 ? void 0 : form.getFieldsValue());
|
|
45
|
+
if (type === "init") {
|
|
46
|
+
setData(undefined);
|
|
47
|
+
}
|
|
48
|
+
if (!request) {
|
|
49
|
+
_context.next = 6;
|
|
50
|
+
break;
|
|
51
|
+
}
|
|
52
|
+
return _context.abrupt("return", request(params, formData));
|
|
53
|
+
case 6:
|
|
54
|
+
return _context.abrupt("return", Promise.resolve(options));
|
|
55
|
+
case 7:
|
|
56
|
+
case "end":
|
|
57
|
+
return _context.stop();
|
|
58
|
+
}
|
|
59
|
+
}, _callee);
|
|
60
|
+
})), {
|
|
61
|
+
manual: dispatchManual === false ? true : manual,
|
|
62
|
+
debounceInterval: 300,
|
|
63
|
+
onSuccess: function onSuccess(resultData) {
|
|
64
|
+
setData(resultData);
|
|
65
|
+
}
|
|
66
|
+
}),
|
|
67
|
+
run = _useRequest.run,
|
|
68
|
+
loading = _useRequest.loading,
|
|
69
|
+
error = _useRequest.error;
|
|
70
|
+
var reload = function reload(_ref3) {
|
|
71
|
+
var changeOpts = _ref3.options,
|
|
72
|
+
params = _ref3.params;
|
|
73
|
+
if (changeOpts) {
|
|
74
|
+
return setData(changeOpts);
|
|
75
|
+
}
|
|
76
|
+
return run({
|
|
77
|
+
params: params
|
|
78
|
+
});
|
|
79
|
+
};
|
|
80
|
+
var onSearch = function onSearch(inputValue) {
|
|
81
|
+
if (!serviceSearch) {
|
|
82
|
+
propsOnSearch === null || propsOnSearch === void 0 || propsOnSearch(inputValue);
|
|
83
|
+
return;
|
|
84
|
+
}
|
|
85
|
+
run({
|
|
86
|
+
params: {
|
|
87
|
+
inputValue: inputValue
|
|
88
|
+
}
|
|
89
|
+
});
|
|
90
|
+
};
|
|
91
|
+
React.useEffect(function () {
|
|
92
|
+
if (options) {
|
|
93
|
+
setData(options);
|
|
94
|
+
}
|
|
95
|
+
}, [options]);
|
|
96
|
+
var mathShowSearch = showSearch || serviceSearch;
|
|
97
|
+
return {
|
|
98
|
+
run: run,
|
|
99
|
+
loading: loading,
|
|
100
|
+
error: error,
|
|
101
|
+
data: data,
|
|
102
|
+
onSearch: mathShowSearch ? onSearch : propsOnSearch,
|
|
103
|
+
mathShowSearch: showSearch || serviceSearch,
|
|
104
|
+
reload: reload
|
|
105
|
+
};
|
|
106
|
+
};
|
|
107
|
+
var useFilterOption = function useFilterOption(_ref4) {
|
|
108
|
+
var filterOption = _ref4.filterOption,
|
|
109
|
+
serviceSearch = _ref4.serviceSearch;
|
|
110
|
+
if (serviceSearch) {
|
|
111
|
+
return function () {
|
|
112
|
+
return true;
|
|
113
|
+
};
|
|
114
|
+
}
|
|
115
|
+
return filterOption;
|
|
116
|
+
};
|
|
117
|
+
|
|
118
|
+
exports.useFilterOption = useFilterOption;
|
|
119
|
+
exports.useOptionReq = useOptionReq;
|
|
120
|
+
// powered by h
|
|
@@ -0,0 +1,152 @@
|
|
|
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
|
+
require('core-js/modules/es.array.map.js');
|
|
15
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
16
|
+
var antd = require('antd');
|
|
17
|
+
var norHooks = require('./hooks/norHooks.js');
|
|
18
|
+
var changeHooks = require('./hooks/changeHooks.js');
|
|
19
|
+
var defaultConfig = require('./defaultConfig.js');
|
|
20
|
+
var DropdownComponent = require('./components/DropdownComponent.js');
|
|
21
|
+
var AllSelect = require('./components/AllSelect.js');
|
|
22
|
+
var index = require('../hooks/index.js');
|
|
23
|
+
var HFormConnect = require('../Form/HFormConnect.js');
|
|
24
|
+
|
|
25
|
+
var _excluded = ["style", "mode", "options", "modeConfig", "value", "onChange", "fieldNames", "request", "manual", "optionLabelProp", "filterProvider", "optionFilterProp", "serviceSearch", "onSearch", "filterOption", "showSearch", "labelInValue", "noMatchItemRender", "allSelect", "addDispatchListener", "addFormat", "dispatch"];
|
|
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 Option = antd.Select.Option;
|
|
29
|
+
var Index = function Index(_ref) {
|
|
30
|
+
var _ref$style = _ref.style,
|
|
31
|
+
style = _ref$style === void 0 ? {
|
|
32
|
+
width: "100%"
|
|
33
|
+
} : _ref$style,
|
|
34
|
+
mode = _ref.mode,
|
|
35
|
+
options = _ref.options,
|
|
36
|
+
_ref$modeConfig = _ref.modeConfig,
|
|
37
|
+
modeConfig = _ref$modeConfig === void 0 ? defaultConfig.defaultModeConfig : _ref$modeConfig,
|
|
38
|
+
value = _ref.value,
|
|
39
|
+
onChange = _ref.onChange,
|
|
40
|
+
propsFieldNames = _ref.fieldNames,
|
|
41
|
+
request = _ref.request,
|
|
42
|
+
manual = _ref.manual,
|
|
43
|
+
_ref$optionLabelProp = _ref.optionLabelProp,
|
|
44
|
+
optionLabelProp = _ref$optionLabelProp === void 0 ? "label" : _ref$optionLabelProp,
|
|
45
|
+
filterProvider = _ref.filterProvider,
|
|
46
|
+
_ref$optionFilterProp = _ref.optionFilterProp,
|
|
47
|
+
optionFilterProp = _ref$optionFilterProp === void 0 ? "filterLabel" : _ref$optionFilterProp,
|
|
48
|
+
serviceSearch = _ref.serviceSearch,
|
|
49
|
+
propsOnSearch = _ref.onSearch,
|
|
50
|
+
filterOption = _ref.filterOption,
|
|
51
|
+
showSearch = _ref.showSearch,
|
|
52
|
+
labelInValue = _ref.labelInValue,
|
|
53
|
+
_ref$noMatchItemRende = _ref.noMatchItemRender,
|
|
54
|
+
noMatchItemRender = _ref$noMatchItemRende === void 0 ? defaultConfig.defaultSelectConfig.noMatchItemRender : _ref$noMatchItemRende,
|
|
55
|
+
allSelect = _ref.allSelect,
|
|
56
|
+
addDispatchListener = _ref.addDispatchListener;
|
|
57
|
+
_ref.addFormat;
|
|
58
|
+
var dispatch = _ref.dispatch,
|
|
59
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
60
|
+
var _ref2 = (modeConfig === null || modeConfig === void 0 ? void 0 : modeConfig[mode || ""]) || {},
|
|
61
|
+
icon = _ref2.icon,
|
|
62
|
+
render = _ref2.render;
|
|
63
|
+
var _useMatchConfigProps = index.useMatchConfigProps({
|
|
64
|
+
fieldNames: propsFieldNames
|
|
65
|
+
}),
|
|
66
|
+
fieldNames = _useMatchConfigProps.fieldNames;
|
|
67
|
+
var selfFilterOption = norHooks.useFilterOption({
|
|
68
|
+
filterOption: filterOption,
|
|
69
|
+
serviceSearch: serviceSearch
|
|
70
|
+
});
|
|
71
|
+
var _useOptionReq = norHooks.useOptionReq({
|
|
72
|
+
options: options,
|
|
73
|
+
manual: manual,
|
|
74
|
+
fieldNames: fieldNames,
|
|
75
|
+
request: request,
|
|
76
|
+
serviceSearch: serviceSearch,
|
|
77
|
+
showSearch: showSearch,
|
|
78
|
+
onSearch: propsOnSearch,
|
|
79
|
+
dispatch: dispatch
|
|
80
|
+
}),
|
|
81
|
+
run = _useOptionReq.run,
|
|
82
|
+
loading = _useOptionReq.loading,
|
|
83
|
+
resultData = _useOptionReq.data,
|
|
84
|
+
error = _useOptionReq.error,
|
|
85
|
+
onSearch = _useOptionReq.onSearch,
|
|
86
|
+
mathShowSearch = _useOptionReq.mathShowSearch,
|
|
87
|
+
reload = _useOptionReq.reload;
|
|
88
|
+
var data = index.useChangeOptions({
|
|
89
|
+
options: resultData,
|
|
90
|
+
fieldNames: fieldNames
|
|
91
|
+
});
|
|
92
|
+
var _useValueChange = changeHooks.useValueChange({
|
|
93
|
+
labelInValue: labelInValue,
|
|
94
|
+
onChange: onChange,
|
|
95
|
+
value: value,
|
|
96
|
+
options: data,
|
|
97
|
+
mode: mode,
|
|
98
|
+
noMatchItemRender: noMatchItemRender,
|
|
99
|
+
fieldNames: fieldNames
|
|
100
|
+
}),
|
|
101
|
+
val = _useValueChange.val,
|
|
102
|
+
change = _useValueChange.change;
|
|
103
|
+
addDispatchListener === null || addDispatchListener === void 0 || addDispatchListener("reload", reload);
|
|
104
|
+
return jsxRuntime.jsx(antd.Select, _objectSpread(_objectSpread({
|
|
105
|
+
style: style,
|
|
106
|
+
mode: mode,
|
|
107
|
+
loading: loading,
|
|
108
|
+
value: val,
|
|
109
|
+
onSearch: onSearch,
|
|
110
|
+
onChange: change,
|
|
111
|
+
dropdownRender: function dropdownRender(node) {
|
|
112
|
+
return jsxRuntime.jsx(DropdownComponent.default, {
|
|
113
|
+
loading: loading,
|
|
114
|
+
reload: run,
|
|
115
|
+
error: error,
|
|
116
|
+
options: data,
|
|
117
|
+
children: jsxRuntime.jsx(AllSelect.default, {
|
|
118
|
+
allSelect: allSelect,
|
|
119
|
+
options: data,
|
|
120
|
+
mode: mode,
|
|
121
|
+
value: val,
|
|
122
|
+
onChange: change,
|
|
123
|
+
children: node
|
|
124
|
+
})
|
|
125
|
+
});
|
|
126
|
+
},
|
|
127
|
+
optionLabelProp: optionLabelProp,
|
|
128
|
+
menuItemSelectedIcon: icon,
|
|
129
|
+
optionFilterProp: optionFilterProp,
|
|
130
|
+
filterOption: selfFilterOption,
|
|
131
|
+
showSearch: mathShowSearch,
|
|
132
|
+
labelInValue: true
|
|
133
|
+
}, props), {}, {
|
|
134
|
+
children: data === null || data === void 0 ? void 0 : data.map(function (item) {
|
|
135
|
+
var optionValue = item.value,
|
|
136
|
+
label = item.label;
|
|
137
|
+
var result = (filterProvider === null || filterProvider === void 0 ? void 0 : filterProvider(item)) || label;
|
|
138
|
+
var filter = _defineProperty({}, optionFilterProp, result);
|
|
139
|
+
return jsxRuntime.jsx(Option, _objectSpread(_objectSpread({
|
|
140
|
+
value: optionValue,
|
|
141
|
+
label: label,
|
|
142
|
+
mode: mode
|
|
143
|
+
}, filter), {}, {
|
|
144
|
+
children: render ? render(item, val) : label
|
|
145
|
+
}), optionValue);
|
|
146
|
+
})
|
|
147
|
+
}));
|
|
148
|
+
};
|
|
149
|
+
var Select = HFormConnect.default(Index);
|
|
150
|
+
|
|
151
|
+
exports.default = Select;
|
|
152
|
+
// powered by h
|
|
@@ -0,0 +1,39 @@
|
|
|
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 _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
11
|
+
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
12
|
+
require('core-js/modules/es.array.map.js');
|
|
13
|
+
|
|
14
|
+
var _excluded = ["label", "value"];
|
|
15
|
+
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; }
|
|
16
|
+
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; }
|
|
17
|
+
var itemOpMaker = function itemOpMaker(itemOp, fieldNames) {
|
|
18
|
+
var _objectSpread2;
|
|
19
|
+
var label = itemOp.label,
|
|
20
|
+
itemVal = itemOp.value,
|
|
21
|
+
oItemOp = _objectWithoutProperties(itemOp, _excluded);
|
|
22
|
+
var _fieldNames$label = fieldNames.label,
|
|
23
|
+
labelKey = _fieldNames$label === void 0 ? "" : _fieldNames$label,
|
|
24
|
+
_fieldNames$value = fieldNames.value,
|
|
25
|
+
valKey = _fieldNames$value === void 0 ? "" : _fieldNames$value;
|
|
26
|
+
return _objectSpread((_objectSpread2 = {}, _defineProperty(_objectSpread2, labelKey, label), _defineProperty(_objectSpread2, valKey, itemVal), _objectSpread2), oItemOp);
|
|
27
|
+
};
|
|
28
|
+
var itemOpProvider = function itemOpProvider(itemOps, fieldNames) {
|
|
29
|
+
if (Array.isArray(itemOps)) {
|
|
30
|
+
return itemOps.map(function (item) {
|
|
31
|
+
return itemOpMaker(item, fieldNames);
|
|
32
|
+
});
|
|
33
|
+
}
|
|
34
|
+
return itemOpMaker(itemOps, fieldNames);
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
exports.itemOpMaker = itemOpMaker;
|
|
38
|
+
exports.itemOpProvider = itemOpProvider;
|
|
39
|
+
// powered by h
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
require('core-js/modules/es.function.name.js');
|
|
4
|
+
require('core-js/modules/es.object.to-string.js');
|
|
5
|
+
require('core-js/modules/es.promise.js');
|
|
6
|
+
|
|
7
|
+
var fileToBase64 = function fileToBase64(file) {
|
|
8
|
+
return new Promise(function (resolve) {
|
|
9
|
+
var reader = new FileReader();
|
|
10
|
+
reader.readAsDataURL(file === null || file === void 0 ? void 0 : file.originFileObj);
|
|
11
|
+
reader.onload = function (e) {
|
|
12
|
+
var _e$target;
|
|
13
|
+
resolve((_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.result);
|
|
14
|
+
};
|
|
15
|
+
});
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
exports.fileToBase64 = fileToBase64;
|
|
19
|
+
// powered by h
|
package/lib/config.js
ADDED
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
|
|
4
|
+
var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
|
|
5
|
+
var moment = require('moment');
|
|
6
|
+
var util = require('./Upload/util.js');
|
|
7
|
+
|
|
8
|
+
var baseConfig = {
|
|
9
|
+
fieldNames: {
|
|
10
|
+
label: "label",
|
|
11
|
+
value: "value"
|
|
12
|
+
},
|
|
13
|
+
valueCheckMap: {
|
|
14
|
+
checked: 1,
|
|
15
|
+
noChecked: 0
|
|
16
|
+
},
|
|
17
|
+
valueSwitchMap: {
|
|
18
|
+
open: 1,
|
|
19
|
+
close: 0
|
|
20
|
+
},
|
|
21
|
+
valueRangePickerValueMap: {
|
|
22
|
+
start: function start(name) {
|
|
23
|
+
return "".concat(name, "StartTime");
|
|
24
|
+
},
|
|
25
|
+
end: function end(name) {
|
|
26
|
+
return "".concat(name, "EndTime");
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
dateRanges: {
|
|
30
|
+
最近三天: [moment().subtract(2, "days").startOf("days"), moment()],
|
|
31
|
+
最近七天: [moment().subtract(6, "days").startOf("days"), moment()],
|
|
32
|
+
最近三十天: [moment().subtract(29, "days").startOf("days"), moment()]
|
|
33
|
+
},
|
|
34
|
+
uploadProps: {
|
|
35
|
+
exFiles: ["JPG", "PNG", "JPEG", "GIF"],
|
|
36
|
+
request: function () {
|
|
37
|
+
var _request = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(file) {
|
|
38
|
+
var url;
|
|
39
|
+
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
40
|
+
while (1) switch (_context.prev = _context.next) {
|
|
41
|
+
case 0:
|
|
42
|
+
_context.next = 2;
|
|
43
|
+
return util.fileToBase64(file);
|
|
44
|
+
case 2:
|
|
45
|
+
url = _context.sent;
|
|
46
|
+
return _context.abrupt("return", {
|
|
47
|
+
url: url
|
|
48
|
+
});
|
|
49
|
+
case 4:
|
|
50
|
+
case "end":
|
|
51
|
+
return _context.stop();
|
|
52
|
+
}
|
|
53
|
+
}, _callee);
|
|
54
|
+
}));
|
|
55
|
+
function request(_x) {
|
|
56
|
+
return _request.apply(this, arguments);
|
|
57
|
+
}
|
|
58
|
+
return request;
|
|
59
|
+
}(),
|
|
60
|
+
maxSize: 1024 * 1024 * 1.8
|
|
61
|
+
},
|
|
62
|
+
defaultComponent: {}
|
|
63
|
+
};
|
|
64
|
+
|
|
65
|
+
exports.baseConfig = baseConfig;
|
|
66
|
+
// powered by h
|