@para-ui/core 4.0.0-rc.4 → 4.0.0-rc.5

package/Progress/index.js

@@ -1,26 +1,26 @@
 import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Circle } from 'rc-progress';
-import CompleteIcon from '@para-ui/icons/CheckCircleF';
+import SuccessOutlined from '@para-ui/icons/CheckCircleF';
 import CloseCircleF from '@para-ui/icons/CloseCircleF';
 import Check from '@para-ui/icons/Check';
 import CloseIcon from '@para-ui/icons/Close';
-import { a as $rcPrefixCls, $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
+import { a as $rcPrefixCls, $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 
-var Steps = function Steps(props) {
-  var steps = props.steps,
-    _props$percent = props.percent,
-    percent = _props$percent === void 0 ? 0 : _props$percent,
-    _props$strokeWidth = props.strokeWidth,
-    strokeWidth = _props$strokeWidth === void 0 ? 8 : _props$strokeWidth,
-    strokeColor = props.strokeColor,
-    trailColor = props.trailColor,
-    children = props.children;
+const Steps = props => {
+  const {
+    steps,
+    percent = 0,
+    strokeWidth = 8,
+    strokeColor,
+    trailColor,
+    children
+  } = props;
   /** 计算出应该高亮多少步 **/
-  var current = typeof percent === 'number' ? Math.round(steps * (percent / 100)) : 1;
-  var styledSteps = [];
-  for (var i = 0; i < steps; i += 1) {
+  const current = typeof percent === 'number' ? Math.round(steps * (percent / 100)) : 1;
+  const styledSteps = [];
+  for (let i = 0; i < steps; i += 1) {
     styledSteps.push(jsx("div", {
       className: i <= current - 1 ? 'steps-item steps-item-active' : 'steps-item',
       style: {
@@ -64,11 +64,11 @@ function validProgress(progress) {
  * @param gradients 渐变的参数
  * @return {string} 样式值
  */
-var sortGradient = function sortGradient(gradients) {
-  var tempArr = [];
-  Object.keys(gradients).forEach(function (key) {
+const sortGradient = gradients => {
+  let tempArr = [];
+  Object.keys(gradients).forEach(key => {
     // 拿到百分比的数字
-    var formattedKey = parseFloat(key.replace(/%/g, ''));
+    const formattedKey = parseFloat(key.replace(/%/g, ''));
     // 进行序列化
     if (!isNaN(formattedKey)) {
       tempArr.push({
@@ -78,12 +78,12 @@ var sortGradient = function sortGradient(gradients) {
     }
   });
   // 排序 从小到大
-  tempArr = tempArr.sort(function (a, b) {
-    return a.key - b.key;
-  });
-  return tempArr.map(function (_ref) {
-    var key = _ref.key,
-      value = _ref.value;
+  tempArr = tempArr.sort((a, b) => a.key - b.key);
+  return tempArr.map(_ref => {
+    let {
+      key,
+      value
+    } = _ref;
     return "".concat(value, " ").concat(key, "%");
   }).join(', ');
 };
@@ -105,17 +105,16 @@ var sortGradient = function sortGradient(gradients) {
  * @param {string} strokeColor 颜色值
  * @return   返回 backgroundImage 的样式值
  */
-var handleGradient = function handleGradient(strokeColor, directionConfig) {
-  var _strokeColor$from = strokeColor.from,
-    from = _strokeColor$from === void 0 ? '#3D66F8' : _strokeColor$from,
-    _strokeColor$to = 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,
+const handleGradient = (strokeColor, directionConfig) => {
+  const {
+      from = '#3D66F8',
+      to = '#4F93F0',
+      direction = directionConfig === 'rtl' ? 'to left' : 'to right'
+    } = strokeColor,
     rest = __rest(strokeColor, ["from", "to", "direction"]);
   // 剩余参数有值说明除了from to direction 还传了 另外的参数
   if (Object.keys(rest).length !== 0) {
-    var sortedGradients = sortGradient(rest);
+    const sortedGradients = sortGradient(rest);
     return {
       backgroundImage: "linear-gradient(".concat(direction, ", ").concat(sortedGradients, ")")
     };
@@ -124,23 +123,25 @@ var handleGradient = function handleGradient(strokeColor, directionConfig) {
     backgroundImage: "linear-gradient(".concat(direction, ", ").concat(from, ", ").concat(to, ")")
   };
 };
-var Line = function Line(props) {
-  var directionConfig = props.direction,
-    percent = props.percent,
-    strokeWidth = props.strokeWidth,
-    strokeColor = props.strokeColor,
-    strokeLinecap = props.strokeLinecap,
-    trailColor = props.trailColor;
+const Line = props => {
+  const {
+    direction: directionConfig,
+    percent,
+    strokeWidth,
+    strokeColor,
+    strokeLinecap,
+    trailColor
+  } = props;
   /** 进度条高亮部分的颜色样式  **/
-  var backgroundProps = strokeColor && typeof strokeColor !== 'string' ? handleGradient(strokeColor, directionConfig) : {
+  const backgroundProps = strokeColor && typeof strokeColor !== 'string' ? handleGradient(strokeColor, directionConfig) : {
     background: strokeColor
   };
   /** 进度条轨道部分的颜色样式 **/
-  var trailStyle = trailColor ? {
+  const trailStyle = trailColor ? {
     backgroundColor: trailColor
   } : undefined;
   /** 进度条百分比的样式 **/
-  var percentStyle = Object.assign({
+  const percentStyle = Object.assign({
     width: "".concat(validProgress(percent), "%"),
     height: strokeWidth || 8,
     borderRadius: strokeLinecap === 'square' ? 0 : ''
@@ -175,39 +176,36 @@ var ProgressStatuses;
   ProgressStatuses[ProgressStatuses["success"] = 3] = "success";
 })(ProgressStatuses || (ProgressStatuses = {}));
 /** 每个类型对应的进度条默认颜色 **/
-var strokeColorMap = {
+const 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)'
 };
-var Progress = function Progress(props) {
-  var _props$type = props.type,
-    type = _props$type === void 0 ? 'line' : _props$type,
-    className = props.className,
-    style = props.style;
-    props.children;
-    var status = props.status,
-    _props$width = props.width,
-    width = _props$width === void 0 ? 132 : _props$width,
-    _props$showInfo = props.showInfo,
-    showInfo = _props$showInfo === void 0 ? true : _props$showInfo,
-    format = props.format,
-    success = props.success,
-    _props$percent = props.percent,
-    percent = _props$percent === void 0 ? 0 : _props$percent,
-    steps = props.steps,
-    direction = props.direction,
-    strokeColor = props.strokeColor,
-    _props$gapDegree = props.gapDegree,
-    gapDegree = _props$gapDegree === void 0 ? 75 : _props$gapDegree,
+const Progress = props => {
+  const {
+      type = 'line',
+      className,
+      style,
+      children,
+      status,
+      width = 132,
+      showInfo = true,
+      format,
+      success,
+      percent = 0,
+      steps,
+      direction,
+      strokeColor,
+      gapDegree = 75
+    } = props,
     otherProps = __rest(props, ["type", "className", "style", "children", "status", "width", "showInfo", "format", "success", "percent", "steps", "direction", "strokeColor", "gapDegree"]);
   /**
    * 处理class
    * @return {string}
    */
-  var classString = function classString() {
-    var str = "".concat($prefixCls, "-progress ").concat($prefixCls, "-progress-").concat(type || 'default');
+  const classString = () => {
+    let str = "".concat($prefixCls, "-progress ").concat($prefixCls, "-progress-").concat(type || 'default');
     // 添加成功状态的class
     if (isSuccessStatus) str += " ".concat($prefixCls, "-progress-success-status");
     // 添加错误状态下的class
@@ -221,7 +219,7 @@ var Progress = function Progress(props) {
    * 处理进度条颜色
    * @return {string}
    */
-  var strokeColorVal = function strokeColorVal() {
+  const strokeColorVal = () => {
     // 如果传了成功进度条的配置
     if (strokeColor) return strokeColor;
     if (success && success.percent < percent) {
@@ -233,16 +231,16 @@ var Progress = function Progress(props) {
    * 处理进度条的值
    * @return {string}
    */
-  var renderPercent = function renderPercent() {
+  const renderPercent = () => {
     if (success && success.percent < percent && typeof percent === 'number') {
       return [success.percent, percent - success.percent];
     }
     return percent;
   };
   /** 标记是不是成功状态 **/
-  var isSuccessStatus = percent && percent === 100 && !status || status === 'success';
+  const isSuccessStatus = percent && percent === 100 && !status || status === 'success';
   /** style值 **/
-  var renderStyle = type === 'circle' || type === 'dashboard' ? {
+  const renderStyle = type === 'circle' || type === 'dashboard' ? {
     width: width,
     height: width
   } : {};
@@ -250,11 +248,11 @@ var Progress = function Progress(props) {
    * 处理描述信息
    * @return {string | ReactNode}
    */
-  var renderLabel = function renderLabel() {
+  const renderLabel = () => {
     if (format) return format(percent);
     if (isSuccessStatus) return type === 'circle' ? jsx(Check, {
       className: "success"
-    }) : jsx(CompleteIcon, {
+    }) : jsx(SuccessOutlined, {
       className: "success"
     });
     if (status === 'exception') return type === 'circle' ? jsx(CloseIcon, {
@@ -265,7 +263,7 @@ var Progress = function Progress(props) {
     return "".concat(validProgress(percent), "%");
   };
   /** 默认进度条  **/
-  var renderLineProgress = steps ? jsx(Steps, Object.assign({
+  const renderLineProgress = steps ? jsx(Steps, Object.assign({
     steps: steps,
     strokeColor: strokeColorVal(),
     percent: renderPercent()
@@ -283,7 +281,7 @@ var Progress = function Progress(props) {
     children: ' '
   }));
   /** 圆形进度条 **/
-  var renderCircleProgress = jsx(Circle, Object.assign({
+  const renderCircleProgress = jsx(Circle, Object.assign({
     strokeWidth: 6,
     trailWidth: 6,
     strokeColor: strokeColorVal(),
@@ -292,7 +290,7 @@ var Progress = function Progress(props) {
     trailColor: 'rgba(234,236,241,1)'
   }, otherProps));
   /** 仪表盘 **/
-  var renderDashboardProgress = jsx(Circle, Object.assign({
+  const renderDashboardProgress = jsx(Circle, Object.assign({
     strokeWidth: 6,
     trailWidth: 6,
     gapPosition: "bottom",

package/Querying/index.js

@@ -1,13 +1,13 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
-import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
-import { u as useGlobalProps } from '../_verture/useGlobalProps-1b846a65.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-eb13cf56.js';
+import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
+import { u as useGlobalProps } from '../_verture/useGlobalProps-1e416658.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import 'react';
 import '@para-ui/core/GlobalContext';
 
-var LargeSearch = function LargeSearch() {
+const LargeSearch = () => {
   return jsx("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     width: "100%",
@@ -450,7 +450,7 @@ var LargeSearch = function LargeSearch() {
     }))
   }));
 };
-var SmallSearch = function SmallSearch() {
+const SmallSearch = () => {
   return jsx("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     width: "100%",
@@ -695,35 +695,34 @@ var zh = {
 };
 
 var localeJson = {
-  zh: zh,
-  en: en
+  zh,
+  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: 80px;\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: 20px;\n}\n.paraui-v4-querying.paraui-v4-querying-small > .querying-description {\n  margin-top: 10px;\n  font-size: 14px;\n}";
 styleInject(css_248z);
 
-var imageMap = {
+const imageMap = {
   large: jsx(LargeSearch, {}),
   small: jsx(SmallSearch, {})
 };
 //Querying 查询中
-var Querying = function Querying(props) {
-  var _useGlobalProps = useGlobalProps(props, 'Querying'),
-    className = _useGlobalProps.className,
-    style = _useGlobalProps.style,
-    _useGlobalProps$size = _useGlobalProps.size,
-    size = _useGlobalProps$size === void 0 ? 'large' : _useGlobalProps$size,
-    imageStyle = _useGlobalProps.imageStyle,
-    _useGlobalProps$image = _useGlobalProps.image,
-    image = _useGlobalProps$image === void 0 ? imageMap[size] : _useGlobalProps$image,
-    description = _useGlobalProps.description,
-    customQuerying = _useGlobalProps.customQuerying;
-  var intl = useFormatMessage('Querying', localeJson);
-  var des = typeof description !== 'undefined' ? description : intl({
+const Querying = props => {
+  const {
+    className,
+    style,
+    size = 'large',
+    imageStyle,
+    image = imageMap[size],
+    description,
+    customQuerying
+  } = useGlobalProps(props, 'Querying');
+  const intl = useFormatMessage('Querying', localeJson);
+  const des = typeof description !== 'undefined' ? description : intl({
     id: 'querying'
   });
-  var alt = typeof des === 'string' ? des : 'querying';
-  var imageNode = null;
+  const alt = typeof des === 'string' ? des : 'querying';
+  let imageNode = null;
   if (typeof image === 'string') {
     imageNode = jsx("img", {
       src: image,

package/README.md

@@ -1,6 +1,7 @@
 ## 版本: 4.0.0-alpha
     para-ui/core@4.0.0-alpha 发布
         【lisq】
+        【Upload】添加loading属性
         【确认框-Confirm】修复确认框国际化问题
         【Upload】ImageUpload 文案添加居中
         【表单-FormItem】移除console.log
@@ -100,4 +101,5 @@
         【组织树-Tree】修改组织树icon和title不在同一行的问题
         【表单-Form】表单校验国际化
         【表单-Form】修复当单选框组的的值是boolean的时候，设置默认值为fasle选中不了的问题
+        【表单-Form】修改表单校验文案
 

package/Radio/index.js

@@ -1,11 +1,9 @@
-import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 import Label from '../Label/index.js';
-import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
+import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { Tooltip } from '../Tooltip/index.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import '../Help/index.js';
 import '@para-ui/icons/Help';
@@ -17,32 +15,27 @@ 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: center;\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 > .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 > .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 > .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) {
-  var _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    labelTooltip = props.labelTooltip,
-    _props$label = props.label,
-    label = _props$label === void 0 ? '' : _props$label,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'large' : _props$size,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled,
-    disabledTooltip = props.disabledTooltip,
-    width = props.width,
-    onChange = props.onChange,
-    style = props.style;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    checkedCom = _useState2[0],
-    setCheckedCom = _useState2[1]; // 复选框状态
-  useEffect(function () {
+const Radio = props => {
+  const {
+    className = '',
+    labelTooltip,
+    label = '',
+    size = 'large',
+    disabled = false,
+    disabledTooltip,
+    width,
+    onChange,
+    style
+  } = props;
+  const [checkedCom, setCheckedCom] = useState(false); // 复选框状态
+  useEffect(() => {
     if (props.defaultChecked !== undefined) setCheckedCom(props.defaultChecked);
   }, []);
-  useEffect(function () {
+  useEffect(() => {
     if (props.checked !== undefined) setCheckedCom(props.checked);
   }, [props.checked]);
   // 点击选择
-  var clickCheck = function clickCheck(e) {
+  const clickCheck = e => {
     e.preventDefault();
     if (disabled) return;
     // 不可受控组件
@@ -51,36 +44,36 @@ var Radio = function Radio(props) {
     onChange && onChange(e, !checkedCom);
   };
   // 处理className
-  var handClass = function handClass() {
-    var str = "".concat($prefixCls, "-radio");
+  const handClass = () => {
+    let 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");
     return str;
   };
-  var handLabelClass = function handLabelClass() {
-    var str = 'radio-label';
+  const handLabelClass = () => {
+    let str = 'radio-label';
     if (labelTooltip && labelTooltip.className) {
       str += " ".concat(labelTooltip.className);
     }
     return str;
   };
   /** 处理帮组classNaem */
-  var handHelpClassName = function handHelpClassName() {
-    var str = ' radio-help';
+  const handHelpClassName = () => {
+    let str = ' radio-help';
     if (labelTooltip && labelTooltip.helpClassName) {
       str += " ".concat(labelTooltip.helpClassName);
     }
     return str;
   };
   /** 处理样式 */
-  var handStyle = function handStyle() {
-    var obj = Object.assign({}, style);
+  const handStyle = () => {
+    const obj = Object.assign({}, style);
     if (width) obj.width = width;
     return obj;
   };
-  var contentRender = function contentRender() {
+  const contentRender = () => {
     return jsxs("label", Object.assign({
       className: handClass(),
       style: handStyle(),
@@ -103,7 +96,7 @@ var Radio = function Radio(props) {
       })) : null]
     }));
   };
-  var handleContentRender = function handleContentRender() {
+  const handleContentRender = () => {
     if (disabledTooltip) {
       return jsx(Tooltip, Object.assign({
         disabled: true

package/RadioGroup/index.js

@@ -1,12 +1,10 @@
-import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 import { Radio } from '../Radio/index.js';
 import Label from '../Label/index.js';
 import HelperText from '../HelperText/index.js';
-import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
+import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '../Tooltip/index.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import 'rc-tooltip';
@@ -19,59 +17,47 @@ import '@para-ui/icons/Help';
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-radio-group {\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  width: 100%;\n}\n.paraui-v4-radio-group > .radio-group-label {\n  margin-bottom: 6px;\n}\n.paraui-v4-radio-group > .radio-group-content {\n  line-height: 0;\n}\n.paraui-v4-radio-group > .radio-group-content .radio-item-box {\n  margin-bottom: 4px;\n}\n.paraui-v4-radio-group > .radio-group-content > .radio-group-content-item {\n  margin-bottom: 6px;\n}\n.paraui-v4-radio-group > .radio-group-content > .radio-group-content-item:last-child {\n  margin-bottom: 0;\n}\n.paraui-v4-radio-group.paraui-v4-radio-group-column > .radio-group-content {\n  display: flex;\n  flex-direction: column;\n}\n.paraui-v4-radio-group.paraui-v4-radio-group-column > .radio-group-content > span {\n  margin-bottom: 10px;\n}\n.paraui-v4-radio-group.paraui-v4-radio-group-column > .radio-group-content > span:last-child {\n  margin-bottom: 0;\n}";
 styleInject(css_248z);
 
-var RadioGroup = function RadioGroup(props) {
-  var _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    style = props.style,
-    label = props.label,
-    labelTooltip = props.labelTooltip,
-    _props$spacing = 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,
-    _props$row = props.row,
-    row = _props$row === void 0 ? true : _props$row,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled,
-    _props$required = props.required,
-    required = _props$required === void 0 ? false : _props$required,
-    _props$error = props.error,
-    error = _props$error === void 0 ? false : _props$error,
-    hideErrorDom = props.hideErrorDom,
-    _props$helperText = props.helperText,
-    helperText = _props$helperText === void 0 ? '' : _props$helperText,
-    _props$id = props.id,
-    id = _props$id === void 0 ? 'name' : _props$id,
-    value = props.value,
-    list = props.list,
-    onChange = props.onChange;
-  var _useState = useState(),
-    _useState2 = _slicedToArray(_useState, 2),
-    valueCom = _useState2[0],
-    setValueCom = _useState2[1];
-  useEffect(function () {
+const RadioGroup = props => {
+  const {
+    className = '',
+    style,
+    label,
+    labelTooltip,
+    spacing = '32px',
+    itemWidth,
+    size = 'large',
+    row = true,
+    disabled = false,
+    required = false,
+    error = false,
+    hideErrorDom,
+    helperText = '',
+    id = 'name',
+    value,
+    list,
+    onChange
+  } = props;
+  const [valueCom, setValueCom] = useState();
+  useEffect(() => {
     if (props.defaultValue !== undefined) setValueCom(props.defaultValue);
   }, []);
-  useEffect(function () {
+  useEffect(() => {
     if (value !== undefined) setValueCom(value);
   }, [value]);
   /**
    * 改变值
    * @param item 点击当前项数据
    */
-  var onchangeCom = function onchangeCom(item) {
-    return function () {
-      var name = item[id]; // 值
-      if (value === name) return;
-      if (props.value === undefined) setValueCom(name);
-      onChange && onChange(name, item);
-    };
+  const onchangeCom = item => () => {
+    const name = item[id]; // 值
+    if (value === name) return;
+    if (props.value === undefined) setValueCom(name);
+    onChange && onChange(name, item);
   };
-  var handLabel = function handLabel() {
+  const handLabel = () => {
     if (label || required) {
-      var handLabelClass = function handLabelClass() {
-        var str = 'radio-group-label';
+      const handLabelClass = () => {
+        let str = 'radio-group-label';
         if (labelTooltip && labelTooltip.className) {
           str += " ".concat(labelTooltip.className);
         }
@@ -88,8 +74,8 @@ var RadioGroup = function RadioGroup(props) {
   /**
    * @description 处理单选框每一项样式
    * */
-  var handStyleItem = function handStyleItem(item, index, arr) {
-    var obj = Object.assign({
+  const handStyleItem = (item, index, arr) => {
+    const obj = Object.assign({
       display: 'inline-block'
     }, item.style);
     if (spacing && row && arr.length !== index + 1) {
@@ -101,8 +87,8 @@ var RadioGroup = function RadioGroup(props) {
     return obj;
   };
   // 处理class
-  var handClass = function handClass() {
-    var str = "".concat($prefixCls, "-radio-group");
+  const handClass = () => {
+    let 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");
@@ -117,12 +103,12 @@ var RadioGroup = function RadioGroup(props) {
     children: [handLabel(), jsx("div", Object.assign({
       className: "radio-group-content"
     }, {
-      children: list.map(function (item, index) {
+      children: list.map((item, index) => {
         if (Array.isArray(item)) {
           return jsx("div", Object.assign({
             className: "radio-group-content-item"
           }, {
-            children: item.map(function (itemChild, inx) {
+            children: item.map((itemChild, inx) => {
               return jsx("span", Object.assign({
                 className: 'radio-item-box',
                 style: handStyleItem(itemChild, inx, item)