@para-ui/core 2.2.4 → 2.2.5-beta

package/OperateBtn/index.js

@@ -1,14 +1,260 @@
-!function(t,o){"object"==typeof exports&&"object"==typeof module?module.exports=o(require("react"),require("@para-ui/icons/More"),require("@material-ui/core"),require("clsx"),require("@para-ui/icons/LoadingF"),require("@para-ui/icons/Forbid"),require("@para-ui/icons/Down"),require("@para-ui/core/GlobalContext")):"function"==typeof define&&define.amd?define(["react","@para-ui/icons/More","@material-ui/core","clsx","@para-ui/icons/LoadingF","@para-ui/icons/Forbid","@para-ui/icons/Down","@para-ui/core/GlobalContext"],o):"object"==typeof exports?exports.ParaUI=o(require("react"),require("@para-ui/icons/More"),require("@material-ui/core"),require("clsx"),require("@para-ui/icons/LoadingF"),require("@para-ui/icons/Forbid"),require("@para-ui/icons/Down"),require("@para-ui/core/GlobalContext")):t.ParaUI=o(t.react,t["@para-ui/icons/More"],t["@material-ui/core"],t.clsx,t["@para-ui/icons/LoadingF"],t["@para-ui/icons/Forbid"],t["@para-ui/icons/Down"],t["@para-ui/core/GlobalContext"])}(self,(function(t,o,n,e,r,a,i,u){return function(){var l={2565:function(t,o,n){(o=n(3645)(!1)).push([t.id,".paraui-auto-tips{max-width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paraui-auto-tips>.auto-tips-content{display:inline;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paraui-auto-tips-tooltip>div{max-height:calc(100vh - 25px);overflow:auto}",""]),t.exports=o},8313:function(t,o,n){(o=n(3645)(!1)).push([t.id,'@keyframes loadingSpin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.paraui-button{min-width:auto;padding:0 16px;line-height:0;text-transform:none;border-radius:4px;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400;white-space:nowrap}.paraui-button-label{height:100%}.paraui-button-loading{pointer-events:none}.paraui-button-contained{color:#fff;background-color:#3666d6;box-shadow:none}.paraui-button-contained:hover{background-color:rgba(54,102,214,.8);box-shadow:none}.paraui-button-contained[disabled]{color:rgba(46,55,67,.4);background-color:rgba(171,176,185,.12);border:1px solid rgba(171,176,185,.4);box-shadow:none}.paraui-button-contained[disabled]:hover{background-color:rgba(171,176,185,.12)}.paraui-button-contained .btn-icon{display:inline-flex;color:inherit}.paraui-button-contained .btn-icon svg{color:inherit;font-size:16px}.paraui-button-contained .btn-icon.start-icon{margin-left:3px}.paraui-button-contained .btn-icon.end-icon{margin-right:3px}.paraui-button-contained .btn-icon.loading-icon{margin-left:3px;animation:loadingSpin 1s infinite linear}.paraui-button-contained.paraui-button-dangerous{background-color:#eb6054}.paraui-button-contained.paraui-button-dangerous:hover{background-color:rgba(235,96,84,.8)}.paraui-button-outlined{color:rgba(46,55,67,.7);background-color:#fff;border:1px solid rgba(171,176,185,.4);box-shadow:none}.paraui-button-outlined:hover{color:#3666d6;border-color:rgba(54,102,214,.2);background-color:#fff;box-shadow:none}.paraui-button-outlined[disabled]{color:rgba(46,55,67,.4);background-color:rgba(171,176,185,.12);border:1px solid rgba(171,176,185,.4);box-shadow:none}.paraui-button-outlined[disabled]:hover{background-color:rgba(171,176,185,.12)}.paraui-button-outlined .btn-icon{display:inline-flex;color:inherit}.paraui-button-outlined .btn-icon svg{color:inherit;font-size:16px}.paraui-button-outlined .btn-icon.start-icon{margin-left:3px}.paraui-button-outlined .btn-icon.end-icon{margin-right:3px}.paraui-button-outlined .btn-icon.loading-icon{margin-left:3px;animation:loadingSpin 1s infinite linear}.paraui-button-outlined.paraui-button-dangerous{color:#eb6054;border-color:#eb6054}.paraui-button-outlined.paraui-button-dangerous:hover{color:rgba(235,96,84,.8);border-color:rgba(235,96,84,.8)}.paraui-button-text{color:rgba(46,55,67,.7);background-color:#fff;border:1px solid rgba(171,176,185,.4);box-shadow:none;color:#3666d6;background-color:rgba(0,0,0,0);border:none}.paraui-button-text:hover{color:rgba(54,102,214,.8);background-color:rgba(0,0,0,0);box-shadow:none}.paraui-button-text[disabled]{color:rgba(46,55,67,.4);background-color:rgba(0,0,0,0);border:none}.paraui-button-text[disabled]:hover{background-color:rgba(0,0,0,0)}.paraui-button-text .btn-icon{display:inline-flex;color:inherit}.paraui-button-text .btn-icon svg{color:inherit;font-size:16px}.paraui-button-text .btn-icon.start-icon{margin-left:3px}.paraui-button-text .btn-icon.end-icon{margin-right:3px}.paraui-button-text .btn-icon.loading-icon{margin-left:3px;animation:loadingSpin 1s infinite linear}.paraui-button-text.paraui-button-dangerous{color:#eb6054}.paraui-button-text.paraui-button-dangerous:hover{color:rgba(235,96,84,.8)}.paraui-button-large{height:36px}.paraui-button-medium{height:32px}.paraui-button-small{height:28px}.paraui-button--disabled{display:inline-block}.paraui-icon-button{padding:0;border-radius:4px}.paraui-icon-button-loading{pointer-events:none}.paraui-icon-button-loading .loading-icon{display:inline-flex;animation:loadingSpin 1s infinite linear}.paraui-icon-button-contained{color:#fff;background-color:#3666d6;box-shadow:none}.paraui-icon-button-contained:hover{background-color:rgba(54,102,214,.8);box-shadow:none}.paraui-icon-button-contained[disabled]{color:rgba(46,55,67,.4);background-color:rgba(171,176,185,.12);border:1px solid rgba(171,176,185,.4);box-shadow:none}.paraui-icon-button-contained[disabled]:hover{background-color:rgba(171,176,185,.12)}.paraui-icon-button-contained svg{color:inherit;font-size:16px}.paraui-icon-button-contained.paraui-icon-button-dangerous{background-color:#eb6054}.paraui-icon-button-contained.paraui-icon-button-dangerous:hover{background-color:rgba(235,96,84,.8)}.paraui-icon-button-outlined{color:rgba(46,55,67,.7);background-color:#fff;border:1px solid rgba(171,176,185,.4);box-shadow:none}.paraui-icon-button-outlined:hover{color:#3666d6;border-color:rgba(54,102,214,.2);box-shadow:none;background-color:#fff}.paraui-icon-button-outlined[disabled]{color:rgba(46,55,67,.4);background-color:rgba(171,176,185,.12);border:1px solid rgba(171,176,185,.4);box-shadow:none}.paraui-icon-button-outlined[disabled]:hover{background-color:rgba(171,176,185,.12)}.paraui-icon-button-outlined svg{color:inherit;font-size:16px}.paraui-icon-button-outlined.paraui-icon-button-dangerous{color:#eb6054;border-color:#eb6054}.paraui-icon-button-outlined.paraui-icon-button-dangerous:hover{color:rgba(235,96,84,.8);border-color:rgba(235,96,84,.8)}.paraui-icon-button-text{color:#3666d6}.paraui-icon-button-text:hover{color:rgba(54,102,214,.8);background-color:rgba(0,0,0,0)}.paraui-icon-button-text[disabled]{color:rgba(46,55,67,.4)}.paraui-icon-button-text[disabled]:hover{background-color:rgba(0,0,0,0)}.paraui-icon-button-text svg{color:inherit}.paraui-icon-button-text.paraui-icon-button-dangerous{color:#eb6054}.paraui-icon-button-text.paraui-icon-button-dangerous:hover{color:rgba(235,96,84,.8)}.paraui-icon-button-text.paraui-icon-button-large{width:auto;height:auto}.paraui-icon-button-text.paraui-icon-button-large svg{font-size:28px}.paraui-icon-button-text.paraui-icon-button-medium{width:auto;height:auto}.paraui-icon-button-text.paraui-icon-button-medium svg{font-size:24px}.paraui-icon-button-text.paraui-icon-button-small{width:auto;height:auto}.paraui-icon-button-text.paraui-icon-button-small svg{font-size:20px}.paraui-icon-button-large{width:36px;height:36px}.paraui-icon-button-medium{width:32px;height:32px}.paraui-icon-button-small{width:28px;height:28px}.paraui-button-split{display:inline-block}.paraui-button-split .paraui-button-split--active{color:#3666d6;box-shadow:none;background-color:#fff}.paraui-button-split-list{padding:8px 0;margin:8px 0;border-radius:4px;box-shadow:0px 2px 8px 0px rgba(171,176,185,.4);background-color:#fff}.paraui-button-split-list ul .split-li{min-width:140px;padding:11px 12px;color:#2e3743;font-size:14px;line-height:1;cursor:pointer;transition:background-color .3s,color .3s}.paraui-button-split-list ul .split-li:hover{background-color:rgba(171,176,185,.12)}.paraui-button-split-list ul .split-li.split-li--active{color:#3666d6}.paraui-button-split-list ul .split-li.split-li--active:hover{background-color:rgba(171,176,185,.12)}.paraui-button-split-list ul .split-li.split-li--disabled{color:rgba(46,55,67,.4);cursor:not-allowed}.paraui-button-split-list ul .split-li.split-li--disabled:hover{background-color:#fff}.paraui-button-split-list ul .split-li-group:not(:first-child){position:relative;margin-top:16px}.paraui-button-split-list ul .split-li-group:not(:first-child):before{content:"";position:absolute;top:-8px;left:8px;right:8px;border-top:1px solid rgba(171,176,185,.2)}',""]),t.exports=o},1457:function(t,o,n){(o=n(3645)(!1)).push([t.id,".paraui-operate-btn{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;display:flex;align-items:center}.paraui-operate-btn>.paraui-operate-btn-line{display:inline-block;width:1px;background-color:rgba(54,102,214,.2);margin:0 12px}.paraui-operate-btn.paraui-operate-btn-small>.paraui-operate-btn-line{height:12px}.paraui-operate-btn.paraui-operate-btn-small button>span svg{font-size:18px}.paraui-operate-btn.paraui-operate-btn-medium>.paraui-operate-btn-line{height:14px}.paraui-operate-btn.paraui-operate-btn-medium button>span svg{font-size:24px}.paraui-operate-btn.paraui-operate-btn-large>.paraui-operate-btn-line{height:16px}.paraui-operate-btn.paraui-operate-btn-large button>span>svg{font-size:28px}.paraui-operate-btn-popover{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}.paraui-operate-btn-popover>.paraui-popover-paper{margin-top:8px}.paraui-operate-btn-popover>.paraui-popover-paper>.paraui-operate-btn-list{margin:8px 0}.paraui-operate-btn-popover>.paraui-popover-paper>.paraui-operate-btn-list>.paraui-operate-btn-list-item{padding:0 12px;max-width:120px;cursor:pointer;color:#2e3743;line-height:36px;text-align:left}.paraui-operate-btn-popover>.paraui-popover-paper>.paraui-operate-btn-list>.paraui-operate-btn-list-item:hover{background-color:rgba(171,176,185,.12)}.paraui-operate-btn-popover>.paraui-popover-paper>.paraui-operate-btn-list>.paraui-operate-btn-list-item-disabled{cursor:not-allowed;color:rgba(46,55,67,.4)}.paraui-operate-btn-popover>.paraui-popover-paper>.paraui-operate-btn-list>.paraui-operate-btn-list-item-danger{color:#eb6054}",""]),t.exports=o},5845:function(t,o,n){(o=n(3645)(!1)).push([t.id,".paraui-popover-paper{box-shadow:0px 2px 8px 0px rgba(171,176,185,.4)}",""]),t.exports=o},9929:function(t,o,n){(o=n(3645)(!1)).push([t.id,".paraui-tooltip>div{padding-left:12px;padding-right:12px;font-size:14px;font-weight:400;color:#fff;background-color:rgba(46,55,67,.7)}.paraui-tooltip-left-right>div{margin:0 8px}.paraui-tooltip-top-bottom>div{margin:8px 0}",""]),t.exports=o},3645:function(t){"use strict";t.exports=function(t){var o=[];return o.toString=function(){return this.map((function(o){var n=function(t,o){var n=t[1]||"",e=t[3];if(!e)return n;if(o&&"function"==typeof btoa){var r=(i=e,u=btoa(unescape(encodeURIComponent(JSON.stringify(i)))),l="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(u),"/*# ".concat(l," */")),a=e.sources.map((function(t){return"/*# sourceURL=".concat(e.sourceRoot||"").concat(t," */")}));return[n].concat(a).concat([r]).join("\n")}var i,u,l;return[n].join("\n")}(o,t);return o[2]?"@media ".concat(o[2]," {").concat(n,"}"):n})).join("")},o.i=function(t,n,e){"string"==typeof t&&(t=[[null,t,""]]);var r={};if(e)for(var a=0;a<this.length;a++){var i=this[a][0];null!=i&&(r[i]=!0)}for(var u=0;u<t.length;u++){var l=[].concat(t[u]);e&&r[l[0]]||(n&&(l[2]?l[2]="".concat(n," and ").concat(l[2]):l[2]=n),o.push(l))}},o}},7418:function(t){"use strict";
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/var o=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,e=Object.prototype.propertyIsEnumerable;function r(t){if(null==t)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(t)}t.exports=function(){try{if(!Object.assign)return!1;var t=new String("abc");if(t[5]="de","5"===Object.getOwnPropertyNames(t)[0])return!1;for(var o={},n=0;n<10;n++)o["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(o).map((function(t){return o[t]})).join(""))return!1;var e={};return"abcdefghijklmnopqrst".split("").forEach((function(t){e[t]=t})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},e)).join("")}catch(t){return!1}}()?Object.assign:function(t,a){for(var i,u,l=r(t),c=1;c<arguments.length;c++){for(var s in i=Object(arguments[c]))n.call(i,s)&&(l[s]=i[s]);if(o){u=o(i);for(var p=0;p<u.length;p++)e.call(i,u[p])&&(l[u[p]]=i[u[p]])}}return l}},5251:function(t,o,n){"use strict";
-/** @license React v17.0.2
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */n(7418);var e=n(8156),r=60103;if(o.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var a=Symbol.for;r=a("react.element"),o.Fragment=a("react.fragment")}var i=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,u=Object.prototype.hasOwnProperty,l={key:!0,ref:!0,__self:!0,__source:!0};function c(t,o,n){var e,a={},c=null,s=null;for(e in void 0!==n&&(c=""+n),void 0!==o.key&&(c=""+o.key),void 0!==o.ref&&(s=o.ref),o)u.call(o,e)&&!l.hasOwnProperty(e)&&(a[e]=o[e]);if(t&&t.defaultProps)for(e in o=t.defaultProps)void 0===a[e]&&(a[e]=o[e]);return{$$typeof:r,type:t,key:c,ref:s,props:a,_owner:i.current}}o.jsx=c,o.jsxs=c},5893:function(t,o,n){"use strict";t.exports=n(5251)},9271:function(t,o,n){var e=n(3379),r=n(2565);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[t.id,r,""]]);var a={insert:("body","body"),singleton:!1};e(r,a);t.exports=r.locals||{}},5822:function(t,o,n){var e=n(3379),r=n(8313);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[t.id,r,""]]);var a={insert:("body","body"),singleton:!1};e(r,a);t.exports=r.locals||{}},7623:function(t,o,n){var e=n(3379),r=n(1457);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[t.id,r,""]]);var a={insert:("body","body"),singleton:!1};e(r,a);t.exports=r.locals||{}},8939:function(t,o,n){var e=n(3379),r=n(5845);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[t.id,r,""]]);var a={insert:("body","body"),singleton:!1};e(r,a);t.exports=r.locals||{}},2310:function(t,o,n){var e=n(3379),r=n(9929);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[t.id,r,""]]);var a={insert:("body","body"),singleton:!1};e(r,a);t.exports=r.locals||{}},3379:function(t,o,n){"use strict";var e,r=function(){return void 0===e&&(e=Boolean(window&&document&&document.all&&!window.atob)),e},a=function(){var t={};return function(o){if(void 0===t[o]){var n=document.querySelector(o);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(t){n=null}t[o]=n}return t[o]}}(),i=[];function u(t){for(var o=-1,n=0;n<i.length;n++)if(i[n].identifier===t){o=n;break}return o}function l(t,o){for(var n={},e=[],r=0;r<t.length;r++){var a=t[r],l=o.base?a[0]+o.base:a[0],c=n[l]||0,s="".concat(l," ").concat(c);n[l]=c+1;var p=u(s),d={css:a[1],media:a[2],sourceMap:a[3]};-1!==p?(i[p].references++,i[p].updater(d)):i.push({identifier:s,updater:v(d,o),references:1}),e.push(s)}return e}function c(t){var o=document.createElement("style"),e=t.attributes||{};if(void 0===e.nonce){var r=n.nc;r&&(e.nonce=r)}if(Object.keys(e).forEach((function(t){o.setAttribute(t,e[t])})),"function"==typeof t.insert)t.insert(o);else{var i=a(t.insert||"head");if(!i)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");i.appendChild(o)}return o}var s,p=(s=[],function(t,o){return s[t]=o,s.filter(Boolean).join("\n")});function d(t,o,n,e){var r=n?"":e.media?"@media ".concat(e.media," {").concat(e.css,"}"):e.css;if(t.styleSheet)t.styleSheet.cssText=p(o,r);else{var a=document.createTextNode(r),i=t.childNodes;i[o]&&t.removeChild(i[o]),i.length?t.insertBefore(a,i[o]):t.appendChild(a)}}function b(t,o,n){var e=n.css,r=n.media,a=n.sourceMap;if(r?t.setAttribute("media",r):t.removeAttribute("media"),a&&"undefined"!=typeof btoa&&(e+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),t.styleSheet)t.styleSheet.cssText=e;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(e))}}var f=null,g=0;function v(t,o){var n,e,r;if(o.singleton){var a=g++;n=f||(f=c(o)),e=d.bind(null,n,a,!1),r=d.bind(null,n,a,!0)}else n=c(o),e=b.bind(null,n,o),r=function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(n)};return e(t),function(o){if(o){if(o.css===t.css&&o.media===t.media&&o.sourceMap===t.sourceMap)return;e(t=o)}else r()}}t.exports=function(t,o){(o=o||{}).singleton||"boolean"==typeof o.singleton||(o.singleton=r());var n=l(t=t||[],o);return function(t){if(t=t||[],"[object Array]"===Object.prototype.toString.call(t)){for(var e=0;e<n.length;e++){var r=u(n[e]);i[r].references--}for(var a=l(t,o),c=0;c<n.length;c++){var s=u(n[c]);0===i[s].references&&(i[s].updater(),i.splice(s,1))}n=a}}}},7839:function(t,o,n){"use strict";var e=n(5893),r=n(8156),a=n(7371),i=(n(9271),function(){return i=Object.assign||function(t){for(var o,n=1,e=arguments.length;n<e;n++)for(var r in o=arguments[n])Object.prototype.hasOwnProperty.call(o,r)&&(t[r]=o[r]);return t},i.apply(this,arguments)});o.default=function(t){var o=t.children,n=t.arrow,u=void 0!==n&&n,l=t.placement,c=void 0===l?"bottom-start":l,s=t.tips,p=void 0===s?"":s,d=t.className,b=void 0===d?"":d,f=t.beyondText,g=void 0===f||f,v=t.interactive,h=void 0===v||v,x=t.style,m=(0,r.useRef)(),y=(0,r.useState)(""),w=y[0],j=y[1];(0,r.useEffect)((function(){j(p)}),[p]);var O;return(0,e.jsx)("div",i({ref:m,className:(O="paraui-auto-tips",b&&(O+=" "+b),O),onMouseOver:function(){var t="";m.current&&m.current.scrollWidth>m.current.offsetWidth&&(t=p||(g?m.current.innerText:o)),j(t)},style:x},{children:(0,e.jsx)(a.default,i({arrow:u,title:w,placement:c,interactive:h,boundariesElement:"viewport",className:"paraui-auto-tips-tooltip"},{children:(0,e.jsx)("div",i({className:"auto-tips-content"},{children:o}))}))}))}},7896:function(t,o,n){"use strict";n.d(o,{default:function(){return w}});var e=n(5893),r=n(8156),a=n(670),i=n(5744),u=n.n(i),l=n(2788),c=n.n(l),s=n(3835),p=n.n(s),d=n(7371),b=n(2396),f=n.n(b),g=n(3054),v={zh:{moreActions:"更多操作"},en:{moreActions:"More actions"}},h=function(){return h=Object.assign||function(t){for(var o,n=1,e=arguments.length;n<e;n++)for(var r in o=arguments[n])Object.prototype.hasOwnProperty.call(o,r)&&(t[r]=o[r]);return t},h.apply(this,arguments)};n(5822);var x=function(){return x=Object.assign||function(t){for(var o,n=1,e=arguments.length;n<e;n++)for(var r in o=arguments[n])Object.prototype.hasOwnProperty.call(o,r)&&(t[r]=o[r]);return t},x.apply(this,arguments)},m=function(t,o){var n={};for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&o.indexOf(e)<0&&(n[e]=t[e]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(e=Object.getOwnPropertySymbols(t);r<e.length;r++)o.indexOf(e[r])<0&&Object.prototype.propertyIsEnumerable.call(t,e[r])&&(n[e[r]]=t[e[r]])}return n},y=function(t){var o=t.variant,n=void 0===o?"contained":o,i=t.size,l=void 0===i?"large":i,s=t.className,b=t.disabled,f=void 0!==b&&b,g=t.children,v=t.startIcon,h=t.endIcon,y=t.loading,w=void 0!==y&&y,j=t.toolTipTitle,O=void 0===j?"":j,k=t.TooltipProps,S=t.danger,N=void 0!==S&&S,P=m(t,["variant","size","className","disabled","children","startIcon","endIcon","loading","toolTipTitle","TooltipProps","danger"]),C=(0,r.useState)(!1),T=C[0],M=C[1],_=function(t){if(!T)return"start"===t&&v?(0,e.jsx)("span",x({className:u()("btn-icon","start-icon")},{children:v})):"end"===t&&h?(0,e.jsx)("span",x({className:u()("btn-icon","end-icon")},{children:h})):null;if("object"==typeof w){var o=w.delay||0;setTimeout((function(){return M(!1)}),o)}return"start"===t?(0,e.jsx)("span",x({className:"btn-icon loading-icon"},{children:(0,e.jsx)(c(),{})})):null},z=(0,e.jsx)(a.Button,x({},P,{color:"default",variant:"contained",disabled:f,disableRipple:!0,disableElevation:!0,className:u()("paraui-button",s,"paraui-button-".concat(n),"paraui-button-".concat(l),T&&"paraui-button-loading",N&&!f&&"paraui-button-dangerous"),classes:{label:"paraui-button-label"},startIcon:_("start"),endIcon:_("end")},{children:g}));return(0,r.useEffect)((function(){M(!!w)}),[w]),f&&O?(0,e.jsx)(d.default,x({},k,{title:function(){if(f&&O){return(0,e.jsxs)("span",{children:[(0,e.jsx)(p(),{style:{marginRight:"4px",fontSize:"11px",color:"inherit"}}),O]})}return O}()},{children:(0,e.jsx)("span",x({className:"paraui-button--disabled"},{children:z}))})):z};y.IconButton=function(t){var o=t.variant,n=void 0===o?"contained":o,i=t.size,l=void 0===i?"large":i,s=t.toolTipTitle,b=void 0===s?"":s,f=t.children,g=t.className,v=t.disabled,h=void 0!==v&&v,y=t.loading,w=void 0!==y&&y,j=t.TooltipProps,O=t.danger,k=void 0!==O&&O,S=m(t,["variant","size","toolTipTitle","children","className","disabled","loading","TooltipProps","danger"]),N=(0,r.useState)(!1),P=N[0],C=N[1],T=(0,e.jsx)(a.IconButton,x({},S,{disabled:h,disableRipple:!0,className:u()("paraui-icon-button",g,"paraui-icon-button-".concat(n),"paraui-icon-button-".concat(l),P&&"paraui-icon-button-loading",k&&!h&&"paraui-icon-button-dangerous")},{children:function(){if(!P)return f;if("object"==typeof w){var t=w.delay||0;setTimeout((function(){return C(!1)}),t)}return(0,e.jsx)("span",x({className:"loading-icon"},{children:(0,e.jsx)(c(),{})}))}()}));return(0,r.useEffect)((function(){C(!!w)}),[w]),b?(0,e.jsx)(d.default,x({},j,{title:function(){if(h&&b){return(0,e.jsxs)("span",{children:[(0,e.jsx)(p(),{style:{marginRight:"4px",fontSize:"11px",color:"inherit"}}),b]})}return b}()},{children:h?(0,e.jsx)("span",x({className:"paraui-button--disabled"},{children:T})):T}),+P):T},y.SplitButton=function(t){var o=t.buttonText,n=t.options,i=void 0===n?[]:n,l=t.className,c=t.popperClassName,s=t.style,p=t.popperStyle,d=t.disabled,b=void 0!==d&&d,x=t.onClick,m=t.optionRender,y=t.placement,j=void 0===y?"bottom-end":y,O=t.buttonProps,k=t.iconButton,S=void 0!==k&&k,N=(0,g.Z)("Button",v),P=(0,r.useState)(!1),C=P[0],T=P[1],M=(0,r.useRef)(null),_=(0,r.useRef)(),z=(0,r.useRef)(),E=(0,r.useState)(),I=E[0],F=E[1],R=function(t,o,n){var e;t.disabled?n.stopPropagation():(F(o),T(!1),null===(e=_.current)||void 0===e||e.classList.remove("paraui-button-split--active"),null==x||x(t,n))},q=function(t){t.stopPropagation(),L();var o=t.currentTarget;z.current=window.setTimeout((function(){_.current=o,o.classList.add("paraui-button-split--active"),T(!0)}),150)},L=function(){z.current&&(clearTimeout(z.current),z.current=null)},B=function(t){var o,n;(null===(o=M.current)||void 0===o?void 0:o.contains(t.target))||(T(!1),null===(n=_.current)||void 0===n||n.classList.remove("paraui-button-split--active"))},H=function(){return(0,e.jsx)("div",h({className:"paraui-button-split-list"},{children:(0,e.jsx)("ul",{children:i.map((function(t,o){return Array.isArray(t)?function(t,o){return(0,e.jsx)("li",h({className:"split-li-group"},{children:t.map((function(t,n){var r="".concat(o,"-").concat(n);return(0,e.jsx)("div",h({className:u()("split-li",r===I&&"split-li--active",t.disabled&&"split-li--disabled"),onClick:function(o){return R(t,r,o)}},{children:(null==m?void 0:m(t))||t.label}),r)}))}),o)}(t,o):(0,e.jsx)("li",h({className:u()("split-li",o===I&&"split-li--active",t.disabled&&"split-li--disabled"),onClick:function(n){return R(t,o,n)}},{children:(null==m?void 0:m(t))||t.label}),o)}))})}))};return(0,e.jsxs)("div",h({className:u()("paraui-button-split",l),ref:M,style:s,onMouseLeave:function(t){var o;t.stopPropagation(),L(),null===(o=t.currentTarget.firstElementChild)||void 0===o||o.classList.remove("paraui-button-split--active"),T(!1)}},{children:[S?(0,e.jsx)(w.IconButton,h({variant:"text",size:"small",disabled:b},O,{onMouseEnter:q},{children:null!=o?o:N({id:"moreActions"})})):(0,e.jsx)(w,h({variant:"outlined",size:"large",startIcon:(0,e.jsx)(f(),{}),disabled:b},O,{onMouseEnter:q},{children:null!=o?o:N({id:"moreActions"})})),(0,e.jsx)(a.Popper,h({open:C,anchorEl:M.current,transition:!0,placement:j,style:h({zIndex:1500},p),className:u()("paraui-button-split-popper",c)},{children:function(t){var o=t.TransitionProps;t.placement;return(0,e.jsx)(a.Grow,h({},o,{children:(0,e.jsx)(e.Fragment,{children:(0,e.jsx)(a.ClickAwayListener,h({onClickAway:B},{children:H()}))})}))}}))]}))};var w=y},3054:function(t,o,n){"use strict";var e=n(8156),r=n.n(e),a=n(5395),i=n.n(a);o.Z=function(t,o){var n=r().useContext(i()).intlFormat;return o.zh_CN=o.zh,o.en_US=o.en,n&&n(t,o)}},7083:function(t,o,n){"use strict";var e=n(5893),r=n(670),a=(n(8939),function(){return a=Object.assign||function(t){for(var o,n=1,e=arguments.length;n<e;n++)for(var r in o=arguments[n])Object.prototype.hasOwnProperty.call(o,r)&&(t[r]=o[r]);return t},a.apply(this,arguments)}),i=function(t,o){var n={};for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&o.indexOf(e)<0&&(n[e]=t[e]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(e=Object.getOwnPropertySymbols(t);r<e.length;r++)o.indexOf(e[r])<0&&Object.prototype.propertyIsEnumerable.call(t,e[r])&&(n[e[r]]=t[e[r]])}return n};o.default=function(t){var o,n=t.className,u=t.children,l=t.classes,c=t.style,s=i(t,["className","children","classes","style"]);return(0,e.jsx)(r.Popover,a({style:a({zIndex:1300},c),className:(o="paraui-popover",n&&(o+=" "+n),o),classes:{paper:l?"paraui-popover-paper ".concat(l):"paraui-popover-paper"}},s,{children:u}))}},7371:function(t,o,n){"use strict";var e=n(5893),r=n(670),a=n(5744),i=n.n(a),u=(n(2310),function(){return u=Object.assign||function(t){for(var o,n=1,e=arguments.length;n<e;n++)for(var r in o=arguments[n])Object.prototype.hasOwnProperty.call(o,r)&&(t[r]=o[r]);return t},u.apply(this,arguments)}),l=function(t,o){var n={};for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&o.indexOf(e)<0&&(n[e]=t[e]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(e=Object.getOwnPropertySymbols(t);r<e.length;r++)o.indexOf(e[r])<0&&Object.prototype.propertyIsEnumerable.call(t,e[r])&&(n[e[r]]=t[e[r]])}return n};o.default=function(t){var o,n=t.placement,a=void 0===n?"top-start":n,c=t.className,s=t.arrow,p=void 0===s||s,d=t.PopperProps,b=t.boundariesElement,f=void 0===b?"scrollParent":b,g=l(t,["placement","className","arrow","PopperProps","boundariesElement"]),v=u(u({},t.classes),{popper:i()("paraui-tooltip",c,null===(o=t.classes)||void 0===o?void 0:o.popper,{"paraui-tooltip-left-right":(null==a?void 0:a.includes("left"))||(null==a?void 0:a.includes("right")),"paraui-tooltip-top-bottom":(null==a?void 0:a.includes("top"))||(null==a?void 0:a.includes("bottom"))})});return(0,e.jsx)(r.Tooltip,u({},g,{enterTouchDelay:0,arrow:p,placement:a,classes:v,PopperProps:u(u({},d),{modifiers:{preventOverflow:{boundariesElement:f}}})}))}},670:function(t){"use strict";t.exports=n},5395:function(t){"use strict";t.exports=u},2396:function(t){"use strict";t.exports=i},3835:function(t){"use strict";t.exports=a},2788:function(t){"use strict";t.exports=r},7037:function(t){"use strict";t.exports=o},5744:function(t){"use strict";t.exports=e},8156:function(o){"use strict";o.exports=t}},c={};function s(t){var o=c[t];if(void 0!==o)return o.exports;var n=c[t]={id:t,exports:{}};return l[t](n,n.exports,s),n.exports}s.n=function(t){var o=t&&t.__esModule?function(){return t.default}:function(){return t};return s.d(o,{a:o}),o},s.d=function(t,o){for(var n in o)s.o(o,n)&&!s.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:o[n]})},s.o=function(t,o){return Object.prototype.hasOwnProperty.call(t,o)},s.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},s.nc=void 0;var p={};return function(){"use strict";s.r(p);var t=s(5893),o=s(8156),n=s(7037),e=s.n(n),r=s(7896),a=s(7083),i=s(7839),u=(s(7623),function(){return u=Object.assign||function(t){for(var o,n=1,e=arguments.length;n<e;n++)for(var r in o=arguments[n])Object.prototype.hasOwnProperty.call(o,r)&&(t[r]=o[r]);return t},u.apply(this,arguments)}),l=function(t,o,n,e){return new(n||(n=Promise))((function(r,a){function i(t){try{l(e.next(t))}catch(t){a(t)}}function u(t){try{l(e.throw(t))}catch(t){a(t)}}function l(t){var o;t.done?r(t.value):(o=t.value,o instanceof n?o:new n((function(t){t(o)}))).then(i,u)}l((e=e.apply(t,o||[])).next())}))},c=function(t,o){var n,e,r,a,i={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return a={next:u(0),throw:u(1),return:u(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function u(a){return function(u){return function(a){if(n)throw new TypeError("Generator is already executing.");for(;i;)try{if(n=1,e&&(r=2&a[0]?e.return:a[0]?e.throw||((r=e.return)&&r.call(e),0):e.next)&&!(r=r.call(e,a[1])).done)return r;switch(e=0,r&&(a=[2&a[0],r.value]),a[0]){case 0:case 1:r=a;break;case 4:return i.label++,{value:a[1],done:!1};case 5:i.label++,e=a[1],a=[0];continue;case 7:a=i.ops.pop(),i.trys.pop();continue;default:if(!(r=i.trys,(r=r.length>0&&r[r.length-1])||6!==a[0]&&2!==a[0])){i=0;continue}if(3===a[0]&&(!r||a[1]>r[0]&&a[1]<r[3])){i.label=a[1];break}if(6===a[0]&&i.label<r[1]){i.label=r[1],r=a;break}if(r&&i.label<r[2]){i.label=r[2],i.ops.push(a);break}r[2]&&i.ops.pop(),i.trys.pop();continue}a=o.call(t,i)}catch(t){a=[6,t],e=0}finally{n=r=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,u])}}};p.default=function(n){var s,p=n.className,d=void 0===p?"":p,b=n.style,f=n.size,g=void 0===f?"small":f,v=n.list,h=n.showNum,x=void 0===h?3:h,m=n.popoverClassName,y=n.placement,w=void 0===y?"bottom-end":y,j=n.clickCloseMore,O=void 0===j||j,k=n.onClick,S=n.loadingMapping,N=n.key,P=void 0===N?"key":N,C=(0,o.useState)(!1),T=C[0],M=C[1],_=(0,o.useState)({}),z=_[0],E=_[1],I=(0,o.useRef)(),F=function(t,o){return function(n){return l(void 0,void 0,void 0,(function(){var e,r,a;return c(this,(function(i){switch(i.label){case 0:return t.disabled||L(t,o)?[2]:(O&&q(),e=t[P],void 0===(r=S&&S[e])&&(z[o]=!0,E(u({},z))),t.onClick?[4,t.onClick(t,n)]:[3,2]);case 1:return a=i.sent(),[3,4];case 2:return k?[4,k(t,n)]:[3,4];case 3:a=i.sent(),i.label=4;case 4:return void 0===r&&(z[o]=a,E(u({},z))),[2]}}))}))}},R=function(){M(!0)},q=function(){M(!1)},L=function(t,o){var n,e=t[P];return void 0===(n=S&&S[e])&&(n=z[o]),n},B=(0,o.useMemo)((function(){if(!I.current)return null;var o,n=I.current.querySelector(".paraui-operate-btn-more"),e=(null==v?void 0:v.slice(x,null==v?void 0:v.length))||[],r=function(t){var o="paraui-operate-btn-list-item";return t.disabled&&(o+=" paraui-operate-btn-list-item-disabled"),t.danger&&(o+=" paraui-operate-btn-list-item-danger"),t.className&&(o+=" "+d),o};return T&&(0,t.jsx)(a.default,u({open:T,anchorEl:n,onClose:q,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},className:(o="paraui-operate-btn-popover",m&&(o+=" "+m),o)},{children:(0,t.jsx)("div",u({className:"paraui-operate-btn-list"},{children:e.map((function(o,n){return(0,t.jsx)("div",u({className:r(o),onClick:F(o,n+x),style:b},{children:(0,t.jsx)(i.default,{children:o.label||o.toolTipTitle})}),n)}))}))}))}),[T,I,v]);return(0,t.jsxs)("div",u({className:(s="paraui-operate-btn",d&&(s+=" "+d),g&&(s+=" paraui-operate-btn-"+g),s),style:b,ref:I},{children:[null==v?void 0:v.map((function(n,e){var a=!0;if(v.length>x){if(a=!0,x<e+1)return null}else v.length===e+1&&(a=!1);return(0,t.jsxs)(o.Fragment,{children:[(0,t.jsx)(r.default.IconButton,u({className:n.className,style:n.style,variant:"text",toolTipTitle:n.toolTipTitle||n.label||"",TooltipProps:{placement:n.placement||w},loading:L(n,e),disabled:n.disabled,danger:n.danger,onClick:F(n,e)},{children:n.icon})),a&&(0,t.jsx)("span",{className:"paraui-operate-btn-line"})]},e)})),(0,t.jsx)(t.Fragment,{children:v&&v.length>x&&(0,t.jsx)(r.default.IconButton,u({variant:"text",toolTipTitle:"更多",TooltipProps:{placement:w},onClick:R,className:"paraui-operate-btn-more"},{children:(0,t.jsx)(e(),{})}))}),B]}))}}(),p}()}));
+import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
+import { r as regenerator } from '../_verture/index-342379c6.js';
+import { a as __awaiter } from '../_verture/tslib.es6-55ed4bd2.js';
+import { jsxs, jsx, Fragment as Fragment$1 } from 'react/jsx-runtime';
+import { useState, Fragment } from 'react';
+import More from '@para-ui/icons/More';
+import { Button } from '../Button/index.js';
+import { Popover } from '../Popover/index.js';
+import AutoTips from '../AutoTips/index.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import '../_verture/typeof-498dd2b1.js';
+import 'clsx';
+import '@para-ui/icons/LoadingF';
+import '@para-ui/icons/Forbid';
+import '../Tooltip/index.js';
+import 'rc-tooltip';
+import 'rc-tooltip/lib/placements';
+import '@para-ui/icons/Down';
+import '../Dropdown/index.js';
+import 'rc-dropdown';
+import '../_verture/useFormatMessage-ac9d6acf.js';
+import '@para-ui/core/GlobalContext';
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2022/4/13 10:48 AM\n* @description 表格操作按钮\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-operate-btn {\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  display: flex;\n  align-items: center;\n}\n.paraui-operate-btn > .paraui-operate-btn-line {\n  display: inline-block;\n  width: 1px;\n  background-color: rgba(54, 102, 214, 0.2);\n  margin: 0 12px;\n}\n.paraui-operate-btn.paraui-operate-btn-small > .paraui-operate-btn-line {\n  height: 12px;\n}\n.paraui-operate-btn.paraui-operate-btn-small button svg {\n  font-size: 18px;\n}\n.paraui-operate-btn.paraui-operate-btn-medium > .paraui-operate-btn-line {\n  height: 14px;\n}\n.paraui-operate-btn.paraui-operate-btn-medium button svg {\n  font-size: 24px;\n}\n.paraui-operate-btn.paraui-operate-btn-large > .paraui-operate-btn-line {\n  height: 16px;\n}\n.paraui-operate-btn.paraui-operate-btn-large button > svg {\n  font-size: 28px;\n}\n\n.paraui-operate-btn-popover .paraui-operate-btn-list {\n  padding: 8px 0;\n}\n.paraui-operate-btn-popover .paraui-operate-btn-list > .paraui-operate-btn-list-item {\n  padding: 0 12px;\n  max-width: 120px;\n  cursor: pointer;\n  color: rgb(46, 55, 67);\n  line-height: 36px;\n  text-align: left;\n}\n.paraui-operate-btn-popover .paraui-operate-btn-list > .paraui-operate-btn-list-item:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-operate-btn-popover .paraui-operate-btn-list > .paraui-operate-btn-list-item-disabled {\n  cursor: not-allowed;\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-operate-btn-popover .paraui-operate-btn-list > .paraui-operate-btn-list-item-danger {\n  color: rgb(235, 96, 84);\n}";
+styleInject(css_248z);
+
+var OperateBtn = function OperateBtn(props) {
+  var _props$className = props.className,
+      className = _props$className === void 0 ? '' : _props$className,
+      style = props.style,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'small' : _props$size,
+      list = props.list,
+      _props$showNum = props.showNum,
+      showNum = _props$showNum === void 0 ? 3 : _props$showNum,
+      popoverClassName = props.popoverClassName,
+      _props$placement = props.placement,
+      placement = _props$placement === void 0 ? 'bottom-end' : _props$placement,
+      _props$clickCloseMore = props.clickCloseMore,
+      clickCloseMore = _props$clickCloseMore === void 0 ? true : _props$clickCloseMore,
+      onClick = props.onClick,
+      loadingMapping = props.loadingMapping,
+      _props$key = props.key,
+      key = _props$key === void 0 ? 'key' : _props$key;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      openMoreCom = _useState2[0],
+      setOpenMoreCom = _useState2[1]; // 显示更多
+
+
+  var _useState3 = useState({}),
+      _useState4 = _slicedToArray(_useState3, 2),
+      loadingInside = _useState4[0],
+      setLoadingInside = _useState4[1]; // 内部loading
+  // 点击选项
+
+
+  var clickItem = function clickItem(item, index) {
+    return function (e) {
+      return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
+        var handKey, loading, result;
+        return regenerator.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                if (!(item.disabled || handLoadStatus(item, index))) {
+                  _context.next = 2;
+                  break;
+                }
+
+                return _context.abrupt("return");
+
+              case 2:
+                if (clickCloseMore) closeMore();
+                handKey = item[key];
+                loading = loadingMapping && loadingMapping[handKey]; // 不存在外部loading
+
+                if (loading === undefined) {
+                  loadingInside[index] = true;
+                  setLoadingInside(Object.assign({}, loadingInside));
+                }
+
+                if (!item.onClick) {
+                  _context.next = 12;
+                  break;
+                }
+
+                _context.next = 9;
+                return item.onClick(item, e);
+
+              case 9:
+                result = _context.sent;
+                _context.next = 16;
+                break;
+
+              case 12:
+                if (!onClick) {
+                  _context.next = 16;
+                  break;
+                }
+
+                _context.next = 15;
+                return onClick(item, e);
+
+              case 15:
+                result = _context.sent;
+
+              case 16:
+                // 不存在外部loading
+                if (loading === undefined) {
+                  loadingInside[index] = result;
+                  setLoadingInside(Object.assign({}, loadingInside));
+                }
+
+              case 17:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+    };
+  }; // 点击更多
+
+
+  var clickMore = function clickMore() {
+    setOpenMoreCom(true);
+  }; // 关闭显示更多
+
+
+  var closeMore = function closeMore(bol) {
+    if (bol) return;
+    setOpenMoreCom(false);
+  }; // 处理loading
+
+
+  var handLoadStatus = function handLoadStatus(item, index) {
+    var loading;
+    var handKey = item[key];
+    loading = loadingMapping && loadingMapping[handKey]; // 外部没有传laoding
+
+    if (loading === undefined) {
+      loading = loadingInside[index];
+    }
+
+    return loading;
+  }; // 处理handClassPopover
+
+
+  var handClassPopover = function handClassPopover() {
+    var str = 'paraui-operate-btn-popover';
+    if (popoverClassName) str += ' ' + popoverClassName;
+    return str;
+  };
+
+  var morePopoverContent = function morePopoverContent() {
+    var arr = (list === null || list === void 0 ? void 0 : list.slice(showNum, list === null || list === void 0 ? void 0 : list.length)) || [];
+
+    var handPopoverClass = function handPopoverClass(item) {
+      var str = 'paraui-operate-btn-list-item';
+      if (item.disabled) str += ' paraui-operate-btn-list-item-disabled';
+      if (item.danger) str += ' paraui-operate-btn-list-item-danger';
+      if (item.className) str += ' ' + className;
+      return str;
+    };
+
+    return jsx("div", Object.assign({
+      className: "paraui-operate-btn-list"
+    }, {
+      children: arr.map(function (item, index) {
+        return jsx("div", Object.assign({
+          className: handPopoverClass(item),
+          onClick: clickItem(item, index + showNum),
+          style: style
+        }, {
+          children: jsx(AutoTips, {
+            children: item.label || item.toolTipTitle
+          })
+        }), index);
+      })
+    }));
+  }; // 更多按钮
+
+
+  var moreRender = function moreRender() {
+    return jsx(Fragment$1, {
+      children: list && list.length > showNum && jsx(Popover, Object.assign({
+        placement: "bottom-end",
+        visible: openMoreCom,
+        content: morePopoverContent(),
+        onVisibleChange: closeMore,
+        overlayClassName: handClassPopover()
+      }, {
+        children: jsx(Button.IconButton, Object.assign({
+          variant: 'text',
+          toolTipTitle: !openMoreCom && '更多',
+          TooltipProps: {
+            placement: placement
+          },
+          onClick: clickMore,
+          className: 'paraui-operate-btn-more'
+        }, {
+          children: jsx(More, {})
+        }))
+      }))
+    });
+  };
+
+  var handClass = function handClass() {
+    var str = 'paraui-operate-btn';
+    if (className) str += ' ' + className;
+    if (size) str += ' paraui-operate-btn-' + size;
+    return str;
+  };
+
+  return jsxs("div", Object.assign({
+    className: handClass(),
+    style: style
+  }, {
+    children: [list === null || list === void 0 ? void 0 : list.map(function (item, index) {
+      var bol = true;
+
+      if (list.length > showNum) {
+        bol = true; // 超出显示个数不显示
+
+        if (showNum < index + 1) {
+          return null;
+        }
+      } else {
+        // 最后一个
+        if (list.length === index + 1) {
+          bol = false;
+        }
+      }
+
+      return jsxs(Fragment, {
+        children: [jsx(Button.IconButton, Object.assign({
+          className: item.className,
+          style: item.style,
+          variant: 'text',
+          toolTipTitle: item.toolTipTitle || item.label || '',
+          TooltipProps: {
+            placement: item.placement || placement
+          },
+          loading: handLoadStatus(item, index),
+          disabled: item.disabled,
+          danger: item.danger,
+          onClick: clickItem(item, index)
+        }, {
+          children: item.icon
+        })), bol && jsx("span", {
+          className: 'paraui-operate-btn-line'
+        })]
+      }, index);
+    }), moreRender()]
+  }));
+};
+
+export { OperateBtn as default };

package/PageHeader/index.d.ts

@@ -1,10 +1,183 @@
+import React__default, { ReactNode, FunctionComponent } from 'react';
+import styleInject from './node_modules/style-inject/dist/style-inject.es.js';
+
+/**
+ * @author linhd
+ * @date 2021/8/10 14:24
+ * @description 菜单参数
+ */
+
+/** 菜单类型 */
+declare type MenuListTypeType = 'redirect' | 'router' | "iframe" | "snack" | "snackPage";
+/** 菜单列表项参数 */
+interface MenuChildrenProps {
+    /** 样式class */
+    className?: string;
+    /** 菜单名 */
+    label?: ReactNode;
+    /** 菜单类型 */
+    type?: MenuListTypeType;
+    /** 菜单路径 */
+    path?: string;
+    /** 菜单图标 */
+    icon?: ReactNode;
+    /** 菜单组件 */
+    component?: any;
+    /** 子菜单 */
+    children?: MenuChildrenProps[];
+    /** 菜单最后一层所有上下级 一条线 */
+    idMenuLast?: any;
+    /** 当前选中菜单 */
+    selectMenu?: string;
+    /** 点击菜单 */
+    onClickMenu?: (item: MenuChildrenProps | false) => void;
+    [name: string]: any;
+}
+/** 菜单列表参数 */
+interface MenuListProps {
+    /** 菜单列表参数 */
+    list?: MenuChildrenProps[];
+    /** 当前选中菜单 */
+    selectMenu?: string;
+    /** 点击菜单 */
+    onClickMenu?: (item: MenuChildrenProps | false) => void;
+    /** 样式class */
+    className?: string;
+    /** 自定义更多内容 */
+    moreCustomize?: ReactNode;
+    [name: string]: any;
+}
+/** 语言 */
+interface LanguageItemProps {
+    /** 图标 */
+    icon?: ReactNode;
+    /** 文字 */
+    label?: ReactNode;
+    /** 值 */
+    value?: string;
+    [name: string]: any;
+}
+/** 语言 */
+interface LanguageProps {
+    /** 样式class */
+    className?: string;
+    /** 当前选中的语言 */
+    selectLang?: string;
+    /** 语言列表 */
+    language?: LanguageItemProps[];
+    /** 点击下拉语言 */
+    onClick?: (val: any, item: LanguageItemProps) => void;
+    /** 自定义 */
+    render?: ReactNode;
+}
+interface BackSelfcareProps {
+    /** 图标 */
+    icon?: ReactNode;
+    /** 标题 */
+    label?: ReactNode;
+    /** 自定义 */
+    render?: ReactNode;
+    /** 样式class */
+    className?: string;
+    /** 点击事件 */
+    onClick?: (e: any) => void;
+}
+/** 按钮listItem */
+interface BtnListItemProps {
+    /** 图标 */
+    icon?: ReactNode;
+    /** 标题 */
+    label?: ReactNode;
+    /** 值 */
+    value?: string;
+    /** 标记 */
+    sign?: boolean;
+    [name: string]: any;
+}
+/** 按钮列表 */
+interface BtnListProps {
+    /** 按钮list */
+    list?: BtnListItemProps[];
+    /** 自定义 */
+    render?: ReactNode;
+    /** 样式class */
+    className?: string;
+    /** 点击事件 */
+    onClick?: (item: BtnListItemProps, e: any) => void;
+}
+/** 用户下拉菜单 */
+interface UserListProps {
+    /** 图标 */
+    icon?: ReactNode;
+    /** 标题 */
+    label?: ReactNode;
+    /** 值 */
+    value?: string;
+    [name: string]: any;
+}
+/** 用户信息 */
+interface UserProps {
+    /** 样式class */
+    className?: string;
+    /** 图片地址 */
+    img?: string;
+    /** imgRender */
+    imgRender?: ReactNode;
+    /** 显示名 */
+    label?: ReactNode;
+    /** 自定义 */
+    render?: ReactNode;
+    /** 下拉菜单选中的值 */
+    selectValue?: any;
+    /** 下拉菜单 */
+    list?: UserListProps[];
+    /** 点击用户 */
+    onClick?: (e: any) => void;
+    /** 点击下拉菜单 */
+    onClickMenu?: (val: any, item: UserListProps) => void;
+}
+/** 尾部导航 */
+interface FooterProps {
+    /** 样式class */
+    className?: string;
+    /** 返回自助参数 */
+    backSelfcareProps?: BackSelfcareProps;
+    /** 语言参数 */
+    languageProps?: LanguageProps;
+    /** 按钮list */
+    btnListProps?: BtnListProps;
+    /** 用户参数 */
+    userProps?: UserProps;
+    /** 自定义 */
+    render?: ReactNode;
+}
+/** 菜单参数 */
+interface PageHeaderProps {
+    /** 样式class */
+    className?: string;
+    /** style */
+    style?: React__default.CSSProperties;
+    /** 当前选中菜单 */
+    selectMenu?: string;
+    /** 左侧自定义内容 */
+    leftRender?: ReactNode;
+    /** 菜单配置 */
+    menuListProps?: MenuListProps;
+    /** 右侧参数 */
+    footerProps?: FooterProps;
+    /** 点击菜单 */
+    onClickMenu?: (item: MenuChildrenProps | false) => void;
+}
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-page-header {\n  width: 100%;\n  height: 100%;\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  display: flex;\n  justify-content: space-between;\n  box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n  padding: 0 16px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-page-header > .paraui-page-header-left {\n  white-space: nowrap;\n  display: flex;\n  justify-content: left;\n  align-items: center;\n}\n.paraui-page-header > .menu-box {\n  width: 100%;\n}\n.paraui-page-header > .menu-box > .horizontal-menu-list {\n  width: 100%;\n  height: 100%;\n  line-height: 0;\n  overflow: hidden;\n}\n.paraui-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item {\n  padding: 0 20px;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  position: relative;\n  white-space: nowrap;\n  float: left;\n  cursor: pointer;\n}\n.paraui-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:after {\n  position: absolute;\n  left: 0;\n  top: 0;\n  content: \"\";\n  z-index: 1;\n}\n.paraui-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:hover > .menu-item-icon > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:hover > .menu-item-label {\n  color: rgb(54, 102, 214);\n}\n.paraui-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:hover > .menu-item-arrow {\n  color: rgb(54, 102, 214);\n}\n.paraui-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:hover > .menu-item-arrow svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item > .menu-item-icon > svg {\n  font-size: 18px;\n  color: rgba(46, 55, 67, 0.7);\n  margin-right: 5px;\n}\n.paraui-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item > .menu-item-label {\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.7);\n  white-space: nowrap;\n}\n.paraui-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item > .menu-item-arrow > svg {\n  font-size: 18px;\n  transition: all 0.3s;\n  color: rgba(46, 55, 67, 0.7);\n  margin-left: 2px;\n}\n.paraui-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-icon > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-label {\n  color: rgb(54, 102, 214);\n}\n.paraui-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-arrow {\n  color: rgb(54, 102, 214);\n}\n.paraui-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-arrow svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-hover > .menu-item-icon > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-hover > .menu-item-label {\n  color: rgb(54, 102, 214);\n}\n.paraui-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-hover > .menu-item-arrow {\n  color: rgb(54, 102, 214);\n}\n.paraui-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-hover > .menu-item-arrow svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-page-header .paraui-horizontal-meun-right {\n  height: 100%;\n  display: flex;\n}\n.paraui-page-header .paraui-horizontal-meun-right > .back-btn {\n  padding: 0 12px;\n  height: 100%;\n  display: flex;\n  align-items: center;\n}\n.paraui-page-header .paraui-horizontal-meun-right > .back-btn > button {\n  width: 100%;\n  white-space: nowrap;\n  padding: 0 10px 0 14px;\n  line-height: 14px;\n  font-size: 14px;\n}\n.paraui-page-header .paraui-horizontal-meun-right > .back-btn > button svg {\n  color: white;\n}\n.paraui-page-header .paraui-horizontal-meun-right > .language {\n  height: 100%;\n}\n.paraui-page-header .paraui-horizontal-meun-right > .language .language-item {\n  display: flex;\n  padding: 0 12px;\n  cursor: pointer;\n  align-items: center;\n  height: 100%;\n  position: relative;\n}\n.paraui-page-header .paraui-horizontal-meun-right > .language .language-item:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-page-header .paraui-horizontal-meun-right > .language .language-item:hover > .language-item-icon > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-page-header .paraui-horizontal-meun-right > .language .language-item:hover > .language-item-label {\n  color: rgb(54, 102, 214);\n}\n.paraui-page-header .paraui-horizontal-meun-right > .language .language-item:hover > .language-item-arrow > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-page-header .paraui-horizontal-meun-right > .language .language-item > .language-item-icon {\n  display: flex;\n  align-items: center;\n}\n.paraui-page-header .paraui-horizontal-meun-right > .language .language-item > .language-item-icon > svg {\n  font-size: 18px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-page-header .paraui-horizontal-meun-right > .language .language-item > .language-item-label {\n  font-size: 14px;\n  line-height: 14px;\n  color: rgba(46, 55, 67, 0.7);\n  white-space: nowrap;\n  margin-left: 5px;\n  display: inline-block;\n}\n.paraui-page-header .paraui-horizontal-meun-right > .language.language-select .language-item > .language-item-icon > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-page-header .paraui-horizontal-meun-right > .language.language-select .language-item > .language-item-label {\n  color: rgb(54, 102, 214);\n}\n.paraui-page-header .paraui-horizontal-meun-right > .btn-list {\n  display: flex;\n  height: 100%;\n}\n.paraui-page-header .paraui-horizontal-meun-right > .btn-list > .btn-list-item {\n  display: flex;\n  padding: 0 12px;\n  cursor: pointer;\n  align-items: center;\n}\n.paraui-page-header .paraui-horizontal-meun-right > .btn-list > .btn-list-item.btn-list-item-sign > .btn-list-item-icon {\n  position: relative;\n}\n.paraui-page-header .paraui-horizontal-meun-right > .btn-list > .btn-list-item.btn-list-item-sign > .btn-list-item-icon:after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 4px;\n  height: 4px;\n  border-radius: 50%;\n  background-color: rgb(235, 96, 84);\n}\n.paraui-page-header .paraui-horizontal-meun-right > .btn-list > .btn-list-item:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-page-header .paraui-horizontal-meun-right > .btn-list > .btn-list-item:hover > .btn-list-item-icon > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-page-header .paraui-horizontal-meun-right > .btn-list > .btn-list-item:hover > .btn-list-item-label {\n  color: rgb(54, 102, 214);\n}\n.paraui-page-header .paraui-horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-page-header .paraui-horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-icon > svg {\n  font-size: 18px;\n  color: rgba(46, 55, 67, 0.7);\n  position: relative;\n}\n.paraui-page-header .paraui-horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-icon > svg:after {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  content: \"\";\n  z-index: 1;\n}\n.paraui-page-header .paraui-horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-label {\n  font-size: 14px;\n  line-height: 14px;\n  color: rgba(46, 55, 67, 0.7);\n  width: 100%;\n  white-space: nowrap;\n  margin-left: 5px;\n}\n.paraui-page-header .paraui-horizontal-meun-right > .logo {\n  display: flex;\n  padding: 0 12px;\n  align-items: center;\n  height: 100%;\n  cursor: pointer;\n}\n.paraui-page-header .paraui-horizontal-meun-right > .logo.logo-show-dialog {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-page-header .paraui-horizontal-meun-right > .logo:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-page-header .paraui-horizontal-meun-right > .logo > img {\n  height: 36px;\n  width: 36px;\n  border-radius: 50%;\n}\n.paraui-page-header .paraui-horizontal-meun-right > .logo > .label {\n  font-size: 14px;\n  line-height: 14px;\n  color: rgba(46, 55, 67, 0.7);\n  font-weight: 700;\n  white-space: nowrap;\n  margin-left: 12px;\n  max-width: 160px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-page-header .paraui-horizontal-meun-right > .logo > .arrow {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-left: 5px;\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 18px;\n}\n.paraui-page-header .paraui-horizontal-meun-right > .logo > .arrow > svg {\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 18px;\n}\n\n.paraui-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content, .paraui-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item, .paraui-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item {\n  position: relative;\n}\n.paraui-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content, .paraui-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content {\n  width: 140px;\n  height: 40px;\n  line-height: 40px;\n  padding: 0 10px;\n  display: flex;\n  cursor: pointer;\n  align-items: center;\n}\n.paraui-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover, .paraui-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-icon > svg, .paraui-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-icon > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-label, .paraui-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-label {\n  color: rgb(54, 102, 214);\n}\n.paraui-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-arrow > svg, .paraui-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-arrow > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon, .paraui-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-right: 5px;\n}\n.paraui-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg, .paraui-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n  font-size: 20px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg:after, .paraui-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg:after {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  content: \"\";\n  z-index: 1;\n}\n.paraui-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label, .paraui-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label {\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.7);\n  width: 100%;\n  white-space: nowrap;\n  text-align: left;\n}\n.paraui-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow, .paraui-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg, .paraui-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n  font-size: 20px;\n  transition: all 0.3s;\n  color: rgba(46, 55, 67, 0.7);\n  transform: rotate(270deg);\n  position: relative;\n}\n.paraui-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg:after, .paraui-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg:after {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  content: \"\";\n  z-index: 1;\n}\n.paraui-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .opacity-pos-svg, .paraui-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .opacity-pos-svg {\n  opacity: 0;\n}\n.paraui-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-popper, .paraui-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-popper {\n  padding-left: 5px;\n}\n.paraui-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-icon > svg, .paraui-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-label, .paraui-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-label {\n  color: rgb(54, 102, 214);\n}\n.paraui-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-arrow > svg, .paraui-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-horizontal-menu-popper .menu-item-popper-child {\n  position: absolute;\n  transform: none !important;\n  left: 100% !important;\n  top: 0;\n}\n.paraui-horizontal-menu-popper .menu-item-popper-child > .menu-item-popper-content {\n  box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n  background-color: white;\n}\n\n.paraui-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item {\n  height: 36px;\n  line-height: 36px;\n  padding: 0 10px;\n  display: flex;\n  cursor: pointer;\n  align-items: center;\n}\n.paraui-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item:hover > .icon > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item:hover > .label {\n  color: rgb(54, 102, 214);\n}\n.paraui-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .icon > svg {\n  font-size: 18px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .icon > svg:after {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  content: \"\";\n  z-index: 1;\n}\n.paraui-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .label {\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.7);\n  width: 100%;\n  white-space: nowrap;\n  text-align: left;\n}\n.paraui-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item.menu-popover-item-select > .icon > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item.menu-popover-item-select > .label {\n  color: rgb(54, 102, 214);\n}";
+styleInject(css_248z);
+
 /**
  * @author linhd
  * @date 2021/11/17 14:30
  * @description 页头
  */
-import { FunctionComponent } from 'react';
-import { PageHeaderProps } from './interface';
-import './index.scss';
-export declare const PageHeader: FunctionComponent<PageHeaderProps>;
-export default PageHeader;
+
+declare const PageHeader: FunctionComponent<PageHeaderProps>;
+
+export { PageHeader, PageHeader as default };