@kdcloudjs/kdesign 1.6.40 → 1.7.1

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

@@ -0,0 +1,5 @@
+
+// code component mixin here
+.test() {
+  display: inline;
+}

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

@@ -0,0 +1,22 @@
+@import '../../style/themes/token.less';
+
+@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);
+
+// font
+@color-picker-input-font-size: var(~'@{color-picker-custom-prefix}-input-font-size', @font-size-middle);
+@color-picker-panel-select-font-size: var(~'@{color-picker-custom-prefix}-panel-select-font-size', @font-size-middle);
+@color-picker-panel-alpha-font-size: var(~'@{color-picker-custom-prefix}-panel-alpha-font-size', @font-size-middle);
+
+// sizing
+@color-picker-input-sizing-width: var(~'@{color-picker-custom-prefix}-input-sizing-width', 230px);
+@color-picker-input-sizing-height: var(~'@{color-picker-custom-prefix}-input-sizing-height', 28px);
+@color-picker-input-suffix-sizing-width: var(~'@{color-picker-custom-prefix}-input-suffix-sizing-width', 20px);
+@color-picker-input-suffix-sizing-height: var(~'@{color-picker-custom-prefix}-input-suffix-sizing-height', 20px);
+@color-picker-panel-sizing-width: var(~'@{color-picker-custom-prefix}-panel-sizing-width', 304px);
+@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);

package/es/color-picker/utils/colorFormat.d.ts

@@ -0,0 +1,18 @@
+declare type IOutType = 'HEX' | 'HSB' | 'HSL' | 'RGB' | 'all';
+export declare const colorFormat: (colorStr: string, alpha?: number, outType?: IOutType, formatHex?: boolean) => any;
+export declare const getColorObj: (colorStr: string) => string | {
+    h: string;
+    s: number;
+    v: number;
+    alpha?: undefined;
+} | {
+    h: number;
+    s: number;
+    v: number;
+    alpha: number;
+};
+export declare const strFixed: (numStr: string | number, num?: number) => number;
+export declare const valOfCorrespondingType: (currentColorType: string) => number | undefined;
+export declare const highlightPresetColorIndex: (color: string, colorArr: string[]) => number;
+export declare const presetColorToHEX: (colorArr: string[] | undefined) => string[];
+export {};

package/es/color-picker/utils/colorFormat.js

@@ -0,0 +1,153 @@
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import _findIndexInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find-index";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+import Color from 'color';
+import { validateColor } from './validateColor';
+import { toLowerCase } from './convertLetters';
+export var colorFormat = function colorFormat(colorStr) {
+  var alpha = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  var outType = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'all';
+  var formatHex = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var ColorTools = Color(getColorObj(colorStr)).alpha(alpha);
+  var toHex = function toHex() {
+    if (/^#([0-9a-fA-F]{8})$/.test(colorStr)) {
+      if (formatHex) {
+        return toLowerCase(alpha === 1 ? ColorTools.hex() : ColorTools.hexa());
+      } else {
+        return colorStr;
+      }
+    } else {
+      return toLowerCase(alpha === 1 ? ColorTools.hex() : ColorTools.hexa());
+    }
+  };
+  var HEX = toHex();
+  var HSB = colorToStr(ColorTools.hsv());
+  var RGB = ColorTools.rgb().string();
+  var HSL = colorToStr(ColorTools.hsl());
+  if (outType === 'HEX') return HEX;
+  if (outType === 'HSB') return HSB;
+  if (outType === 'HSL') return HSL;
+  if (outType === 'RGB') return RGB;
+  if (outType === 'all') {
+    return [{
+      type: 'HEX',
+      value: HEX
+    }, {
+      type: 'HSB',
+      value: HSB
+    }, {
+      type: 'RGB',
+      value: RGB
+    }, {
+      type: 'HSL',
+      value: HSL
+    }];
+  }
+};
+export var getColorObj = function getColorObj(colorStr) {
+  var colorArray = colorStr.split(',');
+  var type = validateColor(colorStr);
+  if (type === 'HSB' || type === 'HSBA') {
+    var s = removePercentage(colorArray[1]);
+    if (type === 'HSB') {
+      var h = colorArray[0].replace('hsb(', '');
+      var b = colorArray[2].replace(')', '');
+      return {
+        h: h,
+        s: s,
+        v: removePercentage(b)
+      };
+    } else {
+      var _h = colorArray[0].replace('hsba(', '');
+      var _b = colorArray[2];
+      var a = colorArray[3].replace(')', '');
+      return {
+        h: +_h,
+        s: s,
+        v: removePercentage(_b),
+        alpha: +a
+      };
+    }
+  } else if (type === 'HSL' || type === 'HSLA') {
+    var _s = addPercentage(colorArray[1]);
+    if (type === 'HSL') {
+      var _context, _context2;
+      var _h2 = colorArray[0].replace('hsl(', '');
+      var l = colorArray[2].replace(')', '');
+      return _concatInstanceProperty(_context = _concatInstanceProperty(_context2 = "hsl(".concat(_h2, ",")).call(_context2, _s, ",")).call(_context, addPercentage(l), ")");
+    } else {
+      var _context3, _context4, _context5;
+      var _h3 = colorArray[0].replace('hsla(', '');
+      var _l = colorArray[2];
+      var _a = colorArray[3].replace(')', '');
+      return _concatInstanceProperty(_context3 = _concatInstanceProperty(_context4 = _concatInstanceProperty(_context5 = "hsla(".concat(_h3, ",")).call(_context5, _s, ",")).call(_context4, addPercentage(_l), ",")).call(_context3, _a, ")");
+    }
+  } else if (type === 'RGB' || type === 'RGBA') {
+    var g = colorArray[1];
+    if (type === 'RGB') {
+      var _context6, _context7;
+      var r = colorArray[0].replace('rgb(', '');
+      var _b2 = colorArray[2].replace(')', '');
+      return _concatInstanceProperty(_context6 = _concatInstanceProperty(_context7 = "rgb(".concat(strFixed(r), ",")).call(_context7, strFixed(g), ",")).call(_context6, strFixed(_b2), ")");
+    } else {
+      var _context8, _context9, _context10;
+      var _r = colorArray[0].replace('rgba(', '');
+      var _b3 = colorArray[2];
+      var _a2 = colorArray[3].replace(')', '');
+      return _concatInstanceProperty(_context8 = _concatInstanceProperty(_context9 = _concatInstanceProperty(_context10 = "rgba(".concat(strFixed(_r), ",")).call(_context10, strFixed(g), ",")).call(_context9, strFixed(_b3), ",")).call(_context8, strFixed(_a2, 2), ")");
+    }
+  } else {
+    return colorStr;
+  }
+};
+var addPercentage = function addPercentage(parameter) {
+  return (parameter === null || parameter === void 0 ? void 0 : parameter.indexOf('%')) !== -1 ? parameter : +parameter > 0 && +parameter <= 1 ? +parameter * 100 + '%' : parameter + '%';
+};
+var removePercentage = function removePercentage(parameter) {
+  return (parameter === null || parameter === void 0 ? void 0 : parameter.indexOf('%')) !== -1 ? +parameter.replace('%', '') : +parameter > 0 && +parameter <= 1 ? +parameter * 100 : +parameter;
+};
+var colorToStr = function colorToStr(obj) {
+  var arr = obj.color;
+  if (obj.valpha === 1) {
+    var _context11, _context12, _context13;
+    return _concatInstanceProperty(_context11 = _concatInstanceProperty(_context12 = _concatInstanceProperty(_context13 = "".concat(obj.model === 'hsv' ? 'hsb' : 'hsl', "(")).call(_context13, strFixed(arr[0]), ", ")).call(_context12, strFixed(arr[1]), "%, ")).call(_context11, strFixed(arr[2]), "%)");
+  } else {
+    var _context14, _context15, _context16, _context17;
+    return _concatInstanceProperty(_context14 = _concatInstanceProperty(_context15 = _concatInstanceProperty(_context16 = _concatInstanceProperty(_context17 = "".concat(obj.model === 'hsv' ? 'hsba' : 'hsla', "(")).call(_context17, strFixed(arr[0]), ", ")).call(_context16, strFixed(arr[1]), "%, ")).call(_context15, strFixed(arr[2]), "%, ")).call(_context14, strFixed(obj.valpha, 2), ")");
+  }
+};
+export var strFixed = function strFixed(numStr) {
+  var num = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  return +(+numStr).toFixed(num);
+};
+export var valOfCorrespondingType = function valOfCorrespondingType(currentColorType) {
+  var index;
+  switch (currentColorType) {
+    case 'HEX':
+      index = 0;
+      break;
+    case 'HSB':
+      index = 1;
+      break;
+    case 'RGB':
+      index = 2;
+      break;
+    case 'HSL':
+      index = 3;
+      break;
+  }
+  return index;
+};
+export var highlightPresetColorIndex = function highlightPresetColorIndex(color, colorArr) {
+  var index = _findIndexInstanceProperty(colorArr).call(colorArr, function (val) {
+    return val === color;
+  });
+  return index;
+};
+export var presetColorToHEX = function presetColorToHEX(colorArr) {
+  if (!colorArr) return [];
+  var hexColorArr = _mapInstanceProperty(colorArr).call(colorArr, function (color) {
+    return colorFormat(color, 1, 'HEX');
+  });
+  return hexColorArr;
+};

package/es/color-picker/utils/convertLetters.d.ts

@@ -0,0 +1 @@
+export declare function toLowerCase(str: string): string;

package/es/color-picker/utils/convertLetters.js

@@ -0,0 +1,12 @@
+export function toLowerCase(str) {
+  var result = '';
+  for (var i = 0; i < str.length; i++) {
+    var charCode = str.charCodeAt(i);
+    if (charCode >= 65 && charCode <= 90) {
+      result += String.fromCharCode(charCode + 32);
+    } else {
+      result += str[i];
+    }
+  }
+  return result;
+}

package/es/color-picker/utils/hooks/useOnClickOutside.d.ts

@@ -0,0 +1,2 @@
+declare const useOnClickOutside: (refArr: Array<any>, handler: (e: Event) => void) => void;
+export default useOnClickOutside;

package/es/color-picker/utils/hooks/useOnClickOutside.js

@@ -0,0 +1,16 @@
+import { useEffect } from 'react';
+var useOnClickOutside = function useOnClickOutside(refArr, handler) {
+  useEffect(function () {
+    var mouseDownListener = function mouseDownListener(event) {
+      if (refArr.some(function (ref) {
+        return !ref.current || ref.current.contains(event.target);
+      })) {
+        return;
+      }
+      handler(event);
+    };
+    document.addEventListener('mousedown', mouseDownListener);
+    document.addEventListener('touchstart', mouseDownListener);
+  }, [refArr, handler]);
+};
+export default useOnClickOutside;

package/es/color-picker/utils/validateColor.d.ts

@@ -0,0 +1 @@
+export declare function validateColor(color: string): string;

package/es/color-picker/utils/validateColor.js

@@ -0,0 +1,24 @@
+// 输入框颜色类型校验
+export function validateColor(color) {
+  var hexReg = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/;
+  var hexaReg = /^#([0-9a-fA-F]{8})$/;
+  var hsbReg = /^hsb\(\s*(-?\d+|-?\d*\.\d+)(?:,\s*(-?\d+|-?\d*\.\d+|-?\d+%|-?\d*\.\d+%)){2}\s*\)$/;
+  var hsbaReg = /^hsba\(\s*(-?\d+|-?\d*\.\d+)(?:,\s*(-?\d+|-?\d*\.\d+|-?\d+%|-?\d*\.\d+%)){2}\s*,\s*(-?\d+|-?\d*\.\d+)\)$/;
+  // const rgbaReg = /^rgba\(\s*(-?\d+|-?\d*\.\d+)(?:,\s*(-?\d+|-?\d*\.\d+)){2},\s*(-?\d+|-?\d*\.\d+)|(^\d+%)\s*\)$/
+  var rgbaReg = /^rgba\(\s*(-?\d+|-?\d*\.\d+)(?:,\s*(-?\d+|-?\d*\.\d+)){2},\s*(-?\d+|-?\d*\.\d+)\)$/;
+  var rgbReg = /^rgb\(\s*(-?\d+|-?\d*\.\d+)(?:,\s*(-?\d+|-?\d*\.\d+)){2}\)$/;
+  var hslReg = /^hsl\(\s*(-?\d+|-?\d*\.\d+)(?:,\s*(-?\d+|-?\d*\.\d+|-?\d+%|-?\d*\.\d+%)){2}\s*\)$/;
+  var hslaReg = /^hsla\(\s*(-?\d+|-?\d*\.\d+)(?:,\s*(-?\d+|-?\d*\.\d+|-?\d+%|-?\d*\.\d+%)){2}\s*,\s*(-?\d+|-?\d*\.\d+)\)$/;
+  // const hslaReg = /^hsla\(\s*(-?\d+|-?\d*\.\d+)(?:,\s*(-?\d+|-?\d*\.\d+)){2}\s*,\s*(-?\d+|-?\d*\.\d+)|(^\d+%)\s*\)$/
+  var colorNameReg = /^(?:aliceblue|antiquewhite|aqua|aquamarine|azure|beige|bisque|black|blanchedalmond|blue|blueviolet|brown|burlywood|cadetblue|chartreuse|chocolate|coral|cornflowerblue|cornsilk|crimson|cyan|darkblue|darkcyan|darkgoldenrod|darkgray|darkgreen|darkgrey|darkkhaki|darkmagenta|darkolivegreen|darkorange|darkorchid|darkred|darksalmon|darkseagreen|darkslateblue|darkslategray|darkslategrey|darkturquoise|darkviolet|deeppink|deepskyblue|dimgray|dimgrey|dodgerblue|firebrick|floralwhite|forestgreen|fuchsia|gainsboro|ghostwhite|gold|goldenrod|gray|green|greenyellow|grey|honeydew|hotpink|indianred|indigo|ivory|khaki|lavender|lavenderblush|lawngreen|lemonchiffon|lightblue|lightcoral|lightcyan|lightgoldenrodyellow|lightgray|lightgreen|lightgrey|lightpink|lightsalmon|lightseagreen|lightskyblue|lightslategray|lightslategrey|lightsteelblue|lightyellow|lime|limegreen|linen|magenta|maroon|mediumaquamarine|mediumblue|mediumorchid|mediumpurple|mediumseagreen|mediumslateblue|mediumspringgreen|mediumturquoise|mediumvioletred|midnightblue|mintcream|mistyrose|moccasin|navajowhite|navy|oldlace|olive|olivedrab|orange|orangered|orchid|palegoldenrod|palegreen|paleturquoise|palevioletred|papayawhip|peachpuff|peru|pink|plum|powderblue|purple|rebeccapurple|red|rosybrown|royalblue|saddlebrown|salmon|sandybrown|seagreen|seashell|sienna|silver|skyblue|slateblue|slategray|slategrey|snow|springgreen|steelblue|tan|teal|thistle|tomato|turquoise|violet|wheat|white|whitesmoke|yellow|yellowgreen)$/;
+  if (hexReg.test(color)) return 'HEX';
+  if (hexaReg.test(color)) return 'HEXA';
+  if (hsbReg.test(color)) return 'HSB';
+  if (hsbaReg.test(color)) return 'HSBA';
+  if (rgbaReg.test(color)) return 'RGBA';
+  if (rgbReg.test(color)) return 'RGB';
+  if (hslReg.test(color)) return 'HSL';
+  if (hslaReg.test(color)) return 'HSLA';
+  if (colorNameReg.test(color)) return 'colorName';
+  return '';
+}

package/es/config-provider/compDefaultProps.d.ts

@@ -60,6 +60,18 @@ declare const compDefaultProps: {
     CollapsePanel: {
         disabled: boolean;
     };
+    ColorPicker: {
+        borderType: string;
+        defaultOpen: boolean;
+        functionalColorName: string;
+        switchName: {
+            name: string;
+            internationalName: string;
+        };
+        placeholder: string;
+        showColorTransfer: boolean;
+        showPresetColor: boolean;
+    };
     Checkbox: {
         defaultChecked: boolean;
         checkboxType: string;
@@ -415,5 +427,18 @@ declare const compDefaultProps: {
         size: string;
         underscore: boolean;
     };
+    TreeSelect: {
+        size: string;
+        borderType: string;
+        mode: string;
+        defaultOpen: boolean;
+        showArrow: boolean;
+        placeholder: string;
+        optionLabelProp: string;
+        treeNodeFilterProp: string;
+        showSearch: boolean;
+        switcherIcon: () => JSX.Element;
+        expandOnClickNode: boolean;
+    };
 };
 export default compDefaultProps;

package/es/config-provider/compDefaultProps.js

@@ -65,6 +65,18 @@ var compDefaultProps = {
   CollapsePanel: {
     disabled: false
   },
+  ColorPicker: {
+    borderType: 'bordered',
+    defaultOpen: false,
+    functionalColorName: '#themeColor',
+    switchName: {
+      name: '跟随主题色',
+      internationalName: 'followFunctionalColor'
+    },
+    placeholder: '#',
+    showColorTransfer: true,
+    showPresetColor: true
+  },
   Checkbox: {
     defaultChecked: false,
     checkboxType: 'default',
@@ -428,6 +440,23 @@ var compDefaultProps = {
   Link: {
     size: 'middle',
     underscore: false
+  },
+  TreeSelect: {
+    size: 'middle',
+    borderType: 'underline',
+    mode: 'single',
+    defaultOpen: false,
+    showArrow: true,
+    placeholder: '请输入需要搜索的内容',
+    optionLabelProp: 'title',
+    treeNodeFilterProp: 'title',
+    showSearch: true,
+    switcherIcon: function switcherIcon() {
+      return /*#__PURE__*/React.createElement(Icon, {
+        type: "arrow-right-solid"
+      });
+    },
+    expandOnClickNode: false
   }
 };
 export default compDefaultProps;

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

@@ -56,6 +56,8 @@
 /* -----------  Transfer  ——————---- end */
 /* -----------  DatePicker  ——————---- start */
 /* -----------  DatePicker  ——————---- end */
+/* -----------  ColorPicker  ——————---- start */
+/* -----------  ColorPicker  ——————---- end */
 /* -----------  Tree  ——————---- start */
 /* -----------  Tree  ——————---- end */
 /* -----------  Alert  ——————---- start */

package/es/drawer/style/index.css

@@ -56,6 +56,8 @@
 /* -----------  Transfer  ——————---- end */
 /* -----------  DatePicker  ——————---- start */
 /* -----------  DatePicker  ——————---- end */
+/* -----------  ColorPicker  ——————---- start */
+/* -----------  ColorPicker  ——————---- end */
 /* -----------  Tree  ——————---- start */
 /* -----------  Tree  ——————---- end */
 /* -----------  Alert  ——————---- start */

package/es/dropdown/style/index.css

@@ -56,6 +56,8 @@
 /* -----------  Transfer  ——————---- end */
 /* -----------  DatePicker  ——————---- start */
 /* -----------  DatePicker  ——————---- end */
+/* -----------  ColorPicker  ——————---- start */
+/* -----------  ColorPicker  ——————---- end */
 /* -----------  Tree  ——————---- start */
 /* -----------  Tree  ——————---- end */
 /* -----------  Alert  ——————---- start */

package/es/empty/style/index.css

@@ -56,6 +56,8 @@
 /* -----------  Transfer  ——————---- end */
 /* -----------  DatePicker  ——————---- start */
 /* -----------  DatePicker  ——————---- end */
+/* -----------  ColorPicker  ——————---- start */
+/* -----------  ColorPicker  ——————---- end */
 /* -----------  Tree  ——————---- start */
 /* -----------  Tree  ——————---- end */
 /* -----------  Alert  ——————---- start */

package/es/filter/style/index.css

@@ -56,6 +56,8 @@
 /* -----------  Transfer  ——————---- end */
 /* -----------  DatePicker  ——————---- start */
 /* -----------  DatePicker  ——————---- end */
+/* -----------  ColorPicker  ——————---- start */
+/* -----------  ColorPicker  ——————---- end */
 /* -----------  Tree  ——————---- start */
 /* -----------  Tree  ——————---- end */
 /* -----------  Alert  ——————---- start */

package/es/form/style/index.css

@@ -56,6 +56,8 @@
 /* -----------  Transfer  ——————---- end */
 /* -----------  DatePicker  ——————---- start */
 /* -----------  DatePicker  ——————---- end */
+/* -----------  ColorPicker  ——————---- start */
+/* -----------  ColorPicker  ——————---- end */
 /* -----------  Tree  ——————---- start */
 /* -----------  Tree  ——————---- end */
 /* -----------  Alert  ——————---- start */

package/es/grid/style/index.css

@@ -56,6 +56,8 @@
 /* -----------  Transfer  ——————---- end */
 /* -----------  DatePicker  ——————---- start */
 /* -----------  DatePicker  ——————---- end */
+/* -----------  ColorPicker  ——————---- start */
+/* -----------  ColorPicker  ——————---- end */
 /* -----------  Tree  ——————---- start */
 /* -----------  Tree  ——————---- end */
 /* -----------  Alert  ——————---- start */

package/es/icon/style/index.css

@@ -56,6 +56,8 @@
 /* -----------  Transfer  ——————---- end */
 /* -----------  DatePicker  ——————---- start */
 /* -----------  DatePicker  ——————---- end */
+/* -----------  ColorPicker  ——————---- start */
+/* -----------  ColorPicker  ——————---- end */
 /* -----------  Tree  ——————---- start */
 /* -----------  Tree  ——————---- end */
 /* -----------  Alert  ——————---- start */

package/es/image/style/index.css

@@ -56,6 +56,8 @@
 /* -----------  Transfer  ——————---- end */
 /* -----------  DatePicker  ——————---- start */
 /* -----------  DatePicker  ——————---- end */
+/* -----------  ColorPicker  ——————---- start */
+/* -----------  ColorPicker  ——————---- end */
 /* -----------  Tree  ——————---- start */
 /* -----------  Tree  ——————---- end */
 /* -----------  Alert  ——————---- start */

package/es/image-cropper/style/index.css

@@ -56,6 +56,8 @@
 /* -----------  Transfer  ——————---- end */
 /* -----------  DatePicker  ——————---- start */
 /* -----------  DatePicker  ——————---- end */
+/* -----------  ColorPicker  ——————---- start */
+/* -----------  ColorPicker  ——————---- end */
 /* -----------  Tree  ——————---- start */
 /* -----------  Tree  ——————---- end */
 /* -----------  Alert  ——————---- start */

package/es/index.d.ts

@@ -53,3 +53,5 @@ export { default as Table } from './table';
 export { default as Stepper } from './stepper';
 export { default as BaseData } from './base-data';
 export { default as Link } from './link';
+export { default as TreeSelect } from './tree-select';
+export { default as ColorPicker } from './color-picker';

package/es/index.js

@@ -52,4 +52,6 @@ export { default as Slider } from './slider';
 export { default as Table } from './table';
 export { default as Stepper } from './stepper';
 export { default as BaseData } from './base-data';
-export { default as Link } from './link';
+export { default as Link } from './link';
+export { default as TreeSelect } from './tree-select';
+export { default as ColorPicker } from './color-picker';

package/es/input/ClearableLabeledInput.js

@@ -39,6 +39,10 @@ var ClearableInput = function ClearableInput(props) {
   var mouseLeaveHandle = function mouseLeaveHandle() {
     setIsMouseEnter(false);
   };
+  var mouseDownHandle = function mouseDownHandle(e) {
+    e.stopPropagation();
+    e.preventDefault();
+  };
   var renderClearIcon = function renderClearIcon() {
     var _classNames;
     if (!allowClear) {
@@ -56,7 +60,8 @@ var ClearableInput = function ClearableInput(props) {
   var renderSuffix = function renderSuffix() {
     if (suffix || !disabled && !!allowClear || inputCount) {
       return /*#__PURE__*/React.createElement("span", {
-        className: "".concat(prefixCls, "-suffix")
+        className: "".concat(prefixCls, "-suffix"),
+        onMouseDown: mouseDownHandle
       }, renderClearIcon(), inputCount && /*#__PURE__*/React.createElement("span", {
         style: {
           marginRight: suffix ? 9 : 0
@@ -72,7 +77,8 @@ var ClearableInput = function ClearableInput(props) {
     }
     var suffixNode = renderSuffix();
     var prefixNode = prefix ? /*#__PURE__*/React.createElement("span", {
-      className: "".concat(prefixCls, "-prefix")
+      className: "".concat(prefixCls, "-prefix"),
+      onMouseDown: mouseDownHandle
     }, prefix) : null;
     var inputWrapperClasses = classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefixCls, "-wrapper"), true), _defineProperty(_classNames2, "".concat(prefixCls, "-wrapper-focused"), focused && !disabled), _defineProperty(_classNames2, "".concat(prefixCls, "-wrapper-disabled"), disabled), _defineProperty(_classNames2, _concatInstanceProperty(_context = "".concat(prefixCls, "-wrapper-size-")).call(_context, size), size), _defineProperty(_classNames2, "".concat(prefixCls, "-wrapper-borderless"), borderType === 'none'), _defineProperty(_classNames2, "".concat(prefixCls, "-wrapper-underline"), borderType === 'underline'), _classNames2), _defineProperty({}, className, className && !addonBefore && !addonAfter));
     return /*#__PURE__*/React.createElement("span", {

package/es/input/input.js

@@ -119,11 +119,7 @@ var InternalInput = function InternalInput(props, ref) {
     }
     if (count && showNumberMark && !disabled) {
       return /*#__PURE__*/React.createElement("div", {
-        className: classNames("".concat(inputPrefixCls, "-input-mark-inner")),
-        onMouseDown: function onMouseDown(e) {
-          e.stopPropagation();
-          e.preventDefault();
-        }
+        className: classNames("".concat(inputPrefixCls, "-input-mark-inner"))
       }, enteredLength, maxLength !== undefined ? "/".concat(maxLength) : null);
     }
     return null;

package/es/input/style/index.css

@@ -56,6 +56,8 @@
 /* -----------  Transfer  ——————---- end */
 /* -----------  DatePicker  ——————---- start */
 /* -----------  DatePicker  ——————---- end */
+/* -----------  ColorPicker  ——————---- start */
+/* -----------  ColorPicker  ——————---- end */
 /* -----------  Tree  ——————---- start */
 /* -----------  Tree  ——————---- end */
 /* -----------  Alert  ——————---- start */

package/es/input-number/style/index.css

@@ -56,6 +56,8 @@
 /* -----------  Transfer  ——————---- end */
 /* -----------  DatePicker  ——————---- start */
 /* -----------  DatePicker  ——————---- end */
+/* -----------  ColorPicker  ——————---- start */
+/* -----------  ColorPicker  ——————---- end */
 /* -----------  Tree  ——————---- start */
 /* -----------  Tree  ——————---- end */
 /* -----------  Alert  ——————---- start */

package/es/layout/style/index.css

@@ -56,6 +56,8 @@
 /* -----------  Transfer  ——————---- end */
 /* -----------  DatePicker  ——————---- start */
 /* -----------  DatePicker  ——————---- end */
+/* -----------  ColorPicker  ——————---- start */
+/* -----------  ColorPicker  ——————---- end */
 /* -----------  Tree  ——————---- start */
 /* -----------  Tree  ——————---- end */
 /* -----------  Alert  ——————---- start */

package/es/link/style/index.css

@@ -56,6 +56,8 @@
 /* -----------  Transfer  ——————---- end */
 /* -----------  DatePicker  ——————---- start */
 /* -----------  DatePicker  ——————---- end */
+/* -----------  ColorPicker  ——————---- start */
+/* -----------  ColorPicker  ——————---- end */
 /* -----------  Tree  ——————---- start */
 /* -----------  Tree  ——————---- end */
 /* -----------  Alert  ——————---- start */

package/es/locale/locale.d.ts

@@ -59,11 +59,15 @@ declare class LocaleCache {
         'QuickSearch.desc': string[];
         'QuickSearch.nplDesc': string;
         'QuickSearch.emptyTip': string;
+        /**
+         * 获取当前语言包数据
+         */
         'QuickSearch.or': string;
         'CityPicker.domestic': string;
         'CityPicker.internation': string;
         'CityPicker.common': string;
         'CityPicker.noData': string;
+        'ColorPicker.followFunctionalColor': string;
         'Search.placeholder': string;
         'Search.desc': string[];
         'Search.nplDesc': string;

package/es/locale/locale.js

@@ -1,5 +1,6 @@
 import _typeof from "@babel/runtime-corejs3/helpers/typeof";
 import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
+import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _classCallCheck from "@babel/runtime-corejs3/helpers/classCallCheck";
 import _createClass from "@babel/runtime-corejs3/helpers/createClass";
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
@@ -26,13 +27,14 @@ var LocaleCache = /*#__PURE__*/function () {
   _createClass(LocaleCache, [{
     key: "setLocalesData",
     value: function setLocalesData(locale, localeData) {
-      var newLocaleData = localeData || this.localesData[locale];
-      if (!newLocaleData) {
+      if (!(localeData || this.localesData[locale])) {
         console.error("\u7F3A\u5C11\u8BED\u8A00".concat(locale, "\u5BF9\u5E94\u7684\u8BED\u8A00\u5305\uFF0C\u8BF7\u68C0\u67E5\u540E\u91CD\u65B0\u8BBE\u7F6E"));
         return;
       }
-      this.locale = locale;
-      this.localesData[locale] = newLocaleData;
+      var newLocaleData = _extends(_extends({}, zhCNData), localeData);
+      var newLocale = locale || (newLocaleData === null || newLocaleData === void 0 ? void 0 : newLocaleData.locale);
+      this.locale = newLocale;
+      this.localesData[newLocale] = newLocaleData;
       return localeData;
     }
     /**

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

@@ -38,6 +38,7 @@ declare const locale: {
     'CityPicker.internation': string;
     'CityPicker.common': string;
     'CityPicker.noData': string;
+    'ColorPicker.followFunctionalColor': string;
     'Search.placeholder': string;
     'Search.desc': string[];
     'Search.nplDesc': string;

package/es/locale/zh-CN.js

@@ -42,6 +42,7 @@ var locale = _extends(_extends({
   'CityPicker.internation': '国际',
   'CityPicker.common': '常用',
   'CityPicker.noData': '暂无数据',
+  'ColorPicker.followFunctionalColor': '跟随主题色',
   'Search.placeholder': '请输入需要搜索的内容',
   'Search.desc': ['空格代表"或"，回车代表"且"'],
   'Search.nplDesc': '智能搜索',

package/es/menu/style/index.css

@@ -56,6 +56,8 @@
 /* -----------  Transfer  ——————---- end */
 /* -----------  DatePicker  ——————---- start */
 /* -----------  DatePicker  ——————---- end */
+/* -----------  ColorPicker  ——————---- start */
+/* -----------  ColorPicker  ——————---- end */
 /* -----------  Tree  ——————---- start */
 /* -----------  Tree  ——————---- end */
 /* -----------  Alert  ——————---- start */

package/es/message/style/index.css

@@ -56,6 +56,8 @@
 /* -----------  Transfer  ——————---- end */
 /* -----------  DatePicker  ——————---- start */
 /* -----------  DatePicker  ——————---- end */
+/* -----------  ColorPicker  ——————---- start */
+/* -----------  ColorPicker  ——————---- end */
 /* -----------  Tree  ——————---- start */
 /* -----------  Tree  ——————---- end */
 /* -----------  Alert  ——————---- start */