@kdcloudjs/kdesign 1.7.18 → 1.7.20

package/es/button/style/token.less

@@ -91,6 +91,7 @@
 @btn-middle-height: var(~'@{button-custom-prefix}-sizing-height-middle', 28px); // 中号 高度     高度配置
 @btn-middle-min-width: var(~'@{button-custom-prefix}-sizing-min-width-middle', 60px); // 中号 最小宽度
 @btn-large-height: var(~'@{button-custom-prefix}-sizing-height-large', 32px); // 大号 高度
+@btn-middle-max-width: var(~'@{button-custom-prefix}-sizing-max-width-middle'); // 中号 最大宽度
 @btn-large-min-width: var(~'@{button-custom-prefix}-sizing-min-width-large', 80px); // 大号 最小宽度
 @btn-group-dropdown-item-height: var(~'@{button-custom-prefix}--group-dropdown-item-height', 30px);
 @btn-group-dropdown-min-width: var(~'@{button-custom-prefix}-group-dropdown-min-width', 80px);

package/es/carousel/style/index.css

@@ -167,9 +167,11 @@
 }
 .kd-carousel-list-fade .kd-carousel-list-item-not-hidden {
   opacity: 1;
+  z-index: 1;
 }
 .kd-carousel-list-fade .kd-carousel-list-item-hidden {
   opacity: 0;
+  z-index: 0;
 }
 .kd-carousel-list-display {
   width: 100%;
@@ -187,6 +189,7 @@
   position: absolute;
   list-style: none;
   padding: 0;
+  z-index: 1;
 }
 .kd-carousel-slidebar-left {
   display: -webkit-box;
@@ -299,6 +302,7 @@
   right: 16px;
   -webkit-transform: translateY(-50%);
           transform: translateY(-50%);
+  z-index: 1;
 }
 .kd-carousel-jump-left {
   left: 16px;

package/es/carousel/style/index.less

@@ -1,6 +1,7 @@
 @import '../../style/themes/index';
 @import './mixin.less';
 @carousel-prefix-cls: ~'@{kd-prefix}-carousel';
+
 .@{carousel-prefix-cls} {
   &-root {
     position: relative;
@@ -27,18 +28,23 @@
 
     &-slide {
       width: 100%;
+
       .@{carousel-prefix-cls}-list-item {
         opacity: 1;
         border-radius: @carousel-boder-radius;
+
         &-animation {
           transition: opacity 0.3s ease;
         }
+
         &-none-animation {
           transition: none;
         }
+
         &-not-hidden {
           opacity: 1;
         }
+
         &-hidden {
           opacity: 0;
         }
@@ -47,30 +53,40 @@
 
     &-fade {
       flex: 1;
+
       .@{carousel-prefix-cls}-list-item {
         opacity: 1;
+
         &-animation {
           transition: opacity 0.3s ease;
         }
+
         &-none-animation {
           transition: none;
         }
+
         &-not-hidden {
           opacity: 1;
+          z-index: 1;
         }
+
         &-hidden {
           opacity: 0;
+          z-index: 0;
         }
       }
     }
 
     &-display {
       width: 100%;
+
       .@{carousel-prefix-cls}-list-item {
         display: block;
+
         &-not-hidden {
           display: block;
         }
+
         &-hidden {
           display: none;
         }
@@ -82,25 +98,29 @@
     position: absolute;
     list-style: none;
     padding: 0;
+    z-index: 1;
 
     &-left {
       .vertical;
       left: @carousel-dots-margin-left;
     }
+
     &-right {
       .vertical;
       right: @carousel-dots-margin-right;
     }
+
     &-bottom {
       .horizontal;
       bottom: @carousel-dots-margin-bottom;
     }
+
     &-top {
       .horizontal;
       top: @carousel-dots-margin-top;
     }
 
-    &-dot > button {
+    &-dot>button {
       display: block;
       border-radius: @carousel-dots-boder-radius;
       box-sizing: border-box;
@@ -123,9 +143,11 @@
       width: 100%;
       cursor: pointer;
       outline: none;
+
       &-active {
         opacity: 1;
-        & > button {
+
+        &>button {
           background-color: @carousel-dots-color-background-active;
           opacity: 1;
         }
@@ -139,6 +161,7 @@
     left: unset;
     right: 16px;
     transform: translateY(-50%);
+    z-index: 1;
 
     &-left {
       left: 16px;
@@ -149,7 +172,7 @@
       cursor: pointer;
     }
 
-    > *:first-child {
+    >*:first-child {
       display: flex;
       align-items: center;
       justify-content: center;
@@ -173,12 +196,14 @@
     }
   }
 }
+
 .vertical {
   display: flex;
   flex-direction: column;
   top: 50%;
   transform: translateY(-50%);
-  & > li {
+
+  &>li {
     margin: @carousel-dots-marigin 0;
     width: @carousel-dots-height;
     height: @carousel-dots-width;
@@ -190,7 +215,8 @@
   flex-direction: row;
   left: 50%;
   transform: translateX(-50%);
-  & > li {
+
+  &>li {
     margin: 0 @carousel-dots-marigin;
     height: @carousel-dots-height;
     width: @carousel-dots-width;

package/es/cascader/cascader.js

@@ -357,8 +357,10 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       var value = _ref5[fieldNames.value];
       return value;
     });
-    setCurrentOptions(selectedOptions);
-    props.value === undefined && setValue(selectedValue);
+    if (typeof props.value === 'undefined') {
+      setCurrentOptions(selectedOptions);
+      setValue(selectedValue);
+    }
     props.onChange && props.onChange(selectedValue, selectedOptions);
   };
   var onVisibleChange = function onVisibleChange(visible) {

package/es/checkbox/checkbox.js

@@ -11,7 +11,7 @@ var __rest = this && this.__rest || function (s, e) {
   }
   return t;
 };
-import React, { useCallback, useContext, useEffect, useState, useRef } from 'react';
+import React, { useContext, useEffect, useState, useRef } from 'react';
 import classNames from 'classnames';
 import { GroupContext, CheckboxTypes, CheckboxSizes } from './group';
 import ConfigContext from '../config-provider/ConfigContext';
@@ -63,20 +63,20 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
   var getIndeterminate = function getIndeterminate() {
     return selected ? false : indeterminate;
   };
-  var getDefaultClassName = classNames(className, (_classNames = {}, _defineProperty(_classNames, "".concat(checkboxPrefixCls), true), _defineProperty(_classNames, "".concat(checkboxPrefixCls, "-no-child"), !children), _defineProperty(_classNames, _concatInstanceProperty(_context = "".concat(checkboxPrefixCls, "-")).call(_context, mergedSize), true && !!children), _defineProperty(_classNames, _concatInstanceProperty(_context2 = "".concat(checkboxPrefixCls, "-")).call(_context2, mergedCheckboxType), true), _defineProperty(_classNames, _concatInstanceProperty(_context3 = "".concat(checkboxPrefixCls, "-")).call(_context3, mergedCheckboxType, "-disabled"), mergedDisabled), _defineProperty(_classNames, "checked", selected), _classNames));
-  var getSquareClassName = classNames(className, (_classNames2 = {}, _defineProperty(_classNames2, "".concat(checkboxPrefixCls), true), _defineProperty(_classNames2, _concatInstanceProperty(_context4 = "".concat(checkboxPrefixCls, "-")).call(_context4, mergedCheckboxType), true), _defineProperty(_classNames2, _concatInstanceProperty(_context5 = "".concat(checkboxPrefixCls, "-")).call(_context5, mergedSize), true && !!children), _defineProperty(_classNames2, _concatInstanceProperty(_context6 = "".concat(checkboxPrefixCls, "-")).call(_context6, mergedCheckboxType, "-disabled"), mergedDisabled), _defineProperty(_classNames2, _concatInstanceProperty(_context7 = "".concat(checkboxPrefixCls, "-")).call(_context7, mergedCheckboxType, "-checked"), selected && !mergedDisabled), _defineProperty(_classNames2, "checked", selected), _classNames2));
+  var getDefaultClassName = classNames(className, (_classNames = {}, _defineProperty(_classNames, "".concat(checkboxPrefixCls), true), _defineProperty(_classNames, "".concat(checkboxPrefixCls, "-no-child"), !children), _defineProperty(_classNames, _concatInstanceProperty(_context = "".concat(checkboxPrefixCls, "-")).call(_context, mergedSize), !!children), _defineProperty(_classNames, _concatInstanceProperty(_context2 = "".concat(checkboxPrefixCls, "-")).call(_context2, mergedCheckboxType), true), _defineProperty(_classNames, _concatInstanceProperty(_context3 = "".concat(checkboxPrefixCls, "-")).call(_context3, mergedCheckboxType, "-disabled"), mergedDisabled), _defineProperty(_classNames, "checked", selected), _classNames));
+  var getSquareClassName = classNames(className, (_classNames2 = {}, _defineProperty(_classNames2, "".concat(checkboxPrefixCls), true), _defineProperty(_classNames2, _concatInstanceProperty(_context4 = "".concat(checkboxPrefixCls, "-")).call(_context4, mergedCheckboxType), true), _defineProperty(_classNames2, _concatInstanceProperty(_context5 = "".concat(checkboxPrefixCls, "-")).call(_context5, mergedSize), !!children), _defineProperty(_classNames2, _concatInstanceProperty(_context6 = "".concat(checkboxPrefixCls, "-")).call(_context6, mergedCheckboxType, "-disabled"), mergedDisabled), _defineProperty(_classNames2, _concatInstanceProperty(_context7 = "".concat(checkboxPrefixCls, "-")).call(_context7, mergedCheckboxType, "-checked"), selected && !mergedDisabled), _defineProperty(_classNames2, "checked", selected), _classNames2));
   var getRootClassName = isDefaultType() ? getDefaultClassName : getSquareClassName;
   var inputClassName = classNames(_defineProperty({}, "".concat(checkboxPrefixCls, "-input"), true));
   var checkedWrapperClassName = classNames((_classNames4 = {}, _defineProperty(_classNames4, _concatInstanceProperty(_context8 = "".concat(checkboxPrefixCls, "-")).call(_context8, mergedCheckboxType, "-no-child"), !children), _defineProperty(_classNames4, _concatInstanceProperty(_context9 = "".concat(checkboxPrefixCls, "-")).call(_context9, mergedCheckboxType, "-wrapper"), true), _defineProperty(_classNames4, _concatInstanceProperty(_context10 = "".concat(checkboxPrefixCls, "-")).call(_context10, mergedCheckboxType, "-wrapper-size"), !!children), _defineProperty(_classNames4, _concatInstanceProperty(_context11 = "".concat(checkboxPrefixCls, "-")).call(_context11, mergedCheckboxType, "-margin"), !!children), _defineProperty(_classNames4, _concatInstanceProperty(_context12 = "".concat(checkboxPrefixCls, "-")).call(_context12, mergedCheckboxType, "-checked"), selected), _defineProperty(_classNames4, _concatInstanceProperty(_context13 = "".concat(checkboxPrefixCls, "-")).call(_context13, mergedCheckboxType, "-indeterminate"), getIndeterminate()), _defineProperty(_classNames4, _concatInstanceProperty(_context14 = "".concat(checkboxPrefixCls, "-")).call(_context14, mergedCheckboxType, "-disabled"), mergedDisabled && !selected), _defineProperty(_classNames4, _concatInstanceProperty(_context15 = "".concat(checkboxPrefixCls, "-")).call(_context15, mergedCheckboxType, "-checked-disabled"), mergedDisabled && selected), _classNames4));
   var triangleClassName = classNames((_classNames5 = {}, _defineProperty(_classNames5, _concatInstanceProperty(_context16 = "".concat(checkboxPrefixCls, "-")).call(_context16, mergedCheckboxType, "-triangle"), !selected), _defineProperty(_classNames5, _concatInstanceProperty(_context17 = "".concat(checkboxPrefixCls, "-")).call(_context17, mergedCheckboxType, "-triangle-checked"), selected), _defineProperty(_classNames5, _concatInstanceProperty(_context18 = "".concat(checkboxPrefixCls, "-")).call(_context18, mergedCheckboxType, "-triangle-disabled"), mergedDisabled), _classNames5));
   var innerIconClassName = classNames(_defineProperty({}, _concatInstanceProperty(_context19 = "".concat(checkboxPrefixCls, "-")).call(_context19, mergedCheckboxType, "-inner"), true));
-  var handleChange = useCallback(function (e) {
+  var handleChange = function handleChange(e) {
     onChange && onChange(e);
     (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.onCheckboxGroupChange) && (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.onCheckboxGroupChange(value, e.target.checked, e));
     if (!(checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.isControlled)) {
       setSelected(e.target.checked);
     }
-  }, [onChange]);
+  };
   useEffect(function () {
     isBoolean(checked) && checked !== selected && setSelected(checked);
   }, [checked, selected]);

package/es/checkbox/style/index.css

@@ -141,6 +141,8 @@
   width: 100%;
   cursor: inherit;
   opacity: 0;
+  inset: 0;
+  z-index: 1;
 }
 .kd-checkbox-children {
   display: -webkit-inline-box;

package/es/checkbox/style/index.less

@@ -32,6 +32,8 @@
     width: 100%;
     cursor: inherit;
     opacity: 0;
+    inset: 0;
+    z-index: 1;
   }
   &-children {
     display: inline-flex;

package/es/checkbox/style/token.less

@@ -2,7 +2,7 @@
 
 @checkbox-prefix: '--@{kd-prefix}-c-checkbox';
 
-// colors
+// color
 @checkbox-color-theme: var(~'@{checkbox-prefix}-color-theme', @color-theme);
 @checkbox-font-color: var(~'@{checkbox-prefix}-color-text-primary', #212121);
 @checkbox-border-color: var(~'@{checkbox-prefix}-color-border', #d9d9d9);

package/es/city-picker/city-picker.d.ts

@@ -1,24 +1,4 @@
 import React from 'react';
-import CityPanelItem from './city-panel-item';
-import CityPanel, { Common, Group, List as CityList } from './city-panel';
-import SearchPanel from './city-search-panel';
-export interface CityPickerProps {
-    cityList?: CityList;
-    className?: string;
-    commons?: Common;
-    disabled?: boolean;
-    groups?: Group;
-    inputClassName?: string;
-    inputStyle?: React.CSSProperties;
-    placeholder?: string;
-    showTitle?: boolean;
-    style?: React.CSSProperties;
-    title?: string;
-}
-export interface MenuType extends React.FC<CityPickerProps> {
-    PanelItem: typeof CityPanelItem;
-    Panel: typeof CityPanel;
-    SearchPanel: typeof SearchPanel;
-}
-declare const CityPicker: MenuType;
-export default CityPicker;
+import { CityPickerProps } from './interface';
+declare const Select: React.ForwardRefExoticComponent<CityPickerProps & React.RefAttributes<unknown>>;
+export default Select;