@kdcloudjs/kdesign 1.7.12 → 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 +12 -5
- package/dist/kdesign.css +5 -2
- package/dist/kdesign.css.map +1 -1
- package/dist/kdesign.js +326 -191
- package/dist/kdesign.js.map +1 -1
- package/dist/kdesign.min.css +3 -3
- package/dist/kdesign.min.js +5 -5
- package/dist/kdesign.min.js.map +1 -1
- package/es/anchor/style/index.css +2 -0
- package/es/anchor/style/index.less +4 -2
- package/es/color-picker/style/index.css +1 -1
- package/es/color-picker/style/index.less +1 -1
- package/es/color-picker/style/token.less +6 -3
- 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/modal/modal.js +3 -2
- package/es/select/option.d.ts +2 -0
- package/es/select/option.js +10 -3
- package/es/select/select.js +119 -12
- package/es/stepper/stepper.js +23 -9
- package/es/tabs/tabs.js +0 -3
- package/es/tree/tree.js +2 -2
- package/es/tree-select/tree-select.js +4 -2
- package/lib/anchor/style/index.css +2 -0
- package/lib/anchor/style/index.less +4 -2
- package/lib/color-picker/style/index.css +1 -1
- package/lib/color-picker/style/index.less +1 -1
- package/lib/color-picker/style/token.less +6 -3
- 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/modal/modal.js +3 -2
- package/lib/select/option.d.ts +2 -0
- package/lib/select/option.js +10 -3
- package/lib/select/select.js +119 -12
- package/lib/stepper/stepper.js +23 -9
- package/lib/tabs/tabs.js +0 -3
- package/lib/tree/tree.js +1 -1
- package/lib/tree-select/tree-select.js +4 -2
- package/package.json +1 -1
|
@@ -13,7 +13,7 @@ var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigCo
|
|
|
13
13
|
var _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
|
|
14
14
|
function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
15
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
16
|
-
function DefaultEmptyImg() {
|
|
16
|
+
function DefaultEmptyImg(props) {
|
|
17
17
|
var _useContext = (0, _react.useContext)(_ConfigContext.default),
|
|
18
18
|
getPrefixCls = _useContext.getPrefixCls,
|
|
19
19
|
prefixCls = _useContext.prefixCls;
|
|
@@ -25,7 +25,8 @@ function DefaultEmptyImg() {
|
|
|
25
25
|
height: "96px",
|
|
26
26
|
viewBox: "0 0 168 96",
|
|
27
27
|
version: "1.1",
|
|
28
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
28
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
29
|
+
style: props.style
|
|
29
30
|
}, /*#__PURE__*/_react.default.createElement("title", null, "\u7F16\u7EC4"), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("linearGradient", {
|
|
30
31
|
x1: "50%",
|
|
31
32
|
y1: "0%",
|
package/lib/empty/empty.js
CHANGED
|
@@ -57,7 +57,9 @@ var InteranalEmpty = function InteranalEmpty(props, ref) {
|
|
|
57
57
|
className: imgClasses,
|
|
58
58
|
style: imageStyle,
|
|
59
59
|
alt: "empty"
|
|
60
|
-
}) : image
|
|
60
|
+
}) : typeof image === 'boolean' ? null : /*#__PURE__*/_react.default.cloneElement(image, {
|
|
61
|
+
style: imageStyle
|
|
62
|
+
});
|
|
61
63
|
var descriptionNode = description === undefined ? /*#__PURE__*/_react.default.createElement("div", {
|
|
62
64
|
className: "".concat(emptyPrefixCls, "-description")
|
|
63
65
|
}, emptyLangMsg.emptyText) : description ? /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -13,7 +13,7 @@ var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigCo
|
|
|
13
13
|
var _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
|
|
14
14
|
function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
15
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
16
|
-
function IllustrationEmptyImg() {
|
|
16
|
+
function IllustrationEmptyImg(props) {
|
|
17
17
|
var _useContext = (0, _react.useContext)(_ConfigContext.default),
|
|
18
18
|
getPrefixCls = _useContext.getPrefixCls,
|
|
19
19
|
prefixCls = _useContext.prefixCls;
|
|
@@ -25,7 +25,8 @@ function IllustrationEmptyImg() {
|
|
|
25
25
|
height: "114px",
|
|
26
26
|
viewBox: "0 0 200 114",
|
|
27
27
|
version: "1.1",
|
|
28
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
28
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
29
|
+
style: props.style
|
|
29
30
|
}, /*#__PURE__*/_react.default.createElement("title", null, "\u5207\u7247"), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("rect", {
|
|
30
31
|
id: "path-1",
|
|
31
32
|
x: "0",
|
package/lib/modal/modal.js
CHANGED
|
@@ -68,6 +68,7 @@ var InternalModal = function InternalModal(props, ref) {
|
|
|
68
68
|
mask = modalProps.mask,
|
|
69
69
|
maskClosable = modalProps.maskClosable,
|
|
70
70
|
maskStyle = modalProps.maskStyle,
|
|
71
|
+
maskClassName = modalProps.maskClassName,
|
|
71
72
|
okButtonProps = modalProps.okButtonProps,
|
|
72
73
|
okText = modalProps.okText,
|
|
73
74
|
onCancel = modalProps.onCancel,
|
|
@@ -83,7 +84,7 @@ var InternalModal = function InternalModal(props, ref) {
|
|
|
83
84
|
onDrag = modalProps.onDrag,
|
|
84
85
|
onDragStop = modalProps.onDragStop,
|
|
85
86
|
bounds = modalProps.bounds,
|
|
86
|
-
others = __rest(modalProps, ["body", "bodyClassName", "bodyStyle", "cancelButtonProps", "cancelText", "className", "closable", "closeIcon", "destroyOnClose", "draggable", "focusTriggerAfterClose", "footer", "footerClassName", "footerStyle", "footerBtnOrder", "getContainer", "height", "keyboard", "mask", "maskClosable", "maskStyle", "okButtonProps", "okText", "onCancel", "onOk", "prefixCls", "title", "titleIcon", "type", "visible", "width", "showline", "onDragStart", "onDrag", "onDragStop", "bounds"]);
|
|
87
|
+
others = __rest(modalProps, ["body", "bodyClassName", "bodyStyle", "cancelButtonProps", "cancelText", "className", "closable", "closeIcon", "destroyOnClose", "draggable", "focusTriggerAfterClose", "footer", "footerClassName", "footerStyle", "footerBtnOrder", "getContainer", "height", "keyboard", "mask", "maskClosable", "maskStyle", "maskClassName", "okButtonProps", "okText", "onCancel", "onOk", "prefixCls", "title", "titleIcon", "type", "visible", "width", "showline", "onDragStart", "onDrag", "onDragStop", "bounds"]);
|
|
87
88
|
var isForceController = visible !== undefined;
|
|
88
89
|
var _useState = (0, _react.useState)(isForceController ? visible : true),
|
|
89
90
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
@@ -251,7 +252,7 @@ var InternalModal = function InternalModal(props, ref) {
|
|
|
251
252
|
className: modalClasses
|
|
252
253
|
}, others), mask && /*#__PURE__*/_react.default.createElement("div", {
|
|
253
254
|
onClick: handleMaskClick,
|
|
254
|
-
className: "".concat(modalPrefixCls, "-mask"),
|
|
255
|
+
className: (0, _classnames.default)(maskClassName, (0, _defineProperty2.default)({}, "".concat(modalPrefixCls, "-mask"), true)),
|
|
255
256
|
style: maskStyle
|
|
256
257
|
}), /*#__PURE__*/_react.default.createElement(_reactDraggable.default, {
|
|
257
258
|
defaultPosition: defaultPosition,
|
package/lib/select/option.d.ts
CHANGED
|
@@ -8,9 +8,11 @@ export interface ISelectOptionProps {
|
|
|
8
8
|
children?: any;
|
|
9
9
|
className?: string;
|
|
10
10
|
index?: number;
|
|
11
|
+
activeIndex?: number;
|
|
11
12
|
style?: React.CSSProperties;
|
|
12
13
|
isMultiple?: boolean;
|
|
13
14
|
onChangeSelect?: (key: SelectValue, label: string | undefined, isSelected: boolean) => void;
|
|
15
|
+
onChangeActiveIndex?: (index: any) => void;
|
|
14
16
|
}
|
|
15
17
|
declare const Option: React.ForwardRefExoticComponent<ISelectOptionProps & React.RefAttributes<unknown>>;
|
|
16
18
|
export default Option;
|
package/lib/select/option.js
CHANGED
|
@@ -34,7 +34,10 @@ var InternalOption = function InternalOption(props, ref) {
|
|
|
34
34
|
values = (0, _values.default)(props),
|
|
35
35
|
isMultiple = props.isMultiple,
|
|
36
36
|
onChangeSelect = props.onChangeSelect,
|
|
37
|
-
|
|
37
|
+
onChangeActiveIndex = props.onChangeActiveIndex,
|
|
38
|
+
title = props.title,
|
|
39
|
+
activeIndex = props.activeIndex,
|
|
40
|
+
index = props.index;
|
|
38
41
|
var optionProps = (0, _extends2.default)({}, props);
|
|
39
42
|
var _useContext = (0, _react.useContext)(_ConfigContext.default),
|
|
40
43
|
getPrefixCls = _useContext.getPrefixCls,
|
|
@@ -47,7 +50,7 @@ var InternalOption = function InternalOption(props, ref) {
|
|
|
47
50
|
setSelected(value !== undefined ? value === values : false);
|
|
48
51
|
}
|
|
49
52
|
});
|
|
50
|
-
var optionCls = (0, _classnames.default)(selectOptionPrefixCls, className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(selectOptionPrefixCls, "-option"), true), (0, _defineProperty2.default)(_classNames, "".concat(selectOptionPrefixCls, "-option-selected"), isSelected), (0, _defineProperty2.default)(_classNames, "".concat(selectOptionPrefixCls, "-option-disabled"), disabled), _classNames));
|
|
53
|
+
var optionCls = (0, _classnames.default)(selectOptionPrefixCls, className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(selectOptionPrefixCls, "-option"), true), (0, _defineProperty2.default)(_classNames, "".concat(selectOptionPrefixCls, "-option-active"), activeIndex === index), (0, _defineProperty2.default)(_classNames, "".concat(selectOptionPrefixCls, "-option-selected"), isSelected), (0, _defineProperty2.default)(_classNames, "".concat(selectOptionPrefixCls, "-option-disabled"), disabled), _classNames));
|
|
51
54
|
var contentCls = (0, _classnames.default)((0, _defineProperty2.default)({}, "".concat(selectOptionPrefixCls, "-option-content"), true));
|
|
52
55
|
var handleClick = function handleClick(e) {
|
|
53
56
|
e.preventDefault();
|
|
@@ -57,6 +60,9 @@ var InternalOption = function InternalOption(props, ref) {
|
|
|
57
60
|
}
|
|
58
61
|
onChangeSelect && onChangeSelect(value, children, isSelected);
|
|
59
62
|
};
|
|
63
|
+
var handleOnMouseMove = function handleOnMouseMove() {
|
|
64
|
+
onChangeActiveIndex && onChangeActiveIndex(index);
|
|
65
|
+
};
|
|
60
66
|
var titleText = title || ((0, _typeof2.default)(children) !== 'object' ? children : null);
|
|
61
67
|
var checkStyle = {
|
|
62
68
|
minHeight: '22px',
|
|
@@ -66,7 +72,8 @@ var InternalOption = function InternalOption(props, ref) {
|
|
|
66
72
|
ref: optionRef,
|
|
67
73
|
className: optionCls,
|
|
68
74
|
title: titleText,
|
|
69
|
-
onClick: handleClick
|
|
75
|
+
onClick: handleClick,
|
|
76
|
+
onMouseMove: handleOnMouseMove
|
|
70
77
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
71
78
|
className: contentCls
|
|
72
79
|
}, isMultiple ? /*#__PURE__*/_react.default.createElement(_index.Checkbox, {
|
package/lib/select/select.js
CHANGED
|
@@ -13,6 +13,7 @@ var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable
|
|
|
13
13
|
var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
|
|
14
14
|
var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
|
|
15
15
|
var _splice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/splice"));
|
|
16
|
+
var _findIndex = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find-index"));
|
|
16
17
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
17
18
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
|
|
18
19
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
|
@@ -28,6 +29,7 @@ var _index = require("../index");
|
|
|
28
29
|
var _option = _interopRequireDefault(require("./option"));
|
|
29
30
|
var _usePopper = _interopRequireDefault(require("../_utils/usePopper"));
|
|
30
31
|
var _virtualList = _interopRequireDefault(require("../virtual-list"));
|
|
32
|
+
var _KeyCode = _interopRequireDefault(require("../_utils/KeyCode"));
|
|
31
33
|
function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
32
34
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
33
35
|
var INPUT_MIN_WIDTH = 4; // 输入框最小宽度
|
|
@@ -212,13 +214,13 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
212
214
|
onBlur && onBlur(e);
|
|
213
215
|
}, [onBlur]);
|
|
214
216
|
// 点击组件
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
}
|
|
217
|
+
// const handleClick = () => {
|
|
218
|
+
// if (disabled) return
|
|
219
|
+
// if (optionShow) {
|
|
220
|
+
// const { onDropdownVisibleChange } = selectProps
|
|
221
|
+
// onDropdownVisibleChange && onDropdownVisibleChange(true)
|
|
222
|
+
// }
|
|
223
|
+
// }
|
|
222
224
|
(0, _react.useEffect)(function () {
|
|
223
225
|
selectionRef.current.addEventListener('mouseup', function (e) {
|
|
224
226
|
var _a;
|
|
@@ -472,8 +474,12 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
472
474
|
}, child.props, {
|
|
473
475
|
key: index,
|
|
474
476
|
index: index,
|
|
477
|
+
activeIndex: activeIndex,
|
|
475
478
|
onChangeSelect: handleOption,
|
|
476
|
-
values: multipleRef.current.selectedVal
|
|
479
|
+
values: multipleRef.current.selectedVal,
|
|
480
|
+
onChangeActiveIndex: function onChangeActiveIndex(i) {
|
|
481
|
+
setActiveIndex(i);
|
|
482
|
+
}
|
|
477
483
|
}));
|
|
478
484
|
} else {
|
|
479
485
|
return /*#__PURE__*/_react.default.createElement(_option.default, (0, _extends2.default)({
|
|
@@ -481,8 +487,12 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
481
487
|
value: child === null || child === void 0 ? void 0 : child.value,
|
|
482
488
|
key: index,
|
|
483
489
|
index: index,
|
|
490
|
+
activeIndex: activeIndex,
|
|
484
491
|
onChangeSelect: handleOption,
|
|
485
|
-
values: multipleRef.current.selectedVal
|
|
492
|
+
values: multipleRef.current.selectedVal,
|
|
493
|
+
onChangeActiveIndex: function onChangeActiveIndex(i) {
|
|
494
|
+
setActiveIndex(i);
|
|
495
|
+
}
|
|
486
496
|
}, child), (child === null || child === void 0 ? void 0 : child.label) || (child === null || child === void 0 ? void 0 : child.value));
|
|
487
497
|
}
|
|
488
498
|
};
|
|
@@ -511,6 +521,7 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
511
521
|
(_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
512
522
|
}
|
|
513
523
|
}, [isShowSearch, autoFocus, disabled]);
|
|
524
|
+
var optionsListRef = _react.default.useRef(null);
|
|
514
525
|
// 渲染下拉列表框
|
|
515
526
|
var renderContent = function renderContent() {
|
|
516
527
|
var dropdownRender = selectProps.dropdownRender,
|
|
@@ -536,7 +547,8 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
536
547
|
},
|
|
537
548
|
isStaticItemHeight: true,
|
|
538
549
|
height: listHeight || 300,
|
|
539
|
-
measureLongestItem: false
|
|
550
|
+
measureLongestItem: false,
|
|
551
|
+
ref: optionsListRef
|
|
540
552
|
}, virtualListProps), function (child) {
|
|
541
553
|
return child;
|
|
542
554
|
});
|
|
@@ -695,6 +707,101 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
695
707
|
}, renderSuffix()));
|
|
696
708
|
};
|
|
697
709
|
var singleCls = (0, _classnames.default)(commCls, (_classNames12 = {}, (0, _defineProperty2.default)(_classNames12, "".concat(selectPrefixCls, "-single"), true), (0, _defineProperty2.default)(_classNames12, "".concat(selectPrefixCls, "-single-disabled"), disabled), (0, _defineProperty2.default)(_classNames12, "".concat(selectPrefixCls, "-single-focused"), focusd && !disabled || optionShow), _classNames12));
|
|
710
|
+
// keyboard
|
|
711
|
+
var getActiveIndex = function getActiveIndex(index) {
|
|
712
|
+
var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
|
|
713
|
+
var len = filledOptions.length;
|
|
714
|
+
for (var i = 0; i < len; i += 1) {
|
|
715
|
+
var current = (index + i * offset + len) % len;
|
|
716
|
+
var _props = filledOptions[current].props;
|
|
717
|
+
if (!(_props === null || _props === void 0 ? void 0 : _props.disabled)) {
|
|
718
|
+
return current;
|
|
719
|
+
}
|
|
720
|
+
}
|
|
721
|
+
return -1;
|
|
722
|
+
};
|
|
723
|
+
// reset activeIndex
|
|
724
|
+
(0, _react.useEffect)(function () {
|
|
725
|
+
if (searchValue) {
|
|
726
|
+
setActiveIndex(getActiveIndex(0));
|
|
727
|
+
}
|
|
728
|
+
}, [searchValue]);
|
|
729
|
+
(0, _react.useEffect)(function () {
|
|
730
|
+
if (optionShow && !disabled) {
|
|
731
|
+
var onDropdownVisibleChange = selectProps.onDropdownVisibleChange;
|
|
732
|
+
onDropdownVisibleChange && onDropdownVisibleChange(true);
|
|
733
|
+
}
|
|
734
|
+
}, [optionShow]);
|
|
735
|
+
var _useState13 = (0, _react.useState)(getActiveIndex(0)),
|
|
736
|
+
_useState14 = (0, _slicedToArray2.default)(_useState13, 2),
|
|
737
|
+
activeIndex = _useState14[0],
|
|
738
|
+
setActiveIndex = _useState14[1];
|
|
739
|
+
var onInternalKeyDown = function onInternalKeyDown(e) {
|
|
740
|
+
var _a, _b;
|
|
741
|
+
var which = e.which;
|
|
742
|
+
// open
|
|
743
|
+
if (which === _KeyCode.default.ENTER || which === _KeyCode.default.UP || which === _KeyCode.default.DOWN) {
|
|
744
|
+
e.preventDefault();
|
|
745
|
+
setOptionShow(true);
|
|
746
|
+
}
|
|
747
|
+
// backspace
|
|
748
|
+
var _multipleRef$current5 = multipleRef.current,
|
|
749
|
+
selectedVal = _multipleRef$current5.selectedVal,
|
|
750
|
+
selectMulOpts = _multipleRef$current5.selectMulOpts;
|
|
751
|
+
// isMultiple
|
|
752
|
+
if (which === _KeyCode.default.BACKSPACE && !searchValue && isMultiple && selectedVal.length && selectMulOpts.length) {
|
|
753
|
+
(0, _splice.default)(selectedVal).call(selectedVal, -1, 1);
|
|
754
|
+
(0, _splice.default)(selectMulOpts).call(selectMulOpts, -1, 1);
|
|
755
|
+
setMulOptions((0, _toConsumableArray2.default)(selectMulOpts));
|
|
756
|
+
onChange && onChange(labelInValue ? selectMulOpts : selectedVal, selectMulOpts);
|
|
757
|
+
// !isMultiple
|
|
758
|
+
} else if (which === _KeyCode.default.BACKSPACE && allowClear && !isMultiple) {
|
|
759
|
+
setInitValue('');
|
|
760
|
+
onClear && onClear('');
|
|
761
|
+
setSearchValue('');
|
|
762
|
+
onChange && onChange(undefined);
|
|
763
|
+
}
|
|
764
|
+
// optionsList: up、down、enter
|
|
765
|
+
if (optionShow) {
|
|
766
|
+
var offset = 0;
|
|
767
|
+
if (which === _KeyCode.default.UP) {
|
|
768
|
+
offset = -1;
|
|
769
|
+
} else if (which === _KeyCode.default.DOWN) {
|
|
770
|
+
offset = 1;
|
|
771
|
+
} else if (which === _KeyCode.default.ENTER) {
|
|
772
|
+
var item = filledOptions[activeIndex];
|
|
773
|
+
var key = ((_a = item.props) === null || _a === void 0 ? void 0 : _a.value) || item.value;
|
|
774
|
+
var label = ((_b = item.props) === null || _b === void 0 ? void 0 : _b.children) || item.label;
|
|
775
|
+
handleOption(key, label, true);
|
|
776
|
+
// search
|
|
777
|
+
if (searchValue) {
|
|
778
|
+
setActiveIndex((0, _findIndex.default)(realChildren).call(realChildren, function (child) {
|
|
779
|
+
var _a;
|
|
780
|
+
if (child && child.props) {
|
|
781
|
+
return ((_a = child.props) === null || _a === void 0 ? void 0 : _a.value) === key;
|
|
782
|
+
} else {
|
|
783
|
+
return (child === null || child === void 0 ? void 0 : child.value) === key;
|
|
784
|
+
}
|
|
785
|
+
}));
|
|
786
|
+
}
|
|
787
|
+
if (!isMultiple) {
|
|
788
|
+
setOptionShow(false);
|
|
789
|
+
}
|
|
790
|
+
} else if (which === _KeyCode.default.ESC) {
|
|
791
|
+
setOptionShow(false);
|
|
792
|
+
}
|
|
793
|
+
if (offset !== 0) {
|
|
794
|
+
var nextActiveIndex = getActiveIndex(activeIndex + offset, offset);
|
|
795
|
+
if (optionsListRef.current) {
|
|
796
|
+
optionsListRef.current.scrollTo({
|
|
797
|
+
index: nextActiveIndex
|
|
798
|
+
});
|
|
799
|
+
}
|
|
800
|
+
setActiveIndex(nextActiveIndex);
|
|
801
|
+
e.preventDefault();
|
|
802
|
+
}
|
|
803
|
+
}
|
|
804
|
+
};
|
|
698
805
|
var renderSelect = function renderSelect() {
|
|
699
806
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
700
807
|
className: selectCls,
|
|
@@ -702,7 +809,6 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
702
809
|
style: style
|
|
703
810
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
704
811
|
className: selectionCls,
|
|
705
|
-
onClick: handleClick,
|
|
706
812
|
tabIndex: disabled ? -1 : 0,
|
|
707
813
|
onFocus: function onFocus() {
|
|
708
814
|
var _a;
|
|
@@ -711,7 +817,8 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
711
817
|
onBlur: function onBlur() {
|
|
712
818
|
var _a;
|
|
713
819
|
return (_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.blur();
|
|
714
|
-
}
|
|
820
|
+
},
|
|
821
|
+
onKeyDown: onInternalKeyDown
|
|
715
822
|
}, !isMultiple ? renderSingle() : renderMultiple()));
|
|
716
823
|
};
|
|
717
824
|
var catchStyle = function catchStyle() {
|
package/lib/stepper/stepper.js
CHANGED
|
@@ -26,6 +26,8 @@ var _hooks = require("../_utils/hooks");
|
|
|
26
26
|
var _numberUtil = require("../_utils/numberUtil");
|
|
27
27
|
function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
28
28
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
29
|
+
_big.default.PE = 40;
|
|
30
|
+
_big.default.NE = -40;
|
|
29
31
|
var StepTypes = (0, _type.tuple)('embed', 'base');
|
|
30
32
|
exports.StepTypes = StepTypes;
|
|
31
33
|
var InternalStepper = function InternalStepper(props, ref) {
|
|
@@ -101,38 +103,50 @@ var InternalStepper = function InternalStepper(props, ref) {
|
|
|
101
103
|
type: "add"
|
|
102
104
|
}));
|
|
103
105
|
};
|
|
106
|
+
var isLegal = function isLegal(value) {
|
|
107
|
+
var reg = /^[0-9]*\.?[0-9]+$/;
|
|
108
|
+
return reg === null || reg === void 0 ? void 0 : reg.test(value);
|
|
109
|
+
};
|
|
104
110
|
var handleStepChang = function handleStepChang(type) {
|
|
105
111
|
var stepNum = parseFloat(step);
|
|
106
112
|
if (typeof stepNum !== 'number') {
|
|
107
113
|
return false;
|
|
108
114
|
}
|
|
109
|
-
var startingNumber = (0, _numberUtil.isExp)(stepperrref.current.value) ? (0, _big.default)(stepperrref.current.value).valueOf() : stepperrref.current.value ||
|
|
110
|
-
var
|
|
115
|
+
var startingNumber = (0, _numberUtil.isExp)(stepperrref.current.value) ? (0, _big.default)(stepperrref.current.value).valueOf() : stepperrref.current.value || inputNumberProps.min || 0;
|
|
116
|
+
var currentValue = new _big.default(startingNumber)[type](stepNum);
|
|
117
|
+
var calculationResults = currentValue.valueOf();
|
|
111
118
|
var legalNumber = stepperrref.current.verifiValue(calculationResults);
|
|
112
119
|
if (legalNumber === false) {
|
|
113
120
|
return false;
|
|
114
121
|
}
|
|
115
|
-
|
|
116
|
-
|
|
122
|
+
var nextPlus = new _big.default(calculationResults).plus(stepNum);
|
|
123
|
+
var nextMinus = new _big.default(calculationResults).minus(stepNum);
|
|
124
|
+
if (isLegal(max)) {
|
|
125
|
+
var maxBig = new _big.default(max);
|
|
126
|
+
if (nextPlus.cmp(maxBig) === 1) {
|
|
117
127
|
setMinusdisabled(true);
|
|
118
128
|
} else {
|
|
119
129
|
setMinusdisabled(false);
|
|
120
130
|
}
|
|
121
|
-
if (
|
|
131
|
+
if (currentValue.cmp(maxBig) === 1) {
|
|
122
132
|
return false;
|
|
123
133
|
}
|
|
134
|
+
} else {
|
|
135
|
+
setMinusdisabled(false);
|
|
124
136
|
}
|
|
125
|
-
if (
|
|
126
|
-
|
|
137
|
+
if (isLegal(min)) {
|
|
138
|
+
var minBig = new _big.default(min);
|
|
139
|
+
if (minBig.cmp(nextMinus) === 1) {
|
|
127
140
|
setPlusdisabled(true);
|
|
128
141
|
} else {
|
|
129
142
|
setPlusdisabled(false);
|
|
130
143
|
}
|
|
131
|
-
if (
|
|
144
|
+
if (minBig.cmp(currentValue) === 1) {
|
|
132
145
|
return false;
|
|
133
146
|
}
|
|
147
|
+
} else {
|
|
148
|
+
setPlusdisabled(false);
|
|
134
149
|
}
|
|
135
|
-
// props?.value === undefined && stepperrref.current.setValue(legalNumber)
|
|
136
150
|
(props === null || props === void 0 ? void 0 : props.value) === undefined && setValue(legalNumber);
|
|
137
151
|
onChange && onChange({
|
|
138
152
|
target: {
|
package/lib/tabs/tabs.js
CHANGED
|
@@ -375,9 +375,6 @@ var Tabs = function Tabs(props) {
|
|
|
375
375
|
}
|
|
376
376
|
carouselData.push(item);
|
|
377
377
|
});
|
|
378
|
-
if (effect !== 'none') {
|
|
379
|
-
console.log('effect', effect);
|
|
380
|
-
}
|
|
381
378
|
return /*#__PURE__*/_react.default.createElement(_carousel.default, {
|
|
382
379
|
ref: carouselRef,
|
|
383
380
|
dots: false,
|
package/lib/tree/tree.js
CHANGED
|
@@ -400,7 +400,7 @@ var InternalTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
|
|
|
400
400
|
item.onDrop = handleDrop;
|
|
401
401
|
item.onSelect = handleSelect;
|
|
402
402
|
item.checked = checked;
|
|
403
|
-
item.selected =
|
|
403
|
+
item.selected = checkable ? false : Array.isArray(selectedKeys) ? (selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys[0]) === item.key : selectedKeys === item.key;
|
|
404
404
|
item.indeterminate = indeterminate;
|
|
405
405
|
item.disabled = getDisabled(disabled, item.disabled);
|
|
406
406
|
item.showIcon = showIcon || false;
|
|
@@ -120,7 +120,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
|
|
|
120
120
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
121
121
|
expandedKeys = _useState2[0],
|
|
122
122
|
setExpandedKeys = _useState2[1];
|
|
123
|
-
var _useState3 = (0, _react.useState)(
|
|
123
|
+
var _useState3 = (0, _react.useState)(initValue),
|
|
124
124
|
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
125
125
|
selectedKeys = _useState4[0],
|
|
126
126
|
setSelectedKeys = _useState4[1];
|
|
@@ -266,7 +266,9 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
|
|
|
266
266
|
};
|
|
267
267
|
var handleCheck = function handleCheck(keys, state) {
|
|
268
268
|
onCheck === null || onCheck === void 0 ? void 0 : onCheck(keys, state);
|
|
269
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(keys)
|
|
269
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(keys, (0, _map2.default)(keys).call(keys, function (key) {
|
|
270
|
+
return TreeMap.get(key);
|
|
271
|
+
}));
|
|
270
272
|
!Object.hasOwnProperty.call(treeSelectProps, 'value') && setInitValue(keys);
|
|
271
273
|
};
|
|
272
274
|
var handleExpand = function handleExpand(keys, state) {
|