@kdcloudjs/kdesign 1.7.0 → 1.7.1

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

@@ -0,0 +1,166 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.valOfCorrespondingType = exports.strFixed = exports.presetColorToHEX = exports.highlightPresetColorIndex = exports.getColorObj = exports.colorFormat = void 0;
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+var _findIndex = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find-index"));
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+var _color = _interopRequireDefault(require("color"));
+var _validateColor = require("./validateColor");
+var _convertLetters = require("./convertLetters");
+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 = (0, _color.default)(getColorObj(colorStr)).alpha(alpha);
+  var toHex = function toHex() {
+    if (/^#([0-9a-fA-F]{8})$/.test(colorStr)) {
+      if (formatHex) {
+        return (0, _convertLetters.toLowerCase)(alpha === 1 ? ColorTools.hex() : ColorTools.hexa());
+      } else {
+        return colorStr;
+      }
+    } else {
+      return (0, _convertLetters.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
+    }];
+  }
+};
+exports.colorFormat = colorFormat;
+var getColorObj = function getColorObj(colorStr) {
+  var colorArray = colorStr.split(',');
+  var type = (0, _validateColor.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 (0, _concat.default)(_context = (0, _concat.default)(_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 (0, _concat.default)(_context3 = (0, _concat.default)(_context4 = (0, _concat.default)(_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 (0, _concat.default)(_context6 = (0, _concat.default)(_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 (0, _concat.default)(_context8 = (0, _concat.default)(_context9 = (0, _concat.default)(_context10 = "rgba(".concat(strFixed(_r), ",")).call(_context10, strFixed(g), ",")).call(_context9, strFixed(_b3), ",")).call(_context8, strFixed(_a2, 2), ")");
+    }
+  } else {
+    return colorStr;
+  }
+};
+exports.getColorObj = getColorObj;
+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 (0, _concat.default)(_context11 = (0, _concat.default)(_context12 = (0, _concat.default)(_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 (0, _concat.default)(_context14 = (0, _concat.default)(_context15 = (0, _concat.default)(_context16 = (0, _concat.default)(_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), ")");
+  }
+};
+var strFixed = function strFixed(numStr) {
+  var num = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  return +(+numStr).toFixed(num);
+};
+exports.strFixed = strFixed;
+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;
+};
+exports.valOfCorrespondingType = valOfCorrespondingType;
+var highlightPresetColorIndex = function highlightPresetColorIndex(color, colorArr) {
+  var index = (0, _findIndex.default)(colorArr).call(colorArr, function (val) {
+    return val === color;
+  });
+  return index;
+};
+exports.highlightPresetColorIndex = highlightPresetColorIndex;
+var presetColorToHEX = function presetColorToHEX(colorArr) {
+  if (!colorArr) return [];
+  var hexColorArr = (0, _map.default)(colorArr).call(colorArr, function (color) {
+    return colorFormat(color, 1, 'HEX');
+  });
+  return hexColorArr;
+};
+exports.presetColorToHEX = presetColorToHEX;

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

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

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toLowerCase = toLowerCase;
+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/lib/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/lib/color-picker/utils/hooks/useOnClickOutside.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var useOnClickOutside = function useOnClickOutside(refArr, handler) {
+  (0, _react.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]);
+};
+var _default = useOnClickOutside;
+exports.default = _default;

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

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

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

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.validateColor = validateColor;
+// 输入框颜色类型校验
+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/lib/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;

package/lib/config-provider/compDefaultProps.js

@@ -76,6 +76,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',

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/index.d.ts

@@ -54,3 +54,4 @@ 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/lib/index.js

@@ -85,6 +85,12 @@ Object.defineProperty(exports, "Collapse", {
     return _collapse.default;
   }
 });
+Object.defineProperty(exports, "ColorPicker", {
+  enumerable: true,
+  get: function get() {
+    return _colorPicker.default;
+  }
+});
 Object.defineProperty(exports, "ConfigProvider", {
   enumerable: true,
   get: function get() {
@@ -423,6 +429,7 @@ var _stepper = _interopRequireDefault(require("./stepper"));
 var _baseData = _interopRequireDefault(require("./base-data"));
 var _link = _interopRequireDefault(require("./link"));
 var _treeSelect = _interopRequireDefault(require("./tree-select"));
+var _colorPicker = _interopRequireDefault(require("./color-picker"));
 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; }
 /* @remove-on-es-build-begin */

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/locale/locale.js

@@ -13,6 +13,7 @@ var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-sta
 var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/typeof"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
 var _react = _interopRequireDefault(require("react"));
@@ -34,13 +35,14 @@ var LocaleCache = /*#__PURE__*/function () {
   (0, _createClass2.default)(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 = (0, _extends2.default)((0, _extends2.default)({}, _zhCN.default), localeData);
+      var newLocale = locale || (newLocaleData === null || newLocaleData === void 0 ? void 0 : newLocaleData.locale);
+      this.locale = newLocale;
+      this.localesData[newLocale] = newLocaleData;
       return localeData;
     }
     /**

package/lib/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/lib/locale/zh-CN.js

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

package/lib/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/lib/message/style/index.css

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

package/lib/modal/style/index.css

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

package/lib/notification/style/index.css

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