@para-ui/core 2.2.4 → 2.2.5-beta

package/Tabs/index.d.ts

@@ -1,48 +1,83 @@
+import React__default, { ReactNode, FC } from 'react';
+import { TabsProps as TabsProps$1, TabPane } from 'rc-tabs';
+export { TabPaneProps } from 'rc-tabs';
+import { PopConfirmProps } from '../PopConfirm/index.js';
+import { HelpProps } from '../Help/index.js';
+import styleInject from './node_modules/style-inject/dist/style-inject.es.js';
+import '../Button/index.js';
+import '../_verture/interface-a77a851e.js';
+import 'rc-tooltip/lib/Tooltip';
+import '../_verture/index-6190b129.js';
+import '../_verture/index-5b08df83.js';
+import '../Dropdown/index.js';
+import '../_verture/index-0d8e1d07.js';
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/21 下午8:49\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-tabs-horizontal {\n  height: 40px;\n  min-height: auto;\n  border-bottom: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-tabs-horizontal .paraui-tabs-tab-editable-icon {\n  position: absolute;\n  right: 4px;\n  top: 50%;\n  transform: translateY(-50%);\n  line-height: 0;\n  cursor: pointer;\n}\n.paraui-tabs-horizontal .paraui-tabs-tab-editable-icon--interactive {\n  visibility: hidden;\n  transition: 0.3s;\n  opacity: 0;\n}\n.paraui-tabs-horizontal .paraui-tabs-tab-editable-icon svg {\n  color: inherit;\n  font-size: 12px;\n}\n.paraui-tabs-tab {\n  position: relative;\n  height: 40px;\n  min-width: auto;\n  min-height: auto;\n  padding: 0 20px;\n  margin: 0;\n  line-height: normal;\n  text-transform: none;\n  color: rgb(46, 55, 67);\n  background-color: rgb(255, 255, 255);\n  overflow: visible;\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  opacity: 1;\n  transition: 0.3s;\n}\n.paraui-tabs-tab:hover {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-tabs-tab:hover .paraui-tabs-tab-editable-icon--interactive {\n  visibility: visible;\n  opacity: 1;\n}\n.paraui-tabs-tab:hover .paraui-tabs-tab-editable-icon--interactive svg {\n  color: rgb(235, 96, 84);\n}\n.paraui-tabs-tab--selected.paraui-tabs-tab {\n  color: rgb(54, 102, 214);\n  font-weight: 700;\n}\n.paraui-tabs-tab[disabled] {\n  pointer-events: auto;\n  cursor: not-allowed;\n  color: rgba(46, 55, 67, 0.4);\n  opacity: 1;\n}\n.paraui-tabs-tab[disabled]:hover {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-tabs-indicator {\n  height: 1px;\n  background-color: transparent;\n}\n.paraui-tabs-indicator > span {\n  position: absolute;\n  height: 1px;\n  width: calc(100% - 40px);\n  left: 50%;\n  top: 0;\n  transform: translateX(-50%);\n  background-color: rgb(54, 102, 214);\n}\n.paraui-tabs-scrollbtn {\n  width: auto;\n}\n.paraui-tabs-scrollbtn > svg {\n  color: rgb(46, 55, 67);\n}\n.paraui-tabs-scrollbtn > svg:hover {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-tabs-vertical {\n  display: inline-flex;\n  height: 100%;\n  min-width: 100px;\n  border-right: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-tabs-vertical .paraui-tabs-tab {\n  margin: 0;\n  padding: 0 12px 0 0;\n}\n.paraui-tabs-vertical .paraui-tabs-tab:hover .paraui-tabs-tab-content--interactive {\n  width: calc(100% - 18px);\n}\n.paraui-tabs-vertical .paraui-tabs-tab:hover .paraui-tabs-tab-editable-icon--interactive {\n  width: auto;\n  height: auto;\n}\n.paraui-tabs-vertical .paraui-tabs-tab-content {\n  display: inline-block;\n  width: 100%;\n  text-align: right;\n}\n.paraui-tabs-vertical .paraui-tabs-tab-editable {\n  width: 100%;\n  display: inline-flex;\n  align-items: center;\n}\n.paraui-tabs-vertical .paraui-tabs-tab-editable-icon {\n  margin-left: 6px;\n  line-height: 0;\n}\n.paraui-tabs-vertical .paraui-tabs-tab-editable-icon--interactive {\n  width: 0;\n  height: 0;\n  visibility: hidden;\n  transition: opacity 0.3s;\n  opacity: 0;\n}\n.paraui-tabs-vertical .paraui-tabs-tab-editable-icon svg {\n  color: inherit;\n  font-size: 12px;\n}\n.paraui-tabs-vertical:not(.paraui-tabs-card) .paraui-tabs-tab--selected {\n  background-color: rgba(54, 102, 214, 0.05);\n}\n.paraui-tabs-vertical .paraui-tabs-indicator {\n  width: 1px;\n  background-color: rgb(54, 102, 214);\n}\n.paraui-tabs-card {\n  border-bottom: none;\n}\n.paraui-tabs-card .paraui-tabs-tab {\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  margin: 0;\n  padding: 0 20px;\n}\n.paraui-tabs-card .paraui-tabs-tab:not(:last-child) {\n  border-right: none;\n}\n.paraui-tabs-card .paraui-tabs-tab--selected {\n  border-bottom-color: transparent;\n}\n.paraui-tabs-card .paraui-tabs-indicator {\n  display: none;\n}\n.paraui-tabs-card--editable .paraui-tabs-tab-editable {\n  display: inline-flex;\n  align-items: center;\n}\n.paraui-tabs-card--editable .paraui-tabs-tab-editable-icon {\n  position: static;\n  margin-left: 6px;\n}\n.paraui-tabs-card--editable .paraui-tabs-tab-editable-icon svg {\n  color: inherit;\n  font-size: 12px;\n}\n.paraui-tabs-card.paraui-tabs-vertical {\n  border-right: none;\n}\n.paraui-tabs-card.paraui-tabs-vertical .paraui-tabs-tab {\n  border-right: 1px solid rgba(171, 176, 185, 0.4);\n}\n.paraui-tabs-card.paraui-tabs-vertical .paraui-tabs-tab:not(:last-child) {\n  border-bottom: none;\n}\n.paraui-tabs-card.paraui-tabs-vertical .paraui-tabs-tab--selected {\n  border-right-color: transparent;\n  border-bottom-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-tabs-card.paraui-tabs-vertical .paraui-tabs-tab-content {\n  display: inline-block;\n  width: 100%;\n  text-align: center;\n}\n.paraui-tabs-track {\n  display: inline-flex;\n  height: 36px;\n  border-bottom: 0;\n  background-color: rgba(171, 176, 185, 0.12);\n  border-radius: 4px;\n}\n.paraui-tabs-track .paraui-tabs-tab {\n  height: 28px;\n  margin: 4px;\n  padding: 0 16px;\n  background-color: transparent;\n  border-radius: 4px;\n}\n.paraui-tabs-track .paraui-tabs-tab--selected.paraui-tabs-tab {\n  color: rgb(54, 102, 214);\n  background-color: rgb(255, 255, 255);\n  font-weight: 400;\n}\n.paraui-tabs-track .paraui-tabs-indicator {\n  display: none;\n}\n\n.paraui-tabs-with-add {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n.paraui-tabs-with-add .paraui-tabs {\n  flex: 1;\n}\n.paraui-tabs-with-add .paraui-tabs-tab-add {\n  margin-left: 8px;\n}";
+styleInject(css_248z);
+
 /**
  * @author Hanz
- * @date 2021/8/5 下午3:10
- * @description 标签页
+ * @date 2022/5/30 上午9:59
+ * @description tabs
  */
-import React, { FunctionComponent, ReactNode } from 'react';
-import { TabsProps as MuiTabsProps } from "@material-ui/core";
-import { PopConfirmProps } from '../PopConfirm';
-import './index.scss';
-export interface TabProps {
-    /** 标签*/
+
+declare type TabsType = 'line' | 'card' | 'editable-card' | 'track' | 'card-container';
+declare type TabsPosition = 'top' | 'right' | 'bottom' | 'left';
+
+interface TabProps {
+    /** tab text */
     label?: ReactNode;
-    /** 选中value*/
+    /** tab panel */
+    content?: ReactNode;
+    /** tab key */
     value?: any;
-    /** 禁用*/
+    /** 禁用 */
     disabled?: boolean;
-    /** cls*/
-    className?: string;
-    /** 可关闭标签*/
+    /** 可关闭标签 */
     closable?: boolean;
-    /** 鼠标悬浮显示关闭图标 */
-    interactive?: boolean;
+    /** 显示帮助提示 Help */
+    showHelp?: boolean;
+    /** help props */
+    helpProps?: HelpProps;
     [name: string]: any;
 }
-export interface TabsProps extends Omit<MuiTabsProps, 'onChange'> {
+interface TabsProps extends Omit<TabsProps$1, 'editable'> {
+    /** tabs 类型 */
+    type?: TabsType;
     /** 模式:线性、卡片*/
-    mode?: 'line' | 'card' | 'track';
-    /**可编辑标签页*/
+    mode?: TabsType;
+    /** 大小 */
+    size?: 'small' | 'medium' | 'large';
+    /** 隐藏添加图标 */
+    hideAdd?: boolean;
+    /** 标签居中展示 */
+    centered?: boolean;
+    /** 添加图标 */
+    addIcon?: ReactNode;
+    /** 编辑标签 */
     editable?: boolean;
-    /**显示新增按钮*/
-    showAdd?: boolean | React.ReactNode;
+    /** 显示添加图标 */
+    showAdd?: boolean;
     /**显示 popconfirm，editable 为true 有效*/
     showPopConfirm?: boolean;
     /** popConfirm props*/
     popConfirmProps?: PopConfirmProps;
     /** 数据列表*/
-    data?: Array<TabProps>;
-    /** 显示tooltip*/
-    showToolTip?: boolean;
+    data?: TabProps[];
+    /** 选中的 value*/
+    value?: any;
     /** 新增按钮回调 showAdd 为 true 时有效*/
-    onAdd?: (event?: React.MouseEvent) => void;
+    onAdd?: (e?: React__default.MouseEvent) => void;
     /** 切换标签页的回调 */
-    onChange?: (value: any, tabData?: TabProps, event?: React.ChangeEvent) => void;
-    /** 关闭标签页的回调*/
-    onEdit?: (tabData: TabProps, event?: React.MouseEvent) => void;
+    onChange?: (activeKey: any, item?: TabProps) => void;
+    /** 新增和删除页签的回调 */
+    onEdit?: (item: TabProps, e?: React__default.MouseEvent | React__default.KeyboardEvent | string, action?: 'add' | 'remove') => void;
+    [name: string]: any;
 }
-export declare const Tabs: FunctionComponent<TabsProps>;
-export default Tabs;
+declare const Tabs: FC<TabsProps>;
+declare type mergedTabs = typeof Tabs & {
+    TabPane: typeof TabPane;
+};
+declare const _default: mergedTabs;
+
+export { TabProps, Tabs, TabsPosition, TabsProps, TabsType, _default as default };

package/Tabs/index.js

@@ -1,14 +1,218 @@
-!function(t,a){"object"==typeof exports&&"object"==typeof module?module.exports=a(require("react"),require("@material-ui/core"),require("@para-ui/icons/Close"),require("clsx"),require("@para-ui/icons/LoadingF"),require("@para-ui/icons/Forbid"),require("@para-ui/icons/Down"),require("@para-ui/core/GlobalContext"),require("@para-ui/icons/CheckCircleF"),require("@para-ui/icons/WarningCircle"),require("@para-ui/icons/CloseCircleF"),require("@para-ui/icons/WarningCircleF"),require("@para-ui/icons/Plus")):"function"==typeof define&&define.amd?define(["react","@material-ui/core","@para-ui/icons/Close","clsx","@para-ui/icons/LoadingF","@para-ui/icons/Forbid","@para-ui/icons/Down","@para-ui/core/GlobalContext","@para-ui/icons/CheckCircleF","@para-ui/icons/WarningCircle","@para-ui/icons/CloseCircleF","@para-ui/icons/WarningCircleF","@para-ui/icons/Plus"],a):"object"==typeof exports?exports.ParaUI=a(require("react"),require("@material-ui/core"),require("@para-ui/icons/Close"),require("clsx"),require("@para-ui/icons/LoadingF"),require("@para-ui/icons/Forbid"),require("@para-ui/icons/Down"),require("@para-ui/core/GlobalContext"),require("@para-ui/icons/CheckCircleF"),require("@para-ui/icons/WarningCircle"),require("@para-ui/icons/CloseCircleF"),require("@para-ui/icons/WarningCircleF"),require("@para-ui/icons/Plus")):t.ParaUI=a(t.react,t["@material-ui/core"],t["@para-ui/icons/Close"],t.clsx,t["@para-ui/icons/LoadingF"],t["@para-ui/icons/Forbid"],t["@para-ui/icons/Down"],t["@para-ui/core/GlobalContext"],t["@para-ui/icons/CheckCircleF"],t["@para-ui/icons/WarningCircle"],t["@para-ui/icons/CloseCircleF"],t["@para-ui/icons/WarningCircleF"],t["@para-ui/icons/Plus"])}(self,(function(t,a,o,i,r,n,e,c,s,l,u,p,d){return function(){var b={8313:function(t,a,o){(a=o(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=a},145:function(t,a,o){(a=o(3645)(!1)).push([t.id,".paraui-popconfirm .paraui-popconfirm-tooltip{max-width:600px;padding:0;font-size:14px;color:initial;background-color:#fff;box-shadow:0px 2px 8px 0px rgba(171,176,185,.4);border-radius:4px}.paraui-popconfirm .paraui-popconfirm-tooltip .popconfirm-wrapper{min-width:350px;padding:24px}.paraui-popconfirm .paraui-popconfirm-tooltip .popconfirm-wrapper .popconfirm-message{position:relative}.paraui-popconfirm .paraui-popconfirm-tooltip .popconfirm-wrapper .popconfirm-message-icon{position:absolute;top:2px;color:#ffa150;line-height:0;font-size:16px}.paraui-popconfirm .paraui-popconfirm-tooltip .popconfirm-wrapper .popconfirm-message-icon svg{color:inherit;font-size:inherit}.paraui-popconfirm .paraui-popconfirm-tooltip .popconfirm-wrapper .popconfirm-message-body{padding-left:24px;line-height:20px;font-size:14px;color:#2e3743}.paraui-popconfirm .paraui-popconfirm-tooltip .popconfirm-wrapper .popconfirm-message-title{font-weight:700}.paraui-popconfirm .paraui-popconfirm-tooltip .popconfirm-wrapper .popconfirm-message-content{font-weight:400;margin-top:13px}.paraui-popconfirm .paraui-popconfirm-tooltip .popconfirm-wrapper .popconfirm-btns{margin-top:32px;text-align:right}.paraui-popconfirm .paraui-popconfirm-tooltip .popconfirm-wrapper .popconfirm-btns>button+button{margin-left:16px}.paraui-popconfirm-arrow{color:#fff}.paraui-popconfirm-anchor{display:inline-block}.paraui-popconfirm-anchor-wrapper{display:inline-block}",""]),t.exports=a},3497:function(t,a,o){(a=o(3645)(!1)).push([t.id,".paraui-tabs-horizontal{height:40px;min-height:auto;border-bottom:1px solid rgba(171,176,185,.2)}.paraui-tabs-horizontal .paraui-tabs-tab-editable-icon{position:absolute;right:4px;top:50%;transform:translateY(-50%);line-height:0;cursor:pointer}.paraui-tabs-horizontal .paraui-tabs-tab-editable-icon--interactive{visibility:hidden;transition:.3s;opacity:0}.paraui-tabs-horizontal .paraui-tabs-tab-editable-icon svg{color:inherit;font-size:12px}.paraui-tabs-tab{position:relative;height:40px;min-width:auto;min-height:auto;padding:0 20px;margin:0;line-height:normal;text-transform:none;color:#2e3743;background-color:#fff;overflow:visible;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;opacity:1;transition:.3s}.paraui-tabs-tab:hover{color:rgba(54,102,214,.8)}.paraui-tabs-tab:hover .paraui-tabs-tab-editable-icon--interactive{visibility:visible;opacity:1}.paraui-tabs-tab:hover .paraui-tabs-tab-editable-icon--interactive svg{color:#eb6054}.paraui-tabs-tab--selected.paraui-tabs-tab{color:#3666d6;font-weight:700}.paraui-tabs-tab[disabled]{pointer-events:auto;cursor:not-allowed;color:rgba(46,55,67,.4);opacity:1}.paraui-tabs-tab[disabled]:hover{color:rgba(46,55,67,.4)}.paraui-tabs-indicator{height:1px;background-color:rgba(0,0,0,0)}.paraui-tabs-indicator>span{position:absolute;height:1px;width:calc(100% - 40px);left:50%;top:0;transform:translateX(-50%);background-color:#3666d6}.paraui-tabs-scrollbtn{width:auto}.paraui-tabs-scrollbtn>svg{color:#2e3743}.paraui-tabs-scrollbtn>svg:hover{color:rgba(54,102,214,.8)}.paraui-tabs-vertical{display:inline-flex;height:100%;min-width:100px;border-right:1px solid rgba(171,176,185,.2)}.paraui-tabs-vertical .paraui-tabs-tab{margin:0;padding:0 12px 0 0}.paraui-tabs-vertical .paraui-tabs-tab:hover .paraui-tabs-tab-content--interactive{width:calc(100% - 18px)}.paraui-tabs-vertical .paraui-tabs-tab:hover .paraui-tabs-tab-editable-icon--interactive{width:auto;height:auto}.paraui-tabs-vertical .paraui-tabs-tab-content{display:inline-block;width:100%;text-align:right}.paraui-tabs-vertical .paraui-tabs-tab-editable{width:100%;display:inline-flex;align-items:center}.paraui-tabs-vertical .paraui-tabs-tab-editable-icon{margin-left:6px;line-height:0}.paraui-tabs-vertical .paraui-tabs-tab-editable-icon--interactive{width:0;height:0;visibility:hidden;transition:opacity .3s;opacity:0}.paraui-tabs-vertical .paraui-tabs-tab-editable-icon svg{color:inherit;font-size:12px}.paraui-tabs-vertical:not(.paraui-tabs-card) .paraui-tabs-tab--selected{background-color:rgba(54,102,214,.05)}.paraui-tabs-vertical .paraui-tabs-indicator{width:1px;background-color:#3666d6}.paraui-tabs-card{border-bottom:none}.paraui-tabs-card .paraui-tabs-tab{border:1px solid rgba(171,176,185,.4);margin:0;padding:0 20px}.paraui-tabs-card .paraui-tabs-tab:not(:last-child){border-right:none}.paraui-tabs-card .paraui-tabs-tab--selected{border-bottom-color:rgba(0,0,0,0)}.paraui-tabs-card .paraui-tabs-indicator{display:none}.paraui-tabs-card--editable .paraui-tabs-tab-editable{display:inline-flex;align-items:center}.paraui-tabs-card--editable .paraui-tabs-tab-editable-icon{position:static;margin-left:6px}.paraui-tabs-card--editable .paraui-tabs-tab-editable-icon svg{color:inherit;font-size:12px}.paraui-tabs-card.paraui-tabs-vertical{border-right:none}.paraui-tabs-card.paraui-tabs-vertical .paraui-tabs-tab{border-right:1px solid rgba(171,176,185,.4)}.paraui-tabs-card.paraui-tabs-vertical .paraui-tabs-tab:not(:last-child){border-bottom:none}.paraui-tabs-card.paraui-tabs-vertical .paraui-tabs-tab--selected{border-right-color:rgba(0,0,0,0);border-bottom-color:rgba(171,176,185,.4)}.paraui-tabs-card.paraui-tabs-vertical .paraui-tabs-tab-content{display:inline-block;width:100%;text-align:center}.paraui-tabs-track{display:inline-flex;height:36px;border-bottom:0;background-color:rgba(171,176,185,.12);border-radius:4px}.paraui-tabs-track .paraui-tabs-tab{height:28px;margin:4px;padding:0 16px;background-color:rgba(0,0,0,0);border-radius:4px}.paraui-tabs-track .paraui-tabs-tab--selected.paraui-tabs-tab{color:#3666d6;background-color:#fff;font-weight:400}.paraui-tabs-track .paraui-tabs-indicator{display:none}.paraui-tabs-with-add{position:relative;display:flex;align-items:center}.paraui-tabs-with-add .paraui-tabs{flex:1}.paraui-tabs-with-add .paraui-tabs-tab-add{margin-left:8px}",""]),t.exports=a},9929:function(t,a,o){(a=o(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=a},3645:function(t){"use strict";t.exports=function(t){var a=[];return a.toString=function(){return this.map((function(a){var o=function(t,a){var o=t[1]||"",i=t[3];if(!i)return o;if(a&&"function"==typeof btoa){var r=(e=i,c=btoa(unescape(encodeURIComponent(JSON.stringify(e)))),s="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(c),"/*# ".concat(s," */")),n=i.sources.map((function(t){return"/*# sourceURL=".concat(i.sourceRoot||"").concat(t," */")}));return[o].concat(n).concat([r]).join("\n")}var e,c,s;return[o].join("\n")}(a,t);return a[2]?"@media ".concat(a[2]," {").concat(o,"}"):o})).join("")},a.i=function(t,o,i){"string"==typeof t&&(t=[[null,t,""]]);var r={};if(i)for(var n=0;n<this.length;n++){var e=this[n][0];null!=e&&(r[e]=!0)}for(var c=0;c<t.length;c++){var s=[].concat(t[c]);i&&r[s[0]]||(o&&(s[2]?s[2]="".concat(o," and ").concat(s[2]):s[2]=o),a.push(s))}},a}},7418:function(t){"use strict";
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/var a=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,i=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 a={},o=0;o<10;o++)a["_"+String.fromCharCode(o)]=o;if("0123456789"!==Object.getOwnPropertyNames(a).map((function(t){return a[t]})).join(""))return!1;var i={};return"abcdefghijklmnopqrst".split("").forEach((function(t){i[t]=t})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},i)).join("")}catch(t){return!1}}()?Object.assign:function(t,n){for(var e,c,s=r(t),l=1;l<arguments.length;l++){for(var u in e=Object(arguments[l]))o.call(e,u)&&(s[u]=e[u]);if(a){c=a(e);for(var p=0;p<c.length;p++)i.call(e,c[p])&&(s[c[p]]=e[c[p]])}}return s}},5251:function(t,a,o){"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.
- */o(7418);var i=o(8156),r=60103;if(a.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var n=Symbol.for;r=n("react.element"),a.Fragment=n("react.fragment")}var e=i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c=Object.prototype.hasOwnProperty,s={key:!0,ref:!0,__self:!0,__source:!0};function l(t,a,o){var i,n={},l=null,u=null;for(i in void 0!==o&&(l=""+o),void 0!==a.key&&(l=""+a.key),void 0!==a.ref&&(u=a.ref),a)c.call(a,i)&&!s.hasOwnProperty(i)&&(n[i]=a[i]);if(t&&t.defaultProps)for(i in a=t.defaultProps)void 0===n[i]&&(n[i]=a[i]);return{$$typeof:r,type:t,key:l,ref:u,props:n,_owner:e.current}}a.jsx=l,a.jsxs=l},5893:function(t,a,o){"use strict";t.exports=o(5251)},5822:function(t,a,o){var i=o(3379),r=o(8313);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[t.id,r,""]]);var n={insert:("body","body"),singleton:!1};i(r,n);t.exports=r.locals||{}},6084:function(t,a,o){var i=o(3379),r=o(145);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[t.id,r,""]]);var n={insert:("body","body"),singleton:!1};i(r,n);t.exports=r.locals||{}},9302:function(t,a,o){var i=o(3379),r=o(3497);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[t.id,r,""]]);var n={insert:("body","body"),singleton:!1};i(r,n);t.exports=r.locals||{}},2310:function(t,a,o){var i=o(3379),r=o(9929);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[t.id,r,""]]);var n={insert:("body","body"),singleton:!1};i(r,n);t.exports=r.locals||{}},3379:function(t,a,o){"use strict";var i,r=function(){return void 0===i&&(i=Boolean(window&&document&&document.all&&!window.atob)),i},n=function(){var t={};return function(a){if(void 0===t[a]){var o=document.querySelector(a);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(t){o=null}t[a]=o}return t[a]}}(),e=[];function c(t){for(var a=-1,o=0;o<e.length;o++)if(e[o].identifier===t){a=o;break}return a}function s(t,a){for(var o={},i=[],r=0;r<t.length;r++){var n=t[r],s=a.base?n[0]+a.base:n[0],l=o[s]||0,u="".concat(s," ").concat(l);o[s]=l+1;var p=c(u),d={css:n[1],media:n[2],sourceMap:n[3]};-1!==p?(e[p].references++,e[p].updater(d)):e.push({identifier:u,updater:h(d,a),references:1}),i.push(u)}return i}function l(t){var a=document.createElement("style"),i=t.attributes||{};if(void 0===i.nonce){var r=o.nc;r&&(i.nonce=r)}if(Object.keys(i).forEach((function(t){a.setAttribute(t,i[t])})),"function"==typeof t.insert)t.insert(a);else{var e=n(t.insert||"head");if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(a)}return a}var u,p=(u=[],function(t,a){return u[t]=a,u.filter(Boolean).join("\n")});function d(t,a,o,i){var r=o?"":i.media?"@media ".concat(i.media," {").concat(i.css,"}"):i.css;if(t.styleSheet)t.styleSheet.cssText=p(a,r);else{var n=document.createTextNode(r),e=t.childNodes;e[a]&&t.removeChild(e[a]),e.length?t.insertBefore(n,e[a]):t.appendChild(n)}}function b(t,a,o){var i=o.css,r=o.media,n=o.sourceMap;if(r?t.setAttribute("media",r):t.removeAttribute("media"),n&&"undefined"!=typeof btoa&&(i+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(n))))," */")),t.styleSheet)t.styleSheet.cssText=i;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(i))}}var f=null,g=0;function h(t,a){var o,i,r;if(a.singleton){var n=g++;o=f||(f=l(a)),i=d.bind(null,o,n,!1),r=d.bind(null,o,n,!0)}else o=l(a),i=b.bind(null,o,a),r=function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(o)};return i(t),function(a){if(a){if(a.css===t.css&&a.media===t.media&&a.sourceMap===t.sourceMap)return;i(t=a)}else r()}}t.exports=function(t,a){(a=a||{}).singleton||"boolean"==typeof a.singleton||(a.singleton=r());var o=s(t=t||[],a);return function(t){if(t=t||[],"[object Array]"===Object.prototype.toString.call(t)){for(var i=0;i<o.length;i++){var r=c(o[i]);e[r].references--}for(var n=s(t,a),l=0;l<o.length;l++){var u=c(o[l]);0===e[u].references&&(e[u].updater(),e.splice(u,1))}o=n}}}},7896:function(t,a,o){"use strict";o.d(a,{default:function(){return w}});var i=o(5893),r=o(8156),n=o(670),e=o(5744),c=o.n(e),s=o(2788),l=o.n(s),u=o(3835),p=o.n(u),d=o(7371),b=o(2396),f=o.n(b),g=o(3054),h={zh:{moreActions:"更多操作"},en:{moreActions:"More actions"}},m=function(){return m=Object.assign||function(t){for(var a,o=1,i=arguments.length;o<i;o++)for(var r in a=arguments[o])Object.prototype.hasOwnProperty.call(a,r)&&(t[r]=a[r]);return t},m.apply(this,arguments)};o(5822);var v=function(){return v=Object.assign||function(t){for(var a,o=1,i=arguments.length;o<i;o++)for(var r in a=arguments[o])Object.prototype.hasOwnProperty.call(a,r)&&(t[r]=a[r]);return t},v.apply(this,arguments)},x=function(t,a){var o={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&a.indexOf(i)<0&&(o[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(t);r<i.length;r++)a.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(t,i[r])&&(o[i[r]]=t[i[r]])}return o},y=function(t){var a=t.variant,o=void 0===a?"contained":a,e=t.size,s=void 0===e?"large":e,u=t.className,b=t.disabled,f=void 0!==b&&b,g=t.children,h=t.startIcon,m=t.endIcon,y=t.loading,w=void 0!==y&&y,j=t.toolTipTitle,k=void 0===j?"":j,C=t.TooltipProps,O=t.danger,N=void 0!==O&&O,P=x(t,["variant","size","className","disabled","children","startIcon","endIcon","loading","toolTipTitle","TooltipProps","danger"]),S=(0,r.useState)(!1),T=S[0],z=S[1],F=function(t){if(!T)return"start"===t&&h?(0,i.jsx)("span",v({className:c()("btn-icon","start-icon")},{children:h})):"end"===t&&m?(0,i.jsx)("span",v({className:c()("btn-icon","end-icon")},{children:m})):null;if("object"==typeof w){var a=w.delay||0;setTimeout((function(){return z(!1)}),a)}return"start"===t?(0,i.jsx)("span",v({className:"btn-icon loading-icon"},{children:(0,i.jsx)(l(),{})})):null},_=(0,i.jsx)(n.Button,v({},P,{color:"default",variant:"contained",disabled:f,disableRipple:!0,disableElevation:!0,className:c()("paraui-button",u,"paraui-button-".concat(o),"paraui-button-".concat(s),T&&"paraui-button-loading",N&&!f&&"paraui-button-dangerous"),classes:{label:"paraui-button-label"},startIcon:F("start"),endIcon:F("end")},{children:g}));return(0,r.useEffect)((function(){z(!!w)}),[w]),f&&k?(0,i.jsx)(d.default,v({},C,{title:function(){if(f&&k){return(0,i.jsxs)("span",{children:[(0,i.jsx)(p(),{style:{marginRight:"4px",fontSize:"11px",color:"inherit"}}),k]})}return k}()},{children:(0,i.jsx)("span",v({className:"paraui-button--disabled"},{children:_}))})):_};y.IconButton=function(t){var a=t.variant,o=void 0===a?"contained":a,e=t.size,s=void 0===e?"large":e,u=t.toolTipTitle,b=void 0===u?"":u,f=t.children,g=t.className,h=t.disabled,m=void 0!==h&&h,y=t.loading,w=void 0!==y&&y,j=t.TooltipProps,k=t.danger,C=void 0!==k&&k,O=x(t,["variant","size","toolTipTitle","children","className","disabled","loading","TooltipProps","danger"]),N=(0,r.useState)(!1),P=N[0],S=N[1],T=(0,i.jsx)(n.IconButton,v({},O,{disabled:m,disableRipple:!0,className:c()("paraui-icon-button",g,"paraui-icon-button-".concat(o),"paraui-icon-button-".concat(s),P&&"paraui-icon-button-loading",C&&!m&&"paraui-icon-button-dangerous")},{children:function(){if(!P)return f;if("object"==typeof w){var t=w.delay||0;setTimeout((function(){return S(!1)}),t)}return(0,i.jsx)("span",v({className:"loading-icon"},{children:(0,i.jsx)(l(),{})}))}()}));return(0,r.useEffect)((function(){S(!!w)}),[w]),b?(0,i.jsx)(d.default,v({},j,{title:function(){if(m&&b){return(0,i.jsxs)("span",{children:[(0,i.jsx)(p(),{style:{marginRight:"4px",fontSize:"11px",color:"inherit"}}),b]})}return b}()},{children:m?(0,i.jsx)("span",v({className:"paraui-button--disabled"},{children:T})):T}),+P):T},y.SplitButton=function(t){var a=t.buttonText,o=t.options,e=void 0===o?[]:o,s=t.className,l=t.popperClassName,u=t.style,p=t.popperStyle,d=t.disabled,b=void 0!==d&&d,v=t.onClick,x=t.optionRender,y=t.placement,j=void 0===y?"bottom-end":y,k=t.buttonProps,C=t.iconButton,O=void 0!==C&&C,N=(0,g.Z)("Button",h),P=(0,r.useState)(!1),S=P[0],T=P[1],z=(0,r.useRef)(null),F=(0,r.useRef)(),_=(0,r.useRef)(),E=(0,r.useState)(),q=E[0],I=E[1],M=function(t,a,o){var i;t.disabled?o.stopPropagation():(I(a),T(!1),null===(i=F.current)||void 0===i||i.classList.remove("paraui-button-split--active"),null==v||v(t,o))},L=function(t){t.stopPropagation(),R();var a=t.currentTarget;_.current=window.setTimeout((function(){F.current=a,a.classList.add("paraui-button-split--active"),T(!0)}),150)},R=function(){_.current&&(clearTimeout(_.current),_.current=null)},A=function(t){var a,o;(null===(a=z.current)||void 0===a?void 0:a.contains(t.target))||(T(!1),null===(o=F.current)||void 0===o||o.classList.remove("paraui-button-split--active"))},B=function(){return(0,i.jsx)("div",m({className:"paraui-button-split-list"},{children:(0,i.jsx)("ul",{children:e.map((function(t,a){return Array.isArray(t)?function(t,a){return(0,i.jsx)("li",m({className:"split-li-group"},{children:t.map((function(t,o){var r="".concat(a,"-").concat(o);return(0,i.jsx)("div",m({className:c()("split-li",r===q&&"split-li--active",t.disabled&&"split-li--disabled"),onClick:function(a){return M(t,r,a)}},{children:(null==x?void 0:x(t))||t.label}),r)}))}),a)}(t,a):(0,i.jsx)("li",m({className:c()("split-li",a===q&&"split-li--active",t.disabled&&"split-li--disabled"),onClick:function(o){return M(t,a,o)}},{children:(null==x?void 0:x(t))||t.label}),a)}))})}))};return(0,i.jsxs)("div",m({className:c()("paraui-button-split",s),ref:z,style:u,onMouseLeave:function(t){var a;t.stopPropagation(),R(),null===(a=t.currentTarget.firstElementChild)||void 0===a||a.classList.remove("paraui-button-split--active"),T(!1)}},{children:[O?(0,i.jsx)(w.IconButton,m({variant:"text",size:"small",disabled:b},k,{onMouseEnter:L},{children:null!=a?a:N({id:"moreActions"})})):(0,i.jsx)(w,m({variant:"outlined",size:"large",startIcon:(0,i.jsx)(f(),{}),disabled:b},k,{onMouseEnter:L},{children:null!=a?a:N({id:"moreActions"})})),(0,i.jsx)(n.Popper,m({open:S,anchorEl:z.current,transition:!0,placement:j,style:m({zIndex:1500},p),className:c()("paraui-button-split-popper",l)},{children:function(t){var a=t.TransitionProps;t.placement;return(0,i.jsx)(n.Grow,m({},a,{children:(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(n.ClickAwayListener,m({onClickAway:A},{children:B()}))})}))}}))]}))};var w=y},3054:function(t,a,o){"use strict";var i=o(8156),r=o.n(i),n=o(5395),e=o.n(n);a.Z=function(t,a){var o=r().useContext(e()).intlFormat;return a.zh_CN=a.zh,a.en_US=a.en,o&&o(t,a)}},7580:function(t,a,o){"use strict";o.d(a,{default:function(){return k}});var i=o(5893),r=o(8156),n=o.n(r),e=o(670),c=o(1014),s=o.n(c),l=o(4753),u=o.n(l),p=o(6649),d=o.n(p),b=o(595),f=o.n(b),g=o(7896),h=o(7371),m=o(5744),v=o.n(m),x=o(3054),y={zh:{cancel:"取消",ok:"确定"},en:{cancel:"Cancel",ok:"Ok"}},w=(o(6084),function(){return w=Object.assign||function(t){for(var a,o=1,i=arguments.length;o<i;o++)for(var r in a=arguments[o])Object.prototype.hasOwnProperty.call(a,r)&&(t[r]=a[r]);return t},w.apply(this,arguments)}),j={success:(0,i.jsx)(s(),{}),warning:(0,i.jsx)(f(),{}),error:(0,i.jsx)(d(),{}),info:(0,i.jsx)(u(),{})},k=function(t){var a=t.trigger,o=void 0===a?"click":a,c=t.type,s=void 0===c?"warning":c,l=t.title,u=t.content,p=t.icon,d=t.okText,b=t.cancelText,f=t.onOk,m=t.onCancel,k=t.okButtonProps,C=t.cancelButtonProps,O=t.placement,N=void 0===O?"bottom":O,P=t.className,S=t.style,T=t.children,z=t.open,F=void 0!==z&&z,_=t.controllable,E=void 0!==_&&_,q=t.showCancel,I=void 0===q||q,M=t.bubble,L=void 0===M||M,R=t.actions,A=t.onClose,B=(0,x.Z)("PopConfirm",y),H=n().useRef(),W={interactive:!0,arrow:!1},U="click"===o;U||E?(W.disableFocusListener=!0,W.disableHoverListener=!0,W.disableTouchListener=!0):W.disableFocusListener=!0;var D=(0,r.useState)(!1),Y=D[0],G=D[1],J=function(){E||(G(!1),null==A||A())},Z=function(){G(!0)},K=function(){null==m||m(),J()},Q=function(){null==f||f(),J()},$=function(t){H.current&&H.current.contains(t.target)||(E||G(!1),null==A||A())};(0,r.useEffect)((function(){E&&G(F)}),[F]);var X,V;return(0,i.jsx)(i.Fragment,{children:(V=(0,i.jsx)("span",w({className:"paraui-popconfirm-anchor"},{children:T})),U&&(V=(0,i.jsx)(e.ClickAwayListener,w({onClickAway:$},{children:(0,i.jsx)("span",w({className:"paraui-popconfirm-anchor",onClick:Z},{children:T}))}))),(0,i.jsx)(h.default,w({open:Y,placement:N},W,{title:(X=(0,i.jsxs)(i.Fragment,{children:[I&&(0,i.jsx)(g.default,w({onClick:K,variant:"outlined",size:"small"},C,{children:null!=b?b:B({id:"cancel"})})),(0,i.jsx)(g.default,w({onClick:Q,variant:"contained",size:"small"},k,{children:null!=d?d:B({id:"ok"})}))]}),(0,i.jsxs)("div",w({className:v()("popconfirm-wrapper"),ref:H,style:S,onClick:function(t){L||t.stopPropagation()}},{children:[(0,i.jsxs)("div",w({className:"popconfirm-message"},{children:[(0,i.jsx)("span",w({className:"popconfirm-message-icon"},{children:p||j[s]})),(0,i.jsxs)("div",w({className:"popconfirm-message-body"},{children:[l&&(0,i.jsx)("div",w({className:"popconfirm-message-title"},{children:l})),(0,i.jsx)("div",w({className:"popconfirm-message-content"},{children:u}))]}))]})),(0,i.jsx)("div",w({className:"popconfirm-btns"},{children:null!=R?R:X}))]}))),onClose:J,onOpen:Z,classes:{popper:v()("paraui-popconfirm",P),tooltip:"paraui-popconfirm-tooltip",arrow:"paraui-popconfirm-arrow"}},{children:(0,i.jsx)("span",w({className:"paraui-popconfirm-anchor-wrapper"},{children:V}))})))})}},7371:function(t,a,o){"use strict";var i=o(5893),r=o(670),n=o(5744),e=o.n(n),c=(o(2310),function(){return c=Object.assign||function(t){for(var a,o=1,i=arguments.length;o<i;o++)for(var r in a=arguments[o])Object.prototype.hasOwnProperty.call(a,r)&&(t[r]=a[r]);return t},c.apply(this,arguments)}),s=function(t,a){var o={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&a.indexOf(i)<0&&(o[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(t);r<i.length;r++)a.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(t,i[r])&&(o[i[r]]=t[i[r]])}return o};a.default=function(t){var a,o=t.placement,n=void 0===o?"top-start":o,l=t.className,u=t.arrow,p=void 0===u||u,d=t.PopperProps,b=t.boundariesElement,f=void 0===b?"scrollParent":b,g=s(t,["placement","className","arrow","PopperProps","boundariesElement"]),h=c(c({},t.classes),{popper:e()("paraui-tooltip",l,null===(a=t.classes)||void 0===a?void 0:a.popper,{"paraui-tooltip-left-right":(null==n?void 0:n.includes("left"))||(null==n?void 0:n.includes("right")),"paraui-tooltip-top-bottom":(null==n?void 0:n.includes("top"))||(null==n?void 0:n.includes("bottom"))})});return(0,i.jsx)(r.Tooltip,c({},g,{enterTouchDelay:0,arrow:p,placement:n,classes:h,PopperProps:c(c({},d),{modifiers:{preventOverflow:{boundariesElement:f}}})}))}},670:function(t){"use strict";t.exports=a},5395:function(t){"use strict";t.exports=c},1014:function(t){"use strict";t.exports=s},5927:function(t){"use strict";t.exports=o},6649:function(t){"use strict";t.exports=u},2396:function(t){"use strict";t.exports=e},3835:function(t){"use strict";t.exports=n},2788:function(t){"use strict";t.exports=r},1632:function(t){"use strict";t.exports=d},4753:function(t){"use strict";t.exports=l},595:function(t){"use strict";t.exports=p},5744:function(t){"use strict";t.exports=i},8156:function(a){"use strict";a.exports=t}},f={};function g(t){var a=f[t];if(void 0!==a)return a.exports;var o=f[t]={id:t,exports:{}};return b[t](o,o.exports,g),o.exports}g.n=function(t){var a=t&&t.__esModule?function(){return t.default}:function(){return t};return g.d(a,{a:a}),a},g.d=function(t,a){for(var o in a)g.o(a,o)&&!g.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:a[o]})},g.o=function(t,a){return Object.prototype.hasOwnProperty.call(t,a)},g.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},g.nc=void 0;var h={};return function(){"use strict";g.r(h),g.d(h,{Tabs:function(){return b}});var t=g(5893),a=g(670),o=g(5927),i=g.n(o),r=g(7371),n=g(7896),e=g(7580),c=g(5744),s=g.n(c),l=g(1632),u=g.n(l),p=(g(9302),function(){return p=Object.assign||function(t){for(var a,o=1,i=arguments.length;o<i;o++)for(var r in a=arguments[o])Object.prototype.hasOwnProperty.call(a,r)&&(t[r]=a[r]);return t},p.apply(this,arguments)}),d=function(t,a){var o={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&a.indexOf(i)<0&&(o[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(t);r<i.length;r++)a.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(t,i[r])&&(o[i[r]]=t[i[r]])}return o},b=function(o){var c=o.mode,l=void 0===c?"line":c,b=o.editable,f=void 0!==b&&b,g=o.showAdd,h=void 0!==g&&g,m=o.showPopConfirm,v=void 0!==m&&m,x=o.popConfirmProps,y=o.data,w=void 0===y?[]:y,j=o.showToolTip,k=void 0!==j&&j,C=o.orientation,O=void 0===C?"horizontal":C,N=o.className,P=o.onChange,S=o.onEdit,T=o.onAdd,z=d(o,["mode","editable","showAdd","showPopConfirm","popConfirmProps","data","showToolTip","orientation","className","onChange","onEdit","onAdd"]),F=function(a){var o,n=a.label,c=void 0===n?"":n,l=a.closable,u=a.interactive,d=s()("paraui-tabs-tab-content",{"paraui-tabs-tab-content--interactive":f&&u}),b=s()("paraui-tabs-tab-editable-icon",u&&"paraui-tabs-tab-editable-icon--interactive"),g=k?(0,t.jsx)(r.default,p({title:c,placement:"horizontal"===O?"top-start":"right"},{children:(0,t.jsx)("span",p({className:d},{children:c}))})):(0,t.jsx)("span",p({className:d},{children:c}));return f?(0,t.jsxs)("span",p({className:"paraui-tabs-tab-editable"},{children:[g,!1===l?null:v?(0,t.jsx)("span",p({onClick:function(t){return t.stopPropagation()}},{children:(0,t.jsx)(e.default,p({content:"确认删除吗？",placement:"top"},x,{onOk:function(){return _(a,o)}},{children:(0,t.jsx)("span",p({className:b,onClick:function(t){return o=t}},{children:(0,t.jsx)(i(),{})}))}))})):(0,t.jsx)("span",p({className:b,onClick:function(t){return _(a,t)}},{children:(0,t.jsx)(i(),{})}))]})):g},_=function(t,a){a.stopPropagation(),null==S||S(t,a)},E=function(t){null==T||T(t)},q=(0,t.jsx)(a.Tabs,p({className:s()("paraui-tabs",N,"paraui-tabs-".concat(O),{"paraui-tabs-card":"card"===l,"paraui-tabs-card--editable":"card"===l&&f,"paraui-tabs-track":"track"===l}),indicatorColor:"primary",textColor:"inherit",orientation:O,TabIndicatorProps:{children:(0,t.jsx)("span",{}),datatype:"indicator",className:"paraui-tabs-indicator"},TabScrollButtonProps:{className:"paraui-tabs-scrollbtn"},onChange:function(t,a){var o={};o="number"==typeof a?w[a]:w.find((function(t){return t.value===a}))||{},null==P||P(a,o,t)}},z,{children:(null==w?void 0:w.length)?w.map((function(o,i){var r=o.value,n=o.disabled,e=o.className;return(0,t.jsx)(a.Tab,{value:r,disabled:n,disableRipple:!0,label:F(o),className:s()("paraui-tabs-tab",e),classes:{selected:"paraui-tabs-tab--selected"}},i)})):null}));return h?(0,t.jsxs)("div",p({className:"paraui-tabs-with-add"},{children:[q,h?"boolean"!=typeof h?(0,t.jsx)("span",p({className:"paraui-tabs-tab-add"},{children:h})):(0,t.jsx)(n.default.IconButton,p({variant:"outlined",size:"small",onClick:E,className:"paraui-tabs-tab-add"},{children:(0,t.jsx)(u(),{})})):null]})):q};h.default=b}(),h}()}));
+import { _ as _defineProperty } from '../_verture/defineProperty-0590dc61.js';
+import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
+import React__default, { createElement } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import RcTabs, { TabPane } from 'rc-tabs';
+import More from '@para-ui/icons/More';
+import Plus from '@para-ui/icons/Plus';
+import CloseIcon from '@para-ui/icons/Close';
+import { PopConfirm } from '../PopConfirm/index.js';
+import Help from '../Help/index.js';
+import clsx from 'clsx';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-ac9d6acf.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import '../_verture/slicedToArray-d7722f4b.js';
+import '@para-ui/icons/CheckCircleF';
+import '@para-ui/icons/WarningCircle';
+import '@para-ui/icons/CloseCircleF';
+import '@para-ui/icons/WarningCircleF';
+import '../Button/index.js';
+import '../_verture/typeof-498dd2b1.js';
+import '@para-ui/icons/LoadingF';
+import '@para-ui/icons/Forbid';
+import '../Tooltip/index.js';
+import 'rc-tooltip';
+import 'rc-tooltip/lib/placements';
+import '@para-ui/icons/Down';
+import '../Dropdown/index.js';
+import 'rc-dropdown';
+import '@para-ui/core/GlobalContext';
+import '@para-ui/icons/Help';
+
+var en = {
+  confirmDelete: 'Are you sure delete?'
+};
+
+var zh = {
+  confirmDelete: '确定删除吗？'
+};
+
+var localeJson = {
+  zh: zh,
+  en: en
+};
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/21 下午8:49\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-tabs-horizontal {\n  height: 40px;\n  min-height: auto;\n  border-bottom: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-tabs-horizontal .paraui-tabs-tab-editable-icon {\n  position: absolute;\n  right: 4px;\n  top: 50%;\n  transform: translateY(-50%);\n  line-height: 0;\n  cursor: pointer;\n}\n.paraui-tabs-horizontal .paraui-tabs-tab-editable-icon--interactive {\n  visibility: hidden;\n  transition: 0.3s;\n  opacity: 0;\n}\n.paraui-tabs-horizontal .paraui-tabs-tab-editable-icon svg {\n  color: inherit;\n  font-size: 12px;\n}\n.paraui-tabs-tab {\n  position: relative;\n  height: 40px;\n  min-width: auto;\n  min-height: auto;\n  padding: 0 20px;\n  margin: 0;\n  line-height: normal;\n  text-transform: none;\n  color: rgb(46, 55, 67);\n  background-color: rgb(255, 255, 255);\n  overflow: visible;\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  opacity: 1;\n  transition: 0.3s;\n}\n.paraui-tabs-tab:hover {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-tabs-tab:hover .paraui-tabs-tab-editable-icon--interactive {\n  visibility: visible;\n  opacity: 1;\n}\n.paraui-tabs-tab:hover .paraui-tabs-tab-editable-icon--interactive svg {\n  color: rgb(235, 96, 84);\n}\n.paraui-tabs-tab--selected.paraui-tabs-tab {\n  color: rgb(54, 102, 214);\n  font-weight: 700;\n}\n.paraui-tabs-tab[disabled] {\n  pointer-events: auto;\n  cursor: not-allowed;\n  color: rgba(46, 55, 67, 0.4);\n  opacity: 1;\n}\n.paraui-tabs-tab[disabled]:hover {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-tabs-indicator {\n  height: 1px;\n  background-color: transparent;\n}\n.paraui-tabs-indicator > span {\n  position: absolute;\n  height: 1px;\n  width: calc(100% - 40px);\n  left: 50%;\n  top: 0;\n  transform: translateX(-50%);\n  background-color: rgb(54, 102, 214);\n}\n.paraui-tabs-scrollbtn {\n  width: auto;\n}\n.paraui-tabs-scrollbtn > svg {\n  color: rgb(46, 55, 67);\n}\n.paraui-tabs-scrollbtn > svg:hover {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-tabs-vertical {\n  display: inline-flex;\n  height: 100%;\n  min-width: 100px;\n  border-right: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-tabs-vertical .paraui-tabs-tab {\n  margin: 0;\n  padding: 0 12px 0 0;\n}\n.paraui-tabs-vertical .paraui-tabs-tab:hover .paraui-tabs-tab-content--interactive {\n  width: calc(100% - 18px);\n}\n.paraui-tabs-vertical .paraui-tabs-tab:hover .paraui-tabs-tab-editable-icon--interactive {\n  width: auto;\n  height: auto;\n}\n.paraui-tabs-vertical .paraui-tabs-tab-content {\n  display: inline-block;\n  width: 100%;\n  text-align: right;\n}\n.paraui-tabs-vertical .paraui-tabs-tab-editable {\n  width: 100%;\n  display: inline-flex;\n  align-items: center;\n}\n.paraui-tabs-vertical .paraui-tabs-tab-editable-icon {\n  margin-left: 6px;\n  line-height: 0;\n}\n.paraui-tabs-vertical .paraui-tabs-tab-editable-icon--interactive {\n  width: 0;\n  height: 0;\n  visibility: hidden;\n  transition: opacity 0.3s;\n  opacity: 0;\n}\n.paraui-tabs-vertical .paraui-tabs-tab-editable-icon svg {\n  color: inherit;\n  font-size: 12px;\n}\n.paraui-tabs-vertical:not(.paraui-tabs-card) .paraui-tabs-tab--selected {\n  background-color: rgba(54, 102, 214, 0.05);\n}\n.paraui-tabs-vertical .paraui-tabs-indicator {\n  width: 1px;\n  background-color: rgb(54, 102, 214);\n}\n.paraui-tabs-card {\n  border-bottom: none;\n}\n.paraui-tabs-card .paraui-tabs-tab {\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  margin: 0;\n  padding: 0 20px;\n}\n.paraui-tabs-card .paraui-tabs-tab:not(:last-child) {\n  border-right: none;\n}\n.paraui-tabs-card .paraui-tabs-tab--selected {\n  border-bottom-color: transparent;\n}\n.paraui-tabs-card .paraui-tabs-indicator {\n  display: none;\n}\n.paraui-tabs-card--editable .paraui-tabs-tab-editable {\n  display: inline-flex;\n  align-items: center;\n}\n.paraui-tabs-card--editable .paraui-tabs-tab-editable-icon {\n  position: static;\n  margin-left: 6px;\n}\n.paraui-tabs-card--editable .paraui-tabs-tab-editable-icon svg {\n  color: inherit;\n  font-size: 12px;\n}\n.paraui-tabs-card.paraui-tabs-vertical {\n  border-right: none;\n}\n.paraui-tabs-card.paraui-tabs-vertical .paraui-tabs-tab {\n  border-right: 1px solid rgba(171, 176, 185, 0.4);\n}\n.paraui-tabs-card.paraui-tabs-vertical .paraui-tabs-tab:not(:last-child) {\n  border-bottom: none;\n}\n.paraui-tabs-card.paraui-tabs-vertical .paraui-tabs-tab--selected {\n  border-right-color: transparent;\n  border-bottom-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-tabs-card.paraui-tabs-vertical .paraui-tabs-tab-content {\n  display: inline-block;\n  width: 100%;\n  text-align: center;\n}\n.paraui-tabs-track {\n  display: inline-flex;\n  height: 36px;\n  border-bottom: 0;\n  background-color: rgba(171, 176, 185, 0.12);\n  border-radius: 4px;\n}\n.paraui-tabs-track .paraui-tabs-tab {\n  height: 28px;\n  margin: 4px;\n  padding: 0 16px;\n  background-color: transparent;\n  border-radius: 4px;\n}\n.paraui-tabs-track .paraui-tabs-tab--selected.paraui-tabs-tab {\n  color: rgb(54, 102, 214);\n  background-color: rgb(255, 255, 255);\n  font-weight: 400;\n}\n.paraui-tabs-track .paraui-tabs-indicator {\n  display: none;\n}\n\n.paraui-tabs-with-add {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n.paraui-tabs-with-add .paraui-tabs {\n  flex: 1;\n}\n.paraui-tabs-with-add .paraui-tabs-tab-add {\n  margin-left: 8px;\n}";
+styleInject(css_248z);
+
+var Tabs = function Tabs(props) {
+  var _clsx;
+
+  var type = props.type,
+      className = props.className,
+      size = props.size,
+      _onEdit = props.onEdit,
+      hideAdd = props.hideAdd,
+      centered = props.centered,
+      addIcon = props.addIcon,
+      _props$moreIcon = props.moreIcon,
+      moreIcon = _props$moreIcon === void 0 ? jsx(More, {}) : _props$moreIcon,
+      editable = props.editable,
+      mode = props.mode,
+      showAdd = props.showAdd,
+      showPopConfirm = props.showPopConfirm,
+      popConfirmProps = props.popConfirmProps,
+      data = props.data,
+      onChange = props.onChange,
+      onAdd = props.onAdd,
+      children = props.children,
+      value = props.value,
+      activeKey = props.activeKey,
+      restProps = __rest(props, ["type", "className", "size", "onEdit", "hideAdd", "centered", "addIcon", "moreIcon", "editable", "mode", "showAdd", "showPopConfirm", "popConfirmProps", "data", "onChange", "onAdd", "children", "value", "activeKey"]);
+
+  var intl = useFormatMessage('Tabs', localeJson);
+  var prefixCls = 'paraui-tabs';
+  var inType = type !== null && type !== void 0 ? type : mode;
+  var inEditable;
+
+  if (inType === 'editable-card' || editable) {
+    inEditable = {
+      onEdit: function onEdit(editType, _ref) {
+        var key = _ref.key,
+            event = _ref.event;
+        var currItem = {};
+
+        if (editType === 'add') {
+          if (onAdd) onAdd(event);else _onEdit === null || _onEdit === void 0 ? void 0 : _onEdit(currItem, event, editType);
+        } else {
+          var tKey = key;
+
+          if (data) {
+            currItem = data.find(function (_) {
+              return String(_.value) === key;
+            }) || {};
+            if ((currItem === null || currItem === void 0 ? void 0 : currItem.value) !== undefined) tKey = currItem.value;
+          }
+
+          _onEdit === null || _onEdit === void 0 ? void 0 : _onEdit(currItem, tKey, editType);
+        }
+      },
+      removeIcon: jsx(CloseIcon, {}),
+      addIcon: addIcon || jsx(Plus, {}),
+      showAdd: hideAdd !== true && showAdd !== false
+    };
+  } //onchange
+
+
+  var handleChange = function handleChange(newActiveKey) {
+    var tKey = newActiveKey;
+    var currItem = {};
+
+    if (data) {
+      currItem = data.find(function (_) {
+        return String(_.value) === newActiveKey;
+      }) || {};
+      if ((currItem === null || currItem === void 0 ? void 0 : currItem.value) !== undefined) tKey = currItem.value;
+    }
+
+    onChange === null || onChange === void 0 ? void 0 : onChange(tKey, currItem);
+  }; //渲染closeIcon
+
+
+  var renderCloseIcon = function renderCloseIcon(item) {
+    var closable = item.closable,
+        closeIcon = item.closeIcon;
+    if (closable === false) return null;
+
+    if (!showPopConfirm) {
+      return closeIcon || jsx(CloseIcon, {});
+    }
+
+    return jsx("span", Object.assign({
+      onClick: function onClick(ev) {
+        return ev.stopPropagation();
+      }
+    }, {
+      children: jsx(PopConfirm, Object.assign({
+        content: intl({
+          id: 'confirmDelete'
+        }),
+        placement: 'top'
+      }, popConfirmProps, {
+        onOk: function onOk() {
+          return _onEdit === null || _onEdit === void 0 ? void 0 : _onEdit(item, item.value, 'remove');
+        }
+      }, {
+        children: closeIcon || jsx(CloseIcon, {})
+      }))
+    }));
+  }; //渲染tab
+
+
+  var renderTab = function renderTab() {
+    if (!(data === null || data === void 0 ? void 0 : data.length)) return children;
+    return data.map(function (item) {
+      var _a;
+
+      var label = item.label,
+          content = item.content,
+          value = item.value,
+          showHelp = item.showHelp,
+          helpProps = item.helpProps,
+          restTabProps = __rest(item, ["label", "content", "value", "showHelp", "helpProps"]);
+
+      var labelNode = showHelp ? jsxs("span", Object.assign({
+        className: "paraui-tabs-tab-help"
+      }, {
+        children: [jsx(Help, Object.assign({}, helpProps, {
+          title: (_a = helpProps === null || helpProps === void 0 ? void 0 : helpProps.title) !== null && _a !== void 0 ? _a : ''
+        })), label]
+      })) : label;
+      return /*#__PURE__*/createElement(TabPane, Object.assign({}, restTabProps, {
+        tab: labelNode,
+        key: value,
+        closeIcon: renderCloseIcon(item)
+      }), content);
+    });
+  }; //active key
+
+
+  var getActiveKey = function getActiveKey() {
+    var inActiveKey = activeKey !== null && activeKey !== void 0 ? activeKey : value;
+    if (inActiveKey !== undefined) return String(inActiveKey);
+    return undefined;
+  }; //
+
+
+  var hasChildNode = function hasChildNode() {
+    var hasChild;
+
+    if (data === null || data === void 0 ? void 0 : data.length) {
+      hasChild = data.some(function (_) {
+        return _.content;
+      });
+    } else {
+      hasChild = React__default.Children.toArray(children).some(function (_) {
+        return _.props.children;
+      });
+    }
+
+    return !hasChild;
+  };
+
+  return jsx(RcTabs, Object.assign({
+    activeKey: getActiveKey(),
+    moreTransitionName: 'paraui-tabs-slide-up'
+  }, restProps, {
+    className: clsx((_clsx = {}, _defineProperty(_clsx, "".concat(prefixCls, "-").concat(size), size), _defineProperty(_clsx, "".concat(prefixCls, "-card"), ['card', 'editable-card'].includes(inType)), _defineProperty(_clsx, "".concat(prefixCls, "-editable-line"), (!inType || inType === 'line') && editable), _defineProperty(_clsx, "".concat(prefixCls, "-editable-card"), inType === 'editable-card'), _defineProperty(_clsx, "".concat(prefixCls, "-track"), inType === 'track'), _defineProperty(_clsx, "".concat(prefixCls, "-card-container ").concat(prefixCls, "-card"), inType === 'card-container'), _defineProperty(_clsx, "".concat(prefixCls, "-centered"), centered), _defineProperty(_clsx, "".concat(prefixCls, "-no-child"), hasChildNode()), _clsx), className),
+    editable: inEditable,
+    moreIcon: moreIcon,
+    prefixCls: prefixCls,
+    onChange: handleChange
+  }, {
+    children: renderTab()
+  }));
+};
+Tabs.TabPane = TabPane;
+
+export { Tabs, Tabs as default };

package/Tag/index.d.ts

@@ -1,25 +1,91 @@
+import React__default, { FunctionComponent, PropsWithChildren } from 'react';
+import '../_verture/index-14a47097.js';
+import './node_modules/style-inject/dist/style-inject.es.js';
+
+/**
+ * @author Hanz
+ * @date 2022/1/12 下午1:16
+ * @description tag group
+ */
+
+interface TagItem extends Omit<TagProps, 'visible' | 'size' | 'bordered'> {
+    /**
+     * label
+     */
+    label: string;
+    /**
+     * value
+     */
+    value: string;
+}
+declare type Item = string | number;
+interface TagGroupProps {
+    /**
+     * cls
+     */
+    className?: string;
+    /**
+     * 样式
+     */
+    style?: React__default.CSSProperties;
+    /**
+     * 大小
+     */
+    size?: 'small' | 'large';
+    /**
+     * 显示边框
+     */
+    bordered?: boolean;
+    /**
+     * input 默认值
+     */
+    defaultInputValue?: string;
+    /**
+     * 动态添加
+     */
+    increased?: boolean;
+    /**
+     * 动态添加按钮 increased 为true 有效
+     */
+    increasedTag?: {
+        /** 图标 */
+        icon?: React__default.ReactNode;
+        /** 文字 */
+        text?: string;
+    };
+    /**
+     * 组数据源
+     */
+    data?: TagItem[] | Item[];
+    /**
+     * onchange
+     * @param tagData
+     * @param value
+     */
+    onChange?: (tagData: TagItem[], value: string[]) => void;
+}
+declare const TagGroup: FunctionComponent<TagGroupProps>;
+
 /**
  * @author Hanz
  * @date 2022/1/11 上午10:15
  * @description tag
  */
-import React, { PropsWithChildren } from 'react';
-import TagGroup, { TagGroupProps } from './TagGroup';
-import './index.scss';
+
 declare type PresetColorTypes = 'blue' | 'green' | 'yellow' | 'red';
-export interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
+interface TagProps extends React__default.HTMLAttributes<HTMLSpanElement> {
     /** 颜色 */
     color?: string | PresetColorTypes;
     /** 可关闭 */
     closable?: boolean;
     /** 关闭图标 */
-    closeIcon?: React.ReactNode;
+    closeIcon?: React__default.ReactNode;
     /** 是否显示 */
     visible?: boolean;
     /** onclose */
-    onClose?: (event: React.MouseEvent) => void;
+    onClose?: (event: React__default.MouseEvent) => void;
     /** 图标 */
-    icon?: React.ReactNode;
+    icon?: React__default.ReactNode;
     /** cls */
     className?: string;
     /** 显示边框 */
@@ -27,8 +93,8 @@ export interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
     /** 大小 */
     size?: 'small' | 'large';
 }
-export declare type TagPropsWithChild = PropsWithChildren<TagProps>;
-export type { TagGroupProps };
-export { TagGroup };
-export declare const Tag: React.FC<TagPropsWithChild>;
-export default Tag;
+declare type TagPropsWithChild = PropsWithChildren<TagProps>;
+
+declare const Tag: React__default.FC<TagPropsWithChild>;
+
+export { Tag, TagGroup, TagGroupProps, TagProps, TagPropsWithChild, Tag as default };