@kdcloudjs/kdesign 1.8.20 → 1.8.22

package/es/cascader/style/index.less

@@ -5,6 +5,7 @@
 @cascader-picker-prefix-cls: ~'@{kd-prefix}-cascader-picker';
 @cascader-menus-prefix-cls: ~'@{kd-prefix}-cascader-menus';
 @cascader-menu-prefix-cls: ~'@{kd-prefix}-cascader-menu';
+@icon-prefix-cls: ~'@{kd-prefix}icon';
 
 .@{cascader-picker-prefix-cls} {
   position: relative;
@@ -18,7 +19,7 @@
       border-color: @color-border-strong;
 
       .@{kd-prefix}-input-suffix,
-      i[class*='kdicon'] {
+      i[class*='@{icon-prefix-cls}'] {
         color: @cascader-disabled-color;
       }
     }
@@ -47,13 +48,13 @@
     }
 
     &.expand {
-      i[class*='kdicon'] {
+      i[class*='@{icon-prefix-cls}'] {
         transform: rotate(180deg);
       }
     }
 
     .@{kd-prefix}-input-suffix,
-    i[class*='kdicon'] {
+    i[class*='@{icon-prefix-cls}'] {
       transition: all 0.2s;
     }
   }

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

@@ -1,7 +1,16 @@
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _findInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find";
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof _Object$getOwnPropertySymbols === "function") for (var i = 0, p = _Object$getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 import React, { useContext, useState, useRef, useEffect, useCallback } from 'react';
 import classNames from 'classnames';
 import { ConfigContext } from '../config-provider';
@@ -43,10 +52,12 @@ var ColorPicker = function ColorPicker(props) {
     defaultValue = colorPickerProps.defaultValue,
     defaultOpen = colorPickerProps.defaultOpen,
     visible = colorPickerProps.visible,
+    popperClassName = colorPickerProps.popperClassName,
     suffixIcon = colorPickerProps.suffixIcon,
     prefixIcon = colorPickerProps.prefixIcon,
     onChange = colorPickerProps.onChange,
-    onVisibleChange = colorPickerProps.onVisibleChange;
+    onVisibleChange = colorPickerProps.onVisibleChange,
+    otherProps = __rest(colorPickerProps, ["value", "className", "style", "pure", "functionalColor", "functionalColorName", "switchName", "showAlphaInput", "showClear", "showSwitch", "showColorTransfer", "showPresetColor", "showColorPickerBox", "format", "panelFormatConfig", "borderType", "presetColor", "historicalColor", "placeholder", "defaultValue", "defaultOpen", "visible", "popperClassName", "suffixIcon", "prefixIcon", "onChange", "onVisibleChange"]);
   var _useState = useState(defaultValue || ''),
     _useState2 = _slicedToArray(_useState, 2),
     inputColorValue = _useState2[0],
@@ -92,9 +103,9 @@ var ColorPicker = function ColorPicker(props) {
     clickedHistoricalColorIndex = _useState22[0],
     setClickedHistoricalColorIndex = _useState22[1];
   var colorPickerPrefixCls = getPrefixCls(prefixCls, 'color-picker');
-  var popUpLayer = getPrefixCls(prefixCls, 'color-picker-pop');
-  var containerCls = classNames("".concat(colorPickerPrefixCls, "-container"), _defineProperty({}, "".concat(colorPickerPrefixCls, "-container-pure"), pure));
-  var inputCls = classNames("".concat(colorPickerPrefixCls, "-input"), className);
+  var popUpLayer = classNames(getPrefixCls(prefixCls, 'color-picker-pop'), popperClassName);
+  var containerCls = classNames("".concat(colorPickerPrefixCls, "-container"), className, _defineProperty({}, "".concat(colorPickerPrefixCls, "-container-pure"), pure));
+  var inputCls = classNames("".concat(colorPickerPrefixCls, "-input"));
   var inputRef = useRef(null);
   var showColorPickerPanel = showColorTransfer || typeof showPresetColor === 'boolean' && showPresetColor && ((presetColor === null || presetColor === void 0 ? void 0 : presetColor.length) || systemPresetColor.length) || typeof showPresetColor === 'undefined' || showClear || (historicalColor === null || historicalColor === void 0 ? void 0 : historicalColor.length) || (functionalColor === null || functionalColor === void 0 ? void 0 : functionalColor.length) && showSwitch || (showColorPickerBox === null || showColorPickerBox === void 0 ? void 0 : showColorPickerBox.showBox) || (showColorPickerBox === null || showColorPickerBox === void 0 ? void 0 : showColorPickerBox.showHue) || (showColorPickerBox === null || showColorPickerBox === void 0 ? void 0 : showColorPickerBox.showOpacity);
   var setClickColorIndex = function setClickColorIndex(value) {
@@ -207,7 +218,8 @@ var ColorPicker = function ColorPicker(props) {
   }, [borderType, colTypeArr, colorPickerPrefixCls, inputCorrectColorValue, value]);
   var colorInputEle = React.createElement("div", {
     className: containerCls,
-    ref: inputRef
+    ref: inputRef,
+    style: style
   }, React.createElement(Input, {
     borderType: pure ? 'bordered' : borderType,
     placeholder: placeholder,
@@ -215,7 +227,6 @@ var ColorPicker = function ColorPicker(props) {
     className: inputCls,
     onChange: handleChange,
     onBlur: handleBlur,
-    style: style,
     onClick: handleClick,
     prefix: React.createElement("div", {
       onClick: handleClick,
@@ -269,7 +280,7 @@ var ColorPicker = function ColorPicker(props) {
     currentColorType: currentColorType,
     showColorPickerPanel: showColorPickerPanel
   });
-  var popperProps = _extends(_extends({}, colorPickerProps), {
+  var popperProps = _extends(_extends({}, otherProps), {
     popperClassName: popUpLayer,
     placement: 'bottomLeft',
     defaultVisible: showPanel,

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

@@ -106,6 +106,7 @@
 .kd-color-picker-container {
   position: relative;
   width: var(--kd-c-color-picker-input-sizing-width, 230px);
+  height: var(--kd-c-color-picker-input-sizing-height, 28px);
 }
 .kd-color-picker-container-pure {
   width: 28px;
@@ -132,8 +133,8 @@
   display: none;
 }
 .kd-color-picker-container .kd-color-picker-input {
-  width: var(--kd-c-color-picker-input-sizing-width, 230px);
-  height: var(--kd-c-color-picker-input-sizing-height, 28px);
+  height: 100%;
+  width: 100%;
   padding: 0 8px;
   border-bottom: 1px solid #d9d9d9;
   font-size: var(--kd-c-color-picker-input-font-size, var(--kd-g-font-size-middle, 14px));
@@ -163,7 +164,8 @@
   width: var(--kd-c-color-picker-input-prefix-line-sizing-width, 1px);
   height: var(--kd-c-color-picker-input-prefix-line-sizing-height, 22.6px);
   background-color: #ff2e3d;
-  rotate: 45deg;
+  -webkit-transform: rotate(45deg);
+          transform: rotate(45deg);
 }
 .kd-color-picker-pop {
   width: var(--kd-c-color-picker-panel-sizing-width, 304px);
@@ -223,7 +225,8 @@
   width: 1px;
   height: 22.6px;
   background-color: #ff2e3d;
-  rotate: 45deg;
+  -webkit-transform: rotate(45deg);
+          transform: rotate(45deg);
 }
 .kd-color-picker-pop .kd-color-picker-panel-clear-box .active {
   content: '';

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

@@ -7,6 +7,7 @@
 .@{color-picker-prefix-cls}-container {
   position: relative;
   width: @color-picker-input-sizing-width;
+  height: @color-picker-input-sizing-height;
 
   &-pure {
     width: 28px;
@@ -32,8 +33,8 @@
   }
 
   .@{color-picker-prefix-cls}-input {
-    width: @color-picker-input-sizing-width;
-    height: @color-picker-input-sizing-height;
+    height: 100%;
+    width: 100%;
     padding: 0 8px;
     border-bottom: 1px solid rgba(217, 217, 217, 1);
     font-size: @color-picker-input-font-size;
@@ -58,7 +59,7 @@
         width: @color-picker-input-prefix-line-sizing-width;
         height: @color-picker-input-prefix-line-sizing-height;
         background-color: #ff2e3d;
-        rotate: 45deg;
+        transform: rotate(45deg);
       }
     }
   }
@@ -117,7 +118,7 @@
           width: 1px;
           height: 22.6px;
           background-color: #ff2e3d;
-          rotate: 45deg;
+          transform: rotate(45deg);
         }
 
         .active {

package/es/config-provider/compDefaultProps.d.ts

@@ -156,9 +156,7 @@ declare const compDefaultProps: {
         labelAlign: string;
         size: string;
     };
-    Icon: {
-        prefix: string;
-    };
+    Icon: {};
     Input: {
         type: string;
         size: string;

package/es/config-provider/compDefaultProps.js

@@ -155,9 +155,7 @@ var compDefaultProps = {
     labelAlign: 'left',
     size: 'middle'
   },
-  Icon: {
-    prefix: 'kdicon'
-  },
+  Icon: {},
   Input: {
     type: 'text',
     size: 'middle',

package/es/icon/icon.js

@@ -17,12 +17,14 @@ import { getCompProps } from '../_utils';
 var InternalIcon = function InternalIcon(props, ref) {
   var _context, _classNames;
   var _useContext = useContext(ConfigContext),
-    userDefaultProps = _useContext.compDefaultProps;
+    getPrefixCls = _useContext.getPrefixCls,
+    userDefaultProps = _useContext.compDefaultProps,
+    prefixCls = _useContext.prefixCls;
   var iconProps = getCompProps('Icon', userDefaultProps, props);
   var type = iconProps.type,
     spin = iconProps.spin,
     style = iconProps.style,
-    prefix = iconProps.prefix,
+    customPrefixcls = iconProps.prefix,
     className = iconProps.className,
     rotate = iconProps.rotate,
     onClick = iconProps.onClick,
@@ -31,8 +33,9 @@ var InternalIcon = function InternalIcon(props, ref) {
     others = __rest(iconProps, ["type", "spin", "style", "prefix", "className", "rotate", "onClick", "onMouseEnter", "onMouseLeave"]);
   var innerRef = React.useRef();
   var iconRef = ref || innerRef;
-  var iconPrefix = prefix || iconProps.iconPrefix;
-  var iconClass = classNames(iconPrefix, className, (_classNames = {}, _defineProperty(_classNames, _concatInstanceProperty(_context = "".concat(iconPrefix, "-")).call(_context, type), type), _defineProperty(_classNames, "icon-spin", spin), _classNames));
+  var iconPrefix = getPrefixCls(prefixCls, 'icon', customPrefixcls);
+  var iconPrefixCls = iconPrefix.replace(/-/g, '');
+  var iconClass = classNames(iconPrefixCls, className, (_classNames = {}, _defineProperty(_classNames, _concatInstanceProperty(_context = "".concat(iconPrefixCls, "-")).call(_context, type), type), _defineProperty(_classNames, "icon-spin", spin), _classNames));
   var handleClick = function handleClick(e) {
     onClick && onClick(e);
   };

package/es/icon/style/index.less

@@ -1,8 +1,8 @@
 
 @import '../../style/themes/index';
-@icon-prefix-cls: ~'@{icon-css-prefix}';
+@icon-prefix-cls: ~'@{kd-prefix}icon';
 
-[class^="kdicon"] {
+[class^="@{icon-prefix-cls}"] {
   display: inline-block;
   text-align: center;
   vertical-align: middle;

package/es/locale/en-US.d.ts

@@ -19,6 +19,7 @@ declare const locale: {
     'DatePicker.rangeWeekPlaceholder': string[];
     'DatePicker.rangeQuarterPlaceholder': string[];
     'DatePicker.rangeTimePlaceholder': string[];
+    'DatePicker.monthBeforeYear': boolean;
     'global.selectholder': string;
     'global.placeholder': string;
     'global.cancel': string;

package/es/locale/en-US.js

@@ -19,6 +19,7 @@ var locale = {
   'DatePicker.rangeWeekPlaceholder': ['Start week', 'End week'],
   'DatePicker.rangeQuarterPlaceholder': ['Start quarter', 'End quarter'],
   'DatePicker.rangeTimePlaceholder': ['Start time', 'End time'],
+  'DatePicker.monthBeforeYear': true,
   'global.selectholder': 'Please select',
   'global.placeholder': 'Please enter search content',
   'global.cancel': 'Cancel',

package/es/select/option.js

@@ -42,11 +42,13 @@ var InternalOption = function InternalOption(props, ref) {
   var contentCls = classNames(_defineProperty({}, "".concat(selectOptionPrefixCls, "-option-content"), true));
   var handleClick = function handleClick(e) {
     e.preventDefault();
+    var newVal = isSelected;
     if (optionProps.disabled || value === undefined) return;
     if (isMultiple) {
-      setSelected(!isSelected);
+      newVal = !isSelected;
+      setSelected(newVal);
     }
-    onChangeSelect && onChangeSelect(value, children, isSelected);
+    onChangeSelect && onChangeSelect(value, children, newVal);
   };
   var handleOnMouseEnter = function handleOnMouseEnter() {
     onChangeActiveIndex && onChangeActiveIndex(index);

package/es/select/select.js

@@ -831,7 +831,13 @@ var InternalSelect = function InternalSelect(props, ref) {
         if (!item) return;
         var key = ((_a = item.props) === null || _a === void 0 ? void 0 : _a.value) || item.value;
         var label = ((_b = item.props) === null || _b === void 0 ? void 0 : _b.children) || item.label;
-        handleOption(key, label, true);
+        var flag = true;
+        if (isMultiple) {
+          flag = !(mulOptions === null || mulOptions === void 0 ? void 0 : mulOptions.some(function (item) {
+            return item.value === key;
+          }));
+        }
+        handleOption(key, label, flag);
         if (searchValue) {
           setActiveIndex(_findIndexInstanceProperty(realChildren).call(realChildren, function (child) {
             var _a;

package/es/style/icon/kdicon.less

@@ -0,0 +1,231 @@
+@icon-prefix-cls: ~'@{kd-prefix}icon';
+
+@font-face {
+  font-family: "kdicon";
+  src: url("kdicon.woff?t=1668600442688") format("woff")
+}
+.@{icon-prefix-cls} {
+  font-family: "kdicon" !important;
+  font-style:normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.@{icon-prefix-cls}-add-child:before { content: "\e6c0"; }
+.@{icon-prefix-cls}-add-indentation:before { content: "\e6a7"; }
+.@{icon-prefix-cls}-add-line:before { content: "\e6c5"; }
+.@{icon-prefix-cls}-add-solid:before { content: "\e643"; }
+.@{icon-prefix-cls}-add-word:before { content: "\e6ed"; }
+.@{icon-prefix-cls}-add:before { content: "\e628"; }
+.@{icon-prefix-cls}-address:before { content: "\e6cc"; }
+.@{icon-prefix-cls}-align-center:before { content: "\e69a"; }
+.@{icon-prefix-cls}-align-left:before { content: "\e6af"; }
+.@{icon-prefix-cls}-align-right:before { content: "\e67a"; }
+.@{icon-prefix-cls}-all-border:before { content: "\e677"; }
+.@{icon-prefix-cls}-allowance-workbench:before { content: "\e714"; }
+.@{icon-prefix-cls}-analysis:before { content: "\e6ce"; }
+.@{icon-prefix-cls}-arrow-down-solid:before { content: "\e656"; }
+.@{icon-prefix-cls}-arrow-down:before { content: "\e627"; }
+.@{icon-prefix-cls}-arrow-left-circle-solid:before { content: "\e720"; }
+.@{icon-prefix-cls}-arrow-left-solid:before { content: "\e657"; }
+.@{icon-prefix-cls}-arrow-left:before { content: "\e63f"; }
+.@{icon-prefix-cls}-arrow-right-circle-solid:before { content: "\e71f"; }
+.@{icon-prefix-cls}-arrow-right-solid:before { content: "\e655"; }
+.@{icon-prefix-cls}-arrow-right:before { content: "\e62c"; }
+.@{icon-prefix-cls}-arrow-up-solid:before { content: "\e654"; }
+.@{icon-prefix-cls}-arrow-up:before { content: "\e62b"; }
+.@{icon-prefix-cls}-arrow:before { content: "\e69c"; }
+.@{icon-prefix-cls}-attachment:before { content: "\e694"; }
+.@{icon-prefix-cls}-avatar-default:before { content: "\e717"; }
+.@{icon-prefix-cls}-avatar-head-default:before { content: "\e718"; }
+.@{icon-prefix-cls}-avatar-solid:before { content: "\e711"; }
+.@{icon-prefix-cls}-back:before { content: "\e6cd"; }
+.@{icon-prefix-cls}-bankcard:before { content: "\e705"; }
+.@{icon-prefix-cls}-bellOutlined:before { content: "\e71a"; }
+.@{icon-prefix-cls}-bold-solid:before { content: "\e668"; }
+.@{icon-prefix-cls}-border:before { content: "\e6f9"; }
+.@{icon-prefix-cls}-bottom-border:before { content: "\e704"; }
+.@{icon-prefix-cls}-business-type:before { content: "\e716"; }
+.@{icon-prefix-cls}-cancel:before { content: "\e68f"; }
+.@{icon-prefix-cls}-cell:before { content: "\e692"; }
+.@{icon-prefix-cls}-change:before { content: "\e6e2"; }
+.@{icon-prefix-cls}-chart-display:before { content: "\e710"; }
+.@{icon-prefix-cls}-chart:before { content: "\e6d0"; }
+.@{icon-prefix-cls}-classify:before { content: "\e6d4"; }
+.@{icon-prefix-cls}-close-bold:before { content: "\e647"; }
+.@{icon-prefix-cls}-close-full-screen:before { content: "\e679"; }
+.@{icon-prefix-cls}-close-solid:before { content: "\e644"; }
+.@{icon-prefix-cls}-close:before { content: "\e62f"; }
+.@{icon-prefix-cls}-cn:before { content: "\e6b5"; }
+.@{icon-prefix-cls}-code:before { content: "\e6ca"; }
+.@{icon-prefix-cls}-collect:before { content: "\e6ec"; }
+.@{icon-prefix-cls}-comment:before { content: "\e6bc"; }
+.@{icon-prefix-cls}-communication-solid:before { content: "\e65e"; }
+.@{icon-prefix-cls}-contract:before { content: "\e69f"; }
+.@{icon-prefix-cls}-cooperation:before { content: "\e6fb"; }
+.@{icon-prefix-cls}-copy-code:before { content: "\e6e1"; }
+.@{icon-prefix-cls}-copy:before { content: "\e678"; }
+.@{icon-prefix-cls}-counterclockwise:before { content: "\e6e5"; }
+.@{icon-prefix-cls}-customize:before { content: "\e707"; }
+.@{icon-prefix-cls}-dashboard:before { content: "\e71c"; }
+.@{icon-prefix-cls}-date-selection:before { content: "\e70f"; }
+.@{icon-prefix-cls}-date:before { content: "\e6eb"; }
+.@{icon-prefix-cls}-delete-indentation:before { content: "\e697"; }
+.@{icon-prefix-cls}-delete-line:before { content: "\e68c"; }
+.@{icon-prefix-cls}-delete-solid:before { content: "\e667"; }
+.@{icon-prefix-cls}-delete:before { content: "\e6ee"; }
+.@{icon-prefix-cls}-detail:before { content: "\e6c4"; }
+.@{icon-prefix-cls}-detect:before { content: "\e68e"; }
+.@{icon-prefix-cls}-division-solid:before { content: "\e65a"; }
+.@{icon-prefix-cls}-double-arrow-left:before { content: "\e64a"; }
+.@{icon-prefix-cls}-double-arrow-right:before { content: "\e649"; }
+.@{icon-prefix-cls}-download:before { content: "\e70a"; }
+.@{icon-prefix-cls}-edit-border:before { content: "\e6c8"; }
+.@{icon-prefix-cls}-edit-view:before { content: "\e6c7"; }
+.@{icon-prefix-cls}-edit:before { content: "\e6a6"; }
+.@{icon-prefix-cls}-education:before { content: "\e69d"; }
+.@{icon-prefix-cls}-eliminate-solid:before { content: "\e659"; }
+.@{icon-prefix-cls}-en:before { content: "\e6b6"; }
+.@{icon-prefix-cls}-enlarge:before { content: "\e6d5"; }
+.@{icon-prefix-cls}-equal:before { content: "\e6a3"; }
+.@{icon-prefix-cls}-exclamatory:before { content: "\e64e"; }
+.@{icon-prefix-cls}-expand:before { content: "\e651"; }
+.@{icon-prefix-cls}-experience:before { content: "\e6ff"; }
+.@{icon-prefix-cls}-fail:before { content: "\e6a5"; }
+.@{icon-prefix-cls}-feedback:before { content: "\e6d6"; }
+.@{icon-prefix-cls}-female:before { content: "\e684"; }
+.@{icon-prefix-cls}-filter-solid:before { content: "\e66a"; }
+.@{icon-prefix-cls}-filter-switch:before { content: "\e6b1"; }
+.@{icon-prefix-cls}-filter:before { content: "\e6a0"; }
+.@{icon-prefix-cls}-finish:before { content: "\e6dc"; }
+.@{icon-prefix-cls}-first:before { content: "\e630"; }
+.@{icon-prefix-cls}-fixed-shrink:before { content: "\e693"; }
+.@{icon-prefix-cls}-fixed-solid:before { content: "\e65f"; }
+.@{icon-prefix-cls}-fixed-window:before { content: "\e6d1"; }
+.@{icon-prefix-cls}-fixed:before { content: "\e6e3"; }
+.@{icon-prefix-cls}-fold:before { content: "\e71d"; }
+.@{icon-prefix-cls}-foldmenu:before { content: "\e70e"; }
+.@{icon-prefix-cls}-font-background-solid:before { content: "\e673"; }
+.@{icon-prefix-cls}-font-color-solid:before { content: "\e674"; }
+.@{icon-prefix-cls}-forbid:before { content: "\e69b"; }
+.@{icon-prefix-cls}-git:before { content: "\e6c1"; }
+.@{icon-prefix-cls}-graffiti:before { content: "\e6fe"; }
+.@{icon-prefix-cls}-greater-equal:before { content: "\e6d7"; }
+.@{icon-prefix-cls}-have-attachment:before { content: "\e6a8"; }
+.@{icon-prefix-cls}-hide:before { content: "\e6a9"; }
+.@{icon-prefix-cls}-hyperlink:before { content: "\e6c9"; }
+.@{icon-prefix-cls}-image:before { content: "\e687"; }
+.@{icon-prefix-cls}-import:before { content: "\e6cb"; }
+.@{icon-prefix-cls}-international:before { content: "\e719"; }
+.@{icon-prefix-cls}-job-info:before { content: "\e68d"; }
+.@{icon-prefix-cls}-last:before { content: "\e631"; }
+.@{icon-prefix-cls}-left-border:before { content: "\e708"; }
+.@{icon-prefix-cls}-left-extension:before { content: "\e6ae"; }
+.@{icon-prefix-cls}-left-unfold-solid:before { content: "\e675"; }
+.@{icon-prefix-cls}-left-unfold:before { content: "\e709"; }
+.@{icon-prefix-cls}-like:before { content: "\e67f"; }
+.@{icon-prefix-cls}-list:before { content: "\e6e6"; }
+.@{icon-prefix-cls}-little-k:before { content: "\e700"; }
+.@{icon-prefix-cls}-loadding-circle:before { content: "\e645"; }
+.@{icon-prefix-cls}-loadding:before { content: "\e62d"; }
+.@{icon-prefix-cls}-location-solid:before { content: "\e640"; }
+.@{icon-prefix-cls}-location:before { content: "\e695"; }
+.@{icon-prefix-cls}-lock-solid:before { content: "\e66b"; }
+.@{icon-prefix-cls}-lock:before { content: "\e68b"; }
+.@{icon-prefix-cls}-male:before { content: "\e683"; }
+.@{icon-prefix-cls}-material:before { content: "\e6db"; }
+.@{icon-prefix-cls}-medical-report:before { content: "\e703"; }
+.@{icon-prefix-cls}-menu:before { content: "\e6d8"; }
+.@{icon-prefix-cls}-merge-cell:before { content: "\e6f3"; }
+.@{icon-prefix-cls}-more-info-solid:before { content: "\e660"; }
+.@{icon-prefix-cls}-more-info:before { content: "\e6e4"; }
+.@{icon-prefix-cls}-more-item:before { content: "\e6f4"; }
+.@{icon-prefix-cls}-more:before { content: "\e6a1"; }
+.@{icon-prefix-cls}-mosaic-solid:before { content: "\e663"; }
+.@{icon-prefix-cls}-multiply:before { content: "\e65b"; }
+.@{icon-prefix-cls}-my-receipt:before { content: "\e715"; }
+.@{icon-prefix-cls}-no-border:before { content: "\e6f8"; }
+.@{icon-prefix-cls}-not-equal:before { content: "\e6dd"; }
+.@{icon-prefix-cls}-notice:before { content: "\e658"; }
+.@{icon-prefix-cls}-oblique-solid:before { content: "\e66e"; }
+.@{icon-prefix-cls}-operating-element:before { content: "\e6a4"; }
+.@{icon-prefix-cls}-order-facet:before { content: "\e713"; }
+.@{icon-prefix-cls}-order:before { content: "\e6d2"; }
+.@{icon-prefix-cls}-ordered-list:before { content: "\e6fa"; }
+.@{icon-prefix-cls}-person-solid:before { content: "\e669"; }
+.@{icon-prefix-cls}-phone:before { content: "\e6d3"; }
+.@{icon-prefix-cls}-platform:before { content: "\e6f1"; }
+.@{icon-prefix-cls}-preview-view:before { content: "\e6ba"; }
+.@{icon-prefix-cls}-preview:before { content: "\e6ac"; }
+.@{icon-prefix-cls}-print:before { content: "\e690"; }
+.@{icon-prefix-cls}-processing-solid:before { content: "\e665"; }
+.@{icon-prefix-cls}-project:before { content: "\e681"; }
+.@{icon-prefix-cls}-push-down:before { content: "\e702"; }
+.@{icon-prefix-cls}-put-bottom:before { content: "\e6b4"; }
+.@{icon-prefix-cls}-put-off:before { content: "\e685"; }
+.@{icon-prefix-cls}-put-on:before { content: "\e6bd"; }
+.@{icon-prefix-cls}-put-top:before { content: "\e6b3"; }
+.@{icon-prefix-cls}-qrcode:before { content: "\e6df"; }
+.@{icon-prefix-cls}-qualification-info:before { content: "\e6b2"; }
+.@{icon-prefix-cls}-quit:before { content: "\e6fc"; }
+.@{icon-prefix-cls}-quote-solid:before { content: "\e66d"; }
+.@{icon-prefix-cls}-reduce:before { content: "\e696"; }
+.@{icon-prefix-cls}-reduction:before { content: "\e6f2"; }
+.@{icon-prefix-cls}-refresh-solid:before { content: "\e642"; }
+.@{icon-prefix-cls}-refresh:before { content: "\e629"; }
+.@{icon-prefix-cls}-report-form:before { content: "\e712"; }
+.@{icon-prefix-cls}-reset:before { content: "\e6b9"; }
+.@{icon-prefix-cls}-resign-report:before { content: "\e699"; }
+.@{icon-prefix-cls}-return:before { content: "\e6e0"; }
+.@{icon-prefix-cls}-right-bold:before { content: "\e648"; }
+.@{icon-prefix-cls}-right-border:before { content: "\e67c"; }
+.@{icon-prefix-cls}-right-extension:before { content: "\e6aa"; }
+.@{icon-prefix-cls}-right-solid:before { content: "\e641"; }
+.@{icon-prefix-cls}-right-unfold-solid:before { content: "\e672"; }
+.@{icon-prefix-cls}-right-unfold:before { content: "\e6ab"; }
+.@{icon-prefix-cls}-right:before { content: "\e62e"; }
+.@{icon-prefix-cls}-rough-border:before { content: "\e6de"; }
+.@{icon-prefix-cls}-save:before { content: "\e6c2"; }
+.@{icon-prefix-cls}-scanning:before { content: "\e67d"; }
+.@{icon-prefix-cls}-search-border:before { content: "\e6da"; }
+.@{icon-prefix-cls}-search:before { content: "\e62a"; }
+.@{icon-prefix-cls}-setting:before { content: "\e652"; }
+.@{icon-prefix-cls}-share:before { content: "\e6cf"; }
+.@{icon-prefix-cls}-shoppingcart:before { content: "\e6bf"; }
+.@{icon-prefix-cls}-shrink:before { content: "\e6fd"; }
+.@{icon-prefix-cls}-shutdown:before { content: "\e686"; }
+.@{icon-prefix-cls}-sigma:before { content: "\e71b"; }
+.@{icon-prefix-cls}-spin:before { content: "\e6f7"; }
+.@{icon-prefix-cls}-split:before { content: "\e6c3"; }
+.@{icon-prefix-cls}-star:before { content: "\e653"; }
+.@{icon-prefix-cls}-stop:before { content: "\e691"; }
+.@{icon-prefix-cls}-strike-solid:before { content: "\e664"; }
+.@{icon-prefix-cls}-sun-solid:before { content: "\e670"; }
+.@{icon-prefix-cls}-switch-down:before { content: "\e698"; }
+.@{icon-prefix-cls}-switch-up:before { content: "\e680"; }
+.@{icon-prefix-cls}-switch:before { content: "\e6e7"; }
+.@{icon-prefix-cls}-table-setting:before { content: "\e6c6"; }
+.@{icon-prefix-cls}-task-process:before { content: "\e6ea"; }
+.@{icon-prefix-cls}-timezone-solid:before { content: "\e662"; }
+.@{icon-prefix-cls}-tips-solid:before { content: "\e66c"; }
+.@{icon-prefix-cls}-tips:before { content: "\e650"; }
+.@{icon-prefix-cls}-title-solid:before { content: "\e65c"; }
+.@{icon-prefix-cls}-top-border:before { content: "\e6ef"; }
+.@{icon-prefix-cls}-two-window:before { content: "\e6f6"; }
+.@{icon-prefix-cls}-underline-solid:before { content: "\e671"; }
+.@{icon-prefix-cls}-unfold-all:before { content: "\e6ad"; }
+.@{icon-prefix-cls}-unfold:before { content: "\e71e"; }
+.@{icon-prefix-cls}-unfoldmenu:before { content: "\e70d"; }
+.@{icon-prefix-cls}-unlock-solid:before { content: "\e666"; }
+.@{icon-prefix-cls}-unlock:before { content: "\e69e"; }
+.@{icon-prefix-cls}-upload-cloud:before { content: "\e632"; }
+.@{icon-prefix-cls}-upload:before { content: "\e70b"; }
+.@{icon-prefix-cls}-user-info:before { content: "\e682"; }
+.@{icon-prefix-cls}-vertical-center:before { content: "\e6f5"; }
+.@{icon-prefix-cls}-voice:before { content: "\e6d9"; }
+.@{icon-prefix-cls}-waiting:before { content: "\e64b"; }
+.@{icon-prefix-cls}-warning-solid:before { content: "\e64c"; }
+.@{icon-prefix-cls}-warning:before { content: "\e64d"; }
+.@{icon-prefix-cls}-workbench:before { content: "\e64f"; }
+.@{icon-prefix-cls}-wrap:before { content: "\e6b0"; }
+.@{icon-prefix-cls}-yunzhijia:before { content: "\e706"; }
+.@{icon-prefix-cls}-zoom:before { content: "\e70c"; }