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

package/PopConfirm/index.js

@@ -16,7 +16,6 @@ import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '../_verture/typeof-adeedc13.js';
 import '@para-ui/icons/LoadingF';
-import '@para-ui/icons/Forbid';
 import '@para-ui/icons/Down';
 import '../_verture/index-e9007d6a.js';
 import 'rc-dropdown';
@@ -25,6 +24,7 @@ import '@paraview/lib';
 import '../AutoTips/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
+import '@para-ui/icons/Forbid';
 import '@para-ui/core/GlobalContext';
 
 var en = {
@@ -34,7 +34,7 @@ var en = {
 
 var zh = {
   cancel: '取消',
-  ok: '确定'
+  ok: '确认'
 };
 
 var localeJson = {
@@ -42,7 +42,7 @@ var localeJson = {
   en: en
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/2 下午1:44\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-popconfirm.paraui-v4-tooltip {\n  position: absolute;\n  width: 440px;\n  padding: 0;\n  font-size: 14px;\n  color: initial;\n  background-color: rgb(255, 255, 255);\n  box-shadow: 0px 2px 8px 0px rgb(234, 236, 241);\n  border-radius: 8px;\n}\n.paraui-v4-popconfirm.paraui-v4-tooltip .component-tooltip-inner {\n  padding: 0;\n  color: initial;\n  background-color: transparent;\n}\n.paraui-v4-popconfirm .popconfirm-wrapper {\n  padding: 16px;\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-message {\n  position: relative;\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-message-icon {\n  position: absolute;\n  top: 2px;\n  color: rgb(255, 147, 38);\n  line-height: 0;\n  font-size: 16px;\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-message-icon svg {\n  color: inherit;\n  font-size: inherit;\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-message-body {\n  padding-left: 24px;\n  line-height: 20px;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-message-title {\n  font-weight: 600;\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-message-content {\n  font-weight: 400;\n  margin-top: 10px;\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-message-description {\n  margin-top: 4px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-btns {\n  margin-top: 12px;\n  text-align: right;\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-btns > button + button {\n  margin-left: 12px;\n}\n.paraui-v4-popconfirm .paraui-v4-popconfirm-btn {\n  min-width: 54px;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/2 下午1:44\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-popconfirm.paraui-v4-tooltip {\n  position: absolute;\n  width: 440px;\n  padding: 0;\n  font-size: 14px;\n  color: initial;\n  background-color: rgb(255, 255, 255);\n  box-shadow: 0px 2px 8px 0px rgb(234, 236, 241);\n  border-radius: 8px;\n}\n.paraui-v4-popconfirm.paraui-v4-tooltip .component-tooltip-inner {\n  padding: 0;\n  color: initial;\n  background-color: transparent;\n}\n.paraui-v4-popconfirm .popconfirm-wrapper {\n  padding: 16px;\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-message {\n  position: relative;\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-message-icon {\n  position: absolute;\n  top: 1px;\n  color: rgb(255, 147, 38);\n  line-height: 0;\n  font-size: 18px;\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-message-icon svg {\n  color: inherit;\n  font-size: inherit;\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-message-body {\n  padding-left: 24px;\n  line-height: 20px;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-message-title {\n  font-weight: 600;\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-message-content {\n  font-weight: 400;\n  margin-top: 8px;\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-message-content.without-title {\n  margin-top: 0;\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-message-description {\n  margin-top: 4px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-message-description.without-title-or-content {\n  margin-top: 0;\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-btns {\n  margin-top: 12px;\n  text-align: right;\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-btns > button + button {\n  margin-left: 12px;\n}\n.paraui-v4-popconfirm .paraui-v4-popconfirm-btn {\n  min-width: 54px;\n}";
 styleInject(css_248z);
 
 //图标
@@ -69,7 +69,7 @@ var PopConfirm = function PopConfirm(props) {
     okButtonProps = props.okButtonProps,
     cancelButtonProps = props.cancelButtonProps,
     _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'bottom' : _props$placement,
+    placement = _props$placement === void 0 ? 'top-start' : _props$placement,
     className = props.className,
     overlayClassName = props.overlayClassName,
     style = props.style,
@@ -92,6 +92,7 @@ var PopConfirm = function PopConfirm(props) {
     customizeContainer = props.getPopupContainer,
     restProps = __rest(props, ["trigger", "type", "title", "content", "description", "icon", "okText", "cancelText", "onOk", "onCancel", "okButtonProps", "cancelButtonProps", "placement", "className", "overlayClassName", "style", "children", "open", "controllable", "showCancel", "bubble", "okButtonDanger", "countdown", "countdownTime", "actions", "onClose", "onCountdownFinish", "getPopupContainer"]);
   var intl = useFormatMessage('PopConfirm', localeJson);
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   var wrapRef = useRef();
   var getPopupContainer = usePopupContainer(wrapRef, customizeContainer);
   //打开
@@ -202,15 +203,15 @@ var PopConfirm = function PopConfirm(props) {
           className: 'popconfirm-message-body'
         }, {
           children: [title && jsx("div", Object.assign({
-            className: 'popconfirm-message-title'
+            className: "popconfirm-message-title"
           }, {
             children: title
           })), content && jsx("div", Object.assign({
-            className: 'popconfirm-message-content'
+            className: clsx('popconfirm-message-content', title ? '' : 'without-title')
           }, {
             children: content
           })), description && jsx("div", Object.assign({
-            className: 'popconfirm-message-description'
+            className: clsx('popconfirm-message-description', title || content ? '' : 'without-title-or-content')
           }, {
             children: description
           }))]

package/Progress/Line.d.ts

@@ -3,14 +3,14 @@
  * @date 2022/3/10 18:25
  * @description 线性进度条
  */
-import * as React from "react";
-import { ProgressProps, StringGradients, DirectionType } from "./index";
+import * as React from 'react';
+import { ProgressProps, StringGradients, DirectionType } from './index';
 interface LineProps extends ProgressProps {
     direction?: DirectionType;
     children: React.ReactNode;
 }
 /**
-* 转换 百分比 到 样式格式
+ * 转换 百分比 到 样式格式
  * {
  *     "0%": "#afc163",
  *     "75%": "#009900",
@@ -18,12 +18,12 @@ interface LineProps extends ProgressProps {
  *     "25%": "#66FF00",
  *     "100%": "#ffffff"
  *   }
-* @param gradients 渐变的参数
-* @return {string} 样式值
-*/
+ * @param gradients 渐变的参数
+ * @return {string} 样式值
+ */
 export declare const sortGradient: (gradients: StringGradients) => string;
 /**
-* 转换传进来 渐变的参数 为css样式
+ * 转换传进来 渐变的参数 为css样式
  * {
  *     "0%": "#afc163",
  *     "25%": "#66FF00",
@@ -37,9 +37,9 @@ export declare const sortGradient: (gradients: StringGradients) => string;
  *     "to": "#66FF00",// ====>  linear-gradient(to right, #afc163, #66FF00)
  *   }
  *
-* @param {string} strokeColor 颜色值
-* @return   返回 backgroundImage 的样式值
-*/
+ * @param {string} strokeColor 颜色值
+ * @return   返回 backgroundImage 的样式值
+ */
 export declare const handleGradient: (strokeColor: any, directionConfig: DirectionType) => {
     backgroundImage: string;
 };

package/Progress/Steps.d.ts

@@ -3,8 +3,8 @@
  * @date 2022/3/10 18:25
  * @description 进度条的步骤条
  */
-import * as React from "react";
-import { ProgressProps } from "./index";
+import * as React from 'react';
+import { ProgressProps } from './index';
 interface StepsProps extends ProgressProps {
     /** 一共有多少步 **/
     steps: number;

package/Progress/index.d.ts

@@ -3,21 +3,21 @@
  * @date 2022/3/10 18:25
  * @description 进度条
  */
-import React, { FunctionComponent } from "react";
-import "./index.scss";
+import React, { FunctionComponent } from 'react';
+import './index.scss';
 /** 进度条类型 **/
 declare enum ProgressTypes {
-    "line" = 0,
-    "circle" = 1,
-    "dashboard" = 2
+    'line' = 0,
+    'circle' = 1,
+    'dashboard' = 2
 }
 export type ProgressType = typeof ProgressTypes[number];
 /** 进度条状态 **/
 declare enum ProgressStatuses {
-    "normal" = 0,
-    "exception" = 1,
-    "active" = 2,
-    "success" = 3
+    'normal' = 0,
+    'exception' = 1,
+    'active' = 2,
+    'success' = 3
 }
 /** 渐变进度条入参格式 两种 **/
 export type StringGradients = {
@@ -32,7 +32,7 @@ export type ProgressGradient = {
     direction?: string;
 } & (StringGradients | FromToGradients);
 /** 进度条渐变方向 **/
-export type DirectionType = "ltr" | "rtl" | undefined;
+export type DirectionType = 'ltr' | 'rtl' | undefined;
 /** 成功的进度条的配置 **/
 export interface SuccessProps {
     /** 进度条值 **/
@@ -58,7 +58,7 @@ export interface ProgressProps {
     /** 进度条线的宽度，单位 px **/
     strokeWidth?: number;
     /** 进度条的样式 **/
-    strokeLinecap?: "butt" | "square" | "round";
+    strokeLinecap?: 'butt' | 'square' | 'round';
     /** 进度条的色彩 **/
     strokeColor?: string | ({
         direction?: string;
@@ -72,7 +72,7 @@ export interface ProgressProps {
     /** 仪表盘进度条缺口角度，可取值 0 ~ 295 **/
     gapDegree?: number;
     /** 仪表盘进度条缺口位置 **/
-    gapPosition?: "top" | "bottom" | "left" | "right";
+    gapPosition?: 'top' | 'bottom' | 'left' | 'right';
     /** 进度条总共步数 **/
     steps?: number;
     /** 渐变颜色的方向 **/

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",
@@ -156,7 +156,7 @@ var Line = function Line(props) {
   }));
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-progress.paraui-v4-progress-line .progress-outer {\n  display: flex;\n  /*margin-right: 8px;\n  margin-bottom: 8px;*/\n}\n.paraui-v4-progress.paraui-v4-progress-line .progress-outer .progress-inner {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  /*.component-progress-line {\n    height: 10px;\n    width: 100%;\n  }*/\n}\n.paraui-v4-progress.paraui-v4-progress-line .progress-outer .progress-inner .steps-outer {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.paraui-v4-progress.paraui-v4-progress-line .progress-outer .progress-inner .steps-outer .steps-item {\n  flex-shrink: 0;\n  min-width: 2px;\n  margin-right: 2px;\n  background: rgb(234, 236, 241);\n  transition: all 0.3s;\n}\n.paraui-v4-progress.paraui-v4-progress-line .progress-outer .progress-inner .steps-outer .steps-item-active {\n  background-color: rgb(46, 101, 230);\n}\n.paraui-v4-progress.paraui-v4-progress-line .progress-outer .progress-inner .trail-bar {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  overflow: hidden;\n  vertical-align: middle;\n  background-color: rgb(234, 236, 241);\n  border-radius: 100px;\n}\n.paraui-v4-progress.paraui-v4-progress-line .progress-outer .progress-inner .trail-bar .active-bar {\n  position: relative;\n  background-color: rgb(46, 101, 230);\n  border-radius: 100px;\n  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;\n}\n.paraui-v4-progress.paraui-v4-progress-line .progress-outer .progress-text {\n  min-width: 40px;\n  font-size: 14px;\n  font-weight: 500;\n  text-align: left;\n  color: rgb(46, 101, 230);\n  margin-left: 10px;\n  white-space: nowrap;\n  vertical-align: middle;\n  word-break: normal;\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-progress.paraui-v4-progress-line .progress-outer .progress-text svg {\n  width: 16px;\n  height: 16px;\n  position: relative;\n}\n.paraui-v4-progress.paraui-v4-progress-line .progress-outer .progress-text svg.success {\n  color: rgb(19, 191, 76) !important;\n}\n.paraui-v4-progress.paraui-v4-progress-line .progress-outer .progress-text svg.error {\n  color: rgb(244, 66, 66) !important;\n}\n.paraui-v4-progress.paraui-v4-progress-circle, .paraui-v4-progress.paraui-v4-progress-dashboard {\n  display: inline-block;\n  position: relative;\n  margin: 0 5px;\n}\n.paraui-v4-progress.paraui-v4-progress-circle .progress-outer .progress-text, .paraui-v4-progress.paraui-v4-progress-dashboard .progress-outer .progress-text {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  color: rgb(46, 101, 230);\n  font-size: 1em;\n  line-height: 1;\n  white-space: normal;\n  text-align: center;\n  transform: translate(-50%, -50%);\n}\n.paraui-v4-progress.paraui-v4-progress-circle .progress-outer .progress-text svg, .paraui-v4-progress.paraui-v4-progress-dashboard .progress-outer .progress-text svg {\n  width: 2em;\n  height: 2em;\n}\n.paraui-v4-progress.paraui-v4-progress-circle .progress-outer .progress-text svg.success, .paraui-v4-progress.paraui-v4-progress-dashboard .progress-outer .progress-text svg.success {\n  color: rgb(19, 191, 76) !important;\n}\n.paraui-v4-progress.paraui-v4-progress-circle .progress-outer .progress-text svg.error, .paraui-v4-progress.paraui-v4-progress-dashboard .progress-outer .progress-text svg.error {\n  color: rgb(244, 66, 66) !important;\n}\n.paraui-v4-progress.paraui-v4-progress-success-status .progress-text {\n  color: rgb(19, 191, 76) !important;\n}\n.paraui-v4-progress.paraui-v4-progress-exception-status .progress-text {\n  color: rgb(244, 66, 66) !important;\n}\n.paraui-v4-progress.paraui-v4-progress-active-status .active-bar:before {\n  position: absolute;\n  inset: 0;\n  background: rgb(255, 255, 255);\n  border-radius: 10px;\n  opacity: 0;\n  -webkit-animation: progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;\n  animation: progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;\n  content: \"\";\n}\n\n@keyframes progress-active {\n  0% {\n    transform: translateX(-100%) scaleX(0);\n    opacity: 0.1;\n  }\n  20% {\n    transform: translateX(-100%) scaleX(0);\n    opacity: 0.5;\n  }\n  100% {\n    transform: translateX(0) scaleX(1);\n    opacity: 0;\n  }\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-progress.paraui-v4-progress-line .progress-outer {\n  display: flex;\n  /*margin-right: 8px;\n  margin-bottom: 8px;*/\n}\n.paraui-v4-progress.paraui-v4-progress-line .progress-outer .progress-inner {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  /*.component-progress-line {\n    height: 10px;\n    width: 100%;\n  }*/\n}\n.paraui-v4-progress.paraui-v4-progress-line .progress-outer .progress-inner .steps-outer {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.paraui-v4-progress.paraui-v4-progress-line .progress-outer .progress-inner .steps-outer .steps-item {\n  flex-shrink: 0;\n  min-width: 2px;\n  margin-right: 2px;\n  background: rgb(234, 236, 241);\n  transition: all 0.3s;\n}\n.paraui-v4-progress.paraui-v4-progress-line .progress-outer .progress-inner .steps-outer .steps-item-active {\n  background-color: rgb(46, 101, 230);\n}\n.paraui-v4-progress.paraui-v4-progress-line .progress-outer .progress-inner .trail-bar {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  overflow: hidden;\n  vertical-align: middle;\n  background-color: rgb(234, 236, 241);\n  border-radius: 100px;\n}\n.paraui-v4-progress.paraui-v4-progress-line .progress-outer .progress-inner .trail-bar .active-bar {\n  position: relative;\n  background-color: rgb(46, 101, 230);\n  border-radius: 100px;\n  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;\n}\n.paraui-v4-progress.paraui-v4-progress-line .progress-outer .progress-text {\n  min-width: 40px;\n  font-size: 14px;\n  font-weight: 500;\n  text-align: left;\n  color: rgb(46, 101, 230);\n  margin-left: 10px;\n  white-space: nowrap;\n  vertical-align: middle;\n  word-break: normal;\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-progress.paraui-v4-progress-line .progress-outer .progress-text svg {\n  width: 16px;\n  height: 16px;\n  position: relative;\n}\n.paraui-v4-progress.paraui-v4-progress-line .progress-outer .progress-text svg.success {\n  color: rgb(19, 191, 76) !important;\n}\n.paraui-v4-progress.paraui-v4-progress-line .progress-outer .progress-text svg.error {\n  color: rgb(244, 66, 66) !important;\n}\n.paraui-v4-progress.paraui-v4-progress-circle, .paraui-v4-progress.paraui-v4-progress-dashboard {\n  display: inline-block;\n  position: relative;\n  margin: 0 5px;\n}\n.paraui-v4-progress.paraui-v4-progress-circle .progress-outer .progress-text, .paraui-v4-progress.paraui-v4-progress-dashboard .progress-outer .progress-text {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  color: rgb(46, 101, 230);\n  font-size: 14px;\n  line-height: 1;\n  white-space: normal;\n  text-align: center;\n  transform: translate(-50%, -50%);\n}\n.paraui-v4-progress.paraui-v4-progress-circle .progress-outer .progress-text svg, .paraui-v4-progress.paraui-v4-progress-dashboard .progress-outer .progress-text svg {\n  width: 2em;\n  height: 2em;\n}\n.paraui-v4-progress.paraui-v4-progress-circle .progress-outer .progress-text svg.success, .paraui-v4-progress.paraui-v4-progress-dashboard .progress-outer .progress-text svg.success {\n  color: rgb(19, 191, 76) !important;\n}\n.paraui-v4-progress.paraui-v4-progress-circle .progress-outer .progress-text svg.error, .paraui-v4-progress.paraui-v4-progress-dashboard .progress-outer .progress-text svg.error {\n  color: rgb(244, 66, 66) !important;\n}\n.paraui-v4-progress.paraui-v4-progress-success-status .progress-text {\n  color: rgb(19, 191, 76) !important;\n}\n.paraui-v4-progress.paraui-v4-progress-exception-status .progress-text {\n  color: rgb(244, 66, 66) !important;\n}\n.paraui-v4-progress.paraui-v4-progress-active-status .active-bar:before {\n  position: absolute;\n  inset: 0;\n  background: rgb(255, 255, 255);\n  border-radius: 10px;\n  opacity: 0;\n  -webkit-animation: progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;\n  animation: progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;\n  content: \"\";\n}\n\n@keyframes progress-active {\n  0% {\n    transform: translateX(-100%) scaleX(0);\n    opacity: 0.1;\n  }\n  20% {\n    transform: translateX(-100%) scaleX(0);\n    opacity: 0.5;\n  }\n  100% {\n    transform: translateX(0) scaleX(1);\n    opacity: 0;\n  }\n}";
 styleInject(css_248z);
 
 /** 进度条类型 **/
@@ -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({
@@ -298,7 +298,8 @@ var Progress = function Progress(props) {
     gapPosition: "bottom",
     gapDegree: gapDegree,
     strokeColor: strokeColorVal(),
-    percent: renderPercent()
+    percent: renderPercent(),
+    trailColor: 'rgba(234,236,241,1)'
   }, otherProps));
   return jsx("div", Object.assign({
     className: classString(),
@@ -311,7 +312,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

@@ -705,12 +705,12 @@ var localeJson = {
   en: en
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/4/2 上午10:55\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-querying {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n}\n.paraui-v4-querying > .querying-image {\n  line-height: 0;\n  overflow: hidden;\n}\n.paraui-v4-querying > .querying-image img {\n  width: 100%;\n}\n.paraui-v4-querying .querying-image-large {\n  width: 334px;\n  height: 238px;\n}\n.paraui-v4-querying .querying-image-small {\n  width: 120px;\n  height: 120px;\n}\n.paraui-v4-querying > .querying-description {\n  line-height: 17px;\n  font-size: 14px;\n  font-weight: 400;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-querying.paraui-v4-querying-large > .querying-description {\n  margin-top: 24px;\n}\n.paraui-v4-querying.paraui-v4-querying-small > .querying-description {\n  margin-top: 12px;\n  font-size: 12px;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/4/2 上午10:55\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-querying {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n}\n.paraui-v4-querying > .querying-image {\n  line-height: 0;\n  overflow: hidden;\n}\n.paraui-v4-querying > .querying-image img {\n  width: 100%;\n}\n.paraui-v4-querying .querying-image-large {\n  width: 334px;\n  height: 238px;\n}\n.paraui-v4-querying .querying-image-small {\n  width: 120px;\n  height: 120px;\n}\n.paraui-v4-querying > .querying-description {\n  line-height: 17px;\n  font-size: 14px;\n  font-weight: 400;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-querying.paraui-v4-querying-large > .querying-description {\n  margin-top: 24px;\n}\n.paraui-v4-querying.paraui-v4-querying-small > .querying-description {\n  margin-top: 12px;\n  font-size: 14px;\n}";
 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

@@ -1,6 +1,8 @@
 ## 版本: 4.0.0-alpha
     para-ui/core@4.0.0-alpha 发布
         【lisq】
+        【确认框-Confirm】修复确认框国际化问题
+        【Upload】ImageUpload 文案添加居中
         【表单-FormItem】移除console.log
         【穿梭框-Transfer】移除console.log
         【文档】tooltip 添加FAQ、tooltip 和 popConfirm 添加依赖 badge
@@ -26,6 +28,9 @@
         【通知提示框-Notification】支持移除closeIcon
 
         【linhd】
+        【动态多值框-DynamicMultiBox】没有拖拽，valueList不生成chosen，selected字段
+        【动态多值框-DynamicMultiBox】增加labelProps参数，用来修改标题
+        【动态多值框-DynamicMultiBox】增加rowKey,用来自定义每行的唯一id
         【输入框-TextField】修复输入框存在焦点，点击输入框，触发onBlur事件
         【下拉框-Select】去除searchModel为inside，自动得到焦点，防止页面上下抖动
         【下拉框-Select】修复下拉框闪烁渲染
@@ -93,4 +98,6 @@
         【级联选择器-Cascader】级联选择器增加dropdownClassName,className字段,修改组件样式,组件暴露clearValue函数清空组件值 (这一条无用，v4级联重构value受控)
         【穿梭框-Transfer】搜索添加防抖处理，搜索渲染不再反复渲染节点，避免数据过多引起的bug
         【组织树-Tree】修改组织树icon和title不在同一行的问题
+        【表单-Form】表单校验国际化
+        【表单-Form】修复当单选框组的的值是boolean的时候，设置默认值为fasle选中不了的问题
 

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

@@ -14,7 +14,7 @@ import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-radio {\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: flex-start;\n  line-height: 16px;\n}\n.paraui-v4-radio:hover {\n  /*& > .radio-label {\n    color: $NP1;\n    cursor: pointer;\n\n    svg {\n      color: $NP1;\n    }\n  }*/\n  /*& > .radio-help {\n    & > .radio-label {\n      color: $NP1;\n      cursor: pointer;\n\n      svg {\n        color: $NP1;\n      }\n    }\n  }*/\n}\n.paraui-v4-radio:hover > .radio-box > .radio-box-inner {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-radio > .radio-box {\n  position: relative;\n}\n.paraui-v4-radio > .radio-box > input {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  cursor: pointer;\n}\n.paraui-v4-radio > .radio-box > .radio-box-inner {\n  position: relative;\n  top: 0;\n  left: 0;\n  display: block;\n  background-color: white;\n  border: 1px solid rgb(212, 218, 227);\n  border-radius: 50%;\n}\n.paraui-v4-radio > .radio-box > .radio-box-inner:after {\n  position: absolute;\n  display: table;\n  content: \" \";\n  transform: scale(1) translate(-50%, -50%);\n  background-color: white;\n  border-radius: 50%;\n  left: 50%;\n  top: 50%;\n}\n.paraui-v4-radio > .radio-label {\n  color: rgb(29, 33, 38);\n  padding: 0 8px;\n  margin: 0;\n  display: inline-flex;\n  align-items: flex-start;\n  overflow: hidden;\n  cursor: pointer;\n}\n.paraui-v4-radio > .radio-label > .radio-help > svg {\n  top: 0;\n}\n.paraui-v4-radio .radio-label {\n  line-height: 16px;\n}\n.paraui-v4-radio > .radio-help {\n  padding: 0 8px;\n  position: relative;\n  top: -1px;\n  overflow: hidden;\n}\n.paraui-v4-radio > .radio-help > .radio-label {\n  width: 100%;\n  color: rgb(29, 33, 38);\n  margin: 0;\n  display: inline-flex;\n  align-items: center;\n  overflow: hidden;\n  cursor: pointer;\n}\n.paraui-v4-radio.paraui-v4-radio-checked > .radio-box > .radio-box-inner {\n  border-color: transparent;\n  background-color: rgb(46, 101, 230);\n}\n.paraui-v4-radio.paraui-v4-radio-checked:hover > .radio-box > .radio-box-inner {\n  border-color: transparent;\n  background-color: rgb(46, 101, 230);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled {\n  cursor: not-allowed;\n}\n.paraui-v4-radio.paraui-v4-radio-disabled:hover > .radio-box > .radio-box-inner {\n  background-color: rgb(234, 236, 241);\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled > .radio-label {\n  color: rgb(161, 168, 179);\n  cursor: not-allowed;\n}\n.paraui-v4-radio.paraui-v4-radio-disabled > .radio-label svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled > .radio-box > input {\n  cursor: not-allowed;\n}\n.paraui-v4-radio.paraui-v4-radio-disabled > .radio-box > .radio-box-inner {\n  background-color: rgb(234, 236, 241);\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled > .radio-box > .radio-box-inner:after {\n  background-color: rgb(234, 236, 241);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled.paraui-v4-radio-checked > .radio-box > .radio-box-inner {\n  background-color: rgb(212, 218, 227);\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled.paraui-v4-radio-checked > .radio-box > .radio-box-inner:hover > .radio-box > .radio-box-inner {\n  background-color: rgb(212, 218, 227);\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled.paraui-v4-radio-checked > .radio-box > .radio-box-inner:after {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled > .radio-help {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled > .radio-help > .radio-label {\n  color: rgb(161, 168, 179);\n  cursor: not-allowed;\n}\n.paraui-v4-radio.paraui-v4-radio-small > .radio-box {\n  top: 1px;\n}\n.paraui-v4-radio.paraui-v4-radio-small > .radio-box > .radio-box-inner {\n  width: 14px;\n  height: 14px;\n}\n.paraui-v4-radio.paraui-v4-radio-small > .radio-box > .radio-box-inner:after {\n  width: 4px;\n  height: 4px;\n}\n.paraui-v4-radio.paraui-v4-radio-medium > .radio-box {\n  top: 1px;\n}\n.paraui-v4-radio.paraui-v4-radio-medium > .radio-box > .radio-box-inner {\n  width: 14px;\n  height: 14px;\n}\n.paraui-v4-radio.paraui-v4-radio-medium > .radio-box > .radio-box-inner:after {\n  width: 4px;\n  height: 4px;\n}\n.paraui-v4-radio.paraui-v4-radio-large > .radio-box {\n  top: 1px;\n}\n.paraui-v4-radio.paraui-v4-radio-large > .radio-box > .radio-box-inner {\n  width: 14px;\n  height: 14px;\n}\n.paraui-v4-radio.paraui-v4-radio-large > .radio-box > .radio-box-inner:after {\n  width: 4px;\n  height: 4px;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-radio {\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: flex-start;\n  line-height: 16px;\n}\n.paraui-v4-radio:hover {\n  /*& > .radio-label {\n    color: $NP1;\n    cursor: pointer;\n\n    svg {\n      color: $NP1;\n    }\n  }*/\n  /*& > .radio-help {\n    & > .radio-label {\n      color: $NP1;\n      cursor: pointer;\n\n      svg {\n        color: $NP1;\n      }\n    }\n  }*/\n}\n.paraui-v4-radio:hover > .radio-box > .radio-box-inner {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-radio > .radio-box {\n  position: relative;\n}\n.paraui-v4-radio > .radio-box > input {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  cursor: pointer;\n}\n.paraui-v4-radio > .radio-box > .radio-box-inner {\n  position: relative;\n  top: 0;\n  left: 0;\n  display: block;\n  background-color: white;\n  border: 1px solid rgb(212, 218, 227);\n  border-radius: 50%;\n}\n.paraui-v4-radio > .radio-box > .radio-box-inner:after {\n  position: absolute;\n  display: table;\n  content: \" \";\n  transform: scale(1) translate(-50%, -50%);\n  background-color: white;\n  border-radius: 50%;\n  left: 50%;\n  top: 50%;\n}\n.paraui-v4-radio > .radio-label {\n  color: rgb(29, 33, 38);\n  padding: 0 8px;\n  margin: 0;\n  display: inline-flex;\n  align-items: flex-start;\n  overflow: hidden;\n  cursor: pointer;\n}\n.paraui-v4-radio > .radio-label > .radio-help > svg {\n  top: 0;\n}\n.paraui-v4-radio .radio-label {\n  line-height: 16px;\n}\n.paraui-v4-radio > .radio-help {\n  padding: 0 8px;\n  position: relative;\n  top: -1px;\n  overflow: hidden;\n}\n.paraui-v4-radio > .radio-help > .radio-label {\n  width: 100%;\n  color: rgb(29, 33, 38);\n  margin: 0;\n  display: inline-flex;\n  align-items: center;\n  overflow: hidden;\n  cursor: pointer;\n}\n.paraui-v4-radio.paraui-v4-radio-checked > .radio-box > .radio-box-inner {\n  border-color: transparent;\n  background-color: rgb(46, 101, 230);\n}\n.paraui-v4-radio.paraui-v4-radio-checked:hover > .radio-box > .radio-box-inner {\n  border-color: transparent;\n  background-color: rgb(87, 131, 235);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled {\n  cursor: not-allowed;\n}\n.paraui-v4-radio.paraui-v4-radio-disabled:hover > .radio-box > .radio-box-inner {\n  background-color: rgb(234, 236, 241);\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled > .radio-label {\n  color: rgb(161, 168, 179);\n  cursor: not-allowed;\n}\n.paraui-v4-radio.paraui-v4-radio-disabled > .radio-label svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled > .radio-box > input {\n  cursor: not-allowed;\n}\n.paraui-v4-radio.paraui-v4-radio-disabled > .radio-box > .radio-box-inner {\n  background-color: rgb(234, 236, 241);\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled > .radio-box > .radio-box-inner:after {\n  background-color: rgb(234, 236, 241);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled.paraui-v4-radio-checked > .radio-box > .radio-box-inner {\n  background-color: rgb(212, 218, 227);\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled.paraui-v4-radio-checked > .radio-box > .radio-box-inner:hover > .radio-box > .radio-box-inner {\n  background-color: rgb(212, 218, 227);\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled.paraui-v4-radio-checked > .radio-box > .radio-box-inner:after {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled > .radio-help {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled > .radio-help > .radio-label {\n  color: rgb(161, 168, 179);\n  cursor: not-allowed;\n}\n.paraui-v4-radio.paraui-v4-radio-small > .radio-box {\n  top: 1px;\n}\n.paraui-v4-radio.paraui-v4-radio-small > .radio-box > .radio-box-inner {\n  width: 14px;\n  height: 14px;\n}\n.paraui-v4-radio.paraui-v4-radio-small > .radio-box > .radio-box-inner:after {\n  width: 4px;\n  height: 4px;\n}\n.paraui-v4-radio.paraui-v4-radio-medium > .radio-box {\n  top: 1px;\n}\n.paraui-v4-radio.paraui-v4-radio-medium > .radio-box > .radio-box-inner {\n  width: 14px;\n  height: 14px;\n}\n.paraui-v4-radio.paraui-v4-radio-medium > .radio-box > .radio-box-inner:after {\n  width: 4px;\n  height: 4px;\n}\n.paraui-v4-radio.paraui-v4-radio-large > .radio-box {\n  top: 1px;\n}\n.paraui-v4-radio.paraui-v4-radio-large > .radio-box > .radio-box-inner {\n  width: 14px;\n  height: 14px;\n}\n.paraui-v4-radio.paraui-v4-radio-large > .radio-box > .radio-box-inner:after {\n  width: 4px;\n  height: 4px;\n}";
 styleInject(css_248z);
 
 var Radio = function Radio(props) {
@@ -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

@@ -26,7 +26,7 @@ var RadioGroup = function RadioGroup(props) {
     label = props.label,
     labelTooltip = props.labelTooltip,
     _props$spacing = props.spacing,
-    spacing = _props$spacing === void 0 ? '40px' : _props$spacing,
+    spacing = _props$spacing === void 0 ? '32px' : _props$spacing,
     itemWidth = props.itemWidth,
     _props$size = props.size,
     size = _props$size === void 0 ? 'large' : _props$size,
@@ -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;