@kdcloudjs/kdesign 1.7.16 → 1.7.18
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 +28 -0
- package/dist/kdesign-complete.less +35 -19
- package/dist/kdesign.css +28 -17
- package/dist/kdesign.css.map +1 -1
- package/dist/kdesign.js +198 -135
- package/dist/kdesign.js.map +1 -1
- package/dist/kdesign.min.css +3 -3
- package/dist/kdesign.min.js +6 -6
- package/dist/kdesign.min.js.map +1 -1
- package/es/card/card.js +27 -17
- package/es/carousel/carousel.js +3 -2
- package/es/carousel/slideList.d.ts +1 -0
- package/es/carousel/slideList.js +5 -2
- package/es/cascader/cascader.js +59 -60
- package/es/cascader/style/index.css +16 -6
- package/es/cascader/style/index.less +20 -6
- package/es/color-picker/color-picker-panel.js +4 -3
- package/es/color-picker/color-picker.js +4 -2
- package/es/color-picker/interface.d.ts +1 -0
- package/es/color-picker/style/index.css +4 -1
- package/es/color-picker/style/index.less +5 -1
- package/es/dropdown/dropdown.js +21 -8
- package/es/dropdown/style/index.css +3 -0
- package/es/dropdown/style/index.less +4 -0
- package/es/filter/scheme.js +2 -1
- package/es/filter/style/index.css +2 -1
- package/es/filter/style/index.less +3 -2
- package/es/input/ClearableLabeledInput.js +9 -1
- package/es/select/option.js +6 -2
- package/es/select/select.js +32 -14
- package/es/select/style/index.css +2 -8
- package/es/select/style/index.less +3 -10
- package/lib/card/card.js +27 -17
- package/lib/carousel/carousel.js +3 -2
- package/lib/carousel/slideList.d.ts +1 -0
- package/lib/carousel/slideList.js +5 -2
- package/lib/cascader/cascader.js +58 -59
- package/lib/cascader/style/index.css +16 -6
- package/lib/cascader/style/index.less +20 -6
- package/lib/color-picker/color-picker-panel.js +4 -3
- package/lib/color-picker/color-picker.js +4 -2
- package/lib/color-picker/interface.d.ts +1 -0
- package/lib/color-picker/style/index.css +4 -1
- package/lib/color-picker/style/index.less +5 -1
- package/lib/dropdown/dropdown.js +21 -8
- package/lib/dropdown/style/index.css +3 -0
- package/lib/dropdown/style/index.less +4 -0
- package/lib/filter/scheme.js +2 -1
- package/lib/filter/style/index.css +2 -1
- package/lib/filter/style/index.less +3 -2
- package/lib/input/ClearableLabeledInput.js +8 -0
- package/lib/select/option.js +6 -2
- package/lib/select/select.js +32 -14
- package/lib/select/style/index.css +2 -8
- package/lib/select/style/index.less +3 -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.17
|
|
4
4
|
*
|
|
5
5
|
* Copyright 2020-present, Kingdee, Inc.
|
|
6
6
|
* All rights reserved.
|
|
@@ -5364,31 +5364,38 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
5364
5364
|
|
|
5365
5365
|
"use strict";
|
|
5366
5366
|
__webpack_require__.r(__webpack_exports__);
|
|
5367
|
-
/* harmony import */ var
|
|
5368
|
-
/* harmony import */ var
|
|
5369
|
-
/* harmony import */ var
|
|
5370
|
-
/* harmony import */ var
|
|
5371
|
-
/* harmony import */ var
|
|
5372
|
-
/* harmony import */ var
|
|
5373
|
-
/* harmony import */ var
|
|
5374
|
-
/* harmony import */ var
|
|
5375
|
-
/* harmony import */ var
|
|
5376
|
-
/* harmony import */ var
|
|
5377
|
-
/* harmony import */ var
|
|
5367
|
+
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/extends.js");
|
|
5368
|
+
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);
|
|
5369
|
+
/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ "./node_modules/@babel/runtime/helpers/objectWithoutProperties.js");
|
|
5370
|
+
/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__);
|
|
5371
|
+
/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");
|
|
5372
|
+
/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__);
|
|
5373
|
+
/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.symbol.description.js */ "./node_modules/core-js/modules/es.symbol.description.js");
|
|
5374
|
+
/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_3__);
|
|
5375
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react */ "react");
|
|
5376
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);
|
|
5377
|
+
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
|
|
5378
|
+
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__);
|
|
5379
|
+
/* harmony import */ var _checkbox__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../checkbox */ "./components/checkbox/index.tsx");
|
|
5380
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
|
|
5381
|
+
/* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../config-provider */ "./components/config-provider/index.tsx");
|
|
5378
5382
|
|
|
5379
5383
|
|
|
5384
|
+
var _excluded = ["tags", "style", "title", "avatar", "actions", "extra", "children", "className", "hoverable", "headStyle", "bodyStyle", "selectable", "checkboxProps", "prefixCls"];
|
|
5380
5385
|
|
|
5381
5386
|
|
|
5382
5387
|
|
|
5383
5388
|
|
|
5384
5389
|
|
|
5385
|
-
|
|
5386
|
-
|
|
5390
|
+
|
|
5391
|
+
|
|
5392
|
+
var Card = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["forwardRef"](function (props, ref) {
|
|
5393
|
+
var _React$useContext = react__WEBPACK_IMPORTED_MODULE_4__["useContext"](_config_provider__WEBPACK_IMPORTED_MODULE_8__["ConfigContext"]),
|
|
5387
5394
|
getPrefixCls = _React$useContext.getPrefixCls,
|
|
5388
5395
|
pkgPrefixCls = _React$useContext.prefixCls,
|
|
5389
5396
|
userDefaultProps = _React$useContext.compDefaultProps;
|
|
5390
5397
|
// 属性需要合并一遍用户定义的默认属性
|
|
5391
|
-
var _getCompProps = Object(
|
|
5398
|
+
var _getCompProps = Object(_utils__WEBPACK_IMPORTED_MODULE_7__["getCompProps"])('Card', userDefaultProps, props),
|
|
5392
5399
|
tags = _getCompProps.tags,
|
|
5393
5400
|
style = _getCompProps.style,
|
|
5394
5401
|
title = _getCompProps.title,
|
|
@@ -5402,40 +5409,41 @@ var Card = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["forwardRef"](functio
|
|
|
5402
5409
|
bodyStyle = _getCompProps.bodyStyle,
|
|
5403
5410
|
selectable = _getCompProps.selectable,
|
|
5404
5411
|
checkboxProps = _getCompProps.checkboxProps,
|
|
5405
|
-
customPrefixcls = _getCompProps.prefixCls
|
|
5412
|
+
customPrefixcls = _getCompProps.prefixCls,
|
|
5413
|
+
others = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1___default()(_getCompProps, _excluded);
|
|
5406
5414
|
|
|
5407
5415
|
// className前缀
|
|
5408
5416
|
var prefixCls = getPrefixCls(pkgPrefixCls, 'card', customPrefixcls);
|
|
5409
|
-
var cardClassName =
|
|
5417
|
+
var cardClassName = classnames__WEBPACK_IMPORTED_MODULE_5___default()(prefixCls, {
|
|
5410
5418
|
hoverable: hoverable
|
|
5411
5419
|
}, className);
|
|
5412
|
-
return /*#__PURE__*/
|
|
5420
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("div", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
|
|
5413
5421
|
ref: ref,
|
|
5414
5422
|
className: cardClassName,
|
|
5415
5423
|
style: style
|
|
5416
|
-
}, title && !avatar && /*#__PURE__*/
|
|
5424
|
+
}, others), title && !avatar && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("header", {
|
|
5417
5425
|
className: "".concat(prefixCls, "-header"),
|
|
5418
5426
|
style: headStyle
|
|
5419
|
-
}, title), avatar && /*#__PURE__*/
|
|
5427
|
+
}, title), avatar && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("header", {
|
|
5420
5428
|
className: "".concat(prefixCls, "-avatar")
|
|
5421
|
-
}, /*#__PURE__*/
|
|
5422
|
-
className:
|
|
5429
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("div", {
|
|
5430
|
+
className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("".concat(prefixCls, "-avatar-img"), {
|
|
5423
5431
|
circle: !avatar.square
|
|
5424
5432
|
})
|
|
5425
|
-
}, /*#__PURE__*/
|
|
5433
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("img", {
|
|
5426
5434
|
src: avatar.src
|
|
5427
|
-
})), /*#__PURE__*/
|
|
5435
|
+
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("h4", {
|
|
5428
5436
|
className: "".concat(prefixCls, "-avatar-title")
|
|
5429
|
-
}, avatar.title), /*#__PURE__*/
|
|
5437
|
+
}, avatar.title), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("span", {
|
|
5430
5438
|
className: "".concat(prefixCls, "-avatar-desc")
|
|
5431
|
-
}, avatar.description))), selectable && /*#__PURE__*/
|
|
5439
|
+
}, avatar.description))), selectable && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_checkbox__WEBPACK_IMPORTED_MODULE_6__["default"], checkboxProps), tags && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("div", {
|
|
5432
5440
|
className: "".concat(prefixCls, "-tags")
|
|
5433
|
-
}, tags), /*#__PURE__*/
|
|
5441
|
+
}, tags), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("div", {
|
|
5434
5442
|
className: "".concat(prefixCls, "-body"),
|
|
5435
5443
|
style: bodyStyle
|
|
5436
|
-
}, children), actions && /*#__PURE__*/
|
|
5444
|
+
}, children), actions && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("div", {
|
|
5437
5445
|
className: "".concat(prefixCls, "-actions")
|
|
5438
|
-
}, actions), extra && /*#__PURE__*/
|
|
5446
|
+
}, actions), extra && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("div", {
|
|
5439
5447
|
className: "".concat(prefixCls, "-extra")
|
|
5440
5448
|
}, extra));
|
|
5441
5449
|
});
|
|
@@ -5619,8 +5627,8 @@ var InternalCarousel = function InternalCarousel(props, ref) {
|
|
|
5619
5627
|
}, [itemWidth]);
|
|
5620
5628
|
var setScrollXEffectStyle = react__WEBPACK_IMPORTED_MODULE_10___default.a.useCallback(function () {
|
|
5621
5629
|
if (!listRef.current) return;
|
|
5622
|
-
listRef.current.style.cssText = needAnimation ? "transform: translateX(".concat(posX, "px); transition:all 0.3s ").concat(easing) : "transform: translateX(".concat(posX, "px); transition:
|
|
5623
|
-
}, [needAnimation, easing, posX]);
|
|
5630
|
+
listRef.current.style.cssText = needAnimation ? "transform: translateX(".concat(posX, "px); transition:all 0.3s ").concat(easing) : "transform: translateX(".concat(posX, "px); transition:none");
|
|
5631
|
+
}, [children === null || children === void 0 ? void 0 : children.length, needAnimation, easing, posX]);
|
|
5624
5632
|
var jumpTo = react__WEBPACK_IMPORTED_MODULE_10___default.a.useCallback(function (index, needAnimation) {
|
|
5625
5633
|
if (isFadeEffect) {
|
|
5626
5634
|
if (index === -1 || index === children.length) index = 0;
|
|
@@ -5758,6 +5766,7 @@ var InternalCarousel = function InternalCarousel(props, ref) {
|
|
|
5758
5766
|
content = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_slideList__WEBPACK_IMPORTED_MODULE_19__["SlideList"], {
|
|
5759
5767
|
items: children,
|
|
5760
5768
|
parentPrefixCls: carouselPrefixCls,
|
|
5769
|
+
currentIndex: currentIndex,
|
|
5761
5770
|
ref: listRef
|
|
5762
5771
|
});
|
|
5763
5772
|
}
|
|
@@ -5982,33 +5991,40 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
5982
5991
|
"use strict";
|
|
5983
5992
|
__webpack_require__.r(__webpack_exports__);
|
|
5984
5993
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SlideList", function() { return SlideList; });
|
|
5985
|
-
/* harmony import */ var
|
|
5986
|
-
/* harmony import */ var
|
|
5987
|
-
/* harmony import */ var
|
|
5988
|
-
/* harmony import */ var
|
|
5989
|
-
/* harmony import */ var
|
|
5990
|
-
/* harmony import */ var
|
|
5991
|
-
/* harmony import */ var
|
|
5992
|
-
/* harmony import */ var
|
|
5994
|
+
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
|
|
5995
|
+
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__);
|
|
5996
|
+
/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
|
|
5997
|
+
/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
5998
|
+
/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.array.slice.js */ "./node_modules/core-js/modules/es.array.slice.js");
|
|
5999
|
+
/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_2__);
|
|
6000
|
+
/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
|
|
6001
|
+
/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_3__);
|
|
6002
|
+
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
|
|
6003
|
+
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__);
|
|
6004
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react */ "react");
|
|
6005
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__);
|
|
5993
6006
|
|
|
5994
6007
|
|
|
5995
6008
|
|
|
5996
6009
|
|
|
5997
|
-
|
|
6010
|
+
|
|
6011
|
+
|
|
6012
|
+
var SlideList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.forwardRef(function (props, ref) {
|
|
5998
6013
|
var items = props.items,
|
|
5999
|
-
parentPrefixCls = props.parentPrefixCls
|
|
6014
|
+
parentPrefixCls = props.parentPrefixCls,
|
|
6015
|
+
currentIndex = props.currentIndex;
|
|
6000
6016
|
var slideListPrefixCls = "".concat(parentPrefixCls, "-list-slide");
|
|
6001
6017
|
var listPrefixCls = "".concat(parentPrefixCls, "-list");
|
|
6002
6018
|
var renderItems = function renderItems() {
|
|
6003
6019
|
var _items = items.slice(-1).concat(items, items.slice(0, 1)); // 首位分别添加一项
|
|
6004
6020
|
return _items.map(function (item, index) {
|
|
6005
|
-
return /*#__PURE__*/
|
|
6006
|
-
className: "".concat(listPrefixCls, "-item"),
|
|
6021
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("li", {
|
|
6022
|
+
className: classnames__WEBPACK_IMPORTED_MODULE_4___default()("".concat(listPrefixCls, "-item"), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "".concat(listPrefixCls, "-item-active"), currentIndex === index - 1)),
|
|
6007
6023
|
key: index
|
|
6008
6024
|
}, item);
|
|
6009
6025
|
});
|
|
6010
6026
|
};
|
|
6011
|
-
return /*#__PURE__*/
|
|
6027
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("ul", {
|
|
6012
6028
|
className: "".concat(listPrefixCls, " ").concat(slideListPrefixCls),
|
|
6013
6029
|
ref: ref
|
|
6014
6030
|
}, renderItems());
|
|
@@ -6170,7 +6186,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
6170
6186
|
|
|
6171
6187
|
|
|
6172
6188
|
|
|
6173
|
-
var _excluded = ["mode", "style", "options", "bordered", "disabled", "children", "loadData", "clearIcon", "className", "fieldNames", "placeholder", "defaultValue", "maxTagPlaceholder", "displayRender", "expandTrigger", "changeOnSelect", "dropdownRender", "notFoundContent", "getPopupContainer", "defaultPopupVisible", "onPopupVisibleChange", "onPopperVisibleChange", "prefixCls"];
|
|
6189
|
+
var _excluded = ["mode", "style", "options", "bordered", "disabled", "children", "loadData", "clearIcon", "className", "fieldNames", "placeholder", "defaultValue", "maxTagPlaceholder", "displayRender", "expandTrigger", "changeOnSelect", "dropdownRender", "notFoundContent", "getPopupContainer", "defaultPopupVisible", "onPopupVisibleChange", "onPopperVisibleChange", "prefixCls", "allowClear", "popupPlacement", "maxTagCount"];
|
|
6174
6190
|
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; }
|
|
6175
6191
|
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; }
|
|
6176
6192
|
|
|
@@ -6229,37 +6245,40 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.forwar
|
|
|
6229
6245
|
onPopupVisibleChange = allProps.onPopupVisibleChange,
|
|
6230
6246
|
onPopperVisibleChange = allProps.onPopperVisibleChange,
|
|
6231
6247
|
customPrefixcls = allProps.prefixCls,
|
|
6248
|
+
customAllowClear = allProps.allowClear,
|
|
6249
|
+
popupPlacement = allProps.popupPlacement,
|
|
6250
|
+
maxTagCount = allProps.maxTagCount,
|
|
6232
6251
|
otherProps = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_4___default()(allProps, _excluded);
|
|
6233
6252
|
|
|
6234
6253
|
// className前缀
|
|
6235
6254
|
var prefixCls = getPrefixCls(pkgPrefixCls, 'cascader', customPrefixcls);
|
|
6236
|
-
var pickerRef =
|
|
6237
|
-
var triggerRef =
|
|
6238
|
-
var wrapperRef =
|
|
6255
|
+
var pickerRef = Object(react__WEBPACK_IMPORTED_MODULE_17__["useRef"])();
|
|
6256
|
+
var triggerRef = Object(react__WEBPACK_IMPORTED_MODULE_17__["useRef"])();
|
|
6257
|
+
var wrapperRef = Object(react__WEBPACK_IMPORTED_MODULE_17__["useRef"])();
|
|
6239
6258
|
var mergeRef = ref || pickerRef;
|
|
6240
|
-
var
|
|
6241
|
-
|
|
6242
|
-
visible =
|
|
6243
|
-
setVisible =
|
|
6259
|
+
var _useState = Object(react__WEBPACK_IMPORTED_MODULE_17__["useState"])(!!props.popperVisible || !!props.popupVisible || defaultPopupVisible),
|
|
6260
|
+
_useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3___default()(_useState, 2),
|
|
6261
|
+
visible = _useState2[0],
|
|
6262
|
+
setVisible = _useState2[1];
|
|
6244
6263
|
react__WEBPACK_IMPORTED_MODULE_17___default.a.useEffect(function () {
|
|
6245
6264
|
setVisible(!!props.popperVisible || !!props.popupVisible);
|
|
6246
6265
|
}, [props.popperVisible, props.popupVisible]);
|
|
6247
|
-
var
|
|
6248
|
-
|
|
6249
|
-
menus =
|
|
6250
|
-
setMenus =
|
|
6251
|
-
var
|
|
6252
|
-
|
|
6253
|
-
currentOptions =
|
|
6254
|
-
setCurrentOptions =
|
|
6255
|
-
var
|
|
6256
|
-
|
|
6257
|
-
selectedOptions =
|
|
6258
|
-
setSelectedOptions =
|
|
6259
|
-
var
|
|
6260
|
-
|
|
6261
|
-
value =
|
|
6262
|
-
setValue =
|
|
6266
|
+
var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_17__["useState"])([options]),
|
|
6267
|
+
_useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3___default()(_useState3, 2),
|
|
6268
|
+
menus = _useState4[0],
|
|
6269
|
+
setMenus = _useState4[1];
|
|
6270
|
+
var _useState5 = Object(react__WEBPACK_IMPORTED_MODULE_17__["useState"])([]),
|
|
6271
|
+
_useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3___default()(_useState5, 2),
|
|
6272
|
+
currentOptions = _useState6[0],
|
|
6273
|
+
setCurrentOptions = _useState6[1];
|
|
6274
|
+
var _useState7 = Object(react__WEBPACK_IMPORTED_MODULE_17__["useState"])([]),
|
|
6275
|
+
_useState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3___default()(_useState7, 2),
|
|
6276
|
+
selectedOptions = _useState8[0],
|
|
6277
|
+
setSelectedOptions = _useState8[1];
|
|
6278
|
+
var _useState9 = Object(react__WEBPACK_IMPORTED_MODULE_17__["useState"])(props.value || defaultValue || []),
|
|
6279
|
+
_useState10 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3___default()(_useState9, 2),
|
|
6280
|
+
value = _useState10[0],
|
|
6281
|
+
setValue = _useState10[1];
|
|
6263
6282
|
react__WEBPACK_IMPORTED_MODULE_17___default.a.useEffect(function () {
|
|
6264
6283
|
props.value && setValue(props.value);
|
|
6265
6284
|
}, [props.value]);
|
|
@@ -6361,37 +6380,10 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.forwar
|
|
|
6361
6380
|
});
|
|
6362
6381
|
});
|
|
6363
6382
|
}, [currentOptions, isMultiple]);
|
|
6364
|
-
var allowClear =
|
|
6365
|
-
var locatorProps = {
|
|
6366
|
-
style: style,
|
|
6367
|
-
tabIndex: 0,
|
|
6368
|
-
className: classnames__WEBPACK_IMPORTED_MODULE_18___default()("".concat(prefixCls, "-picker"), className, {
|
|
6369
|
-
expand: visible,
|
|
6370
|
-
allowClear: allowClear,
|
|
6371
|
-
disabled: disabled
|
|
6372
|
-
})
|
|
6373
|
-
};
|
|
6383
|
+
var allowClear = customAllowClear && value.length > 0;
|
|
6374
6384
|
var handleClear = function handleClear() {
|
|
6375
6385
|
onChange([]);
|
|
6376
6386
|
};
|
|
6377
|
-
var inputProps = {
|
|
6378
|
-
value: value,
|
|
6379
|
-
placeholder: placeholder,
|
|
6380
|
-
readOnly: true,
|
|
6381
|
-
disabled: disabled,
|
|
6382
|
-
className: classnames__WEBPACK_IMPORTED_MODULE_18___default()("".concat(prefixCls, "-picker-input"), {
|
|
6383
|
-
expand: visible
|
|
6384
|
-
}),
|
|
6385
|
-
suffix: props.suffixIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_24__["default"], {
|
|
6386
|
-
type: "arrow-down",
|
|
6387
|
-
className: classnames__WEBPACK_IMPORTED_MODULE_18___default()({
|
|
6388
|
-
expand: visible
|
|
6389
|
-
})
|
|
6390
|
-
})
|
|
6391
|
-
};
|
|
6392
|
-
if (bordered) {
|
|
6393
|
-
inputProps.borderType = 'bordered';
|
|
6394
|
-
}
|
|
6395
6387
|
var renderSuffix = function renderSuffix() {
|
|
6396
6388
|
var _classNames;
|
|
6397
6389
|
var suffixIcon = allProps.suffixIcon;
|
|
@@ -6429,8 +6421,6 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.forwar
|
|
|
6429
6421
|
};
|
|
6430
6422
|
var renderMultiple = function renderMultiple() {
|
|
6431
6423
|
var _classNames3, _classNames4;
|
|
6432
|
-
var maxTagCount = allProps.maxTagCount,
|
|
6433
|
-
maxTagPlaceholder = allProps.maxTagPlaceholder;
|
|
6434
6424
|
var multipleCls = classnames__WEBPACK_IMPORTED_MODULE_18___default()((_classNames3 = {
|
|
6435
6425
|
disabled: disabled
|
|
6436
6426
|
}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()(_classNames3, "".concat(prefixCls, "-multiple"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()(_classNames3, "".concat(prefixCls, "-bordered"), bordered), _classNames3));
|
|
@@ -6469,19 +6459,44 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.forwar
|
|
|
6469
6459
|
}, renderSuffix())));
|
|
6470
6460
|
};
|
|
6471
6461
|
var renderSingle = function renderSingle() {
|
|
6472
|
-
|
|
6462
|
+
var inputProps = {
|
|
6463
|
+
value: value,
|
|
6464
|
+
placeholder: placeholder,
|
|
6465
|
+
readOnly: true,
|
|
6466
|
+
borderType: bordered ? 'bordered' : 'underline',
|
|
6467
|
+
disabled: disabled,
|
|
6468
|
+
className: classnames__WEBPACK_IMPORTED_MODULE_18___default()("".concat(prefixCls, "-picker-input"), {
|
|
6469
|
+
expand: visible
|
|
6470
|
+
}),
|
|
6471
|
+
suffix: props.suffixIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_24__["default"], {
|
|
6472
|
+
type: "arrow-down",
|
|
6473
|
+
className: classnames__WEBPACK_IMPORTED_MODULE_18___default()({
|
|
6474
|
+
expand: visible
|
|
6475
|
+
})
|
|
6476
|
+
})
|
|
6477
|
+
};
|
|
6478
|
+
var singleProps = {
|
|
6479
|
+
style: style,
|
|
6480
|
+
tabIndex: 0,
|
|
6481
|
+
className: classnames__WEBPACK_IMPORTED_MODULE_18___default()("".concat(prefixCls, "-picker"), className, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()({
|
|
6482
|
+
expand: visible,
|
|
6483
|
+
allowClear: allowClear,
|
|
6484
|
+
disabled: disabled
|
|
6485
|
+
}, "".concat(prefixCls, "-bordered"), bordered))
|
|
6486
|
+
};
|
|
6487
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement("div", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, singleProps, {
|
|
6473
6488
|
ref: mergeRef
|
|
6474
6489
|
}, otherProps), react__WEBPACK_IMPORTED_MODULE_17___default.a.Children.count(children) === 1 && children.type ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.cloneElement(children, {
|
|
6475
6490
|
ref: triggerRef
|
|
6476
|
-
}) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement("
|
|
6491
|
+
}) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement("div", {
|
|
6477
6492
|
ref: triggerRef
|
|
6478
6493
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_input__WEBPACK_IMPORTED_MODULE_23__["default"], inputProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement("span", {
|
|
6479
6494
|
className: "".concat(prefixCls, "-picker-label")
|
|
6480
|
-
}, labels !== null && labels !== void 0 && labels.length ? displayRender(labels, currentOptions) : '')
|
|
6495
|
+
}, labels !== null && labels !== void 0 && labels.length ? displayRender(labels, currentOptions) : ''), allowClear && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_24__["default"], {
|
|
6481
6496
|
type: "close-solid",
|
|
6482
6497
|
className: "".concat(prefixCls, "-picker-close"),
|
|
6483
6498
|
onClick: handleClear
|
|
6484
|
-
})));
|
|
6499
|
+
}))));
|
|
6485
6500
|
};
|
|
6486
6501
|
var cascaderLocator = isMultiple ? renderMultiple() : renderSingle();
|
|
6487
6502
|
var onExpend = function onExpend(index, opt, opts) {
|
|
@@ -6593,7 +6608,7 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.forwar
|
|
|
6593
6608
|
trigger: 'click',
|
|
6594
6609
|
getPopupContainer: getPopupContainer,
|
|
6595
6610
|
prefixCls: "".concat(prefixCls, "-menus"),
|
|
6596
|
-
placement: allProps.popperPlacement ||
|
|
6611
|
+
placement: allProps.popperPlacement || popupPlacement,
|
|
6597
6612
|
popperClassName: allProps.popperClassName || allProps.popupClassName,
|
|
6598
6613
|
getTriggerElement: function getTriggerElement() {
|
|
6599
6614
|
return triggerRef.current;
|
|
@@ -8610,6 +8625,7 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
|
|
|
8610
8625
|
showColorTransfer = props.showColorTransfer,
|
|
8611
8626
|
showPresetColor = props.showPresetColor,
|
|
8612
8627
|
showColorPickerBox = props.showColorPickerBox,
|
|
8628
|
+
showColorPickerPanel = props.showColorPickerPanel,
|
|
8613
8629
|
value = props.value;
|
|
8614
8630
|
var panelInputRef = Object(react__WEBPACK_IMPORTED_MODULE_7__["useRef"])(null);
|
|
8615
8631
|
var panelClsRef = Object(react__WEBPACK_IMPORTED_MODULE_7__["useRef"])(null);
|
|
@@ -8624,7 +8640,7 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
|
|
|
8624
8640
|
var panelFollowThemeCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(colorPickerPrefixCls, "-panel-switch"));
|
|
8625
8641
|
var panelInputCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(colorPickerPrefixCls, "-panel-input"), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "".concat(colorPickerPrefixCls, "-panel-input-no-recommend"), !showPresetColor));
|
|
8626
8642
|
var transparentCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(colorPickerPrefixCls, "-panel-transparent"));
|
|
8627
|
-
var colorDivContainerCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(colorPickerPrefixCls, "-panel-colorDivContainer"));
|
|
8643
|
+
var colorDivContainerCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(colorPickerPrefixCls, "-panel-colorDivContainer"), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "".concat(colorPickerPrefixCls, "-panel-colorDivContainer-unset-color"), (presetColor === null || presetColor === void 0 ? void 0 : presetColor.length) === 0));
|
|
8628
8644
|
var colorLiClick = function colorLiClick(index, colorValue) {
|
|
8629
8645
|
var formatArr = Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_12__["colorFormat"])(colorValue, alpha);
|
|
8630
8646
|
var formatValue = Object(_utils_convertLetters__WEBPACK_IMPORTED_MODULE_15__["toLowerCase"])(formatArr[Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_12__["valOfCorrespondingType"])(currentColorType)].value);
|
|
@@ -8740,7 +8756,7 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
|
|
|
8740
8756
|
Object(_utils_hooks_useOnClickOutside__WEBPACK_IMPORTED_MODULE_19__["default"])([panelClsRef, inputRef], function () {
|
|
8741
8757
|
setShowPanel(false);
|
|
8742
8758
|
});
|
|
8743
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("div", {
|
|
8759
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_7___default.a.Fragment, null, showColorPickerPanel && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("div", {
|
|
8744
8760
|
className: panelCls,
|
|
8745
8761
|
ref: panelClsRef
|
|
8746
8762
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement(react_color__WEBPACK_IMPORTED_MODULE_17__["ChromePicker"], {
|
|
@@ -8797,7 +8813,7 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
|
|
|
8797
8813
|
'square-click': clickedColorIndex === i
|
|
8798
8814
|
})
|
|
8799
8815
|
}));
|
|
8800
|
-
})));
|
|
8816
|
+
}))));
|
|
8801
8817
|
};
|
|
8802
8818
|
ColorPickerPanel.displayName = 'ColorPickerPanel';
|
|
8803
8819
|
/* harmony default export */ __webpack_exports__["default"] = (ColorPickerPanel);
|
|
@@ -8940,6 +8956,7 @@ var ColorPicker = function ColorPicker(props) {
|
|
|
8940
8956
|
var containerCls = classnames__WEBPACK_IMPORTED_MODULE_11___default()("".concat(colorPickerPrefixCls, "-container"));
|
|
8941
8957
|
var inputCls = classnames__WEBPACK_IMPORTED_MODULE_11___default()("".concat(colorPickerPrefixCls, "-input"), className);
|
|
8942
8958
|
var inputRef = Object(react__WEBPACK_IMPORTED_MODULE_10__["useRef"])(null);
|
|
8959
|
+
var showColorPickerPanel = showColorTransfer || typeof showPresetColor === 'boolean' && showPresetColor && (presetColor === null || presetColor === void 0 ? void 0 : presetColor.length) || typeof showPresetColor === 'undefined' || (functionalColor === null || functionalColor === void 0 ? void 0 : functionalColor.length) && showSwitch || (showColorPickerBox === null || showColorPickerBox === void 0 ? void 0 : showColorPickerBox.showBox) || (showColorPickerBox === null || showColorPickerBox === void 0 ? void 0 : showColorPickerBox.showHue) || (showColorPickerBox === null || showColorPickerBox === void 0 ? void 0 : showColorPickerBox.showOpacity);
|
|
8943
8960
|
var setIconColor = function setIconColor(value) {
|
|
8944
8961
|
value === functionalColorName ? setIsFollow(true) : setIsFollow(false);
|
|
8945
8962
|
var inpValue = value === functionalColorName ? functionalColor : value;
|
|
@@ -8997,7 +9014,7 @@ var ColorPicker = function ColorPicker(props) {
|
|
|
8997
9014
|
style: {
|
|
8998
9015
|
backgroundColor: "".concat(colTypeArr[2].value || _constant_defaultColor__WEBPACK_IMPORTED_MODULE_19__["defaultSystemColor"])
|
|
8999
9016
|
}
|
|
9000
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_13__["Icon"], {
|
|
9017
|
+
}, showColorPickerPanel && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_13__["Icon"], {
|
|
9001
9018
|
type: "arrow-down"
|
|
9002
9019
|
}));
|
|
9003
9020
|
};
|
|
@@ -9047,7 +9064,8 @@ var ColorPicker = function ColorPicker(props) {
|
|
|
9047
9064
|
colTypeArr: colTypeArr,
|
|
9048
9065
|
setColTypeArr: setColTypeArr,
|
|
9049
9066
|
currentColorType: currentColorType,
|
|
9050
|
-
setCurrentColorType: setCurrentColorType
|
|
9067
|
+
setCurrentColorType: setCurrentColorType,
|
|
9068
|
+
showColorPickerPanel: showColorPickerPanel
|
|
9051
9069
|
});
|
|
9052
9070
|
var popperProps = _objectSpread(_objectSpread({}, colorPickerProps), {}, {
|
|
9053
9071
|
popperClassName: popUpLayer,
|
|
@@ -15624,7 +15642,7 @@ var findItem = function findItem(element) {
|
|
|
15624
15642
|
}
|
|
15625
15643
|
};
|
|
15626
15644
|
var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["forwardRef"](function (props, ref) {
|
|
15627
|
-
var _menu$props, _menu$props2, _menu$props3;
|
|
15645
|
+
var _children$type, _menu$props, _menu$props2, _menu$props3;
|
|
15628
15646
|
var _React$useContext = react__WEBPACK_IMPORTED_MODULE_11__["useContext"](_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_13__["default"]),
|
|
15629
15647
|
getPrefixCls = _React$useContext.getPrefixCls,
|
|
15630
15648
|
pkgPrefixCls = _React$useContext.prefixCls,
|
|
@@ -15639,6 +15657,7 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["forwardRef"](fu
|
|
|
15639
15657
|
onItemClick = allProps.onItemClick,
|
|
15640
15658
|
defaultVisible = allProps.defaultVisible,
|
|
15641
15659
|
onVisibleChange = allProps.onVisibleChange,
|
|
15660
|
+
trigger = allProps.trigger,
|
|
15642
15661
|
customPrefixcls = allProps.prefixCls;
|
|
15643
15662
|
|
|
15644
15663
|
// className前缀
|
|
@@ -15650,7 +15669,23 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["forwardRef"](fu
|
|
|
15650
15669
|
react__WEBPACK_IMPORTED_MODULE_11__["useEffect"](function () {
|
|
15651
15670
|
setVisible(!!props.visible);
|
|
15652
15671
|
}, [props.visible]);
|
|
15653
|
-
var
|
|
15672
|
+
var handleVisibleChange = function handleVisibleChange(visible) {
|
|
15673
|
+
props.visible === undefined && setVisible(visible);
|
|
15674
|
+
onVisibleChange && onVisibleChange(visible);
|
|
15675
|
+
};
|
|
15676
|
+
var child = children && (children === null || children === void 0 ? void 0 : (_children$type = children.type) === null || _children$type === void 0 ? void 0 : _children$type.displayName) === 'Input' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["createElement"]("span", {
|
|
15677
|
+
className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(prefixCls, "-trigger"), "".concat(prefixCls, "-trigger-container")),
|
|
15678
|
+
ref: ref
|
|
15679
|
+
}, trigger === 'focus' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["cloneElement"](react__WEBPACK_IMPORTED_MODULE_11__["Children"].only(children), {
|
|
15680
|
+
onFocus: function onFocus(e) {
|
|
15681
|
+
children.props.onFocus && children.props.onFocus(e);
|
|
15682
|
+
handleVisibleChange(true);
|
|
15683
|
+
},
|
|
15684
|
+
onBlur: function onBlur(e) {
|
|
15685
|
+
children.props.onBlur && children.props.onBlur(e);
|
|
15686
|
+
handleVisibleChange(false);
|
|
15687
|
+
}
|
|
15688
|
+
}) : children) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["cloneElement"](react__WEBPACK_IMPORTED_MODULE_11__["Children"].only(children), {
|
|
15654
15689
|
ref: children.ref || ref,
|
|
15655
15690
|
className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(prefixCls, "-trigger"), children.props.className, {
|
|
15656
15691
|
disabled: disabled
|
|
@@ -15717,10 +15752,6 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["forwardRef"](fu
|
|
|
15717
15752
|
role: "menuitem"
|
|
15718
15753
|
}, href === undefined || disabled ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["createElement"]("span", null, label) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["createElement"]("a", alinkProps, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["createElement"]("span", null, label)));
|
|
15719
15754
|
}));
|
|
15720
|
-
var handleVisibleChange = function handleVisibleChange(visible) {
|
|
15721
|
-
props.visible === undefined && setVisible(visible);
|
|
15722
|
-
onVisibleChange && onVisibleChange(visible);
|
|
15723
|
-
};
|
|
15724
15755
|
var popperProps = _objectSpread(_objectSpread({}, allProps), {}, {
|
|
15725
15756
|
visible: visible,
|
|
15726
15757
|
prefixCls: prefixCls,
|
|
@@ -17180,8 +17211,9 @@ var SchemeFilter = function SchemeFilter(props) {
|
|
|
17180
17211
|
};
|
|
17181
17212
|
var handleChangeOption = function handleChangeOption(index, value) {
|
|
17182
17213
|
var nextScheme = lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_15___default()(scheme);
|
|
17214
|
+
var realValue = value.target !== undefined ? value.target.value : value;
|
|
17183
17215
|
nextScheme.items[index] = _objectSpread(_objectSpread({}, nextScheme.items[index]), {}, {
|
|
17184
|
-
value:
|
|
17216
|
+
value: realValue
|
|
17185
17217
|
});
|
|
17186
17218
|
setScheme(nextScheme);
|
|
17187
17219
|
};
|
|
@@ -20879,6 +20911,7 @@ var ClearableInput = function ClearableInput(props) {
|
|
|
20879
20911
|
inputCount = props.inputCount,
|
|
20880
20912
|
count = props.count,
|
|
20881
20913
|
status = props.status;
|
|
20914
|
+
var fixRef = Object(react__WEBPACK_IMPORTED_MODULE_3__["useRef"])(null);
|
|
20882
20915
|
var _useState = Object(react__WEBPACK_IMPORTED_MODULE_3__["useState"])(false),
|
|
20883
20916
|
_useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState, 2),
|
|
20884
20917
|
isMouseEnter = _useState2[0],
|
|
@@ -20893,6 +20926,11 @@ var ClearableInput = function ClearableInput(props) {
|
|
|
20893
20926
|
e.stopPropagation();
|
|
20894
20927
|
e.preventDefault();
|
|
20895
20928
|
};
|
|
20929
|
+
var clickHandle = function clickHandle(e) {
|
|
20930
|
+
var _fixRef$current, _fixRef$current$query;
|
|
20931
|
+
e.stopPropagation();
|
|
20932
|
+
(_fixRef$current = fixRef.current) === null || _fixRef$current === void 0 ? void 0 : (_fixRef$current$query = _fixRef$current.querySelector('input')) === null || _fixRef$current$query === void 0 ? void 0 : _fixRef$current$query.focus();
|
|
20933
|
+
};
|
|
20896
20934
|
var renderClearIcon = function renderClearIcon() {
|
|
20897
20935
|
var _classNames;
|
|
20898
20936
|
if (!allowClear) {
|
|
@@ -20934,7 +20972,9 @@ var ClearableInput = function ClearableInput(props) {
|
|
|
20934
20972
|
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-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'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-error"), status === 'error'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-wrapper-disabled"), disabled), _classNames2), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, className, className && !addonBefore && !addonAfter));
|
|
20935
20973
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("span", {
|
|
20936
20974
|
className: inputWrapperClasses,
|
|
20975
|
+
ref: fixRef,
|
|
20937
20976
|
style: style,
|
|
20977
|
+
onClick: clickHandle,
|
|
20938
20978
|
onMouseEnter: mouseEnterHandle,
|
|
20939
20979
|
onMouseLeave: mouseLeaveHandle
|
|
20940
20980
|
}, prefixNode, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.cloneElement(originElement, {
|
|
@@ -28252,9 +28292,12 @@ var InternalOption = function InternalOption(props, ref) {
|
|
|
28252
28292
|
}
|
|
28253
28293
|
onChangeSelect && onChangeSelect(value, children, isSelected);
|
|
28254
28294
|
};
|
|
28255
|
-
var
|
|
28295
|
+
var handleOnMouseEnter = function handleOnMouseEnter() {
|
|
28256
28296
|
onChangeActiveIndex && onChangeActiveIndex(index);
|
|
28257
28297
|
};
|
|
28298
|
+
var handleOnMouseLeave = function handleOnMouseLeave() {
|
|
28299
|
+
onChangeActiveIndex && onChangeActiveIndex(-1);
|
|
28300
|
+
};
|
|
28258
28301
|
var titleText = title || (_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0___default()(children) !== 'object' ? children : null);
|
|
28259
28302
|
var checkStyle = {
|
|
28260
28303
|
minHeight: '22px',
|
|
@@ -28265,7 +28308,8 @@ var InternalOption = function InternalOption(props, ref) {
|
|
|
28265
28308
|
className: optionCls,
|
|
28266
28309
|
title: titleText,
|
|
28267
28310
|
onClick: handleClick,
|
|
28268
|
-
|
|
28311
|
+
onMouseEnter: handleOnMouseEnter,
|
|
28312
|
+
onMouseLeave: handleOnMouseLeave
|
|
28269
28313
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", {
|
|
28270
28314
|
className: contentCls
|
|
28271
28315
|
}, isMultiple ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_15__["Checkbox"], {
|
|
@@ -28410,7 +28454,8 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28410
28454
|
children = selectProps.children,
|
|
28411
28455
|
options = selectProps.options,
|
|
28412
28456
|
placeholder = selectProps.placeholder,
|
|
28413
|
-
|
|
28457
|
+
_selectProps$dropdown = selectProps.dropdownStyle,
|
|
28458
|
+
dropdownStyle = _selectProps$dropdown === void 0 ? {} : _selectProps$dropdown,
|
|
28414
28459
|
style = selectProps.style,
|
|
28415
28460
|
clearIcon = selectProps.clearIcon,
|
|
28416
28461
|
filterOption = selectProps.filterOption,
|
|
@@ -28439,6 +28484,7 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28439
28484
|
selectMulOpts: []
|
|
28440
28485
|
}); // 多选ref已选中项
|
|
28441
28486
|
var measureRef = Object(react__WEBPACK_IMPORTED_MODULE_19__["useRef"])(null);
|
|
28487
|
+
var clearRef = Object(react__WEBPACK_IMPORTED_MODULE_19__["useRef"])(null);
|
|
28442
28488
|
var _useState = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])([]),
|
|
28443
28489
|
_useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_9___default()(_useState, 2),
|
|
28444
28490
|
mulOptions = _useState2[0],
|
|
@@ -28483,7 +28529,7 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28483
28529
|
var multipleFooterCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(selectPrefixCls, "-multiple-footer"), true));
|
|
28484
28530
|
|
|
28485
28531
|
// 多选,单选公共样式
|
|
28486
|
-
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), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-show-search"), isShowSearch), _classNames6));
|
|
28532
|
+
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), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-show-search"), isShowSearch && focusd), _classNames6));
|
|
28487
28533
|
Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
|
|
28488
28534
|
if (typeof props.visible !== 'undefined') {
|
|
28489
28535
|
setOptionShow(props.visible);
|
|
@@ -28647,6 +28693,9 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28647
28693
|
if (isMultiple) {
|
|
28648
28694
|
var _searchRef$current;
|
|
28649
28695
|
(_searchRef$current = searchRef.current) === null || _searchRef$current === void 0 ? void 0 : _searchRef$current.focus();
|
|
28696
|
+
} else {
|
|
28697
|
+
var _searchRef$current2;
|
|
28698
|
+
(_searchRef$current2 = searchRef.current) === null || _searchRef$current2 === void 0 ? void 0 : _searchRef$current2.blur();
|
|
28650
28699
|
}
|
|
28651
28700
|
var optionsObj = obj.props ? obj.props : obj || {};
|
|
28652
28701
|
if (value !== undefined) {
|
|
@@ -28809,17 +28858,17 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28809
28858
|
var renderSuffix = function renderSuffix() {
|
|
28810
28859
|
var _classNames7;
|
|
28811
28860
|
var suffixIcon = selectProps.suffixIcon;
|
|
28812
|
-
var selectedVal = multipleRef.current.selectedVal;
|
|
28813
28861
|
// 选择器下拉icon样式
|
|
28814
28862
|
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));
|
|
28815
|
-
var iconShow = allowClear && !disabled && ((isMultiple ? mulOptions.length > 0 : (
|
|
28863
|
+
var iconShow = allowClear && !disabled && ((isMultiple ? mulOptions.length > 0 : (singleVal !== null && singleVal !== void 0 ? singleVal : '') !== '') || searchValue);
|
|
28816
28864
|
var clearIconCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(selectPrefixCls, "-icon-clear"), true));
|
|
28817
28865
|
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", {
|
|
28818
28866
|
onClick: handleReset,
|
|
28819
28867
|
onMouseDown: function onMouseDown(e) {
|
|
28820
28868
|
return e.preventDefault();
|
|
28821
28869
|
},
|
|
28822
|
-
className: clearIconCls
|
|
28870
|
+
className: clearIconCls,
|
|
28871
|
+
ref: clearRef
|
|
28823
28872
|
}, clearIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_26__["Icon"], {
|
|
28824
28873
|
type: "close-solid"
|
|
28825
28874
|
})), showArrow && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
@@ -28876,8 +28925,8 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28876
28925
|
};
|
|
28877
28926
|
Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
|
|
28878
28927
|
if (isShowSearch && autoFocus && !disabled) {
|
|
28879
|
-
var _searchRef$
|
|
28880
|
-
(_searchRef$
|
|
28928
|
+
var _searchRef$current3;
|
|
28929
|
+
(_searchRef$current3 = searchRef.current) === null || _searchRef$current3 === void 0 ? void 0 : _searchRef$current3.focus();
|
|
28881
28930
|
}
|
|
28882
28931
|
}, [isShowSearch, autoFocus, disabled]);
|
|
28883
28932
|
var optionsListRef = react__WEBPACK_IMPORTED_MODULE_19___default.a.useRef(null);
|
|
@@ -28916,9 +28965,6 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28916
28965
|
maxHeight: listHeight || '300px'
|
|
28917
28966
|
};
|
|
28918
28967
|
// 下拉框style属性
|
|
28919
|
-
var dropDownStyle = _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_6___default()({
|
|
28920
|
-
width: style === null || style === void 0 ? void 0 : style.width
|
|
28921
|
-
}, dropdownStyle);
|
|
28922
28968
|
var checkboxStyle = {
|
|
28923
28969
|
height: '30px',
|
|
28924
28970
|
background: 'none'
|
|
@@ -28927,7 +28973,7 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28927
28973
|
var checked = mulOptions.length === filledOptions.length;
|
|
28928
28974
|
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", {
|
|
28929
28975
|
className: dropDownCls,
|
|
28930
|
-
style:
|
|
28976
|
+
style: dropdownStyle,
|
|
28931
28977
|
ref: dropDownRef
|
|
28932
28978
|
}, !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 && realChildren.length > 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", {
|
|
28933
28979
|
className: multipleFooterCls
|
|
@@ -29093,7 +29139,18 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
29093
29139
|
onDropdownVisibleChange && onDropdownVisibleChange(true);
|
|
29094
29140
|
}
|
|
29095
29141
|
}, [optionShow]);
|
|
29096
|
-
|
|
29142
|
+
Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
|
|
29143
|
+
var _clearRef$current;
|
|
29144
|
+
var fn = function fn(e) {
|
|
29145
|
+
e.stopPropagation();
|
|
29146
|
+
};
|
|
29147
|
+
(_clearRef$current = clearRef.current) === null || _clearRef$current === void 0 ? void 0 : _clearRef$current.addEventListener('mouseup', fn);
|
|
29148
|
+
return function () {
|
|
29149
|
+
var _clearRef$current2;
|
|
29150
|
+
(_clearRef$current2 = clearRef.current) === null || _clearRef$current2 === void 0 ? void 0 : _clearRef$current2.removeEventListener('mouseup', fn);
|
|
29151
|
+
};
|
|
29152
|
+
}, [singleVal, mulOptions]);
|
|
29153
|
+
var _useState13 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(isShowSearch ? getActiveIndex(0) : -1),
|
|
29097
29154
|
_useState14 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_9___default()(_useState13, 2),
|
|
29098
29155
|
activeIndex = _useState14[0],
|
|
29099
29156
|
setActiveIndex = _useState14[1];
|
|
@@ -29172,12 +29229,12 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
29172
29229
|
className: selectionCls,
|
|
29173
29230
|
tabIndex: disabled ? -1 : 0,
|
|
29174
29231
|
onFocus: function onFocus() {
|
|
29175
|
-
var _searchRef$
|
|
29176
|
-
return (_searchRef$
|
|
29232
|
+
var _searchRef$current4;
|
|
29233
|
+
return (_searchRef$current4 = searchRef.current) === null || _searchRef$current4 === void 0 ? void 0 : _searchRef$current4.focus();
|
|
29177
29234
|
},
|
|
29178
29235
|
onBlur: function onBlur() {
|
|
29179
|
-
var _searchRef$
|
|
29180
|
-
return (_searchRef$
|
|
29236
|
+
var _searchRef$current5;
|
|
29237
|
+
return (_searchRef$current5 = searchRef.current) === null || _searchRef$current5 === void 0 ? void 0 : _searchRef$current5.blur();
|
|
29181
29238
|
},
|
|
29182
29239
|
onKeyDown: onInternalKeyDown
|
|
29183
29240
|
}, !isMultiple ? renderSingle() : renderMultiple()));
|
|
@@ -29187,13 +29244,19 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
29187
29244
|
var _selectRef$current;
|
|
29188
29245
|
var _selectRef$current$ge = (_selectRef$current = selectRef.current) === null || _selectRef$current === void 0 ? void 0 : _selectRef$current.getBoundingClientRect(),
|
|
29189
29246
|
width = _selectRef$current$ge.width;
|
|
29190
|
-
return _objectSpread({
|
|
29191
|
-
|
|
29247
|
+
return _objectSpread(_objectSpread({
|
|
29248
|
+
minWidth: width,
|
|
29249
|
+
maxWidth: 600
|
|
29250
|
+
}, dropdownStyle), {}, {
|
|
29251
|
+
width: (dropdownStyle === null || dropdownStyle === void 0 ? void 0 : dropdownStyle.width) || 'auto',
|
|
29192
29252
|
zIndex: 1050
|
|
29193
29253
|
}, popperStyle);
|
|
29194
29254
|
}
|
|
29195
29255
|
};
|
|
29196
29256
|
var handleVisibleChange = function handleVisibleChange(visible) {
|
|
29257
|
+
if (!visible) {
|
|
29258
|
+
setActiveIndex(isShowSearch ? getActiveIndex(0) : -1);
|
|
29259
|
+
}
|
|
29197
29260
|
if (visible !== optionShow) {
|
|
29198
29261
|
props.visible === undefined && setOptionShow(visible);
|
|
29199
29262
|
onVisibleChange && onVisibleChange(visible);
|