@kdcloudjs/kdesign 1.8.26 → 1.8.28
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/dist/kdesign-complete.less +6 -0
- package/dist/kdesign.css +4 -1
- package/dist/kdesign.css.map +1 -1
- package/dist/kdesign.js +44 -34
- package/dist/kdesign.js.map +1 -1
- package/dist/kdesign.min.css +2 -2
- package/dist/kdesign.min.js +3 -3
- package/dist/kdesign.min.js.map +1 -1
- package/es/color-picker/color-picker-panel.js +14 -14
- package/es/rate/rate.js +26 -17
- package/es/tree/style/index.css +3 -0
- package/es/tree/style/index.less +6 -0
- package/es/tree/treeNode.js +2 -2
- package/lib/color-picker/color-picker-panel.js +14 -14
- package/lib/rate/rate.js +26 -17
- package/lib/tree/style/index.css +3 -0
- package/lib/tree/style/index.less +6 -0
- package/lib/tree/treeNode.js +2 -2
- package/package.json +1 -1
package/dist/kdesign.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
*
|
|
3
|
-
* @kdcloudjs/kdesign v1.8.
|
|
3
|
+
* @kdcloudjs/kdesign v1.8.28
|
|
4
4
|
*
|
|
5
5
|
* Copyright 2020-present, Kingdee, Inc.
|
|
6
6
|
* All rights reserved.
|
|
@@ -9916,8 +9916,8 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
|
|
|
9916
9916
|
setInputColorValue(formatInputValue);
|
|
9917
9917
|
setCorrectColorValue(formatCorrectValue);
|
|
9918
9918
|
setColTypeArr(formatArr);
|
|
9919
|
+
setClickedPresetColorIndex(index);
|
|
9919
9920
|
}
|
|
9920
|
-
setClickedPresetColorIndex(index);
|
|
9921
9921
|
onChange === null || onChange === void 0 ? void 0 : onChange(formatInputValue, formatArr);
|
|
9922
9922
|
};
|
|
9923
9923
|
var historicalColorClick = function historicalColorClick(index, colorValue) {
|
|
@@ -9932,8 +9932,8 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
|
|
|
9932
9932
|
setInputColorValue(formatInputValue);
|
|
9933
9933
|
setCorrectColorValue(formatCorrectValue);
|
|
9934
9934
|
setColTypeArr(formatArr);
|
|
9935
|
+
setClickedHistoricalColorIndex(index);
|
|
9935
9936
|
}
|
|
9936
|
-
setClickedHistoricalColorIndex(index);
|
|
9937
9937
|
onChange === null || onChange === void 0 ? void 0 : onChange(formatInputValue, formatArr);
|
|
9938
9938
|
};
|
|
9939
9939
|
var handleTypeChange = function handleTypeChange(selectValue) {
|
|
@@ -9953,7 +9953,7 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
|
|
|
9953
9953
|
})) === null || _colTypeArr$find3 === void 0 ? void 0 : _colTypeArr$find3.value, colTypeArr);
|
|
9954
9954
|
}
|
|
9955
9955
|
};
|
|
9956
|
-
var
|
|
9956
|
+
var handleAlphaBlur = function handleAlphaBlur(e) {
|
|
9957
9957
|
var regPercentage = /^(0|[1-9][0-9]?|100)%$/;
|
|
9958
9958
|
var regDot = /^(0(\.\d+)?|1(\.0+)?)$/;
|
|
9959
9959
|
var val = e.target.value;
|
|
@@ -9979,17 +9979,6 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
|
|
|
9979
9979
|
formatArr = _getColorFormat.formatArr,
|
|
9980
9980
|
outValue = _getColorFormat.outValue,
|
|
9981
9981
|
innerInput = _getColorFormat.innerInput;
|
|
9982
|
-
if (value === undefined) {
|
|
9983
|
-
setAlphaNoVerifyVal(val);
|
|
9984
|
-
setPanelState(formatArr, innerInput, outValue, alphaValue);
|
|
9985
|
-
setClickColorIndex(formatArr[0].value);
|
|
9986
|
-
}
|
|
9987
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(outValue, formatArr);
|
|
9988
|
-
};
|
|
9989
|
-
var handleAlphaBlur = function handleAlphaBlur(e) {
|
|
9990
|
-
var regPercentage = /^(0|[1-9][0-9]?|100)%$/;
|
|
9991
|
-
var regDot = /^(0(\.\d+)?|1(\.0+)?)$/;
|
|
9992
|
-
var val = e.target.value;
|
|
9993
9982
|
if (regPercentage.test(val)) {
|
|
9994
9983
|
setAlphaNoVerifyVal(val);
|
|
9995
9984
|
} else if (regDot.test(val)) {
|
|
@@ -9997,6 +9986,17 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
|
|
|
9997
9986
|
} else {
|
|
9998
9987
|
setAlphaNoVerifyVal('100%');
|
|
9999
9988
|
}
|
|
9989
|
+
if (value === undefined) {
|
|
9990
|
+
setPanelState(formatArr, innerInput, outValue, alphaValue);
|
|
9991
|
+
setClickColorIndex(formatArr[0].value);
|
|
9992
|
+
}
|
|
9993
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(outValue, formatArr);
|
|
9994
|
+
};
|
|
9995
|
+
var handleAlphaChange = function handleAlphaChange(e) {
|
|
9996
|
+
if (value !== undefined && onChange === undefined) {
|
|
9997
|
+
return;
|
|
9998
|
+
}
|
|
9999
|
+
setAlphaNoVerifyVal(e.target.value);
|
|
10000
10000
|
};
|
|
10001
10001
|
var handleHEXInputChange = function handleHEXInputChange(e) {
|
|
10002
10002
|
setCorrectColorValue(e.target.value);
|
|
@@ -30023,7 +30023,7 @@ var Rate = function Rate(props) {
|
|
|
30023
30023
|
_React$useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_React$useState, 2),
|
|
30024
30024
|
selectedValue = _React$useState2[0],
|
|
30025
30025
|
setSelectedValue = _React$useState2[1]; // 当前选中的值,包含一位小数
|
|
30026
|
-
var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_5__["useState"](0),
|
|
30026
|
+
var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_5__["useState"]([0]),
|
|
30027
30027
|
_React$useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_React$useState3, 2),
|
|
30028
30028
|
activeNumber = _React$useState4[0],
|
|
30029
30029
|
setActiveNumber = _React$useState4[1]; // 鼠标悬停icon位置对应的值
|
|
@@ -30040,14 +30040,16 @@ var Rate = function Rate(props) {
|
|
|
30040
30040
|
|
|
30041
30041
|
var handleClick = react__WEBPACK_IMPORTED_MODULE_5__["useCallback"](function (value) {
|
|
30042
30042
|
setSelectedValue(value);
|
|
30043
|
+
onlyActiveCurrent && setActiveNumber([value]);
|
|
30043
30044
|
onChange && onChange(value);
|
|
30044
|
-
}, [onChange]);
|
|
30045
|
+
}, [onChange, onlyActiveCurrent]);
|
|
30045
30046
|
var handleMouseEnter = react__WEBPACK_IMPORTED_MODULE_5__["useCallback"](function (value) {
|
|
30046
|
-
|
|
30047
|
+
var tempValue = onlyActiveCurrent ? selectedValue === value ? [value] : [selectedValue, value] : [value];
|
|
30048
|
+
setActiveNumber(tempValue);
|
|
30047
30049
|
onHoverChange && onHoverChange(value);
|
|
30048
|
-
}, [onHoverChange]);
|
|
30050
|
+
}, [onHoverChange, onlyActiveCurrent, selectedValue]);
|
|
30049
30051
|
var handleMouseLeave = function handleMouseLeave() {
|
|
30050
|
-
setActiveNumber(0);
|
|
30052
|
+
setActiveNumber([0]);
|
|
30051
30053
|
};
|
|
30052
30054
|
var handleFocus = react__WEBPACK_IMPORTED_MODULE_5__["useCallback"](function () {
|
|
30053
30055
|
onFocus && onFocus();
|
|
@@ -30083,12 +30085,17 @@ var Rate = function Rate(props) {
|
|
|
30083
30085
|
* @param isSecondIconActive
|
|
30084
30086
|
*/
|
|
30085
30087
|
var getFirstIconStatus = function getFirstIconStatus(value, index, onlyActiveCurrent, secondIconStatus) {
|
|
30088
|
+
var tempValue = typeof value === 'number' ? [value] : value;
|
|
30089
|
+
if (onlyActiveCurrent) {
|
|
30090
|
+
return tempValue.indexOf(index) !== -1;
|
|
30091
|
+
}
|
|
30092
|
+
var realValue = tempValue[0];
|
|
30086
30093
|
var half = 0.5;
|
|
30087
|
-
var isInteger = Number.isInteger(
|
|
30088
|
-
|
|
30089
|
-
var isActiveAllLeft =
|
|
30090
|
-
var isActiveCurrent =
|
|
30091
|
-
var isActiveFirst =
|
|
30094
|
+
var isInteger = Number.isInteger(realValue);
|
|
30095
|
+
var tValue = transferValue(realValue, index);
|
|
30096
|
+
var isActiveAllLeft = tValue >= index || tValue === index - half;
|
|
30097
|
+
var isActiveCurrent = tValue === index;
|
|
30098
|
+
var isActiveFirst = tValue === index - half;
|
|
30092
30099
|
var mark;
|
|
30093
30100
|
if (secondIconStatus) {
|
|
30094
30101
|
// 第二个图标被激活则第一个也必须激活
|
|
@@ -30120,14 +30127,17 @@ var Rate = function Rate(props) {
|
|
|
30120
30127
|
* @param index
|
|
30121
30128
|
* @param onlyActiveCurrent
|
|
30122
30129
|
*/
|
|
30123
|
-
var getSecondIconStatus = function
|
|
30130
|
+
var getSecondIconStatus = react__WEBPACK_IMPORTED_MODULE_5__["useCallback"](function (value, index, onlyActiveCurrent) {
|
|
30131
|
+
var tempValue = typeof value === 'number' ? [value] : value;
|
|
30124
30132
|
if (!onlyActiveCurrent) {
|
|
30125
30133
|
// 激活所有左侧图标
|
|
30126
|
-
return
|
|
30134
|
+
return tempValue[0] >= index;
|
|
30127
30135
|
} else {
|
|
30128
|
-
|
|
30136
|
+
// 当onlyActiveCurrent为true时,悬浮到其他icon时,当前激活icon保持激活状态
|
|
30137
|
+
var indexArr = activeNumber[0] === 0 && activeNumber.length === 1 ? tempValue : activeNumber;
|
|
30138
|
+
return indexArr.indexOf(index) !== -1;
|
|
30129
30139
|
}
|
|
30130
|
-
};
|
|
30140
|
+
}, [activeNumber]);
|
|
30131
30141
|
|
|
30132
30142
|
/**
|
|
30133
30143
|
* 返回图标的样式
|
|
@@ -30144,9 +30154,9 @@ var Rate = function Rate(props) {
|
|
|
30144
30154
|
* @param selectActive 当前图标是否被选中
|
|
30145
30155
|
* @param mouseActive 当前图标是否触发鼠标hover效果
|
|
30146
30156
|
*/
|
|
30147
|
-
var isSelected = function
|
|
30148
|
-
return activeNumber !== 0 ? mouseActive : selectActive;
|
|
30149
|
-
};
|
|
30157
|
+
var isSelected = react__WEBPACK_IMPORTED_MODULE_5__["useCallback"](function (selectActive, mouseActive) {
|
|
30158
|
+
return activeNumber[0] !== 0 ? mouseActive : selectActive;
|
|
30159
|
+
}, [activeNumber]);
|
|
30150
30160
|
var getIconClassName = function getIconClassName(name, isActive) {
|
|
30151
30161
|
var _classnames;
|
|
30152
30162
|
return classnames__WEBPACK_IMPORTED_MODULE_6___default()((_classnames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classnames, "".concat(prefixCls, "-icon-").concat(name), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classnames, "".concat(prefixCls, "-icon-selected"), isActive), _classnames));
|
|
@@ -41341,8 +41351,8 @@ var TreeNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.forwar
|
|
|
41341
41351
|
className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(treeNodePrefixCls, "-drag-line-top"))
|
|
41342
41352
|
}), checkable ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_checkbox__WEBPACK_IMPORTED_MODULE_15__["default"], {
|
|
41343
41353
|
onChange: handleOnchange,
|
|
41344
|
-
checked:
|
|
41345
|
-
indeterminate:
|
|
41354
|
+
checked: checked,
|
|
41355
|
+
indeterminate: indeterminate,
|
|
41346
41356
|
disabled: disabled,
|
|
41347
41357
|
onClick: function onClick(e) {
|
|
41348
41358
|
return e.stopPropagation();
|