@kdcloudjs/kdesign 1.7.0 → 1.7.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (208) hide show
  1. package/CHANGELOG.md +33 -0
  2. package/dist/default-theme.js +4 -5
  3. package/dist/kdesign-complete.less +332 -35
  4. package/dist/kdesign.css +549 -30
  5. package/dist/kdesign.css.map +1 -1
  6. package/dist/kdesign.js +21841 -3922
  7. package/dist/kdesign.js.map +1 -1
  8. package/dist/kdesign.min.css +3 -3
  9. package/dist/kdesign.min.js +9 -9
  10. package/dist/kdesign.min.js.map +1 -1
  11. package/es/alert/style/index.css +2 -0
  12. package/es/anchor/style/index.css +2 -0
  13. package/es/avatar/style/index.css +2 -0
  14. package/es/badge/style/index.css +2 -0
  15. package/es/base-data/style/index.css +2 -0
  16. package/es/button/style/index.css +2 -0
  17. package/es/card/style/index.css +2 -0
  18. package/es/carousel/style/index.css +2 -0
  19. package/es/cascader/style/index.css +2 -0
  20. package/es/checkbox/style/index.css +2 -0
  21. package/es/city-picker/style/index.css +2 -0
  22. package/es/collapse/style/index.css +2 -0
  23. package/es/color-picker/color-picker-panel.d.ts +4 -0
  24. package/es/color-picker/color-picker-panel.js +239 -0
  25. package/es/color-picker/color-picker.d.ts +4 -0
  26. package/es/color-picker/color-picker.js +201 -0
  27. package/es/color-picker/constant/colorTypes.d.ts +4 -0
  28. package/es/color-picker/constant/colorTypes.js +13 -0
  29. package/es/color-picker/constant/defaultColor.d.ts +1 -0
  30. package/es/color-picker/constant/defaultColor.js +1 -0
  31. package/es/color-picker/constant/systemPresetColor.d.ts +1 -0
  32. package/es/color-picker/constant/systemPresetColor.js +1 -0
  33. package/es/color-picker/index.d.ts +3 -0
  34. package/es/color-picker/index.js +3 -0
  35. package/es/color-picker/interface.d.ts +64 -0
  36. package/es/color-picker/interface.js +3 -0
  37. package/es/color-picker/style/css.js +2 -0
  38. package/es/color-picker/style/index.css +323 -0
  39. package/es/color-picker/style/index.d.ts +2 -0
  40. package/es/color-picker/style/index.js +2 -0
  41. package/es/color-picker/style/index.less +257 -0
  42. package/es/color-picker/style/mixin.less +5 -0
  43. package/es/color-picker/style/token.less +22 -0
  44. package/es/color-picker/utils/colorFormat.d.ts +18 -0
  45. package/es/color-picker/utils/colorFormat.js +153 -0
  46. package/es/color-picker/utils/convertLetters.d.ts +1 -0
  47. package/es/color-picker/utils/convertLetters.js +12 -0
  48. package/es/color-picker/utils/hooks/useOnClickOutside.d.ts +2 -0
  49. package/es/color-picker/utils/hooks/useOnClickOutside.js +16 -0
  50. package/es/color-picker/utils/validateColor.d.ts +1 -0
  51. package/es/color-picker/utils/validateColor.js +24 -0
  52. package/es/config-provider/compDefaultProps.d.ts +12 -0
  53. package/es/config-provider/compDefaultProps.js +12 -0
  54. package/es/date-picker/style/index.css +2 -0
  55. package/es/drawer/style/index.css +2 -0
  56. package/es/dropdown/dropdown.js +2 -7
  57. package/es/dropdown/menu.js +3 -0
  58. package/es/dropdown/style/index.css +2 -0
  59. package/es/empty/style/index.css +2 -0
  60. package/es/filter/style/index.css +2 -0
  61. package/es/form/style/index.css +2 -0
  62. package/es/grid/style/index.css +2 -0
  63. package/es/icon/style/index.css +2 -0
  64. package/es/image/style/index.css +2 -0
  65. package/es/image-cropper/style/index.css +2 -0
  66. package/es/index.d.ts +1 -0
  67. package/es/index.js +2 -1
  68. package/es/input/style/index.css +2 -0
  69. package/es/input-number/style/index.css +2 -0
  70. package/es/layout/style/index.css +2 -0
  71. package/es/link/style/index.css +2 -0
  72. package/es/locale/locale.d.ts +4 -0
  73. package/es/locale/locale.js +6 -4
  74. package/es/locale/zh-CN.d.ts +1 -0
  75. package/es/locale/zh-CN.js +1 -0
  76. package/es/menu/style/index.css +2 -0
  77. package/es/message/style/index.css +2 -0
  78. package/es/modal/modal.d.ts +7 -1
  79. package/es/modal/modal.js +29 -5
  80. package/es/modal/style/index.css +2 -0
  81. package/es/notification/style/index.css +2 -0
  82. package/es/pagination/style/index.css +116 -29
  83. package/es/pagination/style/index.less +38 -29
  84. package/es/popconfirm/style/index.css +2 -0
  85. package/es/progress/style/index.css +2 -0
  86. package/es/radio/style/index.css +2 -0
  87. package/es/rate/style/index.css +2 -0
  88. package/es/search/style/index.css +2 -0
  89. package/es/select/style/index.css +2 -0
  90. package/es/slider/style/index.css +2 -0
  91. package/es/space/style/index.css +2 -0
  92. package/es/spin/style/index.css +2 -0
  93. package/es/split-panel/style/index.css +2 -0
  94. package/es/stepper/style/index.css +2 -0
  95. package/es/steps/style/index.css +2 -0
  96. package/es/style/index.css +2 -0
  97. package/es/style/themes/default.less +10 -6
  98. package/es/switch/style/index.css +2 -0
  99. package/es/table/style/index.css +2 -0
  100. package/es/tabs/style/index.css +2 -0
  101. package/es/tag/style/index.css +2 -0
  102. package/es/timeline/style/index.css +2 -0
  103. package/es/tooltip/style/index.css +2 -0
  104. package/es/transfer/style/index.css +2 -0
  105. package/es/tree/style/index.css +2 -0
  106. package/es/tree-select/style/index.css +2 -0
  107. package/es/typography/style/index.css +2 -0
  108. package/es/upload/style/index.css +2 -0
  109. package/lib/alert/style/index.css +2 -0
  110. package/lib/anchor/style/index.css +2 -0
  111. package/lib/avatar/style/index.css +2 -0
  112. package/lib/badge/style/index.css +2 -0
  113. package/lib/base-data/style/index.css +2 -0
  114. package/lib/button/style/index.css +2 -0
  115. package/lib/card/style/index.css +2 -0
  116. package/lib/carousel/style/index.css +2 -0
  117. package/lib/cascader/style/index.css +2 -0
  118. package/lib/checkbox/style/index.css +2 -0
  119. package/lib/city-picker/style/index.css +2 -0
  120. package/lib/collapse/style/index.css +2 -0
  121. package/lib/color-picker/color-picker-panel.d.ts +4 -0
  122. package/lib/color-picker/color-picker-panel.js +253 -0
  123. package/lib/color-picker/color-picker.d.ts +4 -0
  124. package/lib/color-picker/color-picker.js +214 -0
  125. package/lib/color-picker/constant/colorTypes.d.ts +4 -0
  126. package/lib/color-picker/constant/colorTypes.js +20 -0
  127. package/lib/color-picker/constant/defaultColor.d.ts +1 -0
  128. package/lib/color-picker/constant/defaultColor.js +8 -0
  129. package/lib/color-picker/constant/systemPresetColor.d.ts +1 -0
  130. package/lib/color-picker/constant/systemPresetColor.js +8 -0
  131. package/lib/color-picker/index.d.ts +3 -0
  132. package/lib/color-picker/index.js +27 -0
  133. package/lib/color-picker/interface.d.ts +64 -0
  134. package/lib/color-picker/interface.js +11 -0
  135. package/lib/color-picker/style/css.js +4 -0
  136. package/lib/color-picker/style/index.css +323 -0
  137. package/lib/color-picker/style/index.d.ts +2 -0
  138. package/lib/color-picker/style/index.js +4 -0
  139. package/lib/color-picker/style/index.less +257 -0
  140. package/lib/color-picker/style/mixin.less +5 -0
  141. package/lib/color-picker/style/token.less +22 -0
  142. package/lib/color-picker/utils/colorFormat.d.ts +18 -0
  143. package/lib/color-picker/utils/colorFormat.js +166 -0
  144. package/lib/color-picker/utils/convertLetters.d.ts +1 -0
  145. package/lib/color-picker/utils/convertLetters.js +18 -0
  146. package/lib/color-picker/utils/hooks/useOnClickOutside.d.ts +2 -0
  147. package/lib/color-picker/utils/hooks/useOnClickOutside.js +23 -0
  148. package/lib/color-picker/utils/validateColor.d.ts +1 -0
  149. package/lib/color-picker/utils/validateColor.js +30 -0
  150. package/lib/config-provider/compDefaultProps.d.ts +12 -0
  151. package/lib/config-provider/compDefaultProps.js +12 -0
  152. package/lib/date-picker/style/index.css +2 -0
  153. package/lib/drawer/style/index.css +2 -0
  154. package/lib/dropdown/dropdown.js +2 -7
  155. package/lib/dropdown/menu.js +3 -0
  156. package/lib/dropdown/style/index.css +2 -0
  157. package/lib/empty/style/index.css +2 -0
  158. package/lib/filter/style/index.css +2 -0
  159. package/lib/form/style/index.css +2 -0
  160. package/lib/grid/style/index.css +2 -0
  161. package/lib/icon/style/index.css +2 -0
  162. package/lib/image/style/index.css +2 -0
  163. package/lib/image-cropper/style/index.css +2 -0
  164. package/lib/index.d.ts +1 -0
  165. package/lib/index.js +7 -0
  166. package/lib/input/style/index.css +2 -0
  167. package/lib/input-number/style/index.css +2 -0
  168. package/lib/layout/style/index.css +2 -0
  169. package/lib/link/style/index.css +2 -0
  170. package/lib/locale/locale.d.ts +4 -0
  171. package/lib/locale/locale.js +6 -4
  172. package/lib/locale/zh-CN.d.ts +1 -0
  173. package/lib/locale/zh-CN.js +1 -0
  174. package/lib/menu/style/index.css +2 -0
  175. package/lib/message/style/index.css +2 -0
  176. package/lib/modal/modal.d.ts +7 -1
  177. package/lib/modal/modal.js +31 -7
  178. package/lib/modal/style/index.css +2 -0
  179. package/lib/notification/style/index.css +2 -0
  180. package/lib/pagination/style/index.css +116 -29
  181. package/lib/pagination/style/index.less +38 -29
  182. package/lib/popconfirm/style/index.css +2 -0
  183. package/lib/progress/style/index.css +2 -0
  184. package/lib/radio/style/index.css +2 -0
  185. package/lib/rate/style/index.css +2 -0
  186. package/lib/search/style/index.css +2 -0
  187. package/lib/select/style/index.css +2 -0
  188. package/lib/slider/style/index.css +2 -0
  189. package/lib/space/style/index.css +2 -0
  190. package/lib/spin/style/index.css +2 -0
  191. package/lib/split-panel/style/index.css +2 -0
  192. package/lib/stepper/style/index.css +2 -0
  193. package/lib/steps/style/index.css +2 -0
  194. package/lib/style/components.less +1 -0
  195. package/lib/style/index.css +2 -0
  196. package/lib/style/themes/default.less +10 -6
  197. package/lib/switch/style/index.css +2 -0
  198. package/lib/table/style/index.css +2 -0
  199. package/lib/tabs/style/index.css +2 -0
  200. package/lib/tag/style/index.css +2 -0
  201. package/lib/timeline/style/index.css +2 -0
  202. package/lib/tooltip/style/index.css +2 -0
  203. package/lib/transfer/style/index.css +2 -0
  204. package/lib/tree/style/index.css +2 -0
  205. package/lib/tree-select/style/index.css +2 -0
  206. package/lib/typography/style/index.css +2 -0
  207. package/lib/upload/style/index.css +2 -0
  208. package/package.json +5 -1
@@ -0,0 +1,166 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.valOfCorrespondingType = exports.strFixed = exports.presetColorToHEX = exports.highlightPresetColorIndex = exports.getColorObj = exports.colorFormat = void 0;
8
+ var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
9
+ var _findIndex = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find-index"));
10
+ var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
11
+ var _color = _interopRequireDefault(require("color"));
12
+ var _validateColor = require("./validateColor");
13
+ var _convertLetters = require("./convertLetters");
14
+ var colorFormat = function colorFormat(colorStr) {
15
+ var alpha = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
16
+ var outType = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'all';
17
+ var formatHex = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
18
+ var ColorTools = (0, _color.default)(getColorObj(colorStr)).alpha(alpha);
19
+ var toHex = function toHex() {
20
+ if (/^#([0-9a-fA-F]{8})$/.test(colorStr)) {
21
+ if (formatHex) {
22
+ return (0, _convertLetters.toLowerCase)(alpha === 1 ? ColorTools.hex() : ColorTools.hexa());
23
+ } else {
24
+ return colorStr;
25
+ }
26
+ } else {
27
+ return (0, _convertLetters.toLowerCase)(alpha === 1 ? ColorTools.hex() : ColorTools.hexa());
28
+ }
29
+ };
30
+ var HEX = toHex();
31
+ var HSB = colorToStr(ColorTools.hsv());
32
+ var RGB = ColorTools.rgb().string();
33
+ var HSL = colorToStr(ColorTools.hsl());
34
+ if (outType === 'HEX') return HEX;
35
+ if (outType === 'HSB') return HSB;
36
+ if (outType === 'HSL') return HSL;
37
+ if (outType === 'RGB') return RGB;
38
+ if (outType === 'all') {
39
+ return [{
40
+ type: 'HEX',
41
+ value: HEX
42
+ }, {
43
+ type: 'HSB',
44
+ value: HSB
45
+ }, {
46
+ type: 'RGB',
47
+ value: RGB
48
+ }, {
49
+ type: 'HSL',
50
+ value: HSL
51
+ }];
52
+ }
53
+ };
54
+ exports.colorFormat = colorFormat;
55
+ var getColorObj = function getColorObj(colorStr) {
56
+ var colorArray = colorStr.split(',');
57
+ var type = (0, _validateColor.validateColor)(colorStr);
58
+ if (type === 'HSB' || type === 'HSBA') {
59
+ var s = removePercentage(colorArray[1]);
60
+ if (type === 'HSB') {
61
+ var h = colorArray[0].replace('hsb(', '');
62
+ var b = colorArray[2].replace(')', '');
63
+ return {
64
+ h: h,
65
+ s: s,
66
+ v: removePercentage(b)
67
+ };
68
+ } else {
69
+ var _h = colorArray[0].replace('hsba(', '');
70
+ var _b = colorArray[2];
71
+ var a = colorArray[3].replace(')', '');
72
+ return {
73
+ h: +_h,
74
+ s: s,
75
+ v: removePercentage(_b),
76
+ alpha: +a
77
+ };
78
+ }
79
+ } else if (type === 'HSL' || type === 'HSLA') {
80
+ var _s = addPercentage(colorArray[1]);
81
+ if (type === 'HSL') {
82
+ var _context, _context2;
83
+ var _h2 = colorArray[0].replace('hsl(', '');
84
+ var l = colorArray[2].replace(')', '');
85
+ return (0, _concat.default)(_context = (0, _concat.default)(_context2 = "hsl(".concat(_h2, ",")).call(_context2, _s, ",")).call(_context, addPercentage(l), ")");
86
+ } else {
87
+ var _context3, _context4, _context5;
88
+ var _h3 = colorArray[0].replace('hsla(', '');
89
+ var _l = colorArray[2];
90
+ var _a = colorArray[3].replace(')', '');
91
+ 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, ")");
92
+ }
93
+ } else if (type === 'RGB' || type === 'RGBA') {
94
+ var g = colorArray[1];
95
+ if (type === 'RGB') {
96
+ var _context6, _context7;
97
+ var r = colorArray[0].replace('rgb(', '');
98
+ var _b2 = colorArray[2].replace(')', '');
99
+ return (0, _concat.default)(_context6 = (0, _concat.default)(_context7 = "rgb(".concat(strFixed(r), ",")).call(_context7, strFixed(g), ",")).call(_context6, strFixed(_b2), ")");
100
+ } else {
101
+ var _context8, _context9, _context10;
102
+ var _r = colorArray[0].replace('rgba(', '');
103
+ var _b3 = colorArray[2];
104
+ var _a2 = colorArray[3].replace(')', '');
105
+ 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), ")");
106
+ }
107
+ } else {
108
+ return colorStr;
109
+ }
110
+ };
111
+ exports.getColorObj = getColorObj;
112
+ var addPercentage = function addPercentage(parameter) {
113
+ return (parameter === null || parameter === void 0 ? void 0 : parameter.indexOf('%')) !== -1 ? parameter : +parameter > 0 && +parameter <= 1 ? +parameter * 100 + '%' : parameter + '%';
114
+ };
115
+ var removePercentage = function removePercentage(parameter) {
116
+ return (parameter === null || parameter === void 0 ? void 0 : parameter.indexOf('%')) !== -1 ? +parameter.replace('%', '') : +parameter > 0 && +parameter <= 1 ? +parameter * 100 : +parameter;
117
+ };
118
+ var colorToStr = function colorToStr(obj) {
119
+ var arr = obj.color;
120
+ if (obj.valpha === 1) {
121
+ var _context11, _context12, _context13;
122
+ 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]), "%)");
123
+ } else {
124
+ var _context14, _context15, _context16, _context17;
125
+ 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), ")");
126
+ }
127
+ };
128
+ var strFixed = function strFixed(numStr) {
129
+ var num = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
130
+ return +(+numStr).toFixed(num);
131
+ };
132
+ exports.strFixed = strFixed;
133
+ var valOfCorrespondingType = function valOfCorrespondingType(currentColorType) {
134
+ var index;
135
+ switch (currentColorType) {
136
+ case 'HEX':
137
+ index = 0;
138
+ break;
139
+ case 'HSB':
140
+ index = 1;
141
+ break;
142
+ case 'RGB':
143
+ index = 2;
144
+ break;
145
+ case 'HSL':
146
+ index = 3;
147
+ break;
148
+ }
149
+ return index;
150
+ };
151
+ exports.valOfCorrespondingType = valOfCorrespondingType;
152
+ var highlightPresetColorIndex = function highlightPresetColorIndex(color, colorArr) {
153
+ var index = (0, _findIndex.default)(colorArr).call(colorArr, function (val) {
154
+ return val === color;
155
+ });
156
+ return index;
157
+ };
158
+ exports.highlightPresetColorIndex = highlightPresetColorIndex;
159
+ var presetColorToHEX = function presetColorToHEX(colorArr) {
160
+ if (!colorArr) return [];
161
+ var hexColorArr = (0, _map.default)(colorArr).call(colorArr, function (color) {
162
+ return colorFormat(color, 1, 'HEX');
163
+ });
164
+ return hexColorArr;
165
+ };
166
+ exports.presetColorToHEX = presetColorToHEX;
@@ -0,0 +1 @@
1
+ export declare function toLowerCase(str: string): string;
@@ -0,0 +1,18 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.toLowerCase = toLowerCase;
7
+ function toLowerCase(str) {
8
+ var result = '';
9
+ for (var i = 0; i < str.length; i++) {
10
+ var charCode = str.charCodeAt(i);
11
+ if (charCode >= 65 && charCode <= 90) {
12
+ result += String.fromCharCode(charCode + 32);
13
+ } else {
14
+ result += str[i];
15
+ }
16
+ }
17
+ return result;
18
+ }
@@ -0,0 +1,2 @@
1
+ declare const useOnClickOutside: (refArr: Array<any>, handler: (e: Event) => void) => void;
2
+ export default useOnClickOutside;
@@ -0,0 +1,23 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _react = require("react");
8
+ var useOnClickOutside = function useOnClickOutside(refArr, handler) {
9
+ (0, _react.useEffect)(function () {
10
+ var mouseDownListener = function mouseDownListener(event) {
11
+ if (refArr.some(function (ref) {
12
+ return !ref.current || ref.current.contains(event.target);
13
+ })) {
14
+ return;
15
+ }
16
+ handler(event);
17
+ };
18
+ document.addEventListener('mousedown', mouseDownListener);
19
+ document.addEventListener('touchstart', mouseDownListener);
20
+ }, [refArr, handler]);
21
+ };
22
+ var _default = useOnClickOutside;
23
+ exports.default = _default;
@@ -0,0 +1 @@
1
+ export declare function validateColor(color: string): string;
@@ -0,0 +1,30 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.validateColor = validateColor;
7
+ // 输入框颜色类型校验
8
+ function validateColor(color) {
9
+ var hexReg = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/;
10
+ var hexaReg = /^#([0-9a-fA-F]{8})$/;
11
+ var hsbReg = /^hsb\(\s*(-?\d+|-?\d*\.\d+)(?:,\s*(-?\d+|-?\d*\.\d+|-?\d+%|-?\d*\.\d+%)){2}\s*\)$/;
12
+ var hsbaReg = /^hsba\(\s*(-?\d+|-?\d*\.\d+)(?:,\s*(-?\d+|-?\d*\.\d+|-?\d+%|-?\d*\.\d+%)){2}\s*,\s*(-?\d+|-?\d*\.\d+)\)$/;
13
+ // const rgbaReg = /^rgba\(\s*(-?\d+|-?\d*\.\d+)(?:,\s*(-?\d+|-?\d*\.\d+)){2},\s*(-?\d+|-?\d*\.\d+)|(^\d+%)\s*\)$/
14
+ var rgbaReg = /^rgba\(\s*(-?\d+|-?\d*\.\d+)(?:,\s*(-?\d+|-?\d*\.\d+)){2},\s*(-?\d+|-?\d*\.\d+)\)$/;
15
+ var rgbReg = /^rgb\(\s*(-?\d+|-?\d*\.\d+)(?:,\s*(-?\d+|-?\d*\.\d+)){2}\)$/;
16
+ var hslReg = /^hsl\(\s*(-?\d+|-?\d*\.\d+)(?:,\s*(-?\d+|-?\d*\.\d+|-?\d+%|-?\d*\.\d+%)){2}\s*\)$/;
17
+ var hslaReg = /^hsla\(\s*(-?\d+|-?\d*\.\d+)(?:,\s*(-?\d+|-?\d*\.\d+|-?\d+%|-?\d*\.\d+%)){2}\s*,\s*(-?\d+|-?\d*\.\d+)\)$/;
18
+ // const hslaReg = /^hsla\(\s*(-?\d+|-?\d*\.\d+)(?:,\s*(-?\d+|-?\d*\.\d+)){2}\s*,\s*(-?\d+|-?\d*\.\d+)|(^\d+%)\s*\)$/
19
+ 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)$/;
20
+ if (hexReg.test(color)) return 'HEX';
21
+ if (hexaReg.test(color)) return 'HEXA';
22
+ if (hsbReg.test(color)) return 'HSB';
23
+ if (hsbaReg.test(color)) return 'HSBA';
24
+ if (rgbaReg.test(color)) return 'RGBA';
25
+ if (rgbReg.test(color)) return 'RGB';
26
+ if (hslReg.test(color)) return 'HSL';
27
+ if (hslaReg.test(color)) return 'HSLA';
28
+ if (colorNameReg.test(color)) return 'colorName';
29
+ return '';
30
+ }
@@ -60,6 +60,18 @@ declare const compDefaultProps: {
60
60
  CollapsePanel: {
61
61
  disabled: boolean;
62
62
  };
63
+ ColorPicker: {
64
+ borderType: string;
65
+ defaultOpen: boolean;
66
+ functionalColorName: string;
67
+ switchName: {
68
+ name: string;
69
+ internationalName: string;
70
+ };
71
+ placeholder: string;
72
+ showColorTransfer: boolean;
73
+ showPresetColor: boolean;
74
+ };
63
75
  Checkbox: {
64
76
  defaultChecked: boolean;
65
77
  checkboxType: string;
@@ -76,6 +76,18 @@ var compDefaultProps = {
76
76
  CollapsePanel: {
77
77
  disabled: false
78
78
  },
79
+ ColorPicker: {
80
+ borderType: 'bordered',
81
+ defaultOpen: false,
82
+ functionalColorName: '#themeColor',
83
+ switchName: {
84
+ name: '跟随主题色',
85
+ internationalName: 'followFunctionalColor'
86
+ },
87
+ placeholder: '#',
88
+ showColorTransfer: true,
89
+ showPresetColor: true
90
+ },
79
91
  Checkbox: {
80
92
  defaultChecked: false,
81
93
  checkboxType: 'default',
@@ -56,6 +56,8 @@
56
56
  /* ----------- Transfer ——————---- end */
57
57
  /* ----------- DatePicker ——————---- start */
58
58
  /* ----------- DatePicker ——————---- end */
59
+ /* ----------- ColorPicker ——————---- start */
60
+ /* ----------- ColorPicker ——————---- end */
59
61
  /* ----------- Tree ——————---- start */
60
62
  /* ----------- Tree ——————---- end */
61
63
  /* ----------- Alert ——————---- start */
@@ -56,6 +56,8 @@
56
56
  /* ----------- Transfer ——————---- end */
57
57
  /* ----------- DatePicker ——————---- start */
58
58
  /* ----------- DatePicker ——————---- end */
59
+ /* ----------- ColorPicker ——————---- start */
60
+ /* ----------- ColorPicker ——————---- end */
59
61
  /* ----------- Tree ——————---- start */
60
62
  /* ----------- Tree ——————---- end */
61
63
  /* ----------- Alert ——————---- start */
@@ -28,7 +28,7 @@ var findItem = function findItem(element) {
28
28
  }
29
29
  };
30
30
  var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
31
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
31
+ var _a, _b, _c;
32
32
  var _React$useContext = React.useContext(_ConfigContext.default),
33
33
  getPrefixCls = _React$useContext.getPrefixCls,
34
34
  pkgPrefixCls = _React$useContext.prefixCls,
@@ -86,12 +86,7 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
86
86
  onClick: handleItemClick,
87
87
  selectable: menuSelectable
88
88
  });
89
- 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';
90
- var menuElement = isMenu ? Array.isArray((_q = menu.props) === null || _q === void 0 ? void 0 : _q.children) || isItem ? cloneObj : /*#__PURE__*/React.createElement("ul", {
91
- className: "".concat(prefixCls, "-menu"),
92
- onClick: handleItemClick,
93
- role: "menu"
94
- }, menu.props.children) : /*#__PURE__*/React.createElement("ul", {
89
+ var menuElement = isMenu ? cloneObj : /*#__PURE__*/React.createElement("ul", {
95
90
  className: "".concat(prefixCls, "-menu"),
96
91
  onClick: handleItemClick,
97
92
  role: "menu"
@@ -42,6 +42,9 @@ var Menu = /*#__PURE__*/React.forwardRef(function (props, ref) {
42
42
  // className前缀
43
43
  var prefixCls = getPrefixCls(pkgPrefixCls, 'dropdown-menu', customPrefixcls);
44
44
  var cloneItem = function cloneItem(item, index) {
45
+ if (! /*#__PURE__*/React.isValidElement(item)) {
46
+ return item;
47
+ }
45
48
  var key = item.key || index;
46
49
  var selected = selectable && String(selectedKey) === String(key);
47
50
  return /*#__PURE__*/React.cloneElement(item, {
@@ -56,6 +56,8 @@
56
56
  /* ----------- Transfer ——————---- end */
57
57
  /* ----------- DatePicker ——————---- start */
58
58
  /* ----------- DatePicker ——————---- end */
59
+ /* ----------- ColorPicker ——————---- start */
60
+ /* ----------- ColorPicker ——————---- end */
59
61
  /* ----------- Tree ——————---- start */
60
62
  /* ----------- Tree ——————---- end */
61
63
  /* ----------- Alert ——————---- start */
@@ -56,6 +56,8 @@
56
56
  /* ----------- Transfer ——————---- end */
57
57
  /* ----------- DatePicker ——————---- start */
58
58
  /* ----------- DatePicker ——————---- end */
59
+ /* ----------- ColorPicker ——————---- start */
60
+ /* ----------- ColorPicker ——————---- end */
59
61
  /* ----------- Tree ——————---- start */
60
62
  /* ----------- Tree ——————---- end */
61
63
  /* ----------- Alert ——————---- start */
@@ -56,6 +56,8 @@
56
56
  /* ----------- Transfer ——————---- end */
57
57
  /* ----------- DatePicker ——————---- start */
58
58
  /* ----------- DatePicker ——————---- end */
59
+ /* ----------- ColorPicker ——————---- start */
60
+ /* ----------- ColorPicker ——————---- end */
59
61
  /* ----------- Tree ——————---- start */
60
62
  /* ----------- Tree ——————---- end */
61
63
  /* ----------- Alert ——————---- start */
@@ -56,6 +56,8 @@
56
56
  /* ----------- Transfer ——————---- end */
57
57
  /* ----------- DatePicker ——————---- start */
58
58
  /* ----------- DatePicker ——————---- end */
59
+ /* ----------- ColorPicker ——————---- start */
60
+ /* ----------- ColorPicker ——————---- end */
59
61
  /* ----------- Tree ——————---- start */
60
62
  /* ----------- Tree ——————---- end */
61
63
  /* ----------- Alert ——————---- start */
@@ -56,6 +56,8 @@
56
56
  /* ----------- Transfer ——————---- end */
57
57
  /* ----------- DatePicker ——————---- start */
58
58
  /* ----------- DatePicker ——————---- end */
59
+ /* ----------- ColorPicker ——————---- start */
60
+ /* ----------- ColorPicker ——————---- end */
59
61
  /* ----------- Tree ——————---- start */
60
62
  /* ----------- Tree ——————---- end */
61
63
  /* ----------- Alert ——————---- start */
@@ -56,6 +56,8 @@
56
56
  /* ----------- Transfer ——————---- end */
57
57
  /* ----------- DatePicker ——————---- start */
58
58
  /* ----------- DatePicker ——————---- end */
59
+ /* ----------- ColorPicker ——————---- start */
60
+ /* ----------- ColorPicker ——————---- end */
59
61
  /* ----------- Tree ——————---- start */
60
62
  /* ----------- Tree ——————---- end */
61
63
  /* ----------- Alert ——————---- start */
@@ -56,6 +56,8 @@
56
56
  /* ----------- Transfer ——————---- end */
57
57
  /* ----------- DatePicker ——————---- start */
58
58
  /* ----------- DatePicker ——————---- end */
59
+ /* ----------- ColorPicker ——————---- start */
60
+ /* ----------- ColorPicker ——————---- end */
59
61
  /* ----------- Tree ——————---- start */
60
62
  /* ----------- Tree ——————---- end */
61
63
  /* ----------- Alert ——————---- start */
@@ -56,6 +56,8 @@
56
56
  /* ----------- Transfer ——————---- end */
57
57
  /* ----------- DatePicker ——————---- start */
58
58
  /* ----------- DatePicker ——————---- end */
59
+ /* ----------- ColorPicker ——————---- start */
60
+ /* ----------- ColorPicker ——————---- end */
59
61
  /* ----------- Tree ——————---- start */
60
62
  /* ----------- Tree ——————---- end */
61
63
  /* ----------- Alert ——————---- start */
package/lib/index.d.ts CHANGED
@@ -54,3 +54,4 @@ export { default as Stepper } from './stepper';
54
54
  export { default as BaseData } from './base-data';
55
55
  export { default as Link } from './link';
56
56
  export { default as TreeSelect } from './tree-select';
57
+ export { default as ColorPicker } from './color-picker';
package/lib/index.js CHANGED
@@ -85,6 +85,12 @@ Object.defineProperty(exports, "Collapse", {
85
85
  return _collapse.default;
86
86
  }
87
87
  });
88
+ Object.defineProperty(exports, "ColorPicker", {
89
+ enumerable: true,
90
+ get: function get() {
91
+ return _colorPicker.default;
92
+ }
93
+ });
88
94
  Object.defineProperty(exports, "ConfigProvider", {
89
95
  enumerable: true,
90
96
  get: function get() {
@@ -423,6 +429,7 @@ var _stepper = _interopRequireDefault(require("./stepper"));
423
429
  var _baseData = _interopRequireDefault(require("./base-data"));
424
430
  var _link = _interopRequireDefault(require("./link"));
425
431
  var _treeSelect = _interopRequireDefault(require("./tree-select"));
432
+ var _colorPicker = _interopRequireDefault(require("./color-picker"));
426
433
  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); }
427
434
  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; }
428
435
  /* @remove-on-es-build-begin */
@@ -56,6 +56,8 @@
56
56
  /* ----------- Transfer ——————---- end */
57
57
  /* ----------- DatePicker ——————---- start */
58
58
  /* ----------- DatePicker ——————---- end */
59
+ /* ----------- ColorPicker ——————---- start */
60
+ /* ----------- ColorPicker ——————---- end */
59
61
  /* ----------- Tree ——————---- start */
60
62
  /* ----------- Tree ——————---- end */
61
63
  /* ----------- Alert ——————---- start */
@@ -56,6 +56,8 @@
56
56
  /* ----------- Transfer ——————---- end */
57
57
  /* ----------- DatePicker ——————---- start */
58
58
  /* ----------- DatePicker ——————---- end */
59
+ /* ----------- ColorPicker ——————---- start */
60
+ /* ----------- ColorPicker ——————---- end */
59
61
  /* ----------- Tree ——————---- start */
60
62
  /* ----------- Tree ——————---- end */
61
63
  /* ----------- Alert ——————---- start */
@@ -56,6 +56,8 @@
56
56
  /* ----------- Transfer ——————---- end */
57
57
  /* ----------- DatePicker ——————---- start */
58
58
  /* ----------- DatePicker ——————---- end */
59
+ /* ----------- ColorPicker ——————---- start */
60
+ /* ----------- ColorPicker ——————---- end */
59
61
  /* ----------- Tree ——————---- start */
60
62
  /* ----------- Tree ——————---- end */
61
63
  /* ----------- Alert ——————---- start */
@@ -56,6 +56,8 @@
56
56
  /* ----------- Transfer ——————---- end */
57
57
  /* ----------- DatePicker ——————---- start */
58
58
  /* ----------- DatePicker ——————---- end */
59
+ /* ----------- ColorPicker ——————---- start */
60
+ /* ----------- ColorPicker ——————---- end */
59
61
  /* ----------- Tree ——————---- start */
60
62
  /* ----------- Tree ——————---- end */
61
63
  /* ----------- Alert ——————---- start */
@@ -59,11 +59,15 @@ declare class LocaleCache {
59
59
  'QuickSearch.desc': string[];
60
60
  'QuickSearch.nplDesc': string;
61
61
  'QuickSearch.emptyTip': string;
62
+ /**
63
+ * 获取当前语言包数据
64
+ */
62
65
  'QuickSearch.or': string;
63
66
  'CityPicker.domestic': string;
64
67
  'CityPicker.internation': string;
65
68
  'CityPicker.common': string;
66
69
  'CityPicker.noData': string;
70
+ 'ColorPicker.followFunctionalColor': string;
67
71
  'Search.placeholder': string;
68
72
  'Search.desc': string[];
69
73
  'Search.nplDesc': string;
@@ -13,6 +13,7 @@ var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-sta
13
13
  var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
14
14
  var _typeof2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/typeof"));
15
15
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
16
+ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
16
17
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
17
18
  var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
18
19
  var _react = _interopRequireDefault(require("react"));
@@ -34,13 +35,14 @@ var LocaleCache = /*#__PURE__*/function () {
34
35
  (0, _createClass2.default)(LocaleCache, [{
35
36
  key: "setLocalesData",
36
37
  value: function setLocalesData(locale, localeData) {
37
- var newLocaleData = localeData || this.localesData[locale];
38
- if (!newLocaleData) {
38
+ if (!(localeData || this.localesData[locale])) {
39
39
  console.error("\u7F3A\u5C11\u8BED\u8A00".concat(locale, "\u5BF9\u5E94\u7684\u8BED\u8A00\u5305\uFF0C\u8BF7\u68C0\u67E5\u540E\u91CD\u65B0\u8BBE\u7F6E"));
40
40
  return;
41
41
  }
42
- this.locale = locale;
43
- this.localesData[locale] = newLocaleData;
42
+ var newLocaleData = (0, _extends2.default)((0, _extends2.default)({}, _zhCN.default), localeData);
43
+ var newLocale = locale || (newLocaleData === null || newLocaleData === void 0 ? void 0 : newLocaleData.locale);
44
+ this.locale = newLocale;
45
+ this.localesData[newLocale] = newLocaleData;
44
46
  return localeData;
45
47
  }
46
48
  /**
@@ -38,6 +38,7 @@ declare const locale: {
38
38
  'CityPicker.internation': string;
39
39
  'CityPicker.common': string;
40
40
  'CityPicker.noData': string;
41
+ 'ColorPicker.followFunctionalColor': string;
41
42
  'Search.placeholder': string;
42
43
  'Search.desc': string[];
43
44
  'Search.nplDesc': string;
@@ -49,6 +49,7 @@ var locale = (0, _extends2.default)((0, _extends2.default)({
49
49
  'CityPicker.internation': '国际',
50
50
  'CityPicker.common': '常用',
51
51
  'CityPicker.noData': '暂无数据',
52
+ 'ColorPicker.followFunctionalColor': '跟随主题色',
52
53
  'Search.placeholder': '请输入需要搜索的内容',
53
54
  'Search.desc': ['空格代表"或",回车代表"且"'],
54
55
  'Search.nplDesc': '智能搜索',
@@ -56,6 +56,8 @@
56
56
  /* ----------- Transfer ——————---- end */
57
57
  /* ----------- DatePicker ——————---- start */
58
58
  /* ----------- DatePicker ——————---- end */
59
+ /* ----------- ColorPicker ——————---- start */
60
+ /* ----------- ColorPicker ——————---- end */
59
61
  /* ----------- Tree ——————---- start */
60
62
  /* ----------- Tree ——————---- end */
61
63
  /* ----------- Alert ——————---- start */
@@ -56,6 +56,8 @@
56
56
  /* ----------- Transfer ——————---- end */
57
57
  /* ----------- DatePicker ——————---- start */
58
58
  /* ----------- DatePicker ——————---- end */
59
+ /* ----------- ColorPicker ——————---- start */
60
+ /* ----------- ColorPicker ——————---- end */
59
61
  /* ----------- Tree ——————---- start */
60
62
  /* ----------- Tree ——————---- end */
61
63
  /* ----------- Alert ——————---- start */
@@ -1,5 +1,6 @@
1
1
  import React, { ReactNode, CSSProperties } from 'react';
2
2
  import { IButtonProps } from '../button/button';
3
+ import type { DraggableBounds, DraggableEventHandler } from 'react-draggable';
3
4
  declare type CSSSelector = string;
4
5
  export declare const ConfirmModalTypes: string[];
5
6
  export declare const ModalTypes: ["confirm", "warning", "error", "normal"];
@@ -8,6 +9,7 @@ export interface IModalProps {
8
9
  body?: ReactNode;
9
10
  bodyClassName?: string;
10
11
  bodyStyle?: CSSProperties;
12
+ style?: CSSProperties;
11
13
  cancelButtonProps?: IButtonProps;
12
14
  cancelText?: ReactNode;
13
15
  className?: string;
@@ -40,6 +42,10 @@ export interface IModalProps {
40
42
  visible?: boolean;
41
43
  width?: number;
42
44
  showline?: boolean;
45
+ bounds?: DraggableBounds | string | false;
46
+ onDragStart?: DraggableEventHandler;
47
+ onDrag?: DraggableEventHandler;
48
+ onDragStop?: DraggableEventHandler;
43
49
  }
44
- declare const Modal: React.FC<IModalProps>;
50
+ declare const Modal: React.ForwardRefExoticComponent<IModalProps & React.RefAttributes<unknown>>;
45
51
  export default Modal;