@kdcloudjs/kdesign 1.7.13 → 1.7.14
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 +29 -0
- package/dist/kdesign-complete.less +1 -0
- package/dist/kdesign.css +2 -1
- package/dist/kdesign.css.map +1 -1
- package/dist/kdesign.js +293 -172
- 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/empty/defaultEmptyImg.d.ts +1 -1
- package/es/empty/defaultEmptyImg.js +3 -2
- package/es/empty/empty.js +3 -1
- package/es/empty/illustrationEmptyImg.d.ts +1 -1
- package/es/empty/illustrationEmptyImg.js +3 -2
- package/es/input/style/index.css +1 -0
- package/es/input/style/index.less +1 -0
- package/es/select/option.d.ts +2 -0
- package/es/select/option.js +10 -3
- package/es/select/select.js +119 -12
- package/lib/empty/defaultEmptyImg.d.ts +1 -1
- package/lib/empty/defaultEmptyImg.js +3 -2
- package/lib/empty/empty.js +3 -1
- package/lib/empty/illustrationEmptyImg.d.ts +1 -1
- package/lib/empty/illustrationEmptyImg.js +3 -2
- package/lib/input/style/index.css +1 -0
- package/lib/input/style/index.less +1 -0
- package/lib/select/option.d.ts +2 -0
- package/lib/select/option.js +10 -3
- package/lib/select/select.js +119 -12
- 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.13
|
|
4
4
|
*
|
|
5
5
|
* Copyright 2020-present, Kingdee, Inc.
|
|
6
6
|
* All rights reserved.
|
|
@@ -15889,7 +15889,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
15889
15889
|
|
|
15890
15890
|
|
|
15891
15891
|
|
|
15892
|
-
function DefaultEmptyImg() {
|
|
15892
|
+
function DefaultEmptyImg(props) {
|
|
15893
15893
|
var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_0__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_1__["default"]),
|
|
15894
15894
|
getPrefixCls = _useContext.getPrefixCls,
|
|
15895
15895
|
prefixCls = _useContext.prefixCls;
|
|
@@ -15901,7 +15901,8 @@ function DefaultEmptyImg() {
|
|
|
15901
15901
|
height: "96px",
|
|
15902
15902
|
viewBox: "0 0 168 96",
|
|
15903
15903
|
version: "1.1",
|
|
15904
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
15904
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
15905
|
+
style: props.style
|
|
15905
15906
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("title", null, "\u7F16\u7EC4"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("linearGradient", {
|
|
15906
15907
|
x1: "50%",
|
|
15907
15908
|
y1: "0%",
|
|
@@ -16048,7 +16049,9 @@ var InteranalEmpty = function InteranalEmpty(props, ref) {
|
|
|
16048
16049
|
className: imgClasses,
|
|
16049
16050
|
style: imageStyle,
|
|
16050
16051
|
alt: "empty"
|
|
16051
|
-
}) : image
|
|
16052
|
+
}) : typeof image === 'boolean' ? null : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.cloneElement(image, {
|
|
16053
|
+
style: imageStyle
|
|
16054
|
+
});
|
|
16052
16055
|
var descriptionNode = description === undefined ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("div", {
|
|
16053
16056
|
className: "".concat(emptyPrefixCls, "-description")
|
|
16054
16057
|
}, emptyLangMsg.emptyText) : description ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("div", {
|
|
@@ -16089,7 +16092,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
16089
16092
|
|
|
16090
16093
|
|
|
16091
16094
|
|
|
16092
|
-
function IllustrationEmptyImg() {
|
|
16095
|
+
function IllustrationEmptyImg(props) {
|
|
16093
16096
|
var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_0__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_1__["default"]),
|
|
16094
16097
|
getPrefixCls = _useContext.getPrefixCls,
|
|
16095
16098
|
prefixCls = _useContext.prefixCls;
|
|
@@ -16101,7 +16104,8 @@ function IllustrationEmptyImg() {
|
|
|
16101
16104
|
height: "114px",
|
|
16102
16105
|
viewBox: "0 0 200 114",
|
|
16103
16106
|
version: "1.1",
|
|
16104
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
16107
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
16108
|
+
style: props.style
|
|
16105
16109
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("title", null, "\u5207\u7247"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("rect", {
|
|
16106
16110
|
id: "path-1",
|
|
16107
16111
|
x: "0",
|
|
@@ -28193,7 +28197,10 @@ var InternalOption = function InternalOption(props, ref) {
|
|
|
28193
28197
|
values = props.values,
|
|
28194
28198
|
isMultiple = props.isMultiple,
|
|
28195
28199
|
onChangeSelect = props.onChangeSelect,
|
|
28196
|
-
|
|
28200
|
+
onChangeActiveIndex = props.onChangeActiveIndex,
|
|
28201
|
+
title = props.title,
|
|
28202
|
+
activeIndex = props.activeIndex,
|
|
28203
|
+
index = props.index;
|
|
28197
28204
|
var optionProps = _objectSpread({}, props);
|
|
28198
28205
|
var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_12__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_14__["default"]),
|
|
28199
28206
|
getPrefixCls = _useContext.getPrefixCls,
|
|
@@ -28206,7 +28213,7 @@ var InternalOption = function InternalOption(props, ref) {
|
|
|
28206
28213
|
setSelected(value !== undefined ? value === values : false);
|
|
28207
28214
|
}
|
|
28208
28215
|
});
|
|
28209
|
-
var optionCls = classnames__WEBPACK_IMPORTED_MODULE_13___default()(selectOptionPrefixCls, className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(selectOptionPrefixCls, "-option"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(selectOptionPrefixCls, "-option-selected"), isSelected), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(selectOptionPrefixCls, "-option-disabled"), disabled), _classNames));
|
|
28216
|
+
var optionCls = classnames__WEBPACK_IMPORTED_MODULE_13___default()(selectOptionPrefixCls, className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(selectOptionPrefixCls, "-option"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(selectOptionPrefixCls, "-option-active"), activeIndex === index), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(selectOptionPrefixCls, "-option-selected"), isSelected), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(selectOptionPrefixCls, "-option-disabled"), disabled), _classNames));
|
|
28210
28217
|
var contentCls = classnames__WEBPACK_IMPORTED_MODULE_13___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "".concat(selectOptionPrefixCls, "-option-content"), true));
|
|
28211
28218
|
var handleClick = function handleClick(e) {
|
|
28212
28219
|
e.preventDefault();
|
|
@@ -28216,6 +28223,9 @@ var InternalOption = function InternalOption(props, ref) {
|
|
|
28216
28223
|
}
|
|
28217
28224
|
onChangeSelect && onChangeSelect(value, children, isSelected);
|
|
28218
28225
|
};
|
|
28226
|
+
var handleOnMouseMove = function handleOnMouseMove() {
|
|
28227
|
+
onChangeActiveIndex && onChangeActiveIndex(index);
|
|
28228
|
+
};
|
|
28219
28229
|
var titleText = title || (_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0___default()(children) !== 'object' ? children : null);
|
|
28220
28230
|
var checkStyle = {
|
|
28221
28231
|
minHeight: '22px',
|
|
@@ -28225,7 +28235,8 @@ var InternalOption = function InternalOption(props, ref) {
|
|
|
28225
28235
|
ref: optionRef,
|
|
28226
28236
|
className: optionCls,
|
|
28227
28237
|
title: titleText,
|
|
28228
|
-
onClick: handleClick
|
|
28238
|
+
onClick: handleClick,
|
|
28239
|
+
onMouseMove: handleOnMouseMove
|
|
28229
28240
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", {
|
|
28230
28241
|
className: contentCls
|
|
28231
28242
|
}, isMultiple ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_15__["Checkbox"], {
|
|
@@ -28250,66 +28261,71 @@ Option.displayName = 'Option';
|
|
|
28250
28261
|
|
|
28251
28262
|
"use strict";
|
|
28252
28263
|
__webpack_require__.r(__webpack_exports__);
|
|
28253
|
-
/* harmony import */ var
|
|
28254
|
-
/* harmony import */ var
|
|
28255
|
-
/* harmony import */ var
|
|
28256
|
-
/* harmony import */ var
|
|
28257
|
-
/* harmony import */ var
|
|
28258
|
-
/* harmony import */ var
|
|
28259
|
-
/* harmony import */ var
|
|
28260
|
-
/* harmony import */ var
|
|
28261
|
-
/* harmony import */ var
|
|
28262
|
-
/* harmony import */ var
|
|
28263
|
-
/* harmony import */ var
|
|
28264
|
-
/* harmony import */ var
|
|
28265
|
-
/* harmony import */ var
|
|
28266
|
-
/* harmony import */ var
|
|
28267
|
-
/* harmony import */ var
|
|
28268
|
-
/* harmony import */ var
|
|
28269
|
-
/* harmony import */ var
|
|
28270
|
-
/* harmony import */ var
|
|
28271
|
-
/* harmony import */ var
|
|
28272
|
-
/* harmony import */ var
|
|
28273
|
-
/* harmony import */ var
|
|
28274
|
-
/* harmony import */ var
|
|
28275
|
-
/* harmony import */ var
|
|
28276
|
-
/* harmony import */ var
|
|
28277
|
-
/* harmony import */ var
|
|
28278
|
-
/* harmony import */ var
|
|
28279
|
-
/* harmony import */ var
|
|
28280
|
-
/* harmony import */ var
|
|
28281
|
-
/* harmony import */ var
|
|
28282
|
-
/* harmony import */ var
|
|
28283
|
-
/* harmony import */ var
|
|
28284
|
-
/* harmony import */ var
|
|
28285
|
-
/* harmony import */ var
|
|
28286
|
-
/* harmony import */ var
|
|
28287
|
-
/* harmony import */ var
|
|
28288
|
-
/* harmony import */ var
|
|
28289
|
-
/* harmony import */ var
|
|
28290
|
-
/* harmony import */ var
|
|
28291
|
-
/* harmony import */ var
|
|
28292
|
-
/* harmony import */ var
|
|
28293
|
-
/* harmony import */ var
|
|
28294
|
-
/* harmony import */ var
|
|
28295
|
-
/* harmony import */ var
|
|
28296
|
-
/* harmony import */ var
|
|
28297
|
-
/* harmony import */ var
|
|
28298
|
-
/* harmony import */ var
|
|
28299
|
-
/* harmony import */ var
|
|
28300
|
-
/* harmony import */ var
|
|
28301
|
-
/* harmony import */ var
|
|
28302
|
-
/* harmony import */ var
|
|
28264
|
+
/* 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");
|
|
28265
|
+
/* 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__);
|
|
28266
|
+
/* 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");
|
|
28267
|
+
/* 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__);
|
|
28268
|
+
/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");
|
|
28269
|
+
/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2__);
|
|
28270
|
+
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptor.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptor.js");
|
|
28271
|
+
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_3__);
|
|
28272
|
+
/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
|
|
28273
|
+
/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_4__);
|
|
28274
|
+
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptors.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptors.js");
|
|
28275
|
+
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_5__);
|
|
28276
|
+
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/extends.js");
|
|
28277
|
+
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_6__);
|
|
28278
|
+
/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "./node_modules/@babel/runtime/helpers/toConsumableArray.js");
|
|
28279
|
+
/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_7__);
|
|
28280
|
+
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
|
|
28281
|
+
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8__);
|
|
28282
|
+
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/slicedToArray.js");
|
|
28283
|
+
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_9__);
|
|
28284
|
+
/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
|
|
28285
|
+
/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_10__);
|
|
28286
|
+
/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
|
|
28287
|
+
/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_11__);
|
|
28288
|
+
/* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! core-js/modules/es.array.find.js */ "./node_modules/core-js/modules/es.array.find.js");
|
|
28289
|
+
/* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_12__);
|
|
28290
|
+
/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
|
|
28291
|
+
/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_13__);
|
|
28292
|
+
/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! core-js/modules/es.function.name.js */ "./node_modules/core-js/modules/es.function.name.js");
|
|
28293
|
+
/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_14__);
|
|
28294
|
+
/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! core-js/modules/es.array.includes.js */ "./node_modules/core-js/modules/es.array.includes.js");
|
|
28295
|
+
/* 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__);
|
|
28296
|
+
/* 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");
|
|
28297
|
+
/* 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__);
|
|
28298
|
+
/* harmony import */ var core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! core-js/modules/es.array.splice.js */ "./node_modules/core-js/modules/es.array.splice.js");
|
|
28299
|
+
/* harmony import */ var core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_17__);
|
|
28300
|
+
/* harmony import */ var core_js_modules_es_array_find_index_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! core-js/modules/es.array.find-index.js */ "./node_modules/core-js/modules/es.array.find-index.js");
|
|
28301
|
+
/* harmony import */ var core_js_modules_es_array_find_index_js__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_find_index_js__WEBPACK_IMPORTED_MODULE_18__);
|
|
28302
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! react */ "react");
|
|
28303
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_19__);
|
|
28304
|
+
/* harmony import */ var _utils_hooks__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../_utils/hooks */ "./components/_utils/hooks.tsx");
|
|
28305
|
+
/* harmony import */ var lodash_isBoolean__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! lodash/isBoolean */ "./node_modules/lodash/isBoolean.js");
|
|
28306
|
+
/* harmony import */ var lodash_isBoolean__WEBPACK_IMPORTED_MODULE_21___default = /*#__PURE__*/__webpack_require__.n(lodash_isBoolean__WEBPACK_IMPORTED_MODULE_21__);
|
|
28307
|
+
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
|
|
28308
|
+
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_22___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_22__);
|
|
28309
|
+
/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
|
|
28310
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
|
|
28311
|
+
/* harmony import */ var _utils_react_children__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../_utils/react-children */ "./components/_utils/react-children.ts");
|
|
28312
|
+
/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../index */ "./components/index.tsx");
|
|
28313
|
+
/* harmony import */ var _option__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./option */ "./components/select/option.tsx");
|
|
28314
|
+
/* harmony import */ var _utils_usePopper__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../_utils/usePopper */ "./components/_utils/usePopper.tsx");
|
|
28315
|
+
/* harmony import */ var _virtual_list__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ../virtual-list */ "./components/virtual-list/index.tsx");
|
|
28316
|
+
/* harmony import */ var _utils_KeyCode__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ../_utils/KeyCode */ "./components/_utils/KeyCode.ts");
|
|
28317
|
+
|
|
28318
|
+
|
|
28303
28319
|
|
|
28304
28320
|
|
|
28305
28321
|
|
|
28306
28322
|
|
|
28307
|
-
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; }
|
|
28308
|
-
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_2___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; }
|
|
28309
28323
|
|
|
28310
28324
|
|
|
28311
28325
|
|
|
28312
28326
|
|
|
28327
|
+
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; }
|
|
28328
|
+
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; }
|
|
28313
28329
|
|
|
28314
28330
|
|
|
28315
28331
|
|
|
@@ -28335,11 +28351,11 @@ var INPUT_MIN_WIDTH = 4; // 输入框最小宽度
|
|
|
28335
28351
|
|
|
28336
28352
|
var InternalSelect = function InternalSelect(props, ref) {
|
|
28337
28353
|
var _classNames6, _classNames12;
|
|
28338
|
-
var _useContext = Object(
|
|
28354
|
+
var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_19__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_23__["default"]),
|
|
28339
28355
|
getPrefixCls = _useContext.getPrefixCls,
|
|
28340
28356
|
prefixCls = _useContext.prefixCls,
|
|
28341
28357
|
userDefaultProps = _useContext.compDefaultProps;
|
|
28342
|
-
var selectProps = Object(
|
|
28358
|
+
var selectProps = Object(_utils__WEBPACK_IMPORTED_MODULE_24__["getCompProps"])('Select', userDefaultProps, props);
|
|
28343
28359
|
var size = selectProps.size,
|
|
28344
28360
|
value = selectProps.value,
|
|
28345
28361
|
autoFocus = selectProps.autoFocus,
|
|
@@ -28376,76 +28392,76 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28376
28392
|
tagRender = selectProps.tagRender,
|
|
28377
28393
|
virtualListProps = selectProps.virtualListProps;
|
|
28378
28394
|
var isMultiple = mode === 'multiple'; // 是否多选
|
|
28379
|
-
var _useMergedState = Object(
|
|
28395
|
+
var _useMergedState = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_20__["useMergedState"])(undefined, {
|
|
28380
28396
|
value: value,
|
|
28381
28397
|
defaultValue: defaultValue
|
|
28382
28398
|
}),
|
|
28383
|
-
_useMergedState2 =
|
|
28399
|
+
_useMergedState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_9___default()(_useMergedState, 2),
|
|
28384
28400
|
initValue = _useMergedState2[0],
|
|
28385
28401
|
setInitValue = _useMergedState2[1];
|
|
28386
|
-
var realChildren = Array.isArray(options) ? options : Object(
|
|
28387
|
-
var innerRef = Object(
|
|
28402
|
+
var realChildren = Array.isArray(options) ? options : Object(_utils_react_children__WEBPACK_IMPORTED_MODULE_25__["toArray"])(children); // options配置项和默认children
|
|
28403
|
+
var innerRef = Object(react__WEBPACK_IMPORTED_MODULE_19__["useRef"])();
|
|
28388
28404
|
var selectRef = ref || innerRef;
|
|
28389
|
-
var searchRef = Object(
|
|
28390
|
-
var selectionRef = Object(
|
|
28391
|
-
var dropDownRef = Object(
|
|
28392
|
-
var multipleRef = Object(
|
|
28405
|
+
var searchRef = Object(react__WEBPACK_IMPORTED_MODULE_19__["useRef"])(null); // 搜索框ref
|
|
28406
|
+
var selectionRef = Object(react__WEBPACK_IMPORTED_MODULE_19__["useRef"])(null);
|
|
28407
|
+
var dropDownRef = Object(react__WEBPACK_IMPORTED_MODULE_19__["useRef"])(null);
|
|
28408
|
+
var multipleRef = Object(react__WEBPACK_IMPORTED_MODULE_19__["useRef"])({
|
|
28393
28409
|
selectedVal: isMultiple ? [] : null,
|
|
28394
28410
|
selectMulOpts: []
|
|
28395
28411
|
}); // 多选ref已选中项
|
|
28396
|
-
var measureRef = Object(
|
|
28397
|
-
var _useState = Object(
|
|
28398
|
-
_useState2 =
|
|
28412
|
+
var measureRef = Object(react__WEBPACK_IMPORTED_MODULE_19__["useRef"])(null);
|
|
28413
|
+
var _useState = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])([]),
|
|
28414
|
+
_useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_9___default()(_useState, 2),
|
|
28399
28415
|
mulOptions = _useState2[0],
|
|
28400
28416
|
setMulOptions = _useState2[1];
|
|
28401
|
-
var _useState3 = Object(
|
|
28402
|
-
_useState4 =
|
|
28417
|
+
var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(''),
|
|
28418
|
+
_useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_9___default()(_useState3, 2),
|
|
28403
28419
|
singleVal = _useState4[0],
|
|
28404
28420
|
setSingleVal = _useState4[1];
|
|
28405
|
-
var _useState5 = Object(
|
|
28406
|
-
_useState6 =
|
|
28421
|
+
var _useState5 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(typeof props.visible === 'undefined' ? !!defaultOpen : !!props.visible),
|
|
28422
|
+
_useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_9___default()(_useState5, 2),
|
|
28407
28423
|
optionShow = _useState6[0],
|
|
28408
28424
|
setOptionShow = _useState6[1];
|
|
28409
28425
|
// 下拉列表是否展示
|
|
28410
28426
|
// const [searchInput, setSearchInput] = useState<string>('') // 搜索框值
|
|
28411
|
-
var _useState7 = Object(
|
|
28412
|
-
_useState8 =
|
|
28427
|
+
var _useState7 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(''),
|
|
28428
|
+
_useState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_9___default()(_useState7, 2),
|
|
28413
28429
|
searchValue = _useState8[0],
|
|
28414
28430
|
setSearchValue = _useState8[1]; // 搜索框定时器
|
|
28415
|
-
var _useState9 = Object(
|
|
28416
|
-
_useState10 =
|
|
28431
|
+
var _useState9 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(INPUT_MIN_WIDTH),
|
|
28432
|
+
_useState10 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_9___default()(_useState9, 2),
|
|
28417
28433
|
inputWidth = _useState10[0],
|
|
28418
28434
|
setInputWidth = _useState10[1]; // 输入框宽度
|
|
28419
|
-
var _useState11 = Object(
|
|
28420
|
-
_useState12 =
|
|
28435
|
+
var _useState11 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(autoFocus),
|
|
28436
|
+
_useState12 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_9___default()(_useState11, 2),
|
|
28421
28437
|
focusd = _useState12[0],
|
|
28422
28438
|
setFocusd = _useState12[1];
|
|
28423
28439
|
var selectPrefixCls = getPrefixCls(prefixCls, 'select', customPrefixcls);
|
|
28424
28440
|
// 选择器样式
|
|
28425
|
-
var selectCls =
|
|
28426
|
-
var selectionCls =
|
|
28441
|
+
var selectCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(selectPrefixCls, className, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(selectPrefixCls, "-visible"), optionShow));
|
|
28442
|
+
var selectionCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(selectPrefixCls, "-selector"), true));
|
|
28427
28443
|
|
|
28428
28444
|
// 下拉列表框样式
|
|
28429
|
-
var dropDownCls =
|
|
28445
|
+
var dropDownCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(dropdownClassName, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(selectPrefixCls, "-dropdown"), true));
|
|
28430
28446
|
|
|
28431
28447
|
// 下拉子项列表样式
|
|
28432
|
-
var dropContentCls =
|
|
28448
|
+
var dropContentCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(selectPrefixCls, "-dropdown-scroll"), (isMultiple ? (realChildren === null || realChildren === void 0 ? void 0 : realChildren.length) > 8 : (realChildren === null || realChildren === void 0 ? void 0 : realChildren.length) > 10) || selectProps.dropdownRender));
|
|
28433
28449
|
|
|
28434
28450
|
// 多选底部样式
|
|
28435
|
-
var multipleFooterCls =
|
|
28451
|
+
var multipleFooterCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(selectPrefixCls, "-multiple-footer"), true));
|
|
28436
28452
|
|
|
28437
28453
|
// 多选,单选公共样式
|
|
28438
|
-
var commCls =
|
|
28439
|
-
Object(
|
|
28454
|
+
var commCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()((_classNames6 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-bordered"), borderType === 'bordered'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-underline"), borderType === 'underline'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-borderless"), borderType === 'none'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-size-").concat(size), size), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-wrapper"), true), _classNames6));
|
|
28455
|
+
Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
|
|
28440
28456
|
if (typeof props.visible !== 'undefined') {
|
|
28441
28457
|
setOptionShow(props.visible);
|
|
28442
28458
|
}
|
|
28443
28459
|
}, [props.visible]);
|
|
28444
28460
|
|
|
28445
28461
|
// realchildren更新时数据处理---待解决
|
|
28446
|
-
Object(
|
|
28462
|
+
Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
|
|
28447
28463
|
if (isMultiple) {
|
|
28448
|
-
multipleRef.current.selectedVal = Array.isArray(initValue) ?
|
|
28464
|
+
multipleRef.current.selectedVal = Array.isArray(initValue) ? _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_7___default()(initValue) : initValue || [];
|
|
28449
28465
|
if (Array.isArray(initValue)) {
|
|
28450
28466
|
if (realChildren !== null && realChildren !== void 0 && realChildren.length) {
|
|
28451
28467
|
var arr = [];
|
|
@@ -28479,7 +28495,7 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28479
28495
|
}
|
|
28480
28496
|
}
|
|
28481
28497
|
}, [isMultiple, initValue, children, options]);
|
|
28482
|
-
Object(
|
|
28498
|
+
Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
|
|
28483
28499
|
if (!isMultiple) {
|
|
28484
28500
|
multipleRef.current.selectedVal = initValue; // 默认选中值
|
|
28485
28501
|
if (initValue !== undefined) {
|
|
@@ -28502,31 +28518,32 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28502
28518
|
}
|
|
28503
28519
|
}
|
|
28504
28520
|
}, [initValue, realChildren]);
|
|
28505
|
-
Object(
|
|
28521
|
+
Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
|
|
28506
28522
|
if (optionShow === false) {
|
|
28507
28523
|
handleClear();
|
|
28508
28524
|
}
|
|
28509
28525
|
}, [optionShow]);
|
|
28510
|
-
var handleFocus = Object(
|
|
28526
|
+
var handleFocus = Object(react__WEBPACK_IMPORTED_MODULE_19__["useCallback"])(function (e) {
|
|
28511
28527
|
e.stopPropagation();
|
|
28512
28528
|
setFocusd(true);
|
|
28513
28529
|
onFocus && onFocus(e);
|
|
28514
28530
|
}, [onFocus]);
|
|
28515
|
-
var handleBlur = Object(
|
|
28531
|
+
var handleBlur = Object(react__WEBPACK_IMPORTED_MODULE_19__["useCallback"])(function (e) {
|
|
28516
28532
|
e.stopPropagation();
|
|
28517
28533
|
setFocusd(false);
|
|
28518
28534
|
onBlur && onBlur(e);
|
|
28519
28535
|
}, [onBlur]);
|
|
28520
28536
|
|
|
28521
28537
|
// 点击组件
|
|
28522
|
-
|
|
28523
|
-
|
|
28524
|
-
|
|
28525
|
-
|
|
28526
|
-
|
|
28527
|
-
|
|
28528
|
-
}
|
|
28529
|
-
|
|
28538
|
+
// const handleClick = () => {
|
|
28539
|
+
// if (disabled) return
|
|
28540
|
+
// if (optionShow) {
|
|
28541
|
+
// const { onDropdownVisibleChange } = selectProps
|
|
28542
|
+
// onDropdownVisibleChange && onDropdownVisibleChange(true)
|
|
28543
|
+
// }
|
|
28544
|
+
// }
|
|
28545
|
+
|
|
28546
|
+
Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
|
|
28530
28547
|
selectionRef.current.addEventListener('mouseup', function (e) {
|
|
28531
28548
|
var _e$target;
|
|
28532
28549
|
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;
|
|
@@ -28535,10 +28552,10 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28535
28552
|
}
|
|
28536
28553
|
});
|
|
28537
28554
|
}, []);
|
|
28538
|
-
Object(
|
|
28555
|
+
Object(react__WEBPACK_IMPORTED_MODULE_19__["useLayoutEffect"])(function () {
|
|
28539
28556
|
measureRef.current && setInputWidth(measureRef.current.scrollWidth);
|
|
28540
28557
|
}, [searchValue]);
|
|
28541
|
-
var filledOptions = Object(
|
|
28558
|
+
var filledOptions = Object(react__WEBPACK_IMPORTED_MODULE_19__["useMemo"])(function () {
|
|
28542
28559
|
if (filterOption === false || !searchValue) {
|
|
28543
28560
|
return realChildren;
|
|
28544
28561
|
}
|
|
@@ -28565,7 +28582,7 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28565
28582
|
});
|
|
28566
28583
|
return childrenList;
|
|
28567
28584
|
}, [searchValue, realChildren, filterOption, optionFilterProp]);
|
|
28568
|
-
var getOptionLabel = Object(
|
|
28585
|
+
var getOptionLabel = Object(react__WEBPACK_IMPORTED_MODULE_19__["useCallback"])(function (obj) {
|
|
28569
28586
|
var text = Object.prototype.hasOwnProperty.call(selectProps, 'options') && !Object.prototype.hasOwnProperty.call(props, 'optionLabelProp') ? 'label' : optionLabelProp;
|
|
28570
28587
|
if (obj.props) {
|
|
28571
28588
|
var _obj$props3;
|
|
@@ -28605,8 +28622,8 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28605
28622
|
var _multipleRef$current = multipleRef.current,
|
|
28606
28623
|
selectedVal = _multipleRef$current.selectedVal,
|
|
28607
28624
|
selectMulOpts = _multipleRef$current.selectMulOpts;
|
|
28608
|
-
var valArr =
|
|
28609
|
-
var optsArr =
|
|
28625
|
+
var valArr = _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_7___default()(selectedVal);
|
|
28626
|
+
var optsArr = _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_7___default()(selectMulOpts);
|
|
28610
28627
|
if (selectedVal.includes(key)) {
|
|
28611
28628
|
var idx = selectedVal.indexOf(key);
|
|
28612
28629
|
valArr.splice(idx, 1);
|
|
@@ -28663,7 +28680,7 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28663
28680
|
label: getOptionLabel(obj) || key
|
|
28664
28681
|
}));
|
|
28665
28682
|
}
|
|
28666
|
-
setMulOptions(
|
|
28683
|
+
setMulOptions(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_7___default()(_selectMulOpts));
|
|
28667
28684
|
onChange && onChange(labelInValue ? _selectMulOpts : _selectedVal, _selectMulOpts);
|
|
28668
28685
|
if (!isSelected) {
|
|
28669
28686
|
onDeselect && onDeselect(key); // 下拉项取消选中时调用,参数为选中项的value,多选模式下生效
|
|
@@ -28679,8 +28696,8 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28679
28696
|
var _multipleRef$current3 = multipleRef.current,
|
|
28680
28697
|
selectedVal = _multipleRef$current3.selectedVal,
|
|
28681
28698
|
selectMulOpts = _multipleRef$current3.selectMulOpts;
|
|
28682
|
-
var newSelectedVal =
|
|
28683
|
-
var newSelectMulOpts =
|
|
28699
|
+
var newSelectedVal = _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_7___default()(selectedVal);
|
|
28700
|
+
var newSelectMulOpts = _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_7___default()(selectMulOpts);
|
|
28684
28701
|
if ((filledOptions === null || filledOptions === void 0 ? void 0 : filledOptions.length) !== newSelectedVal.length) {
|
|
28685
28702
|
filledOptions.map(function (child) {
|
|
28686
28703
|
var _ref = child.props || child,
|
|
@@ -28696,7 +28713,7 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28696
28713
|
if (typeof value === 'undefined') {
|
|
28697
28714
|
multipleRef.current.selectedVal = newSelectedVal;
|
|
28698
28715
|
multipleRef.current.selectMulOpts = newSelectMulOpts;
|
|
28699
|
-
setMulOptions(
|
|
28716
|
+
setMulOptions(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_7___default()(newSelectMulOpts));
|
|
28700
28717
|
setSearchValue('');
|
|
28701
28718
|
}
|
|
28702
28719
|
} else {
|
|
@@ -28712,7 +28729,7 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28712
28729
|
};
|
|
28713
28730
|
|
|
28714
28731
|
// 输入框变化搜索内容
|
|
28715
|
-
var handleSearchChange = Object(
|
|
28732
|
+
var handleSearchChange = Object(react__WEBPACK_IMPORTED_MODULE_19__["useCallback"])(function (event) {
|
|
28716
28733
|
var val = event.currentTarget.value;
|
|
28717
28734
|
setOptionShow(true);
|
|
28718
28735
|
setSearchValue(val);
|
|
@@ -28720,7 +28737,7 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28720
28737
|
}, [onSearch]);
|
|
28721
28738
|
|
|
28722
28739
|
// 清除搜索内容
|
|
28723
|
-
var handleClear = Object(
|
|
28740
|
+
var handleClear = Object(react__WEBPACK_IMPORTED_MODULE_19__["useCallback"])(function () {
|
|
28724
28741
|
if (searchRef.current) {
|
|
28725
28742
|
searchRef.current.value = '';
|
|
28726
28743
|
setSearchValue('');
|
|
@@ -28751,7 +28768,7 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28751
28768
|
var idx = selectedVal.indexOf(tag);
|
|
28752
28769
|
selectedVal.splice(idx, 1);
|
|
28753
28770
|
selectMulOpts.splice(idx, 1);
|
|
28754
|
-
setMulOptions(
|
|
28771
|
+
setMulOptions(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_7___default()(selectMulOpts));
|
|
28755
28772
|
onChange && onChange(labelInValue ? selectMulOpts : selectedVal, selectMulOpts);
|
|
28756
28773
|
e.stopPropagation();
|
|
28757
28774
|
};
|
|
@@ -28762,46 +28779,54 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28762
28779
|
var suffixIcon = selectProps.suffixIcon;
|
|
28763
28780
|
var selectedVal = multipleRef.current.selectedVal;
|
|
28764
28781
|
// 选择器下拉icon样式
|
|
28765
|
-
var arrowIconCls =
|
|
28782
|
+
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));
|
|
28766
28783
|
var iconShow = allowClear && !disabled && ((isMultiple ? mulOptions.length > 0 : (selectedVal !== null && selectedVal !== void 0 ? selectedVal : '') !== '') || searchValue);
|
|
28767
|
-
var clearIconCls =
|
|
28768
|
-
return /*#__PURE__*/
|
|
28784
|
+
var clearIconCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(selectPrefixCls, "-icon-clear"), true));
|
|
28785
|
+
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", {
|
|
28769
28786
|
onClick: handleReset,
|
|
28770
28787
|
onMouseDown: function onMouseDown(e) {
|
|
28771
28788
|
return e.preventDefault();
|
|
28772
28789
|
},
|
|
28773
28790
|
className: clearIconCls
|
|
28774
|
-
}, clearIcon || /*#__PURE__*/
|
|
28791
|
+
}, clearIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_26__["Icon"], {
|
|
28775
28792
|
type: "close-solid"
|
|
28776
|
-
})), showArrow && /*#__PURE__*/
|
|
28793
|
+
})), showArrow && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
28777
28794
|
className: arrowIconCls
|
|
28778
|
-
}, suffixIcon || /*#__PURE__*/
|
|
28795
|
+
}, suffixIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_26__["Icon"], {
|
|
28779
28796
|
type: "arrow-down"
|
|
28780
28797
|
})));
|
|
28781
28798
|
};
|
|
28782
28799
|
var renderOption = function renderOption(child, index) {
|
|
28783
28800
|
if (child !== null && child !== void 0 && child.props && (child.type.displayName === 'Option' || child.type.name === 'Option')) {
|
|
28784
|
-
return /*#__PURE__*/
|
|
28801
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_option__WEBPACK_IMPORTED_MODULE_27__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_6___default()({
|
|
28785
28802
|
isMultiple: isMultiple
|
|
28786
28803
|
}, child.props, {
|
|
28787
28804
|
key: index,
|
|
28788
28805
|
index: index,
|
|
28806
|
+
activeIndex: activeIndex,
|
|
28789
28807
|
onChangeSelect: handleOption,
|
|
28790
|
-
values: multipleRef.current.selectedVal
|
|
28808
|
+
values: multipleRef.current.selectedVal,
|
|
28809
|
+
onChangeActiveIndex: function onChangeActiveIndex(i) {
|
|
28810
|
+
setActiveIndex(i);
|
|
28811
|
+
}
|
|
28791
28812
|
}));
|
|
28792
28813
|
} else {
|
|
28793
|
-
return /*#__PURE__*/
|
|
28814
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_option__WEBPACK_IMPORTED_MODULE_27__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_6___default()({
|
|
28794
28815
|
isMultiple: isMultiple,
|
|
28795
28816
|
value: child === null || child === void 0 ? void 0 : child.value,
|
|
28796
28817
|
key: index,
|
|
28797
28818
|
index: index,
|
|
28819
|
+
activeIndex: activeIndex,
|
|
28798
28820
|
onChangeSelect: handleOption,
|
|
28799
|
-
values: multipleRef.current.selectedVal
|
|
28821
|
+
values: multipleRef.current.selectedVal,
|
|
28822
|
+
onChangeActiveIndex: function onChangeActiveIndex(i) {
|
|
28823
|
+
setActiveIndex(i);
|
|
28824
|
+
}
|
|
28800
28825
|
}, child), (child === null || child === void 0 ? void 0 : child.label) || (child === null || child === void 0 ? void 0 : child.value));
|
|
28801
28826
|
}
|
|
28802
28827
|
};
|
|
28803
28828
|
var dropRender = function dropRender(childrenToRender, heightStyle) {
|
|
28804
|
-
return /*#__PURE__*/
|
|
28829
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", {
|
|
28805
28830
|
className: dropContentCls,
|
|
28806
28831
|
style: heightStyle
|
|
28807
28832
|
}, childrenToRender);
|
|
@@ -28810,23 +28835,23 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28810
28835
|
// 下拉列表为空时显示的内容
|
|
28811
28836
|
var renderNotContent = function renderNotContent() {
|
|
28812
28837
|
// 下拉列表为空
|
|
28813
|
-
var emptyListCls =
|
|
28838
|
+
var emptyListCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(selectPrefixCls, "-dropdown-empty"), true));
|
|
28814
28839
|
var notFoundContent = selectProps.notFoundContent;
|
|
28815
28840
|
var emptyContent = notFoundContent || '暂无数据';
|
|
28816
|
-
return (filledOptions === null || filledOptions === void 0 ? void 0 : filledOptions.length) === 0 && /*#__PURE__*/
|
|
28841
|
+
return (filledOptions === null || filledOptions === void 0 ? void 0 : filledOptions.length) === 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", {
|
|
28817
28842
|
className: emptyListCls
|
|
28818
28843
|
}, emptyContent);
|
|
28819
28844
|
};
|
|
28820
|
-
var isShowSearch = Object(
|
|
28821
|
-
return
|
|
28845
|
+
var isShowSearch = Object(react__WEBPACK_IMPORTED_MODULE_19__["useMemo"])(function () {
|
|
28846
|
+
return lodash_isBoolean__WEBPACK_IMPORTED_MODULE_21___default()(showSearch) ? showSearch : isMultiple;
|
|
28822
28847
|
}, [isMultiple, showSearch]);
|
|
28823
|
-
Object(
|
|
28848
|
+
Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
|
|
28824
28849
|
if (isShowSearch && autoFocus && !disabled) {
|
|
28825
28850
|
var _searchRef$current2;
|
|
28826
28851
|
(_searchRef$current2 = searchRef.current) === null || _searchRef$current2 === void 0 ? void 0 : _searchRef$current2.focus();
|
|
28827
28852
|
}
|
|
28828
28853
|
}, [isShowSearch, autoFocus, disabled]);
|
|
28829
|
-
|
|
28854
|
+
var optionsListRef = react__WEBPACK_IMPORTED_MODULE_19___default.a.useRef(null);
|
|
28830
28855
|
// 渲染下拉列表框
|
|
28831
28856
|
var renderContent = function renderContent() {
|
|
28832
28857
|
var dropdownRender = selectProps.dropdownRender,
|
|
@@ -28840,7 +28865,7 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28840
28865
|
var temp = renderOption(item, index);
|
|
28841
28866
|
return temp;
|
|
28842
28867
|
});
|
|
28843
|
-
eleOptionList = /*#__PURE__*/
|
|
28868
|
+
eleOptionList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_virtual_list__WEBPACK_IMPORTED_MODULE_29__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_6___default()({
|
|
28844
28869
|
role: "listbox",
|
|
28845
28870
|
data: childrenToRender,
|
|
28846
28871
|
itemKey: function itemKey(child) {
|
|
@@ -28852,7 +28877,8 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28852
28877
|
},
|
|
28853
28878
|
isStaticItemHeight: true,
|
|
28854
28879
|
height: listHeight || 300,
|
|
28855
|
-
measureLongestItem: false
|
|
28880
|
+
measureLongestItem: false,
|
|
28881
|
+
ref: optionsListRef
|
|
28856
28882
|
}, virtualListProps), function (child) {
|
|
28857
28883
|
return child;
|
|
28858
28884
|
});
|
|
@@ -28861,7 +28887,7 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28861
28887
|
maxHeight: listHeight || '300px'
|
|
28862
28888
|
};
|
|
28863
28889
|
// 下拉框style属性
|
|
28864
|
-
var dropDownStyle =
|
|
28890
|
+
var dropDownStyle = _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_6___default()({
|
|
28865
28891
|
width: style === null || style === void 0 ? void 0 : style.width
|
|
28866
28892
|
}, dropdownStyle);
|
|
28867
28893
|
var checkboxStyle = {
|
|
@@ -28870,33 +28896,33 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28870
28896
|
};
|
|
28871
28897
|
var indeterminate = mulOptions.length > 0 && mulOptions.length < filledOptions.length;
|
|
28872
28898
|
var checked = mulOptions.length === filledOptions.length;
|
|
28873
|
-
return /*#__PURE__*/
|
|
28899
|
+
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", {
|
|
28874
28900
|
className: dropDownCls,
|
|
28875
28901
|
style: dropDownStyle,
|
|
28876
28902
|
ref: dropDownRef
|
|
28877
|
-
}, !dropdownRender && childrenToRender.length > 0 && dropRender(eleOptionList, heightStyle), renderNotContent(), /*#__PURE__*/
|
|
28903
|
+
}, !dropdownRender && childrenToRender.length > 0 && dropRender(eleOptionList, heightStyle), renderNotContent(), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", null, dropdownRender && dropdownRender(dropRender(childrenToRender, heightStyle))), isMultiple && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", {
|
|
28878
28904
|
className: multipleFooterCls
|
|
28879
|
-
}, /*#__PURE__*/
|
|
28905
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_26__["Checkbox"], {
|
|
28880
28906
|
style: checkboxStyle,
|
|
28881
28907
|
checked: checked,
|
|
28882
28908
|
indeterminate: indeterminate,
|
|
28883
28909
|
onChange: handleSelectAll
|
|
28884
|
-
}, "\u5168\u9009"), /*#__PURE__*/
|
|
28910
|
+
}, "\u5168\u9009"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
28885
28911
|
className: "".concat(selectPrefixCls, "-multiple-footer-hadSelected")
|
|
28886
|
-
}, "\u5DF2\u9009", /*#__PURE__*/
|
|
28912
|
+
}, "\u5DF2\u9009", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", null, isMultiple ? selectedVal.length : 0), "\u9879"))));
|
|
28887
28913
|
};
|
|
28888
28914
|
|
|
28889
28915
|
// 处理多选tag
|
|
28890
|
-
var handleMaxTagHolder = Object(
|
|
28916
|
+
var handleMaxTagHolder = Object(react__WEBPACK_IMPORTED_MODULE_19__["useCallback"])(function () {
|
|
28891
28917
|
var maxTagPlaceholder = selectProps.maxTagPlaceholder;
|
|
28892
28918
|
if (typeof maxTagPlaceholder === 'function') {
|
|
28893
|
-
return /*#__PURE__*/
|
|
28919
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_26__["Tag"], {
|
|
28894
28920
|
type: "edit",
|
|
28895
28921
|
size: size,
|
|
28896
28922
|
disabled: disabled
|
|
28897
28923
|
}, maxTagPlaceholder(mulOptions));
|
|
28898
28924
|
} else {
|
|
28899
|
-
return /*#__PURE__*/
|
|
28925
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_26__["Tag"], {
|
|
28900
28926
|
type: "edit",
|
|
28901
28927
|
size: size,
|
|
28902
28928
|
disabled: disabled
|
|
@@ -28922,13 +28948,13 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28922
28948
|
var hiddenStyle = isShowSearch && !!searchValue || singleVal ? {
|
|
28923
28949
|
visibility: 'hidden'
|
|
28924
28950
|
} : undefined;
|
|
28925
|
-
return /*#__PURE__*/
|
|
28951
|
+
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", {
|
|
28926
28952
|
className: singleCls,
|
|
28927
28953
|
ref: selectionRef,
|
|
28928
28954
|
title: title
|
|
28929
|
-
}, /*#__PURE__*/
|
|
28955
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
28930
28956
|
className: "".concat(selectPrefixCls, "-selection-search")
|
|
28931
|
-
}, /*#__PURE__*/
|
|
28957
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("input", {
|
|
28932
28958
|
ref: searchRef,
|
|
28933
28959
|
value: searchValue,
|
|
28934
28960
|
className: "".concat(selectPrefixCls, "-selection-search-input"),
|
|
@@ -28936,12 +28962,12 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28936
28962
|
onFocus: handleFocus,
|
|
28937
28963
|
onBlur: handleBlur,
|
|
28938
28964
|
readOnly: !isShowSearch || !!disabled
|
|
28939
|
-
})), singleVal && !searchValue && /*#__PURE__*/
|
|
28965
|
+
})), singleVal && !searchValue && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
28940
28966
|
className: "".concat(selectPrefixCls, "-selection-item")
|
|
28941
|
-
}, singleVal), /*#__PURE__*/
|
|
28967
|
+
}, singleVal), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
28942
28968
|
className: "".concat(selectPrefixCls, "-placeholder"),
|
|
28943
28969
|
style: hiddenStyle
|
|
28944
|
-
}, placeholder), /*#__PURE__*/
|
|
28970
|
+
}, placeholder), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
28945
28971
|
className: "".concat(selectPrefixCls, "-suffix")
|
|
28946
28972
|
}, renderSuffix())));
|
|
28947
28973
|
};
|
|
@@ -28951,21 +28977,21 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28951
28977
|
var _classNames10, _classNames11;
|
|
28952
28978
|
var maxTagCount = selectProps.maxTagCount,
|
|
28953
28979
|
maxTagPlaceholder = selectProps.maxTagPlaceholder;
|
|
28954
|
-
var multipleCls =
|
|
28955
|
-
var itemCls =
|
|
28980
|
+
var multipleCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(commCls, (_classNames10 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames10, "".concat(selectPrefixCls, "-multiple-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames10, "".concat(selectPrefixCls, "-").concat(mode), mode), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames10, "".concat(selectPrefixCls, "-focused"), focusd || optionShow), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames10, "".concat(selectPrefixCls, "-placeholder"), placeholder && !mulOptions.length), _classNames10));
|
|
28981
|
+
var itemCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()((_classNames11 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames11, "".concat(selectPrefixCls, "-selection-item"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames11, "".concat(selectPrefixCls, "-selection-item-").concat(size), size), _classNames11));
|
|
28956
28982
|
var TagStyle = {
|
|
28957
28983
|
margin: '2px 8px 2px 0',
|
|
28958
28984
|
maxWidth: '100%'
|
|
28959
28985
|
};
|
|
28960
|
-
return /*#__PURE__*/
|
|
28986
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", {
|
|
28961
28987
|
className: multipleCls,
|
|
28962
28988
|
ref: selectionRef
|
|
28963
|
-
}, Array.isArray(mulOptions) && /*#__PURE__*/
|
|
28989
|
+
}, 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) {
|
|
28964
28990
|
var label = item.label,
|
|
28965
28991
|
value = item.value;
|
|
28966
|
-
return (!maxTagCount || index <= maxTagCount - 1) && /*#__PURE__*/
|
|
28992
|
+
return (!maxTagCount || index <= maxTagCount - 1) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
28967
28993
|
key: value,
|
|
28968
|
-
className:
|
|
28994
|
+
className: classnames__WEBPACK_IMPORTED_MODULE_22___default()("".concat(selectPrefixCls, "-selection-tag")),
|
|
28969
28995
|
onMouseDown: function onMouseDown(e) {
|
|
28970
28996
|
return e.preventDefault();
|
|
28971
28997
|
}
|
|
@@ -28975,7 +29001,7 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28975
29001
|
label: label,
|
|
28976
29002
|
disabled: disabled,
|
|
28977
29003
|
size: size
|
|
28978
|
-
}) : /*#__PURE__*/
|
|
29004
|
+
}) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_26__["Tag"], {
|
|
28979
29005
|
type: "edit",
|
|
28980
29006
|
style: TagStyle,
|
|
28981
29007
|
size: size,
|
|
@@ -28986,16 +29012,16 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28986
29012
|
},
|
|
28987
29013
|
"data-tag": value
|
|
28988
29014
|
}, label));
|
|
28989
|
-
}), maxTagCount && mulOptions.length > maxTagCount ? maxTagPlaceholder ? handleMaxTagHolder() : /*#__PURE__*/
|
|
29015
|
+
}), maxTagCount && mulOptions.length > maxTagCount ? maxTagPlaceholder ? handleMaxTagHolder() : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
28990
29016
|
className: itemCls
|
|
28991
|
-
}, /*#__PURE__*/
|
|
29017
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
28992
29018
|
className: "".concat(selectPrefixCls, "-selection-item-content")
|
|
28993
|
-
}, "\u5171", mulOptions.length, "\u9879")) : null), /*#__PURE__*/
|
|
29019
|
+
}, "\u5171", mulOptions.length, "\u9879")) : null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
28994
29020
|
className: "".concat(selectPrefixCls, "-selection-search"),
|
|
28995
29021
|
style: {
|
|
28996
29022
|
width: inputWidth
|
|
28997
29023
|
}
|
|
28998
|
-
}, /*#__PURE__*/
|
|
29024
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("input", {
|
|
28999
29025
|
ref: searchRef,
|
|
29000
29026
|
value: searchValue,
|
|
29001
29027
|
className: "".concat(selectPrefixCls, "-selection-search-input"),
|
|
@@ -29003,24 +29029,118 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
29003
29029
|
onFocus: handleFocus,
|
|
29004
29030
|
onBlur: handleBlur,
|
|
29005
29031
|
readOnly: !isShowSearch || !!disabled
|
|
29006
|
-
}), /*#__PURE__*/
|
|
29032
|
+
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
29007
29033
|
ref: measureRef,
|
|
29008
29034
|
className: "".concat(selectPrefixCls, "-selection-search-mirror")
|
|
29009
|
-
}, searchValue, "\xA0")), /*#__PURE__*/
|
|
29035
|
+
}, searchValue, "\xA0")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
29010
29036
|
className: "".concat(selectPrefixCls, "-placeholder")
|
|
29011
|
-
}, !mulOptions.length && !searchValue && placeholder), /*#__PURE__*/
|
|
29037
|
+
}, !mulOptions.length && !searchValue && placeholder), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
29012
29038
|
className: "".concat(selectPrefixCls, "-suffix")
|
|
29013
29039
|
}, renderSuffix()));
|
|
29014
29040
|
};
|
|
29015
|
-
var singleCls =
|
|
29041
|
+
var singleCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(commCls, (_classNames12 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames12, "".concat(selectPrefixCls, "-single"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames12, "".concat(selectPrefixCls, "-single-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames12, "".concat(selectPrefixCls, "-single-focused"), focusd && !disabled || optionShow), _classNames12));
|
|
29042
|
+
// keyboard
|
|
29043
|
+
var getActiveIndex = function getActiveIndex(index) {
|
|
29044
|
+
var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
|
|
29045
|
+
var len = filledOptions.length;
|
|
29046
|
+
for (var i = 0; i < len; i += 1) {
|
|
29047
|
+
var current = (index + i * offset + len) % len;
|
|
29048
|
+
var _props = filledOptions[current].props;
|
|
29049
|
+
if (!(_props !== null && _props !== void 0 && _props.disabled)) {
|
|
29050
|
+
return current;
|
|
29051
|
+
}
|
|
29052
|
+
}
|
|
29053
|
+
return -1;
|
|
29054
|
+
};
|
|
29055
|
+
// reset activeIndex
|
|
29056
|
+
Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
|
|
29057
|
+
if (searchValue) {
|
|
29058
|
+
setActiveIndex(getActiveIndex(0));
|
|
29059
|
+
}
|
|
29060
|
+
}, [searchValue]);
|
|
29061
|
+
Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
|
|
29062
|
+
if (optionShow && !disabled) {
|
|
29063
|
+
var onDropdownVisibleChange = selectProps.onDropdownVisibleChange;
|
|
29064
|
+
onDropdownVisibleChange && onDropdownVisibleChange(true);
|
|
29065
|
+
}
|
|
29066
|
+
}, [optionShow]);
|
|
29067
|
+
var _useState13 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(getActiveIndex(0)),
|
|
29068
|
+
_useState14 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_9___default()(_useState13, 2),
|
|
29069
|
+
activeIndex = _useState14[0],
|
|
29070
|
+
setActiveIndex = _useState14[1];
|
|
29071
|
+
var onInternalKeyDown = function onInternalKeyDown(e) {
|
|
29072
|
+
var which = e.which;
|
|
29073
|
+
// open
|
|
29074
|
+
if (which === _utils_KeyCode__WEBPACK_IMPORTED_MODULE_30__["default"].ENTER || which === _utils_KeyCode__WEBPACK_IMPORTED_MODULE_30__["default"].UP || which === _utils_KeyCode__WEBPACK_IMPORTED_MODULE_30__["default"].DOWN) {
|
|
29075
|
+
e.preventDefault();
|
|
29076
|
+
setOptionShow(true);
|
|
29077
|
+
}
|
|
29078
|
+
// backspace
|
|
29079
|
+
var _multipleRef$current5 = multipleRef.current,
|
|
29080
|
+
selectedVal = _multipleRef$current5.selectedVal,
|
|
29081
|
+
selectMulOpts = _multipleRef$current5.selectMulOpts;
|
|
29082
|
+
// isMultiple
|
|
29083
|
+
if (which === _utils_KeyCode__WEBPACK_IMPORTED_MODULE_30__["default"].BACKSPACE && !searchValue && isMultiple && selectedVal.length && selectMulOpts.length) {
|
|
29084
|
+
selectedVal.splice(-1, 1);
|
|
29085
|
+
selectMulOpts.splice(-1, 1);
|
|
29086
|
+
setMulOptions(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_7___default()(selectMulOpts));
|
|
29087
|
+
onChange && onChange(labelInValue ? selectMulOpts : selectedVal, selectMulOpts);
|
|
29088
|
+
// !isMultiple
|
|
29089
|
+
} else if (which === _utils_KeyCode__WEBPACK_IMPORTED_MODULE_30__["default"].BACKSPACE && allowClear && !isMultiple) {
|
|
29090
|
+
setInitValue('');
|
|
29091
|
+
onClear && onClear('');
|
|
29092
|
+
setSearchValue('');
|
|
29093
|
+
onChange && onChange(undefined);
|
|
29094
|
+
}
|
|
29095
|
+
// optionsList: up、down、enter
|
|
29096
|
+
if (optionShow) {
|
|
29097
|
+
var offset = 0;
|
|
29098
|
+
if (which === _utils_KeyCode__WEBPACK_IMPORTED_MODULE_30__["default"].UP) {
|
|
29099
|
+
offset = -1;
|
|
29100
|
+
} else if (which === _utils_KeyCode__WEBPACK_IMPORTED_MODULE_30__["default"].DOWN) {
|
|
29101
|
+
offset = 1;
|
|
29102
|
+
} else if (which === _utils_KeyCode__WEBPACK_IMPORTED_MODULE_30__["default"].ENTER) {
|
|
29103
|
+
var _item$props, _item$props2;
|
|
29104
|
+
var item = filledOptions[activeIndex];
|
|
29105
|
+
var key = ((_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.value) || item.value;
|
|
29106
|
+
var label = ((_item$props2 = item.props) === null || _item$props2 === void 0 ? void 0 : _item$props2.children) || item.label;
|
|
29107
|
+
handleOption(key, label, true);
|
|
29108
|
+
// search
|
|
29109
|
+
if (searchValue) {
|
|
29110
|
+
setActiveIndex(realChildren.findIndex(function (child) {
|
|
29111
|
+
if (child && child.props) {
|
|
29112
|
+
var _child$props5;
|
|
29113
|
+
return ((_child$props5 = child.props) === null || _child$props5 === void 0 ? void 0 : _child$props5.value) === key;
|
|
29114
|
+
} else {
|
|
29115
|
+
return (child === null || child === void 0 ? void 0 : child.value) === key;
|
|
29116
|
+
}
|
|
29117
|
+
}));
|
|
29118
|
+
}
|
|
29119
|
+
if (!isMultiple) {
|
|
29120
|
+
setOptionShow(false);
|
|
29121
|
+
}
|
|
29122
|
+
} else if (which === _utils_KeyCode__WEBPACK_IMPORTED_MODULE_30__["default"].ESC) {
|
|
29123
|
+
setOptionShow(false);
|
|
29124
|
+
}
|
|
29125
|
+
if (offset !== 0) {
|
|
29126
|
+
var nextActiveIndex = getActiveIndex(activeIndex + offset, offset);
|
|
29127
|
+
if (optionsListRef.current) {
|
|
29128
|
+
optionsListRef.current.scrollTo({
|
|
29129
|
+
index: nextActiveIndex
|
|
29130
|
+
});
|
|
29131
|
+
}
|
|
29132
|
+
setActiveIndex(nextActiveIndex);
|
|
29133
|
+
e.preventDefault();
|
|
29134
|
+
}
|
|
29135
|
+
}
|
|
29136
|
+
};
|
|
29016
29137
|
var renderSelect = function renderSelect() {
|
|
29017
|
-
return /*#__PURE__*/
|
|
29138
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", {
|
|
29018
29139
|
className: selectCls,
|
|
29019
29140
|
ref: selectRef,
|
|
29020
29141
|
style: style
|
|
29021
|
-
}, /*#__PURE__*/
|
|
29142
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
29022
29143
|
className: selectionCls,
|
|
29023
|
-
onClick: handleClick,
|
|
29024
29144
|
tabIndex: disabled ? -1 : 0,
|
|
29025
29145
|
onFocus: function onFocus() {
|
|
29026
29146
|
var _searchRef$current3;
|
|
@@ -29029,7 +29149,8 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
29029
29149
|
onBlur: function onBlur() {
|
|
29030
29150
|
var _searchRef$current4;
|
|
29031
29151
|
return (_searchRef$current4 = searchRef.current) === null || _searchRef$current4 === void 0 ? void 0 : _searchRef$current4.blur();
|
|
29032
|
-
}
|
|
29152
|
+
},
|
|
29153
|
+
onKeyDown: onInternalKeyDown
|
|
29033
29154
|
}, !isMultiple ? renderSingle() : renderMultiple()));
|
|
29034
29155
|
};
|
|
29035
29156
|
var catchStyle = function catchStyle() {
|
|
@@ -29058,9 +29179,9 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
29058
29179
|
onVisibleChange: handleVisibleChange,
|
|
29059
29180
|
clickToClose: !(isShowSearch && searchValue)
|
|
29060
29181
|
});
|
|
29061
|
-
return Object(
|
|
29182
|
+
return Object(_utils_usePopper__WEBPACK_IMPORTED_MODULE_28__["default"])(renderSelect(), renderContent(), popperProps);
|
|
29062
29183
|
};
|
|
29063
|
-
var Select = /*#__PURE__*/
|
|
29184
|
+
var Select = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.forwardRef(InternalSelect);
|
|
29064
29185
|
Select.displayName = 'Select';
|
|
29065
29186
|
/* harmony default export */ __webpack_exports__["default"] = (Select);
|
|
29066
29187
|
|