@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.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  *
3
- * @kdcloudjs/kdesign v1.8.26
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 handleAlphaChange = function handleAlphaChange(e) {
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
- setActiveNumber(value);
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(value);
30088
- value = transferValue(value, index);
30089
- var isActiveAllLeft = value >= index || value === index - half;
30090
- var isActiveCurrent = value === index;
30091
- var isActiveFirst = value === index - half;
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 getSecondIconStatus(value, index, onlyActiveCurrent) {
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 value >= index;
30134
+ return tempValue[0] >= index;
30127
30135
  } else {
30128
- return value === index; // 只激活当前点击图标
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 isSelected(selectActive, mouseActive) {
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: !disabled && checked,
41345
- indeterminate: !disabled && indeterminate,
41354
+ checked: checked,
41355
+ indeterminate: indeterminate,
41346
41356
  disabled: disabled,
41347
41357
  onClick: function onClick(e) {
41348
41358
  return e.stopPropagation();