@para-ui/core 2.2.5-beta → 2.2.7

package/Tabs/index.js

@@ -1,218 +1,14 @@
-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 };
+!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}()}));

package/Tag/TagGroup.d.ts

@@ -0,0 +1,66 @@
+/**
+ * @author Hanz
+ * @date 2022/1/12 下午1:16
+ * @description tag group
+ */
+import React, { FunctionComponent } from "react";
+import { TagProps } from "./index";
+import './index.scss';
+interface TagItem extends Omit<TagProps, 'visible' | 'size' | 'bordered'> {
+    /**
+     * label
+     */
+    label: string;
+    /**
+     * value
+     */
+    value: string;
+}
+declare type Item = string | number;
+export interface TagGroupProps {
+    /**
+     * cls
+     */
+    className?: string;
+    /**
+     * 样式
+     */
+    style?: React.CSSProperties;
+    /**
+     * 大小
+     */
+    size?: 'small' | 'large';
+    /**
+     * 显示边框
+     */
+    bordered?: boolean;
+    /**
+     * input 默认值
+     */
+    defaultInputValue?: string;
+    /**
+     * 动态添加
+     */
+    increased?: boolean;
+    /**
+     * 动态添加按钮 increased 为true 有效
+     */
+    increasedTag?: {
+        /** 图标 */
+        icon?: React.ReactNode;
+        /** 文字 */
+        text?: string;
+    };
+    /**
+     * 组数据源
+     */
+    data?: TagItem[] | Item[];
+    /**
+     * onchange
+     * @param tagData
+     * @param value
+     */
+    onChange?: (tagData: TagItem[], value: string[]) => void;
+}
+declare const TagGroup: FunctionComponent<TagGroupProps>;
+export default TagGroup;

package/Tag/index.d.ts

@@ -1,91 +1,25 @@
-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';
-interface TagProps extends React__default.HTMLAttributes<HTMLSpanElement> {
+export interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
     /** 颜色 */
     color?: string | PresetColorTypes;
     /** 可关闭 */
     closable?: boolean;
     /** 关闭图标 */
-    closeIcon?: React__default.ReactNode;
+    closeIcon?: React.ReactNode;
     /** 是否显示 */
     visible?: boolean;
     /** onclose */
-    onClose?: (event: React__default.MouseEvent) => void;
+    onClose?: (event: React.MouseEvent) => void;
     /** 图标 */
-    icon?: React__default.ReactNode;
+    icon?: React.ReactNode;
     /** cls */
     className?: string;
     /** 显示边框 */
@@ -93,8 +27,8 @@ interface TagProps extends React__default.HTMLAttributes<HTMLSpanElement> {
     /** 大小 */
     size?: 'small' | 'large';
 }
-declare type TagPropsWithChild = PropsWithChildren<TagProps>;
-
-declare const Tag: React__default.FC<TagPropsWithChild>;
-
-export { Tag, TagGroup, TagGroupProps, TagProps, TagPropsWithChild, Tag as default };
+export declare type TagPropsWithChild = PropsWithChildren<TagProps>;
+export type { TagGroupProps };
+export { TagGroup };
+export declare const Tag: React.FC<TagPropsWithChild>;
+export default Tag;