@kdcloudjs/kdesign 1.7.20 → 1.7.21
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/CHANGELOG.md +17 -0
- package/dist/kdesign-complete.less +6 -1
- package/dist/kdesign.css +5 -2
- package/dist/kdesign.css.map +1 -1
- package/dist/kdesign.js +255 -226
- package/dist/kdesign.js.map +1 -1
- package/dist/kdesign.min.css +2 -2
- package/dist/kdesign.min.js +5 -5
- package/dist/kdesign.min.js.map +1 -1
- package/es/config-provider/compDefaultProps.d.ts +2 -0
- package/es/config-provider/compDefaultProps.js +3 -1
- package/es/select/select.js +25 -15
- package/es/tree/tree.js +61 -57
- package/es/tree/treeNode.js +1 -6
- package/es/tree-select/interface.d.ts +1 -0
- package/es/tree-select/style/index.css +4 -1
- package/es/tree-select/style/index.less +5 -1
- package/es/tree-select/style/token.less +1 -0
- package/es/tree-select/tree-select.js +18 -4
- package/lib/config-provider/compDefaultProps.d.ts +2 -0
- package/lib/config-provider/compDefaultProps.js +3 -1
- package/lib/select/select.js +25 -15
- package/lib/tree/tree.js +60 -56
- package/lib/tree/treeNode.js +1 -6
- package/lib/tree-select/interface.d.ts +1 -0
- package/lib/tree-select/style/index.css +4 -1
- package/lib/tree-select/style/index.less +5 -1
- package/lib/tree-select/style/token.less +1 -0
- package/lib/tree-select/tree-select.js +20 -6
- package/package.json +1 -1
package/dist/kdesign.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
*
|
|
3
|
-
* @kdcloudjs/kdesign v1.7.
|
|
3
|
+
* @kdcloudjs/kdesign v1.7.20
|
|
4
4
|
*
|
|
5
5
|
* Copyright 2020-present, Kingdee, Inc.
|
|
6
6
|
* All rights reserved.
|
|
@@ -9800,7 +9800,9 @@ var compDefaultProps = {
|
|
|
9800
9800
|
type: "arrow-right-solid"
|
|
9801
9801
|
});
|
|
9802
9802
|
},
|
|
9803
|
-
expandOnClickNode: false
|
|
9803
|
+
expandOnClickNode: false,
|
|
9804
|
+
listHeight: 184,
|
|
9805
|
+
virtual: true
|
|
9804
9806
|
},
|
|
9805
9807
|
CityPicker: {
|
|
9806
9808
|
type: 'domestic',
|
|
@@ -28394,23 +28396,30 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28394
28396
|
if (realChildren !== null && realChildren !== void 0 && realChildren.length) {
|
|
28395
28397
|
var arr = [];
|
|
28396
28398
|
initValue.map(function (item) {
|
|
28397
|
-
var obj =
|
|
28399
|
+
var obj = realChildren === null || realChildren === void 0 ? void 0 : realChildren.find(function (child) {
|
|
28398
28400
|
if (child && child.props) {
|
|
28399
28401
|
return child.props.value === item;
|
|
28400
28402
|
} else {
|
|
28401
28403
|
return child.value === item;
|
|
28402
28404
|
}
|
|
28403
|
-
})
|
|
28404
|
-
if (
|
|
28405
|
-
|
|
28406
|
-
|
|
28407
|
-
|
|
28408
|
-
|
|
28405
|
+
});
|
|
28406
|
+
if (obj) {
|
|
28407
|
+
if (options && options.length) {
|
|
28408
|
+
arr.push({
|
|
28409
|
+
value: obj === null || obj === void 0 ? void 0 : obj.value,
|
|
28410
|
+
label: (obj === null || obj === void 0 ? void 0 : obj.label) || (obj === null || obj === void 0 ? void 0 : obj.value)
|
|
28411
|
+
});
|
|
28412
|
+
} else {
|
|
28413
|
+
var _obj$props, _obj$props2;
|
|
28414
|
+
arr.push({
|
|
28415
|
+
value: (_obj$props = obj.props) === null || _obj$props === void 0 ? void 0 : _obj$props.value,
|
|
28416
|
+
label: (_obj$props2 = obj.props) === null || _obj$props2 === void 0 ? void 0 : _obj$props2.children
|
|
28417
|
+
});
|
|
28418
|
+
}
|
|
28409
28419
|
} else {
|
|
28410
|
-
var _obj$props, _obj$props2;
|
|
28411
28420
|
arr.push({
|
|
28412
|
-
value:
|
|
28413
|
-
label:
|
|
28421
|
+
value: item,
|
|
28422
|
+
label: item
|
|
28414
28423
|
});
|
|
28415
28424
|
}
|
|
28416
28425
|
});
|
|
@@ -28427,19 +28436,22 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28427
28436
|
if (!isMultiple) {
|
|
28428
28437
|
multipleRef.current.selectedVal = initValue; // 默认选中值
|
|
28429
28438
|
if (initValue !== undefined) {
|
|
28430
|
-
var obj =
|
|
28439
|
+
var obj = realChildren === null || realChildren === void 0 ? void 0 : realChildren.find(function (child) {
|
|
28431
28440
|
if (child && child.props) {
|
|
28432
28441
|
var _child$props;
|
|
28433
28442
|
return ((_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.value) === initValue;
|
|
28434
28443
|
} else {
|
|
28435
28444
|
return (child === null || child === void 0 ? void 0 : child.value) === initValue;
|
|
28436
28445
|
}
|
|
28437
|
-
})
|
|
28438
|
-
if (
|
|
28439
|
-
|
|
28446
|
+
});
|
|
28447
|
+
if (obj) {
|
|
28448
|
+
if (options && options.length) {
|
|
28449
|
+
setSingleVal(getOptionLabel(obj) || (obj === null || obj === void 0 ? void 0 : obj.value));
|
|
28450
|
+
} else {
|
|
28451
|
+
setSingleVal(getOptionLabel(obj));
|
|
28452
|
+
}
|
|
28440
28453
|
} else {
|
|
28441
|
-
|
|
28442
|
-
setSingleVal(getOptionLabel(obj));
|
|
28454
|
+
setSingleVal(initValue);
|
|
28443
28455
|
}
|
|
28444
28456
|
} else {
|
|
28445
28457
|
setSingleVal(undefined);
|
|
@@ -34784,43 +34796,46 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
34784
34796
|
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_3__);
|
|
34785
34797
|
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/extends.js");
|
|
34786
34798
|
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_4__);
|
|
34787
|
-
/* harmony import */ var
|
|
34788
|
-
/* harmony import */ var
|
|
34789
|
-
/* harmony import */ var
|
|
34790
|
-
/* harmony import */ var
|
|
34791
|
-
/* harmony import */ var
|
|
34792
|
-
/* harmony import */ var
|
|
34793
|
-
/* harmony import */ var
|
|
34794
|
-
/* harmony import */ var
|
|
34795
|
-
/* harmony import */ var
|
|
34796
|
-
/* harmony import */ var
|
|
34797
|
-
/* harmony import */ var
|
|
34798
|
-
/* harmony import */ var
|
|
34799
|
-
/* harmony import */ var
|
|
34800
|
-
/* harmony import */ var
|
|
34801
|
-
/* harmony import */ var
|
|
34802
|
-
/* harmony import */ var
|
|
34803
|
-
/* harmony import */ var
|
|
34804
|
-
/* harmony import */ var
|
|
34805
|
-
/* harmony import */ var
|
|
34806
|
-
/* harmony import */ var
|
|
34807
|
-
/* harmony import */ var
|
|
34808
|
-
/* harmony import */ var
|
|
34809
|
-
/* harmony import */ var
|
|
34810
|
-
/* harmony import */ var
|
|
34811
|
-
/* harmony import */ var
|
|
34812
|
-
/* harmony import */ var
|
|
34813
|
-
/* harmony import */ var
|
|
34814
|
-
/* harmony import */ var
|
|
34815
|
-
/* harmony import */ var
|
|
34816
|
-
/* harmony import */ var
|
|
34817
|
-
/* harmony import */ var
|
|
34818
|
-
/* harmony import */ var
|
|
34819
|
-
/* harmony import */ var
|
|
34820
|
-
/* harmony import */ var
|
|
34821
|
-
/* harmony import */ var
|
|
34822
|
-
/* harmony import */ var
|
|
34823
|
-
/* harmony import */ var
|
|
34799
|
+
/* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "./node_modules/@babel/runtime/helpers/typeof.js");
|
|
34800
|
+
/* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_5__);
|
|
34801
|
+
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/slicedToArray.js");
|
|
34802
|
+
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__);
|
|
34803
|
+
/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "./node_modules/@babel/runtime/helpers/toConsumableArray.js");
|
|
34804
|
+
/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_7__);
|
|
34805
|
+
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
|
|
34806
|
+
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8__);
|
|
34807
|
+
/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/es.array.iterator.js */ "./node_modules/core-js/modules/es.array.iterator.js");
|
|
34808
|
+
/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_9__);
|
|
34809
|
+
/* harmony import */ var core_js_modules_es_map_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.map.js */ "./node_modules/core-js/modules/es.map.js");
|
|
34810
|
+
/* harmony import */ var core_js_modules_es_map_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_map_js__WEBPACK_IMPORTED_MODULE_10__);
|
|
34811
|
+
/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
|
|
34812
|
+
/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_11__);
|
|
34813
|
+
/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! core-js/modules/es.string.iterator.js */ "./node_modules/core-js/modules/es.string.iterator.js");
|
|
34814
|
+
/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_12__);
|
|
34815
|
+
/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! core-js/modules/web.dom-collections.iterator.js */ "./node_modules/core-js/modules/web.dom-collections.iterator.js");
|
|
34816
|
+
/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_13__);
|
|
34817
|
+
/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
|
|
34818
|
+
/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_14__);
|
|
34819
|
+
/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
|
|
34820
|
+
/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_15__);
|
|
34821
|
+
/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");
|
|
34822
|
+
/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_16__);
|
|
34823
|
+
/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! core-js/modules/es.array.includes.js */ "./node_modules/core-js/modules/es.array.includes.js");
|
|
34824
|
+
/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_17__);
|
|
34825
|
+
/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! core-js/modules/es.string.includes.js */ "./node_modules/core-js/modules/es.string.includes.js");
|
|
34826
|
+
/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_18__);
|
|
34827
|
+
/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
|
|
34828
|
+
/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_19__);
|
|
34829
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! react */ "react");
|
|
34830
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_20__);
|
|
34831
|
+
/* harmony import */ var _utils_hooks__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../_utils/hooks */ "./components/_utils/hooks.tsx");
|
|
34832
|
+
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
|
|
34833
|
+
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_22___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_22__);
|
|
34834
|
+
/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
|
|
34835
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
|
|
34836
|
+
/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../index */ "./components/index.tsx");
|
|
34837
|
+
/* harmony import */ var _utils_usePopper__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../_utils/usePopper */ "./components/_utils/usePopper.tsx");
|
|
34838
|
+
|
|
34824
34839
|
|
|
34825
34840
|
|
|
34826
34841
|
|
|
@@ -34830,7 +34845,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
34830
34845
|
|
|
34831
34846
|
|
|
34832
34847
|
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; }
|
|
34833
|
-
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) {
|
|
34848
|
+
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) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(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; }
|
|
34834
34849
|
|
|
34835
34850
|
|
|
34836
34851
|
|
|
@@ -34866,10 +34881,10 @@ function flattenTreeData(treeData) {
|
|
|
34866
34881
|
var keys = [];
|
|
34867
34882
|
(_node$children = node.children) === null || _node$children === void 0 ? void 0 : _node$children.forEach(function (child) {
|
|
34868
34883
|
var _data$childrenKeys;
|
|
34869
|
-
var childKey = flatten(child, [].concat(
|
|
34884
|
+
var childKey = flatten(child, [].concat(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_7___default()(parentKeys), [key]));
|
|
34870
34885
|
keys.push(childKey);
|
|
34871
34886
|
var grandchildrenKeys = map.get(childKey).childrenKeys;
|
|
34872
|
-
(_data$childrenKeys = data.childrenKeys).push.apply(_data$childrenKeys, [childKey].concat(
|
|
34887
|
+
(_data$childrenKeys = data.childrenKeys).push.apply(_data$childrenKeys, [childKey].concat(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_7___default()(grandchildrenKeys)));
|
|
34873
34888
|
});
|
|
34874
34889
|
}
|
|
34875
34890
|
return key;
|
|
@@ -34881,11 +34896,11 @@ function flattenTreeData(treeData) {
|
|
|
34881
34896
|
}
|
|
34882
34897
|
var InternalTreeSelect = function InternalTreeSelect(props, ref) {
|
|
34883
34898
|
var _classNames4, _classNames10;
|
|
34884
|
-
var _useContext = Object(
|
|
34899
|
+
var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_20__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_23__["default"]),
|
|
34885
34900
|
getPrefixCls = _useContext.getPrefixCls,
|
|
34886
34901
|
prefixCls = _useContext.prefixCls,
|
|
34887
34902
|
userDefaultProps = _useContext.compDefaultProps;
|
|
34888
|
-
var treeSelectProps = Object(
|
|
34903
|
+
var treeSelectProps = Object(_utils__WEBPACK_IMPORTED_MODULE_24__["getCompProps"])('TreeSelect', userDefaultProps, props);
|
|
34889
34904
|
var size = treeSelectProps.size,
|
|
34890
34905
|
value = treeSelectProps.value,
|
|
34891
34906
|
autoFocus = treeSelectProps.autoFocus,
|
|
@@ -34932,97 +34947,108 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
|
|
|
34932
34947
|
onSelect = treeSelectProps.onSelect,
|
|
34933
34948
|
onCheck = treeSelectProps.onCheck,
|
|
34934
34949
|
dropdownRender = treeSelectProps.dropdownRender,
|
|
34935
|
-
onlyExpandOnClickIcon = treeSelectProps.onlyExpandOnClickIcon
|
|
34950
|
+
onlyExpandOnClickIcon = treeSelectProps.onlyExpandOnClickIcon,
|
|
34951
|
+
listHeight = treeSelectProps.listHeight;
|
|
34936
34952
|
var isMultiple = mode === 'multiple'; // 是否多选
|
|
34937
|
-
var _useMergedState = Object(
|
|
34953
|
+
var _useMergedState = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_21__["useMergedState"])(isMultiple ? [] : undefined, {
|
|
34938
34954
|
value: value,
|
|
34939
34955
|
defaultValue: defaultValue
|
|
34940
34956
|
}),
|
|
34941
|
-
_useMergedState2 =
|
|
34957
|
+
_useMergedState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useMergedState, 2),
|
|
34942
34958
|
initValue = _useMergedState2[0],
|
|
34943
34959
|
setInitValue = _useMergedState2[1];
|
|
34944
|
-
var _useState = Object(
|
|
34945
|
-
_useState2 =
|
|
34960
|
+
var _useState = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(treeExpandedKeys),
|
|
34961
|
+
_useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState, 2),
|
|
34946
34962
|
expandedKeys = _useState2[0],
|
|
34947
34963
|
setExpandedKeys = _useState2[1];
|
|
34948
|
-
var _useState3 = Object(
|
|
34949
|
-
_useState4 =
|
|
34964
|
+
var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(initValue),
|
|
34965
|
+
_useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState3, 2),
|
|
34950
34966
|
selectedKeys = _useState4[0],
|
|
34951
34967
|
setSelectedKeys = _useState4[1];
|
|
34952
|
-
var innerRef = Object(
|
|
34968
|
+
var innerRef = Object(react__WEBPACK_IMPORTED_MODULE_20__["useRef"])();
|
|
34953
34969
|
var selectRef = ref || innerRef;
|
|
34954
|
-
var searchRef = Object(
|
|
34955
|
-
var selectionRef = Object(
|
|
34956
|
-
var dropDownRef = Object(
|
|
34957
|
-
var measureRef = Object(
|
|
34958
|
-
var _useState5 = Object(
|
|
34959
|
-
_useState6 =
|
|
34970
|
+
var searchRef = Object(react__WEBPACK_IMPORTED_MODULE_20__["useRef"])(null); // 搜索框ref
|
|
34971
|
+
var selectionRef = Object(react__WEBPACK_IMPORTED_MODULE_20__["useRef"])(null);
|
|
34972
|
+
var dropDownRef = Object(react__WEBPACK_IMPORTED_MODULE_20__["useRef"])(null);
|
|
34973
|
+
var measureRef = Object(react__WEBPACK_IMPORTED_MODULE_20__["useRef"])(null);
|
|
34974
|
+
var _useState5 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(!!props.visible || defaultOpen),
|
|
34975
|
+
_useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState5, 2),
|
|
34960
34976
|
optionShow = _useState6[0],
|
|
34961
34977
|
setOptionShow = _useState6[1]; // 下拉列表是否展示
|
|
34962
|
-
var _useState7 = Object(
|
|
34963
|
-
_useState8 =
|
|
34978
|
+
var _useState7 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(''),
|
|
34979
|
+
_useState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState7, 2),
|
|
34964
34980
|
searchValue = _useState8[0],
|
|
34965
34981
|
setSearchValue = _useState8[1]; // 搜索框定时器
|
|
34966
|
-
var _useState9 = Object(
|
|
34967
|
-
_useState10 =
|
|
34982
|
+
var _useState9 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(INPUT_MIN_WIDTH),
|
|
34983
|
+
_useState10 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState9, 2),
|
|
34968
34984
|
inputWidth = _useState10[0],
|
|
34969
34985
|
setInputWidth = _useState10[1]; // 输入框宽度
|
|
34970
|
-
var _useState11 = Object(
|
|
34971
|
-
_useState12 =
|
|
34986
|
+
var _useState11 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(autoFocus),
|
|
34987
|
+
_useState12 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState11, 2),
|
|
34972
34988
|
focusd = _useState12[0],
|
|
34973
34989
|
setFocusd = _useState12[1];
|
|
34974
|
-
var _useState13 = Object(
|
|
34975
|
-
_useState14 =
|
|
34990
|
+
var _useState13 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])([]),
|
|
34991
|
+
_useState14 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState13, 2),
|
|
34976
34992
|
selectTreeNodes = _useState14[0],
|
|
34977
34993
|
setSelectTreeNodes = _useState14[1];
|
|
34978
|
-
var TreeMap = Object(
|
|
34994
|
+
var TreeMap = Object(react__WEBPACK_IMPORTED_MODULE_20__["useMemo"])(function () {
|
|
34979
34995
|
return flattenTreeData(treeData);
|
|
34980
34996
|
}, [treeData]);
|
|
34981
|
-
var isSelected = Object(
|
|
34997
|
+
var isSelected = Object(react__WEBPACK_IMPORTED_MODULE_20__["useMemo"])(function () {
|
|
34982
34998
|
return !!(selectTreeNodes !== null && selectTreeNodes !== void 0 && selectTreeNodes.length);
|
|
34983
34999
|
}, [selectTreeNodes]);
|
|
34984
35000
|
var selectPrefixCls = getPrefixCls(prefixCls, 'tree-select', customPrefixcls);
|
|
34985
35001
|
// 选择器样式
|
|
34986
|
-
var selectCls =
|
|
34987
|
-
var selectionCls =
|
|
35002
|
+
var selectCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(selectPrefixCls, className, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(selectPrefixCls, "-visible"), optionShow));
|
|
35003
|
+
var selectionCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(selectPrefixCls, "-selector"), true));
|
|
34988
35004
|
|
|
34989
35005
|
// 下拉列表框样式
|
|
34990
|
-
var dropDownCls =
|
|
35006
|
+
var dropDownCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(dropdownClassName, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(selectPrefixCls, "-dropdown"), true));
|
|
34991
35007
|
|
|
34992
35008
|
// 多选,单选公共样式
|
|
34993
|
-
var commCls =
|
|
34994
|
-
Object(
|
|
35009
|
+
var commCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()((_classNames4 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames4, "".concat(selectPrefixCls, "-bordered"), borderType === 'bordered'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames4, "".concat(selectPrefixCls, "-underline"), borderType === 'underline'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames4, "".concat(selectPrefixCls, "-borderless"), borderType === 'none'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames4, "".concat(selectPrefixCls, "-size-").concat(size), size), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames4, "".concat(selectPrefixCls, "-wrapper"), true), _classNames4));
|
|
35010
|
+
Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
|
|
34995
35011
|
var arr = [];
|
|
34996
|
-
if (isMultiple
|
|
35012
|
+
if (isMultiple) {
|
|
34997
35013
|
for (var index = 0; index < initValue.length; index++) {
|
|
34998
35014
|
var key = initValue[index];
|
|
34999
35015
|
if (TreeMap.has(key)) {
|
|
35000
35016
|
arr.push(TreeMap.get(key));
|
|
35017
|
+
} else {
|
|
35018
|
+
arr.push({
|
|
35019
|
+
key: key,
|
|
35020
|
+
title: key
|
|
35021
|
+
});
|
|
35001
35022
|
}
|
|
35002
35023
|
}
|
|
35003
35024
|
} else {
|
|
35004
35025
|
if (TreeMap.has(initValue)) {
|
|
35005
35026
|
arr.push(TreeMap.get(initValue));
|
|
35027
|
+
} else {
|
|
35028
|
+
_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_5___default()(initValue) !== undefined && arr.push({
|
|
35029
|
+
key: initValue,
|
|
35030
|
+
title: initValue
|
|
35031
|
+
});
|
|
35006
35032
|
}
|
|
35007
35033
|
}
|
|
35008
35034
|
setSelectTreeNodes(arr);
|
|
35009
35035
|
}, [initValue, TreeMap, isMultiple]);
|
|
35010
|
-
Object(
|
|
35036
|
+
Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
|
|
35011
35037
|
if (optionShow === false) {
|
|
35012
35038
|
handleClear();
|
|
35013
35039
|
}
|
|
35014
35040
|
}, [optionShow]);
|
|
35015
|
-
var handleFocus = Object(
|
|
35041
|
+
var handleFocus = Object(react__WEBPACK_IMPORTED_MODULE_20__["useCallback"])(function (e) {
|
|
35016
35042
|
e.stopPropagation();
|
|
35017
35043
|
setFocusd(true);
|
|
35018
35044
|
onFocus && onFocus(e);
|
|
35019
35045
|
}, [onFocus]);
|
|
35020
|
-
var handleBlur = Object(
|
|
35046
|
+
var handleBlur = Object(react__WEBPACK_IMPORTED_MODULE_20__["useCallback"])(function (e) {
|
|
35021
35047
|
e.stopPropagation();
|
|
35022
35048
|
setFocusd(false);
|
|
35023
35049
|
onBlur && onBlur(e);
|
|
35024
35050
|
}, [onBlur]);
|
|
35025
|
-
Object(
|
|
35051
|
+
Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
|
|
35026
35052
|
selectionRef.current.addEventListener('mouseup', function (e) {
|
|
35027
35053
|
var _e$target;
|
|
35028
35054
|
var isCloseBtn = (e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.className.indexOf('kd-tag-close-icon')) > -1;
|
|
@@ -35031,7 +35057,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
|
|
|
35031
35057
|
}
|
|
35032
35058
|
});
|
|
35033
35059
|
}, []);
|
|
35034
|
-
Object(
|
|
35060
|
+
Object(react__WEBPACK_IMPORTED_MODULE_20__["useLayoutEffect"])(function () {
|
|
35035
35061
|
measureRef.current && setInputWidth(measureRef.current.scrollWidth);
|
|
35036
35062
|
}, [searchValue]);
|
|
35037
35063
|
var getTreeNodeLabel = function getTreeNodeLabel(node) {
|
|
@@ -35039,7 +35065,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
|
|
|
35039
35065
|
};
|
|
35040
35066
|
|
|
35041
35067
|
// 输入框变化搜索内容
|
|
35042
|
-
var handleSearchChange = Object(
|
|
35068
|
+
var handleSearchChange = Object(react__WEBPACK_IMPORTED_MODULE_20__["useCallback"])(function (event) {
|
|
35043
35069
|
var val = event.currentTarget.value;
|
|
35044
35070
|
setOptionShow(true);
|
|
35045
35071
|
setSearchValue(val);
|
|
@@ -35047,7 +35073,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
|
|
|
35047
35073
|
}, [onSearch]);
|
|
35048
35074
|
|
|
35049
35075
|
// 清除搜索内容
|
|
35050
|
-
var handleClear = Object(
|
|
35076
|
+
var handleClear = Object(react__WEBPACK_IMPORTED_MODULE_20__["useCallback"])(function () {
|
|
35051
35077
|
if (searchRef.current) {
|
|
35052
35078
|
searchRef.current.value = '';
|
|
35053
35079
|
setSearchValue('');
|
|
@@ -35071,7 +35097,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
|
|
|
35071
35097
|
var handleRemove = function handleRemove(e, key) {
|
|
35072
35098
|
var _TreeMap$get, _TreeMap$get2;
|
|
35073
35099
|
if (disabled) return;
|
|
35074
|
-
var allRemoveKeys = [].concat(
|
|
35100
|
+
var allRemoveKeys = [].concat(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_7___default()(((_TreeMap$get = TreeMap.get(key)) === null || _TreeMap$get === void 0 ? void 0 : _TreeMap$get.childrenKeys) || []), _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_7___default()(((_TreeMap$get2 = TreeMap.get(key)) === null || _TreeMap$get2 === void 0 ? void 0 : _TreeMap$get2.parentKeys) || []), [key]);
|
|
35075
35101
|
var newSelectTreeNodes = selectTreeNodes.filter(function (item) {
|
|
35076
35102
|
return !allRemoveKeys.includes(item.key);
|
|
35077
35103
|
});
|
|
@@ -35111,20 +35137,20 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
|
|
|
35111
35137
|
var _classNames5;
|
|
35112
35138
|
var suffixIcon = treeSelectProps.suffixIcon;
|
|
35113
35139
|
// 选择器下拉icon样式
|
|
35114
|
-
var arrowIconCls =
|
|
35140
|
+
var arrowIconCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()((_classNames5 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames5, "".concat(selectPrefixCls, "-icon-arrow"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames5, "".concat(selectPrefixCls, "-icon-arrow-up"), optionShow), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames5, "".concat(selectPrefixCls, "-icon-arrow-down"), !optionShow), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames5, "".concat(selectPrefixCls, "-icon-arrow-focus"), optionShow), _classNames5));
|
|
35115
35141
|
var iconShow = allowClear && !disabled && (isMultiple ? !!selectTreeNodes.length : (initValue !== null && initValue !== void 0 ? initValue : '') !== '' || searchValue);
|
|
35116
|
-
var clearIconCls =
|
|
35117
|
-
return /*#__PURE__*/
|
|
35142
|
+
var clearIconCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(selectPrefixCls, "-icon-clear"), true));
|
|
35143
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_20___default.a.Fragment, null, iconShow && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
|
|
35118
35144
|
onClick: handleReset,
|
|
35119
35145
|
onMouseDown: function onMouseDown(e) {
|
|
35120
35146
|
return e.preventDefault();
|
|
35121
35147
|
},
|
|
35122
35148
|
className: clearIconCls
|
|
35123
|
-
}, clearIcon || /*#__PURE__*/
|
|
35149
|
+
}, clearIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_25__["Icon"], {
|
|
35124
35150
|
type: "close-solid"
|
|
35125
|
-
})), showArrow && /*#__PURE__*/
|
|
35151
|
+
})), showArrow && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
|
|
35126
35152
|
className: arrowIconCls
|
|
35127
|
-
}, suffixIcon || /*#__PURE__*/
|
|
35153
|
+
}, suffixIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_25__["Icon"], {
|
|
35128
35154
|
type: "arrow-down"
|
|
35129
35155
|
})));
|
|
35130
35156
|
};
|
|
@@ -35157,27 +35183,28 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
|
|
|
35157
35183
|
notFoundContent: renderNotContent(),
|
|
35158
35184
|
filterTreeNode: defFilterTreeNode,
|
|
35159
35185
|
onSelect: handleSelect,
|
|
35160
|
-
onExpand: handleExpand
|
|
35186
|
+
onExpand: handleExpand,
|
|
35187
|
+
height: listHeight
|
|
35161
35188
|
};
|
|
35162
35189
|
if (isMultiple) {
|
|
35163
35190
|
treeProps.checkable = true;
|
|
35164
35191
|
treeProps.checkedKeys = initValue;
|
|
35165
35192
|
treeProps.onCheck = handleCheck;
|
|
35166
35193
|
}
|
|
35167
|
-
return /*#__PURE__*/
|
|
35194
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_25__["Tree"], treeProps);
|
|
35168
35195
|
};
|
|
35169
35196
|
|
|
35170
35197
|
// 下拉列表为空时显示的内容
|
|
35171
35198
|
var renderNotContent = function renderNotContent() {
|
|
35172
35199
|
// 下拉列表为空
|
|
35173
|
-
var emptyListCls =
|
|
35200
|
+
var emptyListCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(selectPrefixCls, "-dropdown-empty"), true));
|
|
35174
35201
|
var notFoundContent = treeSelectProps.notFoundContent;
|
|
35175
35202
|
var emptyContent = notFoundContent || '暂无数据';
|
|
35176
|
-
return /*#__PURE__*/
|
|
35203
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("div", {
|
|
35177
35204
|
className: emptyListCls
|
|
35178
35205
|
}, emptyContent);
|
|
35179
35206
|
};
|
|
35180
|
-
Object(
|
|
35207
|
+
Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
|
|
35181
35208
|
if (showSearch && autoFocus && !disabled) {
|
|
35182
35209
|
var _searchRef$current;
|
|
35183
35210
|
(_searchRef$current = searchRef.current) === null || _searchRef$current === void 0 ? void 0 : _searchRef$current.focus();
|
|
@@ -35187,9 +35214,10 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
|
|
|
35187
35214
|
// 渲染下拉列表框
|
|
35188
35215
|
var renderContent = function renderContent() {
|
|
35189
35216
|
var dropDownStyle = _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_4___default()({
|
|
35190
|
-
width: style === null || style === void 0 ? void 0 : style.width
|
|
35217
|
+
width: style === null || style === void 0 ? void 0 : style.width,
|
|
35218
|
+
maxHeight: virtual ? 'unset' : ''
|
|
35191
35219
|
}, dropdownStyle);
|
|
35192
|
-
return /*#__PURE__*/
|
|
35220
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_20___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("div", {
|
|
35193
35221
|
className: dropDownCls,
|
|
35194
35222
|
style: dropDownStyle,
|
|
35195
35223
|
ref: dropDownRef
|
|
@@ -35197,16 +35225,16 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
|
|
|
35197
35225
|
};
|
|
35198
35226
|
|
|
35199
35227
|
// 处理多选tag
|
|
35200
|
-
var handleMaxTagHolder = Object(
|
|
35228
|
+
var handleMaxTagHolder = Object(react__WEBPACK_IMPORTED_MODULE_20__["useCallback"])(function () {
|
|
35201
35229
|
var maxTagPlaceholder = treeSelectProps.maxTagPlaceholder;
|
|
35202
35230
|
if (typeof maxTagPlaceholder === 'function') {
|
|
35203
|
-
return /*#__PURE__*/
|
|
35231
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_25__["Tag"], {
|
|
35204
35232
|
type: "edit",
|
|
35205
35233
|
size: size,
|
|
35206
35234
|
disabled: disabled
|
|
35207
35235
|
}, maxTagPlaceholder(selectTreeNodes));
|
|
35208
35236
|
} else {
|
|
35209
|
-
return /*#__PURE__*/
|
|
35237
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_25__["Tag"], {
|
|
35210
35238
|
type: "edit",
|
|
35211
35239
|
size: size,
|
|
35212
35240
|
disabled: disabled
|
|
@@ -35218,13 +35246,13 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
|
|
|
35218
35246
|
if (isSelected) {
|
|
35219
35247
|
label = getTreeNodeLabel(selectTreeNodes[0]);
|
|
35220
35248
|
}
|
|
35221
|
-
return /*#__PURE__*/
|
|
35249
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_20___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("div", {
|
|
35222
35250
|
className: singleCls,
|
|
35223
35251
|
ref: selectionRef,
|
|
35224
35252
|
title: label
|
|
35225
|
-
}, /*#__PURE__*/
|
|
35253
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
|
|
35226
35254
|
className: "".concat(selectPrefixCls, "-selection-search")
|
|
35227
|
-
}, /*#__PURE__*/
|
|
35255
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("input", {
|
|
35228
35256
|
ref: searchRef,
|
|
35229
35257
|
value: searchValue,
|
|
35230
35258
|
className: "".concat(selectPrefixCls, "-selection-search-input"),
|
|
@@ -35232,11 +35260,11 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
|
|
|
35232
35260
|
onFocus: handleFocus,
|
|
35233
35261
|
onBlur: handleBlur,
|
|
35234
35262
|
readOnly: !showSearch || !!disabled
|
|
35235
|
-
})), isSelected && !searchValue && /*#__PURE__*/
|
|
35263
|
+
})), isSelected && !searchValue && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
|
|
35236
35264
|
className: "".concat(selectPrefixCls, "-selection-item")
|
|
35237
|
-
}, label), !isSelected && !searchValue && /*#__PURE__*/
|
|
35265
|
+
}, label), !isSelected && !searchValue && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
|
|
35238
35266
|
className: "".concat(selectPrefixCls, "-placeholder")
|
|
35239
|
-
}, placeholder), /*#__PURE__*/
|
|
35267
|
+
}, placeholder), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
|
|
35240
35268
|
className: "".concat(selectPrefixCls, "-suffix")
|
|
35241
35269
|
}, renderSuffix())));
|
|
35242
35270
|
};
|
|
@@ -35244,21 +35272,21 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
|
|
|
35244
35272
|
var _classNames8, _classNames9;
|
|
35245
35273
|
var maxTagCount = treeSelectProps.maxTagCount,
|
|
35246
35274
|
maxTagPlaceholder = treeSelectProps.maxTagPlaceholder;
|
|
35247
|
-
var multipleCls =
|
|
35248
|
-
var itemCls =
|
|
35275
|
+
var multipleCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(commCls, (_classNames8 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames8, "".concat(selectPrefixCls, "-multiple-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames8, "".concat(selectPrefixCls, "-").concat(mode), mode), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames8, "".concat(selectPrefixCls, "-focused"), focusd || optionShow), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames8, "".concat(selectPrefixCls, "-placeholder"), placeholder && !selectTreeNodes.length), _classNames8));
|
|
35276
|
+
var itemCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()((_classNames9 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames9, "".concat(selectPrefixCls, "-selection-item"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames9, "".concat(selectPrefixCls, "-selection-item-").concat(size), size), _classNames9));
|
|
35249
35277
|
var TagStyle = {
|
|
35250
35278
|
margin: '2px 8px 2px 0',
|
|
35251
35279
|
maxWidth: '100%'
|
|
35252
35280
|
};
|
|
35253
|
-
return /*#__PURE__*/
|
|
35281
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("div", {
|
|
35254
35282
|
className: multipleCls,
|
|
35255
35283
|
ref: selectionRef
|
|
35256
|
-
}, Array.isArray(selectTreeNodes) && /*#__PURE__*/
|
|
35284
|
+
}, Array.isArray(selectTreeNodes) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_20___default.a.Fragment, null, selectTreeNodes.map(function (item, index) {
|
|
35257
35285
|
var key = item.key;
|
|
35258
35286
|
var label = getTreeNodeLabel(item);
|
|
35259
|
-
return (!maxTagCount || index <= maxTagCount - 1) && /*#__PURE__*/
|
|
35287
|
+
return (!maxTagCount || index <= maxTagCount - 1) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
|
|
35260
35288
|
key: key,
|
|
35261
|
-
className:
|
|
35289
|
+
className: classnames__WEBPACK_IMPORTED_MODULE_22___default()("".concat(selectPrefixCls, "-selection-tag")),
|
|
35262
35290
|
onMouseDown: function onMouseDown(e) {
|
|
35263
35291
|
return e.preventDefault();
|
|
35264
35292
|
}
|
|
@@ -35266,7 +35294,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
|
|
|
35266
35294
|
onClose: handleRemove,
|
|
35267
35295
|
disabled: disabled,
|
|
35268
35296
|
size: size
|
|
35269
|
-
}, item)) : /*#__PURE__*/
|
|
35297
|
+
}, item)) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_25__["Tag"], {
|
|
35270
35298
|
type: "edit",
|
|
35271
35299
|
style: TagStyle,
|
|
35272
35300
|
size: size,
|
|
@@ -35277,16 +35305,16 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
|
|
|
35277
35305
|
},
|
|
35278
35306
|
"data-tag": key
|
|
35279
35307
|
}, label));
|
|
35280
|
-
}), maxTagCount && selectTreeNodes.length > maxTagCount ? maxTagPlaceholder ? handleMaxTagHolder() : /*#__PURE__*/
|
|
35308
|
+
}), maxTagCount && selectTreeNodes.length > maxTagCount ? maxTagPlaceholder ? handleMaxTagHolder() : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
|
|
35281
35309
|
className: itemCls
|
|
35282
|
-
}, /*#__PURE__*/
|
|
35310
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
|
|
35283
35311
|
className: "".concat(selectPrefixCls, "-selection-item-content")
|
|
35284
|
-
}, "\u5171", selectTreeNodes.length, "\u9879")) : null), /*#__PURE__*/
|
|
35312
|
+
}, "\u5171", selectTreeNodes.length, "\u9879")) : null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
|
|
35285
35313
|
className: "".concat(selectPrefixCls, "-selection-search"),
|
|
35286
35314
|
style: {
|
|
35287
35315
|
width: inputWidth
|
|
35288
35316
|
}
|
|
35289
|
-
}, /*#__PURE__*/
|
|
35317
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("input", {
|
|
35290
35318
|
ref: searchRef,
|
|
35291
35319
|
value: searchValue,
|
|
35292
35320
|
className: "".concat(selectPrefixCls, "-selection-search-input"),
|
|
@@ -35294,22 +35322,22 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
|
|
|
35294
35322
|
onFocus: handleFocus,
|
|
35295
35323
|
onBlur: handleBlur,
|
|
35296
35324
|
readOnly: !showSearch || !!disabled
|
|
35297
|
-
}), /*#__PURE__*/
|
|
35325
|
+
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
|
|
35298
35326
|
ref: measureRef,
|
|
35299
35327
|
className: "".concat(selectPrefixCls, "-selection-search-mirror")
|
|
35300
|
-
}, searchValue, "\xA0")), /*#__PURE__*/
|
|
35328
|
+
}, searchValue, "\xA0")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
|
|
35301
35329
|
className: "".concat(selectPrefixCls, "-placeholder")
|
|
35302
|
-
}, !(selectTreeNodes !== null && selectTreeNodes !== void 0 && selectTreeNodes.length) && !searchValue && placeholder), /*#__PURE__*/
|
|
35330
|
+
}, !(selectTreeNodes !== null && selectTreeNodes !== void 0 && selectTreeNodes.length) && !searchValue && placeholder), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
|
|
35303
35331
|
className: "".concat(selectPrefixCls, "-suffix")
|
|
35304
35332
|
}, renderSuffix()));
|
|
35305
35333
|
};
|
|
35306
|
-
var singleCls =
|
|
35334
|
+
var singleCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(commCls, (_classNames10 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames10, "".concat(selectPrefixCls, "-single"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames10, "".concat(selectPrefixCls, "-single-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames10, "".concat(selectPrefixCls, "-single-focused"), focusd && !disabled || optionShow), _classNames10));
|
|
35307
35335
|
var renderSelect = function renderSelect() {
|
|
35308
|
-
return /*#__PURE__*/
|
|
35336
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("div", {
|
|
35309
35337
|
className: selectCls,
|
|
35310
35338
|
ref: selectRef,
|
|
35311
35339
|
style: style
|
|
35312
|
-
}, /*#__PURE__*/
|
|
35340
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
|
|
35313
35341
|
className: selectionCls,
|
|
35314
35342
|
tabIndex: disabled ? -1 : 0,
|
|
35315
35343
|
onFocus: function onFocus() {
|
|
@@ -35348,9 +35376,9 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
|
|
|
35348
35376
|
onVisibleChange: handleVisibleChange,
|
|
35349
35377
|
clickToClose: !(showSearch && searchValue)
|
|
35350
35378
|
});
|
|
35351
|
-
return Object(
|
|
35379
|
+
return Object(_utils_usePopper__WEBPACK_IMPORTED_MODULE_26__["default"])(renderSelect(), renderContent(), popperProps);
|
|
35352
35380
|
};
|
|
35353
|
-
var TreeSelect = /*#__PURE__*/
|
|
35381
|
+
var TreeSelect = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.forwardRef(InternalTreeSelect);
|
|
35354
35382
|
TreeSelect.displayName = 'TreeSelect';
|
|
35355
35383
|
/* harmony default export */ __webpack_exports__["default"] = (TreeSelect);
|
|
35356
35384
|
|
|
@@ -35458,10 +35486,11 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
35458
35486
|
/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
|
|
35459
35487
|
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
|
|
35460
35488
|
/* harmony import */ var _treeNode__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./treeNode */ "./components/tree/treeNode.tsx");
|
|
35461
|
-
/* harmony import */ var
|
|
35462
|
-
/* harmony import */ var
|
|
35463
|
-
/* harmony import */ var
|
|
35464
|
-
/* harmony import */ var
|
|
35489
|
+
/* harmony import */ var _virtual_list__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../virtual-list */ "./components/virtual-list/index.tsx");
|
|
35490
|
+
/* harmony import */ var _utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./utils/treeUtils */ "./components/tree/utils/treeUtils.tsx");
|
|
35491
|
+
/* harmony import */ var _treeHooks__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./treeHooks */ "./components/tree/treeHooks.tsx");
|
|
35492
|
+
/* harmony import */ var lodash_isBoolean__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! lodash/isBoolean */ "./node_modules/lodash/isBoolean.js");
|
|
35493
|
+
/* harmony import */ var lodash_isBoolean__WEBPACK_IMPORTED_MODULE_23___default = /*#__PURE__*/__webpack_require__.n(lodash_isBoolean__WEBPACK_IMPORTED_MODULE_23__);
|
|
35465
35494
|
|
|
35466
35495
|
|
|
35467
35496
|
|
|
@@ -35486,6 +35515,7 @@ var _excluded = ["prefixCls", "treeData", "virtual", "showIcon", "switcherIcon",
|
|
|
35486
35515
|
|
|
35487
35516
|
|
|
35488
35517
|
|
|
35518
|
+
|
|
35489
35519
|
var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.forwardRef(function (props, ref) {
|
|
35490
35520
|
var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_14__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_17__["default"]),
|
|
35491
35521
|
getPrefixCls = _useContext.getPrefixCls,
|
|
@@ -35542,13 +35572,12 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.fo
|
|
|
35542
35572
|
notFoundContent = TreeProps.notFoundContent,
|
|
35543
35573
|
others = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_4___default()(TreeProps, _excluded);
|
|
35544
35574
|
var treePrefixCls = getPrefixCls(prefixCls, 'tree', customPrefixcls); // 树样式前缀
|
|
35545
|
-
var treeNodePrefixCls = getPrefixCls(prefixCls, 'tree-node', customPrefixcls); // 树节点样式前缀
|
|
35546
35575
|
var treeNodeClassName = classnames__WEBPACK_IMPORTED_MODULE_15___default()(className, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_3___default()({}, "".concat(treePrefixCls), true));
|
|
35547
35576
|
var treeRootClassName = "".concat(treePrefixCls, "-root");
|
|
35548
35577
|
var estimatedItemSize = innerEstimatedItemSize; // 节点高度
|
|
35549
35578
|
|
|
35550
35579
|
var _React$useMemo = react__WEBPACK_IMPORTED_MODULE_14___default.a.useMemo(function () {
|
|
35551
|
-
return Object(
|
|
35580
|
+
return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["flattenAll"])(treeData, []);
|
|
35552
35581
|
}, [treeData]),
|
|
35553
35582
|
flattenAllData = _React$useMemo.flattenAllData,
|
|
35554
35583
|
maxLevel = _React$useMemo.maxLevel,
|
|
@@ -35557,76 +35586,69 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.fo
|
|
|
35557
35586
|
_React$useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState, 2),
|
|
35558
35587
|
scrollKey = _React$useState2[0],
|
|
35559
35588
|
setScrollKey = _React$useState2[1];
|
|
35560
|
-
var
|
|
35561
|
-
_React$useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState3, 2),
|
|
35562
|
-
start = _React$useState4[0],
|
|
35563
|
-
setStart = _React$useState4[1];
|
|
35564
|
-
var _useSelect = Object(_treeHooks__WEBPACK_IMPORTED_MODULE_21__["useSelect"])(selectedKeysProps, defaultSelectedKeys),
|
|
35589
|
+
var _useSelect = Object(_treeHooks__WEBPACK_IMPORTED_MODULE_22__["useSelect"])(selectedKeysProps, defaultSelectedKeys),
|
|
35565
35590
|
_useSelect2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useSelect, 2),
|
|
35566
35591
|
selectedKeys = _useSelect2[0],
|
|
35567
35592
|
setSelectedKeys = _useSelect2[1];
|
|
35568
35593
|
var listRef = react__WEBPACK_IMPORTED_MODULE_14___default.a.useRef(null);
|
|
35569
|
-
var plantomRef = react__WEBPACK_IMPORTED_MODULE_14___default.a.useRef(null);
|
|
35570
35594
|
var rootRef = react__WEBPACK_IMPORTED_MODULE_14___default.a.useRef(null);
|
|
35571
35595
|
var scrollRef = ref || rootRef;
|
|
35572
35596
|
var treeNodeRef = react__WEBPACK_IMPORTED_MODULE_14___default.a.useRef(null);
|
|
35573
35597
|
var dragNodeRef = react__WEBPACK_IMPORTED_MODULE_14___default.a.useRef(null);
|
|
35574
35598
|
var delayedDragEnterRef = react__WEBPACK_IMPORTED_MODULE_14___default.a.useRef(null);
|
|
35575
|
-
var
|
|
35599
|
+
var virtualListRef = react__WEBPACK_IMPORTED_MODULE_14___default.a.useRef(null);
|
|
35600
|
+
var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_14___default.a.useState(true),
|
|
35601
|
+
_React$useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState3, 2),
|
|
35602
|
+
isInit = _React$useState4[0],
|
|
35603
|
+
setIsInit = _React$useState4[1];
|
|
35604
|
+
var _React$useState5 = react__WEBPACK_IMPORTED_MODULE_14___default.a.useState(null),
|
|
35576
35605
|
_React$useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState5, 2),
|
|
35577
|
-
|
|
35578
|
-
|
|
35606
|
+
dropPosition = _React$useState6[0],
|
|
35607
|
+
setDropPosition = _React$useState6[1];
|
|
35579
35608
|
var _React$useState7 = react__WEBPACK_IMPORTED_MODULE_14___default.a.useState(null),
|
|
35580
35609
|
_React$useState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState7, 2),
|
|
35581
|
-
|
|
35582
|
-
|
|
35583
|
-
var _React$useState9 = react__WEBPACK_IMPORTED_MODULE_14___default.a.useState(
|
|
35610
|
+
dragOverNodeKey = _React$useState8[0],
|
|
35611
|
+
setDragOverNodeKey = _React$useState8[1];
|
|
35612
|
+
var _React$useState9 = react__WEBPACK_IMPORTED_MODULE_14___default.a.useState(new Set()),
|
|
35584
35613
|
_React$useState10 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState9, 2),
|
|
35585
|
-
|
|
35586
|
-
|
|
35614
|
+
loadedKeys = _React$useState10[0],
|
|
35615
|
+
setLoadedKeys = _React$useState10[1];
|
|
35587
35616
|
var _React$useState11 = react__WEBPACK_IMPORTED_MODULE_14___default.a.useState(new Set()),
|
|
35588
35617
|
_React$useState12 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState11, 2),
|
|
35589
|
-
|
|
35590
|
-
|
|
35591
|
-
var _React$useState13 = react__WEBPACK_IMPORTED_MODULE_14___default.a.useState(
|
|
35618
|
+
loadingKeys = _React$useState12[0],
|
|
35619
|
+
setLoadingKeys = _React$useState12[1];
|
|
35620
|
+
var _React$useState13 = react__WEBPACK_IMPORTED_MODULE_14___default.a.useState([]),
|
|
35592
35621
|
_React$useState14 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState13, 2),
|
|
35593
|
-
|
|
35594
|
-
|
|
35595
|
-
var _React$useState15 = react__WEBPACK_IMPORTED_MODULE_14___default.a.useState([]),
|
|
35596
|
-
_React$useState16 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState15, 2),
|
|
35597
|
-
searchExpandedKeys = _React$useState16[0],
|
|
35598
|
-
setSearchExpandedKeys = _React$useState16[1];
|
|
35622
|
+
searchExpandedKeys = _React$useState14[0],
|
|
35623
|
+
setSearchExpandedKeys = _React$useState14[1];
|
|
35599
35624
|
var isSearching = react__WEBPACK_IMPORTED_MODULE_14___default.a.useMemo(function () {
|
|
35600
35625
|
return typeof filterTreeNode === 'function' && !!filterValue;
|
|
35601
35626
|
}, [filterValue]);
|
|
35602
35627
|
Object(react__WEBPACK_IMPORTED_MODULE_14__["useEffect"])(function () {
|
|
35603
35628
|
setSearchExpandedKeys([]);
|
|
35604
35629
|
}, [filterValue]);
|
|
35605
|
-
var _useExpand = Object(
|
|
35630
|
+
var _useExpand = Object(_treeHooks__WEBPACK_IMPORTED_MODULE_22__["useExpand"])(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching, keysData, searchExpandedKeys),
|
|
35606
35631
|
_useExpand2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useExpand, 2),
|
|
35607
35632
|
expandedKeys = _useExpand2[0],
|
|
35608
35633
|
setExpandedKeys = _useExpand2[1];
|
|
35609
35634
|
var _React$useMemo2 = react__WEBPACK_IMPORTED_MODULE_14___default.a.useMemo(function () {
|
|
35610
|
-
return Object(
|
|
35635
|
+
return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["getSpreadAttrData"])(flattenAllData, expandedKeys);
|
|
35611
35636
|
}, [flattenAllData, expandedKeys]),
|
|
35612
35637
|
spreadAttrData = _React$useMemo2.spreadAttrData,
|
|
35613
35638
|
posData = _React$useMemo2.posData;
|
|
35614
|
-
var _useChecked = Object(
|
|
35639
|
+
var _useChecked = Object(_treeHooks__WEBPACK_IMPORTED_MODULE_22__["useChecked"])(checkStrictly, checkedKeysProps, defaultCheckedKeys, flattenAllData, maxLevel, checkable, keysData),
|
|
35615
35640
|
_useChecked2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useChecked, 4),
|
|
35616
35641
|
checkedKeys = _useChecked2[0],
|
|
35617
35642
|
halfCheckedKeys = _useChecked2[1],
|
|
35618
35643
|
setCheckedKeys = _useChecked2[2],
|
|
35619
35644
|
setHalfCheckedKeys = _useChecked2[3];
|
|
35620
35645
|
var filterData = react__WEBPACK_IMPORTED_MODULE_14___default.a.useMemo(function () {
|
|
35621
|
-
return Object(
|
|
35646
|
+
return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["getFilterData"])(spreadAttrData, filterTreeNode, isSearching, posData, keysData);
|
|
35622
35647
|
}, [spreadAttrData, isSearching, posData, keysData]);
|
|
35623
|
-
|
|
35624
|
-
|
|
35625
|
-
|
|
35626
|
-
|
|
35627
|
-
_useVisibleDataMemo2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useVisibleDataMemo, 1),
|
|
35628
|
-
visibleData = _useVisibleDataMemo2[0];
|
|
35629
|
-
var index = react__WEBPACK_IMPORTED_MODULE_14___default.a.useMemo(function () {
|
|
35648
|
+
Object(react__WEBPACK_IMPORTED_MODULE_14__["useEffect"])(function () {
|
|
35649
|
+
if (typeof scrollKey === 'undefined') {
|
|
35650
|
+
return;
|
|
35651
|
+
}
|
|
35630
35652
|
var scrollIndex = 0;
|
|
35631
35653
|
for (var i = 0; i < filterData.length; i++) {
|
|
35632
35654
|
if (filterData[i].key === scrollKey) {
|
|
@@ -35634,19 +35656,23 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.fo
|
|
|
35634
35656
|
break;
|
|
35635
35657
|
}
|
|
35636
35658
|
}
|
|
35637
|
-
|
|
35638
|
-
|
|
35639
|
-
|
|
35640
|
-
|
|
35641
|
-
|
|
35642
|
-
|
|
35643
|
-
|
|
35644
|
-
|
|
35645
|
-
|
|
35646
|
-
|
|
35647
|
-
|
|
35659
|
+
if (virtual) {
|
|
35660
|
+
var _virtualListRef$curre;
|
|
35661
|
+
(_virtualListRef$curre = virtualListRef.current) === null || _virtualListRef$curre === void 0 ? void 0 : _virtualListRef$curre.scrollTo({
|
|
35662
|
+
index: scrollIndex
|
|
35663
|
+
});
|
|
35664
|
+
} else {
|
|
35665
|
+
var _wrapperDom$children$;
|
|
35666
|
+
var wrapperDom = scrollRef.current;
|
|
35667
|
+
var _node = wrapperDom ? wrapperDom === null || wrapperDom === void 0 ? void 0 : (_wrapperDom$children$ = wrapperDom.children[0]) === null || _wrapperDom$children$ === void 0 ? void 0 : _wrapperDom$children$.children[scrollIndex] : null;
|
|
35668
|
+
if (_node && wrapperDom) {
|
|
35669
|
+
var containerHeight = wrapperDom.clientHeight;
|
|
35670
|
+
var targetHeight = _node.clientHeight;
|
|
35671
|
+
var scrollPosition = _node.offsetTop + targetHeight - containerHeight;
|
|
35672
|
+
wrapperDom.scrollTop = scrollPosition;
|
|
35673
|
+
}
|
|
35648
35674
|
}
|
|
35649
|
-
}, [
|
|
35675
|
+
}, [filterData, scrollKey, virtual]);
|
|
35650
35676
|
var handleNodeLoad = Object(react__WEBPACK_IMPORTED_MODULE_14__["useCallback"])(function (loadedKeys, loadingKeys, data) {
|
|
35651
35677
|
var key = data.key;
|
|
35652
35678
|
if (!loadData || loadedKeys.has(key) || loadingKeys.has(key)) {
|
|
@@ -35671,13 +35697,13 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.fo
|
|
|
35671
35697
|
return prevLoadingKeys;
|
|
35672
35698
|
});
|
|
35673
35699
|
setExpandedKeys(function (preExpandedKeys) {
|
|
35674
|
-
return Object(
|
|
35700
|
+
return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["delKey"])(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_1___default()(preExpandedKeys), [key]);
|
|
35675
35701
|
});
|
|
35676
35702
|
throw e;
|
|
35677
35703
|
});
|
|
35678
35704
|
}, [loadData, setExpandedKeys]);
|
|
35679
35705
|
var handleExpand = react__WEBPACK_IMPORTED_MODULE_14___default.a.useCallback(function (key, expanded, node) {
|
|
35680
|
-
var newExpandedKeys = expanded ? Object(
|
|
35706
|
+
var newExpandedKeys = expanded ? Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["addKeys"])(expandedKeys, [key]) : Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["delKey"])(expandedKeys, [key]);
|
|
35681
35707
|
if (expandedKeysProps === undefined) {
|
|
35682
35708
|
setExpandedKeys(newExpandedKeys);
|
|
35683
35709
|
}
|
|
@@ -35686,18 +35712,18 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.fo
|
|
|
35686
35712
|
expanded: expanded
|
|
35687
35713
|
});
|
|
35688
35714
|
if (isSearching) {
|
|
35689
|
-
var newSearchExpandedKeys = expanded ? Object(
|
|
35715
|
+
var newSearchExpandedKeys = expanded ? Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["addKeys"])(searchExpandedKeys, [key]) : Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["delKey"])(searchExpandedKeys, [key]);
|
|
35690
35716
|
setSearchExpandedKeys(newSearchExpandedKeys);
|
|
35691
35717
|
}
|
|
35692
|
-
setScrollKey(
|
|
35718
|
+
setScrollKey(undefined);
|
|
35693
35719
|
setIsInit(false);
|
|
35694
35720
|
if (expanded && loadData) {
|
|
35695
35721
|
handleNodeLoad(loadedKeys, loadingKeys, node);
|
|
35696
35722
|
}
|
|
35697
35723
|
}, [expandedKeys, onExpand, loadData, handleNodeLoad, loadedKeys, loadingKeys]);
|
|
35698
35724
|
var handleCheck = react__WEBPACK_IMPORTED_MODULE_14___default.a.useCallback(function (key, value, node, event, _pos) {
|
|
35699
|
-
var newCheckedKeys = value ? Object(
|
|
35700
|
-
var checkState = checkStrictly ? Object(
|
|
35725
|
+
var newCheckedKeys = value ? Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["addKeys"])(checkedKeys, [key]) : Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["delKey"])(checkedKeys, [key]);
|
|
35726
|
+
var checkState = checkStrictly ? Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["getDataCheckededStateStrictly"])(newCheckedKeys) : Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["getAllCheckedKeys"])(key, value, checkedKeys, keysData, halfCheckedKeys);
|
|
35701
35727
|
if (!('checkedKeys' in TreeProps)) {
|
|
35702
35728
|
setCheckedKeys(checkState.checkedKeys);
|
|
35703
35729
|
setHalfCheckedKeys(checkState.halfCheckedKeys);
|
|
@@ -35716,7 +35742,7 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.fo
|
|
|
35716
35742
|
});
|
|
35717
35743
|
}, [onDragStart]);
|
|
35718
35744
|
var handleDragOver = react__WEBPACK_IMPORTED_MODULE_14___default.a.useCallback(function (event, node, dropTarget) {
|
|
35719
|
-
var dropPos = Object(
|
|
35745
|
+
var dropPos = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["calcDropPosition"])(event, dropTarget);
|
|
35720
35746
|
if (!delayedDragEnterRef.current) {
|
|
35721
35747
|
delayedDragEnterRef.current = {};
|
|
35722
35748
|
}
|
|
@@ -35740,7 +35766,7 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.fo
|
|
|
35740
35766
|
delayedDragEnterRef.current[pos] = setTimeout(function () {
|
|
35741
35767
|
var newExpandedKeys = _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_1___default()(expandedKeys);
|
|
35742
35768
|
if (!node.expand) {
|
|
35743
|
-
newExpandedKeys = Object(
|
|
35769
|
+
newExpandedKeys = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["addKeys"])(expandedKeys, [key]);
|
|
35744
35770
|
}
|
|
35745
35771
|
if (!('expandedKeys' in TreeProps)) {
|
|
35746
35772
|
setExpandedKeys(newExpandedKeys);
|
|
@@ -35786,8 +35812,8 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.fo
|
|
|
35786
35812
|
var handleDrop = react__WEBPACK_IMPORTED_MODULE_14___default.a.useCallback(function (event, node, dragNode, dragNodesKeys) {
|
|
35787
35813
|
setDragOverNodeKey(null);
|
|
35788
35814
|
setDropPosition(null);
|
|
35789
|
-
var pos = Object(
|
|
35790
|
-
var keys = Object(
|
|
35815
|
+
var pos = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["getPos"])(flattenAllData, dragNodesKeys);
|
|
35816
|
+
var keys = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["getAllChildKeys"])(flattenAllData, pos).concat(dragNodesKeys);
|
|
35791
35817
|
onDrop && onDrop({
|
|
35792
35818
|
event: event,
|
|
35793
35819
|
node: node,
|
|
@@ -35797,7 +35823,7 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.fo
|
|
|
35797
35823
|
});
|
|
35798
35824
|
}, [flattenAllData, onDrop, dropPosition]);
|
|
35799
35825
|
var handleSelect = react__WEBPACK_IMPORTED_MODULE_14___default.a.useCallback(function (event, node, key) {
|
|
35800
|
-
var checked = Object(
|
|
35826
|
+
var checked = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["getChecked"])(checkedKeys, key);
|
|
35801
35827
|
onSelect && onSelect([key], {
|
|
35802
35828
|
node: node,
|
|
35803
35829
|
event: event,
|
|
@@ -35805,16 +35831,16 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.fo
|
|
|
35805
35831
|
});
|
|
35806
35832
|
}, [onSelect, setSelectedKeys, checkedKeys]);
|
|
35807
35833
|
var getSelectable = function getSelectable(selectable) {
|
|
35808
|
-
if (
|
|
35834
|
+
if (lodash_isBoolean__WEBPACK_IMPORTED_MODULE_23___default()(selectable)) {
|
|
35809
35835
|
return selectable;
|
|
35810
35836
|
}
|
|
35811
35837
|
return true;
|
|
35812
35838
|
};
|
|
35813
35839
|
var getCheckable = function getCheckable(checkableProps, itemCheckable) {
|
|
35814
|
-
return
|
|
35840
|
+
return lodash_isBoolean__WEBPACK_IMPORTED_MODULE_23___default()(itemCheckable) ? itemCheckable : checkableProps;
|
|
35815
35841
|
};
|
|
35816
35842
|
var getDisabled = function getDisabled(disabledProps, itemDisabled) {
|
|
35817
|
-
return
|
|
35843
|
+
return lodash_isBoolean__WEBPACK_IMPORTED_MODULE_23___default()(itemDisabled) ? itemDisabled : disabledProps;
|
|
35818
35844
|
};
|
|
35819
35845
|
var getDragNode = function getDragNode() {
|
|
35820
35846
|
return dragNodeRef.current;
|
|
@@ -35834,20 +35860,9 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.fo
|
|
|
35834
35860
|
Object(react__WEBPACK_IMPORTED_MODULE_14__["useEffect"])(function () {
|
|
35835
35861
|
setCheckedKeys(checkedKeys);
|
|
35836
35862
|
}, [checkedKeys, setCheckedKeys]);
|
|
35837
|
-
|
|
35838
|
-
|
|
35839
|
-
|
|
35840
|
-
ref: scrollRef,
|
|
35841
|
-
onScroll: handleScroll
|
|
35842
|
-
}, others), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("div", {
|
|
35843
|
-
ref: plantomRef,
|
|
35844
|
-
className: "".concat(treePrefixCls, "-plantom")
|
|
35845
|
-
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("div", {
|
|
35846
|
-
className: treeRootClassName,
|
|
35847
|
-
ref: listRef
|
|
35848
|
-
}, !(visibleData !== null && visibleData !== void 0 && visibleData.length) && notFoundContent, visibleData && visibleData.map(function (item) {
|
|
35849
|
-
var checked = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_20__["getChecked"])(checkedKeys, item.key);
|
|
35850
|
-
var indeterminate = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_20__["getHalfChecked"])(halfCheckedKeys, item.key);
|
|
35863
|
+
var renderTreeNode = function renderTreeNode(item) {
|
|
35864
|
+
var checked = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["getChecked"])(checkedKeys, item.key);
|
|
35865
|
+
var indeterminate = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["getHalfChecked"])(halfCheckedKeys, item.key);
|
|
35851
35866
|
item.nodeKey = item.key;
|
|
35852
35867
|
item.onExpand = handleExpand;
|
|
35853
35868
|
item.onCheck = handleCheck;
|
|
@@ -35883,7 +35898,26 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.fo
|
|
|
35883
35898
|
key: item.key,
|
|
35884
35899
|
ref: treeNodeRef
|
|
35885
35900
|
}));
|
|
35886
|
-
}
|
|
35901
|
+
};
|
|
35902
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("div", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
|
|
35903
|
+
className: treeNodeClassName,
|
|
35904
|
+
style: style,
|
|
35905
|
+
ref: scrollRef
|
|
35906
|
+
}, others), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("div", {
|
|
35907
|
+
className: treeRootClassName,
|
|
35908
|
+
ref: listRef
|
|
35909
|
+
}, !(filterData !== null && filterData !== void 0 && filterData.length) && notFoundContent, virtual ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(_virtual_list__WEBPACK_IMPORTED_MODULE_20__["default"], {
|
|
35910
|
+
className: className,
|
|
35911
|
+
style: style,
|
|
35912
|
+
ref: virtualListRef,
|
|
35913
|
+
data: filterData,
|
|
35914
|
+
isStaticItemHeight: true,
|
|
35915
|
+
itemKey: function itemKey(item) {
|
|
35916
|
+
return item === null || item === void 0 ? void 0 : item.key;
|
|
35917
|
+
},
|
|
35918
|
+
height: height,
|
|
35919
|
+
itemHeight: estimatedItemSize
|
|
35920
|
+
}, renderTreeNode) : filterData.map(renderTreeNode)));
|
|
35887
35921
|
});
|
|
35888
35922
|
var Tree = InternalTree;
|
|
35889
35923
|
Tree.displayName = 'Tree';
|
|
@@ -36101,7 +36135,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
36101
36135
|
|
|
36102
36136
|
|
|
36103
36137
|
|
|
36104
|
-
var TreeNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.forwardRef(function (props
|
|
36138
|
+
var TreeNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.forwardRef(function (props) {
|
|
36105
36139
|
var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_11__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_13__["default"]),
|
|
36106
36140
|
getPrefixCls = _useContext.getPrefixCls,
|
|
36107
36141
|
prefixCls = _useContext.prefixCls,
|
|
@@ -36314,11 +36348,6 @@ var TreeNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.forwar
|
|
|
36314
36348
|
var handleSelect = react__WEBPACK_IMPORTED_MODULE_11___default.a.useCallback(function (e) {
|
|
36315
36349
|
selectable && !disabled && onSelect && onSelect(e, nodeData, nodeKey);
|
|
36316
36350
|
}, [onSelect, selectable, disabled, nodeData, nodeKey]);
|
|
36317
|
-
react__WEBPACK_IMPORTED_MODULE_11___default.a.useImperativeHandle(ref, function () {
|
|
36318
|
-
return {
|
|
36319
|
-
selectNode: handleSelect
|
|
36320
|
-
};
|
|
36321
|
-
});
|
|
36322
36351
|
var handleExpandIconClick = Object(react__WEBPACK_IMPORTED_MODULE_11__["useCallback"])(function (e) {
|
|
36323
36352
|
e === null || e === void 0 ? void 0 : e.stopPropagation();
|
|
36324
36353
|
setExpandState(!expandState);
|