@para-ui/core 4.0.0-rc → 4.0.0-rc.1

package/Progress/index.js

@@ -18,11 +18,11 @@ var Steps = function Steps(props) {
     trailColor = props.trailColor,
     children = props.children;
   /** 计算出应该高亮多少步 **/
-  var current = typeof percent === "number" ? Math.round(steps * (percent / 100)) : 1;
+  var current = typeof percent === 'number' ? Math.round(steps * (percent / 100)) : 1;
   var styledSteps = [];
   for (var i = 0; i < steps; i += 1) {
     styledSteps.push(jsx("div", {
-      className: i <= current - 1 ? "steps-item steps-item-active" : "steps-item",
+      className: i <= current - 1 ? 'steps-item steps-item-active' : 'steps-item',
       style: {
         backgroundColor: i <= current - 1 ? strokeColor : trailColor,
         width: 14,
@@ -38,10 +38,10 @@ var Steps = function Steps(props) {
 };
 
 /**
-* 判断进度条传的百分比参数是否规范
-* @param {number | undefined} progress 方法入参说明
-* @return {numner} 百分比值
-*/
+ * 判断进度条传的百分比参数是否规范
+ * @param {number | undefined} progress 方法入参说明
+ * @return {numner} 百分比值
+ */
 function validProgress(progress) {
   if (!progress || progress < 0) {
     return 0;
@@ -53,7 +53,7 @@ function validProgress(progress) {
 }
 
 /**
-* 转换 百分比 到 样式格式
+ * 转换 百分比 到 样式格式
  * {
  *     "0%": "#afc163",
  *     "75%": "#009900",
@@ -61,14 +61,14 @@ function validProgress(progress) {
  *     "25%": "#66FF00",
  *     "100%": "#ffffff"
  *   }
-* @param gradients 渐变的参数
-* @return {string} 样式值
-*/
+ * @param gradients 渐变的参数
+ * @return {string} 样式值
+ */
 var sortGradient = function sortGradient(gradients) {
   var tempArr = [];
   Object.keys(gradients).forEach(function (key) {
     // 拿到百分比的数字
-    var formattedKey = parseFloat(key.replace(/%/g, ""));
+    var formattedKey = parseFloat(key.replace(/%/g, ''));
     // 进行序列化
     if (!isNaN(formattedKey)) {
       tempArr.push({
@@ -85,10 +85,10 @@ var sortGradient = function sortGradient(gradients) {
     var key = _ref.key,
       value = _ref.value;
     return "".concat(value, " ").concat(key, "%");
-  }).join(", ");
+  }).join(', ');
 };
 /**
-* 转换传进来 渐变的参数 为css样式
+ * 转换传进来 渐变的参数 为css样式
  * {
  *     "0%": "#afc163",
  *     "25%": "#66FF00",
@@ -102,16 +102,16 @@ var sortGradient = function sortGradient(gradients) {
  *     "to": "#66FF00",// ====>  linear-gradient(to right, #afc163, #66FF00)
  *   }
  *
-* @param {string} strokeColor 颜色值
-* @return   返回 backgroundImage 的样式值
-*/
+ * @param {string} strokeColor 颜色值
+ * @return   返回 backgroundImage 的样式值
+ */
 var handleGradient = function handleGradient(strokeColor, directionConfig) {
   var _strokeColor$from = strokeColor.from,
-    from = _strokeColor$from === void 0 ? "#3D66F8" : _strokeColor$from,
+    from = _strokeColor$from === void 0 ? '#3D66F8' : _strokeColor$from,
     _strokeColor$to = strokeColor.to,
-    to = _strokeColor$to === void 0 ? "#4F93F0" : _strokeColor$to,
+    to = _strokeColor$to === void 0 ? '#4F93F0' : _strokeColor$to,
     _strokeColor$directio = strokeColor.direction,
-    direction = _strokeColor$directio === void 0 ? directionConfig === "rtl" ? "to left" : "to right" : _strokeColor$directio,
+    direction = _strokeColor$directio === void 0 ? directionConfig === 'rtl' ? 'to left' : 'to right' : _strokeColor$directio,
     rest = __rest(strokeColor, ["from", "to", "direction"]);
   // 剩余参数有值说明除了from to direction 还传了 另外的参数
   if (Object.keys(rest).length !== 0) {
@@ -132,7 +132,7 @@ var Line = function Line(props) {
     strokeLinecap = props.strokeLinecap,
     trailColor = props.trailColor;
   /** 进度条高亮部分的颜色样式  **/
-  var backgroundProps = strokeColor && typeof strokeColor !== "string" ? handleGradient(strokeColor, directionConfig) : {
+  var backgroundProps = strokeColor && typeof strokeColor !== 'string' ? handleGradient(strokeColor, directionConfig) : {
     background: strokeColor
   };
   /** 进度条轨道部分的颜色样式 **/
@@ -143,7 +143,7 @@ var Line = function Line(props) {
   var percentStyle = Object.assign({
     width: "".concat(validProgress(percent), "%"),
     height: strokeWidth || 8,
-    borderRadius: strokeLinecap === "square" ? 0 : ""
+    borderRadius: strokeLinecap === 'square' ? 0 : ''
   }, backgroundProps);
   return jsx("div", Object.assign({
     className: "trail-bar",
@@ -176,14 +176,14 @@ var ProgressStatuses;
 })(ProgressStatuses || (ProgressStatuses = {}));
 /** 每个类型对应的进度条默认颜色 **/
 var strokeColorMap = {
-  success: "rgba(19, 191, 76, 1)",
-  exception: "rgba(244, 66, 66, 1)",
-  normal: "rgba(46, 101, 230, 1)",
-  active: "rgba(46, 101, 230,  1)"
+  success: 'rgba(19, 191, 76, 1)',
+  exception: 'rgba(244, 66, 66, 1)',
+  normal: 'rgba(46, 101, 230, 1)',
+  active: 'rgba(46, 101, 230,  1)'
 };
 var Progress = function Progress(props) {
   var _props$type = props.type,
-    type = _props$type === void 0 ? "line" : _props$type,
+    type = _props$type === void 0 ? 'line' : _props$type,
     className = props.className,
     style = props.style;
     props.children;
@@ -207,14 +207,14 @@ var Progress = function Progress(props) {
    * @return {string}
    */
   var classString = function classString() {
-    var str = "".concat($prefixCls, "-progress ").concat($prefixCls, "-progress-").concat(type || "default");
+    var str = "".concat($prefixCls, "-progress ").concat($prefixCls, "-progress-").concat(type || 'default');
     // 添加成功状态的class
     if (isSuccessStatus) str += " ".concat($prefixCls, "-progress-success-status");
     // 添加错误状态下的class
-    if (status === "exception") str += " ".concat($prefixCls, "-progress-exception-status");
+    if (status === 'exception') str += " ".concat($prefixCls, "-progress-exception-status");
     // 添加active状态下的class
-    if (status === "active") str += " ".concat($prefixCls, "-progress-active-status");
-    if (className) str += " " + className;
+    if (status === 'active') str += " ".concat($prefixCls, "-progress-active-status");
+    if (className) str += " ".concat(className);
     return str;
   };
   /**
@@ -225,24 +225,24 @@ var Progress = function Progress(props) {
     // 如果传了成功进度条的配置
     if (strokeColor) return strokeColor;
     if (success && success.percent < percent) {
-      return [success.strokeColor || strokeColorMap["success"], strokeColorMap["normal"]];
+      return [success.strokeColor || strokeColorMap['success'], strokeColorMap['normal']];
     }
-    return isSuccessStatus ? strokeColorMap["success"] : strokeColorMap[status || "normal"];
+    return isSuccessStatus ? strokeColorMap['success'] : strokeColorMap[status || 'normal'];
   };
   /**
    * 处理进度条的值
    * @return {string}
    */
   var renderPercent = function renderPercent() {
-    if (success && success.percent < percent && typeof percent === "number") {
+    if (success && success.percent < percent && typeof percent === 'number') {
       return [success.percent, percent - success.percent];
     }
     return percent;
   };
   /** 标记是不是成功状态 **/
-  var isSuccessStatus = percent && percent === 100 && !status || status === "success";
+  var isSuccessStatus = percent && percent === 100 && !status || status === 'success';
   /** style值 **/
-  var renderStyle = type === "circle" || type === "dashboard" ? {
+  var renderStyle = type === 'circle' || type === 'dashboard' ? {
     width: width,
     height: width
   } : {};
@@ -252,17 +252,17 @@ var Progress = function Progress(props) {
    */
   var renderLabel = function renderLabel() {
     if (format) return format(percent);
-    if (isSuccessStatus) return type === "circle" ? jsx(Check, {
+    if (isSuccessStatus) return type === 'circle' ? jsx(Check, {
       className: "success"
     }) : jsx(CompleteIcon, {
       className: "success"
     });
-    if (status === "exception") return type === "circle" ? jsx(CloseIcon, {
+    if (status === 'exception') return type === 'circle' ? jsx(CloseIcon, {
       className: "error"
     }) : jsx(CloseCircleF, {
       className: "error"
     });
-    return validProgress(percent) + "%";
+    return "".concat(validProgress(percent), "%");
   };
   /** 默认进度条  **/
   var renderLineProgress = steps ? jsx(Steps, Object.assign({
@@ -280,7 +280,7 @@ var Progress = function Progress(props) {
     percent: renderPercent(),
     direction: direction
   }, otherProps, {
-    children: " "
+    children: ' '
   }));
   /** 圆形进度条 **/
   var renderCircleProgress = jsx(Circle, Object.assign({
@@ -311,7 +311,7 @@ var Progress = function Progress(props) {
         className: "progress-inner",
         style: renderStyle
       }, {
-        children: type === "dashboard" ? renderDashboardProgress : type === "circle" ? renderCircleProgress : renderLineProgress
+        children: type === 'dashboard' ? renderDashboardProgress : type === 'circle' ? renderCircleProgress : renderLineProgress
       })), showInfo && !steps && jsx("div", Object.assign({
         className: "progress-text"
       }, {

package/Progress/utils.d.ts

@@ -1,6 +1,6 @@
 /**
-* 判断进度条传的百分比参数是否规范
-* @param {number | undefined} progress 方法入参说明
-* @return {numner} 百分比值
-*/
+ * 判断进度条传的百分比参数是否规范
+ * @param {number | undefined} progress 方法入参说明
+ * @return {numner} 百分比值
+ */
 export declare function validProgress(progress: number | number[] | undefined): number | number[];

package/Querying/index.d.ts

@@ -3,7 +3,7 @@
  * @date 2022/4/2 上午10:45
  * @description
  */
-import React, { FC } from "react";
+import React, { FC } from 'react';
 import './index.scss';
 export interface QueryingProps {
     /** cls */

package/Querying/index.js

@@ -709,8 +709,8 @@ var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/4/2 上
 styleInject(css_248z);
 
 var imageMap = {
-  'large': jsx(LargeSearch, {}),
-  'small': jsx(SmallSearch, {})
+  large: jsx(LargeSearch, {}),
+  small: jsx(SmallSearch, {})
 };
 //Querying 查询中
 var Querying = function Querying(props) {

package/README.md

@@ -26,6 +26,9 @@
         【通知提示框-Notification】支持移除closeIcon
 
         【linhd】
+        【动态多值框-DynamicMultiBox】没有拖拽，valueList不生成chosen，selected字段
+        【动态多值框-DynamicMultiBox】增加labelProps参数，用来修改标题
+        【动态多值框-DynamicMultiBox】增加rowKey,用来自定义每行的唯一id
         【输入框-TextField】修复输入框存在焦点，点击输入框，触发onBlur事件
         【下拉框-Select】去除searchModel为inside，自动得到焦点，防止页面上下抖动
         【下拉框-Select】修复下拉框闪烁渲染

package/Radio/index.d.ts

@@ -5,7 +5,7 @@
  */
 import React, { FunctionComponent, ReactNode } from 'react';
 import { LabelTooltipProps } from '../Label';
-import { TooltipProps } from "../Tooltip";
+import { TooltipProps } from '../Tooltip';
 import './index.scss';
 export interface RadioProps {
     /** 样式class */

package/Radio/index.js

@@ -52,8 +52,8 @@ var Radio = function Radio(props) {
   };
   // 处理className
   var handClass = function handClass() {
-    var str = $prefixCls + '-radio';
-    if (className) str += ' ' + className;
+    var str = "".concat($prefixCls, "-radio");
+    if (className) str += " ".concat(className);
     if (size) str += " ".concat($prefixCls, "-radio-").concat(size);
     if (disabled) str += " ".concat($prefixCls, "-radio-disabled");
     if (checkedCom) str += " ".concat($prefixCls, "-radio-checked");
@@ -62,7 +62,7 @@ var Radio = function Radio(props) {
   var handLabelClass = function handLabelClass() {
     var str = 'radio-label';
     if (labelTooltip && labelTooltip.className) {
-      str += ' ' + labelTooltip.className;
+      str += " ".concat(labelTooltip.className);
     }
     return str;
   };
@@ -70,7 +70,7 @@ var Radio = function Radio(props) {
   var handHelpClassName = function handHelpClassName() {
     var str = ' radio-help';
     if (labelTooltip && labelTooltip.helpClassName) {
-      str += ' ' + labelTooltip.helpClassName;
+      str += " ".concat(labelTooltip.helpClassName);
     }
     return str;
   };

package/RadioGroup/index.d.ts

@@ -5,8 +5,8 @@
  */
 import React, { FunctionComponent, ReactNode } from 'react';
 import { RadioProps } from '../Radio';
-import { LabelTooltipProps } from "../Label";
-import { HelperTextDetailProps } from "../HelperText";
+import { LabelTooltipProps } from '../Label';
+import { HelperTextDetailProps } from '../HelperText';
 import './index.scss';
 export interface RadioListProps extends RadioProps {
     [name: string]: any;

package/RadioGroup/index.js

@@ -73,7 +73,7 @@ var RadioGroup = function RadioGroup(props) {
       var handLabelClass = function handLabelClass() {
         var str = 'radio-group-label';
         if (labelTooltip && labelTooltip.className) {
-          str += ' ' + labelTooltip.className;
+          str += " ".concat(labelTooltip.className);
         }
         return str;
       };
@@ -102,8 +102,8 @@ var RadioGroup = function RadioGroup(props) {
   };
   // 处理class
   var handClass = function handClass() {
-    var str = $prefixCls + '-radio-group';
-    if (className) str += ' ' + className;
+    var str = "".concat($prefixCls, "-radio-group");
+    if (className) str += " ".concat(className);
     if (size) str += " ".concat($prefixCls, "-radio-group-size");
     if (error) str += " ".concat($prefixCls, "-radio-group-error");
     if (disabled) str += " ".concat($prefixCls, "-radio-group-disabled");

package/Search/index.js

@@ -107,7 +107,7 @@ var Search = function Search(props) {
    */
   var handClass = function handClass() {
     var str = "".concat($prefixCls, "-search");
-    if (className) str += ' ' + className;
+    if (className) str += " ".concat(className);
     if (size) str += " ".concat($prefixCls, "-search-").concat(size);
     if (radius) str += " ".concat($prefixCls, "-search-radius");
     return str;

package/Select/index.d.ts

@@ -4,10 +4,10 @@
  * @description 下拉框
  */
 import React, { FunctionComponent, ReactNode } from 'react';
-import { EmptyProps } from "../Empty";
-import { LabelTooltipProps } from "../Label";
+import { EmptyProps } from '../Empty';
+import { LabelTooltipProps } from '../Label';
 import { TooltipProps } from '../Tooltip';
-import { HelperTextDetailProps } from "../HelperText";
+import { HelperTextDetailProps } from '../HelperText';
 import './index.scss';
 export interface SelectProps extends HelperTextDetailProps {
     /** 样式class */

package/Select/index.js

@@ -61,21 +61,21 @@ styleInject(css_248z);
  * @param text 文本
  */
 var textSize = function textSize(fontSize, fontFamily, text) {
-  var span = document.createElement("span");
+  var span = document.createElement('span');
   span.id = 'referenceSpan';
   var result = {};
   result.width = span.offsetWidth;
   result.height = span.offsetHeight;
-  span.style.visibility = "hidden";
+  span.style.visibility = 'hidden';
   span.style.fontSize = fontSize;
   span.style.fontFamily = fontFamily;
-  span.style.display = "inline-block";
-  var isExists = document.getElementById("referenceSpan");
+  span.style.display = 'inline-block';
+  var isExists = document.getElementById('referenceSpan');
   if (isExists) {
     document.body.removeChild(isExists);
   }
   document.body.appendChild(span);
-  if (typeof span.textContent != "undefined") {
+  if (typeof span.textContent !== 'undefined') {
     span.textContent = text;
   } else {
     span.innerText = text;
@@ -146,10 +146,10 @@ var Select = function Select(props) {
     _useGlobalProps$selec = _useGlobalProps.selectCheckIcon,
     selectCheckIcon = _useGlobalProps$selec === void 0 ? true : _useGlobalProps$selec;
   var posDom = useRef(null);
-  var _useState = useState($prefixCls + '-select-' + UUID()),
+  var _useState = useState("".concat($prefixCls, "-select-").concat(UUID())),
     _useState2 = _slicedToArray(_useState, 1),
     classOne = _useState2[0]; // 唯一class
-  var _useState3 = useState('select-popover-' + UUID()),
+  var _useState3 = useState("select-popover-".concat(UUID())),
     _useState4 = _slicedToArray(_useState3, 1),
     classOneSelect = _useState4[0]; // 唯一class
   var _useState5 = useState(false),
@@ -272,13 +272,13 @@ var Select = function Select(props) {
   useEffect(function () {
     // 多行不换行计算
     if (!overLineCom && multiple) {
-      window.addEventListener("resize", changeSize);
+      window.addEventListener('resize', changeSize);
     } else {
       //setMorePos(constData.valueCom.length)
-      window.removeEventListener("resize", changeSize);
+      window.removeEventListener('resize', changeSize);
     }
     return function () {
-      window.removeEventListener("resize", changeSize);
+      window.removeEventListener('resize', changeSize);
     };
   }, [overLineCom, multiple]);
   // 计算是否显示label,placehold
@@ -297,7 +297,7 @@ var Select = function Select(props) {
     if (!open) return;
     setLoading(true);
     if (props.fetchSuggestions) {
-      props.fetchSuggestions && props.fetchSuggestions(searchValue, function (data) {
+      props.fetchSuggestions(searchValue, function (data) {
         var listHand = handList(data);
         handSelectList(listHand, true);
         setLoading(false);
@@ -313,18 +313,18 @@ var Select = function Select(props) {
       clearTimeout(constData.openTimer);
       constData.openTimer = setTimeout(function () {
         inputFocus();
-        window.addEventListener("click", clickCom);
-        window.addEventListener("keydown", keydownCom);
+        window.addEventListener('click', clickCom);
+        window.addEventListener('keydown', keydownCom);
       });
     } else {
       setSearchValue('');
-      window.removeEventListener("click", clickCom);
-      window.removeEventListener("keydown", keydownCom);
+      window.removeEventListener('click', clickCom);
+      window.removeEventListener('keydown', keydownCom);
     }
     return function () {
       clearTimeout(constData.openTimer);
-      window.removeEventListener("click", clickCom);
-      window.removeEventListener("keydown", keydownCom);
+      window.removeEventListener('click', clickCom);
+      window.removeEventListener('keydown', keydownCom);
     };
   }, [open]);
   // 是否计算搜索框长度
@@ -339,7 +339,7 @@ var Select = function Select(props) {
   var handMultiline = function handMultiline(index) {
     if (index === null || index === 0) return;
     if (index === undefined) index = constData.valueCom.length;
-    var boxDom = document.querySelector('.' + classOne + ' > .select-content > .check-select-content');
+    var boxDom = document.querySelector(".".concat(classOne, " > .select-content > .check-select-content"));
     if (!boxDom) return;
     if (boxDom.scrollHeight > boxDom.clientHeight) {
       var num = Number(index) - 1;
@@ -422,7 +422,7 @@ var Select = function Select(props) {
   // 输入框的到焦点
   var inputFocus = function inputFocus() {
     var inputDom = textDom && textDom.current;
-    if (constData.searchModel === "inside") return;
+    if (constData.searchModel === 'inside') return;
     inputDom && inputDom.focus({
       preventScroll: true
     });
@@ -447,7 +447,7 @@ var Select = function Select(props) {
    * @param e 当前点击元素
    */
   var clickCom = function clickCom(e) {
-    var bol = closest(e.target, '.' + classOneSelect); // 是否存在下拉当中
+    var bol = closest(e.target, ".".concat(classOneSelect)); // 是否存在下拉当中
     if (!bol) setOpen(false);
   };
   /**
@@ -541,8 +541,8 @@ var Select = function Select(props) {
   // 处理下拉框class
   var handClass = function handClass() {
     var str = "".concat($prefixCls, "-select");
-    if (multiple && !overLineCom) str += ' ' + classOne; // 多选 超出不换行
-    if (className) str += ' ' + className;
+    if (multiple && !overLineCom) str += " ".concat(classOne); // 多选 超出不换行
+    if (className) str += " ".concat(className);
     if (size) str += " ".concat($prefixCls, "-select-").concat(size);
     if (error) str += " ".concat($prefixCls, "-select-error");
     if (disabled === true) str += " ".concat($prefixCls, "-select-disabled");
@@ -563,14 +563,14 @@ var Select = function Select(props) {
     } else {
       str += " ".concat($prefixCls, "-select-popover-radio");
     }
-    if (selectPopoverClassName) str += ' ' + selectPopoverClassName;
+    if (selectPopoverClassName) str += " ".concat(selectPopoverClassName);
     return str;
   };
   // 处理下拉框更多class
   var handleClassMorePopover = function handleClassMorePopover() {
     var str = "".concat($prefixCls, "-select-more-popover ").concat($prefixCls, "-scrollbar-small");
     if (size) str += " ".concat($prefixCls, "-select-more-popover-").concat(size);
-    if (morePopoverClassName) str += ' ' + morePopoverClassName;
+    if (morePopoverClassName) str += " ".concat(morePopoverClassName);
     return str;
   };
   /**
@@ -588,7 +588,7 @@ var Select = function Select(props) {
   var onKeyDownSearch = function onKeyDownSearch(e) {
     if (e.keyCode === 13) {
       onEnterInput && onEnterInput(searchValue);
-      var selectDom = document.querySelector('.' + classOneSelect + ' .select-popover-list');
+      var selectDom = document.querySelector(".".concat(classOneSelect, " .select-popover-list"));
       if (selectDom) {
         var hoverDom = selectDom.querySelector('.select-popover-list-item-hover');
         var keydownDom = selectDom.querySelector('.select-popover-list-item-keydown');
@@ -622,7 +622,7 @@ var Select = function Select(props) {
     var results = textSize(fontSize, fontFamily, text);
     var width = results.width;
     if (width < 10) width = 10;
-    inputDom.style.width = width + 'px';
+    inputDom.style.width = "".concat(width, "px");
   };
   /**
    * 处理键盘事件 上/下
@@ -677,11 +677,11 @@ var Select = function Select(props) {
       if (brotherDom.className.indexOf('select-popover-list-group') !== -1) {
         var currentDom = brotherDom.querySelector(classGroupStr);
         if (currentDom) {
-          currentDom.classList.add("select-popover-list-item-keydown");
+          currentDom.classList.add('select-popover-list-item-keydown');
           domClientTop(currentDom, selectDom);
         }
       } else {
-        brotherDom.classList.add("select-popover-list-item-keydown");
+        brotherDom.classList.add('select-popover-list-item-keydown');
         domClientTop(brotherDom, selectDom);
       }
     }
@@ -712,7 +712,7 @@ var Select = function Select(props) {
    * @param e 键盘信息
    */
   var keydownCom = function keydownCom(e) {
-    var selectDom = document.querySelector('.' + classOneSelect + ' .select-popover-list');
+    var selectDom = document.querySelector(".".concat(classOneSelect, " .select-popover-list"));
     if (!selectDom) return;
     var selectItemDom = selectDom.querySelector('.select-popover-list-item-select');
     var hoverDom = selectDom.querySelector('.select-popover-list-item-hover');
@@ -733,7 +733,7 @@ var Select = function Select(props) {
     }
     if (keydownDom) {
       currentKeydownDom = keydownDom;
-      keydownDom.classList.remove("select-popover-list-item-keydown");
+      keydownDom.classList.remove('select-popover-list-item-keydown');
     }
     // 下
     if (e.keyCode === 40) {
@@ -760,11 +760,11 @@ var Select = function Select(props) {
     if (constData.scroll) return;
     var target = closest(e.target, '.select-popover-list-item');
     if (!target) return;
-    target.classList.add("select-popover-list-item-hover");
+    target.classList.add('select-popover-list-item-hover');
     // 鼠标移入清除所有keydown
-    var selectDom = document.querySelector('.' + classOneSelect);
+    var selectDom = document.querySelector(".".concat(classOneSelect));
     var keydownDom = selectDom.querySelector('.select-popover-list-item-keydown');
-    if (keydownDom) keydownDom.classList.remove("select-popover-list-item-keydown");
+    if (keydownDom) keydownDom.classList.remove('select-popover-list-item-keydown');
   };
   /**
    * 鼠标移出
@@ -773,7 +773,7 @@ var Select = function Select(props) {
   var mouseLeave = function mouseLeave(e) {
     var target = closest(e.target, '.select-popover-list-item');
     if (!target) return;
-    target.classList.remove("select-popover-list-item-hover");
+    target.classList.remove('select-popover-list-item-hover');
   };
   // 外标题memo
   var OutLabelMemo = useMemo(function () {
@@ -781,7 +781,7 @@ var Select = function Select(props) {
     var handLabelClass = function handLabelClass() {
       var str = 'select-label';
       if (labelTooltip && labelTooltip.className) {
-        str += ' ' + labelTooltip.className;
+        str += " ".concat(labelTooltip.className);
       }
       return str;
     };
@@ -843,7 +843,7 @@ var Select = function Select(props) {
       var renderContentVal = renderContent && renderContent(listJson[valueCom[0]], false);
       if (overLineCom) return renderContentVal || val;
       return jsx(AutoTips, Object.assign({
-        placement: "top-start"
+        placement: 'top-start'
       }, {
         children: renderContentVal || val
       }));
@@ -883,7 +883,7 @@ var Select = function Select(props) {
           }, {
             children: [jsx("span", {
               children: jsx(AutoTips, Object.assign({
-                placement: "top-start"
+                placement: 'top-start'
               }, {
                 children: handContent(index)
               }))
@@ -973,7 +973,7 @@ var Select = function Select(props) {
           }, {
             children: [jsx("span", {
               children: jsx(AutoTips, Object.assign({
-                placement: "top-start"
+                placement: 'top-start'
               }, {
                 children: handContent(index)
               }))
@@ -1022,7 +1022,7 @@ var Select = function Select(props) {
           className: "select-popover-list-item-label"
         }, {
           children: jsx(AutoTips, Object.assign({
-            placement: "top-start"
+            placement: 'top-start'
           }, {
             children: renderContentVal || val
           }))
@@ -1091,7 +1091,7 @@ var Select = function Select(props) {
         className: "select-nodata"
       }, {
         children: jsx(Empty, Object.assign({}, emptyProps, {
-          size: (emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.size) || "small"
+          size: (emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.size) || 'small'
         }))
       })), loading && jsx(Loading, {})]
     }));
@@ -1100,13 +1100,13 @@ var Select = function Select(props) {
   var SelectPopoverMemo = useMemo(function () {
     if (!showSelect) return '';
     var handSelectPopoverMemoClass = function handSelectPopoverMemoClass() {
-      var classStr = 'select-popover-content ' + classOneSelect;
+      var classStr = "select-popover-content ".concat(classOneSelect);
       if (search && searchModel === 'inside') classStr += ' select-popover-content-search';
       return classStr;
     };
     return jsxs("div", Object.assign({
       style: {
-        width: (posDom && posDom.current ? posDom.current.offsetWidth : 0) + 'px'
+        width: "".concat(posDom && posDom.current ? posDom.current.offsetWidth : 0, "px")
       },
       className: handSelectPopoverMemoClass()
     }, {

package/SelectInput/index.js

@@ -39,8 +39,8 @@ import '../HelperText/index.js';
 
 var SelectInput = function SelectInput(props) {
   var handClass = function handClass() {
-    var str = $prefixCls + '-select-input';
-    if (props.className) str += ' ' + props.className;
+    var str = "".concat($prefixCls, "-select-input");
+    if (props.className) str += " ".concat(props.className);
     return str;
   };
   return jsx(Select, Object.assign({}, props, {