@para-ui/core 3.0.28 → 3.0.30

package/TimePicker/index.d.ts

@@ -14,7 +14,7 @@ export interface TimePickerProps extends Omit<PickerTimeProps<Dayjs>, 'picker'>
     popupClassName?: string;
 }
 declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<any>>;
-declare type MergedTimePicker = typeof TimePicker & {
+type MergedTimePicker = typeof TimePicker & {
     TimeRangePicker: typeof RangePicker;
     RangePicker: typeof RangePicker;
 };

package/TimePicker/index.js

@@ -5,27 +5,27 @@ import DatePicker from '../DatePicker/index.js';
 import 'rc-picker/es/generate/dayjs';
 import '../Button/index.js';
 import '../_verture/typeof-498dd2b1.js';
-import '../_verture/slicedToArray-d7722f4b.js';
+import '../_verture/slicedToArray-77980792.js';
 import 'clsx';
 import '@para-ui/icons/LoadingF';
 import '@para-ui/icons/Forbid';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
-import '../_verture/constant-bf34e6fa.js';
+import '../_verture/constant-66aa48a1.js';
 import '../_verture/style-inject.es-300983ab.js';
 import '@para-ui/icons/Down';
-import '../_verture/index-bbed73a3.js';
+import '../_verture/index-be4faaee.js';
 import 'rc-dropdown';
-import '../_verture/usePopupContainer-b8ab7cab.js';
+import '../_verture/usePopupContainer-87febeb9.js';
 import 'dayjs';
 import '@paraview/lib';
-import '../_verture/useFormatMessage-f4452258.js';
+import '../_verture/useFormatMessage-703f8b20.js';
 import '@para-ui/core/GlobalContext';
 import '../Tag/index.js';
-import '../_verture/defineProperty-0590dc61.js';
+import '../_verture/defineProperty-62acccfc.js';
 import '@para-ui/icons/Close';
-import '../_verture/toConsumableArray-f8047a75.js';
+import '../_verture/toConsumableArray-87c7d895.js';
 import '../AutoTips/index.js';
 import '@para-ui/icons/Plus';
 import 'rc-picker';
@@ -41,8 +41,8 @@ import '../HelperText/index.js';
 import '@para-ui/icons/SortRight';
 
 var InternalTimePicker = DatePicker.TimePicker,
-    InternalRangePicker = DatePicker.RangePicker; //time range
-
+  InternalRangePicker = DatePicker.RangePicker;
+//time range
 var RangePicker = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
   return jsx(InternalRangePicker, Object.assign({}, props, {
     dropdownClassName: props.popupClassName,
@@ -53,19 +53,16 @@ var RangePicker = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
 });
 var TimePicker = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
   var addon = _a.addon,
-      renderExtraFooter = _a.renderExtraFooter,
-      popupClassName = _a.popupClassName,
-      restProps = __rest(_a, ["addon", "renderExtraFooter", "popupClassName"]);
-
+    renderExtraFooter = _a.renderExtraFooter,
+    popupClassName = _a.popupClassName,
+    restProps = __rest(_a, ["addon", "renderExtraFooter", "popupClassName"]);
   var internalRenderExtraFooter = React__default.useMemo(function () {
     if (renderExtraFooter) {
       return renderExtraFooter;
     }
-
     if (addon) {
       return addon;
     }
-
     return undefined;
   }, [addon, renderExtraFooter]);
   return jsx(InternalTimePicker, Object.assign({}, restProps, {

package/Timeline/index.js

@@ -1,28 +1,28 @@
-import { _ as _defineProperty } from '../_verture/defineProperty-0590dc61.js';
+import { _ as _defineProperty } from '../_verture/defineProperty-62acccfc.js';
 import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React__default from 'react';
 import clsx from 'clsx';
-import { a as $rcPrefixCls, $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
+import { a as $rcPrefixCls, $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import '../_verture/typeof-498dd2b1.js';
 
+//TimelineItem
 var TimelineItem = function TimelineItem(props) {
   var _clsx, _clsx2;
-
   var className = props.className,
-      color = props.color,
-      dot = props.dot,
-      _props$pending = props.pending,
-      pending = _props$pending === void 0 ? false : _props$pending;
-      props.position;
-      var label = props.label,
-      children = props.children,
-      restProps = __rest(props, ["className", "color", "dot", "pending", "position", "label", "children"]);
-
-  var prefixCls = "".concat($rcPrefixCls, "-timeline"); //item cls
-
-  var itemClassName = clsx((_clsx = {}, _defineProperty(_clsx, "".concat(prefixCls, "-item"), true), _defineProperty(_clsx, "".concat(prefixCls, "-item-pending"), pending), _clsx), className); //dot cls
-
+    color = props.color,
+    dot = props.dot,
+    _props$pending = props.pending,
+    pending = _props$pending === void 0 ? false : _props$pending;
+    props.position;
+    var label = props.label,
+    children = props.children,
+    restProps = __rest(props, ["className", "color", "dot", "pending", "position", "label", "children"]);
+  var prefixCls = "".concat($rcPrefixCls, "-timeline");
+  //item cls
+  var itemClassName = clsx((_clsx = {}, _defineProperty(_clsx, "".concat(prefixCls, "-item"), true), _defineProperty(_clsx, "".concat(prefixCls, "-item-pending"), pending), _clsx), className);
+  //dot cls
   var dotClassName = clsx((_clsx2 = {}, _defineProperty(_clsx2, "".concat(prefixCls, "-item-head"), true), _defineProperty(_clsx2, "".concat(prefixCls, "-item-head-custom"), !!dot), _defineProperty(_clsx2, "".concat(prefixCls, "-item-head-").concat(color), color), _clsx2));
   return jsxs("li", Object.assign({}, restProps, {
     className: itemClassName
@@ -52,28 +52,25 @@ var TimelineItem = function TimelineItem(props) {
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/6/9 下午8:00\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-timeline {\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  line-height: 1.5715;\n  list-style: none;\n}\n.paraui-v3-timeline .component-timeline-item {\n  position: relative;\n  margin: 0;\n  min-height: 70px;\n  padding-bottom: 20px;\n  font-size: 14px;\n  list-style: none;\n}\n.paraui-v3-timeline .component-timeline-item-disabled .component-timeline-item-head:not(.component-timeline-item-head-custom) {\n  background-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-timeline .component-timeline-item-disabled .component-timeline-item-head svg {\n  color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-timeline .component-timeline-item-disabled .component-timeline-item-content {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-timeline .component-timeline-item-tail {\n  position: absolute;\n  top: 16px;\n  bottom: 8px;\n  left: 3.5px;\n  border-left: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-timeline .component-timeline-item-pending .component-timeline-item-head {\n  font-size: 12px;\n  background-color: transparent;\n}\n.paraui-v3-timeline .component-timeline-item-pending .component-timeline-item-tail {\n  display: none;\n}\n.paraui-v3-timeline .component-timeline-item-head {\n  position: absolute;\n  width: 8px;\n  height: 8px;\n  background-color: rgb(54, 102, 214);\n  border-radius: 100px;\n}\n.paraui-v3-timeline .component-timeline-item-head-custom {\n  position: absolute;\n  top: 5.5px;\n  left: 5px;\n  width: auto;\n  height: auto;\n  margin-top: 0;\n  padding: 3px 1px;\n  line-height: 1;\n  text-align: center;\n  border: 0;\n  border-radius: 0;\n  background-color: transparent;\n  transform: translate(-50%, -50%);\n}\n.paraui-v3-timeline .component-timeline-item-content {\n  position: relative;\n  top: -7px;\n  margin: 0 0 0 20px;\n  word-break: break-word;\n}\n.paraui-v3-timeline .component-timeline-item-last > .component-timeline-item-tail {\n  display: none;\n}\n.paraui-v3-timeline .component-timeline-item-last > .component-timeline-item-content {\n  min-height: 48px;\n}\n\n.paraui-v3-timeline.paraui-v3-timeline-alternate .component-timeline-item-tail,\n.paraui-v3-timeline.paraui-v3-timeline-right .component-timeline-item-tail,\n.paraui-v3-timeline.paraui-v3-timeline-label .component-timeline-item-tail,\n.paraui-v3-timeline.paraui-v3-timeline-alternate .component-timeline-item-head,\n.paraui-v3-timeline.paraui-v3-timeline-right .component-timeline-item-head,\n.paraui-v3-timeline.paraui-v3-timeline-label .component-timeline-item-head,\n.paraui-v3-timeline.paraui-v3-timeline-alternate .component-timeline-item-head-custom,\n.paraui-v3-timeline.paraui-v3-timeline-right .component-timeline-item-head-custom,\n.paraui-v3-timeline.paraui-v3-timeline-label .component-timeline-item-head-custom {\n  left: 50%;\n}\n\n.paraui-v3-timeline.paraui-v3-timeline-alternate .component-timeline-item-head,\n.paraui-v3-timeline.paraui-v3-timeline-right .component-timeline-item-head,\n.paraui-v3-timeline.paraui-v3-timeline-label .component-timeline-item-head {\n  margin-left: -4px;\n}\n\n.paraui-v3-timeline.paraui-v3-timeline-alternate .component-timeline-item-head-custom,\n.paraui-v3-timeline.paraui-v3-timeline-right .component-timeline-item-head-custom,\n.paraui-v3-timeline.paraui-v3-timeline-label .component-timeline-item-head-custom {\n  margin-left: 1px;\n}\n\n.paraui-v3-timeline.paraui-v3-timeline-alternate .component-timeline-item-left .component-timeline-item-content,\n.paraui-v3-timeline.paraui-v3-timeline-right .component-timeline-item-left .component-timeline-item-content,\n.paraui-v3-timeline.paraui-v3-timeline-label .component-timeline-item-left .component-timeline-item-content {\n  left: calc(50% - 4px);\n  width: calc(50% - 14px);\n  text-align: left;\n}\n\n.paraui-v3-timeline.paraui-v3-timeline-alternate .component-timeline-item-right .component-timeline-item-content,\n.paraui-v3-timeline.paraui-v3-timeline-right .component-timeline-item-right .component-timeline-item-content,\n.paraui-v3-timeline.paraui-v3-timeline-label .component-timeline-item-right .component-timeline-item-content {\n  width: calc(50% - 12px);\n  margin: 0;\n  text-align: right;\n}\n\n.paraui-v3-timeline.paraui-v3-timeline-right .component-timeline-item-right .component-timeline-item-tail,\n.paraui-v3-timeline.paraui-v3-timeline-right .component-timeline-item-right .component-timeline-item-head,\n.paraui-v3-timeline.paraui-v3-timeline-right .component-timeline-item-right .component-timeline-item-head-custom {\n  left: calc(100% - 4px - 2px);\n}\n\n.paraui-v3-timeline.paraui-v3-timeline-right .component-timeline-item-right .component-timeline-item-content {\n  width: calc(100% - 18px);\n}\n\n.paraui-v3-timeline.paraui-v3-timeline-pending .component-timeline-item-last .component-timeline-item-tail {\n  display: block;\n  height: calc(100% - 14px);\n  border-left: 2px dotted #f0f0f0;\n}\n\n.paraui-v3-timeline.paraui-v3-timeline-reverse .component-timeline-item-last .component-timeline-item-tail {\n  display: none;\n}\n\n.paraui-v3-timeline.paraui-v3-timeline-reverse .component-timeline-item-pending .component-timeline-item-tail {\n  top: 15px;\n  display: block;\n  height: calc(100% - 15px);\n  border-left: 2px dotted #f0f0f0;\n}\n\n.paraui-v3-timeline.paraui-v3-timeline-reverse .component-timeline-item-pending .component-timeline-item-content {\n  min-height: 48px;\n}\n\n.paraui-v3-timeline.paraui-v3-timeline-label .component-timeline-item-label {\n  position: absolute;\n  top: -7.001px;\n  width: calc(50% - 12px);\n  text-align: right;\n}\n\n.paraui-v3-timeline.paraui-v3-timeline-label .component-timeline-item-right .component-timeline-item-label {\n  left: calc(50% + 14px);\n  width: calc(50% - 14px);\n  text-align: left;\n}";
 styleInject(css_248z);
 
+//Timeline
 var Timeline = function Timeline(props) {
   var _clsx;
-
   var _props$pending = props.pending,
-      pending = _props$pending === void 0 ? null : _props$pending,
-      pendingDot = props.pendingDot,
-      children = props.children,
-      className = props.className,
-      _props$reverse = props.reverse,
-      reverse = _props$reverse === void 0 ? false : _props$reverse,
-      _props$mode = props.mode,
-      mode = _props$mode === void 0 ? 'left' : _props$mode,
-      align = props.align,
-      data = props.data,
-      restProps = __rest(props, ["pending", "pendingDot", "children", "className", "reverse", "mode", "align", "data"]);
-
+    pending = _props$pending === void 0 ? null : _props$pending,
+    pendingDot = props.pendingDot,
+    children = props.children,
+    className = props.className,
+    _props$reverse = props.reverse,
+    reverse = _props$reverse === void 0 ? false : _props$reverse,
+    _props$mode = props.mode,
+    mode = _props$mode === void 0 ? 'left' : _props$mode,
+    align = props.align,
+    data = props.data,
+    restProps = __rest(props, ["pending", "pendingDot", "children", "className", "reverse", "mode", "align", "data"]);
   var prefixCls = "".concat($prefixCls, "-timeline");
   var innerMode = align !== null && align !== void 0 ? align : mode; //时间轴和内容相对位置
-
   var pendingNode = typeof pending === 'boolean' ? null : pending; //是否有幽灵节点
   //pending节点项
-
   var pendingItem = pending ? jsx(TimelineItem, Object.assign({
     pending: !!pending,
     dot: pendingDot
@@ -82,29 +79,24 @@ var Timeline = function Timeline(props) {
   })) : null;
   var timeLineItems = React__default.Children.toArray(children);
   timeLineItems.push(pendingItem);
-
   if (reverse) {
     //取反
     timeLineItems.reverse();
-  } //position cls
-
-
+  }
+  //position cls
   var getPositionCls = function getPositionCls(ele, idx) {
     var _a, _b, _c;
-
     if (innerMode === 'alternate') {
       if (((_a = ele === null || ele === void 0 ? void 0 : ele.props) === null || _a === void 0 ? void 0 : _a.position) === 'right') return "".concat($rcPrefixCls, "-timeline-item-right");
       if (((_b = ele === null || ele === void 0 ? void 0 : ele.props) === null || _b === void 0 ? void 0 : _b.position) === 'left') return "".concat($rcPrefixCls, "-timeline-item-left");
       return idx % 2 === 0 ? "".concat($rcPrefixCls, "-timeline-item-left") : "".concat($rcPrefixCls, "-timeline-item-right");
     }
-
     if (innerMode === 'left') return "".concat($rcPrefixCls, "-timeline-item-left");
     if (innerMode === 'right') return "".concat($rcPrefixCls, "-timeline-item-right");
     if (((_c = ele === null || ele === void 0 ? void 0 : ele.props) === null || _c === void 0 ? void 0 : _c.position) === 'right') return "".concat($rcPrefixCls, "-timeline-item-right");
     return '';
-  }; //实际渲染项
-
-
+  };
+  //实际渲染项
   var truthyItems = timeLineItems.filter(function (item) {
     return !!item;
   });
@@ -116,26 +108,25 @@ var Timeline = function Timeline(props) {
     return /*#__PURE__*/React__default.cloneElement(ele, {
       className: clsx([ele.props.className, !reverse && !!pending ? pendingClass : readyClass, getPositionCls(ele, idx)])
     });
-  }); //label
-
+  });
+  //label
   var hasLabelItem = timeLineItems.some(function (item) {
     var _a;
-
     return !!((_a = item === null || item === void 0 ? void 0 : item.props) === null || _a === void 0 ? void 0 : _a.label);
-  }); //classname
-
-  var makeCls = clsx(prefixCls, (_clsx = {}, _defineProperty(_clsx, "".concat(prefixCls, "-pending"), !!pending), _defineProperty(_clsx, "".concat(prefixCls, "-reverse"), !!reverse), _defineProperty(_clsx, "".concat(prefixCls, "-").concat(innerMode), !!innerMode && !hasLabelItem), _defineProperty(_clsx, "".concat(prefixCls, "-label"), hasLabelItem), _clsx), className); //渲染items
-
+  });
+  //classname
+  var makeCls = clsx(prefixCls, (_clsx = {}, _defineProperty(_clsx, "".concat(prefixCls, "-pending"), !!pending), _defineProperty(_clsx, "".concat(prefixCls, "-reverse"), !!reverse), _defineProperty(_clsx, "".concat(prefixCls, "-").concat(innerMode), !!innerMode && !hasLabelItem), _defineProperty(_clsx, "".concat(prefixCls, "-label"), hasLabelItem), _clsx), className);
+  //渲染items
   var renderItems = function renderItems() {
     if (!(data === null || data === void 0 ? void 0 : data.length)) return items;
     var itemsCount = data.length;
     var lastCls = "".concat($rcPrefixCls, "-timeline-item-last");
     return data.map(function (item, idx) {
       var dotIcon = item.dotIcon,
-          content = item.content,
-          _item$disabled = item.disabled,
-          disabled = _item$disabled === void 0 ? false : _item$disabled,
-          className = item.className;
+        content = item.content,
+        _item$disabled = item.disabled,
+        disabled = _item$disabled === void 0 ? false : _item$disabled,
+        className = item.className;
       var pendingClass = idx === itemsCount - 2 ? lastCls : '';
       var readyClass = idx === itemsCount - 1 ? lastCls : '';
       return jsx(TimelineItem, Object.assign({
@@ -146,7 +137,6 @@ var Timeline = function Timeline(props) {
       }));
     });
   };
-
   return jsx("ul", Object.assign({}, restProps, {
     className: makeCls
   }, {

package/Title/index.js

@@ -1,21 +1,22 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
+import { $ as $prefixCls } from '../_verture/constant-66aa48a1.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/8/11 2:55 PM\n* @description 标题\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-title {\n  display: flex;\n  align-items: center;\n  line-height: 20px;\n}\n.paraui-v3-title .title-ink {\n  width: 4px;\n  height: 14px;\n  background-color: rgb(54, 102, 214);\n  border-radius: 2px;\n}\n.paraui-v3-title .title-icon {\n  display: inline-flex;\n}\n.paraui-v3-title .title-text {\n  margin-left: 8px;\n  font-size: 14px;\n  font-weight: 700;\n  color: rgb(28, 41, 60);\n}\n.paraui-v3-title .title-subtext {\n  margin-left: 12px;\n  font-size: 14px;\n  font-weight: 400;\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-title .title-link {\n  margin-left: 12px;\n  text-decoration: none;\n  outline: none;\n  font-size: 14px;\n  font-weight: 400;\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-title.paraui-v3-title-large .title-icon svg {\n  font-size: 30px;\n}\n.paraui-v3-title.paraui-v3-title-large .title-text {\n  font-size: 18px;\n}\n.paraui-v3-title.paraui-v3-title-medium .title-icon svg {\n  font-size: 24px;\n}\n.paraui-v3-title.paraui-v3-title-medium .title-text {\n  font-size: 16px;\n}\n.paraui-v3-title.paraui-v3-title-small .title-icon svg {\n  font-size: 20px;\n}\n.paraui-v3-title.paraui-v3-title-small .title-text {\n  margin-left: 4px;\n}";
 styleInject(css_248z);
 
+//标题
 var Title = function Title(props) {
   var title = props.title,
-      subTitle = props.subTitle,
-      icon = props.icon,
-      link = props.link,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'medium' : _props$size,
-      className = props.className,
-      style = props.style; //cls
-
+    subTitle = props.subTitle,
+    icon = props.icon,
+    link = props.link,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'medium' : _props$size,
+    className = props.className,
+    style = props.style;
+  //cls
   var makeCls = clsx("".concat($prefixCls, "-title"), className, icon && "".concat($prefixCls, "-title-").concat(size));
   return jsxs("div", Object.assign({
     className: makeCls,

package/ToggleButton/ToggleButtonGroup.d.ts

@@ -5,7 +5,7 @@
  */
 import React, { FunctionComponent } from "react";
 import './index.scss';
-declare type Item = {
+type Item = {
     label: string;
     value: any;
     selected?: boolean;

package/ToggleButton/index.js

@@ -1,5 +1,5 @@
-import { _ as _defineProperty } from '../_verture/defineProperty-0590dc61.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
+import { _ as _defineProperty } from '../_verture/defineProperty-62acccfc.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-77980792.js';
 import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useRef, useLayoutEffect } from 'react';
@@ -7,17 +7,17 @@ import { Button } from '../Button/index.js';
 import { Tooltip } from '../Tooltip/index.js';
 import { UUID } from '@paraview/lib';
 import clsx from 'clsx';
-import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
+import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/typeof-498dd2b1.js';
 import '@para-ui/icons/LoadingF';
 import '@para-ui/icons/Forbid';
 import '@para-ui/icons/Down';
-import '../_verture/index-bbed73a3.js';
+import '../_verture/index-be4faaee.js';
 import 'rc-dropdown';
-import '../_verture/usePopupContainer-b8ab7cab.js';
+import '../_verture/usePopupContainer-87febeb9.js';
 import 'dayjs';
-import '../_verture/useFormatMessage-f4452258.js';
+import '../_verture/useFormatMessage-703f8b20.js';
 import '@para-ui/core/GlobalContext';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
@@ -25,72 +25,61 @@ import 'rc-tooltip/lib/placements';
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/23 上午9:50\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-toggle-button.paraui-v3-button {\n  height: 30px;\n  padding: 0 20px;\n  color: rgb(46, 55, 67);\n  line-height: 30px;\n}\n.paraui-v3-toggle-button.paraui-v3-button:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-toggle-button-wrap {\n  display: inline-block;\n}\n.paraui-v3-toggle-button .toggle-button-text {\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-v3-toggle-button.paraui-v3-toggle-button-selected {\n  border-color: rgb(54, 102, 214);\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-toggle-button.paraui-v3-toggle-button-selected:hover {\n  border-color: rgb(54, 102, 214);\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-toggle-button.paraui-v3-toggle-button-selected[disabled] {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-toggle-button.paraui-v3-toggle-button-selected[disabled]:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-toggle-button.paraui-v3-toggle-button-selected[disabled]::before {\n  border-color: rgba(46, 55, 67, 0.4);\n  border-top-color: transparent;\n  border-left-color: transparent;\n}\n.paraui-v3-toggle-button.paraui-v3-toggle-button-selected::before {\n  content: \" \";\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  border: 10px solid rgb(54, 102, 214);\n  border-top-color: transparent;\n  border-left-color: transparent;\n}\n.paraui-v3-toggle-button.paraui-v3-toggle-button-selected::after {\n  content: \" \";\n  position: absolute;\n  bottom: 2px;\n  right: 3px;\n  width: 4px;\n  height: 8px;\n  border: 2px solid rgb(255, 255, 255);\n  border-top: 0;\n  border-left: 0;\n  border-radius: 2px;\n  transform: rotate(45deg);\n}\n.paraui-v3-toggle-button-disabled.paraui-v3-toggle-button {\n  color: rgba(46, 55, 67, 0.4);\n  pointer-events: auto;\n  cursor: not-allowed;\n}\n.paraui-v3-toggle-button-disabled.paraui-v3-toggle-button:hover {\n  color: rgba(46, 55, 67, 0.4);\n}\n\n.paraui-v3-togglebutton-group {\n  display: flex;\n  flex-flow: row wrap;\n}\n.paraui-v3-togglebutton-group .paraui-v3-toggle-button {\n  margin: 0 10px;\n}\n.paraui-v3-togglebutton-group-text .paraui-v3-toggle-button {\n  margin: 0;\n  padding: 0 16px;\n}\n.paraui-v3-togglebutton-group-text .paraui-v3-toggle-button:hover {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-togglebutton-group-text .paraui-v3-toggle-button[disabled] {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: transparent;\n  border: 0;\n}\n.paraui-v3-togglebutton-group-text .paraui-v3-toggle-button ~ .paraui-v3-toggle-button::before {\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  content: \"\";\n  width: 1px;\n  height: 14px;\n  background-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-togglebutton-group-text .paraui-v3-toggle-button-selected {\n  color: rgb(54, 102, 214);\n  border: 0;\n  font-weight: 700;\n}\n.paraui-v3-togglebutton-group-text .paraui-v3-toggle-button-selected:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-togglebutton-group-text .paraui-v3-toggle-button-selected[disabled] {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: transparent;\n  border: 0;\n}\n.paraui-v3-togglebutton-group-text .paraui-v3-toggle-button-selected[disabled]:hover {\n  background-color: transparent;\n}\n.paraui-v3-togglebutton-group-text .paraui-v3-toggle-button-selected:first-child:before {\n  display: none;\n}\n.paraui-v3-togglebutton-group-text .paraui-v3-toggle-button-selected:not(:first-child)::before {\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  content: \"\";\n  width: 1px;\n  height: 14px;\n  background-color: rgba(171, 176, 185, 0.4);\n  border: 0;\n}\n.paraui-v3-togglebutton-group-text .paraui-v3-toggle-button-selected::after {\n  display: none;\n}";
 styleInject(css_248z);
 
+//切换按钮组
 var ToggleButtonGroup = function ToggleButtonGroup(props) {
   var _props$type = props.type,
-      type = _props$type === void 0 ? 'outlined' : _props$type,
-      className = props.className,
-      style = props.style,
-      _props$exclusive = props.exclusive,
-      exclusive = _props$exclusive === void 0 ? false : _props$exclusive,
-      _props$toggleable = props.toggleable,
-      toggleable = _props$toggleable === void 0 ? true : _props$toggleable,
-      data = props.data,
-      value = props.value,
-      onChange = props.onChange;
-
+    type = _props$type === void 0 ? 'outlined' : _props$type,
+    className = props.className,
+    style = props.style,
+    _props$exclusive = props.exclusive,
+    exclusive = _props$exclusive === void 0 ? false : _props$exclusive,
+    _props$toggleable = props.toggleable,
+    toggleable = _props$toggleable === void 0 ? true : _props$toggleable,
+    data = props.data,
+    value = props.value,
+    onChange = props.onChange;
   if (type === 'text' && !('exclusive' in props)) {
     exclusive = true;
   }
-
-  var makeCls = clsx("".concat($prefixCls, "-togglebutton-group"), className, _defineProperty({}, "".concat($prefixCls, "-togglebutton-group-text"), type === 'text')); //多选
-
+  var makeCls = clsx("".concat($prefixCls, "-togglebutton-group"), className, _defineProperty({}, "".concat($prefixCls, "-togglebutton-group-text"), type === 'text'));
+  //多选
   var handleChange = function handleChange(evt, buttonValue) {
     if (!onChange) return;
     var index = value && (value === null || value === void 0 ? void 0 : value.indexOf(buttonValue));
     var newValue;
-
     if (value && index >= 0) {
       newValue = value.slice();
       newValue.splice(index, 1);
     } else {
       newValue = value ? value.concat(buttonValue) : [buttonValue];
     }
-
     onChange(evt, newValue);
-  }; //单选
-
-
+  };
+  //单选
   var handleExclusiveChange = function handleExclusiveChange(evt, buttonValue) {
     if (!onChange) return;
-
     if (!toggleable) {
       if (value === buttonValue) return;
       onChange(evt, buttonValue);
       return;
     }
-
     onChange(evt, value === buttonValue ? null : buttonValue);
-  }; //是否选中
-
-
+  };
+  //是否选中
   var hasValueSelected = function hasValueSelected(value, candidate) {
     if (candidate === undefined || value === undefined) return false;
-
     if (Array.isArray(candidate)) {
       return candidate.includes(value);
     }
-
     return value === candidate;
-  }; //渲染组
-
-
+  };
+  //渲染组
   var renderGroup = function renderGroup() {
     if (!data || !(data === null || data === void 0 ? void 0 : data.length)) return null;
     return data.map(function (item, idx) {
       var label = item.label,
-          selected = item.selected,
-          rest = __rest(item, ["label", "selected"]);
-
+        selected = item.selected,
+        rest = __rest(item, ["label", "selected"]);
       var hasSelected = selected === undefined ? hasValueSelected(rest.value, value) : selected;
       return jsx(ToggleButton, Object.assign({}, rest, {
         style: style,
@@ -103,7 +92,6 @@ var ToggleButtonGroup = function ToggleButtonGroup(props) {
       }), idx);
     });
   };
-
   return jsx("div", Object.assign({
     className: makeCls
   }, {
@@ -111,38 +99,35 @@ var ToggleButtonGroup = function ToggleButtonGroup(props) {
   }));
 };
 
+//切换按钮
 var ToggleButton = function ToggleButton(props) {
   var _clsx;
-
   var className = props.className,
-      style = props.style,
-      children = props.children,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      _props$selected = props.selected,
-      selected = _props$selected === void 0 ? false : _props$selected,
-      value = props.value,
-      _props$autoToolTipOve = props.autoToolTipOverflow,
-      autoToolTipOverflow = _props$autoToolTipOve === void 0 ? true : _props$autoToolTipOve,
-      _props$width = props.width,
-      width = _props$width === void 0 ? 120 : _props$width,
-      onClick = props.onClick,
-      restProps = __rest(props, ["className", "style", "children", "disabled", "selected", "value", "autoToolTipOverflow", "width", "onClick"]);
-
+    style = props.style,
+    children = props.children,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$selected = props.selected,
+    selected = _props$selected === void 0 ? false : _props$selected,
+    value = props.value,
+    _props$autoToolTipOve = props.autoToolTipOverflow,
+    autoToolTipOverflow = _props$autoToolTipOve === void 0 ? true : _props$autoToolTipOve,
+    _props$width = props.width,
+    width = _props$width === void 0 ? 120 : _props$width,
+    onClick = props.onClick,
+    restProps = __rest(props, ["className", "style", "children", "disabled", "selected", "value", "autoToolTipOverflow", "width", "onClick"]);
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      hasTip = _useState2[0],
-      setHasTip = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    hasTip = _useState2[0],
+    setHasTip = _useState2[1];
   var id = useRef(UUID()).current;
-  var prefixCls = "".concat($prefixCls, "-toggle-button"); //className
-
-  var makeCls = clsx(prefixCls, className, (_clsx = {}, _defineProperty(_clsx, "".concat(prefixCls, "-selected"), selected), _defineProperty(_clsx, "".concat(prefixCls, "-disabled"), disabled), _clsx)); //点击事件
-
+  var prefixCls = "".concat($prefixCls, "-toggle-button");
+  //className
+  var makeCls = clsx(prefixCls, className, (_clsx = {}, _defineProperty(_clsx, "".concat(prefixCls, "-selected"), selected), _defineProperty(_clsx, "".concat(prefixCls, "-disabled"), disabled), _clsx));
+  //点击事件
   var handleClick = function handleClick(evt) {
     if (onClick) onClick(evt, value);
   };
-
   useLayoutEffect(function () {
     if (!autoToolTipOverflow) return;
     var btn = document.querySelector("[data-id=\"".concat(id, "\"]"));
@@ -150,14 +135,12 @@ var ToggleButton = function ToggleButton(props) {
     var span = document.createElement('span');
     span.textContent = children;
     document.body.appendChild(span);
-
     if (span.offsetWidth > btn.offsetWidth - 16 * 2) {
       setHasTip(true);
     }
-
     span === null || span === void 0 ? void 0 : span.remove();
-  }, []); //渲染
-
+  }, []);
+  //渲染
   var renderToggleButton = function renderToggleButton() {
     var btn = jsx(Button, Object.assign({
       "data-id": id,
@@ -178,7 +161,6 @@ var ToggleButton = function ToggleButton(props) {
         children: children
       }))
     }));
-
     if (hasTip) {
       return jsx(Tooltip, Object.assign({
         title: children
@@ -190,10 +172,8 @@ var ToggleButton = function ToggleButton(props) {
         }))
       }));
     }
-
     return btn;
   };
-
   return jsx(Fragment, {
     children: renderToggleButton()
   });