@kdcloudjs/kdesign 1.7.50 → 1.7.51

package/es/color-picker/color-picker-panel.js

@@ -10,7 +10,7 @@ import { colorFormat, valOfCorrespondingType, strFixed, getColorObj, highlightPr
 import { defaultSystemColor } from './constant/defaultColor';
 import { validateColor } from './utils/validateColor';
 import { toLowerCase } from './utils/convertLetters';
-import Color from 'color';
+import Color from 'color-ie';
 import { ChromePicker } from 'react-color';
 import devWarning from '../_utils/devwarning';
 import { useOnClickOutside } from '../_utils/hooks';

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

@@ -11,7 +11,7 @@ import ColorPickerPanel from './color-picker-panel';
 import { colorFormat, strFixed, getColorObj, valOfCorrespondingType, highlightPresetColorIndex, presetColorToHEX } from './utils/colorFormat';
 import { toLowerCase } from './utils/convertLetters';
 import { defaultSystemColor } from './constant/defaultColor';
-import Color from 'color';
+import Color from 'color-ie';
 import { getCompProps } from '../_utils';
 import usePopper from '../_utils/usePopper';
 import { systemPresetColor } from './constant/systemPresetColor';

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

@@ -1,7 +1,7 @@
 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 Color from 'color-ie';
 import { validateColor } from './validateColor';
 import { toLowerCase } from './convertLetters';
 export var colorFormat = function colorFormat(colorStr) {

package/es/grid/row.js

@@ -75,10 +75,10 @@ var Row = function Row(props) {
     }
   }
   var rowStyle = {
-    'row-gap': "".concat(gap.v, "px"),
+    rowGap: "".concat(gap.v, "px"),
     margin: "0 ".concat(-1 * gap.h / 2, "px")
   };
-  if (gap.v && isSogouOrIe) rowStyle['margin-bottom'] = "".concat(-1 * gap.v, "px");
+  if (gap.v && isSogouOrIe) rowStyle.marginBottom = "".concat(-1 * gap.v, "px");
   var toalign = {
     top: 'flex-start',
     middle: 'center',

package/es/qr-code/qr-code.js

@@ -4,7 +4,7 @@ import React, { useContext } from 'react';
 import classNames from 'classnames';
 import ConfigContext from '../config-provider/ConfigContext';
 import { getCompProps } from '../_utils';
-import { QRCodeCanvas, QRCodeSVG } from 'qrcode.react';
+import { QRCodeCanvas, QRCodeSVG } from 'qrcode.react-ie';
 import Spin from '../spin';
 import Button from '../button';
 import Icon from '../icon';

package/lib/color-picker/color-picker-panel.js

@@ -19,7 +19,7 @@ var _colorFormat = require("./utils/colorFormat");
 var _defaultColor = require("./constant/defaultColor");
 var _validateColor = require("./utils/validateColor");
 var _convertLetters = require("./utils/convertLetters");
-var _color = _interopRequireDefault(require("color"));
+var _colorIe = _interopRequireDefault(require("color-ie"));
 var _reactColor = require("react-color");
 var _devwarning = _interopRequireDefault(require("../_utils/devwarning"));
 var _hooks = require("../_utils/hooks");
@@ -152,7 +152,7 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
           setIsFollow(switchValue);
           if (switchValue) {
             formatArr = (0, _colorFormat.colorFormat)(functionalColor, alpha);
-            setPanelState(formatArr, formatArr[(0, _colorFormat.valOfCorrespondingType)(currentColorType)].value, functionalColorName, (0, _colorFormat.strFixed)((0, _color.default)((0, _colorFormat.getColorObj)(functionalColor)).alpha(), 2), (0, _colorFormat.strFixed)((0, _color.default)((0, _colorFormat.getColorObj)(functionalColor)).alpha(), 2) * 100 + '%');
+            setPanelState(formatArr, formatArr[(0, _colorFormat.valOfCorrespondingType)(currentColorType)].value, functionalColorName, (0, _colorFormat.strFixed)((0, _colorIe.default)((0, _colorFormat.getColorObj)(functionalColor)).alpha(), 2), (0, _colorFormat.strFixed)((0, _colorIe.default)((0, _colorFormat.getColorObj)(functionalColor)).alpha(), 2) * 100 + '%');
             setClickedColorIndex((0, _colorFormat.highlightPresetColorIndex)(formatArr[0].value, (0, _colorFormat.presetColorToHEX)(presetColor || _systemPresetColor.systemPresetColor)));
           } else {
             formatArr = (0, _colorFormat.colorFormat)(_defaultColor.defaultSystemColor, 1, 'all', true);

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

@@ -21,7 +21,7 @@ var _colorPickerPanel = _interopRequireDefault(require("./color-picker-panel"));
 var _colorFormat = require("./utils/colorFormat");
 var _convertLetters = require("./utils/convertLetters");
 var _defaultColor = require("./constant/defaultColor");
-var _color = _interopRequireDefault(require("color"));
+var _colorIe = _interopRequireDefault(require("color-ie"));
 var _utils = require("../_utils");
 var _usePopper = _interopRequireDefault(require("../_utils/usePopper"));
 var _systemPresetColor = require("./constant/systemPresetColor");
@@ -105,8 +105,8 @@ var ColorPicker = function ColorPicker(props) {
       setAlphaNoVerifyVal(alphaStr);
     };
     if (inputValType) {
-      var formatArr = (0, _colorFormat.colorFormat)(inpValue, (0, _colorFormat.strFixed)((0, _color.default)((0, _colorFormat.getColorObj)(inpValue)).alpha(), 2));
-      setState(formatArr, formatArr[(0, _colorFormat.valOfCorrespondingType)(currentColorType)].value, (0, _color.default)((0, _colorFormat.getColorObj)(inpValue)).alpha(), ((0, _colorFormat.strFixed)((0, _color.default)((0, _colorFormat.getColorObj)(inpValue)).alpha(), 2) * 100).toFixed() + '%');
+      var formatArr = (0, _colorFormat.colorFormat)(inpValue, (0, _colorFormat.strFixed)((0, _colorIe.default)((0, _colorFormat.getColorObj)(inpValue)).alpha(), 2));
+      setState(formatArr, formatArr[(0, _colorFormat.valOfCorrespondingType)(currentColorType)].value, (0, _colorIe.default)((0, _colorFormat.getColorObj)(inpValue)).alpha(), ((0, _colorFormat.strFixed)((0, _colorIe.default)((0, _colorFormat.getColorObj)(inpValue)).alpha(), 2) * 100).toFixed() + '%');
       setClickedColorIndex((0, _colorFormat.highlightPresetColorIndex)(formatArr[0].value, (0, _colorFormat.presetColorToHEX)(presetColor || _systemPresetColor.systemPresetColor)));
     } else {
       var _formatArr = (0, _colorFormat.colorFormat)(_defaultColor.defaultSystemColor);

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

@@ -8,14 +8,14 @@ exports.valOfCorrespondingType = exports.strFixed = exports.presetColorToHEX = e
 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 _colorIe = _interopRequireDefault(require("color-ie"));
 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 ColorTools = (0, _colorIe.default)(getColorObj(colorStr)).alpha(alpha);
   var toHex = function toHex() {
     if (/^#([0-9a-fA-F]{8})$/.test(colorStr)) {
       if (formatHex) {

package/lib/grid/row.js

@@ -88,10 +88,10 @@ var Row = function Row(props) {
     }
   }
   var rowStyle = {
-    'row-gap': "".concat(gap.v, "px"),
+    rowGap: "".concat(gap.v, "px"),
     margin: "0 ".concat(-1 * gap.h / 2, "px")
   };
-  if (gap.v && isSogouOrIe) rowStyle['margin-bottom'] = "".concat(-1 * gap.v, "px");
+  if (gap.v && isSogouOrIe) rowStyle.marginBottom = "".concat(-1 * gap.v, "px");
   var toalign = {
     top: 'flex-start',
     middle: 'center',

package/lib/qr-code/qr-code.js

@@ -14,7 +14,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigContext"));
 var _utils = require("../_utils");
-var _qrcode = require("qrcode.react");
+var _qrcode = require("qrcode.react-ie");
 var _spin = _interopRequireDefault(require("../spin"));
 var _button = _interopRequireDefault(require("../button"));
 var _icon = _interopRequireDefault(require("../icon"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kdcloudjs/kdesign",
-  "version": "1.7.50",
+  "version": "1.7.51",
   "description": "KDesign 金蝶前端react 组件库",
   "title": "kdesign",
   "keywords": [
@@ -85,14 +85,14 @@
     "axios": "^0.21.1",
     "big.js": "^6.0.2",
     "classnames": "^2.2.6",
-    "color": "^4.2.3",
+    "color-ie": "^4.2.5",
     "copy-to-clipboard": "^3.3.1",
     "cropperjs": "^1.5.12",
     "css-vars-ponyfill": "^2.4.8",
     "date-fns": "2.28.0",
     "js-cookie": "^3.0.1",
     "lodash": "^4.17.20",
-    "qrcode.react": "^3.1.0",
+    "qrcode.react-ie": "^3.1.3",
     "react-color": "^2.19.3",
     "react-draggable": "^4.4.3",
     "react-popper": "^2.2.3",