@para-ui/core 2.2.4 → 2.2.5-beta

package/ButtonGroup/index.js

@@ -1,14 +1,128 @@
-!function(t,o){"object"==typeof exports&&"object"==typeof module?module.exports=o(require("react"),require("@material-ui/core"),require("clsx"),require("@para-ui/icons/LoadingF"),require("@para-ui/icons/Forbid"),require("@para-ui/icons/Down"),require("@para-ui/core/GlobalContext")):"function"==typeof define&&define.amd?define(["react","@material-ui/core","clsx","@para-ui/icons/LoadingF","@para-ui/icons/Forbid","@para-ui/icons/Down","@para-ui/core/GlobalContext"],o):"object"==typeof exports?exports.ParaUI=o(require("react"),require("@material-ui/core"),require("clsx"),require("@para-ui/icons/LoadingF"),require("@para-ui/icons/Forbid"),require("@para-ui/icons/Down"),require("@para-ui/core/GlobalContext")):t.ParaUI=o(t.react,t["@material-ui/core"],t.clsx,t["@para-ui/icons/LoadingF"],t["@para-ui/icons/Forbid"],t["@para-ui/icons/Down"],t["@para-ui/core/GlobalContext"])}(self,(function(t,o,n,r,i,e,a){return function(){var u={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},9114:function(t,o,n){(o=n(3645)(!1)).push([t.id,".paraui-button-group{display:inline-flex;align-items:center}.paraui-button-group-iconSplit .paraui-icon-button:not(:last-child){margin-right:8px}.paraui-button-group-iconSplit.paraui-button-group-tooltip>span:not(:last-child){margin-right:8px}.paraui-button-group-icon{border:1px solid rgba(171,176,185,.4);border-radius:4px}.paraui-button-group-icon .paraui-icon-button{border:none;border-radius:0}.paraui-button-group-icon .paraui-icon-button:not(:last-child){border-right:1px solid rgba(171,176,185,.4)}.paraui-button-group-icon .paraui-icon-button:first-child{border-radius:4px 0 0 4px}.paraui-button-group-icon .paraui-icon-button:last-child{border-radius:0 4px 4px 0}.paraui-button-group-icon.paraui-button-group-tooltip>span .paraui-icon-button{border:none;border-radius:0}.paraui-button-group-icon.paraui-button-group-tooltip>span:not(:last-child) .paraui-icon-button{border-right:1px solid rgba(171,176,185,.4)}.paraui-button-group-icon.paraui-button-group-tooltip>span:first-child .paraui-icon-button{border-radius:4px 0 0 4px}.paraui-button-group-icon.paraui-button-group-tooltip>span:last-child .paraui-icon-button{border-radius:0 4px 4px 0}.paraui-button-group-text .paraui-button{border:none;border-radius:0}.paraui-button-group-text .paraui-button:not(:last-child){border-right:1px solid 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]||"",r=t[3];if(!r)return n;if(o&&"function"==typeof btoa){var i=(a=r,u=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),c="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(u),"/*# ".concat(c," */")),e=r.sources.map((function(t){return"/*# sourceURL=".concat(r.sourceRoot||"").concat(t," */")}));return[n].concat(e).concat([i]).join("\n")}var a,u,c;return[n].join("\n")}(o,t);return o[2]?"@media ".concat(o[2]," {").concat(n,"}"):n})).join("")},o.i=function(t,n,r){"string"==typeof t&&(t=[[null,t,""]]);var i={};if(r)for(var e=0;e<this.length;e++){var a=this[e][0];null!=a&&(i[a]=!0)}for(var u=0;u<t.length;u++){var c=[].concat(t[u]);r&&i[c[0]]||(n&&(c[2]?c[2]="".concat(n," and ").concat(c[2]):c[2]=n),o.push(c))}},o}},7418:function(t){"use strict";
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/var o=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;function i(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 r={};return"abcdefghijklmnopqrst".split("").forEach((function(t){r[t]=t})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(t){return!1}}()?Object.assign:function(t,e){for(var a,u,c=i(t),l=1;l<arguments.length;l++){for(var s in a=Object(arguments[l]))n.call(a,s)&&(c[s]=a[s]);if(o){u=o(a);for(var p=0;p<u.length;p++)r.call(a,u[p])&&(c[u[p]]=a[u[p]])}}return c}},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 r=n(8156),i=60103;if(o.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var e=Symbol.for;i=e("react.element"),o.Fragment=e("react.fragment")}var a=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,u=Object.prototype.hasOwnProperty,c={key:!0,ref:!0,__self:!0,__source:!0};function l(t,o,n){var r,e={},l=null,s=null;for(r in void 0!==n&&(l=""+n),void 0!==o.key&&(l=""+o.key),void 0!==o.ref&&(s=o.ref),o)u.call(o,r)&&!c.hasOwnProperty(r)&&(e[r]=o[r]);if(t&&t.defaultProps)for(r in o=t.defaultProps)void 0===e[r]&&(e[r]=o[r]);return{$$typeof:i,type:t,key:l,ref:s,props:e,_owner:a.current}}o.jsx=l,o.jsxs=l},5893:function(t,o,n){"use strict";t.exports=n(5251)},5822:function(t,o,n){var r=n(3379),i=n(8313);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[t.id,i,""]]);var e={insert:("body","body"),singleton:!1};r(i,e);t.exports=i.locals||{}},954:function(t,o,n){var r=n(3379),i=n(9114);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[t.id,i,""]]);var e={insert:("body","body"),singleton:!1};r(i,e);t.exports=i.locals||{}},2310:function(t,o,n){var r=n(3379),i=n(9929);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[t.id,i,""]]);var e={insert:("body","body"),singleton:!1};r(i,e);t.exports=i.locals||{}},3379:function(t,o,n){"use strict";var r,i=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},e=function(){var t={};return function(o){if(void 0===t[o]){var n=document.querySelector(o);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(t){n=null}t[o]=n}return t[o]}}(),a=[];function u(t){for(var o=-1,n=0;n<a.length;n++)if(a[n].identifier===t){o=n;break}return o}function c(t,o){for(var n={},r=[],i=0;i<t.length;i++){var e=t[i],c=o.base?e[0]+o.base:e[0],l=n[c]||0,s="".concat(c," ").concat(l);n[c]=l+1;var p=u(s),d={css:e[1],media:e[2],sourceMap:e[3]};-1!==p?(a[p].references++,a[p].updater(d)):a.push({identifier:s,updater:h(d,o),references:1}),r.push(s)}return r}function l(t){var o=document.createElement("style"),r=t.attributes||{};if(void 0===r.nonce){var i=n.nc;i&&(r.nonce=i)}if(Object.keys(r).forEach((function(t){o.setAttribute(t,r[t])})),"function"==typeof t.insert)t.insert(o);else{var a=e(t.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(o)}return o}var s,p=(s=[],function(t,o){return s[t]=o,s.filter(Boolean).join("\n")});function d(t,o,n,r){var i=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(t.styleSheet)t.styleSheet.cssText=p(o,i);else{var e=document.createTextNode(i),a=t.childNodes;a[o]&&t.removeChild(a[o]),a.length?t.insertBefore(e,a[o]):t.appendChild(e)}}function b(t,o,n){var r=n.css,i=n.media,e=n.sourceMap;if(i?t.setAttribute("media",i):t.removeAttribute("media"),e&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(e))))," */")),t.styleSheet)t.styleSheet.cssText=r;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(r))}}var f=null,g=0;function h(t,o){var n,r,i;if(o.singleton){var e=g++;n=f||(f=l(o)),r=d.bind(null,n,e,!1),i=d.bind(null,n,e,!0)}else n=l(o),r=b.bind(null,n,o),i=function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(n)};return r(t),function(o){if(o){if(o.css===t.css&&o.media===t.media&&o.sourceMap===t.sourceMap)return;r(t=o)}else i()}}t.exports=function(t,o){(o=o||{}).singleton||"boolean"==typeof o.singleton||(o.singleton=i());var n=c(t=t||[],o);return function(t){if(t=t||[],"[object Array]"===Object.prototype.toString.call(t)){for(var r=0;r<n.length;r++){var i=u(n[r]);a[i].references--}for(var e=c(t,o),l=0;l<n.length;l++){var s=u(n[l]);0===a[s].references&&(a[s].updater(),a.splice(s,1))}n=e}}}},7896:function(t,o,n){"use strict";n.d(o,{default:function(){return j}});var r=n(5893),i=n(8156),e=n(670),a=n(5744),u=n.n(a),c=n(2788),l=n.n(c),s=n(3835),p=n.n(s),d=n(7371),b=n(2396),f=n.n(b),g=n(3054),h={zh:{moreActions:"更多操作"},en:{moreActions:"More actions"}},x=function(){return x=Object.assign||function(t){for(var o,n=1,r=arguments.length;n<r;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(t[i]=o[i]);return t},x.apply(this,arguments)};n(5822);var v=function(){return v=Object.assign||function(t){for(var o,n=1,r=arguments.length;n<r;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(t[i]=o[i]);return t},v.apply(this,arguments)},m=function(t,o){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&o.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(t);i<r.length;i++)o.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(t,r[i])&&(n[r[i]]=t[r[i]])}return n},y=function(t){var o=t.variant,n=void 0===o?"contained":o,a=t.size,c=void 0===a?"large":a,s=t.className,b=t.disabled,f=void 0!==b&&b,g=t.children,h=t.startIcon,x=t.endIcon,y=t.loading,j=void 0!==y&&y,w=t.toolTipTitle,O=void 0===w?"":w,k=t.TooltipProps,S=t.danger,P=void 0!==S&&S,N=m(t,["variant","size","className","disabled","children","startIcon","endIcon","loading","toolTipTitle","TooltipProps","danger"]),T=(0,i.useState)(!1),C=T[0],_=T[1],E=function(t){if(!C)return"start"===t&&h?(0,r.jsx)("span",v({className:u()("btn-icon","start-icon")},{children:h})):"end"===t&&x?(0,r.jsx)("span",v({className:u()("btn-icon","end-icon")},{children:x})):null;if("object"==typeof j){var o=j.delay||0;setTimeout((function(){return _(!1)}),o)}return"start"===t?(0,r.jsx)("span",v({className:"btn-icon loading-icon"},{children:(0,r.jsx)(l(),{})})):null},z=(0,r.jsx)(e.Button,v({},N,{color:"default",variant:"contained",disabled:f,disableRipple:!0,disableElevation:!0,className:u()("paraui-button",s,"paraui-button-".concat(n),"paraui-button-".concat(c),C&&"paraui-button-loading",P&&!f&&"paraui-button-dangerous"),classes:{label:"paraui-button-label"},startIcon:E("start"),endIcon:E("end")},{children:g}));return(0,i.useEffect)((function(){_(!!j)}),[j]),f&&O?(0,r.jsx)(d.default,v({},k,{title:function(){if(f&&O){return(0,r.jsxs)("span",{children:[(0,r.jsx)(p(),{style:{marginRight:"4px",fontSize:"11px",color:"inherit"}}),O]})}return O}()},{children:(0,r.jsx)("span",v({className:"paraui-button--disabled"},{children:z}))})):z};y.IconButton=function(t){var o=t.variant,n=void 0===o?"contained":o,a=t.size,c=void 0===a?"large":a,s=t.toolTipTitle,b=void 0===s?"":s,f=t.children,g=t.className,h=t.disabled,x=void 0!==h&&h,y=t.loading,j=void 0!==y&&y,w=t.TooltipProps,O=t.danger,k=void 0!==O&&O,S=m(t,["variant","size","toolTipTitle","children","className","disabled","loading","TooltipProps","danger"]),P=(0,i.useState)(!1),N=P[0],T=P[1],C=(0,r.jsx)(e.IconButton,v({},S,{disabled:x,disableRipple:!0,className:u()("paraui-icon-button",g,"paraui-icon-button-".concat(n),"paraui-icon-button-".concat(c),N&&"paraui-icon-button-loading",k&&!x&&"paraui-icon-button-dangerous")},{children:function(){if(!N)return f;if("object"==typeof j){var t=j.delay||0;setTimeout((function(){return T(!1)}),t)}return(0,r.jsx)("span",v({className:"loading-icon"},{children:(0,r.jsx)(l(),{})}))}()}));return(0,i.useEffect)((function(){T(!!j)}),[j]),b?(0,r.jsx)(d.default,v({},w,{title:function(){if(x&&b){return(0,r.jsxs)("span",{children:[(0,r.jsx)(p(),{style:{marginRight:"4px",fontSize:"11px",color:"inherit"}}),b]})}return b}()},{children:x?(0,r.jsx)("span",v({className:"paraui-button--disabled"},{children:C})):C}),+N):C},y.SplitButton=function(t){var o=t.buttonText,n=t.options,a=void 0===n?[]:n,c=t.className,l=t.popperClassName,s=t.style,p=t.popperStyle,d=t.disabled,b=void 0!==d&&d,v=t.onClick,m=t.optionRender,y=t.placement,w=void 0===y?"bottom-end":y,O=t.buttonProps,k=t.iconButton,S=void 0!==k&&k,P=(0,g.Z)("Button",h),N=(0,i.useState)(!1),T=N[0],C=N[1],_=(0,i.useRef)(null),E=(0,i.useRef)(),z=(0,i.useRef)(),I=(0,i.useState)(),M=I[0],R=I[1],F=function(t,o,n){var r;t.disabled?n.stopPropagation():(R(o),C(!1),null===(r=E.current)||void 0===r||r.classList.remove("paraui-button-split--active"),null==v||v(t,n))},L=function(t){t.stopPropagation(),q();var o=t.currentTarget;z.current=window.setTimeout((function(){E.current=o,o.classList.add("paraui-button-split--active"),C(!0)}),150)},q=function(){z.current&&(clearTimeout(z.current),z.current=null)},B=function(t){var o,n;(null===(o=_.current)||void 0===o?void 0:o.contains(t.target))||(C(!1),null===(n=E.current)||void 0===n||n.classList.remove("paraui-button-split--active"))},A=function(){return(0,r.jsx)("div",x({className:"paraui-button-split-list"},{children:(0,r.jsx)("ul",{children:a.map((function(t,o){return Array.isArray(t)?function(t,o){return(0,r.jsx)("li",x({className:"split-li-group"},{children:t.map((function(t,n){var i="".concat(o,"-").concat(n);return(0,r.jsx)("div",x({className:u()("split-li",i===M&&"split-li--active",t.disabled&&"split-li--disabled"),onClick:function(o){return F(t,i,o)}},{children:(null==m?void 0:m(t))||t.label}),i)}))}),o)}(t,o):(0,r.jsx)("li",x({className:u()("split-li",o===M&&"split-li--active",t.disabled&&"split-li--disabled"),onClick:function(n){return F(t,o,n)}},{children:(null==m?void 0:m(t))||t.label}),o)}))})}))};return(0,r.jsxs)("div",x({className:u()("paraui-button-split",c),ref:_,style:s,onMouseLeave:function(t){var o;t.stopPropagation(),q(),null===(o=t.currentTarget.firstElementChild)||void 0===o||o.classList.remove("paraui-button-split--active"),C(!1)}},{children:[S?(0,r.jsx)(j.IconButton,x({variant:"text",size:"small",disabled:b},O,{onMouseEnter:L},{children:null!=o?o:P({id:"moreActions"})})):(0,r.jsx)(j,x({variant:"outlined",size:"large",startIcon:(0,r.jsx)(f(),{}),disabled:b},O,{onMouseEnter:L},{children:null!=o?o:P({id:"moreActions"})})),(0,r.jsx)(e.Popper,x({open:T,anchorEl:_.current,transition:!0,placement:w,style:x({zIndex:1500},p),className:u()("paraui-button-split-popper",l)},{children:function(t){var o=t.TransitionProps;t.placement;return(0,r.jsx)(e.Grow,x({},o,{children:(0,r.jsx)(r.Fragment,{children:(0,r.jsx)(e.ClickAwayListener,x({onClickAway:B},{children:A()}))})}))}}))]}))};var j=y},3054:function(t,o,n){"use strict";var r=n(8156),i=n.n(r),e=n(5395),a=n.n(e);o.Z=function(t,o){var n=i().useContext(a()).intlFormat;return o.zh_CN=o.zh,o.en_US=o.en,n&&n(t,o)}},7371:function(t,o,n){"use strict";var r=n(5893),i=n(670),e=n(5744),a=n.n(e),u=(n(2310),function(){return u=Object.assign||function(t){for(var o,n=1,r=arguments.length;n<r;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(t[i]=o[i]);return t},u.apply(this,arguments)}),c=function(t,o){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&o.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(t);i<r.length;i++)o.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(t,r[i])&&(n[r[i]]=t[r[i]])}return n};o.default=function(t){var o,n=t.placement,e=void 0===n?"top-start":n,l=t.className,s=t.arrow,p=void 0===s||s,d=t.PopperProps,b=t.boundariesElement,f=void 0===b?"scrollParent":b,g=c(t,["placement","className","arrow","PopperProps","boundariesElement"]),h=u(u({},t.classes),{popper:a()("paraui-tooltip",l,null===(o=t.classes)||void 0===o?void 0:o.popper,{"paraui-tooltip-left-right":(null==e?void 0:e.includes("left"))||(null==e?void 0:e.includes("right")),"paraui-tooltip-top-bottom":(null==e?void 0:e.includes("top"))||(null==e?void 0:e.includes("bottom"))})});return(0,r.jsx)(i.Tooltip,u({},g,{enterTouchDelay:0,arrow:p,placement:e,classes:h,PopperProps:u(u({},d),{modifiers:{preventOverflow:{boundariesElement:f}}})}))}},670:function(t){"use strict";t.exports=o},5395:function(t){"use strict";t.exports=a},2396:function(t){"use strict";t.exports=e},3835:function(t){"use strict";t.exports=i},2788:function(t){"use strict";t.exports=r},5744:function(t){"use strict";t.exports=n},8156:function(o){"use strict";o.exports=t}},c={};function l(t){var o=c[t];if(void 0!==o)return o.exports;var n=c[t]={id:t,exports:{}};return u[t](n,n.exports,l),n.exports}l.n=function(t){var o=t&&t.__esModule?function(){return t.default}:function(){return t};return l.d(o,{a:o}),o},l.d=function(t,o){for(var n in o)l.o(o,n)&&!l.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:o[n]})},l.o=function(t,o){return Object.prototype.hasOwnProperty.call(t,o)},l.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},l.nc=void 0;var s={};return function(){"use strict";l.r(s),l.d(s,{ButtonGroup:function(){return b}});var t=l(5893),o=l(8156),n=l.n(o),r=l(7896),i=l(7371),e=l(5744),a=l.n(e),u=l(3835),c=l.n(u),p=(l(954),function(){return p=Object.assign||function(t){for(var o,n=1,r=arguments.length;n<r;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(t[i]=o[i]);return t},p.apply(this,arguments)}),d=function(t,o){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&o.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(t);i<r.length;i++)o.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(t,r[i])&&(n[r[i]]=t[r[i]])}return n},b=function(o){var e=o.mode,u=void 0===e?"icon":e,l=o.data,s=void 0===l?[]:l,b=o.className,f=o.showToolTip,g=void 0!==f&&f,h=o.onClick,x=o.disabled,v=void 0!==x&&x,m=o.style,y=function(o,n){if(o&&n){return(0,t.jsxs)("span",{children:[(0,t.jsx)(c(),{style:{marginRight:"4px",fontSize:"11px",color:"inherit"}}),n]})}return n},j=function(t){return function(o){null==h||h(t,o)}},w=function(o){var n=null!=o?o:{},i=n.text,e=n.icon,a=d(n,["text","icon"]);switch(u){case"text":return(0,t.jsx)(r.default,p({onClick:j(o),variant:"outlined",size:"small"},a,{children:i}));case"icon":case"iconSplit":return(0,t.jsx)(r.default.IconButton,p({onClick:j(o),variant:"outlined"},a,{children:e}))}};return(0,t.jsx)("div",p({className:a()("paraui-button-group","paraui-button-group-".concat(u),b,g&&"paraui-button-group-tooltip"),style:m},{children:s&&s.length?s.map((function(o,r){var e=o.text,a=o.disabled;return void 0===a&&(a=v,o.disabled=v),g&&["icon","iconSplit"].includes(u)?(0,t.jsx)(i.default,p({title:y(a,e)},{children:(0,t.jsx)("span",{children:w(o)})}),r):(0,t.jsx)(n().Fragment,{children:w(o)},r)})):null}))};s.default=b}(),s}()}));
+import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import React__default from 'react';
+import { Button } from '../Button/index.js';
+import { Tooltip } from '../Tooltip/index.js';
+import clsx from 'clsx';
+import Forbid from '@para-ui/icons/Forbid';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import '../_verture/typeof-498dd2b1.js';
+import '../_verture/slicedToArray-d7722f4b.js';
+import '@para-ui/icons/LoadingF';
+import '@para-ui/icons/Down';
+import '../Dropdown/index.js';
+import 'rc-dropdown';
+import '../_verture/useFormatMessage-ac9d6acf.js';
+import '@para-ui/core/GlobalContext';
+import 'rc-tooltip';
+import 'rc-tooltip/lib/placements';
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/26 下午2:39\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-button-group {\n  display: inline-flex;\n  align-items: center;\n}\n.paraui-button-group-iconSplit .paraui-icon-button:not(:last-child) {\n  margin-right: 8px;\n}\n.paraui-button-group-iconSplit.paraui-button-group-tooltip > span:not(:last-child) {\n  margin-right: 8px;\n}\n.paraui-button-group-icon {\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n}\n.paraui-button-group-icon .paraui-icon-button {\n  border: none;\n  border-radius: 0;\n}\n.paraui-button-group-icon .paraui-icon-button:not(:last-child) {\n  border-right: 1px solid rgba(171, 176, 185, 0.4);\n}\n.paraui-button-group-icon .paraui-icon-button:first-child {\n  border-radius: 4px 0 0 4px;\n}\n.paraui-button-group-icon .paraui-icon-button:last-child {\n  border-radius: 0 4px 4px 0;\n}\n.paraui-button-group-icon.paraui-button-group-tooltip > span .paraui-icon-button {\n  border: none;\n  border-radius: 0;\n}\n.paraui-button-group-icon.paraui-button-group-tooltip > span:not(:last-child) .paraui-icon-button {\n  border-right: 1px solid rgba(171, 176, 185, 0.4);\n}\n.paraui-button-group-icon.paraui-button-group-tooltip > span:first-child .paraui-icon-button {\n  border-radius: 4px 0 0 4px;\n}\n.paraui-button-group-icon.paraui-button-group-tooltip > span:last-child .paraui-icon-button {\n  border-radius: 0 4px 4px 0;\n}\n.paraui-button-group-text .paraui-button {\n  border: none;\n  border-radius: 0;\n}\n.paraui-button-group-text .paraui-button:not(:last-child) {\n  border-right: 1px solid rgba(171, 176, 185, 0.4);\n}";
+styleInject(css_248z);
+
+var ButtonGroup = function ButtonGroup(props) {
+  var _props$mode = props.mode,
+      mode = _props$mode === void 0 ? 'icon' : _props$mode,
+      _props$data = props.data,
+      data = _props$data === void 0 ? [] : _props$data,
+      className = props.className,
+      _props$showToolTip = props.showToolTip,
+      showToolTip = _props$showToolTip === void 0 ? false : _props$showToolTip,
+      onClick = props.onClick,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      style = props.style; //tooltip title
+
+  var generateTooltipTitle = function generateTooltipTitle(disabled, title) {
+    if (disabled && title) {
+      var svgObj = {
+        marginRight: '4px',
+        fontSize: '11px',
+        color: 'inherit'
+      };
+      return jsxs("span", {
+        children: [jsx(Forbid, {
+          style: svgObj
+        }), title]
+      });
+    }
+
+    return title;
+  }; //渲染按钮组
+
+
+  var renderButtonGroup = function renderButtonGroup() {
+    if (!data || !data.length) return null;
+    return data.map(function (item, index) {
+      var text = item.text,
+          _disabled = item.disabled;
+
+      if (typeof _disabled === 'undefined') {
+        _disabled = disabled;
+        item.disabled = disabled;
+      }
+
+      if (showToolTip && ['icon', 'iconSplit'].includes(mode)) return jsx(Tooltip, Object.assign({
+        title: generateTooltipTitle(_disabled, text)
+      }, {
+        children: jsx("span", {
+          children: generateButton(item)
+        })
+      }), index);
+      return jsx(React__default.Fragment, {
+        children: generateButton(item)
+      }, index);
+    });
+  }; //按钮组点击
+
+
+  var handleClickBubble = function handleClickBubble(data) {
+    return function (evt) {
+      onClick === null || onClick === void 0 ? void 0 : onClick(data, evt);
+    };
+  }; //生成按钮
+
+
+  var generateButton = function generateButton(data) {
+    var _a = data !== null && data !== void 0 ? data : {},
+        text = _a.text,
+        icon = _a.icon,
+        rest = __rest(_a, ["text", "icon"]);
+
+    switch (mode) {
+      case 'text':
+        return jsx(Button, Object.assign({
+          onClick: handleClickBubble(data),
+          variant: 'outlined',
+          size: 'small'
+        }, rest, {
+          children: text
+        }));
+
+      case 'icon':
+        return jsx(Button.IconButton, Object.assign({
+          onClick: handleClickBubble(data),
+          variant: 'outlined'
+        }, rest, {
+          children: icon
+        }));
+
+      case 'iconSplit':
+        return jsx(Button.IconButton, Object.assign({
+          onClick: handleClickBubble(data),
+          variant: 'outlined'
+        }, rest, {
+          children: icon
+        }));
+    }
+  };
+
+  return jsx("div", Object.assign({
+    className: clsx('paraui-button-group', "paraui-button-group-".concat(mode), className, showToolTip && 'paraui-button-group-tooltip'),
+    style: style
+  }, {
+    children: renderButtonGroup()
+  }));
+};
+
+export { ButtonGroup, ButtonGroup as default };

package/Carousel/index.d.ts

@@ -1,30 +1,36 @@
+import React__default from 'react';
+import { Settings } from 'react-slick';
+import styleInject from './node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/2/28 上午11:01\n* @description Carousel\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-carousel {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  font-variant: tabular-nums;\n  line-height: 1.5715;\n  list-style: none;\n  font-feature-settings: \"tnum\";\n}\n.paraui-carousel .slick-slider {\n  position: relative;\n  display: block;\n  box-sizing: border-box;\n  touch-action: pan-y;\n  -webkit-touch-callout: none;\n  -webkit-tap-highlight-color: transparent;\n}\n.paraui-carousel .slick-list {\n  position: relative;\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow: hidden;\n}\n.paraui-carousel .slick-list:focus {\n  outline: none;\n}\n.paraui-carousel .slick-list.dragging {\n  cursor: pointer;\n}\n.paraui-carousel .slick-list .slick-slide {\n  pointer-events: none;\n}\n.paraui-carousel .slick-list .slick-slide input.ant-radio-input,\n.paraui-carousel .slick-list .slick-slide input.ant-checkbox-input {\n  visibility: hidden;\n}\n.paraui-carousel .slick-list .slick-slide.slick-active {\n  pointer-events: auto;\n}\n.paraui-carousel .slick-list .slick-slide.slick-active input.ant-radio-input,\n.paraui-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input {\n  visibility: visible;\n}\n.paraui-carousel .slick-list .slick-slide > div > div {\n  vertical-align: bottom;\n}\n.paraui-carousel .slick-slider .slick-track,\n.paraui-carousel .slick-slider .slick-list {\n  transform: translate3d(0, 0, 0);\n  touch-action: pan-y;\n}\n.paraui-carousel .slick-track {\n  position: relative;\n  top: 0;\n  left: 0;\n  display: block;\n}\n.paraui-carousel .slick-track::before,\n.paraui-carousel .slick-track::after {\n  display: table;\n  content: \"\";\n}\n.paraui-carousel .slick-track::after {\n  clear: both;\n}\n.paraui-carousel .slick-slide {\n  display: none;\n  float: left;\n  height: 100%;\n  min-height: 1px;\n}\n.paraui-carousel .slick-slide img {\n  display: block;\n}\n.paraui-carousel .slick-slide.slick-loading img {\n  display: none;\n}\n.paraui-carousel .slick-slide.dragging img {\n  pointer-events: none;\n}\n.paraui-carousel .slick-initialized .slick-slide {\n  display: block;\n}\n.paraui-carousel .slick-loading .slick-slide {\n  visibility: hidden;\n}\n.paraui-carousel .slick-vertical .slick-slide {\n  display: block;\n  height: auto;\n}\n.paraui-carousel .slick-arrow.slick-hidden {\n  display: none;\n}\n.paraui-carousel .slick-prev,\n.paraui-carousel .slick-next {\n  position: absolute;\n  top: 50%;\n  display: block;\n  width: 20px;\n  height: 20px;\n  margin-top: -10px;\n  padding: 0;\n  color: transparent;\n  font-size: 0;\n  line-height: 0;\n  background: transparent;\n  border: 0;\n  outline: none;\n  cursor: pointer;\n}\n.paraui-carousel .slick-prev:hover,\n.paraui-carousel .slick-next:hover,\n.paraui-carousel .slick-prev:focus,\n.paraui-carousel .slick-next:focus {\n  color: transparent;\n  background: transparent;\n  outline: none;\n}\n.paraui-carousel .slick-prev:hover::before,\n.paraui-carousel .slick-next:hover::before,\n.paraui-carousel .slick-prev:focus::before,\n.paraui-carousel .slick-next:focus::before {\n  opacity: 1;\n}\n.paraui-carousel .slick-prev.slick-disabled::before,\n.paraui-carousel .slick-next.slick-disabled::before {\n  opacity: 0.25;\n}\n.paraui-carousel .slick-prev {\n  left: -25px;\n}\n.paraui-carousel .slick-prev::before {\n  content: \"←\";\n}\n.paraui-carousel .slick-next {\n  right: -25px;\n}\n.paraui-carousel .slick-next::before {\n  content: \"→\";\n}\n.paraui-carousel .slick-dots {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 15;\n  display: flex !important;\n  justify-content: center;\n  margin-right: 15%;\n  margin-left: 15%;\n  padding-left: 0;\n  list-style: none;\n}\n.paraui-carousel .slick-dots-bottom {\n  bottom: 12px;\n}\n.paraui-carousel .slick-dots-top {\n  top: 12px;\n  bottom: auto;\n}\n.paraui-carousel .slick-dots li {\n  position: relative;\n  display: inline-block;\n  flex: 0 1 auto;\n  box-sizing: content-box;\n  width: 16px;\n  height: 3px;\n  margin: 0 2px;\n  margin-right: 3px;\n  margin-left: 3px;\n  padding: 0;\n  text-align: center;\n  text-indent: -999px;\n  vertical-align: top;\n  transition: all 0.5s;\n}\n.paraui-carousel .slick-dots li button {\n  display: block;\n  width: 100%;\n  height: 3px;\n  padding: 0;\n  color: transparent;\n  font-size: 0;\n  background: rgb(255, 255, 255);\n  border: 0;\n  border-radius: 1px;\n  outline: none;\n  cursor: pointer;\n  opacity: 0.3;\n  transition: all 0.5s;\n}\n.paraui-carousel .slick-dots li button:hover,\n.paraui-carousel .slick-dots li button:focus {\n  opacity: 0.75;\n}\n.paraui-carousel .slick-dots li.slick-active {\n  width: 24px;\n}\n.paraui-carousel .slick-dots li.slick-active button {\n  background: rgb(255, 255, 255);\n  opacity: 1;\n}\n.paraui-carousel .slick-dots li.slick-active:hover,\n.paraui-carousel .slick-dots li.slick-active:focus {\n  opacity: 1;\n}\n.paraui-carousel .slick-loading .paraui-carousel .slick-track {\n  visibility: hidden;\n}\n.paraui-carousel-vertical .slick-dots {\n  top: 50%;\n  bottom: auto;\n  flex-direction: column;\n  width: 3px;\n  height: auto;\n  margin: 0;\n  transform: translateY(-50%);\n}\n.paraui-carousel-vertical .slick-dots-left {\n  right: auto;\n  left: 12px;\n}\n.paraui-carousel-vertical .slick-dots-right {\n  right: 12px;\n  left: auto;\n}\n.paraui-carousel-vertical .slick-dots li {\n  width: 3px;\n  height: 16px;\n  margin: 4px 2px;\n  vertical-align: baseline;\n}\n.paraui-carousel-vertical .slick-dots li button {\n  width: 3px;\n  height: 16px;\n}\n.paraui-carousel-vertical .slick-dots li.slick-active {\n  width: 3px;\n  height: 24px;\n}\n.paraui-carousel-vertical .slick-dots li.slick-active button {\n  width: 3px;\n  height: 24px;\n}\n.paraui-carousel-rtl {\n  direction: rtl;\n}\n.paraui-carousel-rtl .paraui-carousel .slick-track {\n  right: 0;\n  left: auto;\n}\n.paraui-carousel-rtl .paraui-carousel .slick-prev {\n  right: -25px;\n  left: auto;\n}\n.paraui-carousel-rtl .paraui-carousel .slick-prev::before {\n  content: \"→\";\n}\n.paraui-carousel-rtl .paraui-carousel .slick-next {\n  right: auto;\n  left: -25px;\n}\n.paraui-carousel-rtl .paraui-carousel .slick-next::before {\n  content: \"←\";\n}\n.paraui-carousel-rtl.paraui-carousel .slick-dots {\n  flex-direction: row-reverse;\n}\n.paraui-carousel-rtl.paraui-carousel-vertical .slick-dots {\n  flex-direction: column;\n}";
+styleInject(css_248z);
+
 /**
  * @author Hanz
  * @date 2022/2/28 上午11:02
  * @description Carousel
  */
-import React from 'react';
-import { Settings } from "react-slick";
-import './index.scss';
-export declare type CarouselEffect = 'scrollx' | 'fade';
-export declare type DotPosition = 'top' | 'bottom' | 'left' | 'right';
-export interface CarouselProps extends Omit<Settings, 'dots' | 'dotsClass'> {
+
+declare type CarouselEffect = 'scrollx' | 'fade';
+declare type DotPosition = 'top' | 'bottom' | 'left' | 'right';
+interface CarouselProps extends Omit<Settings, 'dots' | 'dotsClass'> {
     effect?: CarouselEffect;
-    style?: React.CSSProperties;
+    style?: React__default.CSSProperties;
     prefixCls?: string;
     slickGoTo?: number;
     dotPosition?: DotPosition;
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
     dots?: boolean | {
         className?: string;
     };
 }
-export interface CarouselRef {
+interface CarouselRef {
     goTo: (slide: number, dontAnimate?: boolean) => void;
     next: () => void;
     prev: () => void;
     play: () => void;
     pause: () => void;
 }
-export declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<CarouselRef>>;
-export default Carousel;
+declare const Carousel: React__default.ForwardRefExoticComponent<CarouselProps & React__default.RefAttributes<CarouselRef>>;
+
+export { Carousel, CarouselEffect, CarouselProps, CarouselRef, DotPosition, Carousel as default };

package/Carousel/index.js

@@ -1,15 +1,74 @@
-!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react"),require("react-slick"),require("clsx")):"function"==typeof define&&define.amd?define(["react","react-slick","clsx"],r):"object"==typeof exports?exports.ParaUI=r(require("react"),require("react-slick"),require("clsx")):e.ParaUI=r(e.react,e["react-slick"],e.clsx)}(self,(function(e,r,t){return function(){var i={1881:function(e,r,t){(r=t(3645)(!1)).push([e.id,'.paraui-carousel{box-sizing:border-box;margin:0;padding:0;color:#2e3743;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:"tnum"}.paraui-carousel .slick-slider{position:relative;display:block;box-sizing:border-box;touch-action:pan-y;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.paraui-carousel .slick-list{position:relative;display:block;margin:0;padding:0;overflow:hidden}.paraui-carousel .slick-list:focus{outline:none}.paraui-carousel .slick-list.dragging{cursor:pointer}.paraui-carousel .slick-list .slick-slide{pointer-events:none}.paraui-carousel .slick-list .slick-slide input.ant-radio-input,.paraui-carousel .slick-list .slick-slide input.ant-checkbox-input{visibility:hidden}.paraui-carousel .slick-list .slick-slide.slick-active{pointer-events:auto}.paraui-carousel .slick-list .slick-slide.slick-active input.ant-radio-input,.paraui-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input{visibility:visible}.paraui-carousel .slick-list .slick-slide>div>div{vertical-align:bottom}.paraui-carousel .slick-slider .slick-track,.paraui-carousel .slick-slider .slick-list{transform:translate3d(0, 0, 0);touch-action:pan-y}.paraui-carousel .slick-track{position:relative;top:0;left:0;display:block}.paraui-carousel .slick-track::before,.paraui-carousel .slick-track::after{display:table;content:""}.paraui-carousel .slick-track::after{clear:both}.paraui-carousel .slick-slide{display:none;float:left;height:100%;min-height:1px}.paraui-carousel .slick-slide img{display:block}.paraui-carousel .slick-slide.slick-loading img{display:none}.paraui-carousel .slick-slide.dragging img{pointer-events:none}.paraui-carousel .slick-initialized .slick-slide{display:block}.paraui-carousel .slick-loading .slick-slide{visibility:hidden}.paraui-carousel .slick-vertical .slick-slide{display:block;height:auto}.paraui-carousel .slick-arrow.slick-hidden{display:none}.paraui-carousel .slick-prev,.paraui-carousel .slick-next{position:absolute;top:50%;display:block;width:20px;height:20px;margin-top:-10px;padding:0;color:rgba(0,0,0,0);font-size:0;line-height:0;background:rgba(0,0,0,0);border:0;outline:none;cursor:pointer}.paraui-carousel .slick-prev:hover,.paraui-carousel .slick-next:hover,.paraui-carousel .slick-prev:focus,.paraui-carousel .slick-next:focus{color:rgba(0,0,0,0);background:rgba(0,0,0,0);outline:none}.paraui-carousel .slick-prev:hover::before,.paraui-carousel .slick-next:hover::before,.paraui-carousel .slick-prev:focus::before,.paraui-carousel .slick-next:focus::before{opacity:1}.paraui-carousel .slick-prev.slick-disabled::before,.paraui-carousel .slick-next.slick-disabled::before{opacity:.25}.paraui-carousel .slick-prev{left:-25px}.paraui-carousel .slick-prev::before{content:"←"}.paraui-carousel .slick-next{right:-25px}.paraui-carousel .slick-next::before{content:"→"}.paraui-carousel .slick-dots{position:absolute;right:0;bottom:0;left:0;z-index:15;display:flex !important;justify-content:center;margin-right:15%;margin-left:15%;padding-left:0;list-style:none}.paraui-carousel .slick-dots-bottom{bottom:12px}.paraui-carousel .slick-dots-top{top:12px;bottom:auto}.paraui-carousel .slick-dots li{position:relative;display:inline-block;flex:0 1 auto;box-sizing:content-box;width:16px;height:3px;margin:0 2px;margin-right:3px;margin-left:3px;padding:0;text-align:center;text-indent:-999px;vertical-align:top;transition:all .5s}.paraui-carousel .slick-dots li button{display:block;width:100%;height:3px;padding:0;color:rgba(0,0,0,0);font-size:0;background:#fff;border:0;border-radius:1px;outline:none;cursor:pointer;opacity:.3;transition:all .5s}.paraui-carousel .slick-dots li button:hover,.paraui-carousel .slick-dots li button:focus{opacity:.75}.paraui-carousel .slick-dots li.slick-active{width:24px}.paraui-carousel .slick-dots li.slick-active button{background:#fff;opacity:1}.paraui-carousel .slick-dots li.slick-active:hover,.paraui-carousel .slick-dots li.slick-active:focus{opacity:1}.paraui-carousel .slick-loading .paraui-carousel .slick-track{visibility:hidden}.paraui-carousel-vertical .slick-dots{top:50%;bottom:auto;flex-direction:column;width:3px;height:auto;margin:0;transform:translateY(-50%)}.paraui-carousel-vertical .slick-dots-left{right:auto;left:12px}.paraui-carousel-vertical .slick-dots-right{right:12px;left:auto}.paraui-carousel-vertical .slick-dots li{width:3px;height:16px;margin:4px 2px;vertical-align:baseline}.paraui-carousel-vertical .slick-dots li button{width:3px;height:16px}.paraui-carousel-vertical .slick-dots li.slick-active{width:3px;height:24px}.paraui-carousel-vertical .slick-dots li.slick-active button{width:3px;height:24px}.paraui-carousel-rtl{direction:rtl}.paraui-carousel-rtl .paraui-carousel .slick-track{right:0;left:auto}.paraui-carousel-rtl .paraui-carousel .slick-prev{right:-25px;left:auto}.paraui-carousel-rtl .paraui-carousel .slick-prev::before{content:"→"}.paraui-carousel-rtl .paraui-carousel .slick-next{right:auto;left:-25px}.paraui-carousel-rtl .paraui-carousel .slick-next::before{content:"←"}.paraui-carousel-rtl.paraui-carousel .slick-dots{flex-direction:row-reverse}.paraui-carousel-rtl.paraui-carousel-vertical .slick-dots{flex-direction:column}',""]),e.exports=r},3645:function(e){"use strict";e.exports=function(e){var r=[];return r.toString=function(){return this.map((function(r){var t=function(e,r){var t=e[1]||"",i=e[3];if(!i)return t;if(r&&"function"==typeof btoa){var a=(n=i,c=btoa(unescape(encodeURIComponent(JSON.stringify(n)))),l="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(c),"/*# ".concat(l," */")),o=i.sources.map((function(e){return"/*# sourceURL=".concat(i.sourceRoot||"").concat(e," */")}));return[t].concat(o).concat([a]).join("\n")}var n,c,l;return[t].join("\n")}(r,e);return r[2]?"@media ".concat(r[2]," {").concat(t,"}"):t})).join("")},r.i=function(e,t,i){"string"==typeof e&&(e=[[null,e,""]]);var a={};if(i)for(var o=0;o<this.length;o++){var n=this[o][0];null!=n&&(a[n]=!0)}for(var c=0;c<e.length;c++){var l=[].concat(e[c]);i&&a[l[0]]||(t&&(l[2]?l[2]="".concat(t," and ").concat(l[2]):l[2]=t),r.push(l))}},r}},7418:function(e){"use strict";
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/var r=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;function a(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var r={},t=0;t<10;t++)r["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(r).map((function(e){return r[e]})).join(""))return!1;var i={};return"abcdefghijklmnopqrst".split("").forEach((function(e){i[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},i)).join("")}catch(e){return!1}}()?Object.assign:function(e,o){for(var n,c,l=a(e),s=1;s<arguments.length;s++){for(var u in n=Object(arguments[s]))t.call(n,u)&&(l[u]=n[u]);if(r){c=r(n);for(var p=0;p<c.length;p++)i.call(n,c[p])&&(l[c[p]]=n[c[p]])}}return l}},5251:function(e,r,t){"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.
- */
-t(7418);var i=t(8156),a=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var o=Symbol.for;a=o("react.element"),o("react.fragment")}var n=i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c=Object.prototype.hasOwnProperty,l={key:!0,ref:!0,__self:!0,__source:!0};function s(e,r,t){var i,o={},s=null,u=null;for(i in void 0!==t&&(s=""+t),void 0!==r.key&&(s=""+r.key),void 0!==r.ref&&(u=r.ref),r)c.call(r,i)&&!l.hasOwnProperty(i)&&(o[i]=r[i]);if(e&&e.defaultProps)for(i in r=e.defaultProps)void 0===o[i]&&(o[i]=r[i]);return{$$typeof:a,type:e,key:s,ref:u,props:o,_owner:n.current}}r.jsx=s},5893:function(e,r,t){"use strict";e.exports=t(5251)},5846:function(e,r,t){var i=t(3379),a=t(1881);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.id,a,""]]);var o={insert:("body","body"),singleton:!1};i(a,o);e.exports=a.locals||{}},3379:function(e,r,t){"use strict";var i,a=function(){return void 0===i&&(i=Boolean(window&&document&&document.all&&!window.atob)),i},o=function(){var e={};return function(r){if(void 0===e[r]){var t=document.querySelector(r);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}e[r]=t}return e[r]}}(),n=[];function c(e){for(var r=-1,t=0;t<n.length;t++)if(n[t].identifier===e){r=t;break}return r}function l(e,r){for(var t={},i=[],a=0;a<e.length;a++){var o=e[a],l=r.base?o[0]+r.base:o[0],s=t[l]||0,u="".concat(l," ").concat(s);t[l]=s+1;var p=c(u),d={css:o[1],media:o[2],sourceMap:o[3]};-1!==p?(n[p].references++,n[p].updater(d)):n.push({identifier:u,updater:k(d,r),references:1}),i.push(u)}return i}function s(e){var r=document.createElement("style"),i=e.attributes||{};if(void 0===i.nonce){var a=t.nc;a&&(i.nonce=a)}if(Object.keys(i).forEach((function(e){r.setAttribute(e,i[e])})),"function"==typeof e.insert)e.insert(r);else{var n=o(e.insert||"head");if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");n.appendChild(r)}return r}var u,p=(u=[],function(e,r){return u[e]=r,u.filter(Boolean).join("\n")});function d(e,r,t,i){var a=t?"":i.media?"@media ".concat(i.media," {").concat(i.css,"}"):i.css;if(e.styleSheet)e.styleSheet.cssText=p(r,a);else{var o=document.createTextNode(a),n=e.childNodes;n[r]&&e.removeChild(n[r]),n.length?e.insertBefore(o,n[r]):e.appendChild(o)}}function f(e,r,t){var i=t.css,a=t.media,o=t.sourceMap;if(a?e.setAttribute("media",a):e.removeAttribute("media"),o&&"undefined"!=typeof btoa&&(i+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}var v=null,b=0;function k(e,r){var t,i,a;if(r.singleton){var o=b++;t=v||(v=s(r)),i=d.bind(null,t,o,!1),a=d.bind(null,t,o,!0)}else t=s(r),i=f.bind(null,t,r),a=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)};return i(e),function(r){if(r){if(r.css===e.css&&r.media===e.media&&r.sourceMap===e.sourceMap)return;i(e=r)}else a()}}e.exports=function(e,r){(r=r||{}).singleton||"boolean"==typeof r.singleton||(r.singleton=a());var t=l(e=e||[],r);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var i=0;i<t.length;i++){var a=c(t[i]);n[a].references--}for(var o=l(e,r),s=0;s<t.length;s++){var u=c(t[s]);0===n[u].references&&(n[u].updater(),n.splice(u,1))}t=o}}}},5744:function(e){"use strict";e.exports=t},8156:function(r){"use strict";r.exports=e},2574:function(e){"use strict";e.exports=r}},a={};function o(e){var r=a[e];if(void 0!==r)return r.exports;var t=a[e]={id:e,exports:{}};return i[e](t,t.exports,o),t.exports}o.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(r,{a:r}),r},o.d=function(e,r){for(var t in r)o.o(r,t)&&!o.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},o.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.nc=void 0;var n={};return function(){"use strict";o.r(n),o.d(n,{Carousel:function(){return p}});var e=o(5893),r=o(8156),t=o.n(r),i=o(2574),a=o.n(i),c=o(5744),l=o.n(c),s=(o(5846),function(){return s=Object.assign||function(e){for(var r,t=1,i=arguments.length;t<i;t++)for(var a in r=arguments[t])Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a]);return e},s.apply(this,arguments)}),u=function(e,r){var t={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&r.indexOf(i)<0&&(t[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(i=Object.getOwnPropertySymbols(e);a<i.length;a++)r.indexOf(i[a])<0&&Object.prototype.propertyIsEnumerable.call(e,i[a])&&(t[i[a]]=e[i[a]])}return t},p=t().forwardRef((function(r,i){var o,n=r.dots,c=void 0===n||n,p=r.arrows,d=void 0!==p&&p,f=r.draggable,v=void 0!==f&&f,b=r.dotPosition,k=void 0===b?"bottom":b,h=u(r,["dots","arrows","draggable","dotPosition"]),g=t().useRef(),y=function(e,r){void 0===r&&(r=!1),g.current.slickGoTo(e,r)};t().useImperativeHandle(i,(function(){return{goTo:y,prev:g.current.slickPrev,next:g.current.slickNext,play:g.current.slickPlay,pause:g.current.slickPause}}),[g.current]);var x=t().useRef(t().Children.count(h.children));t().useEffect((function(){x.current!==t().Children.count(h.children)&&(y(h.initialSlide||0,!1),x.current=t().Children.count(h.children))}),[h.children]);var m=s({},h);"fade"===m.effect&&(m.fade=!0);var w="paraui-carousel",O="slick-dots";m.vertical="left"===k||"right"===k;var j=!!c,S=l()(O,"".concat(O,"-").concat(k),"boolean"!=typeof c&&(null==c?void 0:c.className)),P=l()(w,((o={})["".concat(w,"-vertical")]=m.vertical,o));return(0,e.jsx)("div",s({className:P},{children:(0,e.jsx)(a(),s({ref:g},m,{dots:j,dotsClass:S,arrows:d,draggable:v}))}))}));n.default=p}(),n}()}));
+import { _ as _defineProperty } from '../_verture/defineProperty-0590dc61.js';
+import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
+import { jsx } from 'react/jsx-runtime';
+import React__default from 'react';
+import SlickCarousel from 'react-slick';
+import clsx from 'clsx';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/2/28 上午11:01\n* @description Carousel\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-carousel {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  font-variant: tabular-nums;\n  line-height: 1.5715;\n  list-style: none;\n  font-feature-settings: \"tnum\";\n}\n.paraui-carousel .slick-slider {\n  position: relative;\n  display: block;\n  box-sizing: border-box;\n  touch-action: pan-y;\n  -webkit-touch-callout: none;\n  -webkit-tap-highlight-color: transparent;\n}\n.paraui-carousel .slick-list {\n  position: relative;\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow: hidden;\n}\n.paraui-carousel .slick-list:focus {\n  outline: none;\n}\n.paraui-carousel .slick-list.dragging {\n  cursor: pointer;\n}\n.paraui-carousel .slick-list .slick-slide {\n  pointer-events: none;\n}\n.paraui-carousel .slick-list .slick-slide input.ant-radio-input,\n.paraui-carousel .slick-list .slick-slide input.ant-checkbox-input {\n  visibility: hidden;\n}\n.paraui-carousel .slick-list .slick-slide.slick-active {\n  pointer-events: auto;\n}\n.paraui-carousel .slick-list .slick-slide.slick-active input.ant-radio-input,\n.paraui-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input {\n  visibility: visible;\n}\n.paraui-carousel .slick-list .slick-slide > div > div {\n  vertical-align: bottom;\n}\n.paraui-carousel .slick-slider .slick-track,\n.paraui-carousel .slick-slider .slick-list {\n  transform: translate3d(0, 0, 0);\n  touch-action: pan-y;\n}\n.paraui-carousel .slick-track {\n  position: relative;\n  top: 0;\n  left: 0;\n  display: block;\n}\n.paraui-carousel .slick-track::before,\n.paraui-carousel .slick-track::after {\n  display: table;\n  content: \"\";\n}\n.paraui-carousel .slick-track::after {\n  clear: both;\n}\n.paraui-carousel .slick-slide {\n  display: none;\n  float: left;\n  height: 100%;\n  min-height: 1px;\n}\n.paraui-carousel .slick-slide img {\n  display: block;\n}\n.paraui-carousel .slick-slide.slick-loading img {\n  display: none;\n}\n.paraui-carousel .slick-slide.dragging img {\n  pointer-events: none;\n}\n.paraui-carousel .slick-initialized .slick-slide {\n  display: block;\n}\n.paraui-carousel .slick-loading .slick-slide {\n  visibility: hidden;\n}\n.paraui-carousel .slick-vertical .slick-slide {\n  display: block;\n  height: auto;\n}\n.paraui-carousel .slick-arrow.slick-hidden {\n  display: none;\n}\n.paraui-carousel .slick-prev,\n.paraui-carousel .slick-next {\n  position: absolute;\n  top: 50%;\n  display: block;\n  width: 20px;\n  height: 20px;\n  margin-top: -10px;\n  padding: 0;\n  color: transparent;\n  font-size: 0;\n  line-height: 0;\n  background: transparent;\n  border: 0;\n  outline: none;\n  cursor: pointer;\n}\n.paraui-carousel .slick-prev:hover,\n.paraui-carousel .slick-next:hover,\n.paraui-carousel .slick-prev:focus,\n.paraui-carousel .slick-next:focus {\n  color: transparent;\n  background: transparent;\n  outline: none;\n}\n.paraui-carousel .slick-prev:hover::before,\n.paraui-carousel .slick-next:hover::before,\n.paraui-carousel .slick-prev:focus::before,\n.paraui-carousel .slick-next:focus::before {\n  opacity: 1;\n}\n.paraui-carousel .slick-prev.slick-disabled::before,\n.paraui-carousel .slick-next.slick-disabled::before {\n  opacity: 0.25;\n}\n.paraui-carousel .slick-prev {\n  left: -25px;\n}\n.paraui-carousel .slick-prev::before {\n  content: \"←\";\n}\n.paraui-carousel .slick-next {\n  right: -25px;\n}\n.paraui-carousel .slick-next::before {\n  content: \"→\";\n}\n.paraui-carousel .slick-dots {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 15;\n  display: flex !important;\n  justify-content: center;\n  margin-right: 15%;\n  margin-left: 15%;\n  padding-left: 0;\n  list-style: none;\n}\n.paraui-carousel .slick-dots-bottom {\n  bottom: 12px;\n}\n.paraui-carousel .slick-dots-top {\n  top: 12px;\n  bottom: auto;\n}\n.paraui-carousel .slick-dots li {\n  position: relative;\n  display: inline-block;\n  flex: 0 1 auto;\n  box-sizing: content-box;\n  width: 16px;\n  height: 3px;\n  margin: 0 2px;\n  margin-right: 3px;\n  margin-left: 3px;\n  padding: 0;\n  text-align: center;\n  text-indent: -999px;\n  vertical-align: top;\n  transition: all 0.5s;\n}\n.paraui-carousel .slick-dots li button {\n  display: block;\n  width: 100%;\n  height: 3px;\n  padding: 0;\n  color: transparent;\n  font-size: 0;\n  background: rgb(255, 255, 255);\n  border: 0;\n  border-radius: 1px;\n  outline: none;\n  cursor: pointer;\n  opacity: 0.3;\n  transition: all 0.5s;\n}\n.paraui-carousel .slick-dots li button:hover,\n.paraui-carousel .slick-dots li button:focus {\n  opacity: 0.75;\n}\n.paraui-carousel .slick-dots li.slick-active {\n  width: 24px;\n}\n.paraui-carousel .slick-dots li.slick-active button {\n  background: rgb(255, 255, 255);\n  opacity: 1;\n}\n.paraui-carousel .slick-dots li.slick-active:hover,\n.paraui-carousel .slick-dots li.slick-active:focus {\n  opacity: 1;\n}\n.paraui-carousel .slick-loading .paraui-carousel .slick-track {\n  visibility: hidden;\n}\n.paraui-carousel-vertical .slick-dots {\n  top: 50%;\n  bottom: auto;\n  flex-direction: column;\n  width: 3px;\n  height: auto;\n  margin: 0;\n  transform: translateY(-50%);\n}\n.paraui-carousel-vertical .slick-dots-left {\n  right: auto;\n  left: 12px;\n}\n.paraui-carousel-vertical .slick-dots-right {\n  right: 12px;\n  left: auto;\n}\n.paraui-carousel-vertical .slick-dots li {\n  width: 3px;\n  height: 16px;\n  margin: 4px 2px;\n  vertical-align: baseline;\n}\n.paraui-carousel-vertical .slick-dots li button {\n  width: 3px;\n  height: 16px;\n}\n.paraui-carousel-vertical .slick-dots li.slick-active {\n  width: 3px;\n  height: 24px;\n}\n.paraui-carousel-vertical .slick-dots li.slick-active button {\n  width: 3px;\n  height: 24px;\n}\n.paraui-carousel-rtl {\n  direction: rtl;\n}\n.paraui-carousel-rtl .paraui-carousel .slick-track {\n  right: 0;\n  left: auto;\n}\n.paraui-carousel-rtl .paraui-carousel .slick-prev {\n  right: -25px;\n  left: auto;\n}\n.paraui-carousel-rtl .paraui-carousel .slick-prev::before {\n  content: \"→\";\n}\n.paraui-carousel-rtl .paraui-carousel .slick-next {\n  right: auto;\n  left: -25px;\n}\n.paraui-carousel-rtl .paraui-carousel .slick-next::before {\n  content: \"←\";\n}\n.paraui-carousel-rtl.paraui-carousel .slick-dots {\n  flex-direction: row-reverse;\n}\n.paraui-carousel-rtl.paraui-carousel-vertical .slick-dots {\n  flex-direction: column;\n}";
+styleInject(css_248z);
+
+var Carousel = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
+  var _a$dots = _a.dots,
+      dots = _a$dots === void 0 ? true : _a$dots,
+      _a$arrows = _a.arrows,
+      arrows = _a$arrows === void 0 ? false : _a$arrows,
+      _a$draggable = _a.draggable,
+      draggable = _a$draggable === void 0 ? false : _a$draggable,
+      _a$dotPosition = _a.dotPosition,
+      dotPosition = _a$dotPosition === void 0 ? 'bottom' : _a$dotPosition,
+      props = __rest(_a, ["dots", "arrows", "draggable", "dotPosition"]);
+
+  var slickRef = React__default.useRef();
+
+  var goTo = function goTo(slide) {
+    var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    slickRef.current.slickGoTo(slide, dontAnimate);
+  };
+
+  React__default.useImperativeHandle(ref, function () {
+    return {
+      goTo: goTo,
+      // autoPlay: slickRef.current.innerSlider.autoPlay,
+      // innerSlider: slickRef.current.innerSlider,
+      prev: slickRef.current.slickPrev,
+      next: slickRef.current.slickNext,
+      play: slickRef.current.slickPlay,
+      pause: slickRef.current.slickPause
+    };
+  }, [slickRef.current]);
+  var prevCount = React__default.useRef(React__default.Children.count(props.children));
+  React__default.useEffect(function () {
+    if (prevCount.current !== React__default.Children.count(props.children)) {
+      goTo(props.initialSlide || 0, false);
+      prevCount.current = React__default.Children.count(props.children);
+    }
+  }, [props.children]);
+  var newProps = Object.assign({}, props);
+
+  if (newProps.effect === 'fade') {
+    newProps.fade = true;
+  }
+
+  var prefixCls = 'paraui-carousel';
+  var dotsClass = 'slick-dots';
+  newProps.vertical = dotPosition === 'left' || dotPosition === 'right';
+  var enableDots = !!dots;
+  var dsClass = clsx(dotsClass, "".concat(dotsClass, "-").concat(dotPosition), typeof dots === 'boolean' ? false : dots === null || dots === void 0 ? void 0 : dots.className);
+  var className = clsx(prefixCls, _defineProperty({}, "".concat(prefixCls, "-vertical"), newProps.vertical));
+  return jsx("div", Object.assign({
+    className: className
+  }, {
+    children: jsx(SlickCarousel, Object.assign({
+      ref: slickRef
+    }, newProps, {
+      dots: enableDots,
+      dotsClass: dsClass,
+      arrows: arrows,
+      draggable: draggable
+    }))
+  }));
+});
+
+export { Carousel, Carousel as default };

package/Cascader/index.d.ts

@@ -1,5 +1,9 @@
-import React from 'react';
-import './style/index.scss';
+import React__default from 'react';
+import styleInject from './node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.cascader input {\n  color: #333;\n  width: 560px;\n  padding: 6px 12px;\n  overflow: hidden;\n  box-sizing: border-box;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  border-radius: 4px;\n  border: 1px solid #d9d9d9;\n}\n\n.rc-cascader {\n  font-size: 12px;\n}\n.rc-cascader-dropdown-hidden {\n  display: none;\n}\n.rc-cascader-menus {\n  font-size: 12px;\n  overflow: hidden;\n  background: #fff;\n  position: absolute;\n  border: 1px solid #d9d9d9;\n  border-radius: 4px;\n  box-shadow: 0 0 4px rgba(0, 0, 0, 0.17);\n  white-space: nowrap;\n}\n.rc-cascader-menus.slide-up-enter, .rc-cascader-menus.slide-up-appear {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  transform-origin: 0 0;\n  opacity: 0;\n  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n  animation-play-state: paused;\n}\n.rc-cascader-menus.slide-up-leave {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  transform-origin: 0 0;\n  opacity: 1;\n  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);\n  animation-play-state: paused;\n}\n.rc-cascader-menus.slide-up-enter.slide-up-enter-active, .rc-cascader-menus-placement-bottomLeft, .rc-cascader-menus.slide-up-appear.slide-up-appear-active, .rc-cascader-menus-placement-bottomLeft {\n  animation-name: SlideUpIn;\n  animation-play-state: running;\n}\n.rc-cascader-menus.slide-up-enter.slide-up-enter-active, .rc-cascader-menus-placement-topLeft, .rc-cascader-menus.slide-up-appear.slide-up-appear-active, .rc-cascader-menus-placement-topLeft {\n  animation-name: SlideDownIn;\n  animation-play-state: running;\n}\n.rc-cascader-menus.slide-up-leave.slide-up-leave-active, .rc-cascader-menus-placement-bottomLeft {\n  animation-name: SlideUpOut;\n  animation-play-state: running;\n}\n.rc-cascader-menus.slide-up-leave.slide-up-leave-active, .rc-cascader-menus-placement-topLeft {\n  animation-name: SlideDownOut;\n  animation-play-state: running;\n}\n.rc-cascader-menu {\n  display: inline-block;\n  min-width: 100px;\n  height: 192px;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  border-right: 1px solid #e9e9e9;\n  overflow: auto;\n}\n.rc-cascader-menu:last-child {\n  border-right: 0;\n}\n.rc-cascader-menu-item {\n  height: 32px;\n  line-height: 32px;\n  padding: 0 16px;\n  cursor: pointer;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  transition: all 0.3s ease;\n  position: relative;\n}\n.rc-cascader-menu-item:hover {\n  background: rgba(171, 176, 185, 0.231372549);\n}\n.rc-cascader-menu-item-disabled {\n  cursor: not-allowed;\n  color: #ccc;\n}\n.rc-cascader-menu-item-disabled:hover {\n  background: transparent;\n}\n.rc-cascader-menu-item-active {\n  color: #3666d6;\n}\n.rc-cascader-menu-item-loading-icon {\n  display: flex;\n  align-items: center;\n  margin-left: 10px;\n}\n.rc-cascader-menu-item-expand {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.rc-cascader-menu-item-expand-icon {\n  font-size: 12px;\n  margin-left: 10px;\n}\n.rc-cascader-menu-item-expand-icon SVG {\n  display: flex;\n  align-items: center;\n}\n.rc-cascader-menu-item-expand-icon SVG path {\n  fill: #999;\n}\n\n@keyframes SlideUpIn {\n  0% {\n    opacity: 0;\n    transform-origin: 0% 0%;\n    transform: scaleY(0.8);\n  }\n  100% {\n    opacity: 1;\n    transform-origin: 0% 0%;\n    transform: scaleY(1);\n  }\n}\n@keyframes SlideUpOut {\n  0% {\n    opacity: 1;\n    transform-origin: 0% 0%;\n    transform: scaleY(1);\n  }\n  100% {\n    opacity: 0;\n    transform-origin: 0% 0%;\n    transform: scaleY(0.8);\n  }\n}\n@keyframes SlideDownIn {\n  0% {\n    opacity: 0;\n    transform-origin: 0% 100%;\n    transform: scaleY(0.8);\n  }\n  100% {\n    opacity: 1;\n    transform-origin: 0% 100%;\n    transform: scaleY(1);\n  }\n}\n@keyframes SlideDownOut {\n  0% {\n    opacity: 1;\n    transform-origin: 0% 100%;\n    transform: scaleY(1);\n  }\n  100% {\n    opacity: 0;\n    transform-origin: 0% 100%;\n    transform: scaleY(0.8);\n  }\n}";
+styleInject(css_248z);
+
 /**
  * @description: 级联选择器
  * @param value{ string }: 选中的值
@@ -39,14 +43,15 @@ interface Props {
     onChange?: (value: string[], selectedOptions: Option[]) => void;
     onDropdownVisibleChange?: (visible: boolean) => void;
     changeOnSelect?: boolean;
-    expandIcon?: React.ReactNode;
+    expandIcon?: React__default.ReactNode;
     expandJoin?: string;
     fieldNames?: object;
     disabled?: boolean;
     placeholder?: string;
     size?: 'small' | 'medium' | 'large';
-    loadData?: (selectedOptions: Option[], setState?: React.Dispatch<React.SetStateAction<Option[]>>) => void;
-    loadingIcon?: React.ReactNode;
+    loadData?: (selectedOptions: Option[], setState?: React__default.Dispatch<React__default.SetStateAction<Option[]>>) => void;
+    loadingIcon?: React__default.ReactNode;
 }
-export declare const Cascader: ({ data, expandTrigger, value, onChange, onDropdownVisibleChange, changeOnSelect, expandIcon, expandJoin, fieldNames, disabled, placeholder, loadData, loadingIcon, }: Props) => JSX.Element;
-export default Cascader;
+declare const Cascader: ({ data, expandTrigger, value, onChange, onDropdownVisibleChange, changeOnSelect, expandIcon, expandJoin, fieldNames, disabled, placeholder, loadData, loadingIcon, }: Props) => JSX.Element;
+
+export { Cascader, Cascader as default };