@kdcloudjs/kdesign 1.7.29 → 1.7.30
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 +30 -0
- package/dist/kdesign-complete.less +5 -3
- package/dist/kdesign.css +5 -4
- package/dist/kdesign.css.map +1 -1
- package/dist/kdesign.js +70 -51
- package/dist/kdesign.js.map +1 -1
- package/dist/kdesign.min.css +2 -2
- package/dist/kdesign.min.js +2 -2
- package/dist/kdesign.min.js.map +1 -1
- package/es/checkbox/checkbox.js +17 -12
- package/es/city-picker/city-picker.js +36 -22
- package/es/city-picker/style/index.css +4 -3
- package/es/city-picker/style/index.less +2 -1
- package/es/city-picker/style/token.less +3 -2
- package/es/grid/row.js +2 -2
- package/es/select/select.js +10 -10
- package/lib/checkbox/checkbox.js +17 -12
- package/lib/city-picker/city-picker.js +36 -22
- package/lib/city-picker/style/index.css +4 -3
- package/lib/city-picker/style/index.less +2 -1
- package/lib/city-picker/style/token.less +3 -2
- package/lib/grid/row.js +2 -2
- package/lib/select/select.js +10 -10
- 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.29
|
|
4
4
|
*
|
|
5
5
|
* Copyright 2020-present, Kingdee, Inc.
|
|
6
6
|
* All rights reserved.
|
|
@@ -7193,6 +7193,17 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
|
|
|
7193
7193
|
};
|
|
7194
7194
|
}, []);
|
|
7195
7195
|
var getDefaultCheckbox = function getDefaultCheckbox() {
|
|
7196
|
+
var inputProps = {
|
|
7197
|
+
type: 'checkbox',
|
|
7198
|
+
className: inputClassName,
|
|
7199
|
+
onChange: handleChange,
|
|
7200
|
+
checked: selected,
|
|
7201
|
+
disabled: mergedDisabled,
|
|
7202
|
+
name: mergedName
|
|
7203
|
+
};
|
|
7204
|
+
if ((value !== null && value !== void 0 ? value : '') !== '') {
|
|
7205
|
+
inputProps.value = value;
|
|
7206
|
+
}
|
|
7196
7207
|
return (
|
|
7197
7208
|
/*#__PURE__*/
|
|
7198
7209
|
// eslint-disable-next-line
|
|
@@ -7202,30 +7213,24 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
|
|
|
7202
7213
|
ref: labelRef
|
|
7203
7214
|
}, rest), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span", {
|
|
7204
7215
|
className: checkedWrapperClassName
|
|
7205
|
-
}, selected
|
|
7216
|
+
}, selected ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span", {
|
|
7206
7217
|
className: innerIconClassName
|
|
7207
7218
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_12__["default"], {
|
|
7208
7219
|
type: "right-bold",
|
|
7209
7220
|
className: "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-inner-icon")
|
|
7210
|
-
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("input", {
|
|
7221
|
+
})) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("input", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
|
|
7211
7222
|
type: "checkbox",
|
|
7212
|
-
|
|
7213
|
-
|
|
7214
|
-
ref: ref,
|
|
7215
|
-
value: value,
|
|
7216
|
-
checked: selected,
|
|
7217
|
-
disabled: mergedDisabled,
|
|
7218
|
-
name: mergedName
|
|
7219
|
-
})), children && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span", {
|
|
7223
|
+
ref: ref
|
|
7224
|
+
}, inputProps))), children ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span", {
|
|
7220
7225
|
className: "".concat(checkboxPrefixCls, "-children")
|
|
7221
|
-
}, children), !isDefaultType()
|
|
7226
|
+
}, children) : null, !isDefaultType() ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span", {
|
|
7222
7227
|
className: triangleClassName
|
|
7223
7228
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span", {
|
|
7224
7229
|
className: innerIconClassName
|
|
7225
7230
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_12__["default"], {
|
|
7226
7231
|
type: "right-bold",
|
|
7227
7232
|
className: "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-inner-icon")
|
|
7228
|
-
}))))
|
|
7233
|
+
}))) : null)
|
|
7229
7234
|
);
|
|
7230
7235
|
};
|
|
7231
7236
|
return getDefaultCheckbox();
|
|
@@ -7559,7 +7564,7 @@ var getCityId = function getCityId(data) {
|
|
|
7559
7564
|
return data;
|
|
7560
7565
|
};
|
|
7561
7566
|
var InternalSelect = function InternalSelect(props, ref) {
|
|
7562
|
-
var _classNames3,
|
|
7567
|
+
var _classNames3, _classNames6;
|
|
7563
7568
|
var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_20__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_23__["default"]),
|
|
7564
7569
|
getPrefixCls = _useContext.getPrefixCls,
|
|
7565
7570
|
prefixCls = _useContext.prefixCls,
|
|
@@ -7638,14 +7643,18 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
7638
7643
|
_useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState5, 2),
|
|
7639
7644
|
focusd = _useState6[0],
|
|
7640
7645
|
setFocusd = _useState6[1];
|
|
7641
|
-
var _useState7 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(
|
|
7646
|
+
var _useState7 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(false),
|
|
7642
7647
|
_useState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState7, 2),
|
|
7643
|
-
|
|
7644
|
-
|
|
7645
|
-
var _useState9 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(
|
|
7648
|
+
afterChangeFocus = _useState8[0],
|
|
7649
|
+
setAfterChangeFocus = _useState8[1];
|
|
7650
|
+
var _useState9 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(null),
|
|
7646
7651
|
_useState10 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState9, 2),
|
|
7647
|
-
|
|
7648
|
-
|
|
7652
|
+
seletedCity = _useState10[0],
|
|
7653
|
+
setSeletedCity = _useState10[1];
|
|
7654
|
+
var _useState11 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])('domestic'),
|
|
7655
|
+
_useState12 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState11, 2),
|
|
7656
|
+
tabsValue = _useState12[0],
|
|
7657
|
+
setTabsValue = _useState12[1];
|
|
7649
7658
|
var isDomestic = function isDomestic(type) {
|
|
7650
7659
|
return type === 'domestic';
|
|
7651
7660
|
};
|
|
@@ -7680,6 +7689,7 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
7680
7689
|
var handleBlur = Object(react__WEBPACK_IMPORTED_MODULE_20__["useCallback"])(function (e) {
|
|
7681
7690
|
e.stopPropagation();
|
|
7682
7691
|
setFocusd(false);
|
|
7692
|
+
setAfterChangeFocus(false);
|
|
7683
7693
|
onBlur && onBlur(e);
|
|
7684
7694
|
}, [onBlur]);
|
|
7685
7695
|
Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
|
|
@@ -7733,7 +7743,7 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
7733
7743
|
className: "".concat(selectPrefixCls, "-icon-clear"),
|
|
7734
7744
|
ref: clearRef
|
|
7735
7745
|
}, clearIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_25__["Icon"], {
|
|
7736
|
-
type: "close
|
|
7746
|
+
type: "close"
|
|
7737
7747
|
})), showArrow && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
|
|
7738
7748
|
className: arrowIconCls
|
|
7739
7749
|
}, suffixIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_25__["Icon"], {
|
|
@@ -7765,9 +7775,12 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
7765
7775
|
}));
|
|
7766
7776
|
};
|
|
7767
7777
|
var handleOption = function handleOption(city) {
|
|
7778
|
+
var _searchRef$current;
|
|
7768
7779
|
handleVisibleChange(false);
|
|
7769
7780
|
city.type = tabsValue === 'domestic' ? 'domestic' : 'foreign';
|
|
7770
7781
|
(city === null || city === void 0 ? void 0 : city.id) !== initValue && (onChange === null || onChange === void 0 ? void 0 : onChange(city === null || city === void 0 ? void 0 : city.id, city));
|
|
7782
|
+
(_searchRef$current = searchRef.current) === null || _searchRef$current === void 0 ? void 0 : _searchRef$current.focus();
|
|
7783
|
+
setAfterChangeFocus(true);
|
|
7771
7784
|
if (typeof value === 'undefined') {
|
|
7772
7785
|
setSeletedCity(city);
|
|
7773
7786
|
setInitValue(city === null || city === void 0 ? void 0 : city.id);
|
|
@@ -7780,7 +7793,10 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
7780
7793
|
}
|
|
7781
7794
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("div", {
|
|
7782
7795
|
className: "".concat(selectPrefixCls, "-list"),
|
|
7783
|
-
ref: optionsListRef
|
|
7796
|
+
ref: optionsListRef,
|
|
7797
|
+
onMouseDown: function onMouseDown(e) {
|
|
7798
|
+
return e === null || e === void 0 ? void 0 : e.preventDefault();
|
|
7799
|
+
}
|
|
7784
7800
|
}, data.map(function (item, index) {
|
|
7785
7801
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_option__WEBPACK_IMPORTED_MODULE_27__["default"], {
|
|
7786
7802
|
key: item.id,
|
|
@@ -7848,9 +7864,11 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
7848
7864
|
}
|
|
7849
7865
|
}, [type, tabsValue]);
|
|
7850
7866
|
var renderSingle = function renderSingle() {
|
|
7867
|
+
var _classNames5;
|
|
7851
7868
|
var hiddenStyle = !!searchValue || (initValue !== null && initValue !== void 0 ? initValue : '') !== '' ? {
|
|
7852
7869
|
visibility: 'hidden'
|
|
7853
7870
|
} : undefined;
|
|
7871
|
+
var itemCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()((_classNames5 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames5, "".concat(selectPrefixCls, "-content-item"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames5, "".concat(selectPrefixCls, "-content-item-seleted"), afterChangeFocus), _classNames5));
|
|
7854
7872
|
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", {
|
|
7855
7873
|
className: singleCls,
|
|
7856
7874
|
ref: selectionRef
|
|
@@ -7867,18 +7885,18 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
7867
7885
|
onBlur: handleBlur,
|
|
7868
7886
|
readOnly: !!disabled
|
|
7869
7887
|
}), !searchValue && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
|
|
7870
|
-
className:
|
|
7888
|
+
className: itemCls,
|
|
7871
7889
|
title: seletedCity === null || seletedCity === void 0 ? void 0 : seletedCity.name
|
|
7872
7890
|
}, seletedCity === null || seletedCity === void 0 ? void 0 : seletedCity.name)), !searchValue && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
|
|
7873
7891
|
className: "".concat(selectPrefixCls, "-content-info")
|
|
7874
7892
|
}, _renderCityInfo(seletedCity))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
|
|
7875
7893
|
className: "".concat(selectPrefixCls, "-placeholder"),
|
|
7876
7894
|
style: hiddenStyle
|
|
7877
|
-
}, placeholder), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
|
|
7895
|
+
}, !disabled ? placeholder : null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
|
|
7878
7896
|
className: "".concat(selectPrefixCls, "-suffix")
|
|
7879
7897
|
}, renderSuffix())));
|
|
7880
7898
|
};
|
|
7881
|
-
var singleCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(commCls, (
|
|
7899
|
+
var singleCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(commCls, (_classNames6 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames6, "".concat(selectPrefixCls, "-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames6, "".concat(selectPrefixCls, "-focused"), !disabled && focusd || optionShow), _classNames6));
|
|
7882
7900
|
Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
|
|
7883
7901
|
if (optionShow && !disabled) {
|
|
7884
7902
|
var onDropdownVisibleChange = selectProps.onDropdownVisibleChange;
|
|
@@ -7916,16 +7934,17 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
7916
7934
|
}
|
|
7917
7935
|
return -1;
|
|
7918
7936
|
};
|
|
7919
|
-
var
|
|
7920
|
-
|
|
7921
|
-
activeIndex =
|
|
7922
|
-
setActiveIndex =
|
|
7937
|
+
var _useState13 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(-1),
|
|
7938
|
+
_useState14 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState13, 2),
|
|
7939
|
+
activeIndex = _useState14[0],
|
|
7940
|
+
setActiveIndex = _useState14[1];
|
|
7923
7941
|
var initActiveIndex = function initActiveIndex() {
|
|
7924
|
-
|
|
7942
|
+
var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : undefined;
|
|
7943
|
+
setActiveIndex(index === undefined ? getActiveIndex(0) : index);
|
|
7925
7944
|
};
|
|
7926
7945
|
Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
|
|
7927
|
-
initActiveIndex();
|
|
7928
|
-
}, [searchValue, tabsValue]);
|
|
7946
|
+
initActiveIndex(searchValue ? undefined : -1);
|
|
7947
|
+
}, [searchValue, tabsValue, curkeyboardList]);
|
|
7929
7948
|
var onInternalKeyDown = function onInternalKeyDown(e) {
|
|
7930
7949
|
var which = e.which;
|
|
7931
7950
|
// open
|
|
@@ -7948,11 +7967,11 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
7948
7967
|
var item = curkeyboardList[activeIndex];
|
|
7949
7968
|
if (!item) return;
|
|
7950
7969
|
handleOption(item);
|
|
7951
|
-
|
|
7970
|
+
handleVisibleChange(false);
|
|
7952
7971
|
break;
|
|
7953
7972
|
}
|
|
7954
7973
|
case _utils_KeyCode__WEBPACK_IMPORTED_MODULE_29__["default"].ESC:
|
|
7955
|
-
|
|
7974
|
+
handleVisibleChange(false);
|
|
7956
7975
|
break;
|
|
7957
7976
|
default:
|
|
7958
7977
|
break;
|
|
@@ -7984,12 +8003,12 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
7984
8003
|
className: selectionCls,
|
|
7985
8004
|
tabIndex: disabled ? -1 : 0,
|
|
7986
8005
|
onFocus: function onFocus() {
|
|
7987
|
-
var _searchRef$
|
|
7988
|
-
return (_searchRef$
|
|
8006
|
+
var _searchRef$current2;
|
|
8007
|
+
return (_searchRef$current2 = searchRef.current) === null || _searchRef$current2 === void 0 ? void 0 : _searchRef$current2.focus();
|
|
7989
8008
|
},
|
|
7990
8009
|
onBlur: function onBlur() {
|
|
7991
|
-
var _searchRef$
|
|
7992
|
-
return (_searchRef$
|
|
8010
|
+
var _searchRef$current3;
|
|
8011
|
+
return (_searchRef$current3 = searchRef.current) === null || _searchRef$current3 === void 0 ? void 0 : _searchRef$current3.blur();
|
|
7993
8012
|
},
|
|
7994
8013
|
onKeyDown: onInternalKeyDown
|
|
7995
8014
|
}, renderSingle()));
|
|
@@ -8010,7 +8029,7 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
8010
8029
|
};
|
|
8011
8030
|
var handleVisibleChange = function handleVisibleChange(visible) {
|
|
8012
8031
|
if (!visible) {
|
|
8013
|
-
initActiveIndex();
|
|
8032
|
+
initActiveIndex(-1);
|
|
8014
8033
|
}
|
|
8015
8034
|
if (visible !== optionShow) {
|
|
8016
8035
|
props.visible === undefined && setOptionShow(visible);
|
|
@@ -18949,9 +18968,9 @@ var Row = function Row(props) {
|
|
|
18949
18968
|
}
|
|
18950
18969
|
var rowStyle = {
|
|
18951
18970
|
'row-gap': "".concat(gap.v, "px"),
|
|
18952
|
-
margin: "0 ".concat(-1 * gap.h, "px")
|
|
18971
|
+
margin: "0 ".concat(-1 * gap.h / 2, "px")
|
|
18953
18972
|
};
|
|
18954
|
-
if (gap.v && isSogouOrIe) rowStyle['margin-bottom'] = "".concat(-1 * gap.v
|
|
18973
|
+
if (gap.v && isSogouOrIe) rowStyle['margin-bottom'] = "".concat(-1 * gap.v, "px");
|
|
18955
18974
|
var toalign = {
|
|
18956
18975
|
top: 'flex-start',
|
|
18957
18976
|
middle: 'center',
|
|
@@ -29049,7 +29068,7 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
29049
29068
|
var arrowIconCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()((_classNames7 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames7, "".concat(selectPrefixCls, "-icon-arrow"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames7, "".concat(selectPrefixCls, "-icon-arrow-up"), optionShow), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames7, "".concat(selectPrefixCls, "-icon-arrow-down"), !optionShow), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames7, "".concat(selectPrefixCls, "-icon-arrow-focus"), optionShow), _classNames7));
|
|
29050
29069
|
var iconShow = allowClear && !disabled && ((isMultiple ? mulOptions.length > 0 : (singleVal !== null && singleVal !== void 0 ? singleVal : '') !== '') || searchValue);
|
|
29051
29070
|
var clearIconCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(selectPrefixCls, "-icon-clear"), true));
|
|
29052
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_19___default.a.Fragment, null, iconShow
|
|
29071
|
+
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", {
|
|
29053
29072
|
onClick: handleReset,
|
|
29054
29073
|
onMouseDown: function onMouseDown(e) {
|
|
29055
29074
|
return e.preventDefault();
|
|
@@ -29058,11 +29077,11 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
29058
29077
|
ref: clearRef
|
|
29059
29078
|
}, clearIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_26__["Icon"], {
|
|
29060
29079
|
type: "close-solid"
|
|
29061
|
-
})), showArrow
|
|
29080
|
+
})) : null, showArrow ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
29062
29081
|
className: arrowIconCls
|
|
29063
29082
|
}, suffixIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_26__["Icon"], {
|
|
29064
29083
|
type: "arrow-down"
|
|
29065
|
-
})));
|
|
29084
|
+
})) : null);
|
|
29066
29085
|
};
|
|
29067
29086
|
var renderOption = function renderOption(child, index) {
|
|
29068
29087
|
if (child !== null && child !== void 0 && child.props && (child.type.displayName === 'Option' || child.type.name === 'Option')) {
|
|
@@ -29162,7 +29181,7 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
29162
29181
|
className: dropDownCls,
|
|
29163
29182
|
style: dropdownStyle,
|
|
29164
29183
|
ref: dropDownRef
|
|
29165
|
-
}, !dropdownRender && childrenToRender.length > 0
|
|
29184
|
+
}, !dropdownRender && childrenToRender.length > 0 ? dropRender(eleOptionList, heightStyle) : null, renderNotContent(), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", null, dropdownRender ? dropdownRender(dropRender(childrenToRender, heightStyle)) : null), isMultiple && realChildren.length > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", {
|
|
29166
29185
|
className: multipleFooterCls
|
|
29167
29186
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_26__["Checkbox"], {
|
|
29168
29187
|
style: checkboxStyle,
|
|
@@ -29171,7 +29190,7 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
29171
29190
|
onChange: handleSelectAll
|
|
29172
29191
|
}, "\u5168\u9009"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
29173
29192
|
className: "".concat(selectPrefixCls, "-multiple-footer-hadSelected")
|
|
29174
|
-
}, "\u5DF2\u9009", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", null, selectedVal.length), "\u9879"))));
|
|
29193
|
+
}, "\u5DF2\u9009", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", null, selectedVal.length), "\u9879")) : null));
|
|
29175
29194
|
};
|
|
29176
29195
|
|
|
29177
29196
|
// 处理多选tag
|
|
@@ -29248,10 +29267,10 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
29248
29267
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", {
|
|
29249
29268
|
className: multipleCls,
|
|
29250
29269
|
ref: selectionRef
|
|
29251
|
-
}, Array.isArray(mulOptions)
|
|
29270
|
+
}, Array.isArray(mulOptions) ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_19___default.a.Fragment, null, mulOptions.map(function (item, index) {
|
|
29252
29271
|
var label = item.label,
|
|
29253
29272
|
value = item.value;
|
|
29254
|
-
return
|
|
29273
|
+
return !maxTagCount || index <= maxTagCount - 1 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
29255
29274
|
key: value,
|
|
29256
29275
|
className: classnames__WEBPACK_IMPORTED_MODULE_22___default()("".concat(selectPrefixCls, "-selection-tag")),
|
|
29257
29276
|
onMouseDown: function onMouseDown(e) {
|
|
@@ -29273,12 +29292,12 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
29273
29292
|
return handleRemove(e, value);
|
|
29274
29293
|
},
|
|
29275
29294
|
"data-tag": value
|
|
29276
|
-
}, label));
|
|
29295
|
+
}, label)) : null;
|
|
29277
29296
|
}), maxTagCount && mulOptions.length > maxTagCount ? maxTagPlaceholder ? handleMaxTagHolder() : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
29278
29297
|
className: itemCls
|
|
29279
29298
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
29280
29299
|
className: "".concat(selectPrefixCls, "-selection-item-content")
|
|
29281
|
-
}, "\u5171", mulOptions.length, "\u9879")) : null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
29300
|
+
}, "\u5171", mulOptions.length, "\u9879")) : null) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
29282
29301
|
className: "".concat(selectPrefixCls, "-selection-search"),
|
|
29283
29302
|
style: {
|
|
29284
29303
|
width: inputWidth
|
|
@@ -29296,7 +29315,7 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
29296
29315
|
className: "".concat(selectPrefixCls, "-selection-search-mirror")
|
|
29297
29316
|
}, searchValue, "\xA0")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
29298
29317
|
className: "".concat(selectPrefixCls, "-placeholder")
|
|
29299
|
-
}, !mulOptions.length && !searchValue
|
|
29318
|
+
}, !mulOptions.length && !searchValue ? placeholder : null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
29300
29319
|
className: "".concat(selectPrefixCls, "-suffix")
|
|
29301
29320
|
}, renderSuffix()));
|
|
29302
29321
|
};
|