@kdcloudjs/kdesign 1.2.1 → 1.3.0

package/es/form/Field.js

@@ -3,7 +3,9 @@ import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
 import _typeof from "@babel/runtime-corejs3/helpers/typeof";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
@@ -30,6 +32,7 @@ import { toArray } from '../_utils/react-children';
 import FieldContext from './FieldContext';
 import { INTERNAL_HOOK_KEY } from './hooks/useForm';
 var DEFAULT_TRIGGER = 'onChange';
+var FormEventValuePropNames = ['value', 'checked'];
 
 var generateEventHandler = function generateEventHandler(handler, validateTrigger) {
   var eventHandler = {};
@@ -50,7 +53,7 @@ var generateEventHandler = function generateEventHandler(handler, validateTrigge
 };
 
 var Field = function Field(props) {
-  var _classnames, _context;
+  var _classnames, _context2;
 
   devwarning(! /*#__PURE__*/React.isValidElement(props.children), 'Form.Item', 'Children of Form.Item is not a valid element');
   devwarning(!props.name, 'Form.Item', 'Form.Item must have a name');
@@ -71,7 +74,8 @@ var Field = function Field(props) {
       getFieldError = fieldContext.getFieldError,
       getInternalHooks = fieldContext.getInternalHooks,
       vertical = fieldContext.vertical,
-      getDefaultValue = fieldContext.getDefaultValue;
+      getDefaultValue = fieldContext.getDefaultValue,
+      local = fieldContext.local;
 
   var _getInternalHooks = getInternalHooks(INTERNAL_HOOK_KEY),
       registerField = _getInternalHooks.registerField,
@@ -92,7 +96,9 @@ var Field = function Field(props) {
       rules = _props$rules === void 0 ? [] : _props$rules,
       wrapperWidth = props.wrapperWidth,
       validateTrigger = props.validateTrigger,
-      defaultValue = props.defaultValue;
+      defaultValue = props.defaultValue,
+      _props$valuePropName = props.valuePropName,
+      valuePropName = _props$valuePropName === void 0 ? 'value' : _props$valuePropName;
 
   var onStoreChange = function onStoreChange(stores, _namePathList, source) {
     var prev = stores.prev,
@@ -126,8 +132,11 @@ var Field = function Field(props) {
   if (Array.isArray(rules) && !rules.some(function (rule) {
     return Object.prototype.hasOwnProperty.call(rule, 'required');
   }) && required) {
+    var _context;
+
     rules.push({
-      required: true
+      required: true,
+      message: _concatInstanceProperty(_context = "".concat(local && local.requiredMessage)).call(_context, label)
     });
   }
 
@@ -162,10 +171,23 @@ var Field = function Field(props) {
   var formItemClassName = classnames((_classnames = {}, _defineProperty(_classnames, "".concat(formPrefixCls), true), _defineProperty(_classnames, "".concat(formPrefixCls, "-field"), true), _defineProperty(_classnames, "".concat(formPrefixCls, "-field-hidden"), hidden), _defineProperty(_classnames, "".concat(formPrefixCls, "-field-vertical"), vertical), _classnames), className);
   var value = getFieldValue(name);
   var validateMessage = getFieldError(name);
-  var handleValueChange = React.useCallback(function (evt) {
+
+  var getInputValueFormProp = function getInputValueFormProp(evt) {
     var _a;
 
-    var inputValue = typeof evt === 'string' ? evt : (_a = evt.target) === null || _a === void 0 ? void 0 : _a.value;
+    var inputValue;
+
+    if (Object.prototype.hasOwnProperty.call(evt, 'target') && _includesInstanceProperty(FormEventValuePropNames).call(FormEventValuePropNames, valuePropName)) {
+      inputValue = (_a = evt.target) === null || _a === void 0 ? void 0 : _a[valuePropName];
+    } else {
+      inputValue = evt;
+    }
+
+    return inputValue;
+  };
+
+  var handleValueChange = React.useCallback(function (evt) {
+    var inputValue = getInputValueFormProp(evt);
     dispatch({
       type: 'updateValue',
       namePath: name,
@@ -182,6 +204,8 @@ var Field = function Field(props) {
   var trigger = _extends(_defineProperty({}, DEFAULT_TRIGGER, handleValueChange), generateEventHandler(handleValueValidate, validateTrigger));
 
   var mergeProps = function mergeProps(fa, ch) {
+    var _extends3;
+
     if (!ch) {
       return {};
     }
@@ -192,17 +216,13 @@ var Field = function Field(props) {
 
     var _ch$props = ch.props,
         chChange = _ch$props.onChange,
-        chValue = _ch$props.value,
+        chValue = _ch$props[valuePropName],
         chDisabled = _ch$props.disabled,
         chDefaultValue = _ch$props.defaultValue;
 
     var onChange = function onChange(evt) {
       if (chValue === undefined) {
-        if (typeof evt === 'string') {
-          setFieldValue(evt);
-        } else {
-          setFieldValue(evt.target.value);
-        }
+        setFieldValue(getInputValueFormProp(evt));
       }
 
       if (typeof faChange === 'function') {
@@ -225,12 +245,10 @@ var Field = function Field(props) {
       forceUpdate();
     }
 
-    return _extends(_extends({}, rest), {
+    return _extends(_extends({}, rest), (_extends3 = {
       onChange: onChange,
-      defaultValue: defaultValue,
-      value: fieldValue,
-      disabled: chDisabled || faDisabled
-    });
+      defaultValue: defaultValue
+    }, _defineProperty(_extends3, valuePropName, fieldValue), _defineProperty(_extends3, "disabled", chDisabled || faDisabled), _extends3));
   };
 
   return /*#__PURE__*/React.createElement("div", {
@@ -243,11 +261,10 @@ var Field = function Field(props) {
   }), /*#__PURE__*/React.createElement(FieldWrapper, {
     width: wrapperWidth,
     validateMessage: validateMessage
-  }, _mapInstanceProperty(_context = toArray(children)).call(_context, function (child, index) {
-    var keys = mergeProps(_extends(_extends({
-      disabled: disabled,
-      value: value
-    }, trigger), {
+  }, _mapInstanceProperty(_context2 = toArray(children)).call(_context2, function (child, index) {
+    var keys = mergeProps(_extends(_extends(_defineProperty({
+      disabled: disabled
+    }, valuePropName, value), trigger), {
       key: index
     }), child);
     return child ? /*#__PURE__*/React.cloneElement(child, keys) : child;

package/es/form/Form.js

@@ -31,9 +31,13 @@ var Form = function Form(props, ref) {
   var _useContext = useContext(ConfigContext),
       getPrefixCls = _useContext.getPrefixCls,
       prefixCls = _useContext.prefixCls,
-      userDefaultProps = _useContext.compDefaultProps;
+      userDefaultProps = _useContext.compDefaultProps,
+      globalLocale = _useContext.locale;
 
   var formProps = getCompProps('Form', userDefaultProps, props);
+  var formLang = globalLocale.getCompLangMsg({
+    componentName: 'Form'
+  });
 
   var children = formProps.children,
       defaultValues = formProps.defaultValues,
@@ -85,9 +89,10 @@ var Form = function Form(props, ref) {
       labelAlign: labelAlign,
       labelWidth: labelWidth,
       wrapperWidth: wrapperWidth,
+      local: formLang,
       vertical: layout === 'vertical'
     });
-  }, [formInstance, labelAlign, labelWidth, wrapperWidth, layout]);
+  }, [formInstance, labelAlign, labelWidth, wrapperWidth, layout, formLang]);
 
   var handleSubmit = function handleSubmit(evt) {
     evt.preventDefault();

package/es/form/hooks/useForm.js

@@ -206,6 +206,7 @@ var FormStore = /*#__PURE__*/_createClass(function FormStore() {
     }
 
     _this.store = newStore;
+    _this.errorMessages = {};
 
     _this.notifyObservers(prevStore, null, 'reset');
   };

package/es/form/interface.d.ts

@@ -25,11 +25,16 @@ export interface FormInstance<Values = any> {
     submit: () => void;
     getInternalHooks: (secret: string) => InternalHooks | null;
 }
+export interface InnerLocale {
+    locale: string;
+    requiredMessage: string;
+}
 export interface InternalFormInstance extends FormInstance {
     labelWidth?: string | number;
     labelAlign?: LabelAlign;
     wrapperWidth?: string | number;
     vertical?: boolean;
+    local?: InnerLocale;
     getInternalHooks: (key: string) => InternalHooks | null;
 }
 export declare type Stores = {

package/es/input-number/inputNumber.d.ts

@@ -21,6 +21,7 @@ export interface InputNumberProps extends InputProps {
     mustInPrecisionScope?: boolean;
     stepOption?: StepOption;
     stepperrref?: any;
+    formatter?: (value: string | undefined) => string;
 }
 declare const InputNumber: React.ForwardRefExoticComponent<InputNumberProps & React.RefAttributes<unknown>>;
 export default InputNumber;

package/es/input-number/inputNumber.js

@@ -54,7 +54,8 @@ var InternalInputNumber = function InternalInputNumber(props, ref) {
       maxMark = inputNumberProps.maxMark,
       prefix = inputNumberProps.prefix,
       suffix = inputNumberProps.suffix,
-      others = __rest(inputNumberProps, ["value", "defaultValue", "mustInScope", "decimalLength", "mustInPrecisionScope", "digitLength", "onChange", "symbol", "zeroShow", "showDecimalTailZero", "code", "roundMethod", "mask", "stepOption", "min", "minMark", "max", "maxMark", "prefix", "suffix"]);
+      formatter = inputNumberProps.formatter,
+      others = __rest(inputNumberProps, ["value", "defaultValue", "mustInScope", "decimalLength", "mustInPrecisionScope", "digitLength", "onChange", "symbol", "zeroShow", "showDecimalTailZero", "code", "roundMethod", "mask", "stepOption", "min", "minMark", "max", "maxMark", "prefix", "suffix", "formatter"]);
 
   var initVal = value === undefined ? defaultValue : value;
 
@@ -334,7 +335,7 @@ var InternalInputNumber = function InternalInputNumber(props, ref) {
   });
   return /*#__PURE__*/React.createElement(Input, _extends({}, others, {
     ref: inputNumberRef,
-    value: inputValue,
+    value: inputValue ? (formatter === null || formatter === void 0 ? void 0 : formatter(inputValue)) || inputValue : inputValue,
     prefix: prefix,
     suffix: suffix,
     onChange: handleChange,

package/es/locale/locale.d.ts

@@ -84,6 +84,7 @@ declare class LocaleCache {
         'Filter.and': string;
         'Filter.settings': string;
         'Filter.schemeNamePlaceholder': string;
+        'Form.requiredMessage': string;
         'DatePicker.placeholder': string;
         'DatePicker.yearPlaceholder': string;
         'DatePicker.quarterPlaceholder': string;

package/es/locale/zh-CN.d.ts

@@ -58,6 +58,7 @@ declare const locale: {
     'Filter.and': string;
     'Filter.settings': string;
     'Filter.schemeNamePlaceholder': string;
+    'Form.requiredMessage': string;
     'DatePicker.placeholder': string;
     'DatePicker.yearPlaceholder': string;
     'DatePicker.quarterPlaceholder': string;

package/es/locale/zh-CN.js

@@ -62,7 +62,8 @@ var locale = _extends(_extends({
   'Filter.query': '查询',
   'Filter.and': '并且',
   'Filter.settings': '设置',
-  'Filter.schemeNamePlaceholder': '请输入方案名称'
+  'Filter.schemeNamePlaceholder': '请输入方案名称',
+  'Form.requiredMessage': '请输入您的'
 });
 
 export default locale;

package/es/menu/subMenu.js

@@ -208,6 +208,11 @@ var SubMenu = function SubMenu(props) {
 
     // 保存路径
     info.keyPath = _concatInstanceProperty(_context = info.keyPath).call(_context, [keyValue]);
+
+    if (triggerSubMenuAction === 'click' && mode === 'vertical') {
+      closeSubMenu();
+    }
+
     restProps.handleOnClick && restProps.handleOnClick(info);
   }; // 子菜单展开收缩
 
@@ -357,8 +362,7 @@ var SubMenu = function SubMenu(props) {
   return /*#__PURE__*/React.createElement("li", _extends({
     ref: subMenuRef,
     className: classNames(prefixCls, className, (_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefixCls, "-collapsed"), collapsed), _defineProperty(_classNames2, "".concat(prefixCls, "-disabled"), disabled), _defineProperty(_classNames2, "".concat(prefixCls, "-hover"), !disabled && isVisible), _classNames2)),
-    key: keyValue,
-    title: title
+    key: keyValue
   }, mouseEvent, {
     style: style
   }), /*#__PURE__*/React.createElement("div", {

package/es/popconfirm/style/index.css

@@ -142,7 +142,7 @@
 .kd-popconfirm.arrow::before {
   position: absolute;
   z-index: -2;
-  background: transparent;
+  background: var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff));
   border-style: solid;
   border-width: var(--arrowSize);
   -webkit-transform: rotate(45deg);
@@ -167,7 +167,7 @@
   top: var(--arrowSpill);
   -webkit-box-shadow: -2px -2px calc(16px - 1px) rgba(0, 0, 0, 0.1);
           box-shadow: -2px -2px calc(16px - 1px) rgba(0, 0, 0, 0.1);
-  border-color: var(--kd-g-color-white, #fff) transparent transparent var(--kd-g-color-white, #fff);
+  border-color: var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff)) transparent transparent var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff));
 }
 .kd-popconfirm.arrow.topLeft::before,
 .kd-popconfirm.arrow.top::before,
@@ -176,7 +176,7 @@
   bottom: var(--arrowSpill);
   -webkit-box-shadow: 3px 3px calc(16px + 1px) rgba(0, 0, 0, 0.15);
           box-shadow: 3px 3px calc(16px + 1px) rgba(0, 0, 0, 0.15);
-  border-color: transparent var(--kd-g-color-white, #fff) var(--kd-g-color-white, #fff) transparent;
+  border-color: transparent var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff)) var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff)) transparent;
 }
 .kd-popconfirm.arrow.leftTop::before,
 .kd-popconfirm.arrow.left::before,
@@ -185,7 +185,7 @@
   right: var(--arrowSpill);
   -webkit-box-shadow: 3px 0 16px rgba(0, 0, 0, 0.12), 0 -2px 16px rgba(204, 149, 149, 0.12);
           box-shadow: 3px 0 16px rgba(0, 0, 0, 0.12), 0 -2px 16px rgba(204, 149, 149, 0.12);
-  border-color: var(--kd-g-color-white, #fff) var(--kd-g-color-white, #fff) transparent transparent;
+  border-color: var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff)) var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff)) transparent transparent;
 }
 .kd-popconfirm.arrow.rightTop::before,
 .kd-popconfirm.arrow.right::before,
@@ -194,7 +194,7 @@
   left: var(--arrowSpill);
   -webkit-box-shadow: 0 3px 16px rgba(0, 0, 0, 0.1), -2px 0 16px rgba(0, 0, 0, 0.1);
           box-shadow: 0 3px 16px rgba(0, 0, 0, 0.1), -2px 0 16px rgba(0, 0, 0, 0.1);
-  border-color: transparent transparent var(--kd-g-color-white, #fff) var(--kd-g-color-white, #fff);
+  border-color: transparent transparent var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff)) var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff));
 }
 .kd-popconfirm-content {
   -webkit-box-sizing: border-box;

package/es/radio/style/index.css

@@ -113,13 +113,12 @@
   list-style: none;
   -webkit-font-feature-settings: 'tnum';
           font-feature-settings: 'tnum';
-  overflow: hidden;
-  text-overflow: ellipsis;
   position: relative;
   display: inline-block;
   padding-left: var(--kd-c-radio-square-sizing-width-height, 14px);
   margin-right: var(--kd-c-radio-spacing-margin-right, 8px);
   white-space: nowrap;
+  text-overflow: ellipsis;
   cursor: pointer;
   vertical-align: middle;
   color: var(--kd-c-radio-color-font, var(--kd-g-color-text-primary, #212121));
@@ -179,8 +178,8 @@
   border-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
 }
 .kd-radio-checked:focus-within::before {
-  -webkit-box-shadow: 0 0 0 3px rgba(var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3)), 10%);
-          box-shadow: 0 0 0 3px rgba(var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3)), 10%);
+  -webkit-box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
+          box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
 }
 .kd-radio-checked::after {
   position: absolute;
@@ -293,8 +292,8 @@
   border-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
 }
 .kd-radio-square-checked:focus-within {
-  -webkit-box-shadow: 0 0 0 3px rgba(var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3)), 10%);
-          box-shadow: 0 0 0 3px rgba(var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3)), 10%);
+  -webkit-box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
+          box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
 }
 .kd-radio-square-checked::after {
   position: absolute;
@@ -402,8 +401,8 @@
   background-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
 }
 .kd-radio-button-checked:focus-within {
-  -webkit-box-shadow: 0 0 0 3px rgba(var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3)), 10%);
-          box-shadow: 0 0 0 3px rgba(var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3)), 10%);
+  -webkit-box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
+          box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
 }
 .kd-radio-button-checked:hover {
   color: var(--kd-c-radio-color-background, var(--kd-g-color-white, #fff));

package/es/radio/style/index.less

@@ -5,12 +5,11 @@
 @radio-square-prefix-cls: ~'@{radio-prefix-cls}-square';
 @radio-button-prefix-cls: ~'@{radio-prefix-cls}-button';
 @radio-group-prefix-cls: ~'@{radio-prefix-cls}-group';
-@radio-focus-shadow: 0 0 0 3px rgba(@radio-color-theme, 10%);
+@radio-focus-shadow: 0 0 0 3px rgba(85, 130, 243, 10%);
 
 // 默认类型（单选项）
 .@{radio-prefix-cls} {
   .reset-component();
-  .ellipsis();
 
   // 默认状态
   position: relative;
@@ -18,6 +17,7 @@
   padding-left: @radio-circle-size;
   margin-right: @radio-margin-right;
   white-space: nowrap;
+  text-overflow: ellipsis;
   cursor: pointer;
   vertical-align: middle;
   color: @radio-font-color;

package/es/select/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { ISelectProps } from './interface';
+import { ISelectProps, SelectValue } from './interface';
 import Option from './option';
-interface CompoundedComponent extends React.ForwardRefExoticComponent<ISelectProps & React.RefAttributes<HTMLElement>> {
+interface CompoundedComponent extends React.ForwardRefExoticComponent<ISelectProps<SelectValue> & React.RefAttributes<HTMLElement>> {
     Option: typeof Option;
 }
 declare const Select: CompoundedComponent;

package/es/select/interface.d.ts

@@ -43,17 +43,17 @@ export interface OptionsType {
     value?: string;
     label?: React.ReactNode;
 }
-export declare type SelectValue = string | string[] | number | number[] | LabeledValue | LabeledValue[] | null;
-export interface ISelectProps<T = SelectValue> extends AbstractSelectProps {
+export declare type SelectValue = string | string[] | number | number[] | LabeledValue | LabeledValue[] | null | undefined;
+export interface ISelectProps<T extends SelectValue> extends AbstractSelectProps {
     value?: T;
     defaultValue?: T;
     mode?: Mode;
     autoFocus?: boolean;
-    onChange?: (value: T, option: React.ReactElement<any> | React.ReactElement<any>[]) => void;
-    onSelect?: (value: T extends (infer I)[] ? I : T, option: React.ReactElement<any>) => void;
-    onBlur?: (value: T) => void;
+    onChange?: (value?: T, option?: React.ReactElement<any> | React.ReactElement<any>[]) => void;
+    onSelect?: (value?: T extends (infer I)[] ? I : T, option?: React.ReactElement<any>) => void;
+    onBlur?: (value?: T) => void;
     onFocus?: () => void;
-    onSearch?: () => void;
+    onSearch?: (value?: string) => void;
     onClear?: () => void;
-    onDropdownVisibleChange?: (value: T) => void;
+    onDropdownVisibleChange?: (value?: T) => void;
 }

package/es/select/style/index.css

@@ -274,7 +274,7 @@
   transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
 }
 .kd-select-icon-arrow-focus {
-  color: #3761ca;
+  color: var(--kd-c-select-color-border-foucs, var(--kd-g-color-theme, #5582f3));
 }
 .kd-select-icon-clear {
   opacity: 0;
@@ -308,7 +308,7 @@
   border-color: var(--kd-c-select-color-border-foucs, var(--kd-g-color-theme, #5582f3)) !important;
 }
 .kd-select-placeholder {
-  color: var(--kd-c-select-placeholder-color-text, var(--kd-g-color-text-third, #999));
+  color: var(--kd-c-select-placeholder-color-text, #b2b2b2);
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -471,12 +471,15 @@
   border-color: var(--kd-c-select-color-border-foucs, var(--kd-g-color-theme, #5582f3)) !important;
 }
 .kd-select-single-disabled {
-  background-color: #f5f5f5;
-  color: #b2b2b2;
+  background-color: var(--kd-c-select-color-background-disabled, #f5f5f5);
+  color: var(--kd-c-select-color-text-disabled, #212121);
 }
 .kd-select-single-disabled:hover {
   cursor: not-allowed;
 }
+.kd-select-single-disabled .kd-select-suffix {
+  color: var(--kd-c-select-arrow-icon-color-text-disabled, #b2b2b2);
+}
 .kd-select-single:hover .kd-select-icon-clear {
   opacity: 1;
 }
@@ -487,7 +490,7 @@
   text-overflow: ellipsis;
 }
 .kd-select-single-disabled-text {
-  color: #b2b2b2;
+  color: var(--kd-c-select-color-text-disabled, #212121);
 }
 .kd-select .kd-select-selection-item {
   display: -webkit-inline-box;
@@ -560,8 +563,11 @@
 }
 .kd-select-multiple-disabled {
   cursor: not-allowed;
-  background-color: #f5f5f5;
-  color: #b2b2b2;
+  background-color: var(--kd-c-select-color-background-disabled, #f5f5f5);
+  color: var(--kd-c-select-color-text-disabled, #212121);
+}
+.kd-select-multiple-disabled .kd-select-suffix {
+  color: var(--kd-c-select-arrow-icon-color-text-disabled, #b2b2b2);
 }
 .kd-select-multiple:hover .kd-select-icon-clear {
   opacity: 1;

package/es/select/style/index.less

@@ -40,7 +40,7 @@
       }
 
       &-focus {
-        color: #3761ca;
+        color: @select-g-color-border-foucs;
       }
     }
 
@@ -220,11 +220,15 @@
       .focusColor();
     }
     &-disabled {
-      background-color: @disabled-contain-bg;
-      color: @disabled-color;
+      background-color: @select-color-background-disabled;
+      color: @select-color-text-disabled;
       &:hover {
         cursor: not-allowed;
       }
+
+      .@{select-prefix-cls}-suffix {
+        color: @select-arrow-icon-color-text-disabled;
+      }
     }
     &:hover .@{select-prefix-cls}-icon-clear {
       opacity: 1;
@@ -234,7 +238,7 @@
       .over();
     }
     &-disabled-text {
-      color: @disabled-color;
+      color: @select-color-text-disabled;
     }
   }
 
@@ -319,8 +323,12 @@
   &-multiple {
     &-disabled {
       cursor: not-allowed;
-      background-color: @disabled-contain-bg;
-      color: @disabled-color;
+      background-color: @select-color-background-disabled;
+      color: @select-color-text-disabled;
+
+      .@{select-prefix-cls}-suffix {
+        color: @select-arrow-icon-color-text-disabled;
+      }
     }
     &:hover .@{select-prefix-cls}-icon-clear {
       opacity: 1;

package/es/select/style/token.less

@@ -12,11 +12,14 @@
 @select-g-color-border-foucs: var(~'@{select-custom-prefix}-color-border-foucs', @color-theme);
 @select-g-color-border-hover: var(~'@{select-custom-prefix}-color-border-hover', @color-theme);
 @select-border-g-color-border: var(~'@{select-custom-prefix}-border-color-border', @color-border-strong);
-@select-placeholder-color: var(~'@{select-custom-prefix}-placeholder-color-text', @color-text-third);
+@select-placeholder-color: var(~'@{select-custom-prefix}-placeholder-color-text', #b2b2b2);
 @select-item-selected-color: var(~'@{select-custom-prefix}-item-color-text-selected', @color-theme);
 @select-font-color: var(~'@{select-custom-prefix}-footer-color-text', @color-text-primary);
 @select-footer-g-text-color-selected: var(~'@{select-custom-prefix}-footer-color-text-selected', #0e5fd8);
 @select-g-item-text-color-disabled: var(~'@{select-custom-prefix}-item-color-text-disabled', @color-disabled);
+@select-color-background-disabled: var(~'@{select-custom-prefix}-color-background-disabled', #f5f5f5);
+@select-color-text-disabled: var(~'@{select-custom-prefix}-color-text-disabled', #212121);
+@select-arrow-icon-color-text-disabled: var(~'@{select-custom-prefix}-arrow-icon-color-text-disabled', #b2b2b2);
 
 // font
 @select-list-font-size: var(~'@{select-custom-prefix}-dropdown-font-size', 12px); // 下拉列表文字大小

package/es/style/mixins/index.less

@@ -25,7 +25,7 @@
     &::before {
       position: absolute;
       z-index: -2;
-      background: transparent;
+      background: @popperBg;
       border-style: solid;
       border-width: var(--arrowSize);
       transform: rotate(45deg);
@@ -51,7 +51,7 @@
         left: var(--arrowLeft);
         top: var(--arrowSpill);
         box-shadow: -2px -2px calc(@blur - 1px) rgba(0, 0, 0, 0.1);
-        border-color: @color-white transparent transparent @color-white;
+        border-color: @popperBg transparent transparent @popperBg;
       }
     }
 
@@ -62,7 +62,7 @@
         left: var(--arrowLeft);
         bottom: var(--arrowSpill);
         box-shadow: 3px 3px calc(@blur + 1px) rgba(0, 0, 0, 0.15);
-        border-color: transparent @color-white @color-white transparent;
+        border-color: transparent @popperBg @popperBg transparent;
       }
     }
 
@@ -73,7 +73,7 @@
         top: var(--arrowTop);
         right: var(--arrowSpill);
         box-shadow: 3px 0 @blur rgba(0, 0, 0, 0.12), 0 -2px @blur rgba(204, 149, 149, 0.12);
-        border-color: @color-white @color-white transparent transparent;
+        border-color: @popperBg @popperBg transparent transparent;
       }
     }
 
@@ -84,7 +84,7 @@
         top: var(--arrowTop);
         left: var(--arrowSpill);
         box-shadow: 0 3px @blur rgba(0, 0, 0, 0.1), -2px 0 @blur rgba(0, 0, 0, 0.1);
-        border-color: transparent transparent @color-white @color-white;
+        border-color: transparent transparent @popperBg @popperBg;
       }
     }
   }

package/es/tabs/tabs.js

@@ -132,7 +132,7 @@ var Tabs = function Tabs(props) {
     });
 
     if (index !== -1) {
-      (_a = carouselRef.current) === null || _a === void 0 ? void 0 : _a.jumpTo(index);
+      (_a = carouselRef.current) === null || _a === void 0 ? void 0 : _a.jumpTo(index, true);
     }
   }, [curActiveKey, carouselRef, carouselData]);
   useEffect(function () {
@@ -418,6 +418,10 @@ var Tabs = function Tabs(props) {
       carouselData.push(item);
     });
 
+    if (effect !== 'none') {
+      console.log('effect', effect);
+    }
+
     return /*#__PURE__*/React.createElement(Carousel, {
       ref: carouselRef,
       dots: false,