@kdcloudjs/kdesign 1.7.0 → 1.7.2

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;

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',

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/dropdown.js

@@ -16,7 +16,7 @@ var findItem = function findItem(element) {
   }
 };
 var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+  var _a, _b, _c;
   var _React$useContext = React.useContext(ConfigContext),
     getPrefixCls = _React$useContext.getPrefixCls,
     pkgPrefixCls = _React$useContext.prefixCls,
@@ -74,12 +74,7 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onClick: handleItemClick,
     selectable: menuSelectable
   });
-  var isItem = React.Children.count((_d = menu.props) === null || _d === void 0 ? void 0 : _d.children) === 1 && ((_g = (_f = (_e = menu.props) === null || _e === void 0 ? void 0 : _e.children) === null || _f === void 0 ? void 0 : _f.type) === null || _g === void 0 ? void 0 : _g.displayName) === 'DropdownMenuItem' || Array.isArray((_k = (_j = (_h = menu.props) === null || _h === void 0 ? void 0 : _h.children) === null || _j === void 0 ? void 0 : _j.props) === null || _k === void 0 ? void 0 : _k.children) || ((_p = (_o = (_m = (_l = menu.props) === null || _l === void 0 ? void 0 : _l.children) === null || _m === void 0 ? void 0 : _m.props) === null || _o === void 0 ? void 0 : _o.children.type) === null || _p === void 0 ? void 0 : _p.displayName) === 'DropdownMenuItem';
-  var menuElement = isMenu ? Array.isArray((_q = menu.props) === null || _q === void 0 ? void 0 : _q.children) || isItem ? cloneObj : /*#__PURE__*/React.createElement("ul", {
-    className: "".concat(prefixCls, "-menu"),
-    onClick: handleItemClick,
-    role: "menu"
-  }, menu.props.children) : /*#__PURE__*/React.createElement("ul", {
+  var menuElement = isMenu ? cloneObj : /*#__PURE__*/React.createElement("ul", {
     className: "".concat(prefixCls, "-menu"),
     onClick: handleItemClick,
     role: "menu"

package/es/dropdown/menu.js

@@ -30,6 +30,9 @@ var Menu = /*#__PURE__*/React.forwardRef(function (props, ref) {
   // className前缀
   var prefixCls = getPrefixCls(pkgPrefixCls, 'dropdown-menu', customPrefixcls);
   var cloneItem = function cloneItem(item, index) {
+    if (! /*#__PURE__*/React.isValidElement(item)) {
+      return item;
+    }
     var key = item.key || index;
     var selected = selectable && String(selectedKey) === String(key);
     return /*#__PURE__*/React.cloneElement(item, {

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

@@ -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/es/index.js

@@ -53,4 +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 TreeSelect } from './tree-select';
+export { default as ColorPicker } from './color-picker';

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 */

package/es/modal/modal.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode, CSSProperties } from 'react';
 import { IButtonProps } from '../button/button';
+import type { DraggableBounds, DraggableEventHandler } from 'react-draggable';
 declare type CSSSelector = string;
 export declare const ConfirmModalTypes: string[];
 export declare const ModalTypes: ["confirm", "warning", "error", "normal"];
@@ -8,6 +9,7 @@ export interface IModalProps {
     body?: ReactNode;
     bodyClassName?: string;
     bodyStyle?: CSSProperties;
+    style?: CSSProperties;
     cancelButtonProps?: IButtonProps;
     cancelText?: ReactNode;
     className?: string;
@@ -40,6 +42,10 @@ export interface IModalProps {
     visible?: boolean;
     width?: number;
     showline?: boolean;
+    bounds?: DraggableBounds | string | false;
+    onDragStart?: DraggableEventHandler;
+    onDrag?: DraggableEventHandler;
+    onDragStop?: DraggableEventHandler;
 }
-declare const Modal: React.FC<IModalProps>;
+declare const Modal: React.ForwardRefExoticComponent<IModalProps & React.RefAttributes<unknown>>;
 export default Modal;