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

package/ButtonGroup/index.js

@@ -5,19 +5,16 @@ import { Button } from '../Button/index.js';
 import { Tooltip } from '../Tooltip/index.js';
 import clsx from 'clsx';
 import Forbid from '@para-ui/icons/Forbid';
-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/typeof-adeedc13.js';
-import '../_verture/slicedToArray-a8206399.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '@para-ui/icons/LoadingF';
 import '@para-ui/icons/Down';
-import '../_verture/index-e9007d6a.js';
+import '../_verture/index-da9097d3.js';
 import 'rc-dropdown';
-import '../_verture/usePopupContainer-87febeb9.js';
+import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';
 import '@paraview/lib';
-import '../_verture/useFormatMessage-703f8b20.js';
+import '../_verture/useFormatMessage-eb13cf56.js';
 import '@para-ui/core/GlobalContext';
 import '../AutoTips/index.js';
 import 'rc-tooltip';
@@ -27,22 +24,20 @@ var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/26 下
 styleInject(css_248z);
 
 //按钮组
-var ButtonGroup = function ButtonGroup(props) {
-  var _props$mode = props.mode,
-    mode = _props$mode === void 0 ? 'icon' : _props$mode,
-    _props$data = props.data,
-    data = _props$data === void 0 ? [] : _props$data,
-    className = props.className,
-    _props$showToolTip = props.showToolTip,
-    showToolTip = _props$showToolTip === void 0 ? false : _props$showToolTip,
-    onClick = props.onClick,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled,
-    style = props.style;
+const ButtonGroup = props => {
+  const {
+    mode = 'icon',
+    data = [],
+    className,
+    showToolTip = false,
+    onClick,
+    disabled = false,
+    style
+  } = props;
   //tooltip title
-  var generateTooltipTitle = function generateTooltipTitle(disabled, title) {
+  const generateTooltipTitle = (disabled, title) => {
     if (disabled && title) {
-      var svgObj = {
+      const svgObj = {
         marginRight: '4px',
         fontSize: '11px',
         color: 'inherit'
@@ -56,11 +51,13 @@ var ButtonGroup = function ButtonGroup(props) {
     return title;
   };
   //渲染按钮组
-  var renderButtonGroup = function renderButtonGroup() {
+  const renderButtonGroup = () => {
     if (!data || !data.length) return null;
-    return data.map(function (item, index) {
-      var text = item.text,
-        _disabled = item.disabled;
+    return data.map((item, index) => {
+      let {
+        text,
+        disabled: _disabled
+      } = item;
       if (typeof _disabled === 'undefined') {
         _disabled = disabled;
         item.disabled = disabled;
@@ -78,16 +75,16 @@ var ButtonGroup = function ButtonGroup(props) {
     });
   };
   //按钮组点击
-  var handleClickBubble = function handleClickBubble(data) {
-    return function (evt) {
-      onClick === null || onClick === void 0 ? void 0 : onClick(data, evt);
-    };
+  const handleClickBubble = data => evt => {
+    onClick === null || onClick === void 0 ? void 0 : onClick(data, evt);
   };
   //生成按钮
-  var generateButton = function generateButton(data) {
-    var _a = data !== null && data !== void 0 ? data : {},
-      text = _a.text,
-      icon = _a.icon,
+  const generateButton = data => {
+    const _a = data !== null && data !== void 0 ? data : {},
+      {
+        text,
+        icon
+      } = _a,
       rest = __rest(_a, ["text", "icon"]);
     switch (mode) {
       case 'text':

package/Carousel/index.js

@@ -1,68 +1,64 @@
-import { _ as _defineProperty } from '../_verture/defineProperty-1d116156.js';
 import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx } from 'react/jsx-runtime';
 import React__default from 'react';
 import SlickCarousel from 'react-slick';
 import clsx from 'clsx';
-import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
+import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import RightCircleF from '@para-ui/icons/RightCircleF';
 import LeftCircleF from '@para-ui/icons/LeftCircleF';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/typeof-adeedc13.js';
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/2/28 上午11:01\n* @description Carousel\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-carousel {\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  line-height: 1.5715;\n  list-style: none;\n}\n.paraui-v4-carousel .slick-arrow {\n  z-index: 1;\n  opacity: 0;\n}\n.paraui-v4-carousel .slick-arrow svg {\n  color: #a1a8b3;\n  font-size: 30px;\n}\n.paraui-v4-carousel:hover .slick-arrow {\n  opacity: 1;\n}\n.paraui-v4-carousel .slick-slider {\n  position: relative;\n  display: block;\n  box-sizing: border-box;\n  touch-action: pan-y;\n  -webkit-touch-callout: none;\n  -webkit-tap-highlight-color: transparent;\n}\n.paraui-v4-carousel .slick-list {\n  position: relative;\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow: hidden;\n}\n.paraui-v4-carousel .slick-list:focus {\n  outline: none;\n}\n.paraui-v4-carousel .slick-list.dragging {\n  cursor: pointer;\n}\n.paraui-v4-carousel .slick-list .slick-slide {\n  pointer-events: none;\n}\n.paraui-v4-carousel .slick-list .slick-slide input.ant-radio-input,\n.paraui-v4-carousel .slick-list .slick-slide input.ant-checkbox-input {\n  visibility: hidden;\n}\n.paraui-v4-carousel .slick-list .slick-slide.slick-active {\n  pointer-events: auto;\n}\n.paraui-v4-carousel .slick-list .slick-slide.slick-active input.ant-radio-input,\n.paraui-v4-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input {\n  visibility: visible;\n}\n.paraui-v4-carousel .slick-list .slick-slide > div > div {\n  vertical-align: bottom;\n}\n.paraui-v4-carousel .slick-slider .slick-track,\n.paraui-v4-carousel .slick-slider .slick-list {\n  transform: translate3d(0, 0, 0);\n  touch-action: pan-y;\n}\n.paraui-v4-carousel .slick-track {\n  position: relative;\n  top: 0;\n  left: 0;\n  display: block;\n}\n.paraui-v4-carousel .slick-track::before,\n.paraui-v4-carousel .slick-track::after {\n  display: table;\n  content: \"\";\n}\n.paraui-v4-carousel .slick-track::after {\n  clear: both;\n}\n.paraui-v4-carousel .slick-slide {\n  display: none;\n  float: left;\n  height: 100%;\n  min-height: 1px;\n}\n.paraui-v4-carousel .slick-slide img {\n  display: block;\n}\n.paraui-v4-carousel .slick-slide.slick-loading img {\n  display: none;\n}\n.paraui-v4-carousel .slick-slide.dragging img {\n  pointer-events: none;\n}\n.paraui-v4-carousel .slick-initialized .slick-slide {\n  display: block;\n}\n.paraui-v4-carousel .slick-loading .slick-slide {\n  visibility: hidden;\n}\n.paraui-v4-carousel .slick-vertical .slick-slide {\n  display: block;\n  height: auto;\n}\n.paraui-v4-carousel .slick-arrow.slick-hidden {\n  display: none;\n}\n.paraui-v4-carousel .slick-prev,\n.paraui-v4-carousel .slick-next {\n  position: absolute;\n  top: 50%;\n  display: block;\n  width: 30px;\n  height: 30px;\n  transform: translate(0, -50%);\n  padding: 0;\n  color: transparent;\n  font-size: 0;\n  line-height: 0;\n  background: transparent;\n  border: 0;\n  outline: none;\n  cursor: pointer;\n}\n.paraui-v4-carousel .slick-prev:hover svg,\n.paraui-v4-carousel .slick-next:hover svg,\n.paraui-v4-carousel .slick-prev:focus svg,\n.paraui-v4-carousel .slick-next:focus svg {\n  color: #fff;\n}\n.paraui-v4-carousel .slick-prev.slick-disabled::before,\n.paraui-v4-carousel .slick-next.slick-disabled::before {\n  opacity: 0.25;\n}\n.paraui-v4-carousel .slick-prev {\n  left: 20px;\n}\n.paraui-v4-carousel .slick-next {\n  right: 20px;\n}\n.paraui-v4-carousel .slick-dots {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 15;\n  display: flex !important;\n  justify-content: center;\n  margin-right: 15%;\n  margin-left: 15%;\n  padding-left: 0;\n  list-style: none;\n}\n.paraui-v4-carousel .slick-dots-bottom {\n  bottom: 20px;\n}\n.paraui-v4-carousel .slick-dots-top {\n  top: 20px;\n  bottom: auto;\n}\n.paraui-v4-carousel .slick-dots li {\n  position: relative;\n  display: inline-block;\n  flex: 0 1 auto;\n  box-sizing: content-box;\n  width: 20px;\n  height: 4px;\n  margin: 0 2px;\n  margin-right: 5px;\n  margin-left: 5px;\n  padding: 0;\n  text-align: center;\n  text-indent: -999px;\n  vertical-align: top;\n  transition: all 0.5s;\n}\n.paraui-v4-carousel .slick-dots li button {\n  display: block;\n  width: 100%;\n  height: 4px;\n  padding: 0;\n  color: transparent;\n  font-size: 0;\n  background: rgb(255, 255, 255);\n  border: 0;\n  border-radius: 2px;\n  outline: none;\n  cursor: pointer;\n  opacity: 0.3;\n  transition: all 0.5s;\n}\n.paraui-v4-carousel .slick-dots li button:hover,\n.paraui-v4-carousel .slick-dots li button:focus {\n  opacity: 0.75;\n}\n.paraui-v4-carousel .slick-dots li.slick-active {\n  width: 40px;\n}\n.paraui-v4-carousel .slick-dots li.slick-active button {\n  background: rgb(255, 255, 255);\n  opacity: 1;\n}\n.paraui-v4-carousel .slick-dots li.slick-active:hover,\n.paraui-v4-carousel .slick-dots li.slick-active:focus {\n  opacity: 1;\n}\n.paraui-v4-carousel .slick-loading .paraui-v4-carousel .slick-track {\n  visibility: hidden;\n}\n.paraui-v4-carousel-vertical .slick-dots {\n  top: 50%;\n  bottom: auto;\n  flex-direction: column;\n  width: 3px;\n  height: auto;\n  margin: 0;\n  transform: translateY(-50%);\n}\n.paraui-v4-carousel-vertical .slick-dots-left {\n  right: auto;\n  left: 20px;\n}\n.paraui-v4-carousel-vertical .slick-dots-right {\n  right: 20px;\n  left: auto;\n}\n.paraui-v4-carousel-vertical .slick-dots li {\n  width: 3px;\n  height: 16px;\n  margin: 4px 2px;\n  vertical-align: baseline;\n}\n.paraui-v4-carousel-vertical .slick-dots li button {\n  width: 3px;\n  height: 16px;\n}\n.paraui-v4-carousel-vertical .slick-dots li.slick-active {\n  width: 3px;\n  height: 24px;\n}\n.paraui-v4-carousel-vertical .slick-dots li.slick-active button {\n  width: 3px;\n  height: 24px;\n}\n.paraui-v4-carousel-rtl {\n  direction: rtl;\n}\n.paraui-v4-carousel-rtl .paraui-v4-carousel .slick-track {\n  right: 0;\n  left: auto;\n}\n.paraui-v4-carousel-rtl .paraui-v4-carousel .slick-prev {\n  right: 20px;\n  left: auto;\n}\n.paraui-v4-carousel-rtl .paraui-v4-carousel .slick-next {\n  right: auto;\n  left: 20px;\n}\n.paraui-v4-carousel-rtl.paraui-v4-carousel .slick-dots {\n  flex-direction: row-reverse;\n}\n.paraui-v4-carousel-rtl.paraui-v4-carousel-vertical .slick-dots {\n  flex-direction: column;\n}";
 styleInject(css_248z);
 
 //Carousel
-var Carousel = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var _props$dots = props.dots,
-    dots = _props$dots === void 0 ? true : _props$dots,
-    _props$arrows = props.arrows,
-    arrows = _props$arrows === void 0 ? false : _props$arrows,
-    _props$draggable = props.draggable,
-    draggable = _props$draggable === void 0 ? false : _props$draggable,
-    _props$dotPosition = props.dotPosition,
-    dotPosition = _props$dotPosition === void 0 ? 'bottom' : _props$dotPosition,
-    className = props.className,
+const Carousel = /*#__PURE__*/React__default.forwardRef((props, ref) => {
+  const {
+      dots = true,
+      arrows = false,
+      draggable = false,
+      dotPosition = 'bottom',
+      className
+    } = props,
     restProps = __rest(props, ["dots", "arrows", "draggable", "dotPosition", "className"]);
-  var slickRef = React__default.useRef();
+  const slickRef = React__default.useRef();
   //切换到指定面板
-  var goTo = function goTo(slide) {
-    var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  const goTo = function (slide) {
+    let dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     slickRef.current.slickGoTo(slide, dontAnimate);
   };
   //ref 绑定实例方法
-  React__default.useImperativeHandle(ref, function () {
-    return {
-      goTo: goTo,
-      prev: slickRef.current.slickPrev,
-      next: slickRef.current.slickNext,
-      play: slickRef.current.slickPlay,
-      pause: slickRef.current.slickPause
-    };
-  }, [slickRef.current]);
+  React__default.useImperativeHandle(ref, () => ({
+    goTo,
+    prev: slickRef.current.slickPrev,
+    next: slickRef.current.slickNext,
+    play: slickRef.current.slickPlay,
+    pause: slickRef.current.slickPause
+  }), [slickRef.current]);
   //节点数量
-  var prevCount = React__default.useRef(React__default.Children.count(props.children));
-  React__default.useEffect(function () {
+  const prevCount = React__default.useRef(React__default.Children.count(props.children));
+  React__default.useEffect(() => {
     if (prevCount.current !== React__default.Children.count(props.children)) {
       goTo(props.initialSlide || 0, false);
       prevCount.current = React__default.Children.count(props.children);
     }
   }, [props.children]);
-  var newProps = Object.assign({}, restProps);
+  const newProps = Object.assign({}, restProps);
   //动画效果
   if (newProps.effect === 'fade') {
     newProps.fade = true;
   }
-  var prefixCls = "".concat($prefixCls, "-carousel");
-  var dotsClass = 'slick-dots';
+  const prefixCls = "".concat($prefixCls, "-carousel");
+  const dotsClass = 'slick-dots';
   newProps.vertical = dotPosition === 'left' || dotPosition === 'right';
   //启用dots
-  var enableDots = !!dots;
+  const enableDots = !!dots;
   //dots cls
-  var dsClass = clsx(dotsClass, "".concat(dotsClass, "-").concat(dotPosition), typeof dots === 'boolean' ? false : dots === null || dots === void 0 ? void 0 : dots.className);
+  const dsClass = clsx(dotsClass, "".concat(dotsClass, "-").concat(dotPosition), typeof dots === 'boolean' ? false : dots === null || dots === void 0 ? void 0 : dots.className);
   //组件cls
-  var cls = clsx(prefixCls, className, _defineProperty({}, "".concat(prefixCls, "-vertical"), newProps.vertical));
+  const cls = clsx(prefixCls, className, {
+    ["".concat(prefixCls, "-vertical")]: newProps.vertical
+  });
   return jsx("div", Object.assign({
     className: cls
   }, {

package/Cascader/index.js

@@ -1,17 +1,16 @@
-import { C as Cascader } from '../_verture/index-5a7e2438.js';
-export { C as default } from '../_verture/index-5a7e2438.js';
-import '../_verture/defineProperty-1d116156.js';
-import '../_verture/typeof-adeedc13.js';
-import '../_verture/toConsumableArray-8f4c9589.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
-import '../_verture/slicedToArray-a8206399.js';
+import { C as Cascader } from '../_verture/index-3cdaba96.js';
+export { C as default } from '../_verture/index-3cdaba96.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import 'react/jsx-runtime';
+import '../_verture/toConsumableArray-c7a8028f.js';
+import '../_verture/slicedToArray-75fa4188.js';
+import '../_verture/defineProperty-1d116156.js';
+import '../_verture/typeof-adeedc13.js';
 import 'react';
 import 'react-dom';
 import 'rc-motion';
 import 'clsx';
-import '../_verture/typeof-c310ee4a.js';
+import '../_verture/typeof-b240b062.js';
 import 'rc-tree/lib/utils/conductUtil';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/Down';
@@ -20,12 +19,12 @@ import 'rc-tree/lib/utils/treeUtil';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
-import '../_verture/constant-0d9802f7.js';
+import '../_verture/constant-5317fc89.js';
 import '@para-ui/icons/Forbid';
 import '../_verture/style-inject.es-300983ab.js';
 import '@para-ui/icons';
 import '@para-ui/icons/LoadingF';
 import '../AutoTips/index.js';
 import '@paraview/lib';
-import '../_verture/useFormatMessage-703f8b20.js';
+import '../_verture/useFormatMessage-eb13cf56.js';
 import '@para-ui/core/GlobalContext';

package/Checkbox/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,33 +15,28 @@ 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-checkbox {\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-checkbox:hover {\n  /*& > .checkbox-label {\n    color: $NB2;\n    cursor: pointer;\n\n    svg {\n      color: $NB2;\n    }\n  }\n\n  // 帮组\n  & > .checkbox-help {\n    padding: 0 8px;\n\n    & > .checkbox-label {\n      color: $NB2;\n      cursor: pointer;\n\n      svg {\n        color: $NB2;\n      }\n    }\n  }*/\n}\n.paraui-v4-checkbox:hover > .checkbox-box > .checkbox-box-inner {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-checkbox > .checkbox-box {\n  position: relative;\n}\n.paraui-v4-checkbox > .checkbox-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-checkbox > .checkbox-box > .checkbox-box-inner {\n  position: relative;\n  top: 0;\n  left: 0;\n  display: block;\n  border-radius: 2px;\n  background-color: white;\n  border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-checkbox > .checkbox-box > .checkbox-box-inner:after {\n  position: absolute;\n  display: table;\n  content: \" \";\n}\n.paraui-v4-checkbox > .checkbox-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-checkbox > .checkbox-label > .checkbox-help > svg {\n  top: 0;\n}\n.paraui-v4-checkbox .checkbox-label {\n  line-height: 16px;\n}\n.paraui-v4-checkbox > .checkbox-help {\n  padding: 0 8px;\n  position: relative;\n  top: -1px;\n  overflow: hidden;\n}\n.paraui-v4-checkbox > .checkbox-help > .checkbox-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-checkbox.paraui-v4-checkbox-checked:hover > .checkbox-box > .checkbox-box-inner {\n  background-color: rgb(87, 131, 235);\n  border-color: transparent;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-checked > .checkbox-box > .checkbox-box-inner {\n  background-color: rgb(46, 101, 230);\n  border-color: transparent;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-checked > .checkbox-box > .checkbox-box-inner:after {\n  border: 1px solid white;\n  border-top: 0;\n  border-left: 0;\n  transform: rotate(45deg) scale(1) translate(-50%, -50%);\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-indeterminate:hover > .checkbox-box > .checkbox-box-inner {\n  background-color: rgb(87, 131, 235);\n  border-color: transparent;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-indeterminate > .checkbox-box > .checkbox-box-inner {\n  background-color: rgb(46, 101, 230);\n  border-color: transparent;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-indeterminate > .checkbox-box > .checkbox-box-inner:after {\n  background-color: white;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) scale(1);\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled {\n  cursor: not-allowed;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled > .checkbox-label {\n  color: rgb(161, 168, 179);\n  cursor: not-allowed;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled > .checkbox-label svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled > .checkbox-help > .checkbox-label {\n  color: rgb(161, 168, 179);\n  cursor: not-allowed;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled > .checkbox-help > .checkbox-label svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled > .checkbox-box > input {\n  cursor: not-allowed;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled > .checkbox-box > .checkbox-box-inner {\n  background-color: rgb(234, 236, 241);\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled.paraui-v4-checkbox-checked:hover > .checkbox-box > .checkbox-box-inner {\n  background-color: rgb(212, 218, 227);\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled.paraui-v4-checkbox-checked > .checkbox-box > .checkbox-box-inner {\n  background-color: rgb(212, 218, 227);\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled.paraui-v4-checkbox-checked > .checkbox-box > .checkbox-box-inner:after {\n  border-color: rgb(255, 255, 255);\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled.paraui-v4-checkbox-indeterminate:hover > .checkbox-box > .checkbox-box-inner {\n  background-color: rgb(212, 218, 227);\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled.paraui-v4-checkbox-indeterminate > .checkbox-box > .checkbox-box-inner {\n  background-color: rgb(212, 218, 227);\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled.paraui-v4-checkbox-indeterminate > .checkbox-box > .checkbox-box-inner:after {\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-small > .checkbox-box > .checkbox-box-inner {\n  width: 14px;\n  height: 14px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-small.paraui-v4-checkbox-checked > .checkbox-box > .checkbox-box-inner:after {\n  top: 45%;\n  left: 21%;\n  width: 4px;\n  height: 7px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-small.paraui-v4-checkbox-indeterminate > .checkbox-box > .checkbox-box-inner:after {\n  width: 8px;\n  height: 1px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-medium > .checkbox-box > .checkbox-box-inner {\n  width: 14px;\n  height: 14px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-medium.paraui-v4-checkbox-checked > .checkbox-box > .checkbox-box-inner:after {\n  top: 45%;\n  left: 21%;\n  width: 4px;\n  height: 7px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-medium.paraui-v4-checkbox-indeterminate > .checkbox-box > .checkbox-box-inner:after {\n  width: 8px;\n  height: 1px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-large > .checkbox-box > .checkbox-box-inner {\n  width: 14px;\n  height: 14px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-large.paraui-v4-checkbox-checked > .checkbox-box > .checkbox-box-inner:after {\n  top: 45%;\n  left: 21%;\n  width: 4px;\n  height: 7px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-large.paraui-v4-checkbox-indeterminate > .checkbox-box > .checkbox-box-inner:after {\n  width: 8px;\n  height: 1px;\n}";
 styleInject(css_248z);
 
-var Checkbox = function Checkbox(props) {
-  var _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    label = props.label,
-    labelTooltip = props.labelTooltip,
-    _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,
-    _props$indeterminate = props.indeterminate,
-    indeterminate = _props$indeterminate === void 0 ? false : _props$indeterminate,
-    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 Checkbox = props => {
+  const {
+    className = '',
+    label,
+    labelTooltip,
+    size = 'large',
+    disabled = false,
+    disabledTooltip,
+    indeterminate = false,
+    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;
     if (indeterminate) {
@@ -59,8 +52,8 @@ var Checkbox = function Checkbox(props) {
     onChange && onChange(e, !checkedCom);
   };
   // 处理class
-  var handClass = function handClass() {
-    var str = "".concat($prefixCls, "-checkbox");
+  const handClass = () => {
+    let str = "".concat($prefixCls, "-checkbox");
     if (className) str += " ".concat(className);
     if (size) str += " ".concat($prefixCls, "-checkbox-").concat(size);
     if (disabled) str += " ".concat($prefixCls, "-checkbox-disabled");
@@ -70,28 +63,28 @@ var Checkbox = function Checkbox(props) {
     }
     return str;
   };
-  var handLabelClass = function handLabelClass() {
-    var str = 'checkbox-label';
+  const handLabelClass = () => {
+    let str = 'checkbox-label';
     if (labelTooltip && labelTooltip.className) {
       str += " ".concat(labelTooltip.className);
     }
     return str;
   };
   /** 处理帮组classNaem */
-  var handHelpClassName = function handHelpClassName() {
-    var str = ' checkbox-help';
+  const handHelpClassName = () => {
+    let str = ' checkbox-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(),
       onClick: clickCheck,
@@ -114,7 +107,7 @@ var Checkbox = function Checkbox(props) {
       })) : null]
     }));
   };
-  var handleContentRender = function handleContentRender() {
+  const handleContentRender = () => {
     if (disabledTooltip) {
       return jsx(Tooltip, Object.assign({
         disabled: true

package/CheckboxGroup/index.js

@@ -1,13 +1,11 @@
-import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
 import { useState, useEffect, createElement } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Checkbox } from '../Checkbox/index.js';
 import Label from '../Label/index.js';
 import HelperText from '../HelperText/index.js';
 import { DeepClone } from '@paraview/lib';
-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';
@@ -20,41 +18,30 @@ 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-checkbox-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-checkbox-group > .checkbox-group-label {\n  margin-bottom: 6px;\n}\n.paraui-v4-checkbox-group > .checkbox-group-content {\n  line-height: 0;\n}\n.paraui-v4-checkbox-group > .checkbox-group-content .checkbox-item-box {\n  margin-bottom: 4px;\n}\n.paraui-v4-checkbox-group > .checkbox-group-content > .checkbox-group-content-item {\n  margin-bottom: 6px;\n}\n.paraui-v4-checkbox-group > .checkbox-group-content > .checkbox-group-content-item:last-child {\n  margin-bottom: 0;\n}\n.paraui-v4-checkbox-group.paraui-v4-checkbox-group-column > .checkbox-group-content {\n  display: flex;\n  flex-direction: column;\n}\n.paraui-v4-checkbox-group.paraui-v4-checkbox-group-column > .checkbox-group-content > span {\n  margin-bottom: 10px;\n}\n.paraui-v4-checkbox-group.paraui-v4-checkbox-group-column > .checkbox-group-content > span:last-child {\n  margin-bottom: 0;\n}";
 styleInject(css_248z);
 
-var CheckboxGroup = function CheckboxGroup(props) {
-  var _props$label = props.label,
-    label = _props$label === void 0 ? '' : _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,
-    list = props.list,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    onChange = props.onChange,
-    style = props.style;
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    valueCom = _useState2[0],
-    setValueCom = _useState2[1];
-  useEffect(function () {
+const CheckboxGroup = props => {
+  const {
+    label = '',
+    labelTooltip,
+    spacing = '32px',
+    itemWidth,
+    size = 'large',
+    row = true,
+    disabled = false,
+    required = false,
+    error = false,
+    hideErrorDom,
+    helperText = '',
+    id = 'name',
+    list,
+    className = '',
+    onChange,
+    style
+  } = props;
+  const [valueCom, setValueCom] = useState([]);
+  useEffect(() => {
     if (props.defaultValue !== undefined) setValueCom(props.defaultValue);
   }, []);
-  useEffect(function () {
+  useEffect(() => {
     if (props.value !== undefined) setValueCom(props.value);
   }, [props.value]);
   /**
@@ -63,24 +50,22 @@ var CheckboxGroup = function CheckboxGroup(props) {
    * @event 点击元素
    * @checked 当前值
    */
-  var onchangeCom = function onchangeCom(item) {
-    return function (event, checked) {
-      var name = item[id]; // 值
-      var arr = DeepClone(valueCom);
-      if (checked) {
-        arr.push(name);
-      } else {
-        var index = arr.indexOf(name);
-        arr.splice(index, 1);
-      }
-      if (props.value === undefined) setValueCom(arr);
-      onChange && onChange(arr);
-    };
+  const onchangeCom = item => (event, checked) => {
+    const name = item[id]; // 值
+    const arr = DeepClone(valueCom);
+    if (checked) {
+      arr.push(name);
+    } else {
+      const index = arr.indexOf(name);
+      arr.splice(index, 1);
+    }
+    if (props.value === undefined) setValueCom(arr);
+    onChange && onChange(arr);
   };
-  var handLabel = function handLabel() {
+  const handLabel = () => {
     if (label || required) {
-      var handLabelClass = function handLabelClass() {
-        var str = 'checkbox-group-label';
+      const handLabelClass = () => {
+        let str = 'checkbox-group-label';
         if (labelTooltip && labelTooltip.className) {
           str += " ".concat(labelTooltip.className);
         }
@@ -97,8 +82,8 @@ var CheckboxGroup = function CheckboxGroup(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) {
@@ -110,8 +95,8 @@ var CheckboxGroup = function CheckboxGroup(props) {
     return obj;
   };
   // 处理class
-  var handClass = function handClass() {
-    var str = "".concat($prefixCls, "-checkbox-group");
+  const handClass = () => {
+    let str = "".concat($prefixCls, "-checkbox-group");
     if (className) str += " ".concat(className);
     if (size) str += " ".concat($prefixCls, "-checkbox-group-").concat(size);
     if (error) str += " ".concat($prefixCls, "-checkbox-group-error");
@@ -126,12 +111,12 @@ var CheckboxGroup = function CheckboxGroup(props) {
     children: [handLabel(), jsx("div", Object.assign({
       className: "checkbox-group-content"
     }, {
-      children: list.map(function (item, index) {
+      children: list.map((item, index) => {
         if (Array.isArray(item)) {
           return jsx("div", Object.assign({
             className: "checkbox-group-content-item"
           }, {
-            children: item.map(function (itemChild, inx) {
+            children: item.map((itemChild, inx) => {
               return jsx("span", Object.assign({
                 className: 'checkbox-item-box',
                 style: handStyleItem(itemChild, inx, item)