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

package/Container/index.js

@@ -10,7 +10,7 @@ styleInject(css_248z);
 var Container = function Container() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var _props$className = props.className,
-    className = _props$className === void 0 ? "" : _props$className,
+    className = _props$className === void 0 ? '' : _props$className,
     top = props.top,
     _props$topStyle = props.topStyle,
     topStyle = _props$topStyle === void 0 ? {} : _props$topStyle,
@@ -24,58 +24,58 @@ var Container = function Container() {
     _props$bottomStyle = props.bottomStyle,
     bottomStyle = _props$bottomStyle === void 0 ? {} : _props$bottomStyle,
     _props$type = props.type,
-    type = _props$type === void 0 ? "tlr" : _props$type;
+    type = _props$type === void 0 ? 'tlr' : _props$type;
   var topSty, leftSty, rightSty, bottomSty, bodySty;
   var position = React__default.useMemo(function () {
     switch (type) {
-      case "tlr":
+      case 'tlr':
         // 上 左右
         topSty = Object.assign({
-          height: top ? "50px" : '0',
-          width: "100%"
+          height: top ? '50px' : '0',
+          width: '100%'
         }, topStyle);
         leftSty = Object.assign({
-          height: "100%",
-          width: "auto"
+          height: '100%',
+          width: 'auto'
         }, leftStyle);
         bottomSty = Object.assign({
-          height: bottom ? "20px" : "0",
-          width: "100%"
+          height: bottom ? '20px' : '0',
+          width: '100%'
         }, bottomStyle);
         rightSty = Object.assign({
           height: "calc(100% - ".concat(bottomSty.height, ")"),
-          width: "auto"
+          width: 'auto'
         }, rightStyle);
         bodySty = {
-          width: "100%",
+          width: '100%',
           height: "calc(100% - ".concat(topSty.height, ")")
         };
         return jsxs("div", Object.assign({
           className: "".concat($prefixCls, "-container ").concat($prefixCls, "-tlr ").concat(className)
         }, {
           children: [jsx("div", Object.assign({
-            className: "container-top",
+            className: 'container-top',
             style: topSty
           }, {
             children: top
           })), jsxs("div", Object.assign({
-            className: "container-body",
+            className: 'container-body',
             style: bodySty
           }, {
             children: [jsx("div", Object.assign({
-              className: "container-left",
+              className: 'container-left',
               style: leftSty
             }, {
               children: left
             })), jsx("div", Object.assign({
-              className: "container-body-right",
+              className: 'container-body-right',
               style: {
-                width: "auto",
-                height: "100%"
+                width: 'auto',
+                height: '100%'
               }
             }, {
               children: jsx("div", Object.assign({
-                className: "container-right",
+                className: 'container-right',
                 style: rightSty
               }, {
                 children: right
@@ -83,139 +83,139 @@ var Container = function Container() {
             }))]
           }))]
         }));
-      case "tlrb":
+      case 'tlrb':
         // 上 左右 下
         topSty = Object.assign({
-          height: top ? "50px" : '0',
-          width: "100%"
+          height: top ? '50px' : '0',
+          width: '100%'
         }, topStyle);
         leftSty = Object.assign({
-          height: "100%",
-          width: "auto"
+          height: '100%',
+          width: 'auto'
         }, leftStyle);
         rightSty = Object.assign({
-          height: "100%",
-          width: "auto"
+          height: '100%',
+          width: 'auto'
         }, rightStyle);
         bottomSty = Object.assign({
-          height: bottom ? "20px" : "0px",
-          width: "100%"
+          height: bottom ? '20px' : '0px',
+          width: '100%'
         }, bottomStyle);
         bodySty = {
-          width: "100%",
+          width: '100%',
           height: "calc(100% - ".concat(topSty.height, "  - ").concat(bottomSty.height, ")")
         };
         return jsxs("div", Object.assign({
           className: "".concat($prefixCls, "-container ").concat($prefixCls, "-tlrb ").concat(className)
         }, {
           children: [jsx("div", Object.assign({
-            className: "container-top",
+            className: 'container-top',
             style: topSty
           }, {
             children: top
           })), jsxs("div", Object.assign({
-            className: "container-body",
+            className: 'container-body',
             style: bodySty
           }, {
             children: [jsx("div", Object.assign({
-              className: "container-left",
+              className: 'container-left',
               style: leftSty
             }, {
               children: left
             })), jsx("div", Object.assign({
-              className: "container-right",
+              className: 'container-right',
               style: rightSty
             }, {
               children: right
             }))]
           })), jsx("div", Object.assign({
-            className: "container-bottom",
+            className: 'container-bottom',
             style: bottomSty
           }, {
             children: bottom
           }))]
         }));
-      case "ltrb":
+      case 'ltrb':
         // 左 上右下
         leftSty = Object.assign({
-          height: "100%",
-          width: "auto"
+          height: '100%',
+          width: 'auto'
         }, leftStyle);
         topSty = Object.assign({
-          height: top ? "50px" : '0',
-          width: "100%"
+          height: top ? '50px' : '0',
+          width: '100%'
         }, topStyle);
         bottomSty = Object.assign({
-          height: bottom ? "30px" : "0px",
-          width: "100%"
+          height: bottom ? '30px' : '0px',
+          width: '100%'
         }, bottomStyle);
         rightSty = Object.assign({
           height: "calc(100% - ".concat(topSty.height, "px  - ").concat(bottomSty.height, ")"),
-          width: "100%"
+          width: '100%'
         }, rightStyle);
         bodySty = {
-          width: "auto",
+          width: 'auto',
           height: "100%"
         };
         return jsxs("div", Object.assign({
           className: "".concat($prefixCls, "-container ").concat($prefixCls, "-ltrb ").concat(className)
         }, {
           children: [jsx("div", Object.assign({
-            className: "container-left",
+            className: 'container-left',
             style: leftSty
           }, {
             children: left
           })), jsxs("div", Object.assign({
-            className: "container-body",
+            className: 'container-body',
             style: bodySty
           }, {
             children: [jsx("div", Object.assign({
-              className: "container-top",
+              className: 'container-top',
               style: topSty
             }, {
               children: top
             })), jsx("div", Object.assign({
-              className: "container-right",
+              className: 'container-right',
               style: rightSty
             }, {
               children: right
             })), jsx("div", Object.assign({
-              className: "container-bottom",
+              className: 'container-bottom',
               style: bottomSty
             }, {
               children: bottom
             }))]
           }))]
         }));
-      case "trb":
+      case 'trb':
         // 上 中 下
         topSty = Object.assign({
-          height: top ? "50px" : '0',
-          width: "100%"
+          height: top ? '50px' : '0',
+          width: '100%'
         }, topStyle);
         bottomSty = Object.assign({
-          height: bottom ? "30px" : "0px",
-          width: "100%"
+          height: bottom ? '30px' : '0px',
+          width: '100%'
         }, bottomStyle);
         rightSty = Object.assign({
           height: "calc(100% - ".concat(topSty.height, "px  - ").concat(bottomSty.height, ")"),
-          width: "100%"
+          width: '100%'
         }, rightStyle);
         return jsxs("div", Object.assign({
           className: "".concat($prefixCls, "-container ").concat($prefixCls, "-trb ").concat(className)
         }, {
           children: [jsx("div", Object.assign({
-            className: "container-top",
+            className: 'container-top',
             style: topSty
           }, {
             children: top
           })), jsx("div", Object.assign({
-            className: "container-right",
+            className: 'container-right',
             style: rightSty
           }, {
             children: right
           })), jsx("div", Object.assign({
-            className: "container-bottom",
+            className: 'container-bottom',
             style: bottomSty
           }, {
             children: bottom

package/CopyText/index.d.ts

@@ -4,7 +4,7 @@
  * @description 复制文本
  */
 import { FunctionComponent, ReactNode } from 'react';
-import { TextFieldProps } from "../TextField";
+import { TextFieldProps } from '../TextField';
 import './index.scss';
 export interface CopyTextProps {
     className?: string;
@@ -27,7 +27,7 @@ export interface CopyTextProps {
     /** 延时 */
     timeout?: number;
     /** 复制事件 */
-    onCopy?: () => (Promise<string | void> | string | void);
+    onCopy?: () => Promise<string | void> | string | void;
 }
 declare const CopyText: FunctionComponent<CopyTextProps>;
 export default CopyText;

package/DatePicker/generatePicker/index.d.ts

@@ -1,18 +1,18 @@
-import React, { ReactNode } from "react";
-import { GenerateConfig } from "rc-picker/lib/generate/index";
-import { PickerBaseProps as RCPickerBaseProps, PickerDateProps as RCPickerDateProps, PickerTimeProps as RCPickerTimeProps } from "rc-picker/lib/Picker";
-import { RangePickerBaseProps as RCRangePickerBaseProps, RangePickerDateProps as RCRangePickerDateProps, RangePickerTimeProps as RCRangePickerTimeProps } from "rc-picker/lib/RangePicker";
-import { Locale as RcPickerLocale } from "rc-picker/lib/interface";
-import PickerButton from "../PickerButton";
-import PickerTag from "../PickerTag";
-import { Dayjs } from "dayjs";
-import { LabelTooltipProps } from "../../Label";
-import { TooltipProps } from "../../Tooltip";
+import React, { ReactNode } from 'react';
+import { GenerateConfig } from 'rc-picker/lib/generate/index';
+import { PickerBaseProps as RCPickerBaseProps, PickerDateProps as RCPickerDateProps, PickerTimeProps as RCPickerTimeProps } from 'rc-picker/lib/Picker';
+import { RangePickerBaseProps as RCRangePickerBaseProps, RangePickerDateProps as RCRangePickerDateProps, RangePickerTimeProps as RCRangePickerTimeProps } from 'rc-picker/lib/RangePicker';
+import { Locale as RcPickerLocale } from 'rc-picker/lib/interface';
+import PickerButton from '../PickerButton';
+import PickerTag from '../PickerTag';
+import { Dayjs } from 'dayjs';
+import { LabelTooltipProps } from '../../Label';
+import { TooltipProps } from '../../Tooltip';
 export type ShortcutType = {
     text: string;
     value: Dayjs[] | (() => Dayjs[]);
 };
-type SizeType = "small" | "medium" | "large" | undefined;
+type SizeType = 'small' | 'medium' | 'large' | undefined;
 export interface TimePickerLocale {
     placeholder?: string;
     rangePlaceholder?: [string, string];
@@ -24,9 +24,9 @@ export declare const Components: {
     button: typeof PickerButton;
     rangeItem: typeof PickerTag;
 };
-type InjectDefaultProps<Props, Type> = Omit<Props, "locale" | "generateConfig" | "prevIcon" | "nextIcon" | "superPrevIcon" | "superNextIcon" | "hideHeader" | "components" | "value" | "defaultValue"> & {
+type InjectDefaultProps<Props, Type> = Omit<Props, 'locale' | 'generateConfig' | 'prevIcon' | 'nextIcon' | 'superPrevIcon' | 'superNextIcon' | 'hideHeader' | 'components' | 'value' | 'defaultValue'> & {
     /** 国际化 */
-    locale?: "zh" | "en";
+    locale?: 'zh' | 'en';
     /** 大小 */
     size?: SizeType;
     /** 显示边框 */
@@ -36,9 +36,9 @@ type InjectDefaultProps<Props, Type> = Omit<Props, "locale" | "generateConfig" |
     /** 帮助文本 */
     helperText?: ReactNode;
     /** value */
-    value?: Type extends "range" ? RangeValue<Dayjs> : NullableDateType<Dayjs>;
+    value?: Type extends 'range' ? RangeValue<Dayjs> : NullableDateType<Dayjs>;
     /** 默认值 */
-    defaultValue?: Type extends "range" ? RangeValue<Dayjs> : NullableDateType<Dayjs>;
+    defaultValue?: Type extends 'range' ? RangeValue<Dayjs> : NullableDateType<Dayjs>;
     /** 标题 */
     label?: ReactNode;
     /** 帮助提示信息 */
@@ -76,19 +76,19 @@ export type AdditionalPickerLocaleLangProps = {
     rangeWeekPlaceholder?: [string, string];
     rangePlaceholder?: [string, string];
 };
-export type PickerBaseProps<DateType> = InjectDefaultProps<RCPickerBaseProps<DateType>, "">;
-export type PickerDateProps<DateType> = InjectDefaultProps<RCPickerDateProps<DateType>, "">;
-export type PickerTimeProps<DateType> = InjectDefaultProps<RCPickerTimeProps<DateType>, "">;
+export type PickerBaseProps<DateType> = InjectDefaultProps<RCPickerBaseProps<DateType>, ''>;
+export type PickerDateProps<DateType> = InjectDefaultProps<RCPickerDateProps<DateType>, ''>;
+export type PickerTimeProps<DateType> = InjectDefaultProps<RCPickerTimeProps<DateType>, ''>;
 export type PickerProps<DateType> = PickerBaseProps<DateType> | PickerDateProps<DateType> | PickerTimeProps<DateType>;
-export type RangePickerBaseProps<DateType> = InjectDefaultProps<RCRangePickerBaseProps<DateType>, "range">;
-export type RangePickerDateProps<DateType> = InjectDefaultProps<RCRangePickerDateProps<DateType>, "range">;
-export type RangePickerTimeProps<DateType> = InjectDefaultProps<RCRangePickerTimeProps<DateType>, "range">;
+export type RangePickerBaseProps<DateType> = InjectDefaultProps<RCRangePickerBaseProps<DateType>, 'range'>;
+export type RangePickerDateProps<DateType> = InjectDefaultProps<RCRangePickerDateProps<DateType>, 'range'>;
+export type RangePickerTimeProps<DateType> = InjectDefaultProps<RCRangePickerTimeProps<DateType>, 'range'>;
 export type RangePickerProps<DateType> = (RangePickerBaseProps<DateType> | RangePickerDateProps<DateType> | RangePickerTimeProps<DateType>) & {
     /** 预设时间范围快捷选择 */
     /** @deprecated Please use `presets` instead */
     shortcuts?: ShortcutType[];
     /** 预设范围选择面板位置 */
-    shortcutsPlacement?: "left" | "right";
+    shortcutsPlacement?: 'left' | 'right';
 };
 declare function generatePicker<DateType>(generateConfig: GenerateConfig<DateType>): import("./interface").PickerComponentClass<PickerProps<DateType>, unknown> & {
     WeekPicker: import("./interface").PickerComponentClass<Omit<PickerProps<DateType>, "picker">, unknown>;

package/DatePicker/index.js

@@ -117,8 +117,9 @@ var ELocale = {
 };
 
 function generatePicker$1(generateConfig) {
-  // 
+  //
   function getPicker(picker, displayName) {
+    // const consumerName = displayName === 'TimePicker' ? 'timePicker' : 'datePicker';
     var Picker = /*#__PURE__*/forwardRef(function (props, ref) {
       var className = props.className;
         props.size;
@@ -454,7 +455,7 @@ function generateRangePicker(generateConfig) {
           ref: innerRef,
           placeholder: getRangePlaceholder(picker, newLocale, placeholder),
           suffixIcon: picker === 'time' ? jsx(TimeIcon, {}) : jsx(DateIcon, {
-            className: 'picker-icon'
+            className: "picker-icon"
           }),
           clearIcon: jsx(CloseCircleF, {}),
           allowClear: true,
@@ -512,11 +513,11 @@ var Components = {
 };
 //format map
 var pickerFormatMap = {
-  year: "YYYY",
-  quarter: "YYYY-QQ",
-  month: "YYYY-MM",
-  week: "YYYY-WW",
-  time: "HH:mm:ss"
+  year: 'YYYY',
+  quarter: 'YYYY-QQ',
+  month: 'YYYY-MM',
+  week: 'YYYY-WW',
+  time: 'HH:mm:ss'
 };
 //picker 生成器
 function generatePicker(generateConfig) {

package/DatePicker/util.d.ts

@@ -1,6 +1,6 @@
 import { PickerMode } from 'rc-picker/lib/interface';
 import { PickerLocale } from './generatePicker';
-import { SharedTimeProps } from "rc-picker/lib/panels/TimePanel";
+import { SharedTimeProps } from 'rc-picker/lib/panels/TimePanel';
 export declare function getPlaceholder(picker: PickerMode | undefined, locale: PickerLocale, customizePlaceholder?: string): string;
 export declare function getRangePlaceholder(picker: PickerMode | undefined, locale: PickerLocale, customizePlaceholder?: [string, string]): [string, string] | undefined;
 export declare function getTimeProps<DateType, DisabledTime>(props: {

package/Desktop/index.d.ts

@@ -4,7 +4,7 @@
  * @description 桌面移动
  */
 import React, { FunctionComponent } from 'react';
-import { TooltipProps } from "../Tooltip";
+import { TooltipProps } from '../Tooltip';
 import './index.scss';
 export interface DesktopDataItem {
     key: string;

package/Desktop/index.js

@@ -260,8 +260,8 @@ var Desktop = function Desktop(props) {
     map[index] = getItemData(item, index, type);
     item = map[index];
     var style = {
-      left: map[index].point.x + 'px',
-      top: map[index].point.y + 'px',
+      left: "".concat(map[index].point.x, "px"),
+      top: "".concat(map[index].point.y, "px"),
       width: defaultMatrix.width,
       height: defaultMatrix.height
     };
@@ -438,6 +438,7 @@ var Desktop = function Desktop(props) {
     // 计算光标碰撞
     //const list = Object.keys(map);
     var dragRect = {
+      // 矩阵
       x: x,
       y: y,
       w: dragData.point.x + dragData.point.width,
@@ -446,6 +447,7 @@ var Desktop = function Desktop(props) {
       height: dragData.point.height
     };
     var dragCentre = {
+      // 拖拽矩形中心点
       x: dragRect.x + dragRect.width / 2,
       y: dragRect.y + dragRect.height / 2
     };
@@ -454,11 +456,12 @@ var Desktop = function Desktop(props) {
       if (!item || String(item.key) === String(dragData.key)) continue;
       if (item.parent && dir !== item.parent) continue;
       /*
-      * x,y_____
-      * |       |
-      * |_____w,h
-      */
+       * x,y_____
+       * |       |
+       * |_____w,h
+       */
       var rect = {
+        // 矩阵
         x: item.point.x,
         y: item.point.y,
         w: item.point.x + item.point.width,
@@ -484,6 +487,7 @@ var Desktop = function Desktop(props) {
         }
         // 计算碰撞位置，左，中，右
         var _dragCentre = {
+          // 拖拽矩形中心点
           x: dragRect.x + dragRect.width / 2,
           y: dragRect.y + dragRect.height / 2
         };
@@ -606,7 +610,7 @@ var Desktop = function Desktop(props) {
    */
   var newDir = function newDir(item, dragMapData, t) {
     if (t === 'R') item.index--;
-    var key = 'dir_' + item.key + (Math.random() * 1000000 | 0);
+    var key = "dir_".concat(item.key).concat(Math.random() * 1000000 | 0);
     map[item.index] = Object.assign(Object.assign({}, item), {
       key: key,
       point: getPoint(item.index),
@@ -651,6 +655,7 @@ var Desktop = function Desktop(props) {
    * @param point 位置
    */
   var setNewPoint = function setNewPoint(item, next, point) {
+    // item 当前节点，下一个节点索引
     if (!item) return;
     if (!point) point = getPoint(next);
     var dom = getItemByKey(item.key);
@@ -668,7 +673,7 @@ var Desktop = function Desktop(props) {
   var reset = function reset(type) {
     var _a, _b, _c;
     switch (type) {
-      case "impact":
+      case 'impact':
         var impactDom = document.querySelector('[impact="true"]');
         if (!impactDom) return;
         if (dragData && dragData.impact) {
@@ -677,7 +682,7 @@ var Desktop = function Desktop(props) {
         }
         impactDom === null || impactDom === void 0 ? void 0 : impactDom.removeAttribute('impact');
         break;
-      case "end":
+      case 'end':
         dragData = null;
         (_a = document.querySelector('[impact="true"]')) === null || _a === void 0 ? void 0 : _a.removeAttribute('impact');
         (_b = document.querySelector('[drag-item="true"]')) === null || _b === void 0 ? void 0 : _b.removeAttribute('drag-item');
@@ -700,8 +705,8 @@ var Desktop = function Desktop(props) {
    */
   var setPoint = function setPoint(dom, x, y) {
     if (!dom) return;
-    if (x !== undefined || x !== null) dom.style.left = x + 'px';
-    if (y !== undefined || y !== null) dom.style.top = y + 'px';
+    if (x !== undefined || x !== null) dom.style.left = "".concat(x, "px");
+    if (y !== undefined || y !== null) dom.style.top = "".concat(y, "px");
   };
   /** 排序 */
   var onSort = function onSort() {
@@ -823,8 +828,8 @@ var Desktop = function Desktop(props) {
    * @return {string}
    */
   var handClass = function handClass() {
-    var str = $prefixCls + '-desktop';
-    if (props.className) str += ' ' + props.className;
+    var str = "".concat($prefixCls, "-desktop");
+    if (props.className) str += " ".concat(props.className);
     return str;
   };
   return jsxs("div", Object.assign({

package/DragVerify/index.d.ts

@@ -25,7 +25,7 @@ export interface DragVerifyProps {
     /** 刷新 */
     refresh?: any;
     /** 获取图片接口 */
-    getImgInfo: () => (Promise<DragVerifyImgProps> | DragVerifyImgProps);
+    getImgInfo: () => Promise<DragVerifyImgProps> | DragVerifyImgProps;
     /** 提交校验接口 xPos: x轴坐标，imgInfo：图片信息
      *  true 通过
      *  false 不通过

package/DragVerify/index.js

@@ -57,7 +57,7 @@ var DragVerify = function DragVerify(props) {
     getImgInfo: getImgInfo,
     verify: verify
   });
-  var prefixCls = $prefixCls + '-drag-verify';
+  var prefixCls = "".concat($prefixCls, "-drag-verify");
   constData.current.getImgInfo = getImgInfo;
   constData.current.verify = verify;
   useEffect(function () {
@@ -147,7 +147,7 @@ var DragVerify = function DragVerify(props) {
         imgMove.style.display = 'inline-block'; // 必须先显示图片,要不然ie10获取不到图片
         refreshEle.style.display = 'inline-block';
         imgMove.width = imgMove.width / constData.current.imgScale;
-        imgMove.style.top = ((_a = constData.current.imgInfo) === null || _a === void 0 ? void 0 : _a.y) / constData.current.imgScale + 'px';
+        imgMove.style.top = "".concat(((_a = constData.current.imgInfo) === null || _a === void 0 ? void 0 : _a.y) / constData.current.imgScale, "px");
         setLoading(false);
       };
     };
@@ -167,32 +167,32 @@ var DragVerify = function DragVerify(props) {
     var moveSliderWidth = moveSliderRect.width; // 进度条的宽
     moveDom.onmousedown = function (e) {
       if (constData.current.padding) return;
-      sliderBox.classList.add(prefixCls + '-move');
+      sliderBox.classList.add("".concat(prefixCls, "-move"));
       document.onmousemove = function (event) {
         var moveW = event.pageX - e.pageX; // 鼠标移动的距离
         if (moveW < 0) moveW = 0;
         if (moveW + moveDomWidth > imgBg.width) moveW = imgBg.width - moveDomWidth;
-        moveDom.style.left = moveW - 1 + 'px';
+        moveDom.style.left = "".concat(moveW - 1, "px");
         // 加一防止滑块与进度条之间有间隙
-        moveProgress.style.width = (moveW < 2 ? 2 : moveW) + 'px';
+        moveProgress.style.width = "".concat(moveW < 2 ? 2 : moveW, "px");
         // 进度条走过的比例
         var ratio = moveW / (moveSliderWidth - moveDomWidth);
         var imgMoveWidth = (imgBg.width - imgMove.width) * ratio;
-        imgMove.style.left = imgMoveWidth + 'px';
+        imgMove.style.left = "".concat(imgMoveWidth, "px");
         sliderText.innerHTML = '';
       };
       // 鼠标抬起
       document.onmouseup = function () {
         document.onmousemove = null;
         document.onmouseup = null;
-        sliderBox.classList.remove(prefixCls + '-move');
+        sliderBox.classList.remove("".concat(prefixCls, "-move"));
         constData.current.padding = true;
         var X = parseFloat(imgMove.style.left);
         var handX = X * constData.current.imgScale;
         sliderPosiCheck(handX, function (result) {
           if (!result) {
             // 错误
-            sliderBox.classList.add(prefixCls + '-error');
+            sliderBox.classList.add("".concat(prefixCls, "-error"));
             constData.current.timerError = setTimeout(function () {
               constData.current.padding = false;
               reset();
@@ -203,7 +203,7 @@ var DragVerify = function DragVerify(props) {
             }, 1000);
             return;
           }
-          sliderBox.classList.add(prefixCls + '-success');
+          sliderBox.classList.add("".concat(prefixCls, "-success"));
           /*constData.current.timerSuccess = setTimeout(() => {
               //constData.current.padding = false;
               //sliderBox.classList.remove(prefixCls + '-success');
@@ -216,8 +216,8 @@ var DragVerify = function DragVerify(props) {
   var reset = function reset() {
     var sliderBox = refDom.current;
     if (!sliderBox) return;
-    sliderBox.classList.remove(prefixCls + '-success');
-    sliderBox.classList.remove(prefixCls + '-error');
+    sliderBox.classList.remove("".concat(prefixCls, "-success"));
+    sliderBox.classList.remove("".concat(prefixCls, "-error"));
     var moveDom = sliderBox.querySelector('.slider-move-box'); // 滑块
     var moveProgress = sliderBox.querySelector('.slider-move-mask'); // 滑动距离元素
     var sliderText = sliderBox.querySelector('.slider-move-text'); // 互动轨道显示的文字
@@ -237,12 +237,12 @@ var DragVerify = function DragVerify(props) {
     var obj = {};
     if (width) {
       var widthHand = width;
-      if (typeof width === 'number') widthHand = width + 'px';
+      if (typeof width === 'number') widthHand = "".concat(width, "px");
       obj.width = widthHand;
     }
     if (height) {
       var heightHand = height;
-      if (typeof height === 'number') heightHand = height + 'px';
+      if (typeof height === 'number') heightHand = "".concat(height, "px");
       obj.height = heightHand;
     }
     return obj;