@para-ui/core 3.0.0 → 3.0.2

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
           }))