@kdcloudjs/kdesign 1.6.33 → 1.6.35

package/es/rate/rate.js

@@ -9,58 +9,49 @@ import { getCompProps } from '../_utils';
 import devWarning from '../_utils/devwarning';
 import { tuple } from '../_utils/type';
 export var SizeTypes = tuple('large', 'middle', 'small');
-
 var Rate = function Rate(props) {
   var _context2, _classnames2;
-
   var _React$useContext = React.useContext(ConfigContext),
-      getPrefixCls = _React$useContext.getPrefixCls,
-      pkgPrefixCls = _React$useContext.prefixCls,
-      userDefaultProps = _React$useContext.compDefaultProps;
-
+    getPrefixCls = _React$useContext.getPrefixCls,
+    pkgPrefixCls = _React$useContext.prefixCls,
+    userDefaultProps = _React$useContext.compDefaultProps;
   var _getCompProps = getCompProps('Rate', userDefaultProps, props),
-      customPrefixcls = _getCompProps.prefixCls,
-      allowHalf = _getCompProps.allowHalf,
-      icon = _getCompProps.icon,
-      activeIcon = _getCompProps.activeIcon,
-      count = _getCompProps.count,
-      defaultValue = _getCompProps.defaultValue,
-      value = _getCompProps.value,
-      onlyActiveCurrent = _getCompProps.onlyActiveCurrent,
-      disabled = _getCompProps.disabled,
-      color = _getCompProps.color,
-      size = _getCompProps.size,
-      className = _getCompProps.className,
-      style = _getCompProps.style,
-      onBlur = _getCompProps.onBlur,
-      onChange = _getCompProps.onChange,
-      onHoverChange = _getCompProps.onHoverChange,
-      onFocus = _getCompProps.onFocus;
-
-  devWarning(SizeTypes.indexOf(size) === -1, 'Rate', "cannot found SizeType '".concat(size, "'")); // className前缀
-
+    customPrefixcls = _getCompProps.prefixCls,
+    allowHalf = _getCompProps.allowHalf,
+    icon = _getCompProps.icon,
+    activeIcon = _getCompProps.activeIcon,
+    count = _getCompProps.count,
+    defaultValue = _getCompProps.defaultValue,
+    value = _getCompProps.value,
+    onlyActiveCurrent = _getCompProps.onlyActiveCurrent,
+    disabled = _getCompProps.disabled,
+    color = _getCompProps.color,
+    size = _getCompProps.size,
+    className = _getCompProps.className,
+    style = _getCompProps.style,
+    onBlur = _getCompProps.onBlur,
+    onChange = _getCompProps.onChange,
+    onHoverChange = _getCompProps.onHoverChange,
+    onFocus = _getCompProps.onFocus;
+  devWarning(SizeTypes.indexOf(size) === -1, 'Rate', "cannot found SizeType '".concat(size, "'"));
+  // className前缀
   var prefixCls = getPrefixCls(pkgPrefixCls, 'rate', customPrefixcls);
-
   var _React$useState = React.useState(defaultValue),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      selectedValue = _React$useState2[0],
-      setSelectedValue = _React$useState2[1]; // 当前选中的值，包含一位小数
-
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    selectedValue = _React$useState2[0],
+    setSelectedValue = _React$useState2[1]; // 当前选中的值，包含一位小数
   var _React$useState3 = React.useState(0),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      activeNumber = _React$useState4[0],
-      setActiveNumber = _React$useState4[1]; // 鼠标悬停icon位置对应的值
-
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    activeNumber = _React$useState4[0],
+    setActiveNumber = _React$useState4[1]; // 鼠标悬停icon位置对应的值
   React.useEffect(function () {
     if (value !== undefined && value !== selectedValue) {
       setSelectedValue(value);
     }
-  }, [value, selectedValue]); // const shouldSetValue = (value: number) => {
+  }, [value, selectedValue]);
+  // const shouldSetValue = (value: number) => {
   //   return value && value !== 0 && value !== selectedValue
   // }
-
   var handleClick = React.useCallback(function (value) {
     setSelectedValue(value);
     onChange && onChange(value);
@@ -69,11 +60,9 @@ var Rate = function Rate(props) {
     setActiveNumber(value);
     onHoverChange && onHoverChange(value);
   }, [onHoverChange]);
-
   var handleMouseLeave = function handleMouseLeave() {
     setActiveNumber(0);
   };
-
   var handleFocus = React.useCallback(function () {
     onFocus && onFocus();
   }, [onFocus]);
@@ -85,18 +74,15 @@ var Rate = function Rate(props) {
    * @param icon
    * @param index
    */
-
   var getIcon = function getIcon(icon, activeIcon, index, isActive) {
     if (activeIcon && isActive) {
       icon = activeIcon;
     }
-
     if (typeof icon === 'function') {
       return /*#__PURE__*/React.createElement("span", {
         className: "".concat(prefixCls, "-icon-wrapper")
       }, icon(index));
     }
-
     return /*#__PURE__*/React.createElement("span", {
       className: "".concat(prefixCls, "-icon-second-content")
     }, icon);
@@ -108,19 +94,14 @@ var Rate = function Rate(props) {
    * @param onlyActiveCurrent
    * @param isSecondIconActive
    */
-
-
   var getFirstIconStatus = function getFirstIconStatus(value, index, onlyActiveCurrent, secondIconStatus) {
     var half = 0.5;
-
     var isInteger = _Number$isInteger(value);
-
     value = transferValue(value, index);
     var isActiveAllLeft = value >= index || value === index - half;
     var isActiveCurrent = value === index;
     var isActiveFirst = value === index - half;
     var mark;
-
     if (secondIconStatus) {
       // 第二个图标被激活则第一个也必须激活
       mark = true;
@@ -136,10 +117,8 @@ var Rate = function Rate(props) {
 
     return mark;
   };
-
   var transferValue = function transferValue(value, index) {
     var half = 0.5;
-
     if (index - value === half) {
       return value;
     } else {
@@ -152,8 +131,6 @@ var Rate = function Rate(props) {
    * @param index
    * @param onlyActiveCurrent
    */
-
-
   var getSecondIconStatus = function getSecondIconStatus(value, index, onlyActiveCurrent) {
     if (!onlyActiveCurrent) {
       // 激活所有左侧图标
@@ -166,8 +143,6 @@ var Rate = function Rate(props) {
    * 返回图标的样式
    * @param isActive
    */
-
-
   var getIconStyle = function getIconStyle(isActive) {
     if (isActive) return {
       color: color
@@ -178,26 +153,19 @@ var Rate = function Rate(props) {
    * @param selectActive 当前图标是否被选中
    * @param mouseActive 当前图标是否触发鼠标hover效果
    */
-
-
   var isSelected = function isSelected(selectActive, mouseActive) {
     return activeNumber !== 0 ? mouseActive : selectActive;
   };
-
   var getIconClassName = function getIconClassName(name, isActive) {
     var _context, _classnames;
-
     return classnames((_classnames = {}, _defineProperty(_classnames, _concatInstanceProperty(_context = "".concat(prefixCls, "-icon-")).call(_context, name), true), _defineProperty(_classnames, "".concat(prefixCls, "-icon-selected"), isActive), _classnames));
   };
   /**
    * 获取图标视图
    */
-
-
   var getRateIconView = function getRateIconView() {
     var half = 0.5;
     var rateIconsView = [];
-
     var _loop = function _loop(i) {
       var isMouseOnSecondIcon = getSecondIconStatus(activeNumber, i, onlyActiveCurrent);
       var isMouseOnFirstIcon = getFirstIconStatus(activeNumber, i, onlyActiveCurrent, isMouseOnSecondIcon);
@@ -240,11 +208,9 @@ var Rate = function Rate(props) {
         }
       }, getIcon(icon, activeIcon, i, isSecondActive)))));
     };
-
     for (var i = 1; i <= count; i++) {
       _loop(i);
     }
-
     return rateIconsView;
   };
   /**
@@ -258,8 +224,6 @@ var Rate = function Rate(props) {
   //         </span>
   //     )
   //   }
-
-
   var getRateClassName = classnames(prefixCls, className, (_classnames2 = {}, _defineProperty(_classnames2, _concatInstanceProperty(_context2 = "".concat(prefixCls, "-size-")).call(_context2, size), size), _defineProperty(_classnames2, "".concat(prefixCls, "-disabled"), disabled), _classnames2));
   var rate = /*#__PURE__*/React.createElement("span", {
     className: getRateClassName,
@@ -273,6 +237,5 @@ var Rate = function Rate(props) {
   }, getRateIconView());
   return rate;
 };
-
 Rate.displayName = 'Rate';
 export default Rate;

package/es/rate/style/index.css

@@ -120,13 +120,13 @@
       -ms-flex-pack: start;
           justify-content: flex-start;
 }
-.kd-rate-size-large .kdicon {
+.kd-rate-size-large {
   font-size: var(--kd-c-rate-font-size-large, 20px);
 }
-.kd-rate-size-middle .kdicon {
+.kd-rate-size-middle {
   font-size: var(--kd-c-rate-font-size-middle, 16px);
 }
-.kd-rate-size-small .kdicon {
+.kd-rate-size-small {
   font-size: var(--kd-c-rate-font-size-small, 12px);
 }
 .kd-rate-item {

package/es/rate/style/index.less

@@ -9,19 +9,13 @@
   display: inline-flex;
   justify-content: flex-start;
   &-size-large {
-    .@{kd-prefix}icon {
-      font-size: @rate-large-font-size;
-    }
+    font-size: @rate-large-font-size;
   }
   &-size-middle {
-    .@{kd-prefix}icon {
-      font-size: @rate-middle-font-size;
-    }
+    font-size: @rate-middle-font-size;
   }
   &-size-small {
-    .@{kd-prefix}icon {
-      font-size: @rate-small-font-size;
-    }
+    font-size: @rate-small-font-size;
   }
 }
 .@{rate-prefix-cls}-item {

package/es/search/option.js

@@ -3,30 +3,25 @@ import React, { useContext, useRef } from 'react';
 import classNames from 'classnames';
 import ConfigContext from '../config-provider/ConfigContext';
 import { getStringToArray } from '../_utils/arrayUtil';
-
 var InternalOption = function InternalOption(props, ref) {
   var _classNames;
-
   var optionRef = useRef(null) || ref;
   var className = props.className,
-      onChangeSelect = props.onChangeSelect,
-      tag = props.tag,
-      value = props.value,
-      searchValue = props.searchValue,
-      index = props.index,
-      selectedIndex = props.selectedIndex,
-      isFormatVal = props.isFormatVal;
-
+    onChangeSelect = props.onChangeSelect,
+    tag = props.tag,
+    value = props.value,
+    searchValue = props.searchValue,
+    index = props.index,
+    selectedIndex = props.selectedIndex,
+    isFormatVal = props.isFormatVal;
   var _useContext = useContext(ConfigContext),
-      getPrefixCls = _useContext.getPrefixCls,
-      prefixCls = _useContext.prefixCls,
-      getLangMsg = _useContext.locale.getLangMsg;
-
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls,
+    getLangMsg = _useContext.locale.getLangMsg;
   var optionPrefixCls = getPrefixCls(prefixCls, 'quick-search');
   var optionCls = classNames(className, (_classNames = {}, _defineProperty(_classNames, "".concat(optionPrefixCls, "-option"), true), _defineProperty(_classNames, "".concat(optionPrefixCls, "-option-selected"), index === selectedIndex), _classNames));
   var optionTagCls = classNames(_defineProperty({}, "".concat(optionPrefixCls, "-option-tag"), true));
   var optionContentCls = classNames(_defineProperty({}, "".concat(optionPrefixCls, "-option-content"), true));
-
   var handleClick = function handleClick() {
     // setSelected(!isSelected)
     onChangeSelect && (onChangeSelect === null || onChangeSelect === void 0 ? void 0 : onChangeSelect({
@@ -35,7 +30,6 @@ var InternalOption = function InternalOption(props, ref) {
       value: value
     }));
   };
-
   var formatSearchValue = isFormatVal ? getStringToArray(searchValue || '').join(" ".concat(getLangMsg('Search', 'or'), " ")) : searchValue;
   return /*#__PURE__*/React.createElement("div", {
     ref: optionRef,
@@ -48,7 +42,6 @@ var InternalOption = function InternalOption(props, ref) {
     title: formatSearchValue
   }, formatSearchValue));
 };
-
 var Option = /*#__PURE__*/React.forwardRef(InternalOption);
 Option.displayName = 'Option';
 export default Option;