@pointcloud/pcloud-components 0.1.1 → 0.1.2
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/README.md +2 -2
- package/dist/esm/AdvancedFilter/FormFilter.d.ts +2 -2
- package/dist/esm/AdvancedFilter/FormFilter.js +47 -83
- package/dist/esm/AdvancedFilter/index.js +76 -107
- package/dist/esm/ConfigProvider/index.d.ts +1 -1
- package/dist/esm/ConfigProvider/index.js +5 -8
- package/dist/esm/DCascader/index.js +40 -75
- package/dist/esm/DInput/index.js +31 -57
- package/dist/esm/DSelect/index.js +38 -65
- package/dist/esm/DTable/index.js +62 -91
- package/dist/esm/DTreeSelect/index.js +35 -70
- package/dist/esm/ErrorBoundary/index.d.ts +2 -2
- package/dist/esm/ErrorBoundary/index.js +14 -25
- package/dist/esm/LabelValue/index.d.ts +1 -1
- package/dist/esm/LabelValue/index.js +19 -26
- package/dist/esm/Loading/index.js +0 -3
- package/dist/esm/Loading/loading.d.ts +2 -2
- package/dist/esm/Loading/loading.js +17 -29
- package/dist/esm/NoData/index.d.ts +2 -2
- package/dist/esm/NoData/index.js +18 -24
- package/dist/umd/pcloud-components.min.js +1 -1
- package/package.json +2 -3
- package/dist/umd/images/logo.png +0 -0
package/dist/esm/DTable/index.js
CHANGED
|
@@ -1,27 +1,19 @@
|
|
|
1
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
1
2
|
var _excluded = ["loadMore", "columnsProp", "actionColumn", "showErrorMsg", "extraParams", "dataSource", "rowKey", "scroll", "className", "pagination", "columns", "loading"];
|
|
2
|
-
|
|
3
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3
4
|
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; }
|
|
4
|
-
|
|
5
5
|
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; }
|
|
6
|
-
|
|
7
|
-
function
|
|
8
|
-
|
|
6
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
7
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
8
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
9
9
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
10
|
-
|
|
11
10
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
12
|
-
|
|
13
11
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
14
|
-
|
|
15
|
-
function
|
|
16
|
-
|
|
17
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
18
|
-
|
|
12
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
13
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
19
14
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
20
|
-
|
|
21
15
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
22
|
-
|
|
23
16
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
24
|
-
|
|
25
17
|
/*
|
|
26
18
|
* @Author : wangfeihu
|
|
27
19
|
* @Date : 2023-05-09 15:04:48
|
|
@@ -33,8 +25,6 @@ import React, { forwardRef, useEffect, useRef, useState, useContext } from 'reac
|
|
|
33
25
|
import { message, Table } from 'antd';
|
|
34
26
|
import { ConfigContext } from "../ConfigProvider";
|
|
35
27
|
import "./index.less";
|
|
36
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
37
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
38
28
|
// 分页器配置项
|
|
39
29
|
var defaultPagination = {
|
|
40
30
|
hideOnSinglePage: false,
|
|
@@ -42,91 +32,80 @@ var defaultPagination = {
|
|
|
42
32
|
showSizeChanger: true,
|
|
43
33
|
showQuickJumper: true,
|
|
44
34
|
showTotal: function showTotal(total) {
|
|
45
|
-
return /*#__PURE__*/
|
|
46
|
-
className: "d-pagination-total"
|
|
47
|
-
|
|
48
|
-
children: [" ", total, " "]
|
|
49
|
-
}), "\u6761"]
|
|
50
|
-
});
|
|
35
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
36
|
+
className: "d-pagination-total"
|
|
37
|
+
}, "\u5171", /*#__PURE__*/React.createElement("span", null, " ", total, " "), "\u6761");
|
|
51
38
|
}
|
|
52
39
|
};
|
|
53
|
-
|
|
54
40
|
function InternalTable(props, ref) {
|
|
55
41
|
var loadMore = props.loadMore,
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
42
|
+
columnsProp = props.columnsProp,
|
|
43
|
+
actionColumn = props.actionColumn,
|
|
44
|
+
_props$showErrorMsg = props.showErrorMsg,
|
|
45
|
+
showErrorMsg = _props$showErrorMsg === void 0 ? true : _props$showErrorMsg,
|
|
46
|
+
extraParams = props.extraParams,
|
|
47
|
+
dataSource = props.dataSource,
|
|
48
|
+
_props$rowKey = props.rowKey,
|
|
49
|
+
rowKey = _props$rowKey === void 0 ? 'id' : _props$rowKey,
|
|
50
|
+
scroll = props.scroll,
|
|
51
|
+
className = props.className,
|
|
52
|
+
pagination = props.pagination,
|
|
53
|
+
columns = props.columns,
|
|
54
|
+
loading = props.loading,
|
|
55
|
+
otherProps = _objectWithoutProperties(props, _excluded);
|
|
71
56
|
var _useContext = useContext(ConfigContext),
|
|
72
|
-
|
|
73
|
-
|
|
57
|
+
getPrefixCls = _useContext.getPrefixCls;
|
|
74
58
|
var loadingParamsRef = useRef(null);
|
|
75
|
-
|
|
76
59
|
var _tableSource = loadMore ? [] : dataSource || [];
|
|
77
|
-
|
|
78
60
|
var _useState = useState({
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
61
|
+
total: _tableSource.length,
|
|
62
|
+
loading: false,
|
|
63
|
+
records: _tableSource
|
|
64
|
+
}),
|
|
65
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
66
|
+
tableSource = _useState2[0],
|
|
67
|
+
setTableSource = _useState2[1];
|
|
87
68
|
var _pagination = pagination === false || pagination === null ? false : _objectSpread(_objectSpread({}, defaultPagination), pagination);
|
|
88
|
-
|
|
89
69
|
var _useState3 = useState(_objectSpread(_objectSpread({}, extraParams), getTablePage(_pagination))),
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
70
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
71
|
+
tableParams = _useState4[0],
|
|
72
|
+
setTableParams = _useState4[1];
|
|
94
73
|
|
|
74
|
+
// 默认垂直滚动高度为 calc(100% - 56px),其中56px为表格header高度,如需修改,需要自行覆盖styles中的相关样式
|
|
95
75
|
var _scroll = scroll ? _objectSpread({
|
|
96
76
|
y: 'calc(100% - 56px)'
|
|
97
77
|
}, scroll) : {
|
|
98
78
|
y: 'calc(100% - 56px)'
|
|
99
|
-
};
|
|
100
|
-
|
|
79
|
+
};
|
|
101
80
|
|
|
81
|
+
// 修改列对齐方式为居中
|
|
102
82
|
var _columns = columns === null || columns === void 0 ? void 0 : columns.map(function (item) {
|
|
103
83
|
return _objectSpread(_objectSpread({
|
|
104
84
|
align: 'center',
|
|
105
85
|
ellipsis: true
|
|
106
86
|
}, columnsProp), item);
|
|
107
|
-
});
|
|
108
|
-
|
|
87
|
+
});
|
|
109
88
|
|
|
89
|
+
// 加入操作列
|
|
110
90
|
var _actionColumn = actionColumn ? getActionColumnProps(actionColumn, columnsProp) : undefined;
|
|
91
|
+
_actionColumn && ((_columns === null || _columns === void 0 ? void 0 : _columns.push(_actionColumn)) || []);
|
|
111
92
|
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
var _className = "".concat(getPrefixCls('table'), " ").concat(className || '', " ").concat(_pagination ? 'height-on-page' : ''); // loading 默认延迟 600ms
|
|
115
|
-
|
|
93
|
+
// pcf-table 样式中已经包含对_scroll的支持
|
|
94
|
+
var _className = "".concat(getPrefixCls('table'), " ").concat(className || '', " ").concat(_pagination ? 'height-on-page' : '');
|
|
116
95
|
|
|
96
|
+
// loading 默认延迟 600ms
|
|
117
97
|
var _loading = typeof loading === 'boolean' ? {
|
|
118
98
|
spinning: loading,
|
|
119
99
|
delay: 600
|
|
120
100
|
} : _objectSpread({
|
|
121
101
|
delay: 600,
|
|
122
102
|
spinning: false
|
|
123
|
-
}, loading);
|
|
124
|
-
|
|
103
|
+
}, loading);
|
|
125
104
|
|
|
105
|
+
// 监听分页大小变化,如果外部也监听了onChange,则不会触发loadMore,但如果外部onChange返回值为undefined则正常触loadMore
|
|
126
106
|
var onChange = function onChange(page, pageSize) {
|
|
127
107
|
if (_pagination && typeof (_pagination === null || _pagination === void 0 ? void 0 : _pagination.onChange) === 'function') {
|
|
128
108
|
var data = _pagination.onChange(page, pageSize);
|
|
129
|
-
|
|
130
109
|
if (data === undefined) loadData(_objectSpread(_objectSpread({}, tableParams), {}, {
|
|
131
110
|
current: page,
|
|
132
111
|
size: pageSize
|
|
@@ -137,26 +116,23 @@ function InternalTable(props, ref) {
|
|
|
137
116
|
size: pageSize
|
|
138
117
|
}));
|
|
139
118
|
}
|
|
140
|
-
};
|
|
141
|
-
|
|
142
|
-
|
|
119
|
+
};
|
|
120
|
+
// 加载数据
|
|
143
121
|
var loadData = function loadData(params) {
|
|
144
122
|
if (typeof loadMore === 'function') {
|
|
145
123
|
setTableSource(_objectSpread(_objectSpread({}, tableSource), {}, {
|
|
146
124
|
loading: true
|
|
147
125
|
}));
|
|
148
|
-
|
|
149
126
|
var _tableQuery = _objectSpread(_objectSpread({}, getTablePage(_pagination)), params);
|
|
150
|
-
|
|
151
127
|
var paramsString = JSON.stringify(_tableQuery);
|
|
152
128
|
loadingParamsRef.current = paramsString;
|
|
153
129
|
setTableParams(_tableQuery);
|
|
154
130
|
loadMore(_tableQuery).then(function (response) {
|
|
155
131
|
if (loadingParamsRef.current === paramsString) {
|
|
156
132
|
var _response$total = response.total,
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
133
|
+
total = _response$total === void 0 ? 0 : _response$total,
|
|
134
|
+
_response$records = response.records,
|
|
135
|
+
records = _response$records === void 0 ? [] : _response$records;
|
|
160
136
|
setTableSource({
|
|
161
137
|
total: total,
|
|
162
138
|
records: records,
|
|
@@ -167,10 +143,8 @@ function InternalTable(props, ref) {
|
|
|
167
143
|
setTableSource(_objectSpread(_objectSpread({}, tableSource), {}, {
|
|
168
144
|
loading: false
|
|
169
145
|
}));
|
|
170
|
-
|
|
171
146
|
if (showErrorMsg) {
|
|
172
147
|
var _err$response, _err$response$data;
|
|
173
|
-
|
|
174
148
|
var errMsg = (err === null || err === void 0 ? void 0 : (_err$response = err.response) === null || _err$response === void 0 ? void 0 : (_err$response$data = _err$response.data) === null || _err$response$data === void 0 ? void 0 : _err$response$data.msg) || (err === null || err === void 0 ? void 0 : err.msg) || (err === null || err === void 0 ? void 0 : err.message);
|
|
175
149
|
message.error(typeof showErrorMsg === 'function' ? showErrorMsg(err) : "\u6570\u636E\u52A0\u8F7D\u5F02\u5E38\uFF1A".concat(errMsg));
|
|
176
150
|
} else {
|
|
@@ -186,13 +160,13 @@ function InternalTable(props, ref) {
|
|
|
186
160
|
records: dataSource
|
|
187
161
|
});
|
|
188
162
|
}
|
|
189
|
-
};
|
|
190
|
-
|
|
163
|
+
};
|
|
191
164
|
|
|
165
|
+
// 数据初始加载
|
|
192
166
|
useEffect(function () {
|
|
193
167
|
return loadData(extraParams);
|
|
194
168
|
}, [dataSource, extraParams]);
|
|
195
|
-
return /*#__PURE__*/
|
|
169
|
+
return /*#__PURE__*/React.createElement(Table, _extends({}, otherProps, {
|
|
196
170
|
ref: ref,
|
|
197
171
|
rowKey: rowKey,
|
|
198
172
|
className: _className,
|
|
@@ -209,16 +183,15 @@ function InternalTable(props, ref) {
|
|
|
209
183
|
spinning: tableSource.loading
|
|
210
184
|
})
|
|
211
185
|
}));
|
|
212
|
-
}
|
|
213
|
-
|
|
186
|
+
}
|
|
214
187
|
|
|
188
|
+
// 操作列
|
|
215
189
|
function getActionColumnProps(props, columnsProp) {
|
|
216
190
|
var defaultProps = {
|
|
217
191
|
width: 140,
|
|
218
192
|
title: '操作',
|
|
219
193
|
dataIndex: 'action'
|
|
220
194
|
};
|
|
221
|
-
|
|
222
195
|
if (typeof props === 'function') {
|
|
223
196
|
return _objectSpread(_objectSpread(_objectSpread({}, columnsProp), defaultProps), {}, {
|
|
224
197
|
render: props
|
|
@@ -226,21 +199,19 @@ function getActionColumnProps(props, columnsProp) {
|
|
|
226
199
|
} else {
|
|
227
200
|
return _objectSpread(_objectSpread(_objectSpread({}, columnsProp), defaultProps), props);
|
|
228
201
|
}
|
|
229
|
-
}
|
|
230
|
-
|
|
202
|
+
}
|
|
231
203
|
|
|
204
|
+
// 分页配置
|
|
232
205
|
function getTablePage(_pagination) {
|
|
233
206
|
var _ref = _pagination || {},
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
207
|
+
current = _ref.current,
|
|
208
|
+
defaultCurrent = _ref.defaultCurrent,
|
|
209
|
+
pageSize = _ref.pageSize,
|
|
210
|
+
defaultPageSize = _ref.defaultPageSize;
|
|
239
211
|
return {
|
|
240
212
|
current: current || defaultCurrent || 1,
|
|
241
213
|
size: pageSize || defaultPageSize || 10
|
|
242
214
|
};
|
|
243
215
|
}
|
|
244
|
-
|
|
245
216
|
var DTable = /*#__PURE__*/forwardRef(InternalTable);
|
|
246
217
|
export default DTable;
|
|
@@ -1,35 +1,23 @@
|
|
|
1
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
1
2
|
var _excluded = ["className", "popupClassName", "treeData", "fieldNames", "treeNodeFilterProp", "loadData", "onLoadData", "loading"];
|
|
2
|
-
|
|
3
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3
4
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
4
|
-
|
|
5
5
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
6
|
-
|
|
7
6
|
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
8
|
-
|
|
9
7
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
10
|
-
|
|
11
8
|
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; }
|
|
12
|
-
|
|
13
9
|
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; }
|
|
14
|
-
|
|
15
|
-
function
|
|
16
|
-
|
|
10
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
11
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
12
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
17
13
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
18
|
-
|
|
19
14
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
20
|
-
|
|
21
15
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
22
|
-
|
|
23
|
-
function
|
|
24
|
-
|
|
25
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
26
|
-
|
|
16
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
17
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
27
18
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
28
|
-
|
|
29
19
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
30
|
-
|
|
31
20
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
32
|
-
|
|
33
21
|
/*
|
|
34
22
|
* @Author : wangfeihu
|
|
35
23
|
* @Date : 2023-05-22 10:38:17
|
|
@@ -37,72 +25,61 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
37
25
|
* @LastEditTime : 2023-05-26 17:51:19
|
|
38
26
|
* @Description : 基于antd的TreeSelect组件
|
|
39
27
|
*/
|
|
28
|
+
|
|
40
29
|
import React, { useRef, forwardRef, useState, useEffect, useMemo, useContext } from 'react';
|
|
41
30
|
import { TreeSelect } from 'antd';
|
|
42
31
|
import { ConfigContext } from "../ConfigProvider";
|
|
43
32
|
import "./index.less";
|
|
44
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
45
|
-
|
|
46
33
|
/**
|
|
47
34
|
*
|
|
48
35
|
* loading相关代码
|
|
49
36
|
*/
|
|
37
|
+
|
|
50
38
|
function InternalTreeSelect(props, ref) {
|
|
51
39
|
var _props$className = props.className,
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
40
|
+
className = _props$className === void 0 ? '' : _props$className,
|
|
41
|
+
popupClassName = props.popupClassName,
|
|
42
|
+
initOptions = props.treeData,
|
|
43
|
+
fieldNames = props.fieldNames,
|
|
44
|
+
treeNodeFilterProp = props.treeNodeFilterProp,
|
|
45
|
+
loadData = props.loadData,
|
|
46
|
+
onLoadData = props.onLoadData,
|
|
47
|
+
initLoading = props.loading,
|
|
48
|
+
otherProps = _objectWithoutProperties(props, _excluded);
|
|
62
49
|
var _useContext = useContext(ConfigContext),
|
|
63
|
-
|
|
64
|
-
|
|
50
|
+
getPrefixCls = _useContext.getPrefixCls;
|
|
65
51
|
var _useState = useState([]),
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
52
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
53
|
+
treeData = _useState2[0],
|
|
54
|
+
setTreeData = _useState2[1];
|
|
70
55
|
var _useState3 = useState(typeof initLoading === 'boolean' ? initLoading : true),
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
56
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
57
|
+
loading = _useState4[0],
|
|
58
|
+
setLoading = _useState4[1];
|
|
75
59
|
var loadingParamsRef = useRef(null); // 数据加载同步处理引用
|
|
76
|
-
|
|
77
60
|
var loadingRef = useRef({
|
|
78
61
|
timer: null,
|
|
79
62
|
status: 'done'
|
|
80
63
|
}); // treeData加载状态引用
|
|
81
64
|
|
|
82
65
|
var _className = "".concat(getPrefixCls('tree-select'), " ").concat(className);
|
|
83
|
-
|
|
84
66
|
var _popupClassName = "".concat(getPrefixCls('tree-select-dropdown'), " ").concat(popupClassName);
|
|
85
|
-
|
|
86
67
|
var _fieldNames = _objectSpread({
|
|
87
68
|
label: 'label',
|
|
88
69
|
value: 'value',
|
|
89
70
|
children: 'children'
|
|
90
71
|
}, fieldNames);
|
|
91
|
-
|
|
92
72
|
var _treeNodeFilterProp = _fieldNames.label;
|
|
93
|
-
|
|
94
73
|
var _loadingState = getDelayTime(loading, 600); // loading: 默认600ms,false或0表示不开启
|
|
95
74
|
|
|
75
|
+
var _loading = typeof initLoading === 'boolean' ? initLoading : loading;
|
|
96
76
|
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
77
|
+
// 将外部传入的options转化为统一的异步请求方法
|
|
100
78
|
var getOptionsFun = useMemo(function () {
|
|
101
79
|
return typeof initOptions === 'function' ? initOptions : function (params) {
|
|
102
80
|
return Promise.resolve(initOptions || []);
|
|
103
81
|
};
|
|
104
82
|
}, [initOptions]);
|
|
105
|
-
|
|
106
83
|
var updateOptions = function updateOptions(fun, value) {
|
|
107
84
|
// 设置加载中状态
|
|
108
85
|
if (_loadingState > 0) {
|
|
@@ -111,9 +88,8 @@ function InternalTreeSelect(props, ref) {
|
|
|
111
88
|
loadingRef.current.timer = setTimeout(function () {
|
|
112
89
|
loadingRef.current.status === 'loading' && setLoading(true);
|
|
113
90
|
}, _loadingState);
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
|
|
91
|
+
}
|
|
92
|
+
// 发起请求
|
|
117
93
|
loadingParamsRef.current = value;
|
|
118
94
|
fun === null || fun === void 0 ? void 0 : fun(value).then(function (response) {
|
|
119
95
|
if (loadingParamsRef.current === value) {
|
|
@@ -128,17 +104,12 @@ function InternalTreeSelect(props, ref) {
|
|
|
128
104
|
}
|
|
129
105
|
});
|
|
130
106
|
};
|
|
131
|
-
|
|
132
107
|
var _loadData = function _loadData(selectedOption) {
|
|
133
108
|
onLoadData && onLoadData(selectedOption);
|
|
134
|
-
|
|
135
109
|
var _getOptions = typeof initOptions === 'function' ? initOptions : null;
|
|
136
|
-
|
|
137
110
|
var loadFn = loadData === null ? loadData : loadData || _getOptions;
|
|
138
|
-
|
|
139
111
|
if (typeof loadFn === 'function') {
|
|
140
112
|
var loadFnPromise = loadFn === null || loadFn === void 0 ? void 0 : loadFn(selectedOption);
|
|
141
|
-
|
|
142
113
|
if (typeof loadFnPromise['then'] === 'function') {
|
|
143
114
|
loadFnPromise.then(function (response) {
|
|
144
115
|
var list = treeData || [];
|
|
@@ -149,19 +120,18 @@ function InternalTreeSelect(props, ref) {
|
|
|
149
120
|
setTreeData(_toConsumableArray(list));
|
|
150
121
|
});
|
|
151
122
|
}
|
|
152
|
-
|
|
153
123
|
return loadFnPromise;
|
|
154
124
|
} else {
|
|
155
125
|
return Promise.resolve();
|
|
156
126
|
}
|
|
157
|
-
};
|
|
158
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
159
|
-
|
|
127
|
+
};
|
|
160
128
|
|
|
129
|
+
// 初始加载数据
|
|
130
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
161
131
|
useEffect(function () {
|
|
162
132
|
return updateOptions(getOptionsFun);
|
|
163
133
|
}, [getOptionsFun]);
|
|
164
|
-
return /*#__PURE__*/
|
|
134
|
+
return /*#__PURE__*/React.createElement(TreeSelect, _extends({}, otherProps, {
|
|
165
135
|
ref: ref,
|
|
166
136
|
className: _className,
|
|
167
137
|
popupClassName: _popupClassName,
|
|
@@ -171,12 +141,11 @@ function InternalTreeSelect(props, ref) {
|
|
|
171
141
|
loadData: _loadData,
|
|
172
142
|
loading: _loading
|
|
173
143
|
}));
|
|
174
|
-
}
|
|
175
|
-
|
|
144
|
+
}
|
|
176
145
|
|
|
146
|
+
// 获取延时时间,默认800ms,true代表默认时间,false代表0
|
|
177
147
|
function getDelayTime(value) {
|
|
178
148
|
var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 800;
|
|
179
|
-
|
|
180
149
|
if (value === true) {
|
|
181
150
|
return defaultValue;
|
|
182
151
|
} else if (value === false) {
|
|
@@ -185,13 +154,10 @@ function getDelayTime(value) {
|
|
|
185
154
|
return typeof value === 'number' ? Number(value) || 0 : defaultValue;
|
|
186
155
|
}
|
|
187
156
|
}
|
|
188
|
-
|
|
189
157
|
function deepFind(node, fn) {
|
|
190
158
|
var childrenName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'children';
|
|
191
|
-
|
|
192
159
|
if (fn instanceof Function) {
|
|
193
160
|
var treelist = node instanceof Array ? node : [node];
|
|
194
|
-
|
|
195
161
|
for (var i = 0; i < treelist.length; i++) {
|
|
196
162
|
if (fn(treelist[i], i)) {
|
|
197
163
|
return treelist[i];
|
|
@@ -204,6 +170,5 @@ function deepFind(node, fn) {
|
|
|
204
170
|
return undefined;
|
|
205
171
|
}
|
|
206
172
|
}
|
|
207
|
-
|
|
208
173
|
var DTreeSelect = /*#__PURE__*/forwardRef(InternalTreeSelect);
|
|
209
174
|
export default DTreeSelect;
|
|
@@ -1,39 +1,28 @@
|
|
|
1
|
-
function
|
|
2
|
-
|
|
1
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
3
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
4
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
3
5
|
import * as React from 'react';
|
|
4
6
|
import classNames from 'classnames';
|
|
5
7
|
import "./index.less";
|
|
6
8
|
import { ConfigContext } from "../ConfigProvider";
|
|
7
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
-
|
|
10
9
|
function ErrorBoundary(_ref) {
|
|
11
10
|
var err = _ref.err;
|
|
12
|
-
|
|
13
11
|
var _React$useContext = React.useContext(ConfigContext),
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
12
|
+
prefixCls = _React$useContext.prefixCls,
|
|
13
|
+
getPrefixCls = _React$useContext.getPrefixCls;
|
|
17
14
|
var classname = getPrefixCls('error-boundary');
|
|
18
15
|
var wrapperClass = classNames(_defineProperty({}, "".concat(prefixCls, "-error-boundary"), !!prefixCls), classname);
|
|
19
|
-
|
|
20
16
|
function refreshPage() {
|
|
21
17
|
window.location.reload();
|
|
22
18
|
}
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
}), /*#__PURE__*/_jsx("div", {
|
|
32
|
-
className: "error-refresh",
|
|
33
|
-
onClick: refreshPage,
|
|
34
|
-
children: "\u91CD\u65B0\u5237\u65B0\u6D4F\u89C8\u5668"
|
|
35
|
-
})]
|
|
36
|
-
});
|
|
19
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
20
|
+
className: wrapperClass
|
|
21
|
+
}, /*#__PURE__*/React.createElement("h2", null, "\u62B1\u6B49,\u7CFB\u7EDF\u51FA\u73B0\u95EE\u9898."), /*#__PURE__*/React.createElement("div", {
|
|
22
|
+
className: "error-text"
|
|
23
|
+
}, err && JSON.stringify(err)), /*#__PURE__*/React.createElement("div", {
|
|
24
|
+
className: "error-refresh",
|
|
25
|
+
onClick: refreshPage
|
|
26
|
+
}, "\u91CD\u65B0\u5237\u65B0\u6D4F\u89C8\u5668"));
|
|
37
27
|
}
|
|
38
|
-
|
|
39
28
|
export default ErrorBoundary;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { LabelValueProps } from './interface';
|
|
3
3
|
import './styles/index.less';
|
|
4
|
-
declare function LabelValue({ label, value, emptyValue, className, noWrap, noColon }: LabelValueProps): JSX.Element;
|
|
4
|
+
declare function LabelValue({ label, value, emptyValue, className, noWrap, noColon }: LabelValueProps): React.JSX.Element;
|
|
5
5
|
declare namespace LabelValue {
|
|
6
6
|
var defaultProps: {
|
|
7
7
|
className: string;
|