@kdcloudjs/kdesign 1.6.40 → 1.7.0
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 +16 -0
- package/dist/kdesign-complete.less +478 -0
- package/dist/kdesign.css +504 -1
- package/dist/kdesign.css.map +1 -1
- package/dist/kdesign.js +701 -24
- package/dist/kdesign.js.map +1 -1
- package/dist/kdesign.min.css +2 -2
- package/dist/kdesign.min.js +6 -6
- package/dist/kdesign.min.js.map +1 -1
- package/es/cascader/cascader.js +14 -3
- package/es/cascader/util.js +13 -4
- package/es/config-provider/compDefaultProps.d.ts +13 -0
- package/es/config-provider/compDefaultProps.js +17 -0
- package/es/index.d.ts +1 -0
- package/es/index.js +2 -1
- package/es/input/ClearableLabeledInput.js +8 -2
- package/es/input/input.js +1 -5
- package/es/tree/tree.d.ts +2 -1
- package/es/tree/tree.js +4 -3
- package/es/tree-select/index.d.ts +3 -0
- package/es/tree-select/index.js +3 -0
- package/es/tree-select/interface.d.ts +68 -0
- package/es/tree-select/interface.js +4 -0
- package/es/tree-select/style/css.js +2 -0
- package/es/tree-select/style/index.css +502 -0
- package/es/tree-select/style/index.d.ts +2 -0
- package/es/tree-select/style/index.js +2 -0
- package/es/tree-select/style/index.less +392 -0
- package/es/tree-select/style/mixin.less +29 -0
- package/es/tree-select/style/token.less +54 -0
- package/es/tree-select/tree-select.d.ts +4 -0
- package/es/tree-select/tree-select.js +506 -0
- package/lib/cascader/cascader.js +14 -3
- package/lib/cascader/util.js +13 -4
- package/lib/config-provider/compDefaultProps.d.ts +13 -0
- package/lib/config-provider/compDefaultProps.js +17 -0
- package/lib/index.d.ts +1 -0
- package/lib/index.js +7 -0
- package/lib/input/ClearableLabeledInput.js +8 -2
- package/lib/input/input.js +1 -5
- package/lib/style/components.less +1 -0
- package/lib/tree/tree.d.ts +2 -1
- package/lib/tree/tree.js +4 -3
- package/lib/tree-select/index.d.ts +3 -0
- package/lib/tree-select/index.js +27 -0
- package/lib/tree-select/interface.d.ts +68 -0
- package/lib/tree-select/interface.js +13 -0
- package/lib/tree-select/style/css.js +4 -0
- package/lib/tree-select/style/index.css +502 -0
- package/lib/tree-select/style/index.d.ts +2 -0
- package/lib/tree-select/style/index.js +4 -0
- package/lib/tree-select/style/index.less +392 -0
- package/lib/tree-select/style/mixin.less +29 -0
- package/lib/tree-select/style/token.less +54 -0
- package/lib/tree-select/tree-select.d.ts +4 -0
- package/lib/tree-select/tree-select.js +519 -0
- package/package.json +1 -1
package/dist/kdesign.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
*
|
|
3
|
-
* @kdcloudjs/kdesign v1.6.
|
|
3
|
+
* @kdcloudjs/kdesign v1.6.40
|
|
4
4
|
*
|
|
5
5
|
* Copyright 2020-present, Kingdee, Inc.
|
|
6
6
|
* All rights reserved.
|
|
@@ -162,6 +162,7 @@ var map = {
|
|
|
162
162
|
"./timeline/style/index.tsx": "./components/timeline/style/index.tsx",
|
|
163
163
|
"./tooltip/style/index.tsx": "./components/tooltip/style/index.tsx",
|
|
164
164
|
"./transfer/style/index.tsx": "./components/transfer/style/index.tsx",
|
|
165
|
+
"./tree-select/style/index.tsx": "./components/tree-select/style/index.tsx",
|
|
165
166
|
"./tree/style/index.tsx": "./components/tree/style/index.tsx",
|
|
166
167
|
"./typography/style/index.tsx": "./components/typography/style/index.tsx",
|
|
167
168
|
"./upload/style/index.tsx": "./components/upload/style/index.tsx"
|
|
@@ -6337,6 +6338,17 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.forwar
|
|
|
6337
6338
|
});
|
|
6338
6339
|
});
|
|
6339
6340
|
}, [currentOptions, fieldNames.label, isMultiple]);
|
|
6341
|
+
var values = Object(react__WEBPACK_IMPORTED_MODULE_16__["useMemo"])(function () {
|
|
6342
|
+
return !isMultiple ? currentOptions.map(function (_ref3) {
|
|
6343
|
+
var value = _ref3.value;
|
|
6344
|
+
return value;
|
|
6345
|
+
}) : currentOptions.map(function (option) {
|
|
6346
|
+
return option.map(function (_ref4) {
|
|
6347
|
+
var value = _ref4.value;
|
|
6348
|
+
return value;
|
|
6349
|
+
});
|
|
6350
|
+
});
|
|
6351
|
+
}, [currentOptions, isMultiple]);
|
|
6340
6352
|
var allowClear = allProps.allowClear && value.length > 0;
|
|
6341
6353
|
var locatorProps = {
|
|
6342
6354
|
style: style,
|
|
@@ -6424,7 +6436,7 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.forwar
|
|
|
6424
6436
|
ref: wrapperRef
|
|
6425
6437
|
}, Array.isArray(currentOptions) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment, null, currentOptions.map(function (option, index) {
|
|
6426
6438
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("span", {
|
|
6427
|
-
key: JSON.stringify(
|
|
6439
|
+
key: JSON.stringify(values[index]),
|
|
6428
6440
|
className: classnames__WEBPACK_IMPORTED_MODULE_17___default()("".concat(prefixCls, "-selection-tag"))
|
|
6429
6441
|
}, (!maxTagCount || index <= maxTagCount - 1) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement(_tag__WEBPACK_IMPORTED_MODULE_26__["default"], {
|
|
6430
6442
|
type: "edit",
|
|
@@ -6499,8 +6511,8 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.forwar
|
|
|
6499
6511
|
(_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, newValue, newMultipleOptions);
|
|
6500
6512
|
};
|
|
6501
6513
|
var onChange = function onChange(selectedOptions) {
|
|
6502
|
-
var selectedValue = selectedOptions.map(function (
|
|
6503
|
-
var value =
|
|
6514
|
+
var selectedValue = selectedOptions.map(function (_ref5) {
|
|
6515
|
+
var value = _ref5[fieldNames.value];
|
|
6504
6516
|
return value;
|
|
6505
6517
|
});
|
|
6506
6518
|
setCurrentOptions(selectedOptions);
|
|
@@ -6686,12 +6698,12 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
6686
6698
|
/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_15__);
|
|
6687
6699
|
/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! core-js/modules/es.string.includes.js */ "./node_modules/core-js/modules/es.string.includes.js");
|
|
6688
6700
|
/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_16__);
|
|
6689
|
-
/* harmony import */ var
|
|
6690
|
-
/* harmony import */ var
|
|
6691
|
-
/* harmony import */ var
|
|
6692
|
-
/* harmony import */ var
|
|
6693
|
-
/* harmony import */ var
|
|
6694
|
-
/* harmony import */ var
|
|
6701
|
+
/* harmony import */ var core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! core-js/modules/es.array.from.js */ "./node_modules/core-js/modules/es.array.from.js");
|
|
6702
|
+
/* harmony import */ var core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_17__);
|
|
6703
|
+
/* harmony import */ var core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! core-js/modules/es.array.splice.js */ "./node_modules/core-js/modules/es.array.splice.js");
|
|
6704
|
+
/* harmony import */ var core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_18__);
|
|
6705
|
+
/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");
|
|
6706
|
+
/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_19__);
|
|
6695
6707
|
/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
|
|
6696
6708
|
/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_20__);
|
|
6697
6709
|
/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");
|
|
@@ -6903,9 +6915,18 @@ var getChecked = function getChecked(checkedKeys, key) {
|
|
|
6903
6915
|
return checkedKeys === null || checkedKeys === void 0 ? void 0 : checkedKeys.includes(key);
|
|
6904
6916
|
};
|
|
6905
6917
|
var getCheckedNodes = function getCheckedNodes(flatNodes, checkedKeys) {
|
|
6906
|
-
|
|
6907
|
-
|
|
6908
|
-
|
|
6918
|
+
var result = [];
|
|
6919
|
+
for (var i = 0; i < checkedKeys.length; i++) {
|
|
6920
|
+
var key = checkedKeys[i];
|
|
6921
|
+
for (var j = 0; j < flatNodes.length; j++) {
|
|
6922
|
+
var obj = flatNodes[j];
|
|
6923
|
+
if (obj.value === key) {
|
|
6924
|
+
result.push(obj);
|
|
6925
|
+
break;
|
|
6926
|
+
}
|
|
6927
|
+
}
|
|
6928
|
+
}
|
|
6929
|
+
return result;
|
|
6909
6930
|
};
|
|
6910
6931
|
var addKeys = function addKeys() {
|
|
6911
6932
|
var prevKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
@@ -8967,6 +8988,23 @@ var compDefaultProps = {
|
|
|
8967
8988
|
Link: {
|
|
8968
8989
|
size: 'middle',
|
|
8969
8990
|
underscore: false
|
|
8991
|
+
},
|
|
8992
|
+
TreeSelect: {
|
|
8993
|
+
size: 'middle',
|
|
8994
|
+
borderType: 'underline',
|
|
8995
|
+
mode: 'single',
|
|
8996
|
+
defaultOpen: false,
|
|
8997
|
+
showArrow: true,
|
|
8998
|
+
placeholder: '请输入需要搜索的内容',
|
|
8999
|
+
optionLabelProp: 'title',
|
|
9000
|
+
treeNodeFilterProp: 'title',
|
|
9001
|
+
showSearch: true,
|
|
9002
|
+
switcherIcon: function switcherIcon() {
|
|
9003
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_index__WEBPACK_IMPORTED_MODULE_2__["Icon"], {
|
|
9004
|
+
type: "arrow-right-solid"
|
|
9005
|
+
});
|
|
9006
|
+
},
|
|
9007
|
+
expandOnClickNode: false
|
|
8970
9008
|
}
|
|
8971
9009
|
};
|
|
8972
9010
|
/* harmony default export */ __webpack_exports__["default"] = (compDefaultProps);
|
|
@@ -19187,7 +19225,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
19187
19225
|
/*!******************************!*\
|
|
19188
19226
|
!*** ./components/index.tsx ***!
|
|
19189
19227
|
\******************************/
|
|
19190
|
-
/*! exports provided: Alert, Button, Card, Collapse, Checkbox, ConfigProvider, Carousel, Cascader, Dropdown, DatePicker, RangePicker, Drawer, Empty, Filter, Form, Row, Col, Input, TextArea, InputNumber, Icon, Image, Layout, Modal, Menu, Message, Notification, Pagination, Progress, Popconfirm, Radio, Rate, Select, Switch, Steps, Step, Space, SplitPanel, Spin, Timeline, Tooltip, Tabs, Transfer, Tree, TreeNode, Tag, Upload, Typography, Search, Badge, ImageCropper, CityPicker, Anchor, Avatar, Slider, Table, Stepper, BaseData, Link */
|
|
19228
|
+
/*! exports provided: Alert, Button, Card, Collapse, Checkbox, ConfigProvider, Carousel, Cascader, Dropdown, DatePicker, RangePicker, Drawer, Empty, Filter, Form, Row, Col, Input, TextArea, InputNumber, Icon, Image, Layout, Modal, Menu, Message, Notification, Pagination, Progress, Popconfirm, Radio, Rate, Select, Switch, Steps, Step, Space, SplitPanel, Spin, Timeline, Tooltip, Tabs, Transfer, Tree, TreeNode, Tag, Upload, Typography, Search, Badge, ImageCropper, CityPicker, Anchor, Avatar, Slider, Table, Stepper, BaseData, Link, TreeSelect */
|
|
19191
19229
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
19192
19230
|
|
|
19193
19231
|
"use strict";
|
|
@@ -19365,6 +19403,9 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
19365
19403
|
/* harmony import */ var _link__WEBPACK_IMPORTED_MODULE_54__ = __webpack_require__(/*! ./link */ "./components/link/index.tsx");
|
|
19366
19404
|
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Link", function() { return _link__WEBPACK_IMPORTED_MODULE_54__["default"]; });
|
|
19367
19405
|
|
|
19406
|
+
/* harmony import */ var _tree_select__WEBPACK_IMPORTED_MODULE_55__ = __webpack_require__(/*! ./tree-select */ "./components/tree-select/index.tsx");
|
|
19407
|
+
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TreeSelect", function() { return _tree_select__WEBPACK_IMPORTED_MODULE_55__["default"]; });
|
|
19408
|
+
|
|
19368
19409
|
/* @remove-on-es-build-begin */
|
|
19369
19410
|
// this file is not used if use https://github.com/ant-design/babel-plugin-import
|
|
19370
19411
|
var ENV = "development";
|
|
@@ -19429,6 +19470,7 @@ typeof window !== 'undefined') {
|
|
|
19429
19470
|
|
|
19430
19471
|
|
|
19431
19472
|
|
|
19473
|
+
|
|
19432
19474
|
|
|
19433
19475
|
|
|
19434
19476
|
/***/ }),
|
|
@@ -19893,6 +19935,10 @@ var ClearableInput = function ClearableInput(props) {
|
|
|
19893
19935
|
var mouseLeaveHandle = function mouseLeaveHandle() {
|
|
19894
19936
|
setIsMouseEnter(false);
|
|
19895
19937
|
};
|
|
19938
|
+
var mouseDownHandle = function mouseDownHandle(e) {
|
|
19939
|
+
e.stopPropagation();
|
|
19940
|
+
e.preventDefault();
|
|
19941
|
+
};
|
|
19896
19942
|
var renderClearIcon = function renderClearIcon() {
|
|
19897
19943
|
var _classNames;
|
|
19898
19944
|
if (!allowClear) {
|
|
@@ -19910,7 +19956,8 @@ var ClearableInput = function ClearableInput(props) {
|
|
|
19910
19956
|
var renderSuffix = function renderSuffix() {
|
|
19911
19957
|
if (suffix || !disabled && !!allowClear || inputCount) {
|
|
19912
19958
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("span", {
|
|
19913
|
-
className: "".concat(prefixCls, "-suffix")
|
|
19959
|
+
className: "".concat(prefixCls, "-suffix"),
|
|
19960
|
+
onMouseDown: mouseDownHandle
|
|
19914
19961
|
}, renderClearIcon(), inputCount && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("span", {
|
|
19915
19962
|
style: {
|
|
19916
19963
|
marginRight: suffix ? 9 : 0
|
|
@@ -19926,7 +19973,8 @@ var ClearableInput = function ClearableInput(props) {
|
|
|
19926
19973
|
}
|
|
19927
19974
|
var suffixNode = renderSuffix();
|
|
19928
19975
|
var prefixNode = prefix ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("span", {
|
|
19929
|
-
className: "".concat(prefixCls, "-prefix")
|
|
19976
|
+
className: "".concat(prefixCls, "-prefix"),
|
|
19977
|
+
onMouseDown: mouseDownHandle
|
|
19930
19978
|
}, prefix) : null;
|
|
19931
19979
|
var inputWrapperClasses = classnames__WEBPACK_IMPORTED_MODULE_5___default()((_classNames2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-wrapper"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-wrapper-focused"), focused && !disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-wrapper-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-wrapper-size-").concat(size), size), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-wrapper-borderless"), borderType === 'none'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-wrapper-underline"), borderType === 'underline'), _classNames2), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, className, className && !addonBefore && !addonAfter));
|
|
19932
19980
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("span", {
|
|
@@ -20548,11 +20596,7 @@ var InternalInput = function InternalInput(props, ref) {
|
|
|
20548
20596
|
}
|
|
20549
20597
|
if (count && showNumberMark && !disabled) {
|
|
20550
20598
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", {
|
|
20551
|
-
className: classnames__WEBPACK_IMPORTED_MODULE_13___default()("".concat(inputPrefixCls, "-input-mark-inner"))
|
|
20552
|
-
onMouseDown: function onMouseDown(e) {
|
|
20553
|
-
e.stopPropagation();
|
|
20554
|
-
e.preventDefault();
|
|
20555
|
-
}
|
|
20599
|
+
className: classnames__WEBPACK_IMPORTED_MODULE_13___default()("".concat(inputPrefixCls, "-input-mark-inner"))
|
|
20556
20600
|
}, enteredLength, maxLength !== undefined ? "/".concat(maxLength) : null);
|
|
20557
20601
|
}
|
|
20558
20602
|
return null;
|
|
@@ -33631,6 +33675,638 @@ Transfer.displayName = 'Transfer';
|
|
|
33631
33675
|
|
|
33632
33676
|
/***/ }),
|
|
33633
33677
|
|
|
33678
|
+
/***/ "./components/tree-select/index.tsx":
|
|
33679
|
+
/*!******************************************!*\
|
|
33680
|
+
!*** ./components/tree-select/index.tsx ***!
|
|
33681
|
+
\******************************************/
|
|
33682
|
+
/*! exports provided: default */
|
|
33683
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
33684
|
+
|
|
33685
|
+
"use strict";
|
|
33686
|
+
__webpack_require__.r(__webpack_exports__);
|
|
33687
|
+
/* harmony import */ var _tree_select__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./tree-select */ "./components/tree-select/tree-select.tsx");
|
|
33688
|
+
/* empty/unused harmony star reexport */
|
|
33689
|
+
|
|
33690
|
+
/* harmony default export */ __webpack_exports__["default"] = (_tree_select__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
|
33691
|
+
|
|
33692
|
+
/***/ }),
|
|
33693
|
+
|
|
33694
|
+
/***/ "./components/tree-select/style/index.less":
|
|
33695
|
+
/*!*************************************************!*\
|
|
33696
|
+
!*** ./components/tree-select/style/index.less ***!
|
|
33697
|
+
\*************************************************/
|
|
33698
|
+
/*! no static exports found */
|
|
33699
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
33700
|
+
|
|
33701
|
+
// extracted by mini-css-extract-plugin
|
|
33702
|
+
|
|
33703
|
+
/***/ }),
|
|
33704
|
+
|
|
33705
|
+
/***/ "./components/tree-select/style/index.tsx":
|
|
33706
|
+
/*!************************************************!*\
|
|
33707
|
+
!*** ./components/tree-select/style/index.tsx ***!
|
|
33708
|
+
\************************************************/
|
|
33709
|
+
/*! no exports provided */
|
|
33710
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
33711
|
+
|
|
33712
|
+
"use strict";
|
|
33713
|
+
__webpack_require__.r(__webpack_exports__);
|
|
33714
|
+
/* harmony import */ var _style_index_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../style/index.less */ "./components/style/index.less");
|
|
33715
|
+
/* harmony import */ var _style_index_less__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_style_index_less__WEBPACK_IMPORTED_MODULE_0__);
|
|
33716
|
+
/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.less */ "./components/tree-select/style/index.less");
|
|
33717
|
+
/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_index_less__WEBPACK_IMPORTED_MODULE_1__);
|
|
33718
|
+
|
|
33719
|
+
|
|
33720
|
+
|
|
33721
|
+
/***/ }),
|
|
33722
|
+
|
|
33723
|
+
/***/ "./components/tree-select/tree-select.tsx":
|
|
33724
|
+
/*!************************************************!*\
|
|
33725
|
+
!*** ./components/tree-select/tree-select.tsx ***!
|
|
33726
|
+
\************************************************/
|
|
33727
|
+
/*! exports provided: default */
|
|
33728
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
33729
|
+
|
|
33730
|
+
"use strict";
|
|
33731
|
+
__webpack_require__.r(__webpack_exports__);
|
|
33732
|
+
/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
|
|
33733
|
+
/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
33734
|
+
/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");
|
|
33735
|
+
/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
33736
|
+
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptor.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptor.js");
|
|
33737
|
+
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_2__);
|
|
33738
|
+
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptors.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptors.js");
|
|
33739
|
+
/* 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__);
|
|
33740
|
+
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/extends.js");
|
|
33741
|
+
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_4__);
|
|
33742
|
+
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/slicedToArray.js");
|
|
33743
|
+
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5__);
|
|
33744
|
+
/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "./node_modules/@babel/runtime/helpers/toConsumableArray.js");
|
|
33745
|
+
/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_6__);
|
|
33746
|
+
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
|
|
33747
|
+
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7__);
|
|
33748
|
+
/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.array.iterator.js */ "./node_modules/core-js/modules/es.array.iterator.js");
|
|
33749
|
+
/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_8__);
|
|
33750
|
+
/* harmony import */ var core_js_modules_es_map_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/es.map.js */ "./node_modules/core-js/modules/es.map.js");
|
|
33751
|
+
/* harmony import */ var core_js_modules_es_map_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_map_js__WEBPACK_IMPORTED_MODULE_9__);
|
|
33752
|
+
/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
|
|
33753
|
+
/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_10__);
|
|
33754
|
+
/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! core-js/modules/es.string.iterator.js */ "./node_modules/core-js/modules/es.string.iterator.js");
|
|
33755
|
+
/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_11__);
|
|
33756
|
+
/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! core-js/modules/web.dom-collections.iterator.js */ "./node_modules/core-js/modules/web.dom-collections.iterator.js");
|
|
33757
|
+
/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_12__);
|
|
33758
|
+
/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
|
|
33759
|
+
/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_13__);
|
|
33760
|
+
/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
|
|
33761
|
+
/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_14__);
|
|
33762
|
+
/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");
|
|
33763
|
+
/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_15__);
|
|
33764
|
+
/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! core-js/modules/es.array.includes.js */ "./node_modules/core-js/modules/es.array.includes.js");
|
|
33765
|
+
/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_16__);
|
|
33766
|
+
/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! core-js/modules/es.string.includes.js */ "./node_modules/core-js/modules/es.string.includes.js");
|
|
33767
|
+
/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_17__);
|
|
33768
|
+
/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
|
|
33769
|
+
/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_18__);
|
|
33770
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! react */ "react");
|
|
33771
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_19__);
|
|
33772
|
+
/* harmony import */ var _utils_hooks__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../_utils/hooks */ "./components/_utils/hooks.tsx");
|
|
33773
|
+
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
|
|
33774
|
+
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_21___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_21__);
|
|
33775
|
+
/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
|
|
33776
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
|
|
33777
|
+
/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../index */ "./components/index.tsx");
|
|
33778
|
+
/* harmony import */ var _utils_usePopper__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../_utils/usePopper */ "./components/_utils/usePopper.tsx");
|
|
33779
|
+
|
|
33780
|
+
|
|
33781
|
+
|
|
33782
|
+
|
|
33783
|
+
|
|
33784
|
+
|
|
33785
|
+
|
|
33786
|
+
|
|
33787
|
+
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; }
|
|
33788
|
+
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_7___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; }
|
|
33789
|
+
|
|
33790
|
+
|
|
33791
|
+
|
|
33792
|
+
|
|
33793
|
+
|
|
33794
|
+
|
|
33795
|
+
|
|
33796
|
+
|
|
33797
|
+
|
|
33798
|
+
|
|
33799
|
+
|
|
33800
|
+
|
|
33801
|
+
|
|
33802
|
+
|
|
33803
|
+
|
|
33804
|
+
|
|
33805
|
+
|
|
33806
|
+
|
|
33807
|
+
var INPUT_MIN_WIDTH = 4; // 输入框最小宽度
|
|
33808
|
+
|
|
33809
|
+
function flattenTreeData(treeData) {
|
|
33810
|
+
var map = new Map();
|
|
33811
|
+
function flatten(node) {
|
|
33812
|
+
var parentKeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
|
33813
|
+
var key = node.key;
|
|
33814
|
+
var data = _objectSpread(_objectSpread({}, node), {}, {
|
|
33815
|
+
childrenKeys: [],
|
|
33816
|
+
parentKeys: parentKeys
|
|
33817
|
+
});
|
|
33818
|
+
map.set(key, data);
|
|
33819
|
+
if (node.children) {
|
|
33820
|
+
var _node$children;
|
|
33821
|
+
var keys = [];
|
|
33822
|
+
(_node$children = node.children) === null || _node$children === void 0 ? void 0 : _node$children.forEach(function (child) {
|
|
33823
|
+
var _data$childrenKeys;
|
|
33824
|
+
var childKey = flatten(child, [].concat(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_6___default()(parentKeys), [key]));
|
|
33825
|
+
keys.push(childKey);
|
|
33826
|
+
var grandchildrenKeys = map.get(childKey).childrenKeys;
|
|
33827
|
+
(_data$childrenKeys = data.childrenKeys).push.apply(_data$childrenKeys, [childKey].concat(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_6___default()(grandchildrenKeys)));
|
|
33828
|
+
});
|
|
33829
|
+
}
|
|
33830
|
+
return key;
|
|
33831
|
+
}
|
|
33832
|
+
treeData.forEach(function (node) {
|
|
33833
|
+
flatten(node);
|
|
33834
|
+
});
|
|
33835
|
+
return map;
|
|
33836
|
+
}
|
|
33837
|
+
var InternalTreeSelect = function InternalTreeSelect(props, ref) {
|
|
33838
|
+
var _classNames4, _classNames10;
|
|
33839
|
+
var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_19__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_22__["default"]),
|
|
33840
|
+
getPrefixCls = _useContext.getPrefixCls,
|
|
33841
|
+
prefixCls = _useContext.prefixCls,
|
|
33842
|
+
userDefaultProps = _useContext.compDefaultProps;
|
|
33843
|
+
var treeSelectProps = Object(_utils__WEBPACK_IMPORTED_MODULE_23__["getCompProps"])('TreeSelect', userDefaultProps, props);
|
|
33844
|
+
var size = treeSelectProps.size,
|
|
33845
|
+
value = treeSelectProps.value,
|
|
33846
|
+
autoFocus = treeSelectProps.autoFocus,
|
|
33847
|
+
className = treeSelectProps.className,
|
|
33848
|
+
defaultOpen = treeSelectProps.defaultOpen,
|
|
33849
|
+
dropdownClassName = treeSelectProps.dropdownClassName,
|
|
33850
|
+
disabled = treeSelectProps.disabled,
|
|
33851
|
+
borderType = treeSelectProps.borderType,
|
|
33852
|
+
_treeSelectProps$show = treeSelectProps.showArrow,
|
|
33853
|
+
showArrow = _treeSelectProps$show === void 0 ? true : _treeSelectProps$show,
|
|
33854
|
+
allowClear = treeSelectProps.allowClear,
|
|
33855
|
+
customPrefixcls = treeSelectProps.prefixCls,
|
|
33856
|
+
onFocus = treeSelectProps.onFocus,
|
|
33857
|
+
onBlur = treeSelectProps.onBlur,
|
|
33858
|
+
onClear = treeSelectProps.onClear,
|
|
33859
|
+
onVisibleChange = treeSelectProps.onVisibleChange,
|
|
33860
|
+
mode = treeSelectProps.mode,
|
|
33861
|
+
showSearch = treeSelectProps.showSearch,
|
|
33862
|
+
onChange = treeSelectProps.onChange,
|
|
33863
|
+
onSearch = treeSelectProps.onSearch,
|
|
33864
|
+
defaultValue = treeSelectProps.defaultValue,
|
|
33865
|
+
placeholder = treeSelectProps.placeholder,
|
|
33866
|
+
dropdownStyle = treeSelectProps.dropdownStyle,
|
|
33867
|
+
style = treeSelectProps.style,
|
|
33868
|
+
clearIcon = treeSelectProps.clearIcon,
|
|
33869
|
+
filterTreeNode = treeSelectProps.filterTreeNode,
|
|
33870
|
+
treeNodeFilterProp = treeSelectProps.treeNodeFilterProp,
|
|
33871
|
+
treeNodeLabelProp = treeSelectProps.treeNodeLabelProp,
|
|
33872
|
+
_treeSelectProps$popp = treeSelectProps.popperStyle,
|
|
33873
|
+
popperStyle = _treeSelectProps$popp === void 0 ? {} : _treeSelectProps$popp,
|
|
33874
|
+
tagRender = treeSelectProps.tagRender,
|
|
33875
|
+
treeData = treeSelectProps.treeData,
|
|
33876
|
+
virtual = treeSelectProps.virtual,
|
|
33877
|
+
treeIcon = treeSelectProps.treeIcon,
|
|
33878
|
+
showTreeIcon = treeSelectProps.showTreeIcon,
|
|
33879
|
+
switcherIcon = treeSelectProps.switcherIcon,
|
|
33880
|
+
treeDefaultExpandAll = treeSelectProps.treeDefaultExpandAll,
|
|
33881
|
+
treeDefaultExpandedKeys = treeSelectProps.treeDefaultExpandedKeys,
|
|
33882
|
+
treeCheckStrictly = treeSelectProps.treeCheckStrictly,
|
|
33883
|
+
treeExpandedKeys = treeSelectProps.treeExpandedKeys,
|
|
33884
|
+
treeExpandOnClickNode = treeSelectProps.treeExpandOnClickNode,
|
|
33885
|
+
treeLoadData = treeSelectProps.treeLoadData,
|
|
33886
|
+
onTreeExpand = treeSelectProps.onTreeExpand,
|
|
33887
|
+
onSelect = treeSelectProps.onSelect,
|
|
33888
|
+
onCheck = treeSelectProps.onCheck;
|
|
33889
|
+
var isMultiple = mode === 'multiple'; // 是否多选
|
|
33890
|
+
var _useMergedState = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_20__["useMergedState"])(isMultiple ? [] : undefined, {
|
|
33891
|
+
value: value,
|
|
33892
|
+
defaultValue: defaultValue
|
|
33893
|
+
}),
|
|
33894
|
+
_useMergedState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useMergedState, 2),
|
|
33895
|
+
initValue = _useMergedState2[0],
|
|
33896
|
+
setInitValue = _useMergedState2[1];
|
|
33897
|
+
var _useState = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(treeExpandedKeys),
|
|
33898
|
+
_useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useState, 2),
|
|
33899
|
+
expandedKeys = _useState2[0],
|
|
33900
|
+
setExpandedKeys = _useState2[1];
|
|
33901
|
+
var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])([]),
|
|
33902
|
+
_useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useState3, 2),
|
|
33903
|
+
selectedKeys = _useState4[0],
|
|
33904
|
+
setSelectedKeys = _useState4[1];
|
|
33905
|
+
var innerRef = Object(react__WEBPACK_IMPORTED_MODULE_19__["useRef"])();
|
|
33906
|
+
var selectRef = ref || innerRef;
|
|
33907
|
+
var searchRef = Object(react__WEBPACK_IMPORTED_MODULE_19__["useRef"])(null); // 搜索框ref
|
|
33908
|
+
var selectionRef = Object(react__WEBPACK_IMPORTED_MODULE_19__["useRef"])(null);
|
|
33909
|
+
var dropDownRef = Object(react__WEBPACK_IMPORTED_MODULE_19__["useRef"])(null);
|
|
33910
|
+
var measureRef = Object(react__WEBPACK_IMPORTED_MODULE_19__["useRef"])(null);
|
|
33911
|
+
var _useState5 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(!!props.visible || defaultOpen),
|
|
33912
|
+
_useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useState5, 2),
|
|
33913
|
+
optionShow = _useState6[0],
|
|
33914
|
+
setOptionShow = _useState6[1]; // 下拉列表是否展示
|
|
33915
|
+
var _useState7 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(''),
|
|
33916
|
+
_useState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useState7, 2),
|
|
33917
|
+
searchValue = _useState8[0],
|
|
33918
|
+
setSearchValue = _useState8[1]; // 搜索框定时器
|
|
33919
|
+
var _useState9 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(INPUT_MIN_WIDTH),
|
|
33920
|
+
_useState10 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useState9, 2),
|
|
33921
|
+
inputWidth = _useState10[0],
|
|
33922
|
+
setInputWidth = _useState10[1]; // 输入框宽度
|
|
33923
|
+
var _useState11 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(autoFocus),
|
|
33924
|
+
_useState12 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useState11, 2),
|
|
33925
|
+
focusd = _useState12[0],
|
|
33926
|
+
setFocusd = _useState12[1];
|
|
33927
|
+
var _useState13 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])([]),
|
|
33928
|
+
_useState14 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useState13, 2),
|
|
33929
|
+
selectTreeNodes = _useState14[0],
|
|
33930
|
+
setSelectTreeNodes = _useState14[1];
|
|
33931
|
+
var TreeMap = Object(react__WEBPACK_IMPORTED_MODULE_19__["useMemo"])(function () {
|
|
33932
|
+
return flattenTreeData(treeData);
|
|
33933
|
+
}, [treeData]);
|
|
33934
|
+
var isSelected = Object(react__WEBPACK_IMPORTED_MODULE_19__["useMemo"])(function () {
|
|
33935
|
+
return !!(selectTreeNodes !== null && selectTreeNodes !== void 0 && selectTreeNodes.length);
|
|
33936
|
+
}, [selectTreeNodes]);
|
|
33937
|
+
var selectPrefixCls = getPrefixCls(prefixCls, 'tree-select', customPrefixcls);
|
|
33938
|
+
// 选择器样式
|
|
33939
|
+
var selectCls = classnames__WEBPACK_IMPORTED_MODULE_21___default()(selectPrefixCls, className, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()({}, "".concat(selectPrefixCls, "-visible"), optionShow));
|
|
33940
|
+
var selectionCls = classnames__WEBPACK_IMPORTED_MODULE_21___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()({}, "".concat(selectPrefixCls, "-selector"), true));
|
|
33941
|
+
|
|
33942
|
+
// 下拉列表框样式
|
|
33943
|
+
var dropDownCls = classnames__WEBPACK_IMPORTED_MODULE_21___default()(dropdownClassName, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()({}, "".concat(selectPrefixCls, "-dropdown"), true));
|
|
33944
|
+
|
|
33945
|
+
// 多选,单选公共样式
|
|
33946
|
+
var commCls = classnames__WEBPACK_IMPORTED_MODULE_21___default()((_classNames4 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames4, "".concat(selectPrefixCls, "-bordered"), borderType === 'bordered'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames4, "".concat(selectPrefixCls, "-underline"), borderType === 'underline'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames4, "".concat(selectPrefixCls, "-borderless"), borderType === 'none'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames4, "".concat(selectPrefixCls, "-size-").concat(size), size), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames4, "".concat(selectPrefixCls, "-wrapper"), true), _classNames4));
|
|
33947
|
+
Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
|
|
33948
|
+
var arr = [];
|
|
33949
|
+
if (isMultiple && initValue !== null && initValue !== void 0 && initValue.length) {
|
|
33950
|
+
for (var index = 0; index < initValue.length; index++) {
|
|
33951
|
+
var key = initValue[index];
|
|
33952
|
+
if (TreeMap.has(key)) {
|
|
33953
|
+
arr.push(TreeMap.get(key));
|
|
33954
|
+
}
|
|
33955
|
+
}
|
|
33956
|
+
} else {
|
|
33957
|
+
if (TreeMap.has(initValue)) {
|
|
33958
|
+
arr.push(TreeMap.get(initValue));
|
|
33959
|
+
}
|
|
33960
|
+
}
|
|
33961
|
+
setSelectTreeNodes(arr);
|
|
33962
|
+
}, [initValue, TreeMap, isMultiple]);
|
|
33963
|
+
Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
|
|
33964
|
+
if (optionShow === false) {
|
|
33965
|
+
handleClear();
|
|
33966
|
+
}
|
|
33967
|
+
}, [optionShow]);
|
|
33968
|
+
var handleFocus = Object(react__WEBPACK_IMPORTED_MODULE_19__["useCallback"])(function (e) {
|
|
33969
|
+
e.stopPropagation();
|
|
33970
|
+
setFocusd(true);
|
|
33971
|
+
onFocus && onFocus(e);
|
|
33972
|
+
}, [onFocus]);
|
|
33973
|
+
var handleBlur = Object(react__WEBPACK_IMPORTED_MODULE_19__["useCallback"])(function (e) {
|
|
33974
|
+
e.stopPropagation();
|
|
33975
|
+
setFocusd(false);
|
|
33976
|
+
onBlur && onBlur(e);
|
|
33977
|
+
}, [onBlur]);
|
|
33978
|
+
Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
|
|
33979
|
+
selectionRef.current.addEventListener('mouseup', function (e) {
|
|
33980
|
+
var _e$target;
|
|
33981
|
+
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;
|
|
33982
|
+
if (isCloseBtn) {
|
|
33983
|
+
e.stopPropagation();
|
|
33984
|
+
}
|
|
33985
|
+
});
|
|
33986
|
+
}, []);
|
|
33987
|
+
Object(react__WEBPACK_IMPORTED_MODULE_19__["useLayoutEffect"])(function () {
|
|
33988
|
+
measureRef.current && setInputWidth(measureRef.current.scrollWidth);
|
|
33989
|
+
}, [searchValue]);
|
|
33990
|
+
var getTreeNodeLabel = function getTreeNodeLabel(node) {
|
|
33991
|
+
return (node === null || node === void 0 ? void 0 : node[treeNodeLabelProp]) || (node === null || node === void 0 ? void 0 : node.title);
|
|
33992
|
+
};
|
|
33993
|
+
|
|
33994
|
+
// 输入框变化搜索内容
|
|
33995
|
+
var handleSearchChange = Object(react__WEBPACK_IMPORTED_MODULE_19__["useCallback"])(function (event) {
|
|
33996
|
+
var val = event.currentTarget.value;
|
|
33997
|
+
setOptionShow(true);
|
|
33998
|
+
setSearchValue(val);
|
|
33999
|
+
onSearch === null || onSearch === void 0 ? void 0 : onSearch(val);
|
|
34000
|
+
}, [onSearch]);
|
|
34001
|
+
|
|
34002
|
+
// 清除搜索内容
|
|
34003
|
+
var handleClear = Object(react__WEBPACK_IMPORTED_MODULE_19__["useCallback"])(function () {
|
|
34004
|
+
if (searchRef.current) {
|
|
34005
|
+
searchRef.current.value = '';
|
|
34006
|
+
setSearchValue('');
|
|
34007
|
+
}
|
|
34008
|
+
}, [searchRef]);
|
|
34009
|
+
|
|
34010
|
+
// 清空选择器内容
|
|
34011
|
+
var handleReset = function handleReset(e) {
|
|
34012
|
+
e.stopPropagation();
|
|
34013
|
+
if (isMultiple) {
|
|
34014
|
+
setInitValue([]);
|
|
34015
|
+
} else {
|
|
34016
|
+
setInitValue('');
|
|
34017
|
+
}
|
|
34018
|
+
onClear === null || onClear === void 0 ? void 0 : onClear('');
|
|
34019
|
+
setSearchValue('');
|
|
34020
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(undefined, undefined);
|
|
34021
|
+
};
|
|
34022
|
+
|
|
34023
|
+
// 多选模式下清除某一项
|
|
34024
|
+
var handleRemove = function handleRemove(e, key) {
|
|
34025
|
+
var _TreeMap$get, _TreeMap$get2;
|
|
34026
|
+
if (disabled) return;
|
|
34027
|
+
var allRemoveKeys = [].concat(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_6___default()(((_TreeMap$get = TreeMap.get(key)) === null || _TreeMap$get === void 0 ? void 0 : _TreeMap$get.childrenKeys) || []), _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_6___default()(((_TreeMap$get2 = TreeMap.get(key)) === null || _TreeMap$get2 === void 0 ? void 0 : _TreeMap$get2.parentKeys) || []), [key]);
|
|
34028
|
+
var newSelectTreeNodes = selectTreeNodes.filter(function (item) {
|
|
34029
|
+
return !allRemoveKeys.includes(item.key);
|
|
34030
|
+
});
|
|
34031
|
+
var newKeys = newSelectTreeNodes.map(function (_ref) {
|
|
34032
|
+
var key = _ref.key;
|
|
34033
|
+
return key;
|
|
34034
|
+
});
|
|
34035
|
+
if (!Object.hasOwnProperty.call(treeSelectProps, 'value')) {
|
|
34036
|
+
setInitValue(newKeys);
|
|
34037
|
+
}
|
|
34038
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(newKeys, newSelectTreeNodes);
|
|
34039
|
+
e.stopPropagation();
|
|
34040
|
+
};
|
|
34041
|
+
var handleSelect = function handleSelect(keys, state) {
|
|
34042
|
+
!isMultiple && !Object.hasOwnProperty.call(treeSelectProps, 'value') && setInitValue(keys[0]);
|
|
34043
|
+
setSelectedKeys(keys);
|
|
34044
|
+
onSelect === null || onSelect === void 0 ? void 0 : onSelect(keys, state);
|
|
34045
|
+
!isMultiple && (onChange === null || onChange === void 0 ? void 0 : onChange(keys[0], [TreeMap.get(keys[0])]));
|
|
34046
|
+
if (!isMultiple) {
|
|
34047
|
+
setOptionShow(false);
|
|
34048
|
+
}
|
|
34049
|
+
};
|
|
34050
|
+
var handleCheck = function handleCheck(keys, state) {
|
|
34051
|
+
onCheck === null || onCheck === void 0 ? void 0 : onCheck(keys, state);
|
|
34052
|
+
console.log(1111, state);
|
|
34053
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(keys);
|
|
34054
|
+
!Object.hasOwnProperty.call(treeSelectProps, 'value') && setInitValue(keys);
|
|
34055
|
+
};
|
|
34056
|
+
var handleExpand = function handleExpand(keys, state) {
|
|
34057
|
+
!Object.hasOwnProperty.call(treeSelectProps, 'treeExpandedKeys') && setExpandedKeys(keys);
|
|
34058
|
+
onTreeExpand === null || onTreeExpand === void 0 ? void 0 : onTreeExpand(keys, state);
|
|
34059
|
+
};
|
|
34060
|
+
|
|
34061
|
+
// 渲染后缀图标
|
|
34062
|
+
var renderSuffix = function renderSuffix() {
|
|
34063
|
+
var _classNames5;
|
|
34064
|
+
var suffixIcon = treeSelectProps.suffixIcon;
|
|
34065
|
+
// 选择器下拉icon样式
|
|
34066
|
+
var arrowIconCls = classnames__WEBPACK_IMPORTED_MODULE_21___default()((_classNames5 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames5, "".concat(selectPrefixCls, "-icon-arrow"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames5, "".concat(selectPrefixCls, "-icon-arrow-up"), optionShow), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames5, "".concat(selectPrefixCls, "-icon-arrow-down"), !optionShow), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames5, "".concat(selectPrefixCls, "-icon-arrow-focus"), optionShow), _classNames5));
|
|
34067
|
+
var iconShow = allowClear && !disabled && (isMultiple ? !!selectTreeNodes.length : (initValue !== null && initValue !== void 0 ? initValue : '') !== '' || searchValue);
|
|
34068
|
+
var clearIconCls = classnames__WEBPACK_IMPORTED_MODULE_21___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()({}, "".concat(selectPrefixCls, "-icon-clear"), true));
|
|
34069
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_19___default.a.Fragment, null, iconShow && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
34070
|
+
onClick: handleReset,
|
|
34071
|
+
onMouseDown: function onMouseDown(e) {
|
|
34072
|
+
return e.preventDefault();
|
|
34073
|
+
},
|
|
34074
|
+
className: clearIconCls
|
|
34075
|
+
}, clearIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_24__["Icon"], {
|
|
34076
|
+
type: "close-solid"
|
|
34077
|
+
})), showArrow && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
34078
|
+
className: arrowIconCls
|
|
34079
|
+
}, suffixIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_24__["Icon"], {
|
|
34080
|
+
type: "arrow-down"
|
|
34081
|
+
})));
|
|
34082
|
+
};
|
|
34083
|
+
var defFilterTreeNode = function defFilterTreeNode(node) {
|
|
34084
|
+
var _node$treeNodeFilterP;
|
|
34085
|
+
if (typeof filterTreeNode === 'function') {
|
|
34086
|
+
return filterTreeNode(node, searchValue);
|
|
34087
|
+
}
|
|
34088
|
+
if (node !== null && node !== void 0 && (_node$treeNodeFilterP = node[treeNodeFilterProp]) !== null && _node$treeNodeFilterP !== void 0 && _node$treeNodeFilterP.includes(searchValue)) {
|
|
34089
|
+
return true;
|
|
34090
|
+
}
|
|
34091
|
+
return false;
|
|
34092
|
+
};
|
|
34093
|
+
var dropRender = function dropRender() {
|
|
34094
|
+
var treeProps = {
|
|
34095
|
+
expandOnClickNode: treeExpandOnClickNode,
|
|
34096
|
+
loadData: treeLoadData,
|
|
34097
|
+
treeData: treeData,
|
|
34098
|
+
virtual: virtual,
|
|
34099
|
+
defaultExpandAll: treeDefaultExpandAll,
|
|
34100
|
+
defaultExpandedKeys: treeDefaultExpandedKeys,
|
|
34101
|
+
checkStrictly: treeCheckStrictly,
|
|
34102
|
+
selectedKeys: selectedKeys,
|
|
34103
|
+
expandedKeys: expandedKeys,
|
|
34104
|
+
filterValue: searchValue,
|
|
34105
|
+
icon: treeIcon,
|
|
34106
|
+
showIcon: showTreeIcon,
|
|
34107
|
+
switcherIcon: switcherIcon,
|
|
34108
|
+
notFoundContent: renderNotContent(),
|
|
34109
|
+
filterTreeNode: defFilterTreeNode,
|
|
34110
|
+
onSelect: handleSelect,
|
|
34111
|
+
onExpand: handleExpand
|
|
34112
|
+
};
|
|
34113
|
+
if (isMultiple) {
|
|
34114
|
+
treeProps.checkable = true;
|
|
34115
|
+
treeProps.checkedKeys = initValue;
|
|
34116
|
+
treeProps.onCheck = handleCheck;
|
|
34117
|
+
}
|
|
34118
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_24__["Tree"], treeProps);
|
|
34119
|
+
};
|
|
34120
|
+
|
|
34121
|
+
// 下拉列表为空时显示的内容
|
|
34122
|
+
var renderNotContent = function renderNotContent() {
|
|
34123
|
+
// 下拉列表为空
|
|
34124
|
+
var emptyListCls = classnames__WEBPACK_IMPORTED_MODULE_21___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()({}, "".concat(selectPrefixCls, "-dropdown-empty"), true));
|
|
34125
|
+
var notFoundContent = treeSelectProps.notFoundContent;
|
|
34126
|
+
var emptyContent = notFoundContent || '暂无数据';
|
|
34127
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", {
|
|
34128
|
+
className: emptyListCls
|
|
34129
|
+
}, emptyContent);
|
|
34130
|
+
};
|
|
34131
|
+
Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
|
|
34132
|
+
if (showSearch && autoFocus && !disabled) {
|
|
34133
|
+
var _searchRef$current;
|
|
34134
|
+
(_searchRef$current = searchRef.current) === null || _searchRef$current === void 0 ? void 0 : _searchRef$current.focus();
|
|
34135
|
+
}
|
|
34136
|
+
}, [showSearch, autoFocus, disabled]);
|
|
34137
|
+
|
|
34138
|
+
// 渲染下拉列表框
|
|
34139
|
+
var renderContent = function renderContent() {
|
|
34140
|
+
var dropDownStyle = _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_4___default()({
|
|
34141
|
+
width: style === null || style === void 0 ? void 0 : style.width
|
|
34142
|
+
}, dropdownStyle);
|
|
34143
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_19___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", {
|
|
34144
|
+
className: dropDownCls,
|
|
34145
|
+
style: dropDownStyle,
|
|
34146
|
+
ref: dropDownRef
|
|
34147
|
+
}, dropRender()));
|
|
34148
|
+
};
|
|
34149
|
+
|
|
34150
|
+
// 处理多选tag
|
|
34151
|
+
var handleMaxTagHolder = Object(react__WEBPACK_IMPORTED_MODULE_19__["useCallback"])(function () {
|
|
34152
|
+
var maxTagPlaceholder = treeSelectProps.maxTagPlaceholder;
|
|
34153
|
+
if (typeof maxTagPlaceholder === 'function') {
|
|
34154
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_24__["Tag"], {
|
|
34155
|
+
type: "edit",
|
|
34156
|
+
size: size,
|
|
34157
|
+
disabled: disabled
|
|
34158
|
+
}, maxTagPlaceholder(selectTreeNodes));
|
|
34159
|
+
} else {
|
|
34160
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_24__["Tag"], {
|
|
34161
|
+
type: "edit",
|
|
34162
|
+
size: size,
|
|
34163
|
+
disabled: disabled
|
|
34164
|
+
}, maxTagPlaceholder);
|
|
34165
|
+
}
|
|
34166
|
+
}, [selectTreeNodes]);
|
|
34167
|
+
var renderSingle = function renderSingle() {
|
|
34168
|
+
var label = '';
|
|
34169
|
+
if (isSelected) {
|
|
34170
|
+
label = getTreeNodeLabel(selectTreeNodes[0]);
|
|
34171
|
+
}
|
|
34172
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_19___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", {
|
|
34173
|
+
className: singleCls,
|
|
34174
|
+
ref: selectionRef,
|
|
34175
|
+
title: label
|
|
34176
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
34177
|
+
className: "".concat(selectPrefixCls, "-selection-search")
|
|
34178
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("input", {
|
|
34179
|
+
ref: searchRef,
|
|
34180
|
+
value: searchValue,
|
|
34181
|
+
className: "".concat(selectPrefixCls, "-selection-search-input"),
|
|
34182
|
+
onChange: handleSearchChange,
|
|
34183
|
+
onFocus: handleFocus,
|
|
34184
|
+
onBlur: handleBlur,
|
|
34185
|
+
readOnly: !showSearch || !!disabled
|
|
34186
|
+
})), isSelected && !searchValue && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
34187
|
+
className: "".concat(selectPrefixCls, "-selection-item")
|
|
34188
|
+
}, label), !isSelected && !searchValue && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
34189
|
+
className: "".concat(selectPrefixCls, "-placeholder")
|
|
34190
|
+
}, placeholder), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
34191
|
+
className: "".concat(selectPrefixCls, "-suffix")
|
|
34192
|
+
}, renderSuffix())));
|
|
34193
|
+
};
|
|
34194
|
+
var renderMultiple = function renderMultiple() {
|
|
34195
|
+
var _classNames8, _classNames9;
|
|
34196
|
+
var maxTagCount = treeSelectProps.maxTagCount,
|
|
34197
|
+
maxTagPlaceholder = treeSelectProps.maxTagPlaceholder;
|
|
34198
|
+
var multipleCls = classnames__WEBPACK_IMPORTED_MODULE_21___default()(commCls, (_classNames8 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames8, "".concat(selectPrefixCls, "-multiple-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames8, "".concat(selectPrefixCls, "-").concat(mode), mode), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames8, "".concat(selectPrefixCls, "-focused"), focusd || optionShow), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames8, "".concat(selectPrefixCls, "-placeholder"), placeholder && !selectTreeNodes.length), _classNames8));
|
|
34199
|
+
var itemCls = classnames__WEBPACK_IMPORTED_MODULE_21___default()((_classNames9 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames9, "".concat(selectPrefixCls, "-selection-item"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames9, "".concat(selectPrefixCls, "-selection-item-").concat(size), size), _classNames9));
|
|
34200
|
+
var TagStyle = {
|
|
34201
|
+
margin: '2px 8px 2px 0',
|
|
34202
|
+
maxWidth: '100%'
|
|
34203
|
+
};
|
|
34204
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", {
|
|
34205
|
+
className: multipleCls,
|
|
34206
|
+
ref: selectionRef
|
|
34207
|
+
}, Array.isArray(selectTreeNodes) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_19___default.a.Fragment, null, selectTreeNodes.map(function (item, index) {
|
|
34208
|
+
var key = item.key;
|
|
34209
|
+
var label = getTreeNodeLabel(item);
|
|
34210
|
+
return (!maxTagCount || index <= maxTagCount - 1) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
34211
|
+
key: key,
|
|
34212
|
+
className: classnames__WEBPACK_IMPORTED_MODULE_21___default()("".concat(selectPrefixCls, "-selection-tag")),
|
|
34213
|
+
onMouseDown: function onMouseDown(e) {
|
|
34214
|
+
return e.preventDefault();
|
|
34215
|
+
}
|
|
34216
|
+
}, typeof tagRender === 'function' ? tagRender === null || tagRender === void 0 ? void 0 : tagRender(_objectSpread({
|
|
34217
|
+
onClose: handleRemove,
|
|
34218
|
+
disabled: disabled,
|
|
34219
|
+
size: size
|
|
34220
|
+
}, item)) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_24__["Tag"], {
|
|
34221
|
+
type: "edit",
|
|
34222
|
+
style: TagStyle,
|
|
34223
|
+
size: size,
|
|
34224
|
+
closable: true,
|
|
34225
|
+
disabled: disabled,
|
|
34226
|
+
onClose: function onClose(e) {
|
|
34227
|
+
return handleRemove(e, key);
|
|
34228
|
+
},
|
|
34229
|
+
"data-tag": key
|
|
34230
|
+
}, label));
|
|
34231
|
+
}), maxTagCount && selectTreeNodes.length > maxTagCount ? maxTagPlaceholder ? handleMaxTagHolder() : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
34232
|
+
className: itemCls
|
|
34233
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
34234
|
+
className: "".concat(selectPrefixCls, "-selection-item-content")
|
|
34235
|
+
}, "\u5171", selectTreeNodes.length, "\u9879")) : null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
34236
|
+
className: "".concat(selectPrefixCls, "-selection-search"),
|
|
34237
|
+
style: {
|
|
34238
|
+
width: inputWidth
|
|
34239
|
+
}
|
|
34240
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("input", {
|
|
34241
|
+
ref: searchRef,
|
|
34242
|
+
value: searchValue,
|
|
34243
|
+
className: "".concat(selectPrefixCls, "-selection-search-input"),
|
|
34244
|
+
onChange: handleSearchChange,
|
|
34245
|
+
onFocus: handleFocus,
|
|
34246
|
+
onBlur: handleBlur,
|
|
34247
|
+
readOnly: !showSearch || !!disabled
|
|
34248
|
+
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
34249
|
+
ref: measureRef,
|
|
34250
|
+
className: "".concat(selectPrefixCls, "-selection-search-mirror")
|
|
34251
|
+
}, searchValue, "\xA0")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
34252
|
+
className: "".concat(selectPrefixCls, "-placeholder")
|
|
34253
|
+
}, !(selectTreeNodes !== null && selectTreeNodes !== void 0 && selectTreeNodes.length) && !searchValue && placeholder), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
34254
|
+
className: "".concat(selectPrefixCls, "-suffix")
|
|
34255
|
+
}, renderSuffix()));
|
|
34256
|
+
};
|
|
34257
|
+
var singleCls = classnames__WEBPACK_IMPORTED_MODULE_21___default()(commCls, (_classNames10 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames10, "".concat(selectPrefixCls, "-single"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames10, "".concat(selectPrefixCls, "-single-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames10, "".concat(selectPrefixCls, "-single-focused"), focusd && !disabled || optionShow), _classNames10));
|
|
34258
|
+
var renderSelect = function renderSelect() {
|
|
34259
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", {
|
|
34260
|
+
className: selectCls,
|
|
34261
|
+
ref: selectRef,
|
|
34262
|
+
style: style
|
|
34263
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
34264
|
+
className: selectionCls,
|
|
34265
|
+
tabIndex: disabled ? -1 : 0,
|
|
34266
|
+
onFocus: function onFocus() {
|
|
34267
|
+
var _searchRef$current2;
|
|
34268
|
+
return (_searchRef$current2 = searchRef.current) === null || _searchRef$current2 === void 0 ? void 0 : _searchRef$current2.focus();
|
|
34269
|
+
},
|
|
34270
|
+
onBlur: function onBlur() {
|
|
34271
|
+
var _searchRef$current3;
|
|
34272
|
+
return (_searchRef$current3 = searchRef.current) === null || _searchRef$current3 === void 0 ? void 0 : _searchRef$current3.blur();
|
|
34273
|
+
}
|
|
34274
|
+
}, !isMultiple ? renderSingle() : renderMultiple()));
|
|
34275
|
+
};
|
|
34276
|
+
var catchStyle = function catchStyle() {
|
|
34277
|
+
if (selectRef !== null && selectRef !== void 0 && selectRef.current) {
|
|
34278
|
+
var _selectRef$current;
|
|
34279
|
+
var _selectRef$current$ge = (_selectRef$current = selectRef.current) === null || _selectRef$current === void 0 ? void 0 : _selectRef$current.getBoundingClientRect(),
|
|
34280
|
+
width = _selectRef$current$ge.width;
|
|
34281
|
+
return _objectSpread({
|
|
34282
|
+
width: (dropdownStyle === null || dropdownStyle === void 0 ? void 0 : dropdownStyle.width) || (width > 75 ? width : 75),
|
|
34283
|
+
zIndex: 1050
|
|
34284
|
+
}, popperStyle);
|
|
34285
|
+
}
|
|
34286
|
+
};
|
|
34287
|
+
var handleVisibleChange = function handleVisibleChange(visible) {
|
|
34288
|
+
if (visible !== optionShow) {
|
|
34289
|
+
props.visible === undefined && setOptionShow(visible);
|
|
34290
|
+
onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(visible);
|
|
34291
|
+
}
|
|
34292
|
+
};
|
|
34293
|
+
var popperProps = _objectSpread(_objectSpread({}, treeSelectProps), {}, {
|
|
34294
|
+
prefixCls: selectPrefixCls,
|
|
34295
|
+
placement: 'bottomLeft',
|
|
34296
|
+
popperStyle: catchStyle(),
|
|
34297
|
+
defaultVisible: optionShow,
|
|
34298
|
+
visible: optionShow,
|
|
34299
|
+
onVisibleChange: handleVisibleChange,
|
|
34300
|
+
clickToClose: !(showSearch && searchValue)
|
|
34301
|
+
});
|
|
34302
|
+
return Object(_utils_usePopper__WEBPACK_IMPORTED_MODULE_25__["default"])(renderSelect(), renderContent(), popperProps);
|
|
34303
|
+
};
|
|
34304
|
+
var TreeSelect = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.forwardRef(InternalTreeSelect);
|
|
34305
|
+
TreeSelect.displayName = 'TreeSelect';
|
|
34306
|
+
/* harmony default export */ __webpack_exports__["default"] = (TreeSelect);
|
|
34307
|
+
|
|
34308
|
+
/***/ }),
|
|
34309
|
+
|
|
33634
34310
|
/***/ "./components/tree/index.tsx":
|
|
33635
34311
|
/*!***********************************!*\
|
|
33636
34312
|
!*** ./components/tree/index.tsx ***!
|
|
@@ -33806,7 +34482,8 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default.a.fo
|
|
|
33806
34482
|
filterTreeNode = TreeProps.filterTreeNode,
|
|
33807
34483
|
filterValue = TreeProps.filterValue,
|
|
33808
34484
|
expandOnClickNode = TreeProps.expandOnClickNode,
|
|
33809
|
-
loadData = TreeProps.loadData
|
|
34485
|
+
loadData = TreeProps.loadData,
|
|
34486
|
+
notFoundContent = TreeProps.notFoundContent;
|
|
33810
34487
|
var treePrefixCls = getPrefixCls(prefixCls, 'tree', customPrefixcls); // 树样式前缀
|
|
33811
34488
|
var treeNodePrefixCls = getPrefixCls(prefixCls, 'tree-node', customPrefixcls); // 树节点样式前缀
|
|
33812
34489
|
var treeNodeClassName = classnames__WEBPACK_IMPORTED_MODULE_14___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_3___default()({}, "".concat(treePrefixCls), true));
|
|
@@ -33863,7 +34540,7 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default.a.fo
|
|
|
33863
34540
|
searchExpandedKeys = _React$useState16[0],
|
|
33864
34541
|
setSearchExpandedKeys = _React$useState16[1];
|
|
33865
34542
|
var isSearching = react__WEBPACK_IMPORTED_MODULE_13___default.a.useMemo(function () {
|
|
33866
|
-
return typeof filterTreeNode === 'function' && filterValue;
|
|
34543
|
+
return typeof filterTreeNode === 'function' && !!filterValue;
|
|
33867
34544
|
}, [filterValue]);
|
|
33868
34545
|
Object(react__WEBPACK_IMPORTED_MODULE_13__["useEffect"])(function () {
|
|
33869
34546
|
setSearchExpandedKeys([]);
|
|
@@ -34111,7 +34788,7 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default.a.fo
|
|
|
34111
34788
|
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default.a.createElement("div", {
|
|
34112
34789
|
className: treeRootClassName,
|
|
34113
34790
|
ref: listRef
|
|
34114
|
-
}, visibleData && visibleData.map(function (item) {
|
|
34791
|
+
}, !(visibleData !== null && visibleData !== void 0 && visibleData.length) && notFoundContent, visibleData && visibleData.map(function (item) {
|
|
34115
34792
|
var checked = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_19__["getChecked"])(checkedKeys, item.key);
|
|
34116
34793
|
var indeterminate = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_19__["getHalfChecked"])(halfCheckedKeys, item.key);
|
|
34117
34794
|
item.nodeKey = item.key;
|