@pointcloud/pcloud-components 0.1.1 → 0.1.3
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/DForm/DItem.d.ts +26 -0
- package/dist/esm/DForm/DItem.js +31 -0
- package/dist/esm/DForm/DItemsMap.d.ts +32 -0
- package/dist/esm/DForm/DItemsMap.js +144 -0
- package/dist/esm/DForm/helper.d.ts +6 -0
- package/dist/esm/DForm/helper.js +56 -0
- package/dist/esm/DForm/index.d.ts +20 -0
- package/dist/esm/DForm/index.js +60 -0
- package/dist/esm/DForm/index.less +31 -0
- 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 +45 -80
- package/dist/esm/ErrorBoundary/index.d.ts +2 -2
- package/dist/esm/ErrorBoundary/index.js +14 -25
- package/dist/esm/LModal/index.d.ts +5 -0
- package/dist/esm/LModal/index.js +54 -0
- package/dist/esm/LModal/interface.d.ts +8 -0
- package/dist/esm/LModal/interface.js +1 -0
- package/dist/esm/LModal/styles/index.less +25 -0
- package/dist/esm/LabelValue/index.d.ts +1 -1
- package/dist/esm/LabelValue/index.js +19 -26
- package/dist/esm/Loading/index.d.ts +2 -2
- package/dist/esm/Loading/index.js +4 -9
- package/dist/esm/Loading/interface.d.ts +3 -2
- package/dist/esm/Loading/loading.d.ts +3 -3
- package/dist/esm/Loading/loading.js +43 -33
- package/dist/esm/NoData/index.d.ts +2 -2
- package/dist/esm/NoData/index.js +18 -24
- package/dist/esm/index.d.ts +4 -0
- package/dist/esm/index.js +3 -1
- package/dist/umd/pcloud-components.min.css +1 -1
- package/dist/umd/pcloud-components.min.js +1 -1
- package/package.json +5 -5
- package/dist/umd/images/logo.png +0 -0
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
@import '../commonStyle/index.less';
|
|
2
|
+
.@{prefix}-form {
|
|
3
|
+
.form-wrapper > * {
|
|
4
|
+
min-height: 32px;
|
|
5
|
+
margin-right: 0;
|
|
6
|
+
margin-bottom: 24px;
|
|
7
|
+
padding-right: 16px;
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.@{prefix}-form.ant-form-horizontal .ant-form-item-label {
|
|
12
|
+
min-width: 80px;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.@{prefix}-form.ant-form-inline .form-wrapper,
|
|
16
|
+
.@{prefix}-form.ant-form-inline.inlineVertical .form-wrapper {
|
|
17
|
+
display: flex;
|
|
18
|
+
flex-wrap: wrap;
|
|
19
|
+
align-items: flex-end;
|
|
20
|
+
height: min-content;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.@{prefix}-form.ant-form-inline.inlineVertical {
|
|
24
|
+
.ant-form-item-row {
|
|
25
|
+
flex-direction: column;
|
|
26
|
+
|
|
27
|
+
.ant-form-item-label {
|
|
28
|
+
text-align: left;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
package/dist/esm/DInput/index.js
CHANGED
|
@@ -1,27 +1,13 @@
|
|
|
1
1
|
var _excluded = ["className", "onChange", "onCompositionStart", "onCompositionEnd", "value", "debounce", "enableCompose"];
|
|
2
|
-
|
|
3
|
-
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
|
-
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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
8
|
-
|
|
2
|
+
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); }
|
|
9
3
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
10
|
-
|
|
11
4
|
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
5
|
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
|
-
|
|
6
|
+
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; }
|
|
7
|
+
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
8
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
20
|
-
|
|
21
9
|
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
10
|
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
11
|
/*
|
|
26
12
|
* @Author : wangfeihu
|
|
27
13
|
* @Date : 2023-05-16 10:08:26
|
|
@@ -32,41 +18,33 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
32
18
|
import React, { useRef, forwardRef, useState, useContext } from 'react';
|
|
33
19
|
import { Input } from 'antd';
|
|
34
20
|
import { ConfigContext } from "../ConfigProvider";
|
|
35
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
36
|
-
|
|
37
21
|
function InternalInput(props, ref) {
|
|
38
22
|
var _props$className = props.className,
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
23
|
+
className = _props$className === void 0 ? '' : _props$className,
|
|
24
|
+
onChange = props.onChange,
|
|
25
|
+
onCompositionStart = props.onCompositionStart,
|
|
26
|
+
onCompositionEnd = props.onCompositionEnd,
|
|
27
|
+
initValue = props.value,
|
|
28
|
+
_props$debounce = props.debounce,
|
|
29
|
+
debounce = _props$debounce === void 0 ? false : _props$debounce,
|
|
30
|
+
_props$enableCompose = props.enableCompose,
|
|
31
|
+
enableCompose = _props$enableCompose === void 0 ? true : _props$enableCompose,
|
|
32
|
+
otherProps = _objectWithoutProperties(props, _excluded);
|
|
50
33
|
var _useContext = useContext(ConfigContext),
|
|
51
|
-
|
|
52
|
-
|
|
34
|
+
getPrefixCls = _useContext.getPrefixCls;
|
|
53
35
|
var _useState = useState(initValue),
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
36
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
37
|
+
value = _useState2[0],
|
|
38
|
+
setValue = _useState2[1];
|
|
58
39
|
var _useState3 = useState(false),
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
40
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
41
|
+
composeFlag = _useState4[0],
|
|
42
|
+
setComposeFlag = _useState4[1];
|
|
63
43
|
var debounceRef = useRef();
|
|
44
|
+
var _className = "".concat(getPrefixCls('input'), " ").concat(className);
|
|
64
45
|
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
46
|
+
// debounce: 默认800ms,false或0表示不开启
|
|
68
47
|
var _debounce = getDebounceTime(debounce);
|
|
69
|
-
|
|
70
48
|
var emitChange = function emitChange(_value, e) {
|
|
71
49
|
if (_debounce > 0) {
|
|
72
50
|
clearTimeout(debounceRef.current);
|
|
@@ -76,32 +54,30 @@ function InternalInput(props, ref) {
|
|
|
76
54
|
} else {
|
|
77
55
|
onChange === null || onChange === void 0 ? void 0 : onChange(_value, e);
|
|
78
56
|
}
|
|
79
|
-
};
|
|
80
|
-
|
|
57
|
+
};
|
|
81
58
|
|
|
59
|
+
// 监听用户onChange事件(如果正在进行合成输入,则不响应用户事件)
|
|
82
60
|
var _onChange = function _onChange(e) {
|
|
83
61
|
var _value = e.target.value;
|
|
84
62
|
setValue(_value);
|
|
85
63
|
if (!composeFlag) emitChange(_value, e);
|
|
86
|
-
};
|
|
87
|
-
|
|
64
|
+
};
|
|
88
65
|
|
|
66
|
+
// 监听合成输入开始事件(执行用户事件并置合成标记为true)
|
|
89
67
|
var _onCompositionStart = function _onCompositionStart(e) {
|
|
90
68
|
onCompositionStart === null || onCompositionStart === void 0 ? void 0 : onCompositionStart(e);
|
|
91
69
|
enableCompose && setComposeFlag(true);
|
|
92
|
-
};
|
|
93
|
-
|
|
70
|
+
};
|
|
94
71
|
|
|
72
|
+
// 监听合成输入结束事件(执行用户事件并置合成标记为false,同时触发用户onChange事件)
|
|
95
73
|
var _onCompositionEnd = function _onCompositionEnd(e) {
|
|
96
74
|
onCompositionEnd === null || onCompositionEnd === void 0 ? void 0 : onCompositionEnd(e);
|
|
97
|
-
|
|
98
75
|
if (enableCompose) {
|
|
99
76
|
setComposeFlag(false);
|
|
100
77
|
emitChange(e.target.value, e);
|
|
101
78
|
}
|
|
102
79
|
};
|
|
103
|
-
|
|
104
|
-
return /*#__PURE__*/_jsx(Input, _objectSpread(_objectSpread({}, otherProps), {}, {
|
|
80
|
+
return /*#__PURE__*/React.createElement(Input, _extends({}, otherProps, {
|
|
105
81
|
className: _className,
|
|
106
82
|
ref: ref,
|
|
107
83
|
value: value,
|
|
@@ -109,12 +85,11 @@ function InternalInput(props, ref) {
|
|
|
109
85
|
onCompositionStart: _onCompositionStart,
|
|
110
86
|
onCompositionEnd: _onCompositionEnd
|
|
111
87
|
}));
|
|
112
|
-
}
|
|
113
|
-
|
|
88
|
+
}
|
|
114
89
|
|
|
90
|
+
// 获取防抖超时时间,debounce: 默认800ms,false或0表示不开启
|
|
115
91
|
function getDebounceTime(debounce) {
|
|
116
92
|
var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 800;
|
|
117
|
-
|
|
118
93
|
if (debounce === true) {
|
|
119
94
|
return defaultValue;
|
|
120
95
|
} else if (debounce === false) {
|
|
@@ -123,6 +98,5 @@ function getDebounceTime(debounce) {
|
|
|
123
98
|
return typeof debounce === 'number' ? debounce : defaultValue;
|
|
124
99
|
}
|
|
125
100
|
}
|
|
126
|
-
|
|
127
101
|
var DInput = /*#__PURE__*/forwardRef(InternalInput);
|
|
128
102
|
export default DInput;
|
|
@@ -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 = ["className", "popupClassName", "fieldNames", "searchValue", "filterOption", "options", "onSearch", "loading", "debounce"];
|
|
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-17 08:41:25
|
|
@@ -32,42 +24,33 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
32
24
|
import React, { forwardRef, useEffect, useRef, useState, useMemo, useContext } from 'react';
|
|
33
25
|
import { Select } from 'antd';
|
|
34
26
|
import { ConfigContext } from "../ConfigProvider";
|
|
35
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
36
|
-
|
|
37
27
|
function InternalSelect(props, ref) {
|
|
38
28
|
var _props$className = props.className,
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
29
|
+
className = _props$className === void 0 ? '' : _props$className,
|
|
30
|
+
_props$popupClassName = props.popupClassName,
|
|
31
|
+
popupClassName = _props$popupClassName === void 0 ? '' : _props$popupClassName,
|
|
32
|
+
fieldNames = props.fieldNames,
|
|
33
|
+
searchValue = props.searchValue,
|
|
34
|
+
filterOption = props.filterOption,
|
|
35
|
+
initOptions = props.options,
|
|
36
|
+
onSearch = props.onSearch,
|
|
37
|
+
initLoading = props.loading,
|
|
38
|
+
_props$debounce = props.debounce,
|
|
39
|
+
debounce = _props$debounce === void 0 ? false : _props$debounce,
|
|
40
|
+
otherProps = _objectWithoutProperties(props, _excluded);
|
|
52
41
|
var _useContext = useContext(ConfigContext),
|
|
53
|
-
|
|
54
|
-
|
|
42
|
+
getPrefixCls = _useContext.getPrefixCls;
|
|
55
43
|
var _useState = useState([]),
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
44
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
45
|
+
options = _useState2[0],
|
|
46
|
+
setOptions = _useState2[1];
|
|
60
47
|
var _useState3 = useState(typeof initLoading === 'boolean' ? initLoading : true),
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
48
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
49
|
+
loading = _useState4[0],
|
|
50
|
+
setLoading = _useState4[1];
|
|
65
51
|
var _className = "".concat(getPrefixCls('select'), " ").concat(className);
|
|
66
|
-
|
|
67
52
|
var _popupClassName = "".concat(getPrefixCls('select-dropdown'), " ").concat(popupClassName);
|
|
68
|
-
|
|
69
53
|
var debounceRef = useRef(null); // 防抖处理引用
|
|
70
|
-
|
|
71
54
|
var loadingRef = useRef({
|
|
72
55
|
timer: null,
|
|
73
56
|
status: 'done'
|
|
@@ -79,23 +62,16 @@ function InternalSelect(props, ref) {
|
|
|
79
62
|
value: 'value',
|
|
80
63
|
children: 'children'
|
|
81
64
|
}, fieldNames);
|
|
82
|
-
|
|
83
65
|
var _showSearch = !!onSearch;
|
|
84
|
-
|
|
85
66
|
var _debounce = getDelayTime(debounce);
|
|
86
|
-
|
|
87
67
|
var _loadingState = getDelayTime(initLoading, 600);
|
|
88
|
-
|
|
89
68
|
var _loading = typeof initLoading === 'boolean' ? initLoading : loading;
|
|
90
|
-
|
|
91
69
|
var _filterOption = getFilterOption(!_showSearch, filterOption, _fieldNames);
|
|
92
|
-
|
|
93
70
|
var getOptions = useMemo(function () {
|
|
94
71
|
return typeof initOptions === 'function' ? initOptions : function (params) {
|
|
95
72
|
return Promise.resolve(initOptions || []);
|
|
96
73
|
};
|
|
97
74
|
}, [initOptions]);
|
|
98
|
-
|
|
99
75
|
var _onSearch = function _onSearch(value) {
|
|
100
76
|
if (onSearch) {
|
|
101
77
|
if (_debounce > 0) {
|
|
@@ -108,7 +84,6 @@ function InternalSelect(props, ref) {
|
|
|
108
84
|
}
|
|
109
85
|
}
|
|
110
86
|
};
|
|
111
|
-
|
|
112
87
|
var updateOptions = function updateOptions(fun, value) {
|
|
113
88
|
// 设置加载中状态
|
|
114
89
|
if (_loadingState > 0) {
|
|
@@ -117,12 +92,13 @@ function InternalSelect(props, ref) {
|
|
|
117
92
|
loadingRef.current.timer = setTimeout(function () {
|
|
118
93
|
loadingRef.current.status === 'loading' && setLoading(true);
|
|
119
94
|
}, _loadingState);
|
|
120
|
-
}
|
|
121
|
-
|
|
95
|
+
}
|
|
122
96
|
|
|
97
|
+
// 记录请求参数,清空options
|
|
123
98
|
loadingParamsRef.current = value;
|
|
124
|
-
setOptions([]);
|
|
99
|
+
setOptions([]);
|
|
125
100
|
|
|
101
|
+
// 发起请求
|
|
126
102
|
fun === null || fun === void 0 ? void 0 : fun(value).then(function (response) {
|
|
127
103
|
if (loadingParamsRef.current === value) {
|
|
128
104
|
setOptions(response);
|
|
@@ -135,18 +111,18 @@ function InternalSelect(props, ref) {
|
|
|
135
111
|
loadingRef.current.status = 'done';
|
|
136
112
|
}
|
|
137
113
|
});
|
|
138
|
-
};
|
|
139
|
-
|
|
114
|
+
};
|
|
140
115
|
|
|
116
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
141
117
|
useEffect(function () {
|
|
142
118
|
return updateOptions(getOptions, searchValue);
|
|
143
119
|
}, [getOptions, searchValue]);
|
|
144
|
-
return /*#__PURE__*/
|
|
120
|
+
return /*#__PURE__*/React.createElement(Select, _extends({
|
|
145
121
|
allowClear: true,
|
|
146
122
|
filterOption: _filterOption,
|
|
147
123
|
showSearch: _showSearch,
|
|
148
124
|
searchValue: searchValue
|
|
149
|
-
}, otherProps
|
|
125
|
+
}, otherProps, {
|
|
150
126
|
ref: ref,
|
|
151
127
|
className: _className,
|
|
152
128
|
popupClassName: _popupClassName,
|
|
@@ -155,12 +131,11 @@ function InternalSelect(props, ref) {
|
|
|
155
131
|
loading: _loading,
|
|
156
132
|
options: options
|
|
157
133
|
}));
|
|
158
|
-
}
|
|
159
|
-
|
|
134
|
+
}
|
|
160
135
|
|
|
136
|
+
// 获取延时时间,默认800ms,true代表默认时间,false代表0
|
|
161
137
|
function getDelayTime(value) {
|
|
162
138
|
var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 800;
|
|
163
|
-
|
|
164
139
|
if (value === true) {
|
|
165
140
|
return defaultValue;
|
|
166
141
|
} else if (value === false) {
|
|
@@ -168,20 +143,18 @@ function getDelayTime(value) {
|
|
|
168
143
|
} else {
|
|
169
144
|
return typeof value === 'number' ? Number(value) || 0 : defaultValue;
|
|
170
145
|
}
|
|
171
|
-
}
|
|
172
|
-
|
|
146
|
+
}
|
|
173
147
|
|
|
148
|
+
// 获取默认本地搜索方法
|
|
174
149
|
function getFilterOption(showSearch, filterOption, fieldNames) {
|
|
175
150
|
if (filterOption) {
|
|
176
151
|
return filterOption;
|
|
177
152
|
} else {
|
|
178
153
|
return showSearch && function (value, option) {
|
|
179
154
|
var _option$fieldNames$la;
|
|
180
|
-
|
|
181
155
|
return (_option$fieldNames$la = option[fieldNames.label]) === null || _option$fieldNames$la === void 0 ? void 0 : _option$fieldNames$la.includes(value);
|
|
182
156
|
};
|
|
183
157
|
}
|
|
184
158
|
}
|
|
185
|
-
|
|
186
159
|
var DSelect = /*#__PURE__*/forwardRef(InternalSelect);
|
|
187
160
|
export default DSelect;
|