@kdcloudjs/kdesign 1.7.12 → 1.7.13

package/es/anchor/style/index.css

@@ -108,6 +108,8 @@
   padding-left: var(--kd-c-anchor-spacing-horizontal, 7px);
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
+  background: var(--kd-c-anchor-color-background, var(--kd-g-color-background, #fff));
+  z-index: 1050;
 }
 .kd-anchor-wrapper {
   overflow: auto;

package/es/anchor/style/index.less

@@ -6,6 +6,8 @@
   position: relative;
   padding-left: @anchor-link-left;
   box-sizing: border-box;
+  background: @anchor-bg;
+  z-index: @zIndex-popper;
 
   &-wrapper {
     overflow: auto;
@@ -154,7 +156,7 @@
   &-link {
     padding: @anchor-link-padding;
 
-    &>.@{anchor-prefix-cls}-link {
+    & > .@{anchor-prefix-cls}-link {
       padding: @anchor-link-secondary-padding;
     }
 
@@ -193,6 +195,6 @@
   &.hidden {
     opacity: 0;
     visibility: hidden;
-    transition: all calc(@anchor-transition-duration - 0.1s) cubic-bezier(0.4,0,0.6,1);
+    transition: all calc(@anchor-transition-duration - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
   }
 }

package/es/color-picker/style/index.css

@@ -295,7 +295,7 @@
   left: 8px;
 }
 .kd-color-picker-pop .kd-color-picker-panel-input .active-option {
-  background-color: #E3EBFF;
+  background-color: var(--kd-c-color-picker-panel-option-color-background-selected, var(--kd-g-color-theme-3, #e3eeff));
 }
 .kd-color-picker-pop .kd-color-picker-panel-transparent {
   width: 60px;

package/es/color-picker/style/index.less

@@ -247,7 +247,7 @@
       }
 
       .active-option {
-        background-color: #E3EBFF;
+        background-color: @color-picker-panel-option-color-background;
       }
     }
 

package/es/color-picker/style/token.less

@@ -2,8 +2,8 @@
 
 @color-picker-custom-prefix: ~'--@{kd-prefix}-c-color-picker';
 
-// z-index
-@color-picker-panel-z-index: var(~'@{color-picker-custom-prefix}-panel-z-index', @z-index-popper);
+// color
+@color-picker-panel-option-color-background: var(~'@{color-picker-custom-prefix}-panel-option-color-background-selected', @color-theme-3);
 
 // font
 @color-picker-input-font-size: var(~'@{color-picker-custom-prefix}-input-font-size', @font-size-middle);
@@ -19,4 +19,7 @@
 @color-picker-panel-select-sizing-width: var(~'@{color-picker-custom-prefix}-panel-select-sizing-width', 212px);
 @color-picker-panel-select-sizing-height: var(~'@{color-picker-custom-prefix}-panel-select-sizing-height', 28px);
 @color-picker-panel-preset-sizing-width: var(~'@{color-picker-custom-prefix}-panel-preset-sizing-width', 16px);
-@color-picker-panel-preset-sizing-height: var(~'@{color-picker-custom-prefix}-panel-preset-sizing-height', 16px);
+@color-picker-panel-preset-sizing-height: var(~'@{color-picker-custom-prefix}-panel-preset-sizing-height', 16px);
+
+// z-index
+@color-picker-panel-z-index: var(~'@{color-picker-custom-prefix}-panel-z-index', @z-index-popper);

package/es/modal/modal.js

@@ -54,6 +54,7 @@ var InternalModal = function InternalModal(props, ref) {
     mask = modalProps.mask,
     maskClosable = modalProps.maskClosable,
     maskStyle = modalProps.maskStyle,
+    maskClassName = modalProps.maskClassName,
     okButtonProps = modalProps.okButtonProps,
     okText = modalProps.okText,
     onCancel = modalProps.onCancel,
@@ -69,7 +70,7 @@ var InternalModal = function InternalModal(props, ref) {
     onDrag = modalProps.onDrag,
     onDragStop = modalProps.onDragStop,
     bounds = modalProps.bounds,
-    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"]);
+    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"]);
   var isForceController = visible !== undefined;
   var _useState = useState(isForceController ? visible : true),
     _useState2 = _slicedToArray(_useState, 2),
@@ -237,7 +238,7 @@ var InternalModal = function InternalModal(props, ref) {
     className: modalClasses
   }, others), mask && /*#__PURE__*/React.createElement("div", {
     onClick: handleMaskClick,
-    className: "".concat(modalPrefixCls, "-mask"),
+    className: classNames(maskClassName, _defineProperty({}, "".concat(modalPrefixCls, "-mask"), true)),
     style: maskStyle
   }), /*#__PURE__*/React.createElement(Draggable, {
     defaultPosition: defaultPosition,

package/es/stepper/stepper.js

@@ -14,6 +14,8 @@ import { tuple } from '../_utils/type';
 import { omit } from '../_utils/omit';
 import { useMergedState } from '../_utils/hooks';
 import { isExp } from '../_utils/numberUtil';
+Big.PE = 40;
+Big.NE = -40;
 export var StepTypes = tuple('embed', 'base');
 var InternalStepper = function InternalStepper(props, ref) {
   var _useContext = useContext(ConfigContext),
@@ -88,38 +90,50 @@ var InternalStepper = function InternalStepper(props, ref) {
       type: "add"
     }));
   };
+  var isLegal = function isLegal(value) {
+    var reg = /^[0-9]*\.?[0-9]+$/;
+    return reg === null || reg === void 0 ? void 0 : reg.test(value);
+  };
   var handleStepChang = function handleStepChang(type) {
     var stepNum = parseFloat(step);
     if (typeof stepNum !== 'number') {
       return false;
     }
-    var startingNumber = isExp(stepperrref.current.value) ? Big(stepperrref.current.value).valueOf() : stepperrref.current.value || parseFloat(inputNumberProps.min) || 0;
-    var calculationResults = new Big(startingNumber)[type](stepNum).valueOf();
+    var startingNumber = isExp(stepperrref.current.value) ? Big(stepperrref.current.value).valueOf() : stepperrref.current.value || inputNumberProps.min || 0;
+    var currentValue = new Big(startingNumber)[type](stepNum);
+    var calculationResults = currentValue.valueOf();
     var legalNumber = stepperrref.current.verifiValue(calculationResults);
     if (legalNumber === false) {
       return false;
     }
-    if (typeof max === 'number') {
-      if (Number(legalNumber) + step > max) {
+    var nextPlus = new Big(calculationResults).plus(stepNum);
+    var nextMinus = new Big(calculationResults).minus(stepNum);
+    if (isLegal(max)) {
+      var maxBig = new Big(max);
+      if (nextPlus.cmp(maxBig) === 1) {
         setMinusdisabled(true);
       } else {
         setMinusdisabled(false);
       }
-      if (Number(legalNumber) > max) {
+      if (currentValue.cmp(maxBig) === 1) {
         return false;
       }
+    } else {
+      setMinusdisabled(false);
     }
-    if (typeof min === 'number') {
-      if (Number(legalNumber) - step < min) {
+    if (isLegal(min)) {
+      var minBig = new Big(min);
+      if (minBig.cmp(nextMinus) === 1) {
         setPlusdisabled(true);
       } else {
         setPlusdisabled(false);
       }
-      if (Number(legalNumber) < min) {
+      if (minBig.cmp(currentValue) === 1) {
         return false;
       }
+    } else {
+      setPlusdisabled(false);
     }
-    // props?.value === undefined && stepperrref.current.setValue(legalNumber)
     (props === null || props === void 0 ? void 0 : props.value) === undefined && setValue(legalNumber);
     onChange && onChange({
       target: {

package/es/tabs/tabs.js

@@ -359,9 +359,6 @@ var Tabs = function Tabs(props) {
       }
       carouselData.push(item);
     });
-    if (effect !== 'none') {
-      console.log('effect', effect);
-    }
     return /*#__PURE__*/React.createElement(Carousel, {
       ref: carouselRef,
       dots: false,

package/es/tree/tree.js

@@ -12,7 +12,7 @@ import cloneDeep from 'lodash/cloneDeep';
 import ConfigContext from '../config-provider/ConfigContext';
 import { getCompProps } from '../_utils';
 import TreeNode from './treeNode';
-import { getChecked, getHalfChecked, addKeys, flattenAll, delKey, getFilterData, getSpreadAttrData, getAllCheckedKeys, getDataCheckededStateStrictly, getAllChildKeys, getPos, getSelected, calcDropPosition } from './utils/treeUtils';
+import { getChecked, getHalfChecked, addKeys, flattenAll, delKey, getFilterData, getSpreadAttrData, getAllCheckedKeys, getDataCheckededStateStrictly, getAllChildKeys, getPos, calcDropPosition } from './utils/treeUtils';
 import { useChecked, useExpand, usePlantomHeightEffect, useViewportHeight, useVisibleDataMemo, useScrollToKey, useSelect } from './treeHooks';
 import isBoolean from 'lodash/isBoolean';
 var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -388,7 +388,7 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     item.onDrop = handleDrop;
     item.onSelect = handleSelect;
     item.checked = checked;
-    item.selected = getSelected(Array.isArray(selectedKeys) && selectedKeys[0] ? [selectedKeys[0]] : selectedKeys, item.key);
+    item.selected = checkable ? false : Array.isArray(selectedKeys) ? (selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys[0]) === item.key : selectedKeys === item.key;
     item.indeterminate = indeterminate;
     item.disabled = getDisabled(disabled, item.disabled);
     item.showIcon = showIcon || false;

package/es/tree-select/tree-select.js

@@ -108,7 +108,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
     _useState2 = _slicedToArray(_useState, 2),
     expandedKeys = _useState2[0],
     setExpandedKeys = _useState2[1];
-  var _useState3 = useState([]),
+  var _useState3 = useState(initValue),
     _useState4 = _slicedToArray(_useState3, 2),
     selectedKeys = _useState4[0],
     setSelectedKeys = _useState4[1];
@@ -254,7 +254,9 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
   };
   var handleCheck = function handleCheck(keys, state) {
     onCheck === null || onCheck === void 0 ? void 0 : onCheck(keys, state);
-    onChange === null || onChange === void 0 ? void 0 : onChange(keys);
+    onChange === null || onChange === void 0 ? void 0 : onChange(keys, _mapInstanceProperty(keys).call(keys, function (key) {
+      return TreeMap.get(key);
+    }));
     !Object.hasOwnProperty.call(treeSelectProps, 'value') && setInitValue(keys);
   };
   var handleExpand = function handleExpand(keys, state) {

package/lib/anchor/style/index.css

@@ -108,6 +108,8 @@
   padding-left: var(--kd-c-anchor-spacing-horizontal, 7px);
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
+  background: var(--kd-c-anchor-color-background, var(--kd-g-color-background, #fff));
+  z-index: 1050;
 }
 .kd-anchor-wrapper {
   overflow: auto;

package/lib/anchor/style/index.less

@@ -6,6 +6,8 @@
   position: relative;
   padding-left: @anchor-link-left;
   box-sizing: border-box;
+  background: @anchor-bg;
+  z-index: @zIndex-popper;
 
   &-wrapper {
     overflow: auto;
@@ -154,7 +156,7 @@
   &-link {
     padding: @anchor-link-padding;
 
-    &>.@{anchor-prefix-cls}-link {
+    & > .@{anchor-prefix-cls}-link {
       padding: @anchor-link-secondary-padding;
     }
 
@@ -193,6 +195,6 @@
   &.hidden {
     opacity: 0;
     visibility: hidden;
-    transition: all calc(@anchor-transition-duration - 0.1s) cubic-bezier(0.4,0,0.6,1);
+    transition: all calc(@anchor-transition-duration - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
   }
 }

package/lib/color-picker/style/index.css

@@ -295,7 +295,7 @@
   left: 8px;
 }
 .kd-color-picker-pop .kd-color-picker-panel-input .active-option {
-  background-color: #E3EBFF;
+  background-color: var(--kd-c-color-picker-panel-option-color-background-selected, var(--kd-g-color-theme-3, #e3eeff));
 }
 .kd-color-picker-pop .kd-color-picker-panel-transparent {
   width: 60px;

package/lib/color-picker/style/index.less

@@ -247,7 +247,7 @@
       }
 
       .active-option {
-        background-color: #E3EBFF;
+        background-color: @color-picker-panel-option-color-background;
       }
     }
 

package/lib/color-picker/style/token.less

@@ -2,8 +2,8 @@
 
 @color-picker-custom-prefix: ~'--@{kd-prefix}-c-color-picker';
 
-// z-index
-@color-picker-panel-z-index: var(~'@{color-picker-custom-prefix}-panel-z-index', @z-index-popper);
+// color
+@color-picker-panel-option-color-background: var(~'@{color-picker-custom-prefix}-panel-option-color-background-selected', @color-theme-3);
 
 // font
 @color-picker-input-font-size: var(~'@{color-picker-custom-prefix}-input-font-size', @font-size-middle);
@@ -19,4 +19,7 @@
 @color-picker-panel-select-sizing-width: var(~'@{color-picker-custom-prefix}-panel-select-sizing-width', 212px);
 @color-picker-panel-select-sizing-height: var(~'@{color-picker-custom-prefix}-panel-select-sizing-height', 28px);
 @color-picker-panel-preset-sizing-width: var(~'@{color-picker-custom-prefix}-panel-preset-sizing-width', 16px);
-@color-picker-panel-preset-sizing-height: var(~'@{color-picker-custom-prefix}-panel-preset-sizing-height', 16px);
+@color-picker-panel-preset-sizing-height: var(~'@{color-picker-custom-prefix}-panel-preset-sizing-height', 16px);
+
+// z-index
+@color-picker-panel-z-index: var(~'@{color-picker-custom-prefix}-panel-z-index', @z-index-popper);

package/lib/modal/modal.js

@@ -68,6 +68,7 @@ var InternalModal = function InternalModal(props, ref) {
     mask = modalProps.mask,
     maskClosable = modalProps.maskClosable,
     maskStyle = modalProps.maskStyle,
+    maskClassName = modalProps.maskClassName,
     okButtonProps = modalProps.okButtonProps,
     okText = modalProps.okText,
     onCancel = modalProps.onCancel,
@@ -83,7 +84,7 @@ var InternalModal = function InternalModal(props, ref) {
     onDrag = modalProps.onDrag,
     onDragStop = modalProps.onDragStop,
     bounds = modalProps.bounds,
-    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"]);
+    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"]);
   var isForceController = visible !== undefined;
   var _useState = (0, _react.useState)(isForceController ? visible : true),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -251,7 +252,7 @@ var InternalModal = function InternalModal(props, ref) {
     className: modalClasses
   }, others), mask && /*#__PURE__*/_react.default.createElement("div", {
     onClick: handleMaskClick,
-    className: "".concat(modalPrefixCls, "-mask"),
+    className: (0, _classnames.default)(maskClassName, (0, _defineProperty2.default)({}, "".concat(modalPrefixCls, "-mask"), true)),
     style: maskStyle
   }), /*#__PURE__*/_react.default.createElement(_reactDraggable.default, {
     defaultPosition: defaultPosition,

package/lib/stepper/stepper.js

@@ -26,6 +26,8 @@ var _hooks = require("../_utils/hooks");
 var _numberUtil = require("../_utils/numberUtil");
 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); }
 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; }
+_big.default.PE = 40;
+_big.default.NE = -40;
 var StepTypes = (0, _type.tuple)('embed', 'base');
 exports.StepTypes = StepTypes;
 var InternalStepper = function InternalStepper(props, ref) {
@@ -101,38 +103,50 @@ var InternalStepper = function InternalStepper(props, ref) {
       type: "add"
     }));
   };
+  var isLegal = function isLegal(value) {
+    var reg = /^[0-9]*\.?[0-9]+$/;
+    return reg === null || reg === void 0 ? void 0 : reg.test(value);
+  };
   var handleStepChang = function handleStepChang(type) {
     var stepNum = parseFloat(step);
     if (typeof stepNum !== 'number') {
       return false;
     }
-    var startingNumber = (0, _numberUtil.isExp)(stepperrref.current.value) ? (0, _big.default)(stepperrref.current.value).valueOf() : stepperrref.current.value || parseFloat(inputNumberProps.min) || 0;
-    var calculationResults = new _big.default(startingNumber)[type](stepNum).valueOf();
+    var startingNumber = (0, _numberUtil.isExp)(stepperrref.current.value) ? (0, _big.default)(stepperrref.current.value).valueOf() : stepperrref.current.value || inputNumberProps.min || 0;
+    var currentValue = new _big.default(startingNumber)[type](stepNum);
+    var calculationResults = currentValue.valueOf();
     var legalNumber = stepperrref.current.verifiValue(calculationResults);
     if (legalNumber === false) {
       return false;
     }
-    if (typeof max === 'number') {
-      if (Number(legalNumber) + step > max) {
+    var nextPlus = new _big.default(calculationResults).plus(stepNum);
+    var nextMinus = new _big.default(calculationResults).minus(stepNum);
+    if (isLegal(max)) {
+      var maxBig = new _big.default(max);
+      if (nextPlus.cmp(maxBig) === 1) {
         setMinusdisabled(true);
       } else {
         setMinusdisabled(false);
       }
-      if (Number(legalNumber) > max) {
+      if (currentValue.cmp(maxBig) === 1) {
         return false;
       }
+    } else {
+      setMinusdisabled(false);
     }
-    if (typeof min === 'number') {
-      if (Number(legalNumber) - step < min) {
+    if (isLegal(min)) {
+      var minBig = new _big.default(min);
+      if (minBig.cmp(nextMinus) === 1) {
         setPlusdisabled(true);
       } else {
         setPlusdisabled(false);
       }
-      if (Number(legalNumber) < min) {
+      if (minBig.cmp(currentValue) === 1) {
         return false;
       }
+    } else {
+      setPlusdisabled(false);
     }
-    // props?.value === undefined && stepperrref.current.setValue(legalNumber)
     (props === null || props === void 0 ? void 0 : props.value) === undefined && setValue(legalNumber);
     onChange && onChange({
       target: {

package/lib/tabs/tabs.js

@@ -375,9 +375,6 @@ var Tabs = function Tabs(props) {
       }
       carouselData.push(item);
     });
-    if (effect !== 'none') {
-      console.log('effect', effect);
-    }
     return /*#__PURE__*/_react.default.createElement(_carousel.default, {
       ref: carouselRef,
       dots: false,

package/lib/tree/tree.js

@@ -400,7 +400,7 @@ var InternalTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     item.onDrop = handleDrop;
     item.onSelect = handleSelect;
     item.checked = checked;
-    item.selected = (0, _treeUtils.getSelected)(Array.isArray(selectedKeys) && selectedKeys[0] ? [selectedKeys[0]] : selectedKeys, item.key);
+    item.selected = checkable ? false : Array.isArray(selectedKeys) ? (selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys[0]) === item.key : selectedKeys === item.key;
     item.indeterminate = indeterminate;
     item.disabled = getDisabled(disabled, item.disabled);
     item.showIcon = showIcon || false;

package/lib/tree-select/tree-select.js

@@ -120,7 +120,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     expandedKeys = _useState2[0],
     setExpandedKeys = _useState2[1];
-  var _useState3 = (0, _react.useState)([]),
+  var _useState3 = (0, _react.useState)(initValue),
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     selectedKeys = _useState4[0],
     setSelectedKeys = _useState4[1];
@@ -266,7 +266,9 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
   };
   var handleCheck = function handleCheck(keys, state) {
     onCheck === null || onCheck === void 0 ? void 0 : onCheck(keys, state);
-    onChange === null || onChange === void 0 ? void 0 : onChange(keys);
+    onChange === null || onChange === void 0 ? void 0 : onChange(keys, (0, _map2.default)(keys).call(keys, function (key) {
+      return TreeMap.get(key);
+    }));
     !Object.hasOwnProperty.call(treeSelectProps, 'value') && setInitValue(keys);
   };
   var handleExpand = function handleExpand(keys, state) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kdcloudjs/kdesign",
-  "version": "1.7.12",
+  "version": "1.7.13",
   "description": "KDesign 金蝶前端react 组件库",
   "title": "kdesign",
   "keywords": [