@kdcloudjs/kdesign 1.7.68-stable.1 → 1.7.68-stable.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 (19) hide show
  1. package/dist/kdesign-complete.less +21 -3
  2. package/dist/kdesign.css +21 -4
  3. package/dist/kdesign.css.map +1 -1
  4. package/dist/kdesign.js +5 -3
  5. package/dist/kdesign.js.map +1 -1
  6. package/dist/kdesign.min.css +2 -2
  7. package/dist/kdesign.min.js +2 -2
  8. package/dist/kdesign.min.js.map +1 -1
  9. package/es/color-picker/color-picker-panel.js +3 -2
  10. package/es/color-picker/style/index.css +19 -2
  11. package/es/color-picker/style/index.less +19 -1
  12. package/es/style/core/reset.less +2 -2
  13. package/es/style/index.css +1 -1
  14. package/lib/color-picker/color-picker-panel.js +3 -2
  15. package/lib/color-picker/style/index.css +19 -2
  16. package/lib/color-picker/style/index.less +19 -1
  17. package/lib/style/core/reset.less +2 -2
  18. package/lib/style/index.css +1 -1
  19. package/package.json +1 -1
package/es/color-picker/color-picker-panel.js CHANGED
@@ -14,8 +14,9 @@ import Color from 'color';
14
14
  import { ChromePicker } from 'react-color';
15
15
  import devWarning from '../_utils/devwarning';
16
16
  import { useOnClickOutside } from '../_utils/hooks';
17
+ import { isIE } from '../_utils/ieUtil';
17
18
  var ColorPickerPanel = function ColorPickerPanel(props) {
18
- var _classNames, _context;
19
+ var _classNames, _classNames2, _context;
19
20
  var setCorrectColorValue = props.setCorrectColorValue,
20
21
  setInputColorValue = props.setInputColorValue,
21
22
  setAlpha = props.setAlpha,
@@ -61,7 +62,7 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
61
62
  var panelContainerCls = classNames("".concat(colorPickerPrefixCls, "-panel-container"));
62
63
  var panelInputCls = classNames("".concat(colorPickerPrefixCls, "-panel-container-input"));
63
64
  var transparentCls = classNames("".concat(colorPickerPrefixCls, "-panel-container-transparent"));
64
- var colorDivContainerCls = classNames("".concat(colorPickerPrefixCls, "-panel-colorDivContainer"), _defineProperty({}, "".concat(colorPickerPrefixCls, "-panel-colorDivContainer-unset-color"), (presetColor === null || presetColor === void 0 ? void 0 : presetColor.length) === 0));
65
+ var colorDivContainerCls = classNames("".concat(colorPickerPrefixCls, "-panel-colorDivContainer"), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(colorPickerPrefixCls, "-panel-colorDivContainer-unset-color"), (presetColor === null || presetColor === void 0 ? void 0 : presetColor.length) === 0), _defineProperty(_classNames2, "".concat(colorPickerPrefixCls, "-panel-colorDivContainer-ie11"), isIE), _classNames2));
65
66
  var colorLiClick = function colorLiClick(index, colorValue) {
66
67
  var formatArr = colorFormat(colorValue, alpha);
67
68
  var formatValue = toLowerCase(formatArr[valOfCorrespondingType(currentColorType)].value);
package/es/color-picker/style/index.css CHANGED
@@ -314,8 +314,8 @@
314
314
  }
315
315
  .kd-color-picker-pop .kd-color-picker-panel-container-transparent {
316
316
  -webkit-box-flex: 0;
317
- -ms-flex: 0 0 60px;
318
- flex: 0 0 60px;
317
+ -ms-flex: 0 1 60px;
318
+ flex: 0 1 60px;
319
319
  height: 28px;
320
320
  margin-left: 8px;
321
321
  text-align: center;
@@ -328,6 +328,23 @@
328
328
  grid-row-gap: 8px;
329
329
  margin-top: 12px;
330
330
  }
331
+ .kd-color-picker-pop .kd-color-picker-panel-colorDivContainer-ie11 {
332
+ display: -webkit-box;
333
+ display: -ms-flexbox;
334
+ display: flex;
335
+ -ms-flex-wrap: wrap;
336
+ flex-wrap: wrap;
337
+ }
338
+ .kd-color-picker-pop .kd-color-picker-panel-colorDivContainer-ie11 li {
339
+ margin-right: 8px;
340
+ margin-top: 8px;
341
+ }
342
+ .kd-color-picker-pop .kd-color-picker-panel-colorDivContainer-ie11 li:nth-child(12n) {
343
+ margin-right: 0;
344
+ }
345
+ .kd-color-picker-pop .kd-color-picker-panel-colorDivContainer-ie11 li:nth-child(-n+12) {
346
+ margin-top: 0;
347
+ }
331
348
  .kd-color-picker-pop .kd-color-picker-panel-colorDivContainer-unset-color {
332
349
  margin-top: 0;
333
350
  }
package/es/color-picker/style/index.less CHANGED
@@ -257,7 +257,7 @@
257
257
  }
258
258
 
259
259
  &-transparent {
260
- flex: 0 0 60px;
260
+ flex: 0 1 60px;
261
261
  height: 28px;
262
262
  margin-left: 8px;
263
263
  text-align: center;
@@ -272,6 +272,24 @@
272
272
  grid-row-gap: 8px;
273
273
  margin-top: 12px;
274
274
 
275
+ &-ie11 {
276
+ display: flex;
277
+ flex-wrap: wrap;
278
+
279
+ li {
280
+ margin-right: 8px;
281
+ margin-top: 8px;
282
+
283
+ &:nth-child(12n) {
284
+ margin-right: 0;
285
+ }
286
+
287
+ &:nth-child(-n+12) {
288
+ margin-top: 0;
289
+ }
290
+ }
291
+ }
292
+
275
293
  &-unset-color {
276
294
  margin-top: 0;
277
295
  }
package/es/style/core/reset.less CHANGED
@@ -24,8 +24,8 @@ input,
24
24
  textarea,
25
25
  select,
26
26
  button {
27
- font-family: 'Microsoft YaHei', 'PingFangSC-Regular', 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans GB',
28
- 'WenQuanYi Micro Hei', sans-serif;
27
+ font-family: 'Roboto', 'San Francisco', 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Hiragina Sans GB',
28
+ 'WenQuanYi Micro Hei', 'microsoft yahei ui', 'microsoft yahei', sans-serif;
29
29
  }
30
30
 
31
31
  body {
package/es/style/index.css CHANGED
@@ -1687,7 +1687,7 @@ input,
1687
1687
  textarea,
1688
1688
  select,
1689
1689
  button {
1690
- font-family: 'Microsoft YaHei', 'PingFangSC-Regular', 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;
1690
+ font-family: 'Roboto', 'San Francisco', 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Hiragina Sans GB', 'WenQuanYi Micro Hei', 'microsoft yahei ui', 'microsoft yahei', sans-serif;
1691
1691
  }
1692
1692
  body {
1693
1693
  -webkit-box-sizing: border-box;
package/lib/color-picker/color-picker-panel.js CHANGED
@@ -23,12 +23,13 @@ var _color = _interopRequireDefault(require("color"));
23
23
  var _reactColor = require("react-color");
24
24
  var _devwarning = _interopRequireDefault(require("../_utils/devwarning"));
25
25
  var _hooks = require("../_utils/hooks");
26
+ var _ieUtil = require("../_utils/ieUtil");
26
27
  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); }
27
28
  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; }
28
29
  /* eslint-disable */
29
30
 
30
31
  var ColorPickerPanel = function ColorPickerPanel(props) {
31
- var _classNames, _context;
32
+ var _classNames, _classNames2, _context;
32
33
  var setCorrectColorValue = props.setCorrectColorValue,
33
34
  setInputColorValue = props.setInputColorValue,
34
35
  setAlpha = props.setAlpha,
@@ -74,7 +75,7 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
74
75
  var panelContainerCls = (0, _classnames.default)("".concat(colorPickerPrefixCls, "-panel-container"));
75
76
  var panelInputCls = (0, _classnames.default)("".concat(colorPickerPrefixCls, "-panel-container-input"));
76
77
  var transparentCls = (0, _classnames.default)("".concat(colorPickerPrefixCls, "-panel-container-transparent"));
77
- var colorDivContainerCls = (0, _classnames.default)("".concat(colorPickerPrefixCls, "-panel-colorDivContainer"), (0, _defineProperty2.default)({}, "".concat(colorPickerPrefixCls, "-panel-colorDivContainer-unset-color"), (presetColor === null || presetColor === void 0 ? void 0 : presetColor.length) === 0));
78
+ var colorDivContainerCls = (0, _classnames.default)("".concat(colorPickerPrefixCls, "-panel-colorDivContainer"), (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, "".concat(colorPickerPrefixCls, "-panel-colorDivContainer-unset-color"), (presetColor === null || presetColor === void 0 ? void 0 : presetColor.length) === 0), (0, _defineProperty2.default)(_classNames2, "".concat(colorPickerPrefixCls, "-panel-colorDivContainer-ie11"), _ieUtil.isIE), _classNames2));
78
79
  var colorLiClick = function colorLiClick(index, colorValue) {
79
80
  var formatArr = (0, _colorFormat.colorFormat)(colorValue, alpha);
80
81
  var formatValue = (0, _convertLetters.toLowerCase)(formatArr[(0, _colorFormat.valOfCorrespondingType)(currentColorType)].value);
package/lib/color-picker/style/index.css CHANGED
@@ -314,8 +314,8 @@
314
314
  }
315
315
  .kd-color-picker-pop .kd-color-picker-panel-container-transparent {
316
316
  -webkit-box-flex: 0;
317
- -ms-flex: 0 0 60px;
318
- flex: 0 0 60px;
317
+ -ms-flex: 0 1 60px;
318
+ flex: 0 1 60px;
319
319
  height: 28px;
320
320
  margin-left: 8px;
321
321
  text-align: center;
@@ -328,6 +328,23 @@
328
328
  grid-row-gap: 8px;
329
329
  margin-top: 12px;
330
330
  }
331
+ .kd-color-picker-pop .kd-color-picker-panel-colorDivContainer-ie11 {
332
+ display: -webkit-box;
333
+ display: -ms-flexbox;
334
+ display: flex;
335
+ -ms-flex-wrap: wrap;
336
+ flex-wrap: wrap;
337
+ }
338
+ .kd-color-picker-pop .kd-color-picker-panel-colorDivContainer-ie11 li {
339
+ margin-right: 8px;
340
+ margin-top: 8px;
341
+ }
342
+ .kd-color-picker-pop .kd-color-picker-panel-colorDivContainer-ie11 li:nth-child(12n) {
343
+ margin-right: 0;
344
+ }
345
+ .kd-color-picker-pop .kd-color-picker-panel-colorDivContainer-ie11 li:nth-child(-n+12) {
346
+ margin-top: 0;
347
+ }
331
348
  .kd-color-picker-pop .kd-color-picker-panel-colorDivContainer-unset-color {
332
349
  margin-top: 0;
333
350
  }
package/lib/color-picker/style/index.less CHANGED
@@ -257,7 +257,7 @@
257
257
  }
258
258
 
259
259
  &-transparent {
260
- flex: 0 0 60px;
260
+ flex: 0 1 60px;
261
261
  height: 28px;
262
262
  margin-left: 8px;
263
263
  text-align: center;
@@ -272,6 +272,24 @@
272
272
  grid-row-gap: 8px;
273
273
  margin-top: 12px;
274
274
 
275
+ &-ie11 {
276
+ display: flex;
277
+ flex-wrap: wrap;
278
+
279
+ li {
280
+ margin-right: 8px;
281
+ margin-top: 8px;
282
+
283
+ &:nth-child(12n) {
284
+ margin-right: 0;
285
+ }
286
+
287
+ &:nth-child(-n+12) {
288
+ margin-top: 0;
289
+ }
290
+ }
291
+ }
292
+
275
293
  &-unset-color {
276
294
  margin-top: 0;
277
295
  }
package/lib/style/core/reset.less CHANGED
@@ -24,8 +24,8 @@ input,
24
24
  textarea,
25
25
  select,
26
26
  button {
27
- font-family: 'Microsoft YaHei', 'PingFangSC-Regular', 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans GB',
28
- 'WenQuanYi Micro Hei', sans-serif;
27
+ font-family: 'Roboto', 'San Francisco', 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Hiragina Sans GB',
28
+ 'WenQuanYi Micro Hei', 'microsoft yahei ui', 'microsoft yahei', sans-serif;
29
29
  }
30
30
 
31
31
  body {
package/lib/style/index.css CHANGED
@@ -1687,7 +1687,7 @@ input,
1687
1687
  textarea,
1688
1688
  select,
1689
1689
  button {
1690
- font-family: 'Microsoft YaHei', 'PingFangSC-Regular', 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;
1690
+ font-family: 'Roboto', 'San Francisco', 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Hiragina Sans GB', 'WenQuanYi Micro Hei', 'microsoft yahei ui', 'microsoft yahei', sans-serif;
1691
1691
  }
1692
1692
  body {
1693
1693
  -webkit-box-sizing: border-box;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kdcloudjs/kdesign",
3
- "version": "1.7.68-stable.1",
3
+ "version": "1.7.68-stable.2",
4
4
  "description": "KDesign 金蝶前端react 组件库",
5
5
  "title": "kdesign",
6
6
  "keywords": [