@para-ui/core 3.0.1 → 3.0.3

package/Carousel/index.js

@@ -4,9 +4,10 @@ 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-bf34e6fa.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.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 Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-carousel {\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  line-height: 1.5715;\n  list-style: none;\n}\n.paraui-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-carousel .slick-list {\n  position: relative;\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow: hidden;\n}\n.paraui-carousel .slick-list:focus {\n  outline: none;\n}\n.paraui-carousel .slick-list.dragging {\n  cursor: pointer;\n}\n.paraui-carousel .slick-list .slick-slide {\n  pointer-events: none;\n}\n.paraui-carousel .slick-list .slick-slide input.ant-radio-input,\n.paraui-carousel .slick-list .slick-slide input.ant-checkbox-input {\n  visibility: hidden;\n}\n.paraui-carousel .slick-list .slick-slide.slick-active {\n  pointer-events: auto;\n}\n.paraui-carousel .slick-list .slick-slide.slick-active input.ant-radio-input,\n.paraui-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input {\n  visibility: visible;\n}\n.paraui-carousel .slick-list .slick-slide > div > div {\n  vertical-align: bottom;\n}\n.paraui-carousel .slick-slider .slick-track,\n.paraui-carousel .slick-slider .slick-list {\n  transform: translate3d(0, 0, 0);\n  touch-action: pan-y;\n}\n.paraui-carousel .slick-track {\n  position: relative;\n  top: 0;\n  left: 0;\n  display: block;\n}\n.paraui-carousel .slick-track::before,\n.paraui-carousel .slick-track::after {\n  display: table;\n  content: \"\";\n}\n.paraui-carousel .slick-track::after {\n  clear: both;\n}\n.paraui-carousel .slick-slide {\n  display: none;\n  float: left;\n  height: 100%;\n  min-height: 1px;\n}\n.paraui-carousel .slick-slide img {\n  display: block;\n}\n.paraui-carousel .slick-slide.slick-loading img {\n  display: none;\n}\n.paraui-carousel .slick-slide.dragging img {\n  pointer-events: none;\n}\n.paraui-carousel .slick-initialized .slick-slide {\n  display: block;\n}\n.paraui-carousel .slick-loading .slick-slide {\n  visibility: hidden;\n}\n.paraui-carousel .slick-vertical .slick-slide {\n  display: block;\n  height: auto;\n}\n.paraui-carousel .slick-arrow.slick-hidden {\n  display: none;\n}\n.paraui-carousel .slick-prev,\n.paraui-carousel .slick-next {\n  position: absolute;\n  top: 50%;\n  display: block;\n  width: 20px;\n  height: 20px;\n  margin-top: -10px;\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-carousel .slick-prev:hover,\n.paraui-carousel .slick-next:hover,\n.paraui-carousel .slick-prev:focus,\n.paraui-carousel .slick-next:focus {\n  color: transparent;\n  background: transparent;\n  outline: none;\n}\n.paraui-carousel .slick-prev:hover::before,\n.paraui-carousel .slick-next:hover::before,\n.paraui-carousel .slick-prev:focus::before,\n.paraui-carousel .slick-next:focus::before {\n  opacity: 1;\n}\n.paraui-carousel .slick-prev.slick-disabled::before,\n.paraui-carousel .slick-next.slick-disabled::before {\n  opacity: 0.25;\n}\n.paraui-carousel .slick-prev {\n  left: -25px;\n}\n.paraui-carousel .slick-prev::before {\n  content: \"←\";\n}\n.paraui-carousel .slick-next {\n  right: -25px;\n}\n.paraui-carousel .slick-next::before {\n  content: \"→\";\n}\n.paraui-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-carousel .slick-dots-bottom {\n  bottom: 12px;\n}\n.paraui-carousel .slick-dots-top {\n  top: 12px;\n  bottom: auto;\n}\n.paraui-carousel .slick-dots li {\n  position: relative;\n  display: inline-block;\n  flex: 0 1 auto;\n  box-sizing: content-box;\n  width: 16px;\n  height: 3px;\n  margin: 0 2px;\n  margin-right: 3px;\n  margin-left: 3px;\n  padding: 0;\n  text-align: center;\n  text-indent: -999px;\n  vertical-align: top;\n  transition: all 0.5s;\n}\n.paraui-carousel .slick-dots li button {\n  display: block;\n  width: 100%;\n  height: 3px;\n  padding: 0;\n  color: transparent;\n  font-size: 0;\n  background: rgb(255, 255, 255);\n  border: 0;\n  border-radius: 1px;\n  outline: none;\n  cursor: pointer;\n  opacity: 0.3;\n  transition: all 0.5s;\n}\n.paraui-carousel .slick-dots li button:hover,\n.paraui-carousel .slick-dots li button:focus {\n  opacity: 0.75;\n}\n.paraui-carousel .slick-dots li.slick-active {\n  width: 24px;\n}\n.paraui-carousel .slick-dots li.slick-active button {\n  background: rgb(255, 255, 255);\n  opacity: 1;\n}\n.paraui-carousel .slick-dots li.slick-active:hover,\n.paraui-carousel .slick-dots li.slick-active:focus {\n  opacity: 1;\n}\n.paraui-carousel .slick-loading .paraui-carousel .slick-track {\n  visibility: hidden;\n}\n.paraui-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-carousel-vertical .slick-dots-left {\n  right: auto;\n  left: 12px;\n}\n.paraui-carousel-vertical .slick-dots-right {\n  right: 12px;\n  left: auto;\n}\n.paraui-carousel-vertical .slick-dots li {\n  width: 3px;\n  height: 16px;\n  margin: 4px 2px;\n  vertical-align: baseline;\n}\n.paraui-carousel-vertical .slick-dots li button {\n  width: 3px;\n  height: 16px;\n}\n.paraui-carousel-vertical .slick-dots li.slick-active {\n  width: 3px;\n  height: 24px;\n}\n.paraui-carousel-vertical .slick-dots li.slick-active button {\n  width: 3px;\n  height: 24px;\n}\n.paraui-carousel-rtl {\n  direction: rtl;\n}\n.paraui-carousel-rtl .paraui-carousel .slick-track {\n  right: 0;\n  left: auto;\n}\n.paraui-carousel-rtl .paraui-carousel .slick-prev {\n  right: -25px;\n  left: auto;\n}\n.paraui-carousel-rtl .paraui-carousel .slick-prev::before {\n  content: \"→\";\n}\n.paraui-carousel-rtl .paraui-carousel .slick-next {\n  right: auto;\n  left: -25px;\n}\n.paraui-carousel-rtl .paraui-carousel .slick-next::before {\n  content: \"←\";\n}\n.paraui-carousel-rtl.paraui-carousel .slick-dots {\n  flex-direction: row-reverse;\n}\n.paraui-carousel-rtl.paraui-carousel-vertical .slick-dots {\n  flex-direction: column;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/2/28 上午11:01\n* @description Carousel\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-carousel {\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  line-height: 1.5715;\n  list-style: none;\n}\n.paraui-v3-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-v3-carousel .slick-list {\n  position: relative;\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow: hidden;\n}\n.paraui-v3-carousel .slick-list:focus {\n  outline: none;\n}\n.paraui-v3-carousel .slick-list.dragging {\n  cursor: pointer;\n}\n.paraui-v3-carousel .slick-list .slick-slide {\n  pointer-events: none;\n}\n.paraui-v3-carousel .slick-list .slick-slide input.ant-radio-input,\n.paraui-v3-carousel .slick-list .slick-slide input.ant-checkbox-input {\n  visibility: hidden;\n}\n.paraui-v3-carousel .slick-list .slick-slide.slick-active {\n  pointer-events: auto;\n}\n.paraui-v3-carousel .slick-list .slick-slide.slick-active input.ant-radio-input,\n.paraui-v3-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input {\n  visibility: visible;\n}\n.paraui-v3-carousel .slick-list .slick-slide > div > div {\n  vertical-align: bottom;\n}\n.paraui-v3-carousel .slick-slider .slick-track,\n.paraui-v3-carousel .slick-slider .slick-list {\n  transform: translate3d(0, 0, 0);\n  touch-action: pan-y;\n}\n.paraui-v3-carousel .slick-track {\n  position: relative;\n  top: 0;\n  left: 0;\n  display: block;\n}\n.paraui-v3-carousel .slick-track::before,\n.paraui-v3-carousel .slick-track::after {\n  display: table;\n  content: \"\";\n}\n.paraui-v3-carousel .slick-track::after {\n  clear: both;\n}\n.paraui-v3-carousel .slick-slide {\n  display: none;\n  float: left;\n  height: 100%;\n  min-height: 1px;\n}\n.paraui-v3-carousel .slick-slide img {\n  display: block;\n}\n.paraui-v3-carousel .slick-slide.slick-loading img {\n  display: none;\n}\n.paraui-v3-carousel .slick-slide.dragging img {\n  pointer-events: none;\n}\n.paraui-v3-carousel .slick-initialized .slick-slide {\n  display: block;\n}\n.paraui-v3-carousel .slick-loading .slick-slide {\n  visibility: hidden;\n}\n.paraui-v3-carousel .slick-vertical .slick-slide {\n  display: block;\n  height: auto;\n}\n.paraui-v3-carousel .slick-arrow.slick-hidden {\n  display: none;\n}\n.paraui-v3-carousel .slick-prev,\n.paraui-v3-carousel .slick-next {\n  position: absolute;\n  top: 50%;\n  display: block;\n  width: 20px;\n  height: 20px;\n  margin-top: -10px;\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-v3-carousel .slick-prev:hover,\n.paraui-v3-carousel .slick-next:hover,\n.paraui-v3-carousel .slick-prev:focus,\n.paraui-v3-carousel .slick-next:focus {\n  color: transparent;\n  background: transparent;\n  outline: none;\n}\n.paraui-v3-carousel .slick-prev:hover::before,\n.paraui-v3-carousel .slick-next:hover::before,\n.paraui-v3-carousel .slick-prev:focus::before,\n.paraui-v3-carousel .slick-next:focus::before {\n  opacity: 1;\n}\n.paraui-v3-carousel .slick-prev.slick-disabled::before,\n.paraui-v3-carousel .slick-next.slick-disabled::before {\n  opacity: 0.25;\n}\n.paraui-v3-carousel .slick-prev {\n  left: -25px;\n}\n.paraui-v3-carousel .slick-prev::before {\n  content: \"←\";\n}\n.paraui-v3-carousel .slick-next {\n  right: -25px;\n}\n.paraui-v3-carousel .slick-next::before {\n  content: \"→\";\n}\n.paraui-v3-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-v3-carousel .slick-dots-bottom {\n  bottom: 12px;\n}\n.paraui-v3-carousel .slick-dots-top {\n  top: 12px;\n  bottom: auto;\n}\n.paraui-v3-carousel .slick-dots li {\n  position: relative;\n  display: inline-block;\n  flex: 0 1 auto;\n  box-sizing: content-box;\n  width: 16px;\n  height: 3px;\n  margin: 0 2px;\n  margin-right: 3px;\n  margin-left: 3px;\n  padding: 0;\n  text-align: center;\n  text-indent: -999px;\n  vertical-align: top;\n  transition: all 0.5s;\n}\n.paraui-v3-carousel .slick-dots li button {\n  display: block;\n  width: 100%;\n  height: 3px;\n  padding: 0;\n  color: transparent;\n  font-size: 0;\n  background: rgb(255, 255, 255);\n  border: 0;\n  border-radius: 1px;\n  outline: none;\n  cursor: pointer;\n  opacity: 0.3;\n  transition: all 0.5s;\n}\n.paraui-v3-carousel .slick-dots li button:hover,\n.paraui-v3-carousel .slick-dots li button:focus {\n  opacity: 0.75;\n}\n.paraui-v3-carousel .slick-dots li.slick-active {\n  width: 24px;\n}\n.paraui-v3-carousel .slick-dots li.slick-active button {\n  background: rgb(255, 255, 255);\n  opacity: 1;\n}\n.paraui-v3-carousel .slick-dots li.slick-active:hover,\n.paraui-v3-carousel .slick-dots li.slick-active:focus {\n  opacity: 1;\n}\n.paraui-v3-carousel .slick-loading .paraui-v3-carousel .slick-track {\n  visibility: hidden;\n}\n.paraui-v3-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-v3-carousel-vertical .slick-dots-left {\n  right: auto;\n  left: 12px;\n}\n.paraui-v3-carousel-vertical .slick-dots-right {\n  right: 12px;\n  left: auto;\n}\n.paraui-v3-carousel-vertical .slick-dots li {\n  width: 3px;\n  height: 16px;\n  margin: 4px 2px;\n  vertical-align: baseline;\n}\n.paraui-v3-carousel-vertical .slick-dots li button {\n  width: 3px;\n  height: 16px;\n}\n.paraui-v3-carousel-vertical .slick-dots li.slick-active {\n  width: 3px;\n  height: 24px;\n}\n.paraui-v3-carousel-vertical .slick-dots li.slick-active button {\n  width: 3px;\n  height: 24px;\n}\n.paraui-v3-carousel-rtl {\n  direction: rtl;\n}\n.paraui-v3-carousel-rtl .paraui-v3-carousel .slick-track {\n  right: 0;\n  left: auto;\n}\n.paraui-v3-carousel-rtl .paraui-v3-carousel .slick-prev {\n  right: -25px;\n  left: auto;\n}\n.paraui-v3-carousel-rtl .paraui-v3-carousel .slick-prev::before {\n  content: \"→\";\n}\n.paraui-v3-carousel-rtl .paraui-v3-carousel .slick-next {\n  right: auto;\n  left: -25px;\n}\n.paraui-v3-carousel-rtl .paraui-v3-carousel .slick-next::before {\n  content: \"←\";\n}\n.paraui-v3-carousel-rtl.paraui-v3-carousel .slick-dots {\n  flex-direction: row-reverse;\n}\n.paraui-v3-carousel-rtl.paraui-v3-carousel-vertical .slick-dots {\n  flex-direction: column;\n}";
 styleInject(css_248z);
 
 var Carousel = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
@@ -18,7 +19,8 @@ var Carousel = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
       draggable = _props$draggable === void 0 ? false : _props$draggable,
       _props$dotPosition = props.dotPosition,
       dotPosition = _props$dotPosition === void 0 ? 'bottom' : _props$dotPosition,
-      restProps = __rest(props, ["dots", "arrows", "draggable", "dotPosition"]);
+      className = props.className,
+      restProps = __rest(props, ["dots", "arrows", "draggable", "dotPosition", "className"]);
 
   var slickRef = React__default.useRef(); //切换到指定面板
 
@@ -51,7 +53,7 @@ var Carousel = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     newProps.fade = true;
   }
 
-  var prefixCls = 'paraui-carousel';
+  var prefixCls = "".concat($prefixCls, "-carousel");
   var dotsClass = 'slick-dots';
   newProps.vertical = dotPosition === 'left' || dotPosition === 'right'; //启用dots
 
@@ -59,9 +61,9 @@ var Carousel = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
 
   var dsClass = clsx(dotsClass, "".concat(dotsClass, "-").concat(dotPosition), typeof dots === 'boolean' ? false : dots === null || dots === void 0 ? void 0 : dots.className); //组件cls
 
-  var className = clsx(prefixCls, _defineProperty({}, "".concat(prefixCls, "-vertical"), newProps.vertical));
+  var cls = clsx(prefixCls, className, _defineProperty({}, "".concat(prefixCls, "-vertical"), newProps.vertical));
   return jsx("div", Object.assign({
-    className: className
+    className: cls
   }, {
     children: jsx(SlickCarousel, Object.assign({
       ref: slickRef

package/Cascader/index.d.ts

@@ -31,6 +31,7 @@ interface Option {
  * @param disabled{ Boolean }: 是否禁用
  * @param placeholder{ String }: 占位符
  * @param loadData{ Function }: 加载数据的方法
+ * @param children{ React.ReactNode }: 子节点
  */
 interface Props {
     data: Option[];
@@ -47,6 +48,7 @@ interface Props {
     size?: 'small' | 'medium' | 'large';
     loadData?: (selectedOptions: Option[], setState?: React.Dispatch<React.SetStateAction<Option[]>>) => void;
     loadingIcon?: React.ReactNode;
+    children?: React.ReactNode;
 }
-export declare const Cascader: ({ data, expandTrigger, value, onChange, onDropdownVisibleChange, changeOnSelect, expandIcon, expandJoin, fieldNames, disabled, placeholder, loadData, loadingIcon, }: Props) => JSX.Element;
+export declare const Cascader: ({ data, expandTrigger, value, onChange, onDropdownVisibleChange, changeOnSelect, expandIcon, expandJoin, fieldNames, disabled, placeholder, loadData, loadingIcon, children, }: Props) => JSX.Element;
 export default Cascader;

package/Cascader/index.js

@@ -8,6 +8,7 @@ import RcCascader from 'rc-cascader';
 import Right from '@para-ui/icons/Right';
 import LoadingIcon from '@para-ui/icons/Loading';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-ac9d6acf.js';
+import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-bf34e6fa.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '@para-ui/core/GlobalContext';
 
@@ -24,7 +25,7 @@ var localeJson = {
   en: en
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.cascader input {\n  color: #333;\n  width: 560px;\n  padding: 6px 12px;\n  overflow: hidden;\n  box-sizing: border-box;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  border-radius: 4px;\n  border: 1px solid #d9d9d9;\n}\n\n.rc-cascader {\n  font-size: 12px;\n}\n.rc-cascader-dropdown-hidden {\n  display: none;\n}\n.rc-cascader-menus {\n  font-size: 12px;\n  overflow: hidden;\n  background: #fff;\n  position: absolute;\n  border: 1px solid #d9d9d9;\n  border-radius: 4px;\n  box-shadow: 0 0 4px rgba(0, 0, 0, 0.17);\n  white-space: nowrap;\n}\n.rc-cascader-menus.slide-up-enter, .rc-cascader-menus.slide-up-appear {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  transform-origin: 0 0;\n  opacity: 0;\n  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n  animation-play-state: paused;\n}\n.rc-cascader-menus.slide-up-leave {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  transform-origin: 0 0;\n  opacity: 1;\n  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);\n  animation-play-state: paused;\n}\n.rc-cascader-menus.slide-up-enter.slide-up-enter-active, .rc-cascader-menus-placement-bottomLeft, .rc-cascader-menus.slide-up-appear.slide-up-appear-active, .rc-cascader-menus-placement-bottomLeft {\n  animation-name: SlideUpIn;\n  animation-play-state: running;\n}\n.rc-cascader-menus.slide-up-enter.slide-up-enter-active, .rc-cascader-menus-placement-topLeft, .rc-cascader-menus.slide-up-appear.slide-up-appear-active, .rc-cascader-menus-placement-topLeft {\n  animation-name: SlideDownIn;\n  animation-play-state: running;\n}\n.rc-cascader-menus.slide-up-leave.slide-up-leave-active, .rc-cascader-menus-placement-bottomLeft {\n  animation-name: SlideUpOut;\n  animation-play-state: running;\n}\n.rc-cascader-menus.slide-up-leave.slide-up-leave-active, .rc-cascader-menus-placement-topLeft {\n  animation-name: SlideDownOut;\n  animation-play-state: running;\n}\n.rc-cascader-menu {\n  display: inline-block;\n  min-width: 100px;\n  height: 192px;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  border-right: 1px solid #e9e9e9;\n  overflow: auto;\n}\n.rc-cascader-menu:last-child {\n  border-right: 0;\n}\n.rc-cascader-menu-item {\n  height: 32px;\n  line-height: 32px;\n  padding: 0 16px;\n  cursor: pointer;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  transition: all 0.3s ease;\n  position: relative;\n}\n.rc-cascader-menu-item:hover {\n  background: rgba(171, 176, 185, 0.231372549);\n}\n.rc-cascader-menu-item-disabled {\n  cursor: not-allowed;\n  color: #ccc;\n}\n.rc-cascader-menu-item-disabled:hover {\n  background: transparent;\n}\n.rc-cascader-menu-item-active {\n  color: #3666d6;\n}\n.rc-cascader-menu-item-loading-icon {\n  display: flex;\n  align-items: center;\n  margin-left: 10px;\n}\n.rc-cascader-menu-item-expand {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.rc-cascader-menu-item-expand-icon {\n  font-size: 12px;\n  margin-left: 10px;\n}\n.rc-cascader-menu-item-expand-icon SVG {\n  display: flex;\n  align-items: center;\n}\n.rc-cascader-menu-item-expand-icon SVG path {\n  fill: #999;\n}\n\n@keyframes SlideUpIn {\n  0% {\n    opacity: 0;\n    transform-origin: 0% 0%;\n    transform: scaleY(0.8);\n  }\n  100% {\n    opacity: 1;\n    transform-origin: 0% 0%;\n    transform: scaleY(1);\n  }\n}\n@keyframes SlideUpOut {\n  0% {\n    opacity: 1;\n    transform-origin: 0% 0%;\n    transform: scaleY(1);\n  }\n  100% {\n    opacity: 0;\n    transform-origin: 0% 0%;\n    transform: scaleY(0.8);\n  }\n}\n@keyframes SlideDownIn {\n  0% {\n    opacity: 0;\n    transform-origin: 0% 100%;\n    transform: scaleY(0.8);\n  }\n  100% {\n    opacity: 1;\n    transform-origin: 0% 100%;\n    transform: scaleY(1);\n  }\n}\n@keyframes SlideDownOut {\n  0% {\n    opacity: 1;\n    transform-origin: 0% 100%;\n    transform: scaleY(1);\n  }\n  100% {\n    opacity: 0;\n    transform-origin: 0% 100%;\n    transform: scaleY(0.8);\n  }\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-cascader input {\n  color: #333;\n  width: 560px;\n  padding: 6px 12px;\n  overflow: hidden;\n  box-sizing: border-box;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  border-radius: 4px;\n  border: 1px solid #d9d9d9;\n}\n.paraui-v3-cascader button {\n  background: transparent;\n  border: none;\n}\n\n.paraui-v3-cascader.component-cascader-dropdown-hidden {\n  display: none;\n}\n.paraui-v3-cascader .component-cascader-menus {\n  font-size: 12px;\n  overflow: hidden;\n  background: #fff;\n  position: absolute;\n  border: 1px solid #d9d9d9;\n  border-radius: 4px;\n  box-shadow: 0 0 4px rgba(0, 0, 0, 0.17);\n  white-space: nowrap;\n}\n.paraui-v3-cascader .component-cascader-menus.slide-up-enter, .paraui-v3-cascader .component-cascader-menus.slide-up-appear {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  transform-origin: 0 0;\n  opacity: 0;\n  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n  animation-play-state: paused;\n}\n.paraui-v3-cascader .component-cascader-menus.slide-up-leave {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  transform-origin: 0 0;\n  opacity: 1;\n  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);\n  animation-play-state: paused;\n}\n.paraui-v3-cascader .component-cascader-menus.slide-up-enter.slide-up-enter-active, .paraui-v3-cascader .component-cascader-menus-placement-bottomLeft, .paraui-v3-cascader .component-cascader-menus.slide-up-appear.slide-up-appear-active, .paraui-v3-cascader .component-cascader-menus-placement-bottomLeft {\n  animation-name: SlideUpIn;\n  animation-play-state: running;\n}\n.paraui-v3-cascader .component-cascader-menus.slide-up-enter.slide-up-enter-active, .paraui-v3-cascader .component-cascader-menus-placement-topLeft, .paraui-v3-cascader .component-cascader-menus.slide-up-appear.slide-up-appear-active, .paraui-v3-cascader .component-cascader-menus-placement-topLeft {\n  animation-name: SlideDownIn;\n  animation-play-state: running;\n}\n.paraui-v3-cascader .component-cascader-menus.slide-up-leave.slide-up-leave-active, .paraui-v3-cascader .component-cascader-menus-placement-bottomLeft {\n  animation-name: SlideUpOut;\n  animation-play-state: running;\n}\n.paraui-v3-cascader .component-cascader-menus.slide-up-leave.slide-up-leave-active, .paraui-v3-cascader .component-cascader-menus-placement-topLeft {\n  animation-name: SlideDownOut;\n  animation-play-state: running;\n}\n.paraui-v3-cascader .component-cascader-menu {\n  display: inline-block;\n  min-width: 100px;\n  height: 192px;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  border-right: 1px solid #e9e9e9;\n  overflow: auto;\n}\n.paraui-v3-cascader .component-cascader-menu:last-child {\n  border-right: 0;\n}\n.paraui-v3-cascader .component-cascader-menu-item {\n  height: 32px;\n  line-height: 32px;\n  padding: 0 16px;\n  cursor: pointer;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  transition: all 0.3s ease;\n  position: relative;\n}\n.paraui-v3-cascader .component-cascader-menu-item:hover {\n  background: rgba(171, 176, 185, 0.231372549);\n}\n.paraui-v3-cascader .component-cascader-menu-item-disabled {\n  cursor: not-allowed;\n  color: #ccc;\n}\n.paraui-v3-cascader .component-cascader-menu-item-disabled:hover {\n  background: transparent;\n}\n.paraui-v3-cascader .component-cascader-menu-item-active {\n  color: #3666d6;\n}\n.paraui-v3-cascader .component-cascader-menu-item-loading-icon {\n  display: flex;\n  align-items: center;\n  margin-left: 10px;\n}\n.paraui-v3-cascader .component-cascader-menu-item-expand {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.paraui-v3-cascader .component-cascader-menu-item-expand-icon {\n  font-size: 12px;\n  margin-left: 10px;\n}\n.paraui-v3-cascader .component-cascader-menu-item-expand-icon SVG {\n  display: flex;\n  align-items: center;\n}\n.paraui-v3-cascader .component-cascader-menu-item-expand-icon SVG path {\n  fill: #999;\n}\n\n@keyframes SlideUpIn {\n  0% {\n    opacity: 0;\n    transform-origin: 0% 0%;\n    transform: scaleY(0.8);\n  }\n  100% {\n    opacity: 1;\n    transform-origin: 0% 0%;\n    transform: scaleY(1);\n  }\n}\n@keyframes SlideUpOut {\n  0% {\n    opacity: 1;\n    transform-origin: 0% 0%;\n    transform: scaleY(1);\n  }\n  100% {\n    opacity: 0;\n    transform-origin: 0% 0%;\n    transform: scaleY(0.8);\n  }\n}\n@keyframes SlideDownIn {\n  0% {\n    opacity: 0;\n    transform-origin: 0% 100%;\n    transform: scaleY(0.8);\n  }\n  100% {\n    opacity: 1;\n    transform-origin: 0% 100%;\n    transform: scaleY(1);\n  }\n}\n@keyframes SlideDownOut {\n  0% {\n    opacity: 1;\n    transform-origin: 0% 100%;\n    transform: scaleY(1);\n  }\n  100% {\n    opacity: 0;\n    transform-origin: 0% 100%;\n    transform: scaleY(0.8);\n  }\n}";
 styleInject(css_248z);
 
 var Cascader = function Cascader(_ref) {
@@ -65,7 +66,8 @@ var Cascader = function Cascader(_ref) {
     }));
   } : _ref$loadData,
       _ref$loadingIcon = _ref.loadingIcon,
-      loadingIcon = _ref$loadingIcon === void 0 ? jsx(LoadingIcon, {}) : _ref$loadingIcon;
+      loadingIcon = _ref$loadingIcon === void 0 ? jsx(LoadingIcon, {}) : _ref$loadingIcon,
+      children = _ref.children;
   var intl = useFormatMessage('Cascader', localeJson);
 
   var _useState = useState(data),
@@ -113,7 +115,7 @@ var Cascader = function Cascader(_ref) {
   };
 
   return jsx("div", Object.assign({
-    className: "cascader"
+    className: $prefixCls + '-cascader'
   }, {
     children: jsx(RcCascader, Object.assign({
       options: option,
@@ -125,9 +127,15 @@ var Cascader = function Cascader(_ref) {
       loadData: loadingData,
       loadingIcon: loadingIcon,
       onDropdownVisibleChange: onDropdownVisibleChange,
-      value: inputValue
+      value: inputValue,
+      prefixCls: $rcPrefixCls + '-cascader',
+      dropdownClassName: $prefixCls + '-cascader'
     }, {
-      children: jsx("input", {
+      children: children ? jsx("button", Object.assign({
+        disabled: disabled
+      }, {
+        children: children
+      })) : jsx("input", {
         value: inputLabel,
         readOnly: true,
         disabled: disabled,

package/Checkbox/index.js

@@ -2,6 +2,7 @@ import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 import Label from '../Label/index.js';
+import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../Help/index.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
@@ -11,7 +12,7 @@ import 'rc-tooltip/lib/placements';
 import 'clsx';
 import '@para-ui/icons/Help';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-check-box {\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-check-box:hover > .paraui-check-box-label {\n  color: rgba(54, 102, 214, 0.8);\n  cursor: pointer;\n}\n.paraui-check-box:hover > .paraui-check-box-label svg {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-check-box:hover > .paraui-help {\n  padding: 0 8px;\n}\n.paraui-check-box:hover > .paraui-help > .paraui-check-box-label {\n  color: rgba(54, 102, 214, 0.8);\n  cursor: pointer;\n}\n.paraui-check-box:hover > .paraui-help > .paraui-check-box-label svg {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-check-box:hover > .paraui-checkbox-box > .paraui-checkbox-box-inner {\n  border-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-check-box > .paraui-checkbox-box {\n  position: relative;\n}\n.paraui-check-box > .paraui-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-check-box > .paraui-checkbox-box > .paraui-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 rgba(171, 176, 185, 0.4);\n}\n.paraui-check-box > .paraui-checkbox-box > .paraui-checkbox-box-inner:after {\n  position: absolute;\n  display: table;\n  content: \" \";\n}\n.paraui-check-box > .paraui-check-box-label {\n  color: rgb(46, 55, 67);\n  padding: 0 8px;\n  margin: 0;\n  display: inline-flex;\n  align-items: flex-start;\n}\n.paraui-check-box > .paraui-check-box-label > .paraui-help > svg {\n  top: 0;\n}\n.paraui-check-box .paraui-label {\n  line-height: 16px;\n}\n.paraui-check-box > .paraui-help {\n  padding: 0 8px;\n}\n.paraui-check-box > .paraui-help > .paraui-check-box-label {\n  color: rgb(46, 55, 67);\n  margin: 0;\n  display: inline-flex;\n  align-items: center;\n}\n.paraui-check-box.check-box-checked:hover > .paraui-checkbox-box > .paraui-checkbox-box-inner {\n  background-color: rgba(54, 102, 214, 0.8);\n  border-color: transparent;\n}\n.paraui-check-box.check-box-checked > .paraui-checkbox-box > .paraui-checkbox-box-inner {\n  background-color: rgb(54, 102, 214);\n}\n.paraui-check-box.check-box-checked > .paraui-checkbox-box > .paraui-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-check-box.check-box-indeterminate:hover > .paraui-checkbox-box > .paraui-checkbox-box-inner {\n  background-color: rgba(54, 102, 214, 0.8);\n  border-color: transparent;\n}\n.paraui-check-box.check-box-indeterminate > .paraui-checkbox-box > .paraui-checkbox-box-inner {\n  background-color: rgb(54, 102, 214);\n}\n.paraui-check-box.check-box-indeterminate > .paraui-checkbox-box > .paraui-checkbox-box-inner:after {\n  background-color: white;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) scale(1);\n}\n.paraui-check-box.check-box-disabled {\n  cursor: not-allowed;\n}\n.paraui-check-box.check-box-disabled > .paraui-check-box-label {\n  color: rgba(46, 55, 67, 0.4);\n  cursor: not-allowed;\n}\n.paraui-check-box.check-box-disabled > .paraui-check-box-label svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-check-box.check-box-disabled > .paraui-help > .paraui-check-box-label {\n  color: rgba(46, 55, 67, 0.4);\n  cursor: not-allowed;\n}\n.paraui-check-box.check-box-disabled > .paraui-help > .paraui-check-box-label svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-check-box.check-box-disabled > .paraui-checkbox-box > input {\n  cursor: not-allowed;\n}\n.paraui-check-box.check-box-disabled > .paraui-checkbox-box > .paraui-checkbox-box-inner {\n  background-color: rgba(171, 176, 185, 0.12);\n  border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-check-box.check-box-disabled.check-box-checked:hover > .paraui-checkbox-box > .paraui-checkbox-box-inner {\n  background-color: rgba(171, 176, 185, 0.12);\n  border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-check-box.check-box-disabled.check-box-checked > .paraui-checkbox-box > .paraui-checkbox-box-inner:after {\n  border-color: rgba(46, 55, 67, 0.4);\n}\n.paraui-check-box.check-box-disabled.check-box-indeterminate:hover > .paraui-checkbox-box > .paraui-checkbox-box-inner {\n  background-color: rgba(171, 176, 185, 0.12);\n  border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-check-box.check-box-disabled.check-box-indeterminate > .paraui-checkbox-box > .paraui-checkbox-box-inner:after {\n  background-color: rgba(46, 55, 67, 0.4);\n}\n.paraui-check-box.check-box-small > .paraui-checkbox-box {\n  top: 1px;\n}\n.paraui-check-box.check-box-small > .paraui-checkbox-box > .paraui-checkbox-box-inner {\n  width: 14px;\n  height: 14px;\n}\n.paraui-check-box.check-box-small.check-box-checked > .paraui-checkbox-box > .paraui-checkbox-box-inner:after {\n  top: 45%;\n  left: 21%;\n  width: 4px;\n  height: 7px;\n}\n.paraui-check-box.check-box-small.check-box-indeterminate > .paraui-checkbox-box > .paraui-checkbox-box-inner:after {\n  width: 8px;\n  height: 1px;\n}\n.paraui-check-box.check-box-medium > .paraui-checkbox-box > .paraui-checkbox-box-inner {\n  width: 16px;\n  height: 16px;\n}\n.paraui-check-box.check-box-medium.check-box-checked > .paraui-checkbox-box > .paraui-checkbox-box-inner:after {\n  top: 45%;\n  left: 21%;\n  width: 5px;\n  height: 8px;\n}\n.paraui-check-box.check-box-medium.check-box-indeterminate > .paraui-checkbox-box > .paraui-checkbox-box-inner:after {\n  width: 8px;\n  height: 1px;\n}\n.paraui-check-box.check-box-large > .paraui-checkbox-box > .paraui-checkbox-box-inner {\n  width: 16px;\n  height: 16px;\n}\n.paraui-check-box.check-box-large.check-box-checked > .paraui-checkbox-box > .paraui-checkbox-box-inner:after {\n  top: 45%;\n  left: 21%;\n  width: 5px;\n  height: 8px;\n}\n.paraui-check-box.check-box-large.check-box-indeterminate > .paraui-checkbox-box > .paraui-checkbox-box-inner:after {\n  width: 8px;\n  height: 1px;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-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: flex-start;\n  line-height: 16px;\n}\n.paraui-v3-checkbox:hover > .checkbox-label {\n  color: rgba(54, 102, 214, 0.8);\n  cursor: pointer;\n}\n.paraui-v3-checkbox:hover > .checkbox-label svg {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-checkbox:hover > .checkbox-help {\n  padding: 0 8px;\n}\n.paraui-v3-checkbox:hover > .checkbox-help > .checkbox-label {\n  color: rgba(54, 102, 214, 0.8);\n  cursor: pointer;\n}\n.paraui-v3-checkbox:hover > .checkbox-help > .checkbox-label svg {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-checkbox:hover > .checkbox-box > .checkbox-box-inner {\n  border-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-checkbox > .checkbox-box {\n  position: relative;\n}\n.paraui-v3-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-v3-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 rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-checkbox > .checkbox-box > .checkbox-box-inner:after {\n  position: absolute;\n  display: table;\n  content: \" \";\n}\n.paraui-v3-checkbox > .checkbox-label {\n  color: rgb(46, 55, 67);\n  padding: 0 8px;\n  margin: 0;\n  display: inline-flex;\n  align-items: flex-start;\n}\n.paraui-v3-checkbox > .checkbox-label > .checkbox-help > svg {\n  top: 0;\n}\n.paraui-v3-checkbox .checkbox-label {\n  line-height: 16px;\n}\n.paraui-v3-checkbox > .checkbox-help {\n  padding: 0 8px;\n  position: relative;\n  top: -1px;\n}\n.paraui-v3-checkbox > .checkbox-help > .checkbox-label {\n  color: rgb(46, 55, 67);\n  margin: 0;\n  display: inline-flex;\n  align-items: center;\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-checked:hover > .checkbox-box > .checkbox-box-inner {\n  background-color: rgba(54, 102, 214, 0.8);\n  border-color: transparent;\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-checked > .checkbox-box > .checkbox-box-inner {\n  background-color: rgb(54, 102, 214);\n}\n.paraui-v3-checkbox.paraui-v3-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-v3-checkbox.paraui-v3-checkbox-indeterminate:hover > .checkbox-box > .checkbox-box-inner {\n  background-color: rgba(54, 102, 214, 0.8);\n  border-color: transparent;\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-indeterminate > .checkbox-box > .checkbox-box-inner {\n  background-color: rgb(54, 102, 214);\n}\n.paraui-v3-checkbox.paraui-v3-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-v3-checkbox.paraui-v3-checkbox-disabled {\n  cursor: not-allowed;\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-disabled > .checkbox-label {\n  color: rgba(46, 55, 67, 0.4);\n  cursor: not-allowed;\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-disabled > .checkbox-label svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-disabled > .checkbox-help > .checkbox-label {\n  color: rgba(46, 55, 67, 0.4);\n  cursor: not-allowed;\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-disabled > .checkbox-help > .checkbox-label svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-disabled > .checkbox-box > input {\n  cursor: not-allowed;\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-disabled > .checkbox-box > .checkbox-box-inner {\n  background-color: rgba(171, 176, 185, 0.12);\n  border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-disabled.paraui-v3-checkbox-checked:hover > .checkbox-box > .checkbox-box-inner {\n  background-color: rgba(171, 176, 185, 0.12);\n  border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-disabled.paraui-v3-checkbox-checked > .checkbox-box > .checkbox-box-inner:after {\n  border-color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-disabled.paraui-v3-checkbox-indeterminate:hover > .checkbox-box > .checkbox-box-inner {\n  background-color: rgba(171, 176, 185, 0.12);\n  border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-disabled.paraui-v3-checkbox-indeterminate > .checkbox-box > .checkbox-box-inner:after {\n  background-color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-small > .checkbox-box {\n  top: 1px;\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-small > .checkbox-box > .checkbox-box-inner {\n  width: 14px;\n  height: 14px;\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-small.paraui-v3-checkbox-checked > .checkbox-box > .checkbox-box-inner:after {\n  top: 45%;\n  left: 21%;\n  width: 4px;\n  height: 7px;\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-small.paraui-v3-checkbox-indeterminate > .checkbox-box > .checkbox-box-inner:after {\n  width: 8px;\n  height: 1px;\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-medium > .checkbox-box > .checkbox-box-inner {\n  width: 16px;\n  height: 16px;\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-medium.paraui-v3-checkbox-checked > .checkbox-box > .checkbox-box-inner:after {\n  top: 45%;\n  left: 21%;\n  width: 5px;\n  height: 8px;\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-medium.paraui-v3-checkbox-indeterminate > .checkbox-box > .checkbox-box-inner:after {\n  width: 8px;\n  height: 1px;\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-large > .checkbox-box > .checkbox-box-inner {\n  width: 16px;\n  height: 16px;\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-large.paraui-v3-checkbox-checked > .checkbox-box > .checkbox-box-inner:after {\n  top: 45%;\n  left: 21%;\n  width: 5px;\n  height: 8px;\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-large.paraui-v3-checkbox-indeterminate > .checkbox-box > .checkbox-box-inner:after {\n  width: 8px;\n  height: 1px;\n}";
 styleInject(css_248z);
 
 var Checkbox = function Checkbox(props) {
@@ -62,16 +63,21 @@ var Checkbox = function Checkbox(props) {
 
 
   var handClass = function handClass() {
-    var str = 'paraui-check-box';
+    var str = $prefixCls + '-checkbox';
     if (className) str += ' ' + className;
-    if (size) str += ' check-box-' + size;
-    if (disabled) str += ' check-box-disabled';
-    if (indeterminate) str += ' check-box-indeterminate';else if (checkedCom) str += ' check-box-checked';
+    if (size) str += " ".concat($prefixCls, "-checkbox-").concat(size);
+    if (disabled) str += " ".concat($prefixCls, "-checkbox-disabled");
+    if (indeterminate) str += " ".concat($prefixCls, "-checkbox-indeterminate");else if (checkedCom) str += " ".concat($prefixCls, "-checkbox-checked");
+
+    if (labelTooltip && labelTooltip.tooltipType) {
+      str += " ".concat($prefixCls, "-checkbox-").concat(labelTooltip.tooltipType);
+    }
+
     return str;
   };
 
   var handLabelClass = function handLabelClass() {
-    var str = 'paraui-check-box-label';
+    var str = 'checkbox-label';
 
     if (labelTooltip && labelTooltip.className) {
       str += ' ' + labelTooltip.className;
@@ -79,6 +85,18 @@ var Checkbox = function Checkbox(props) {
 
     return str;
   };
+  /** 处理帮组classNaem */
+
+
+  var handHelpClassName = function handHelpClassName() {
+    var str = ' checkbox-help';
+
+    if (labelTooltip && labelTooltip.helpClassName) {
+      str += ' ' + labelTooltip.helpClassName;
+    }
+
+    return str;
+  };
 
   return jsxs("label", Object.assign({
     className: handClass(),
@@ -86,17 +104,18 @@ var Checkbox = function Checkbox(props) {
     style: style
   }, {
     children: [jsxs("span", Object.assign({
-      className: "paraui-checkbox-box"
+      className: "checkbox-box"
     }, {
       children: [jsx("input", Object.assign({
         type: "checkbox",
         value: checkedCom
       }, props.inputProps)), jsx("span", {
-        className: "paraui-checkbox-box-inner"
+        className: "checkbox-box-inner"
       })]
     })), label !== undefined && label !== '' && label !== null ? jsx(Label, Object.assign({
       label: label
     }, labelTooltip, {
+      helpClassName: handHelpClassName(),
       className: handLabelClass()
     })) : null]
   }));

package/CheckboxGroup/index.d.ts

@@ -6,11 +6,12 @@
 import React, { FunctionComponent, ReactNode } from 'react';
 import { CheckboxProps } from '../Checkbox';
 import { LabelTooltipProps } from "../Label";
+import { HelperTextDetailProps } from "../HelperText";
 import './index.scss';
 export interface CheckboxListProps extends CheckboxProps {
     [name: string]: any;
 }
-export interface CheckboxGroupProps {
+export interface CheckboxGroupProps extends HelperTextDetailProps {
     /** 样式class */
     className?: string;
     /** style */
@@ -27,10 +28,6 @@ export interface CheckboxGroupProps {
     row?: boolean;
     /** 是否禁用 */
     disabled?: boolean;
-    /** 是否显示错误 */
-    error?: boolean;
-    /** 错误提示 */
-    helperText?: ReactNode;
     /** 默认值 不受控 */
     defaultValue?: any;
     /** 值 */

package/CheckboxGroup/index.js

@@ -5,6 +5,7 @@ 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-bf34e6fa.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../Help/index.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
@@ -14,7 +15,7 @@ import 'rc-tooltip/lib/placements';
 import 'clsx';
 import '@para-ui/icons/Help';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-check-box-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-check-box-group > .check-box-group-content {\n  line-height: 0;\n}\n.paraui-check-box-group.check-box-group-column > .check-box-group-content {\n  display: flex;\n  flex-direction: column;\n}\n.paraui-check-box-group.check-box-group-column > .check-box-group-content > .paraui-check-box {\n  margin-bottom: 8px;\n}\n.paraui-check-box-group.check-box-group-column > .check-box-group-content > .paraui-check-box:last-child {\n  margin-bottom: 0;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-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-v3-checkbox-group > .checkbox-group-label {\n  margin-bottom: 4px;\n}\n.paraui-v3-checkbox-group > .checkbox-group-content {\n  line-height: 0;\n}\n.paraui-v3-checkbox-group > .checkbox-group-content > .paraui-v3-checkbox {\n  margin-top: 8px;\n  margin-bottom: 4px;\n}\n.paraui-v3-checkbox-group.paraui-v3-checkbox-group-column > .checkbox-group-content {\n  display: flex;\n  flex-direction: column;\n}";
 styleInject(css_248z);
 
 var CheckboxGroup = function CheckboxGroup(props) {
@@ -31,6 +32,7 @@ var CheckboxGroup = function CheckboxGroup(props) {
       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,
@@ -80,7 +82,7 @@ var CheckboxGroup = function CheckboxGroup(props) {
   var handLabel = function handLabel() {
     if (label || required) {
       var handLabelClass = function handLabelClass() {
-        var str = 'check-box-group-label';
+        var str = 'checkbox-group-label';
 
         if (labelTooltip && labelTooltip.className) {
           str += ' ' + labelTooltip.className;
@@ -102,12 +104,12 @@ var CheckboxGroup = function CheckboxGroup(props) {
 
 
   var handClass = function handClass() {
-    var str = 'paraui-check-box-group';
+    var str = $prefixCls + '-checkbox-group';
     if (className) str += ' ' + className;
-    if (size) str += ' check-box-group-' + size;
-    if (error) str += ' check-box-group-error';
-    if (disabled) str += ' check-box-group-disabled';
-    if (row) str += ' check-box-group-row';else str += ' check-box-group-column';
+    if (size) str += " ".concat($prefixCls, "-checkbox-group-").concat(size);
+    if (error) str += " ".concat($prefixCls, "-checkbox-group-error");
+    if (disabled) str += " ".concat($prefixCls, "-checkbox-group-disabled");
+    if (row) str += " ".concat($prefixCls, "-checkbox-group-row");else str += " ".concat($prefixCls, "-checkbox-group-column");
     return str;
   };
 
@@ -116,7 +118,7 @@ var CheckboxGroup = function CheckboxGroup(props) {
     style: style
   }, {
     children: [handLabel(), jsx("div", Object.assign({
-      className: "check-box-group-content"
+      className: "checkbox-group-content"
     }, {
       children: list.map(function (item, index) {
         return /*#__PURE__*/createElement(Checkbox, Object.assign({}, item, {
@@ -128,9 +130,10 @@ var CheckboxGroup = function CheckboxGroup(props) {
         }));
       })
     })), jsx(HelperText, {
-      className: "check-box-group-error-text",
+      className: "checkbox-group-error-text",
       error: error,
-      helperText: helperText
+      helperText: helperText,
+      hideErrorDom: hideErrorDom
     })]
   }));
 };

package/Collapse/index.js

@@ -1,5 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import RcCollapse from 'rc-collapse';
+import { a as $rcPrefixCls, $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import * as React from 'react';
 import Right from '@para-ui/icons/Right';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
@@ -14,13 +15,13 @@ var CollapsePanelProps = function CollapsePanelProps(props) {
   var handClass = function handClass() {
     var str = '';
     if (className) str += className;
-    if (!showArrow) str += ' paraui-collapse-panel-no-arrow';
+    if (!showArrow) str += ' collapse-panel-no-arrow';
     return str;
   };
 
   return jsx(RcCollapse.Panel, Object.assign({}, props, {
     className: handClass(),
-    prefixCls: 'paraui-collapse'
+    prefixCls: $rcPrefixCls + '-collapse'
   }));
 };
 
@@ -82,7 +83,7 @@ var skipOpacityTransition = function skipOpacityTransition(_, event) {
 };
 
 var collapseMotion = {
-  motionName: 'paraui-collapse-motion-collapse',
+  motionName: 'collapse-motion-collapse',
   onAppearStart: getCollapsedHeight,
   onEnterStart: getCollapsedHeight,
   onAppearActive: getRealHeight,
@@ -95,7 +96,7 @@ var collapseMotion = {
   motionDeadline: 500
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-collapse {\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  background-color: white;\n  border-bottom: 1px solid rgba(171, 176, 185, 0.4);\n}\n.paraui-collapse .paraui-collapse-motion-collapse {\n  overflow: hidden;\n  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;\n}\n.paraui-collapse > .paraui-collapse-item {\n  border-top: 1px solid rgba(171, 176, 185, 0.4);\n}\n.paraui-collapse > .paraui-collapse-item > .paraui-collapse-header {\n  display: flex;\n  align-items: center;\n  padding: 16px;\n  color: rgb(46, 55, 67);\n  cursor: pointer;\n  font-weight: 700;\n}\n.paraui-collapse > .paraui-collapse-item > .paraui-collapse-header > .paraui-collapse-svg-box {\n  line-height: 0;\n  margin-right: 16px;\n}\n.paraui-collapse > .paraui-collapse-item > .paraui-collapse-header > .paraui-collapse-svg-box svg {\n  color: rgb(46, 55, 67);\n}\n.paraui-collapse > .paraui-collapse-item > .paraui-collapse-header > .paraui-collapse-svg-box .paraui-collapse-expand-svg {\n  transition: all 0.3s, visibility 0s;\n  color: rgb(46, 55, 67);\n}\n.paraui-collapse > .paraui-collapse-item > .paraui-collapse-header > .paraui-collapse-extra {\n  line-height: 0;\n  margin-left: auto;\n}\n.paraui-collapse > .paraui-collapse-item > .paraui-collapse-header > .paraui-collapse-extra svg {\n  color: rgb(46, 55, 67);\n}\n.paraui-collapse > .paraui-collapse-item > .paraui-collapse-content.paraui-collapse-content-hidden {\n  display: none;\n}\n.paraui-collapse > .paraui-collapse-item > .paraui-collapse-content > .paraui-collapse-content-box {\n  padding: 0 16px 16px;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n}\n.paraui-collapse > .paraui-collapse-item.paraui-collapse-item-active > .paraui-collapse-header > .paraui-collapse-svg-box .paraui-collapse-expand-svg {\n  transform: rotate(90deg);\n}\n.paraui-collapse.paraui-collapse-svg-right > .paraui-collapse-item > .paraui-collapse-header {\n  padding-right: 40px;\n  position: relative;\n}\n.paraui-collapse.paraui-collapse-svg-right > .paraui-collapse-item > .paraui-collapse-header > .paraui-collapse-svg-box {\n  position: absolute;\n  right: 12px;\n  top: 17px;\n  margin-right: 0;\n}\n.paraui-collapse > .paraui-collapse-item-disabled > .paraui-collapse-header {\n  color: rgb(46, 55, 67);\n  cursor: not-allowed;\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-collapse > .paraui-collapse-item-disabled > .paraui-collapse-header > .paraui-collapse-svg-box svg {\n  color: rgb(46, 55, 67);\n}\n.paraui-collapse > .paraui-collapse-item-disabled > .paraui-collapse-header > .paraui-collapse-svg-box .paraui-collapse-expand-svg {\n  color: rgb(46, 55, 67);\n}\n.paraui-collapse > .paraui-collapse-item-disabled > .paraui-collapse-header > .paraui-collapse-extra svg {\n  color: rgb(46, 55, 67);\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-collapse {\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  background-color: white;\n  border-bottom: 1px solid rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-collapse .collapse-motion-collapse {\n  overflow: hidden;\n  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;\n}\n.paraui-v3-collapse > .component-collapse-item {\n  border-top: 1px solid rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-collapse > .component-collapse-item > .component-collapse-header {\n  display: flex;\n  align-items: center;\n  padding: 16px;\n  color: rgb(46, 55, 67);\n  cursor: pointer;\n  font-weight: 700;\n}\n.paraui-v3-collapse > .component-collapse-item > .component-collapse-header > .collapse-svg-box {\n  line-height: 0;\n  margin-right: 16px;\n}\n.paraui-v3-collapse > .component-collapse-item > .component-collapse-header > .collapse-svg-box svg {\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-collapse > .component-collapse-item > .component-collapse-header > .collapse-svg-box .collapse-expand-svg {\n  transition: all 0.3s, visibility 0s;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-collapse > .component-collapse-item > .component-collapse-header > .component-collapse-extra {\n  line-height: 0;\n  margin-left: auto;\n}\n.paraui-v3-collapse > .component-collapse-item > .component-collapse-header > .component-collapse-extra svg {\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-collapse > .component-collapse-item > .component-collapse-content.collapse-content-hidden {\n  display: none;\n}\n.paraui-v3-collapse > .component-collapse-item > .component-collapse-content > .component-collapse-content-box {\n  padding: 0 16px 16px;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n}\n.paraui-v3-collapse > .component-collapse-item.component-collapse-item-active > .component-collapse-header > .collapse-svg-box .collapse-expand-svg {\n  transform: rotate(90deg);\n}\n.paraui-v3-collapse.paraui-v3-collapse-svg-right > .component-collapse-item > .component-collapse-header {\n  padding-right: 40px;\n  position: relative;\n}\n.paraui-v3-collapse.paraui-v3-collapse-svg-right > .component-collapse-item > .component-collapse-header > .collapse-svg-box {\n  position: absolute;\n  right: 12px;\n  top: 17px;\n  margin-right: 0;\n}\n.paraui-v3-collapse > .component-collapse-item-disabled > .component-collapse-header {\n  color: rgb(46, 55, 67);\n  cursor: not-allowed;\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-collapse > .component-collapse-item-disabled > .component-collapse-header > .collapse-svg-box svg {\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-collapse > .component-collapse-item-disabled > .component-collapse-header > .collapse-svg-box .collapse-expand-svg {\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-collapse > .component-collapse-item-disabled > .component-collapse-header > .component-collapse-extra svg {\n  color: rgb(46, 55, 67);\n}";
 styleInject(css_248z);
 
 var Collapse = function Collapse(props) {
@@ -132,10 +133,10 @@ var Collapse = function Collapse(props) {
     var panelProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     var expandIcon = props.expandIcon;
     var icon = expandIcon ? expandIcon(panelProps) : jsx(Right, {
-      className: "paraui-collapse-expand-svg"
+      className: "collapse-expand-svg"
     });
     return jsx("div", Object.assign({
-      className: "paraui-collapse-svg-box"
+      className: "collapse-svg-box"
     }, {
       children: icon
     }));
@@ -144,9 +145,9 @@ var Collapse = function Collapse(props) {
 
 
   var handClass = function handClass() {
-    var str = '';
+    var str = $prefixCls + '-collapse';
     if (className) str += className;
-    if (expandIconPosition) str += ' paraui-collapse-svg-' + expandIconPosition;
+    if (expandIconPosition) str += " ".concat($prefixCls, "-collapse-svg-").concat(expandIconPosition);
     return str;
   };
   /** 处理过度动画 */
@@ -154,13 +155,13 @@ var Collapse = function Collapse(props) {
 
   var openMotion = Object.assign(Object.assign({}, collapseMotion), {
     motionAppear: false,
-    leavedClassName: "paraui-collapse-content-hidden"
+    leavedClassName: "collapse-content-hidden"
   });
   return jsx(RcCollapse, Object.assign({
     openMotion: openMotion
   }, props, {
     expandIcon: renderExpandIcon,
-    prefixCls: 'paraui-collapse',
+    prefixCls: $rcPrefixCls + '-collapse',
     className: handClass()
   }, {
     children: getItems()

package/CollapseBox/index.js

@@ -1,6 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { useRef, useEffect } from 'react';
 import { Transition } from 'react-transition-group';
+import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 
 function getTransitionProps(props, options) {
@@ -21,7 +22,7 @@ function getAutoHeightDuration(height) {
   return Math.round((4 + 15 * Math.pow(constant, 0.25) + constant / 5) * 10);
 }
 
-var css_248z = ".paraui-collapse-box {\n  transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  width: 100%;\n  overflow: hidden;\n  height: 0;\n}\n.paraui-collapse-box > .paraui-collapse-box-wrapper {\n  display: flex;\n  width: 100%;\n}\n.paraui-collapse-box > .paraui-collapse-box-wrapper > .paraui-collapse-box-wrapper-inner {\n  width: 100%;\n}\n.paraui-collapse-box.paraui-collapse-box-entered {\n  overflow: visible;\n}\n.paraui-collapse-box.paraui-collapse-box-hidden {\n  visibility: hidden;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-collapse-box {\n  transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  width: 100%;\n  overflow: hidden;\n  height: 0;\n}\n.paraui-v3-collapse-box > .collapse-box-wrapper {\n  display: flex;\n  width: 100%;\n}\n.paraui-v3-collapse-box > .collapse-box-wrapper > .collapse-box-wrapper-inner {\n  width: 100%;\n}\n.paraui-v3-collapse-box.paraui-v3-collapse-box-entered {\n  overflow: visible;\n}\n.paraui-v3-collapse-box.paraui-v3-collapse-box-hidden {\n  visibility: hidden;\n}";
 styleInject(css_248z);
 
 var CollapseBox = function CollapseBox(props) {
@@ -119,10 +120,10 @@ var CollapseBox = function CollapseBox(props) {
 
 
   var handClass = function handClass(state) {
-    var str = 'paraui-collapse-box';
+    var str = $prefixCls + '-collapse-box';
     if (className) str += ' ' + className;
-    if (state === 'entered') str += ' paraui-collapse-box-entered';
-    if (state === 'exited' && !inProp && collapsedHeight === '0px') str += ' paraui-collapse-box-hidden';
+    if (state === 'entered') str += " ".concat($prefixCls, "-collapse-box-entered");
+    if (state === 'exited' && !inProp && collapsedHeight === '0px') str += " ".concat($prefixCls, "-collapse-box-hidden");
     return str;
   };
 
@@ -147,11 +148,11 @@ var CollapseBox = function CollapseBox(props) {
         ref: nodeRef
       }, childProps, {
         children: jsx("div", Object.assign({
-          className: 'paraui-collapse-box-wrapper',
+          className: 'collapse-box-wrapper',
           ref: wrapperRef
         }, {
           children: jsx("div", Object.assign({
-            className: 'paraui-collapse-box-wrapper-inner'
+            className: 'collapse-box-wrapper-inner'
           }, {
             children: _children
           }))