@kdcloudjs/kdesign 1.7.29 → 1.7.31

package/lib/cascader/util.js

@@ -31,7 +31,7 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   }
   return t;
 };
-var useChecked = function useChecked(value, flattenData, keysData, isMultiple) {
+var useChecked = exports.useChecked = function useChecked(value, flattenData, keysData, isMultiple) {
   var initialCheckedState = (0, _react.useMemo)(function () {
     return setNodeCheckedByValue(value, flattenData, keysData);
   }, [value, flattenData, keysData]);
@@ -52,8 +52,7 @@ var useChecked = function useChecked(value, flattenData, keysData, isMultiple) {
   if (!isMultiple) return [];
   return [checkedKeys, halfCheckedKeys, setCheckedKeys, setHalfCheckedKeys];
 };
-exports.useChecked = useChecked;
-var flattenAll = function flattenAll(data) {
+var flattenAll = exports.flattenAll = function flattenAll(data) {
   var newTreeData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   var keysData = {};
   var formatData = (0, _cloneDeep.default)(data);
@@ -96,18 +95,15 @@ var flattenAll = function flattenAll(data) {
     flattenData: flattenData
   };
 };
-exports.flattenAll = flattenAll;
-var isHalfChecked = function isHalfChecked(data) {
+var isHalfChecked = exports.isHalfChecked = function isHalfChecked(data) {
   var checkedLen = data.reduce(function (total, prev) {
     var num = prev._halfChecked ? 0.5 : prev._checked ? 1 : 0;
     return total + num;
   }, 0);
   return checkedLen !== data.length && checkedLen > 0;
 };
-exports.isHalfChecked = isHalfChecked;
-var ValueSeparator = '__kdm_cascader__';
-exports.ValueSeparator = ValueSeparator;
-var transformValuesToSet = function transformValuesToSet(values) {
+var ValueSeparator = exports.ValueSeparator = '__kdm_cascader__';
+var transformValuesToSet = exports.transformValuesToSet = function transformValuesToSet(values) {
   var _values = values || [];
   var valuesSet = _values.reduce(function (set, next) {
     var _context3;
@@ -116,12 +112,10 @@ var transformValuesToSet = function transformValuesToSet(values) {
   }, new _set.default());
   return valuesSet;
 };
-exports.transformValuesToSet = transformValuesToSet;
-var valueInSet = function valueInSet(set, value) {
+var valueInSet = exports.valueInSet = function valueInSet(set, value) {
   var _value = value || [];
   return set.has(_value.join(ValueSeparator));
 };
-exports.valueInSet = valueInSet;
 function getChildNodeKeys(node, keysNodeProps) {
   var nodes = new _set.default();
   var loop = function loop(children) {
@@ -141,7 +135,7 @@ function getChildNodeKeys(node, keysNodeProps) {
   }
   return nodes;
 }
-var setNodeCheckedByValue = function setNodeCheckedByValue(initValues, flatNodes, keysNodeProps) {
+var setNodeCheckedByValue = exports.setNodeCheckedByValue = function setNodeCheckedByValue(initValues, flatNodes, keysNodeProps) {
   var _context4, _context5;
   var valuesSet = transformValuesToSet(initValues);
   var checkedSet = new _set.default();
@@ -168,7 +162,6 @@ var setNodeCheckedByValue = function setNodeCheckedByValue(initValues, flatNodes
     halfCheckedKeys: (0, _toConsumableArray2.default)(halfCheckedSet)
   };
 };
-exports.setNodeCheckedByValue = setNodeCheckedByValue;
 var updateParent = function updateParent(key, keysNodeProps, allKeys, halfCheckedKeysSet) {
   var pathKeys = (0, _toConsumableArray2.default)(keysNodeProps[key].pathKeys);
   pathKeys.pop();
@@ -204,14 +197,12 @@ var updateParent = function updateParent(key, keysNodeProps, allKeys, halfChecke
     }
   });
 };
-var getHalfChecked = function getHalfChecked(halfCheckedKeys, key) {
+var getHalfChecked = exports.getHalfChecked = function getHalfChecked(halfCheckedKeys, key) {
   return halfCheckedKeys === null || halfCheckedKeys === void 0 ? void 0 : (0, _includes.default)(halfCheckedKeys).call(halfCheckedKeys, key);
 };
-exports.getHalfChecked = getHalfChecked;
-var getChecked = function getChecked(checkedKeys, key) {
+var getChecked = exports.getChecked = function getChecked(checkedKeys, key) {
   return checkedKeys === null || checkedKeys === void 0 ? void 0 : (0, _includes.default)(checkedKeys).call(checkedKeys, key);
 };
-exports.getChecked = getChecked;
 var getCheckedNodes = function getCheckedNodes(flatNodes, checkedKeys) {
   var result = [];
   for (var i = 0; i < checkedKeys.length; i++) {
@@ -226,14 +217,13 @@ var getCheckedNodes = function getCheckedNodes(flatNodes, checkedKeys) {
   }
   return result;
 };
-var addKeys = function addKeys() {
+var addKeys = exports.addKeys = function addKeys() {
   var _context6;
   var prevKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var newKeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   return (0, _from.default)(new _set.default((0, _concat.default)(_context6 = []).call(_context6, (0, _toConsumableArray2.default)(prevKeys), (0, _toConsumableArray2.default)(newKeys))));
 };
-exports.addKeys = addKeys;
-var delKey = function delKey(prevKeys, delKeys) {
+var delKey = exports.delKey = function delKey(prevKeys, delKeys) {
   var keys = (0, _extends2.default)([], prevKeys);
   delKeys.forEach(function (item) {
     var index = keys.indexOf(item);
@@ -241,8 +231,7 @@ var delKey = function delKey(prevKeys, delKeys) {
   });
   return keys;
 };
-exports.delKey = delKey;
-var getMultipleCheckValue = function getMultipleCheckValue(_propsValue, _option, _checked, flatNodes, checkedKeys) {
+var getMultipleCheckValue = exports.getMultipleCheckValue = function getMultipleCheckValue(_propsValue, _option, _checked, flatNodes, checkedKeys) {
   var _context7;
   var checkedNodes = getCheckedNodes(flatNodes, checkedKeys);
   var currentValue = (0, _filter.default)(_context7 = (0, _map.default)(checkedNodes).call(checkedNodes, function (node) {
@@ -252,7 +241,6 @@ var getMultipleCheckValue = function getMultipleCheckValue(_propsValue, _option,
   });
   return currentValue;
 };
-exports.getMultipleCheckValue = getMultipleCheckValue;
 function getAllCheckedKeys(key, checked, checkedKeys, keysNodeProps, halfCheckedKeys) {
   if (!keysNodeProps[key]) {
     return {

package/lib/checkbox/checkbox.js

@@ -109,6 +109,17 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
   }, []);
   var getDefaultCheckbox = function getDefaultCheckbox() {
     var _context20, _context21;
+    var inputProps = {
+      type: 'checkbox',
+      className: inputClassName,
+      onChange: handleChange,
+      checked: selected,
+      disabled: mergedDisabled,
+      name: mergedName
+    };
+    if ((value !== null && value !== void 0 ? value : '') !== '') {
+      inputProps.value = value;
+    }
     return (
       /*#__PURE__*/
       // eslint-disable-next-line
@@ -118,35 +129,28 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
         ref: labelRef
       }, rest), /*#__PURE__*/_react.default.createElement("span", {
         className: checkedWrapperClassName
-      }, selected && /*#__PURE__*/_react.default.createElement("span", {
+      }, selected ? /*#__PURE__*/_react.default.createElement("span", {
         className: innerIconClassName
       }, /*#__PURE__*/_react.default.createElement(_icon.default, {
         type: "right-bold",
         className: (0, _concat.default)(_context20 = "".concat(checkboxPrefixCls, "-")).call(_context20, mergedCheckboxType, "-inner-icon")
-      })), /*#__PURE__*/_react.default.createElement("input", {
+      })) : null, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
         type: "checkbox",
-        className: inputClassName,
-        onChange: handleChange,
-        ref: ref,
-        value: value,
-        checked: selected,
-        disabled: mergedDisabled,
-        name: mergedName
-      })), children && /*#__PURE__*/_react.default.createElement("span", {
+        ref: ref
+      }, inputProps))), children ? /*#__PURE__*/_react.default.createElement("span", {
         className: "".concat(checkboxPrefixCls, "-children")
-      }, children), !isDefaultType() && /*#__PURE__*/_react.default.createElement("span", {
+      }, children) : null, !isDefaultType() ? /*#__PURE__*/_react.default.createElement("span", {
         className: triangleClassName
       }, /*#__PURE__*/_react.default.createElement("span", {
         className: innerIconClassName
       }, /*#__PURE__*/_react.default.createElement(_icon.default, {
         type: "right-bold",
         className: (0, _concat.default)(_context21 = "".concat(checkboxPrefixCls, "-")).call(_context21, mergedCheckboxType, "-inner-icon")
-      }))))
+      }))) : null)
     );
   };
   return getDefaultCheckbox();
 };
 var Checkbox = /*#__PURE__*/_react.default.forwardRef(InternalCheckbox);
 Checkbox.displayName = 'Checkbox';
-var _default = Checkbox;
-exports.default = _default;
+var _default = exports.default = Checkbox;

package/lib/checkbox/group.js

@@ -32,12 +32,12 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   }
   return t;
 };
-var CheckboxTypes = (0, _type.tuple)('default', 'square');
-exports.CheckboxTypes = CheckboxTypes;
-var CheckboxSizes = (0, _type.tuple)('large', 'middle', 'small');
-exports.CheckboxSizes = CheckboxSizes;
-var GroupContext = /*#__PURE__*/_react.default.createContext(null);
-exports.GroupContext = GroupContext;
+
+// import { Icon } from '../index'
+
+var CheckboxTypes = exports.CheckboxTypes = (0, _type.tuple)('default', 'square');
+var CheckboxSizes = exports.CheckboxSizes = (0, _type.tuple)('large', 'middle', 'small');
+var GroupContext = exports.GroupContext = /*#__PURE__*/_react.default.createContext(null);
 var CheckboxGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _useContext = (0, _react.useContext)(_ConfigContext.default),
     getPrefixCls = _useContext.getPrefixCls,
@@ -127,5 +127,4 @@ var CheckboxGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   }, options && options.length > 0 ? renderByOptions() : children));
 });
 CheckboxGroup.displayName = 'CheckboxGroup';
-var _default = /*#__PURE__*/_react.default.memo(CheckboxGroup);
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/_react.default.memo(CheckboxGroup);

package/lib/checkbox/index.js

@@ -32,5 +32,4 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "functi
 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; }
 var Checkbox = _checkbox.default;
 Checkbox.Group = _group.default;
-var _default = Checkbox;
-exports.default = _default;
+var _default = exports.default = Checkbox;

package/lib/city-picker/city-picker.js

@@ -35,7 +35,7 @@ var getCityId = function getCityId(data) {
   return data;
 };
 var InternalSelect = function InternalSelect(props, ref) {
-  var _context, _classNames3, _classNames5;
+  var _context, _classNames3, _classNames6;
   var _useContext = (0, _react.useContext)(_ConfigContext.default),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
@@ -114,14 +114,18 @@ var InternalSelect = function InternalSelect(props, ref) {
     _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
     focusd = _useState6[0],
     setFocusd = _useState6[1];
-  var _useState7 = (0, _react.useState)(null),
+  var _useState7 = (0, _react.useState)(false),
     _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-    seletedCity = _useState8[0],
-    setSeletedCity = _useState8[1];
-  var _useState9 = (0, _react.useState)('domestic'),
+    afterChangeFocus = _useState8[0],
+    setAfterChangeFocus = _useState8[1];
+  var _useState9 = (0, _react.useState)(null),
     _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-    tabsValue = _useState10[0],
-    setTabsValue = _useState10[1];
+    seletedCity = _useState10[0],
+    setSeletedCity = _useState10[1];
+  var _useState11 = (0, _react.useState)('domestic'),
+    _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+    tabsValue = _useState12[0],
+    setTabsValue = _useState12[1];
   var isDomestic = function isDomestic(type) {
     return type === 'domestic';
   };
@@ -156,6 +160,7 @@ var InternalSelect = function InternalSelect(props, ref) {
   var handleBlur = (0, _react.useCallback)(function (e) {
     e.stopPropagation();
     setFocusd(false);
+    setAfterChangeFocus(false);
     onBlur && onBlur(e);
   }, [onBlur]);
   (0, _react.useEffect)(function () {
@@ -205,7 +210,7 @@ var InternalSelect = function InternalSelect(props, ref) {
       className: "".concat(selectPrefixCls, "-icon-clear"),
       ref: clearRef
     }, clearIcon || /*#__PURE__*/_react.default.createElement(_index.Icon, {
-      type: "close-solid"
+      type: "close"
     })), showArrow && /*#__PURE__*/_react.default.createElement("span", {
       className: arrowIconCls
     }, suffixIcon || /*#__PURE__*/_react.default.createElement(_index.Icon, {
@@ -236,9 +241,12 @@ var InternalSelect = function InternalSelect(props, ref) {
     }));
   };
   var handleOption = function handleOption(city) {
+    var _a;
     handleVisibleChange(false);
     city.type = tabsValue === 'domestic' ? 'domestic' : 'foreign';
     (city === null || city === void 0 ? void 0 : city.id) !== initValue && (onChange === null || onChange === void 0 ? void 0 : onChange(city === null || city === void 0 ? void 0 : city.id, city));
+    (_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    setAfterChangeFocus(true);
     if (typeof value === 'undefined') {
       setSeletedCity(city);
       setInitValue(city === null || city === void 0 ? void 0 : city.id);
@@ -251,7 +259,10 @@ var InternalSelect = function InternalSelect(props, ref) {
     }
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(selectPrefixCls, "-list"),
-      ref: optionsListRef
+      ref: optionsListRef,
+      onMouseDown: function onMouseDown(e) {
+        return e === null || e === void 0 ? void 0 : e.preventDefault();
+      }
     }, (0, _map.default)(data).call(data, function (item, index) {
       return /*#__PURE__*/_react.default.createElement(_option.default, {
         key: item.id,
@@ -322,9 +333,11 @@ var InternalSelect = function InternalSelect(props, ref) {
     }
   }, [type, tabsValue]);
   var renderSingle = function renderSingle() {
+    var _classNames5;
     var hiddenStyle = !!searchValue || (initValue !== null && initValue !== void 0 ? initValue : '') !== '' ? {
       visibility: 'hidden'
     } : undefined;
+    var itemCls = (0, _classnames.default)((_classNames5 = {}, (0, _defineProperty2.default)(_classNames5, "".concat(selectPrefixCls, "-content-item"), true), (0, _defineProperty2.default)(_classNames5, "".concat(selectPrefixCls, "-content-item-seleted"), afterChangeFocus), _classNames5));
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: singleCls,
       ref: selectionRef
@@ -341,18 +354,18 @@ var InternalSelect = function InternalSelect(props, ref) {
       onBlur: handleBlur,
       readOnly: !!disabled
     }), !searchValue && /*#__PURE__*/_react.default.createElement("span", {
-      className: "".concat(selectPrefixCls, "-content-item"),
+      className: itemCls,
       title: seletedCity === null || seletedCity === void 0 ? void 0 : seletedCity.name
     }, seletedCity === null || seletedCity === void 0 ? void 0 : seletedCity.name)), !searchValue && /*#__PURE__*/_react.default.createElement("span", {
       className: "".concat(selectPrefixCls, "-content-info")
     }, _renderCityInfo(seletedCity))), /*#__PURE__*/_react.default.createElement("span", {
       className: "".concat(selectPrefixCls, "-placeholder"),
       style: hiddenStyle
-    }, placeholder), /*#__PURE__*/_react.default.createElement("span", {
+    }, !disabled ? placeholder : null), /*#__PURE__*/_react.default.createElement("span", {
       className: "".concat(selectPrefixCls, "-suffix")
     }, renderSuffix())));
   };
-  var singleCls = (0, _classnames.default)(commCls, (_classNames5 = {}, (0, _defineProperty2.default)(_classNames5, "".concat(selectPrefixCls, "-disabled"), disabled), (0, _defineProperty2.default)(_classNames5, "".concat(selectPrefixCls, "-focused"), !disabled && focusd || optionShow), _classNames5));
+  var singleCls = (0, _classnames.default)(commCls, (_classNames6 = {}, (0, _defineProperty2.default)(_classNames6, "".concat(selectPrefixCls, "-disabled"), disabled), (0, _defineProperty2.default)(_classNames6, "".concat(selectPrefixCls, "-focused"), !disabled && focusd || optionShow), _classNames6));
   (0, _react.useEffect)(function () {
     if (optionShow && !disabled) {
       var onDropdownVisibleChange = selectProps.onDropdownVisibleChange;
@@ -389,16 +402,17 @@ var InternalSelect = function InternalSelect(props, ref) {
     }
     return -1;
   };
-  var _useState11 = (0, _react.useState)(getActiveIndex(0)),
-    _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-    activeIndex = _useState12[0],
-    setActiveIndex = _useState12[1];
+  var _useState13 = (0, _react.useState)(-1),
+    _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+    activeIndex = _useState14[0],
+    setActiveIndex = _useState14[1];
   var initActiveIndex = function initActiveIndex() {
-    setActiveIndex(getActiveIndex(0));
+    var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : undefined;
+    setActiveIndex(index === undefined ? getActiveIndex(0) : index);
   };
   (0, _react.useEffect)(function () {
-    initActiveIndex();
-  }, [searchValue, tabsValue]);
+    initActiveIndex(searchValue ? undefined : -1);
+  }, [searchValue, tabsValue, curkeyboardList]);
   var onInternalKeyDown = function onInternalKeyDown(e) {
     var _a, _b, _c;
     var which = e.which;
@@ -422,11 +436,11 @@ var InternalSelect = function InternalSelect(props, ref) {
             var item = curkeyboardList[activeIndex];
             if (!item) return;
             handleOption(item);
-            setOptionShow(false);
+            handleVisibleChange(false);
             break;
           }
         case _KeyCode.default.ESC:
-          setOptionShow(false);
+          handleVisibleChange(false);
           break;
         default:
           break;
@@ -482,7 +496,7 @@ var InternalSelect = function InternalSelect(props, ref) {
   };
   var handleVisibleChange = function handleVisibleChange(visible) {
     if (!visible) {
-      initActiveIndex();
+      initActiveIndex(-1);
     }
     if (visible !== optionShow) {
       props.visible === undefined && setOptionShow(visible);
@@ -507,5 +521,4 @@ var InternalSelect = function InternalSelect(props, ref) {
 };
 var Select = /*#__PURE__*/_react.default.forwardRef(InternalSelect);
 Select.displayName = 'CityPicker';
-var _default = Select;
-exports.default = _default;
+var _default = exports.default = Select;

package/lib/city-picker/index.js

@@ -23,5 +23,4 @@ _Object$keys(_cityPicker).forEach(function (key) {
 });
 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; }
-var _default = _cityPicker.default;
-exports.default = _default;
+var _default = exports.default = _cityPicker.default;

package/lib/city-picker/interface.js

@@ -5,7 +5,5 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Sizes = exports.BorderTypes = void 0;
 var _type = require("../_utils/type");
-var BorderTypes = (0, _type.tuple)('none', 'underline', 'bordered');
-exports.BorderTypes = BorderTypes;
-var Sizes = (0, _type.tuple)('large', 'middle', 'small'); // 选择框大小
-exports.Sizes = Sizes;
+var BorderTypes = exports.BorderTypes = (0, _type.tuple)('none', 'underline', 'bordered');
+var Sizes = exports.Sizes = (0, _type.tuple)('large', 'middle', 'small'); // 选择框大小

package/lib/city-picker/option.js

@@ -63,5 +63,4 @@ var InternalOption = function InternalOption(props, ref) {
 };
 var Option = /*#__PURE__*/_react.default.forwardRef(InternalOption);
 Option.displayName = 'CityPickerOption';
-var _default = Option;
-exports.default = _default;
+var _default = exports.default = Option;

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

@@ -170,6 +170,7 @@
   background: #fff;
   -webkit-transition: opacity 0.15s ease;
   transition: opacity 0.15s ease;
+  font-size: var(--kd-c-city-picker-icon-clear-font-size, 16px);
 }
 .kd-city-picker-icon-clear:hover {
   color: var(--kd-c-city-picker-color-border-hover, var(--kd-g-color-theme, #5582f3));
@@ -239,10 +240,10 @@
   opacity: 1;
 }
 .kd-city-picker-wrapper .kd-city-picker-icon-clear {
-  color: var(--kd-c-city-picker-icon-clear-color-text, #d9d9d9);
+  color: var(--kd-c-city-picker-icon-clear-color-text, #666666);
 }
 .kd-city-picker-wrapper .kd-city-picker-icon-clear:hover {
-  color: var(--kd-c-city-picker-icon-clear-color-text-hover, #999);
+  color: var(--kd-c-city-picker-icon-clear-color-text-hover, var(--kd-g-color-theme, #5582f3));
 }
 .kd-city-picker-show-search {
   cursor: text;
@@ -419,7 +420,7 @@
 .kd-city-picker-focused {
   border-color: var(--kd-c-city-picker-color-border-foucs, var(--kd-g-color-theme, #5582f3)) !important;
 }
-.kd-city-picker-focused .kd-city-picker-content-item {
+.kd-city-picker-focused .kd-city-picker-content-item:not(.kd-city-picker-content-item-seleted) {
   color: var(--kd-c-city-picker-placeholder-color-text, #b2b2b2);
 }
 .kd-city-picker-disabled {

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

@@ -61,6 +61,7 @@
       top: 0;
       background: #fff;
       transition: opacity 0.15s ease;
+      font-size: @city-picker-clear-font-size;
       &:hover {
         color: @city-picker-g-color-border-hover;
       }
@@ -297,7 +298,7 @@
   &-focused {
     .focusColor();
 
-    .@{city-picker-prefix-cls}-content-item {
+    .@{city-picker-prefix-cls}-content-item:not(.@{city-picker-prefix-cls}-content-item-seleted) {
       color: @city-picker-placeholder-color;
     }
   }

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

@@ -17,8 +17,8 @@
 @city-picker-color-background-disabled: var(~'@{city-picker-custom-prefix}-color-background-disabled', #fff);
 @city-picker-color-text-disabled: var(~'@{city-picker-custom-prefix}-color-text-disabled', @color-disabled);
 @city-picker-arrow-icon-color-text-disabled: var(~'@{city-picker-custom-prefix}-arrow-icon-color-text-disabled', #b2b2b2);
-@city-picker-clear-color: var(~'@{city-picker-custom-prefix}-icon-clear-color-text', #d9d9d9);
-@city-picker-clear-color-hover: var(~'@{city-picker-custom-prefix}-icon-clear-color-text-hover', #999);
+@city-picker-clear-color: var(~'@{city-picker-custom-prefix}-icon-clear-color-text', #666666);
+@city-picker-clear-color-hover: var(~'@{city-picker-custom-prefix}-icon-clear-color-text-hover', @color-theme);
 @city-picker-list-item-color-selected: var(~'@{city-picker-custom-prefix}-list-item-color-text-selected', @color-theme);
 @city-picker-highlight-color: var(~'@{city-picker-custom-prefix}-highlight-color-text', @color-theme);
 
@@ -27,6 +27,7 @@
 @city-picker-large-font-size: var(~'@{city-picker-custom-prefix}-font-size-large', 16px); // 大号字体
 @city-picker-middle-font-size: var(~'@{city-picker-custom-prefix}-font-size-middle', 14px); // 中号高度
 @city-picker-small-font-size: var(~'@{city-picker-custom-prefix}-font-size-small', 12px); // 小号高度
+@city-picker-clear-font-size: var(~'@{city-picker-custom-prefix}-icon-clear-font-size', 16px);
 
 // line-height
 @city-picker-dropdown-line-height: var(~'@{city-picker-custom-prefix}-dropdown-line-height', 22px);

package/lib/collapse/collapse.js

@@ -24,8 +24,7 @@ var _type = require("../_utils/type");
 var _devwarning = _interopRequireDefault(require("../_utils/devwarning"));
 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; }
-var IconPositionTypes = (0, _type.tuple)('left', 'right');
-exports.IconPositionTypes = IconPositionTypes;
+var IconPositionTypes = exports.IconPositionTypes = (0, _type.tuple)('left', 'right');
 var InternalCollapse = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _React$useContext = _react.default.useContext(_ConfigContext.default),
     getPrefixCls = _React$useContext.getPrefixCls,
@@ -119,5 +118,4 @@ var InternalCollapse = /*#__PURE__*/_react.default.forwardRef(function (props, r
   }, renderPanel());
 });
 InternalCollapse.displayName = 'Collapse';
-var _default = InternalCollapse;
-exports.default = _default;
+var _default = exports.default = InternalCollapse;

package/lib/collapse/index.js

@@ -15,5 +15,4 @@ var _collapse = _interopRequireDefault(require("./collapse"));
 var _panel = _interopRequireDefault(require("./panel"));
 var Collapse = _collapse.default;
 Collapse.Panel = _panel.default;
-var _default = Collapse;
-exports.default = _default;
+var _default = exports.default = Collapse;

package/lib/collapse/panel.js

@@ -174,5 +174,4 @@ var Panel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, children)));
 });
 Panel.displayName = 'Panel';
-var _default = Panel;
-exports.default = _default;
+var _default = exports.default = Panel;

package/lib/color-picker/color-picker-panel.js

@@ -246,5 +246,4 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
   }))));
 };
 ColorPickerPanel.displayName = 'ColorPickerPanel';
-var _default = ColorPickerPanel;
-exports.default = _default;
+var _default = exports.default = ColorPickerPanel;

package/lib/color-picker/color-picker.js

@@ -212,5 +212,4 @@ var ColorPicker = function ColorPicker(props) {
   return (0, _usePopper.default)(colorInputEle, panel, popperProps);
 };
 ColorPicker.displayName = 'ColorPicker';
-var _default = ColorPicker;
-exports.default = _default;
+var _default = exports.default = ColorPicker;

package/lib/color-picker/constant/colorTypes.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.colorTypes = void 0;
-var colorTypes = [{
+var colorTypes = exports.colorTypes = [{
   type: 'HEX',
   value: '#b2b2b2'
 }, {
@@ -16,5 +16,4 @@ var colorTypes = [{
 }, {
   type: 'HSL',
   value: 'hsl(0, 0%, 70%)'
-}];
-exports.colorTypes = colorTypes;
+}];

package/lib/color-picker/constant/defaultColor.js

@@ -4,5 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultSystemColor = void 0;
-var defaultSystemColor = '#b2b2b2';
-exports.defaultSystemColor = defaultSystemColor;
+var defaultSystemColor = exports.defaultSystemColor = '#b2b2b2';

package/lib/color-picker/constant/systemPresetColor.js

@@ -4,5 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.systemPresetColor = void 0;
-var systemPresetColor = ['#A1ECFF', '#A1F5E8', '#A1E6B5', '#DDFF8F', '#FFEF8A', '#FFE0A6', '#FFCAA8', '#FFADB6', '#FF96AD', '#D4A8FF', '#99CCFF', '#B3D5FF', '#16B0F1', '#16B8B1', '#1BA854', '#77C404', '#FDC200', '#FF991C', '#FF5F1F', '#FB2323', '#F90D58', '#701DF0', '#0E5FD8', '#276FF5', '#FFFFFF', '#FAFAFA', '#F5F5F5', '#F2F2F2', '#E5E5E5', '#D9D9D9', '#CCCCCC', '#999999', '#666666', '#404040', '#212121', '#000000'];
-exports.systemPresetColor = systemPresetColor;
+var systemPresetColor = exports.systemPresetColor = ['#A1ECFF', '#A1F5E8', '#A1E6B5', '#DDFF8F', '#FFEF8A', '#FFE0A6', '#FFCAA8', '#FFADB6', '#FF96AD', '#D4A8FF', '#99CCFF', '#B3D5FF', '#16B0F1', '#16B8B1', '#1BA854', '#77C404', '#FDC200', '#FF991C', '#FF5F1F', '#FB2323', '#F90D58', '#701DF0', '#0E5FD8', '#276FF5', '#FFFFFF', '#FAFAFA', '#F5F5F5', '#F2F2F2', '#E5E5E5', '#D9D9D9', '#CCCCCC', '#999999', '#666666', '#404040', '#212121', '#000000'];

package/lib/color-picker/index.js

@@ -23,5 +23,4 @@ _Object$keys(_colorPicker).forEach(function (key) {
 });
 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; }
-var _default = _colorPicker.default;
-exports.default = _default;
+var _default = exports.default = _colorPicker.default;

package/lib/color-picker/interface.js

@@ -5,7 +5,5 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ColorTypes = exports.BorderTypes = void 0;
 var _type = require("../_utils/type");
-var ColorTypes = (0, _type.tuple)('HEX', 'HSB', 'RGB', 'HSL', 'themeColor');
-exports.ColorTypes = ColorTypes;
-var BorderTypes = (0, _type.tuple)('underline', 'bordered');
-exports.BorderTypes = BorderTypes;
+var ColorTypes = exports.ColorTypes = (0, _type.tuple)('HEX', 'HSB', 'RGB', 'HSL', 'themeColor');
+var BorderTypes = exports.BorderTypes = (0, _type.tuple)('underline', 'bordered');