@kdcloudjs/kdesign 1.7.68-stable.1 → 1.7.68-stable.3

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

@@ -14,8 +14,9 @@ import Color from 'color';
 import { ChromePicker } from 'react-color';
 import devWarning from '../_utils/devwarning';
 import { useOnClickOutside } from '../_utils/hooks';
+import { isIE } from '../_utils/ieUtil';
 var ColorPickerPanel = function ColorPickerPanel(props) {
-  var _classNames, _context;
+  var _classNames, _classNames2, _context;
   var setCorrectColorValue = props.setCorrectColorValue,
     setInputColorValue = props.setInputColorValue,
     setAlpha = props.setAlpha,
@@ -61,7 +62,7 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
   var panelContainerCls = classNames("".concat(colorPickerPrefixCls, "-panel-container"));
   var panelInputCls = classNames("".concat(colorPickerPrefixCls, "-panel-container-input"));
   var transparentCls = classNames("".concat(colorPickerPrefixCls, "-panel-container-transparent"));
-  var colorDivContainerCls = classNames("".concat(colorPickerPrefixCls, "-panel-colorDivContainer"), _defineProperty({}, "".concat(colorPickerPrefixCls, "-panel-colorDivContainer-unset-color"), (presetColor === null || presetColor === void 0 ? void 0 : presetColor.length) === 0));
+  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));
   var colorLiClick = function colorLiClick(index, colorValue) {
     var formatArr = colorFormat(colorValue, alpha);
     var formatValue = toLowerCase(formatArr[valOfCorrespondingType(currentColorType)].value);

package/es/color-picker/style/index.css

@@ -314,8 +314,8 @@
 }
 .kd-color-picker-pop .kd-color-picker-panel-container-transparent {
   -webkit-box-flex: 0;
-      -ms-flex: 0 0 60px;
-          flex: 0 0 60px;
+      -ms-flex: 0 1 60px;
+          flex: 0 1 60px;
   height: 28px;
   margin-left: 8px;
   text-align: center;
@@ -328,6 +328,23 @@
   grid-row-gap: 8px;
   margin-top: 12px;
 }
+.kd-color-picker-pop .kd-color-picker-panel-colorDivContainer-ie11 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+}
+.kd-color-picker-pop .kd-color-picker-panel-colorDivContainer-ie11 li {
+  margin-right: 8px;
+  margin-top: 8px;
+}
+.kd-color-picker-pop .kd-color-picker-panel-colorDivContainer-ie11 li:nth-child(12n) {
+  margin-right: 0;
+}
+.kd-color-picker-pop .kd-color-picker-panel-colorDivContainer-ie11 li:nth-child(-n+12) {
+  margin-top: 0;
+}
 .kd-color-picker-pop .kd-color-picker-panel-colorDivContainer-unset-color {
   margin-top: 0;
 }

package/es/color-picker/style/index.less

@@ -257,7 +257,7 @@
       }
 
       &-transparent {
-        flex: 0 0 60px;
+        flex: 0 1 60px;
         height: 28px;
         margin-left: 8px;
         text-align: center;
@@ -272,6 +272,24 @@
       grid-row-gap: 8px;
       margin-top: 12px;
 
+      &-ie11 {
+        display: flex;
+        flex-wrap: wrap;
+
+        li {
+          margin-right: 8px;
+          margin-top: 8px;
+
+          &:nth-child(12n) {
+            margin-right: 0;
+          }
+
+          &:nth-child(-n+12) {
+            margin-top: 0;
+          }
+        }
+      }
+
       &-unset-color {
         margin-top: 0;
       }

package/es/grid/col.js

@@ -47,10 +47,10 @@ var Col = function Col(props) {
     if (testBrowserType(/^sogou/i, 0)) return true;
     // 判断是否是IE浏览器
     if (/Trident|MSIE/.test(navigator.userAgent)) return true;
-    // 判断是否是chrome浏览器，chrome浏览器版本号小于69
+    // 判断是否是chrome浏览器，chrome浏览器版本号小于83(统信浏览器)
     if (/Chrome/.test(navigator.userAgent) && !/Chromium/.test(navigator.userAgent)) {
       var version = navigator.userAgent.split('Chrome/')[1].split('.');
-      if (version[0] && parseInt(version[0]) <= 69) return true;
+      if (version[0] && parseInt(version[0]) <= 83) return true;
     }
     return false;
   };

package/es/grid/row.js

@@ -48,10 +48,10 @@ var Row = function Row(props) {
     if (testBrowserType(/^sogou/i, 0)) return true;
     // 判断是否是IE浏览器
     if (/Trident|MSIE/.test(navigator.userAgent)) return true;
-    // 判断是否是chrome浏览器，chrome浏览器版本号小于69
+    // 判断是否是chrome浏览器，chrome浏览器版本号小于83(统信浏览器)
     if (/Chrome/.test(navigator.userAgent) && !/Chromium/.test(navigator.userAgent)) {
       var version = navigator.userAgent.split('Chrome/')[1].split('.');
-      if (version[0] && parseInt(version[0]) <= 69) return true;
+      if (version[0] && parseInt(version[0]) <= 83) return true;
     }
     return false;
   };

package/es/modal/modal.js

@@ -24,6 +24,7 @@ import devWarning from '../_utils/devwarning';
 import Draggable from 'react-draggable';
 import { getLangMsg } from '../locale/locale';
 import { useHideDocumentScrollBar } from '../_utils/hooks';
+import { isIE } from '../_utils/ieUtil';
 export var ConfirmModalTypes = ['confirm', 'normal'];
 export var ModalTypes = tuple('confirm', 'warning', 'error', 'normal');
 var DragDirection;
@@ -375,7 +376,7 @@ var InternalModal = function InternalModal(props, ref) {
     }
   };
   var isHidden = !destroyOnClose && !(isForceController ? visible : innerVisible);
-  var modalClasses = classNames(modalPrefixCls, className, (_classNames3 = {}, _defineProperty(_classNames3, "".concat(modalPrefixCls, "-container"), true), _defineProperty(_classNames3, "".concat(modalPrefixCls, "-container-hidden"), isHidden), _defineProperty(_classNames3, "".concat(modalPrefixCls, "-container-show"), !isHidden), _classNames3));
+  var modalClasses = classNames(modalPrefixCls, className, (_classNames3 = {}, _defineProperty(_classNames3, "".concat(modalPrefixCls, "-container"), true), _defineProperty(_classNames3, "".concat(modalPrefixCls, "-container-ie"), isIE), _defineProperty(_classNames3, "".concat(modalPrefixCls, "-container-hidden"), isHidden), _defineProperty(_classNames3, "".concat(modalPrefixCls, "-container-show"), !isHidden), _classNames3));
   var headerClass = "".concat(modalPrefixCls, "-header");
   var container = /*#__PURE__*/React.createElement("div", {
     className: classNames((_classNames4 = {}, _defineProperty(_classNames4, "".concat(modalPrefixCls, "-container-box"), true), _defineProperty(_classNames4, "".concat(modalPrefixCls, "-has-container-box"), modalContainer && !overroll), _defineProperty(_classNames4, "".concat(modalPrefixCls, "-showline"), showline), _classNames4)),

package/es/modal/style/index.css

@@ -113,6 +113,9 @@
   position: relative;
   z-index: var(--kd-c-modal-z-index, var(--kd-g-z-index-dialog, 1050));
 }
+.kd-modal-container-ie {
+  position: absolute;
+}
 .kd-modal-container-show {
   -webkit-animation: kdModalEffect calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) both;
           animation: kdModalEffect calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) both;

package/es/modal/style/index.less

@@ -24,6 +24,10 @@
     position: relative;
     z-index: @modal-z-index-dialog;
 
+    &-ie {
+      position: absolute;
+    }
+
     &-show {
       animation: kdModalEffect calc(@transition-duration - 0.1s) @ease both;
     }

package/es/select/style/index.css

@@ -573,17 +573,17 @@
       -ms-user-select: none;
           user-select: none;
 }
-.kd-select .kd-select-selection-item-small {
+.kd-select .kd-select-selection-item.kd-select-selection-item-small {
   height: 20px;
   line-height: 18px;
   font-size: 12px;
 }
-.kd-select .kd-select-selection-item-middle {
+.kd-select .kd-select-selection-item.kd-select-selection-item-middle {
   font-size: 12px;
   height: 20px;
   line-height: 18px;
 }
-.kd-select .kd-select-selection-item-large {
+.kd-select .kd-select-selection-item.kd-select-selection-item-large {
   font-size: 14px;
   line-height: 22px;
   height: 22px;

package/es/select/style/index.less

@@ -311,19 +311,19 @@
     max-width: 100%;
     cursor: default;
     user-select: none;
-    &-small {
+    &.@{select-prefix-cls}-selection-item-small {
       height: 20px;
       line-height: 18px;
       font-size: 12px;
     }
 
-    &-middle {
+    &.@{select-prefix-cls}-selection-item-middle {
       font-size: 12px;
       height: 20px;
       line-height: 18px;
     }
 
-    &-large {
+    &.@{select-prefix-cls}-selection-item-large {
       font-size: 14px;
       line-height: 22px;
       height: 22px;

package/es/style/core/reset.less

@@ -24,8 +24,8 @@ input,
 textarea,
 select,
 button {
-  font-family: 'Microsoft YaHei', 'PingFangSC-Regular', 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans GB',
-    'WenQuanYi Micro Hei', sans-serif;
+  font-family: 'Roboto', 'San Francisco', 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Hiragina Sans GB',
+    'WenQuanYi Micro Hei', 'microsoft yahei ui', 'microsoft yahei', sans-serif;
 }
 
 body {

package/es/style/index.css

@@ -1687,7 +1687,7 @@ input,
 textarea,
 select,
 button {
-  font-family: 'Microsoft YaHei', 'PingFangSC-Regular', 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;
+  font-family: 'Roboto', 'San Francisco', 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Hiragina Sans GB', 'WenQuanYi Micro Hei', 'microsoft yahei ui', 'microsoft yahei', sans-serif;
 }
 body {
   -webkit-box-sizing: border-box;

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

@@ -23,12 +23,13 @@ var _color = _interopRequireDefault(require("color"));
 var _reactColor = require("react-color");
 var _devwarning = _interopRequireDefault(require("../_utils/devwarning"));
 var _hooks = require("../_utils/hooks");
+var _ieUtil = require("../_utils/ieUtil");
 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; }
 /* eslint-disable */
 
 var ColorPickerPanel = function ColorPickerPanel(props) {
-  var _classNames, _context;
+  var _classNames, _classNames2, _context;
   var setCorrectColorValue = props.setCorrectColorValue,
     setInputColorValue = props.setInputColorValue,
     setAlpha = props.setAlpha,
@@ -74,7 +75,7 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
   var panelContainerCls = (0, _classnames.default)("".concat(colorPickerPrefixCls, "-panel-container"));
   var panelInputCls = (0, _classnames.default)("".concat(colorPickerPrefixCls, "-panel-container-input"));
   var transparentCls = (0, _classnames.default)("".concat(colorPickerPrefixCls, "-panel-container-transparent"));
-  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));
+  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));
   var colorLiClick = function colorLiClick(index, colorValue) {
     var formatArr = (0, _colorFormat.colorFormat)(colorValue, alpha);
     var formatValue = (0, _convertLetters.toLowerCase)(formatArr[(0, _colorFormat.valOfCorrespondingType)(currentColorType)].value);

package/lib/color-picker/style/index.css

@@ -314,8 +314,8 @@
 }
 .kd-color-picker-pop .kd-color-picker-panel-container-transparent {
   -webkit-box-flex: 0;
-      -ms-flex: 0 0 60px;
-          flex: 0 0 60px;
+      -ms-flex: 0 1 60px;
+          flex: 0 1 60px;
   height: 28px;
   margin-left: 8px;
   text-align: center;
@@ -328,6 +328,23 @@
   grid-row-gap: 8px;
   margin-top: 12px;
 }
+.kd-color-picker-pop .kd-color-picker-panel-colorDivContainer-ie11 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+}
+.kd-color-picker-pop .kd-color-picker-panel-colorDivContainer-ie11 li {
+  margin-right: 8px;
+  margin-top: 8px;
+}
+.kd-color-picker-pop .kd-color-picker-panel-colorDivContainer-ie11 li:nth-child(12n) {
+  margin-right: 0;
+}
+.kd-color-picker-pop .kd-color-picker-panel-colorDivContainer-ie11 li:nth-child(-n+12) {
+  margin-top: 0;
+}
 .kd-color-picker-pop .kd-color-picker-panel-colorDivContainer-unset-color {
   margin-top: 0;
 }

package/lib/color-picker/style/index.less

@@ -257,7 +257,7 @@
       }
 
       &-transparent {
-        flex: 0 0 60px;
+        flex: 0 1 60px;
         height: 28px;
         margin-left: 8px;
         text-align: center;
@@ -272,6 +272,24 @@
       grid-row-gap: 8px;
       margin-top: 12px;
 
+      &-ie11 {
+        display: flex;
+        flex-wrap: wrap;
+
+        li {
+          margin-right: 8px;
+          margin-top: 8px;
+
+          &:nth-child(12n) {
+            margin-right: 0;
+          }
+
+          &:nth-child(-n+12) {
+            margin-top: 0;
+          }
+        }
+      }
+
       &-unset-color {
         margin-top: 0;
       }

package/lib/grid/col.js

@@ -59,10 +59,10 @@ var Col = function Col(props) {
     if ((0, _testBrowserType.testBrowserType)(/^sogou/i, 0)) return true;
     // 判断是否是IE浏览器
     if (/Trident|MSIE/.test(navigator.userAgent)) return true;
-    // 判断是否是chrome浏览器，chrome浏览器版本号小于69
+    // 判断是否是chrome浏览器，chrome浏览器版本号小于83(统信浏览器)
     if (/Chrome/.test(navigator.userAgent) && !/Chromium/.test(navigator.userAgent)) {
       var version = navigator.userAgent.split('Chrome/')[1].split('.');
-      if (version[0] && parseInt(version[0]) <= 69) return true;
+      if (version[0] && parseInt(version[0]) <= 83) return true;
     }
     return false;
   };

package/lib/grid/row.js

@@ -61,10 +61,10 @@ var Row = function Row(props) {
     if ((0, _testBrowserType.testBrowserType)(/^sogou/i, 0)) return true;
     // 判断是否是IE浏览器
     if (/Trident|MSIE/.test(navigator.userAgent)) return true;
-    // 判断是否是chrome浏览器，chrome浏览器版本号小于69
+    // 判断是否是chrome浏览器，chrome浏览器版本号小于83(统信浏览器)
     if (/Chrome/.test(navigator.userAgent) && !/Chromium/.test(navigator.userAgent)) {
       var version = navigator.userAgent.split('Chrome/')[1].split('.');
-      if (version[0] && parseInt(version[0]) <= 69) return true;
+      if (version[0] && parseInt(version[0]) <= 83) return true;
     }
     return false;
   };

package/lib/modal/modal.js

@@ -26,6 +26,7 @@ var _devwarning = _interopRequireDefault(require("../_utils/devwarning"));
 var _reactDraggable = _interopRequireDefault(require("react-draggable"));
 var _locale = require("../locale/locale");
 var _hooks = require("../_utils/hooks");
+var _ieUtil = require("../_utils/ieUtil");
 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; }
 var __rest = void 0 && (void 0).__rest || function (s, e) {
@@ -389,7 +390,7 @@ var InternalModal = function InternalModal(props, ref) {
     }
   };
   var isHidden = !destroyOnClose && !(isForceController ? visible : innerVisible);
-  var modalClasses = (0, _classnames.default)(modalPrefixCls, className, (_classNames3 = {}, (0, _defineProperty2.default)(_classNames3, "".concat(modalPrefixCls, "-container"), true), (0, _defineProperty2.default)(_classNames3, "".concat(modalPrefixCls, "-container-hidden"), isHidden), (0, _defineProperty2.default)(_classNames3, "".concat(modalPrefixCls, "-container-show"), !isHidden), _classNames3));
+  var modalClasses = (0, _classnames.default)(modalPrefixCls, className, (_classNames3 = {}, (0, _defineProperty2.default)(_classNames3, "".concat(modalPrefixCls, "-container"), true), (0, _defineProperty2.default)(_classNames3, "".concat(modalPrefixCls, "-container-ie"), _ieUtil.isIE), (0, _defineProperty2.default)(_classNames3, "".concat(modalPrefixCls, "-container-hidden"), isHidden), (0, _defineProperty2.default)(_classNames3, "".concat(modalPrefixCls, "-container-show"), !isHidden), _classNames3));
   var headerClass = "".concat(modalPrefixCls, "-header");
   var container = /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)((_classNames4 = {}, (0, _defineProperty2.default)(_classNames4, "".concat(modalPrefixCls, "-container-box"), true), (0, _defineProperty2.default)(_classNames4, "".concat(modalPrefixCls, "-has-container-box"), modalContainer && !overroll), (0, _defineProperty2.default)(_classNames4, "".concat(modalPrefixCls, "-showline"), showline), _classNames4)),

package/lib/modal/style/index.css

@@ -113,6 +113,9 @@
   position: relative;
   z-index: var(--kd-c-modal-z-index, var(--kd-g-z-index-dialog, 1050));
 }
+.kd-modal-container-ie {
+  position: absolute;
+}
 .kd-modal-container-show {
   -webkit-animation: kdModalEffect calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) both;
           animation: kdModalEffect calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) both;

package/lib/modal/style/index.less

@@ -24,6 +24,10 @@
     position: relative;
     z-index: @modal-z-index-dialog;
 
+    &-ie {
+      position: absolute;
+    }
+
     &-show {
       animation: kdModalEffect calc(@transition-duration - 0.1s) @ease both;
     }

package/lib/select/style/index.css

@@ -573,17 +573,17 @@
       -ms-user-select: none;
           user-select: none;
 }
-.kd-select .kd-select-selection-item-small {
+.kd-select .kd-select-selection-item.kd-select-selection-item-small {
   height: 20px;
   line-height: 18px;
   font-size: 12px;
 }
-.kd-select .kd-select-selection-item-middle {
+.kd-select .kd-select-selection-item.kd-select-selection-item-middle {
   font-size: 12px;
   height: 20px;
   line-height: 18px;
 }
-.kd-select .kd-select-selection-item-large {
+.kd-select .kd-select-selection-item.kd-select-selection-item-large {
   font-size: 14px;
   line-height: 22px;
   height: 22px;

package/lib/select/style/index.less

@@ -311,19 +311,19 @@
     max-width: 100%;
     cursor: default;
     user-select: none;
-    &-small {
+    &.@{select-prefix-cls}-selection-item-small {
       height: 20px;
       line-height: 18px;
       font-size: 12px;
     }
 
-    &-middle {
+    &.@{select-prefix-cls}-selection-item-middle {
       font-size: 12px;
       height: 20px;
       line-height: 18px;
     }
 
-    &-large {
+    &.@{select-prefix-cls}-selection-item-large {
       font-size: 14px;
       line-height: 22px;
       height: 22px;

package/lib/style/core/reset.less

@@ -24,8 +24,8 @@ input,
 textarea,
 select,
 button {
-  font-family: 'Microsoft YaHei', 'PingFangSC-Regular', 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans GB',
-    'WenQuanYi Micro Hei', sans-serif;
+  font-family: 'Roboto', 'San Francisco', 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Hiragina Sans GB',
+    'WenQuanYi Micro Hei', 'microsoft yahei ui', 'microsoft yahei', sans-serif;
 }
 
 body {

package/lib/style/index.css

@@ -1687,7 +1687,7 @@ input,
 textarea,
 select,
 button {
-  font-family: 'Microsoft YaHei', 'PingFangSC-Regular', 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;
+  font-family: 'Roboto', 'San Francisco', 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Hiragina Sans GB', 'WenQuanYi Micro Hei', 'microsoft yahei ui', 'microsoft yahei', sans-serif;
 }
 body {
   -webkit-box-sizing: border-box;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kdcloudjs/kdesign",
-  "version": "1.7.68-stable.1",
+  "version": "1.7.68-stable.3",
   "description": "KDesign 金蝶前端react 组件库",
   "title": "kdesign",
   "keywords": [