@kdcloudjs/kdesign 1.7.56 → 1.7.58
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 +24 -0
- package/dist/kdesign.css +1 -1
- package/dist/kdesign.css.map +1 -1
- package/dist/kdesign.js +27 -15
- package/dist/kdesign.js.map +1 -1
- package/dist/kdesign.min.css +1 -1
- package/dist/kdesign.min.js +8 -8
- package/dist/kdesign.min.js.map +1 -1
- package/es/_utils/usePopper.js +13 -7
- package/es/date-picker/date-picker.js +4 -1
- package/es/date-picker/hooks/use-picker-input.js +2 -3
- package/es/date-picker/range-picker.js +3 -1
- package/es/date-picker/utils/date-fns.js +4 -2
- package/lib/_utils/usePopper.js +13 -7
- package/lib/date-picker/date-picker.js +4 -1
- package/lib/date-picker/hooks/use-picker-input.js +2 -3
- package/lib/date-picker/range-picker.js +3 -1
- package/lib/date-picker/utils/date-fns.js +4 -2
- 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.57
|
|
4
4
|
*
|
|
5
5
|
* Copyright 2020-present, Kingdee, Inc.
|
|
6
6
|
* All rights reserved.
|
|
@@ -2246,6 +2246,7 @@ var getRealDom = function getRealDom(locatorRef, locatorElement) {
|
|
|
2246
2246
|
var name = REF_NAME_OBJ[locatorElement === null || locatorElement === void 0 ? void 0 : (_locatorElement$type = locatorElement.type) === null || _locatorElement$type === void 0 ? void 0 : _locatorElement$type.displayName];
|
|
2247
2247
|
return locatorRef === null || locatorRef === void 0 ? void 0 : locatorRef.current[name];
|
|
2248
2248
|
};
|
|
2249
|
+
var DEFAULT_PLACEMENT = 'top';
|
|
2249
2250
|
function usePopper(locatorElement, popperElement, props) {
|
|
2250
2251
|
var _arrowStyle;
|
|
2251
2252
|
var prefixCls = props.prefixCls,
|
|
@@ -2264,7 +2265,7 @@ function usePopper(locatorElement, popperElement, props) {
|
|
|
2264
2265
|
_props$trigger = props.trigger,
|
|
2265
2266
|
trigger = _props$trigger === void 0 ? 'click' : _props$trigger,
|
|
2266
2267
|
_props$placement = props.placement,
|
|
2267
|
-
placement = _props$placement === void 0 ?
|
|
2268
|
+
placement = _props$placement === void 0 ? DEFAULT_PLACEMENT : _props$placement,
|
|
2268
2269
|
_props$gap = props.gap,
|
|
2269
2270
|
defaultGap = _props$gap === void 0 ? 4 : _props$gap,
|
|
2270
2271
|
_props$scrollHidden = props.scrollHidden,
|
|
@@ -2361,10 +2362,15 @@ function usePopper(locatorElement, popperElement, props) {
|
|
|
2361
2362
|
_useState16 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState15, 2),
|
|
2362
2363
|
align = _useState16[0],
|
|
2363
2364
|
setAlign = _useState16[1];
|
|
2364
|
-
var _useState17 = Object(react__WEBPACK_IMPORTED_MODULE_18__["useState"])(placement),
|
|
2365
|
+
var _useState17 = Object(react__WEBPACK_IMPORTED_MODULE_18__["useState"])(Placements.includes(placement) ? placement : DEFAULT_PLACEMENT),
|
|
2365
2366
|
_useState18 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState17, 2),
|
|
2366
2367
|
nextPlacement = _useState18[0],
|
|
2367
2368
|
setNextPlacement = _useState18[1];
|
|
2369
|
+
Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
|
|
2370
|
+
if (nextPlacement !== placement && Placements.includes(placement)) {
|
|
2371
|
+
setNextPlacement(placement);
|
|
2372
|
+
}
|
|
2373
|
+
}, [placement]);
|
|
2368
2374
|
var alignPopper = Object(react__WEBPACK_IMPORTED_MODULE_18__["useCallback"])(function () {
|
|
2369
2375
|
var realDom = getRealDom(locatorRef, locatorElement);
|
|
2370
2376
|
if (realDom && popperRef !== null && popperRef !== void 0 && popperRef.current) {
|
|
@@ -2378,6 +2384,10 @@ function usePopper(locatorElement, popperElement, props) {
|
|
|
2378
2384
|
right = _realDom$getBoundingC.right,
|
|
2379
2385
|
height = _realDom$getBoundingC.height,
|
|
2380
2386
|
width = _realDom$getBoundingC.width;
|
|
2387
|
+
if (height === 0 && width === 0) {
|
|
2388
|
+
hidePopper();
|
|
2389
|
+
return;
|
|
2390
|
+
}
|
|
2381
2391
|
var _getOffsetPos = getOffsetPos(container),
|
|
2382
2392
|
containerTop = _getOffsetPos.top,
|
|
2383
2393
|
containerLeft = _getOffsetPos.left;
|
|
@@ -2547,7 +2557,7 @@ function usePopper(locatorElement, popperElement, props) {
|
|
|
2547
2557
|
setArrowPos(_arrowPos);
|
|
2548
2558
|
setNextPlacement(currentPlacement);
|
|
2549
2559
|
}
|
|
2550
|
-
}, [locatorRef, popperRef, container, trigger, mousePos, autoPlacement, gap, arrowOffset, arrowSize, arrowWidth, align === null || align === void 0 ? void 0 : align.left, align === null || align === void 0 ? void 0 : align.top]);
|
|
2560
|
+
}, [locatorRef, popperRef, container, trigger, mousePos, autoPlacement, gap, arrowOffset, arrowSize, arrowWidth, align === null || align === void 0 ? void 0 : align.left, align === null || align === void 0 ? void 0 : align.top, nextPlacement]);
|
|
2551
2561
|
Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
|
|
2552
2562
|
if (canAlign) {
|
|
2553
2563
|
alignPopper();
|
|
@@ -2672,13 +2682,9 @@ function usePopper(locatorElement, popperElement, props) {
|
|
|
2672
2682
|
}, 10);
|
|
2673
2683
|
window.addEventListener('resize', alignPopper);
|
|
2674
2684
|
document.addEventListener('scroll', scrollAlign, true);
|
|
2675
|
-
locatorNode === null || locatorNode === void 0 ? void 0 : locatorNode.addEventListener('DOMSubtreeModified', alignPopper);
|
|
2676
|
-
exist && (popperNode === null || popperNode === void 0 ? void 0 : popperNode.addEventListener('DOMSubtreeModified', alignPopper));
|
|
2677
2685
|
return function () {
|
|
2678
2686
|
window.removeEventListener('resize', alignPopper);
|
|
2679
2687
|
document.removeEventListener('scroll', scrollAlign, true);
|
|
2680
|
-
locatorNode === null || locatorNode === void 0 ? void 0 : locatorNode.removeEventListener('DOMSubtreeModified', alignPopper);
|
|
2681
|
-
exist && (popperNode === null || popperNode === void 0 ? void 0 : popperNode.removeEventListener('DOMSubtreeModified', alignPopper));
|
|
2682
2688
|
};
|
|
2683
2689
|
}
|
|
2684
2690
|
}, [alignPopper, exist, onVisibleChange, popperNode, props.visible, scrollHidden, locatorNode, visible, popperRef]);
|
|
@@ -11745,7 +11751,7 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
|
|
|
11745
11751
|
if (newText === '') {
|
|
11746
11752
|
triggerChange(null);
|
|
11747
11753
|
setViewDate(null);
|
|
11748
|
-
} else if (newText && newText.length
|
|
11754
|
+
} else if (newText && newText.length >= _format.length) {
|
|
11749
11755
|
var inputTempDate = Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_22__["parseDate"])(newText, _format);
|
|
11750
11756
|
if (inputTempDate && (!disabledDate || !disabledDate(inputTempDate))) {
|
|
11751
11757
|
if (picker !== 'year') {
|
|
@@ -11812,6 +11818,9 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
|
|
|
11812
11818
|
if (valueText !== text) {
|
|
11813
11819
|
resetText();
|
|
11814
11820
|
}
|
|
11821
|
+
if (hoverValue) {
|
|
11822
|
+
onLeave();
|
|
11823
|
+
}
|
|
11815
11824
|
} else {
|
|
11816
11825
|
setInnerPicker(undefined);
|
|
11817
11826
|
}
|
|
@@ -12122,8 +12131,6 @@ function usePickerInput(_ref) {
|
|
|
12122
12131
|
triggerOpen(true);
|
|
12123
12132
|
},
|
|
12124
12133
|
onKeyDown: function onKeyDown(e) {
|
|
12125
|
-
setTyping(true);
|
|
12126
|
-
triggerOpen(true);
|
|
12127
12134
|
switch (e.which) {
|
|
12128
12135
|
case _utils_KeyCode__WEBPACK_IMPORTED_MODULE_4__["default"].ENTER:
|
|
12129
12136
|
{
|
|
@@ -12139,8 +12146,9 @@ function usePickerInput(_ref) {
|
|
|
12139
12146
|
{
|
|
12140
12147
|
if (typing && open && !e.shiftKey) {
|
|
12141
12148
|
setTyping(false);
|
|
12142
|
-
e.preventDefault()
|
|
12149
|
+
// e.preventDefault()
|
|
12143
12150
|
}
|
|
12151
|
+
|
|
12144
12152
|
return;
|
|
12145
12153
|
}
|
|
12146
12154
|
case _utils_KeyCode__WEBPACK_IMPORTED_MODULE_4__["default"].ESC:
|
|
@@ -14264,7 +14272,7 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
|
|
|
14264
14272
|
var inputTempDate;
|
|
14265
14273
|
if (newText === '') {
|
|
14266
14274
|
triggerChange(Object(_utils__WEBPACK_IMPORTED_MODULE_20__["updateValues"])(selectedValue, null, index), index);
|
|
14267
|
-
} else if (newText && newText.length
|
|
14275
|
+
} else if (newText && newText.length >= _format.length) {
|
|
14268
14276
|
inputTempDate = Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["parseDate"])(newText, _format);
|
|
14269
14277
|
var disabledFunc = index === 0 ? disabledStartDate : disabledEndDate;
|
|
14270
14278
|
if (inputTempDate && (!disabledFunc || !disabledFunc(inputTempDate))) {
|
|
@@ -14482,6 +14490,8 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
|
|
|
14482
14490
|
setSelectedValue(dateValue);
|
|
14483
14491
|
setViewDate(null, 0);
|
|
14484
14492
|
setViewDate(null, 1);
|
|
14493
|
+
resetStartText();
|
|
14494
|
+
resetEndText();
|
|
14485
14495
|
setHoverRangedValue([null, null]);
|
|
14486
14496
|
} else {
|
|
14487
14497
|
setInnerPicker(undefined);
|
|
@@ -15721,10 +15731,12 @@ var setYearOrMonthOfDate = function setYearOrMonthOfDate(date1, date2) {
|
|
|
15721
15731
|
var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'year';
|
|
15722
15732
|
var d1 = new Date(date1 || 0);
|
|
15723
15733
|
var d2 = new Date(date2 || 0);
|
|
15724
|
-
if (type === 'year') {
|
|
15734
|
+
if (type === 'year' && d1.getFullYear() !== d2.getFullYear()) {
|
|
15735
|
+
d1.setDate(1);
|
|
15725
15736
|
d1.setFullYear(d2.getFullYear());
|
|
15726
15737
|
}
|
|
15727
|
-
if (type === 'month') {
|
|
15738
|
+
if (type === 'month' && d1.getMonth() !== d2.getMonth()) {
|
|
15739
|
+
d1.setDate(1);
|
|
15728
15740
|
d1.setMonth(d2.getMonth());
|
|
15729
15741
|
}
|
|
15730
15742
|
return d1;
|