@para-ui/core 2.2.4 → 2.2.5-beta

package/ToggleButton/index.d.ts

@@ -1,12 +1,64 @@
+import React__default, { FunctionComponent } from 'react';
+import styleInject from './node_modules/style-inject/dist/style-inject.es.js';
+
+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-toggle-button {\n  color: rgb(46, 55, 67);\n}\n.paraui-toggle-button.paraui-button {\n  height: 30px;\n  padding: 0 20px;\n  line-height: 30px;\n}\n.paraui-toggle-button-wrap {\n  display: inline-block;\n}\n.paraui-toggle-button-text {\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-toggle-button-selected {\n  border-color: rgb(54, 102, 214);\n  color: rgb(54, 102, 214);\n}\n.paraui-toggle-button-selected:hover {\n  border-color: rgb(54, 102, 214);\n  color: rgb(54, 102, 214);\n}\n.paraui-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-toggle-button-selected[disabled]:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-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-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-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-toggle-button-disabled.paraui-toggle-button {\n  pointer-events: auto;\n  cursor: not-allowed;\n}\n\n.paraui-togglebutton-group {\n  display: flex;\n  flex-flow: row wrap;\n}\n.paraui-togglebutton-group .paraui-toggle-button {\n  margin: 0 10px;\n  line-height: 30px;\n}\n.paraui-togglebutton-group--text .paraui-toggle-button {\n  margin: 0;\n  padding: 0 16px;\n  line-height: 30px;\n}\n.paraui-togglebutton-group--text .paraui-toggle-button:hover {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-togglebutton-group--text .paraui-toggle-button[disabled] {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-togglebutton-group--text .paraui-toggle-button ~ .paraui-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-togglebutton-group--text .paraui-toggle-button-selected {\n  color: rgb(54, 102, 214);\n  font-weight: 700;\n}\n.paraui-togglebutton-group--text .paraui-toggle-button-selected:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-togglebutton-group--text .paraui-toggle-button-selected:first-child:before {\n  display: none;\n}\n.paraui-togglebutton-group--text .paraui-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-togglebutton-group--text .paraui-toggle-button-selected::after {\n  display: none;\n}";
+styleInject(css_248z);
+
+/**
+ * @author Hanz
+ * @date 2021/11/23 上午11:17
+ * @description toggle button group
+ */
+
+declare type Item = {
+    label: string;
+    value: any;
+    selected?: boolean;
+    disabled?: boolean;
+    className?: string;
+};
+interface ToggleButtonGroupProps {
+    type?: 'text' | 'outlined';
+    /**
+     * 类名
+     */
+    className?: string;
+    /**
+     * 样式
+     */
+    style?: React__default.CSSProperties;
+    /**
+     * 是否互斥
+     */
+    exclusive?: boolean;
+    /**
+     * 是否可切换选中项
+     */
+    toggleable?: boolean;
+    /**
+     * 按钮组value
+     */
+    value?: any;
+    /**
+     * 按钮组数据源
+     */
+    data?: Item[];
+    /**
+     * value变化时回调
+     * @param event
+     * @param value
+     */
+    onChange?: (event: React__default.MouseEvent, value: any) => void;
+}
+declare const ToggleButtonGroup: FunctionComponent<ToggleButtonGroupProps>;
+
 /**
  * @author Hanz
  * @date 2021/11/23 上午9:44
  * @description toggleButton
  */
-import React, { FunctionComponent } from "react";
-import ToggleButtonGroup, { ToggleButtonGroupProps } from './ToggleButtonGroup';
-import './index.scss';
-export interface ToggleButtonProps {
+
+interface ToggleButtonProps {
     /**
      * 类名
      */
@@ -14,7 +66,7 @@ export interface ToggleButtonProps {
     /**
      * 样式
      */
-    style?: React.CSSProperties;
+    style?: React__default.CSSProperties;
     /**
      * 子节点
      */
@@ -40,10 +92,9 @@ export interface ToggleButtonProps {
      * @param event
      * @param value
      */
-    onClick?: (event: React.MouseEvent, value: any) => void;
+    onClick?: (event: React__default.MouseEvent, value: any) => void;
     [name: string]: any;
 }
-export declare const ToggleButton: FunctionComponent<ToggleButtonProps>;
-export type { ToggleButtonGroupProps };
-export { ToggleButtonGroup };
-export default ToggleButton;
+declare const ToggleButton: FunctionComponent<ToggleButtonProps>;
+
+export { ToggleButton, ToggleButtonGroup, ToggleButtonGroupProps, ToggleButtonProps, ToggleButton as default };

package/ToggleButton/index.js

@@ -1,14 +1,200 @@
-!function(t,o){"object"==typeof exports&&"object"==typeof module?module.exports=o(require("react"),require("@material-ui/core"),require("clsx"),require("@para-ui/icons/LoadingF"),require("@para-ui/icons/Forbid"),require("@para-ui/icons/Down"),require("@para-ui/core/GlobalContext"),require("@paraview/lib")):"function"==typeof define&&define.amd?define(["react","@material-ui/core","clsx","@para-ui/icons/LoadingF","@para-ui/icons/Forbid","@para-ui/icons/Down","@para-ui/core/GlobalContext","@paraview/lib"],o):"object"==typeof exports?exports.ParaUI=o(require("react"),require("@material-ui/core"),require("clsx"),require("@para-ui/icons/LoadingF"),require("@para-ui/icons/Forbid"),require("@para-ui/icons/Down"),require("@para-ui/core/GlobalContext"),require("@paraview/lib")):t.ParaUI=o(t.react,t["@material-ui/core"],t.clsx,t["@para-ui/icons/LoadingF"],t["@para-ui/icons/Forbid"],t["@para-ui/icons/Down"],t["@para-ui/core/GlobalContext"],t["@paraview/lib"])}(self,(function(t,o,n,e,r,i,a,u){return function(){var l={8313:function(t,o,n){(o=n(3645)(!1)).push([t.id,'@keyframes loadingSpin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.paraui-button{min-width:auto;padding:0 16px;line-height:0;text-transform:none;border-radius:4px;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400;white-space:nowrap}.paraui-button-label{height:100%}.paraui-button-loading{pointer-events:none}.paraui-button-contained{color:#fff;background-color:#3666d6;box-shadow:none}.paraui-button-contained:hover{background-color:rgba(54,102,214,.8);box-shadow:none}.paraui-button-contained[disabled]{color:rgba(46,55,67,.4);background-color:rgba(171,176,185,.12);border:1px solid rgba(171,176,185,.4);box-shadow:none}.paraui-button-contained[disabled]:hover{background-color:rgba(171,176,185,.12)}.paraui-button-contained .btn-icon{display:inline-flex;color:inherit}.paraui-button-contained .btn-icon svg{color:inherit;font-size:16px}.paraui-button-contained .btn-icon.start-icon{margin-left:3px}.paraui-button-contained .btn-icon.end-icon{margin-right:3px}.paraui-button-contained .btn-icon.loading-icon{margin-left:3px;animation:loadingSpin 1s infinite linear}.paraui-button-contained.paraui-button-dangerous{background-color:#eb6054}.paraui-button-contained.paraui-button-dangerous:hover{background-color:rgba(235,96,84,.8)}.paraui-button-outlined{color:rgba(46,55,67,.7);background-color:#fff;border:1px solid rgba(171,176,185,.4);box-shadow:none}.paraui-button-outlined:hover{color:#3666d6;border-color:rgba(54,102,214,.2);background-color:#fff;box-shadow:none}.paraui-button-outlined[disabled]{color:rgba(46,55,67,.4);background-color:rgba(171,176,185,.12);border:1px solid rgba(171,176,185,.4);box-shadow:none}.paraui-button-outlined[disabled]:hover{background-color:rgba(171,176,185,.12)}.paraui-button-outlined .btn-icon{display:inline-flex;color:inherit}.paraui-button-outlined .btn-icon svg{color:inherit;font-size:16px}.paraui-button-outlined .btn-icon.start-icon{margin-left:3px}.paraui-button-outlined .btn-icon.end-icon{margin-right:3px}.paraui-button-outlined .btn-icon.loading-icon{margin-left:3px;animation:loadingSpin 1s infinite linear}.paraui-button-outlined.paraui-button-dangerous{color:#eb6054;border-color:#eb6054}.paraui-button-outlined.paraui-button-dangerous:hover{color:rgba(235,96,84,.8);border-color:rgba(235,96,84,.8)}.paraui-button-text{color:rgba(46,55,67,.7);background-color:#fff;border:1px solid rgba(171,176,185,.4);box-shadow:none;color:#3666d6;background-color:rgba(0,0,0,0);border:none}.paraui-button-text:hover{color:rgba(54,102,214,.8);background-color:rgba(0,0,0,0);box-shadow:none}.paraui-button-text[disabled]{color:rgba(46,55,67,.4);background-color:rgba(0,0,0,0);border:none}.paraui-button-text[disabled]:hover{background-color:rgba(0,0,0,0)}.paraui-button-text .btn-icon{display:inline-flex;color:inherit}.paraui-button-text .btn-icon svg{color:inherit;font-size:16px}.paraui-button-text .btn-icon.start-icon{margin-left:3px}.paraui-button-text .btn-icon.end-icon{margin-right:3px}.paraui-button-text .btn-icon.loading-icon{margin-left:3px;animation:loadingSpin 1s infinite linear}.paraui-button-text.paraui-button-dangerous{color:#eb6054}.paraui-button-text.paraui-button-dangerous:hover{color:rgba(235,96,84,.8)}.paraui-button-large{height:36px}.paraui-button-medium{height:32px}.paraui-button-small{height:28px}.paraui-button--disabled{display:inline-block}.paraui-icon-button{padding:0;border-radius:4px}.paraui-icon-button-loading{pointer-events:none}.paraui-icon-button-loading .loading-icon{display:inline-flex;animation:loadingSpin 1s infinite linear}.paraui-icon-button-contained{color:#fff;background-color:#3666d6;box-shadow:none}.paraui-icon-button-contained:hover{background-color:rgba(54,102,214,.8);box-shadow:none}.paraui-icon-button-contained[disabled]{color:rgba(46,55,67,.4);background-color:rgba(171,176,185,.12);border:1px solid rgba(171,176,185,.4);box-shadow:none}.paraui-icon-button-contained[disabled]:hover{background-color:rgba(171,176,185,.12)}.paraui-icon-button-contained svg{color:inherit;font-size:16px}.paraui-icon-button-contained.paraui-icon-button-dangerous{background-color:#eb6054}.paraui-icon-button-contained.paraui-icon-button-dangerous:hover{background-color:rgba(235,96,84,.8)}.paraui-icon-button-outlined{color:rgba(46,55,67,.7);background-color:#fff;border:1px solid rgba(171,176,185,.4);box-shadow:none}.paraui-icon-button-outlined:hover{color:#3666d6;border-color:rgba(54,102,214,.2);box-shadow:none;background-color:#fff}.paraui-icon-button-outlined[disabled]{color:rgba(46,55,67,.4);background-color:rgba(171,176,185,.12);border:1px solid rgba(171,176,185,.4);box-shadow:none}.paraui-icon-button-outlined[disabled]:hover{background-color:rgba(171,176,185,.12)}.paraui-icon-button-outlined svg{color:inherit;font-size:16px}.paraui-icon-button-outlined.paraui-icon-button-dangerous{color:#eb6054;border-color:#eb6054}.paraui-icon-button-outlined.paraui-icon-button-dangerous:hover{color:rgba(235,96,84,.8);border-color:rgba(235,96,84,.8)}.paraui-icon-button-text{color:#3666d6}.paraui-icon-button-text:hover{color:rgba(54,102,214,.8);background-color:rgba(0,0,0,0)}.paraui-icon-button-text[disabled]{color:rgba(46,55,67,.4)}.paraui-icon-button-text[disabled]:hover{background-color:rgba(0,0,0,0)}.paraui-icon-button-text svg{color:inherit}.paraui-icon-button-text.paraui-icon-button-dangerous{color:#eb6054}.paraui-icon-button-text.paraui-icon-button-dangerous:hover{color:rgba(235,96,84,.8)}.paraui-icon-button-text.paraui-icon-button-large{width:auto;height:auto}.paraui-icon-button-text.paraui-icon-button-large svg{font-size:28px}.paraui-icon-button-text.paraui-icon-button-medium{width:auto;height:auto}.paraui-icon-button-text.paraui-icon-button-medium svg{font-size:24px}.paraui-icon-button-text.paraui-icon-button-small{width:auto;height:auto}.paraui-icon-button-text.paraui-icon-button-small svg{font-size:20px}.paraui-icon-button-large{width:36px;height:36px}.paraui-icon-button-medium{width:32px;height:32px}.paraui-icon-button-small{width:28px;height:28px}.paraui-button-split{display:inline-block}.paraui-button-split .paraui-button-split--active{color:#3666d6;box-shadow:none;background-color:#fff}.paraui-button-split-list{padding:8px 0;margin:8px 0;border-radius:4px;box-shadow:0px 2px 8px 0px rgba(171,176,185,.4);background-color:#fff}.paraui-button-split-list ul .split-li{min-width:140px;padding:11px 12px;color:#2e3743;font-size:14px;line-height:1;cursor:pointer;transition:background-color .3s,color .3s}.paraui-button-split-list ul .split-li:hover{background-color:rgba(171,176,185,.12)}.paraui-button-split-list ul .split-li.split-li--active{color:#3666d6}.paraui-button-split-list ul .split-li.split-li--active:hover{background-color:rgba(171,176,185,.12)}.paraui-button-split-list ul .split-li.split-li--disabled{color:rgba(46,55,67,.4);cursor:not-allowed}.paraui-button-split-list ul .split-li.split-li--disabled:hover{background-color:#fff}.paraui-button-split-list ul .split-li-group:not(:first-child){position:relative;margin-top:16px}.paraui-button-split-list ul .split-li-group:not(:first-child):before{content:"";position:absolute;top:-8px;left:8px;right:8px;border-top:1px solid rgba(171,176,185,.2)}',""]),t.exports=o},7005:function(t,o,n){(o=n(3645)(!1)).push([t.id,'.paraui-toggle-button{color:#2e3743}.paraui-toggle-button.paraui-button{height:30px;padding:0 20px;line-height:30px}.paraui-toggle-button-wrap{display:inline-block}.paraui-toggle-button-text{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paraui-toggle-button-selected{border-color:#3666d6;color:#3666d6}.paraui-toggle-button-selected:hover{border-color:#3666d6;color:#3666d6}.paraui-toggle-button-selected[disabled]{color:rgba(46,55,67,.4);background-color:rgba(171,176,185,.12);border:1px solid rgba(171,176,185,.4)}.paraui-toggle-button-selected[disabled]:hover{background-color:rgba(171,176,185,.12)}.paraui-toggle-button-selected[disabled]::before{border-color:rgba(46,55,67,.4);border-top-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0)}.paraui-toggle-button-selected::before{content:" ";position:absolute;bottom:0;right:0;border:10px solid #3666d6;border-top-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0)}.paraui-toggle-button-selected::after{content:" ";position:absolute;bottom:2px;right:3px;width:4px;height:8px;border:2px solid #fff;border-top:0;border-left:0;border-radius:2px;transform:rotate(45deg)}.paraui-toggle-button-disabled.paraui-toggle-button{pointer-events:auto;cursor:not-allowed}.paraui-togglebutton-group{display:flex;flex-flow:row wrap}.paraui-togglebutton-group .paraui-toggle-button{margin:0 10px;line-height:30px}.paraui-togglebutton-group--text .paraui-toggle-button{margin:0;padding:0 16px;line-height:30px}.paraui-togglebutton-group--text .paraui-toggle-button:hover{color:rgba(54,102,214,.8)}.paraui-togglebutton-group--text .paraui-toggle-button[disabled]{color:rgba(46,55,67,.4)}.paraui-togglebutton-group--text .paraui-toggle-button~.paraui-toggle-button:before{position:absolute;left:0;top:50%;transform:translateY(-50%);content:"";width:1px;height:14px;background-color:rgba(171,176,185,.4)}.paraui-togglebutton-group--text .paraui-toggle-button-selected{color:#3666d6;font-weight:700}.paraui-togglebutton-group--text .paraui-toggle-button-selected:hover{color:#3666d6}.paraui-togglebutton-group--text .paraui-toggle-button-selected:first-child:before{display:none}.paraui-togglebutton-group--text .paraui-toggle-button-selected:not(:first-child)::before{position:absolute;left:0;top:50%;transform:translateY(-50%);content:"";width:1px;height:14px;background-color:rgba(171,176,185,.4);border:0}.paraui-togglebutton-group--text .paraui-toggle-button-selected::after{display:none}',""]),t.exports=o},9929:function(t,o,n){(o=n(3645)(!1)).push([t.id,".paraui-tooltip>div{padding-left:12px;padding-right:12px;font-size:14px;font-weight:400;color:#fff;background-color:rgba(46,55,67,.7)}.paraui-tooltip-left-right>div{margin:0 8px}.paraui-tooltip-top-bottom>div{margin:8px 0}",""]),t.exports=o},3645:function(t){"use strict";t.exports=function(t){var o=[];return o.toString=function(){return this.map((function(o){var n=function(t,o){var n=t[1]||"",e=t[3];if(!e)return n;if(o&&"function"==typeof btoa){var r=(a=e,u=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),l="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(u),"/*# ".concat(l," */")),i=e.sources.map((function(t){return"/*# sourceURL=".concat(e.sourceRoot||"").concat(t," */")}));return[n].concat(i).concat([r]).join("\n")}var a,u,l;return[n].join("\n")}(o,t);return o[2]?"@media ".concat(o[2]," {").concat(n,"}"):n})).join("")},o.i=function(t,n,e){"string"==typeof t&&(t=[[null,t,""]]);var r={};if(e)for(var i=0;i<this.length;i++){var a=this[i][0];null!=a&&(r[a]=!0)}for(var u=0;u<t.length;u++){var l=[].concat(t[u]);e&&r[l[0]]||(n&&(l[2]?l[2]="".concat(n," and ").concat(l[2]):l[2]=n),o.push(l))}},o}},7418:function(t){"use strict";
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/var o=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,e=Object.prototype.propertyIsEnumerable;function r(t){if(null==t)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(t)}t.exports=function(){try{if(!Object.assign)return!1;var t=new String("abc");if(t[5]="de","5"===Object.getOwnPropertyNames(t)[0])return!1;for(var o={},n=0;n<10;n++)o["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(o).map((function(t){return o[t]})).join(""))return!1;var e={};return"abcdefghijklmnopqrst".split("").forEach((function(t){e[t]=t})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},e)).join("")}catch(t){return!1}}()?Object.assign:function(t,i){for(var a,u,l=r(t),c=1;c<arguments.length;c++){for(var s in a=Object(arguments[c]))n.call(a,s)&&(l[s]=a[s]);if(o){u=o(a);for(var p=0;p<u.length;p++)e.call(a,u[p])&&(l[u[p]]=a[u[p]])}}return l}},5251:function(t,o,n){"use strict";
-/** @license React v17.0.2
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */n(7418);var e=n(8156),r=60103;if(o.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;r=i("react.element"),o.Fragment=i("react.fragment")}var a=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,u=Object.prototype.hasOwnProperty,l={key:!0,ref:!0,__self:!0,__source:!0};function c(t,o,n){var e,i={},c=null,s=null;for(e in void 0!==n&&(c=""+n),void 0!==o.key&&(c=""+o.key),void 0!==o.ref&&(s=o.ref),o)u.call(o,e)&&!l.hasOwnProperty(e)&&(i[e]=o[e]);if(t&&t.defaultProps)for(e in o=t.defaultProps)void 0===i[e]&&(i[e]=o[e]);return{$$typeof:r,type:t,key:c,ref:s,props:i,_owner:a.current}}o.jsx=c,o.jsxs=c},5893:function(t,o,n){"use strict";t.exports=n(5251)},5822:function(t,o,n){var e=n(3379),r=n(8313);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[t.id,r,""]]);var i={insert:("body","body"),singleton:!1};e(r,i);t.exports=r.locals||{}},3303:function(t,o,n){var e=n(3379),r=n(7005);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[t.id,r,""]]);var i={insert:("body","body"),singleton:!1};e(r,i);t.exports=r.locals||{}},2310:function(t,o,n){var e=n(3379),r=n(9929);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[t.id,r,""]]);var i={insert:("body","body"),singleton:!1};e(r,i);t.exports=r.locals||{}},3379:function(t,o,n){"use strict";var e,r=function(){return void 0===e&&(e=Boolean(window&&document&&document.all&&!window.atob)),e},i=function(){var t={};return function(o){if(void 0===t[o]){var n=document.querySelector(o);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(t){n=null}t[o]=n}return t[o]}}(),a=[];function u(t){for(var o=-1,n=0;n<a.length;n++)if(a[n].identifier===t){o=n;break}return o}function l(t,o){for(var n={},e=[],r=0;r<t.length;r++){var i=t[r],l=o.base?i[0]+o.base:i[0],c=n[l]||0,s="".concat(l," ").concat(c);n[l]=c+1;var p=u(s),d={css:i[1],media:i[2],sourceMap:i[3]};-1!==p?(a[p].references++,a[p].updater(d)):a.push({identifier:s,updater:v(d,o),references:1}),e.push(s)}return e}function c(t){var o=document.createElement("style"),e=t.attributes||{};if(void 0===e.nonce){var r=n.nc;r&&(e.nonce=r)}if(Object.keys(e).forEach((function(t){o.setAttribute(t,e[t])})),"function"==typeof t.insert)t.insert(o);else{var a=i(t.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(o)}return o}var s,p=(s=[],function(t,o){return s[t]=o,s.filter(Boolean).join("\n")});function d(t,o,n,e){var r=n?"":e.media?"@media ".concat(e.media," {").concat(e.css,"}"):e.css;if(t.styleSheet)t.styleSheet.cssText=p(o,r);else{var i=document.createTextNode(r),a=t.childNodes;a[o]&&t.removeChild(a[o]),a.length?t.insertBefore(i,a[o]):t.appendChild(i)}}function b(t,o,n){var e=n.css,r=n.media,i=n.sourceMap;if(r?t.setAttribute("media",r):t.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(e+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),t.styleSheet)t.styleSheet.cssText=e;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(e))}}var g=null,f=0;function v(t,o){var n,e,r;if(o.singleton){var i=f++;n=g||(g=c(o)),e=d.bind(null,n,i,!1),r=d.bind(null,n,i,!0)}else n=c(o),e=b.bind(null,n,o),r=function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(n)};return e(t),function(o){if(o){if(o.css===t.css&&o.media===t.media&&o.sourceMap===t.sourceMap)return;e(t=o)}else r()}}t.exports=function(t,o){(o=o||{}).singleton||"boolean"==typeof o.singleton||(o.singleton=r());var n=l(t=t||[],o);return function(t){if(t=t||[],"[object Array]"===Object.prototype.toString.call(t)){for(var e=0;e<n.length;e++){var r=u(n[e]);a[r].references--}for(var i=l(t,o),c=0;c<n.length;c++){var s=u(n[c]);0===a[s].references&&(a[s].updater(),a.splice(s,1))}n=i}}}},7896:function(t,o,n){"use strict";n.d(o,{default:function(){return w}});var e=n(5893),r=n(8156),i=n(670),a=n(5744),u=n.n(a),l=n(2788),c=n.n(l),s=n(3835),p=n.n(s),d=n(7371),b=n(2396),g=n.n(b),f=n(3054),v={zh:{moreActions:"更多操作"},en:{moreActions:"More actions"}},h=function(){return h=Object.assign||function(t){for(var o,n=1,e=arguments.length;n<e;n++)for(var r in o=arguments[n])Object.prototype.hasOwnProperty.call(o,r)&&(t[r]=o[r]);return t},h.apply(this,arguments)};n(5822);var x=function(){return x=Object.assign||function(t){for(var o,n=1,e=arguments.length;n<e;n++)for(var r in o=arguments[n])Object.prototype.hasOwnProperty.call(o,r)&&(t[r]=o[r]);return t},x.apply(this,arguments)},m=function(t,o){var n={};for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&o.indexOf(e)<0&&(n[e]=t[e]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(e=Object.getOwnPropertySymbols(t);r<e.length;r++)o.indexOf(e[r])<0&&Object.prototype.propertyIsEnumerable.call(t,e[r])&&(n[e[r]]=t[e[r]])}return n},y=function(t){var o=t.variant,n=void 0===o?"contained":o,a=t.size,l=void 0===a?"large":a,s=t.className,b=t.disabled,g=void 0!==b&&b,f=t.children,v=t.startIcon,h=t.endIcon,y=t.loading,w=void 0!==y&&y,j=t.toolTipTitle,O=void 0===j?"":j,k=t.TooltipProps,S=t.danger,P=void 0!==S&&S,N=m(t,["variant","size","className","disabled","children","startIcon","endIcon","loading","toolTipTitle","TooltipProps","danger"]),T=(0,r.useState)(!1),C=T[0],E=T[1],_=function(t){if(!C)return"start"===t&&v?(0,e.jsx)("span",x({className:u()("btn-icon","start-icon")},{children:v})):"end"===t&&h?(0,e.jsx)("span",x({className:u()("btn-icon","end-icon")},{children:h})):null;if("object"==typeof w){var o=w.delay||0;setTimeout((function(){return E(!1)}),o)}return"start"===t?(0,e.jsx)("span",x({className:"btn-icon loading-icon"},{children:(0,e.jsx)(c(),{})})):null},I=(0,e.jsx)(i.Button,x({},N,{color:"default",variant:"contained",disabled:g,disableRipple:!0,disableElevation:!0,className:u()("paraui-button",s,"paraui-button-".concat(n),"paraui-button-".concat(l),C&&"paraui-button-loading",P&&!g&&"paraui-button-dangerous"),classes:{label:"paraui-button-label"},startIcon:_("start"),endIcon:_("end")},{children:f}));return(0,r.useEffect)((function(){E(!!w)}),[w]),g&&O?(0,e.jsx)(d.default,x({},k,{title:function(){if(g&&O){return(0,e.jsxs)("span",{children:[(0,e.jsx)(p(),{style:{marginRight:"4px",fontSize:"11px",color:"inherit"}}),O]})}return O}()},{children:(0,e.jsx)("span",x({className:"paraui-button--disabled"},{children:I}))})):I};y.IconButton=function(t){var o=t.variant,n=void 0===o?"contained":o,a=t.size,l=void 0===a?"large":a,s=t.toolTipTitle,b=void 0===s?"":s,g=t.children,f=t.className,v=t.disabled,h=void 0!==v&&v,y=t.loading,w=void 0!==y&&y,j=t.TooltipProps,O=t.danger,k=void 0!==O&&O,S=m(t,["variant","size","toolTipTitle","children","className","disabled","loading","TooltipProps","danger"]),P=(0,r.useState)(!1),N=P[0],T=P[1],C=(0,e.jsx)(i.IconButton,x({},S,{disabled:h,disableRipple:!0,className:u()("paraui-icon-button",f,"paraui-icon-button-".concat(n),"paraui-icon-button-".concat(l),N&&"paraui-icon-button-loading",k&&!h&&"paraui-icon-button-dangerous")},{children:function(){if(!N)return g;if("object"==typeof w){var t=w.delay||0;setTimeout((function(){return T(!1)}),t)}return(0,e.jsx)("span",x({className:"loading-icon"},{children:(0,e.jsx)(c(),{})}))}()}));return(0,r.useEffect)((function(){T(!!w)}),[w]),b?(0,e.jsx)(d.default,x({},j,{title:function(){if(h&&b){return(0,e.jsxs)("span",{children:[(0,e.jsx)(p(),{style:{marginRight:"4px",fontSize:"11px",color:"inherit"}}),b]})}return b}()},{children:h?(0,e.jsx)("span",x({className:"paraui-button--disabled"},{children:C})):C}),+N):C},y.SplitButton=function(t){var o=t.buttonText,n=t.options,a=void 0===n?[]:n,l=t.className,c=t.popperClassName,s=t.style,p=t.popperStyle,d=t.disabled,b=void 0!==d&&d,x=t.onClick,m=t.optionRender,y=t.placement,j=void 0===y?"bottom-end":y,O=t.buttonProps,k=t.iconButton,S=void 0!==k&&k,P=(0,f.Z)("Button",v),N=(0,r.useState)(!1),T=N[0],C=N[1],E=(0,r.useRef)(null),_=(0,r.useRef)(),I=(0,r.useRef)(),z=(0,r.useState)(),M=z[0],q=z[1],R=function(t,o,n){var e;t.disabled?n.stopPropagation():(q(o),C(!1),null===(e=_.current)||void 0===e||e.classList.remove("paraui-button-split--active"),null==x||x(t,n))},L=function(t){t.stopPropagation(),F();var o=t.currentTarget;I.current=window.setTimeout((function(){_.current=o,o.classList.add("paraui-button-split--active"),C(!0)}),150)},F=function(){I.current&&(clearTimeout(I.current),I.current=null)},A=function(t){var o,n;(null===(o=E.current)||void 0===o?void 0:o.contains(t.target))||(C(!1),null===(n=_.current)||void 0===n||n.classList.remove("paraui-button-split--active"))},B=function(){return(0,e.jsx)("div",h({className:"paraui-button-split-list"},{children:(0,e.jsx)("ul",{children:a.map((function(t,o){return Array.isArray(t)?function(t,o){return(0,e.jsx)("li",h({className:"split-li-group"},{children:t.map((function(t,n){var r="".concat(o,"-").concat(n);return(0,e.jsx)("div",h({className:u()("split-li",r===M&&"split-li--active",t.disabled&&"split-li--disabled"),onClick:function(o){return R(t,r,o)}},{children:(null==m?void 0:m(t))||t.label}),r)}))}),o)}(t,o):(0,e.jsx)("li",h({className:u()("split-li",o===M&&"split-li--active",t.disabled&&"split-li--disabled"),onClick:function(n){return R(t,o,n)}},{children:(null==m?void 0:m(t))||t.label}),o)}))})}))};return(0,e.jsxs)("div",h({className:u()("paraui-button-split",l),ref:E,style:s,onMouseLeave:function(t){var o;t.stopPropagation(),F(),null===(o=t.currentTarget.firstElementChild)||void 0===o||o.classList.remove("paraui-button-split--active"),C(!1)}},{children:[S?(0,e.jsx)(w.IconButton,h({variant:"text",size:"small",disabled:b},O,{onMouseEnter:L},{children:null!=o?o:P({id:"moreActions"})})):(0,e.jsx)(w,h({variant:"outlined",size:"large",startIcon:(0,e.jsx)(g(),{}),disabled:b},O,{onMouseEnter:L},{children:null!=o?o:P({id:"moreActions"})})),(0,e.jsx)(i.Popper,h({open:T,anchorEl:E.current,transition:!0,placement:j,style:h({zIndex:1500},p),className:u()("paraui-button-split-popper",c)},{children:function(t){var o=t.TransitionProps;t.placement;return(0,e.jsx)(i.Grow,h({},o,{children:(0,e.jsx)(e.Fragment,{children:(0,e.jsx)(i.ClickAwayListener,h({onClickAway:A},{children:B()}))})}))}}))]}))};var w=y},3054:function(t,o,n){"use strict";var e=n(8156),r=n.n(e),i=n(5395),a=n.n(i);o.Z=function(t,o){var n=r().useContext(a()).intlFormat;return o.zh_CN=o.zh,o.en_US=o.en,n&&n(t,o)}},7371:function(t,o,n){"use strict";var e=n(5893),r=n(670),i=n(5744),a=n.n(i),u=(n(2310),function(){return u=Object.assign||function(t){for(var o,n=1,e=arguments.length;n<e;n++)for(var r in o=arguments[n])Object.prototype.hasOwnProperty.call(o,r)&&(t[r]=o[r]);return t},u.apply(this,arguments)}),l=function(t,o){var n={};for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&o.indexOf(e)<0&&(n[e]=t[e]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(e=Object.getOwnPropertySymbols(t);r<e.length;r++)o.indexOf(e[r])<0&&Object.prototype.propertyIsEnumerable.call(t,e[r])&&(n[e[r]]=t[e[r]])}return n};o.default=function(t){var o,n=t.placement,i=void 0===n?"top-start":n,c=t.className,s=t.arrow,p=void 0===s||s,d=t.PopperProps,b=t.boundariesElement,g=void 0===b?"scrollParent":b,f=l(t,["placement","className","arrow","PopperProps","boundariesElement"]),v=u(u({},t.classes),{popper:a()("paraui-tooltip",c,null===(o=t.classes)||void 0===o?void 0:o.popper,{"paraui-tooltip-left-right":(null==i?void 0:i.includes("left"))||(null==i?void 0:i.includes("right")),"paraui-tooltip-top-bottom":(null==i?void 0:i.includes("top"))||(null==i?void 0:i.includes("bottom"))})});return(0,e.jsx)(r.Tooltip,u({},f,{enterTouchDelay:0,arrow:p,placement:i,classes:v,PopperProps:u(u({},d),{modifiers:{preventOverflow:{boundariesElement:g}}})}))}},670:function(t){"use strict";t.exports=o},5395:function(t){"use strict";t.exports=a},2396:function(t){"use strict";t.exports=i},3835:function(t){"use strict";t.exports=r},2788:function(t){"use strict";t.exports=e},8543:function(t){"use strict";t.exports=u},5744:function(t){"use strict";t.exports=n},8156:function(o){"use strict";o.exports=t}},c={};function s(t){var o=c[t];if(void 0!==o)return o.exports;var n=c[t]={id:t,exports:{}};return l[t](n,n.exports,s),n.exports}s.n=function(t){var o=t&&t.__esModule?function(){return t.default}:function(){return t};return s.d(o,{a:o}),o},s.d=function(t,o){for(var n in o)s.o(o,n)&&!s.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:o[n]})},s.o=function(t,o){return Object.prototype.hasOwnProperty.call(t,o)},s.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},s.nc=void 0;var p={};return function(){"use strict";s.r(p),s.d(p,{ToggleButton:function(){return g},ToggleButtonGroup:function(){return u},default:function(){return f}});var t=s(5893),o=s(8156),n=s(7896),e=s(5744),r=s.n(e),i=(s(3303),function(){return i=Object.assign||function(t){for(var o,n=1,e=arguments.length;n<e;n++)for(var r in o=arguments[n])Object.prototype.hasOwnProperty.call(o,r)&&(t[r]=o[r]);return t},i.apply(this,arguments)}),a=function(t,o){var n={};for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&o.indexOf(e)<0&&(n[e]=t[e]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(e=Object.getOwnPropertySymbols(t);r<e.length;r++)o.indexOf(e[r])<0&&Object.prototype.propertyIsEnumerable.call(t,e[r])&&(n[e[r]]=t[e[r]])}return n},u=function(o){var n=o.type,e=void 0===n?"outlined":n,u=o.className,l=o.style,c=o.exclusive,s=void 0!==c&&c,p=o.toggleable,d=void 0===p||p,b=o.data,g=o.value,v=o.onChange;"text"!==e||"exclusive"in o||(s=!0);var h=r()("paraui-togglebutton-group",u,{"paraui-togglebutton-group--text":"text"===e}),x=function(t,o){if(v){var n,e=g&&(null==g?void 0:g.indexOf(o));g&&e>=0?(n=g.slice()).splice(e,1):n=g?g.concat(o):[o],v(t,n)}},m=function(t,o){if(v)if(d)v(t,g===o?null:o);else{if(g===o)return;v(t,o)}};return(0,t.jsx)("div",i({className:h},{children:b&&(null==b?void 0:b.length)?b.map((function(o,n){var r=o.label,u=o.selected,c=a(o,["label","selected"]),p=void 0===u?function(t,o){return void 0!==o&&void 0!==t&&(Array.isArray(o)?o.includes(t):t===o)}(c.value,g):u;return(0,t.jsx)(f,i({},c,{style:l,selected:p,autoToolTipOverflow:"text"!==e,variant:"text"===e?"text":"outlined",onClick:s?m:x},{children:r}),n)})):null}))},l=s(7371),c=s(8543),d=function(){return d=Object.assign||function(t){for(var o,n=1,e=arguments.length;n<e;n++)for(var r in o=arguments[n])Object.prototype.hasOwnProperty.call(o,r)&&(t[r]=o[r]);return t},d.apply(this,arguments)},b=function(t,o){var n={};for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&o.indexOf(e)<0&&(n[e]=t[e]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(e=Object.getOwnPropertySymbols(t);r<e.length;r++)o.indexOf(e[r])<0&&Object.prototype.propertyIsEnumerable.call(t,e[r])&&(n[e[r]]=t[e[r]])}return n},g=function(e){var i=e.className,a=e.style,u=e.children,s=e.disabled,p=void 0!==s&&s,g=e.selected,f=void 0!==g&&g,v=e.value,h=e.autoToolTipOverflow,x=void 0===h||h,m=e.width,y=void 0===m?120:m,w=e.onClick,j=b(e,["className","style","children","disabled","selected","value","autoToolTipOverflow","width","onClick"]),O=(0,o.useState)(!1),k=O[0],S=O[1],P=(0,o.useRef)((0,c.UUID)()).current,N=r()("paraui-toggle-button",i,{"paraui-toggle-button-selected":f,"paraui-toggle-button-disabled":p}),T=function(t){w&&w(t,v)};(0,o.useLayoutEffect)((function(){if(x){var t=document.querySelector('[data-id="'.concat(P,'"]'));if(t){var o=document.createElement("span");o.textContent=u,document.body.appendChild(o),o.offsetWidth>t.offsetWidth-32&&S(!0),null==o||o.remove()}}}),[]);var C;return(0,t.jsx)(t.Fragment,{children:(C=(0,t.jsx)(n.default,d({"data-id":P,variant:"outlined",size:"medium"},j,{style:d({width:y},a),className:N,disabled:p,value:v,onClick:T},{children:(0,t.jsx)("span",d({className:"paraui-toggle-button-text"},{children:u}))})),k?(0,t.jsx)(l.default,d({title:u},{children:(0,t.jsx)("span",d({className:"paraui-toggle-button-wrap"},{children:C}))})):C)})},f=g}(),p}()}));
+import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
+import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useState, useRef, useLayoutEffect } from 'react';
+import { Button } from '../Button/index.js';
+import { Tooltip } from '../Tooltip/index.js';
+import { UUID } from '@paraview/lib';
+import clsx from 'clsx';
+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 '../Dropdown/index.js';
+import 'rc-dropdown';
+import '../_verture/useFormatMessage-ac9d6acf.js';
+import '@para-ui/core/GlobalContext';
+import 'rc-tooltip';
+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-toggle-button {\n  color: rgb(46, 55, 67);\n}\n.paraui-toggle-button.paraui-button {\n  height: 30px;\n  padding: 0 20px;\n  line-height: 30px;\n}\n.paraui-toggle-button-wrap {\n  display: inline-block;\n}\n.paraui-toggle-button-text {\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-toggle-button-selected {\n  border-color: rgb(54, 102, 214);\n  color: rgb(54, 102, 214);\n}\n.paraui-toggle-button-selected:hover {\n  border-color: rgb(54, 102, 214);\n  color: rgb(54, 102, 214);\n}\n.paraui-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-toggle-button-selected[disabled]:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-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-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-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-toggle-button-disabled.paraui-toggle-button {\n  pointer-events: auto;\n  cursor: not-allowed;\n}\n\n.paraui-togglebutton-group {\n  display: flex;\n  flex-flow: row wrap;\n}\n.paraui-togglebutton-group .paraui-toggle-button {\n  margin: 0 10px;\n  line-height: 30px;\n}\n.paraui-togglebutton-group--text .paraui-toggle-button {\n  margin: 0;\n  padding: 0 16px;\n  line-height: 30px;\n}\n.paraui-togglebutton-group--text .paraui-toggle-button:hover {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-togglebutton-group--text .paraui-toggle-button[disabled] {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-togglebutton-group--text .paraui-toggle-button ~ .paraui-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-togglebutton-group--text .paraui-toggle-button-selected {\n  color: rgb(54, 102, 214);\n  font-weight: 700;\n}\n.paraui-togglebutton-group--text .paraui-toggle-button-selected:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-togglebutton-group--text .paraui-toggle-button-selected:first-child:before {\n  display: none;\n}\n.paraui-togglebutton-group--text .paraui-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-togglebutton-group--text .paraui-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;
+
+  if (type === 'text' && !('exclusive' in props)) {
+    exclusive = true;
+  }
+
+  var cls = clsx('paraui-togglebutton-group', className, {
+    'paraui-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"]);
+
+      var hasSelected = selected === undefined ? hasValueSelected(rest.value, value) : selected;
+      return jsx(ToggleButton, Object.assign({}, rest, {
+        style: style,
+        selected: hasSelected,
+        autoToolTipOverflow: type !== 'text',
+        variant: type === 'text' ? 'text' : 'outlined',
+        onClick: exclusive ? handleExclusiveChange : handleChange
+      }, {
+        children: label
+      }), idx);
+    });
+  };
+
+  return jsx("div", Object.assign({
+    className: cls
+  }, {
+    children: renderGroup()
+  }));
+};
+
+var ToggleButton = function ToggleButton(props) {
+  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"]);
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      hasTip = _useState2[0],
+      setHasTip = _useState2[1];
+
+  var id = useRef(UUID()).current; //className
+
+  var cls = clsx('paraui-toggle-button', className, {
+    'paraui-toggle-button-selected': selected,
+    'paraui-toggle-button-disabled': disabled
+  }); //点击事件
+
+  var handleClick = function handleClick(evt) {
+    if (onClick) onClick(evt, value);
+  };
+
+  useLayoutEffect(function () {
+    if (!autoToolTipOverflow) return;
+    var btn = document.querySelector("[data-id=\"".concat(id, "\"]"));
+    if (!btn) return;
+    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,
+      variant: 'outlined',
+      size: 'medium'
+    }, restProps, {
+      style: Object.assign({
+        width: width
+      }, style),
+      className: cls,
+      disabled: disabled,
+      value: value,
+      onClick: handleClick
+    }, {
+      children: jsx("span", Object.assign({
+        className: 'paraui-toggle-button-text'
+      }, {
+        children: children
+      }))
+    }));
+
+    if (hasTip) {
+      return jsx(Tooltip, Object.assign({
+        title: children
+      }, {
+        children: jsx("span", Object.assign({
+          className: 'paraui-toggle-button-wrap'
+        }, {
+          children: btn
+        }))
+      }));
+    }
+
+    return btn;
+  };
+
+  return jsx(Fragment, {
+    children: renderToggleButton()
+  });
+};
+
+export { ToggleButton, ToggleButtonGroup, ToggleButton as default };

package/Tooltip/index.d.ts

@@ -1,14 +1,16 @@
+import { FC } from 'react';
+import { T as TooltipProps } from '../_verture/interface-a77a851e.js';
+export { T as TooltipProps } from '../_verture/interface-a77a851e.js';
+import '../_verture/index-6190b129.js';
+import 'rc-tooltip/lib/Tooltip';
+import './node_modules/style-inject/dist/style-inject.es.js';
+
 /**
  * @author Hanz
- * @date 2021/8/9 下午3:47
+ * @date 2022/5/25 下午6:02
  * @description tooltip
  */
-import { FunctionComponent } from 'react';
-import { TooltipProps as MuiTooltipProps } from '@material-ui/core';
-import './index.scss';
-export declare type TooltipProps = MuiTooltipProps & {
-    className?: string;
-    boundariesElement?: 'scrollParent' | typeof window | 'viewport';
-};
-export declare const Tooltip: FunctionComponent<TooltipProps>;
-export default Tooltip;
+
+declare const Tooltip: FC<TooltipProps>;
+
+export { Tooltip, Tooltip as default };