@para-ui/core 2.2.22 → 2.2.23

package/CollapseBox/index.js

@@ -12,4 +12,4 @@ object-assign
  * 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),o=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;o=i("react.element"),i("react.fragment")}var a=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c=Object.prototype.hasOwnProperty,u={key:!0,ref:!0,__self:!0,__source:!0};function s(e,t,n){var r,i={},s=null,l=null;for(r in void 0!==n&&(s=""+n),void 0!==t.key&&(s=""+t.key),void 0!==t.ref&&(l=t.ref),t)c.call(t,r)&&!u.hasOwnProperty(r)&&(i[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===i[r]&&(i[r]=t[r]);return{$$typeof:o,type:e,key:s,ref:l,props:i,_owner:a.current}}t.jsx=s},5893:function(e,t,n){"use strict";e.exports=n(5251)},7262:function(e,t,n){var r=n(3379),o=n(7283);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.id,o,""]]);var i={insert:("body","body"),singleton:!1};r(o,i);e.exports=o.locals||{}},3379:function(e,t,n){"use strict";var r,o=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},i=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),a=[];function c(e){for(var t=-1,n=0;n<a.length;n++)if(a[n].identifier===e){t=n;break}return t}function u(e,t){for(var n={},r=[],o=0;o<e.length;o++){var i=e[o],u=t.base?i[0]+t.base:i[0],s=n[u]||0,l="".concat(u," ").concat(s);n[u]=s+1;var f=c(l),p={css:i[1],media:i[2],sourceMap:i[3]};-1!==f?(a[f].references++,a[f].updater(p)):a.push({identifier:l,updater:y(p,t),references:1}),r.push(l)}return r}function s(e){var t=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var o=n.nc;o&&(r.nonce=o)}if(Object.keys(r).forEach((function(e){t.setAttribute(e,r[e])})),"function"==typeof e.insert)e.insert(t);else{var a=i(e.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(t)}return t}var l,f=(l=[],function(e,t){return l[e]=t,l.filter(Boolean).join("\n")});function p(e,t,n,r){var o=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(e.styleSheet)e.styleSheet.cssText=f(t,o);else{var i=document.createTextNode(o),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(i,a[t]):e.appendChild(i)}}function d(e,t,n){var r=n.css,o=n.media,i=n.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var v=null,h=0;function y(e,t){var n,r,o;if(t.singleton){var i=h++;n=v||(v=s(t)),r=p.bind(null,n,i,!1),o=p.bind(null,n,i,!0)}else n=s(t),r=d.bind(null,n,t),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else o()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=o());var n=u(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var r=0;r<n.length;r++){var o=c(n[r]);a[o].references--}for(var i=u(e,t),s=0;s<n.length;s++){var l=c(n[s]);0===a[l].references&&(a[l].updater(),a.splice(l,1))}n=i}}}},8156:function(t){"use strict";t.exports=e},5002:function(e){"use strict";e.exports=t}},r={};function o(e){var t=r[e];if(void 0!==t)return t.exports;var i=r[e]={id:e,exports:{}};return n[e](i,i.exports,o),i.exports}o.d=function(e,t){for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},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 i={};return function(){"use strict";o.r(i),o.d(i,{default:function(){return u}});var e=o(5893),t=o(8156),n=o(5002);function r(e,t){var n=e.timeout,r=e.style,o=void 0===r?{}:r;return{duration:o.transitionDuration||"number"==typeof n?n:n[t.mode]||0,delay:o.transitionDelay}}function a(e){if(!e)return 0;var t=e/36;return Math.round(10*(4+15*Math.pow(t,.25)+t/5))}o(7262);var c=function(){return c=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},c.apply(this,arguments)},u=function(o){var i=o.className,u=o.style,s=o.in,l=o.collapsedHeight,f=void 0===l?"0px":l,p=o.timeout,d=void 0===p?"auto":p,v=o.unmountOnExit,h=o.children,y=(0,t.useRef)(null),b=(0,t.useRef)(null),m=(0,t.useRef)(null),g=(0,t.useRef)(null),x="number"==typeof f?"".concat(f,"px"):f;(0,t.useEffect)((function(){return function(){clearTimeout(y.current)}}),[]);var j=function(e){return function(t){e&&e(t)}},O=j((function(e){e.style.height=x})),w=j((function(e){var t=m.current?m.current.clientHeight:0,n=r({style:u,timeout:d},{mode:"enter"}).duration;if("auto"===d){var o=a(t);e.style.transitionDuration="".concat(o,"ms"),g.current=o}else e.style.transitionDuration="string"==typeof n?n:"".concat(n,"ms");e.style.height="".concat(t,"px")})),E=j((function(e){e.style.height="auto"})),S=j((function(e){var t=m.current?m.current.clientHeight:0;e.style.height="".concat(t,"px")})),_=j((function(e){var t=m.current?m.current.clientHeight:0,n=r({style:u,timeout:d},{mode:"exit"}).duration;if("auto"===d){var o=a(t);e.style.transitionDuration="".concat(o,"ms"),g.current=o}else e.style.transitionDuration="string"==typeof n?n:"".concat(n,"ms");e.style.height=x})),N=function(e){var t="paraui-collapse-box";return i&&(t+=" "+i),"entered"===e&&(t+=" paraui-collapse-box-entered"),"exited"!==e||s||"0px"!==x||(t+=" paraui-collapse-box-hidden"),t};return(0,e.jsx)(n.Transition,c({in:s,unmountOnExit:v,onEnter:O,onEntered:E,onEntering:w,onExit:S,onExiting:_,timeout:"auto"===d?void 0:d,addEndListener:function(e,t){y.current=setTimeout(t,g.current||0)}},{children:function(t,n){return(0,e.jsx)("div",c({className:N(t),style:c({minHeight:x},u),ref:b},n,{children:(0,e.jsx)("div",c({className:"paraui-collapse-box-wrapper",ref:m},{children:(0,e.jsx)("div",c({className:"paraui-collapse-box-wrapper-inner"},{children:h}))}))}))}}))}}(),i}()}));
+n(7418);var r=n(8156),o=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;o=i("react.element"),i("react.fragment")}var a=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c=Object.prototype.hasOwnProperty,u={key:!0,ref:!0,__self:!0,__source:!0};function s(e,t,n){var r,i={},s=null,l=null;for(r in void 0!==n&&(s=""+n),void 0!==t.key&&(s=""+t.key),void 0!==t.ref&&(l=t.ref),t)c.call(t,r)&&!u.hasOwnProperty(r)&&(i[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===i[r]&&(i[r]=t[r]);return{$$typeof:o,type:e,key:s,ref:l,props:i,_owner:a.current}}t.jsx=s},5893:function(e,t,n){"use strict";e.exports=n(5251)},7262:function(e,t,n){var r=n(3379),o=n(7283);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.id,o,""]]);var i={insert:("body","body"),singleton:!1};r(o,i);e.exports=o.locals||{}},3379:function(e,t,n){"use strict";var r,o=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},i=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),a=[];function c(e){for(var t=-1,n=0;n<a.length;n++)if(a[n].identifier===e){t=n;break}return t}function u(e,t){for(var n={},r=[],o=0;o<e.length;o++){var i=e[o],u=t.base?i[0]+t.base:i[0],s=n[u]||0,l="".concat(u," ").concat(s);n[u]=s+1;var f=c(l),p={css:i[1],media:i[2],sourceMap:i[3]};-1!==f?(a[f].references++,a[f].updater(p)):a.push({identifier:l,updater:y(p,t),references:1}),r.push(l)}return r}function s(e){var t=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var o=n.nc;o&&(r.nonce=o)}if(Object.keys(r).forEach((function(e){t.setAttribute(e,r[e])})),"function"==typeof e.insert)e.insert(t);else{var a=i(e.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(t)}return t}var l,f=(l=[],function(e,t){return l[e]=t,l.filter(Boolean).join("\n")});function p(e,t,n,r){var o=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(e.styleSheet)e.styleSheet.cssText=f(t,o);else{var i=document.createTextNode(o),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(i,a[t]):e.appendChild(i)}}function d(e,t,n){var r=n.css,o=n.media,i=n.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var v=null,h=0;function y(e,t){var n,r,o;if(t.singleton){var i=h++;n=v||(v=s(t)),r=p.bind(null,n,i,!1),o=p.bind(null,n,i,!0)}else n=s(t),r=d.bind(null,n,t),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else o()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=o());var n=u(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var r=0;r<n.length;r++){var o=c(n[r]);a[o].references--}for(var i=u(e,t),s=0;s<n.length;s++){var l=c(n[s]);0===a[l].references&&(a[l].updater(),a.splice(l,1))}n=i}}}},2458:function(e,t,n){"use strict";function r(e,t){var n=e.timeout,r=e.style,o=void 0===r?{}:r;return{duration:o.transitionDuration||"number"==typeof n?n:n[t.mode]||0,delay:o.transitionDelay}}function o(e){if(!e)return 0;var t=e/36;return Math.round(10*(4+15*Math.pow(t,.25)+t/5))}n.d(t,{C:function(){return r},O:function(){return o}})},8156:function(t){"use strict";t.exports=e},5002:function(e){"use strict";e.exports=t}},r={};function o(e){var t=r[e];if(void 0!==t)return t.exports;var i=r[e]={id:e,exports:{}};return n[e](i,i.exports,o),i.exports}o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,{a:t}),t},o.d=function(e,t){for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},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 i={};return function(){"use strict";o.r(i);var e=o(5893),t=o(8156),n=o(5002),r=o(2458),a=(o(7262),function(){return a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)});i.default=function(o){var i=o.className,c=o.style,u=o.in,s=o.collapsedHeight,l=void 0===s?"0px":s,f=o.timeout,p=void 0===f?"auto":f,d=o.unmountOnExit,v=o.children,h=(0,t.useRef)(null),y=(0,t.useRef)(null),b=(0,t.useRef)(null),m=(0,t.useRef)(null),g="number"==typeof l?"".concat(l,"px"):l;(0,t.useEffect)((function(){return function(){clearTimeout(h.current)}}),[]);var x=function(e){return function(t){e&&e(t)}},O=x((function(e){e.style.height=g})),j=x((function(e){var t=b.current?b.current.clientHeight:0,n=(0,r.C)({style:c,timeout:p},{mode:"enter"}).duration;if("auto"===p){var o=(0,r.O)(t);e.style.transitionDuration="".concat(o,"ms"),m.current=o}else e.style.transitionDuration="string"==typeof n?n:"".concat(n,"ms");e.style.height="".concat(t,"px")})),w=x((function(e){e.style.height="auto"})),E=x((function(e){var t=b.current?b.current.clientHeight:0;e.style.height="".concat(t,"px")})),S=x((function(e){var t=b.current?b.current.clientHeight:0,n=(0,r.C)({style:c,timeout:p},{mode:"exit"}).duration;if("auto"===p){var o=(0,r.O)(t);e.style.transitionDuration="".concat(o,"ms"),m.current=o}else e.style.transitionDuration="string"==typeof n?n:"".concat(n,"ms");e.style.height=g})),_=function(e){var t="paraui-collapse-box";return i&&(t+=" "+i),"entered"===e&&(t+=" paraui-collapse-box-entered"),"exited"!==e||u||"0px"!==g||(t+=" paraui-collapse-box-hidden"),t};return(0,e.jsx)(n.Transition,a({in:u,unmountOnExit:d,onEnter:O,onEntered:w,onEntering:j,onExit:E,onExiting:S,timeout:"auto"===p?void 0:p,addEndListener:function(e,t){h.current=setTimeout(t,m.current||0)}},{children:function(t,n){return(0,e.jsx)("div",a({className:_(t),style:a({minHeight:g},c),ref:y},n,{children:(0,e.jsx)("div",a({className:"paraui-collapse-box-wrapper",ref:b},{children:(0,e.jsx)("div",a({className:"paraui-collapse-box-wrapper-inner"},{children:v}))}))}))}}))}}(),i}()}));

package/CollapseLayout/index.d.ts

@@ -0,0 +1,51 @@
+import React, { FC } from 'react';
+import './index.scss';
+export interface CollapseLayoutProps {
+    className?: string;
+    style?: React.CSSProperties;
+    /**
+     * 收起出现的位置
+     * 默认 left
+     */
+    type?: 'left' | 'right' | 'top' | 'bottom';
+    /**
+     * 普通展示数据
+     */
+    defaultContent?: React.ReactNode;
+    /**
+     * 显示隐藏的数据
+     */
+    displayContent?: React.ReactNode;
+    /**
+     * 展开还是收起
+     */
+    open?: boolean;
+    /**
+     * 允许缩放的长度
+     * */
+    zoomLength?: number;
+    /**
+     * 单位
+     * 默认px
+     */
+    unit?: string;
+    /**
+     * 展开按钮显示文字
+     */
+    showLabel?: string;
+    /**
+     * 收起按钮展示文字
+     */
+    hideLabel?: string;
+    /**
+     * 间距
+     * 默认20
+     */
+    spacing?: number;
+}
+/**
+ * @author zhanzl
+ * @date 2022/08/09
+ */
+declare const CollapseLayout: FC<CollapseLayoutProps>;
+export default CollapseLayout;

package/CollapseLayout/index.js

@@ -0,0 +1,15 @@
+!function(t,a){"object"==typeof exports&&"object"==typeof module?module.exports=a(require("react"),require("@para-ui/icons/DoubleLeft"),require("@para-ui/icons/DoubleRight"),require("clsx")):"function"==typeof define&&define.amd?define(["react","@para-ui/icons/DoubleLeft","@para-ui/icons/DoubleRight","clsx"],a):"object"==typeof exports?exports.ParaUI=a(require("react"),require("@para-ui/icons/DoubleLeft"),require("@para-ui/icons/DoubleRight"),require("clsx")):t.ParaUI=a(t.react,t["@para-ui/icons/DoubleLeft"],t["@para-ui/icons/DoubleRight"],t.clsx)}(self,(function(t,a,e,o){return function(){var r={9116:function(t,a,e){(a=e(3645)(!1)).push([t.id,'.paraui-collapse-layout{height:100%;width:100%;position:relative;overflow:hidden}.paraui-collapse-layout .collapse-layout-icon-transform-top{transform:rotate(90deg)}.paraui-collapse-layout .collapse-layout-icon-transform-bottom{transform:rotate(-90deg)}.paraui-collapse-layout .collapse-layout-icon-transform-right{transform:rotate(180deg)}.paraui-collapse-layout .collapse-layout-display{overflow:hidden}.paraui-collapse-layout.paraui-collapse-layout-left .collapse-layout-click span,.paraui-collapse-layout.paraui-collapse-layout-right .collapse-layout-click span,.paraui-collapse-layout.paraui-collapse-layout-top .collapse-layout-click span,.paraui-collapse-layout.paraui-collapse-layout-bottom .collapse-layout-click span{font-size:12px;font-weight:400;text-align:center;color:#3666d6}.paraui-collapse-layout.paraui-collapse-layout-right .collapse-layout-click{position:absolute;top:50%;left:"";width:20px;height:72px;background:rgba(171,176,185,.12);text-align:center;cursor:pointer;line-height:23px;margin-top:-36px;z-index:1;display:grid;transition-property:right;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0ms;right:0px;border-radius:4px 0 0 4px;border-right:1px solid #3666d6}.paraui-collapse-layout.paraui-collapse-layout-right .collapse-layout-click>svg{align-self:center;justify-self:center}.paraui-collapse-layout.paraui-collapse-layout-right .collapse-layout-display-shadow{transition-property:margin-right;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0ms}.paraui-collapse-layout.paraui-collapse-layout-left .collapse-layout-click{position:absolute;top:50%;left:0;width:20px;height:72px;background:rgba(171,176,185,.12);text-align:center;cursor:pointer;line-height:23px;margin-top:-36px;z-index:1;display:grid;transition-property:left;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0ms;border-left:1px solid #3666d6;border-radius:0 4px 4px 0}.paraui-collapse-layout.paraui-collapse-layout-left .collapse-layout-click>svg{align-self:center;justify-self:center}.paraui-collapse-layout.paraui-collapse-layout-left .collapse-layout-display-shadow{transition-property:margin-left;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0ms}.paraui-collapse-layout.paraui-collapse-layout-left>div,.paraui-collapse-layout.paraui-collapse-layout-right>div{display:inline-block;vertical-align:middle;height:100%;position:relative}.paraui-collapse-layout.paraui-collapse-layout-left .collapse-layout-display-shadow,.paraui-collapse-layout.paraui-collapse-layout-right .collapse-layout-display-shadow{height:100%}.paraui-collapse-layout.paraui-collapse-layout-left .collapse-layout-display,.paraui-collapse-layout.paraui-collapse-layout-left .collapse-layout-default,.paraui-collapse-layout.paraui-collapse-layout-right .collapse-layout-display,.paraui-collapse-layout.paraui-collapse-layout-right .collapse-layout-default{transition:width}.paraui-collapse-layout.paraui-collapse-layout-top .collapse-layout-click{position:absolute;top:0;left:50%;width:72px;height:20px;background:rgba(171,176,185,.12);text-align:center;cursor:pointer;line-height:23px;margin-top:0;z-index:1;display:grid;transition-property:top;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0ms;margin-left:-36px;border-top:1px solid #3666d6;border-radius:0 0 4px 4px}.paraui-collapse-layout.paraui-collapse-layout-top .collapse-layout-click>svg{align-self:center;justify-self:center}.paraui-collapse-layout.paraui-collapse-layout-top .collapse-layout-display-shadow{transition-property:margin-top}.paraui-collapse-layout.paraui-collapse-layout-bottom .collapse-layout-click{position:absolute;top:"";left:50%;width:72px;height:20px;background:rgba(171,176,185,.12);text-align:center;cursor:pointer;line-height:23px;margin-top:0;z-index:1;display:grid;transition-property:bottom;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0ms;margin-left:-36px;bottom:0px;border-bottom:1px solid #3666d6;border-radius:4px 4px 0 0}.paraui-collapse-layout.paraui-collapse-layout-bottom .collapse-layout-click>svg{align-self:center;justify-self:center}.paraui-collapse-layout.paraui-collapse-layout-bottom .collapse-layout-display-shadow{transition-property:margin-bottom;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0ms}.paraui-collapse-layout.paraui-collapse-layout-top .collapse-layout-display,.paraui-collapse-layout.paraui-collapse-layout-top .collapse-layout-default,.paraui-collapse-layout.paraui-collapse-layout-bottom .collapse-layout-display,.paraui-collapse-layout.paraui-collapse-layout-bottom .collapse-layout-default{transition-property:height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0ms}.paraui-collapse-layout.paraui-collapse-layout-top .collapse-layout-display-shadow,.paraui-collapse-layout.paraui-collapse-layout-bottom .collapse-layout-display-shadow{width:100%}.paraui-collapse-layout.paraui-collapse-layout-top>div,.paraui-collapse-layout.paraui-collapse-layout-bottom>div{display:block;width:100%;position:relative}',""]),t.exports=a},3645:function(t){"use strict";t.exports=function(t){var a=[];return a.toString=function(){return this.map((function(a){var e=function(t,a){var e=t[1]||"",o=t[3];if(!o)return e;if(a&&"function"==typeof btoa){var r=(i=o,n=btoa(unescape(encodeURIComponent(JSON.stringify(i)))),c="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(n),"/*# ".concat(c," */")),l=o.sources.map((function(t){return"/*# sourceURL=".concat(o.sourceRoot||"").concat(t," */")}));return[e].concat(l).concat([r]).join("\n")}var i,n,c;return[e].join("\n")}(a,t);return a[2]?"@media ".concat(a[2]," {").concat(e,"}"):e})).join("")},a.i=function(t,e,o){"string"==typeof t&&(t=[[null,t,""]]);var r={};if(o)for(var l=0;l<this.length;l++){var i=this[l][0];null!=i&&(r[i]=!0)}for(var n=0;n<t.length;n++){var c=[].concat(t[n]);o&&r[c[0]]||(e&&(c[2]?c[2]="".concat(e," and ").concat(c[2]):c[2]=e),a.push(c))}},a}},7418:function(t){"use strict";
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/var a=Object.getOwnPropertySymbols,e=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable;function r(t){if(null==t)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(t)}t.exports=function(){try{if(!Object.assign)return!1;var t=new String("abc");if(t[5]="de","5"===Object.getOwnPropertyNames(t)[0])return!1;for(var a={},e=0;e<10;e++)a["_"+String.fromCharCode(e)]=e;if("0123456789"!==Object.getOwnPropertyNames(a).map((function(t){return a[t]})).join(""))return!1;var o={};return"abcdefghijklmnopqrst".split("").forEach((function(t){o[t]=t})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},o)).join("")}catch(t){return!1}}()?Object.assign:function(t,l){for(var i,n,c=r(t),u=1;u<arguments.length;u++){for(var s in i=Object(arguments[u]))e.call(i,s)&&(c[s]=i[s]);if(a){n=a(i);for(var p=0;p<n.length;p++)o.call(i,n[p])&&(c[n[p]]=i[n[p]])}}return c}},5251:function(t,a,e){"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.
+ */
+e(7418);var o=e(8156),r=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var l=Symbol.for;r=l("react.element"),l("react.fragment")}var i=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,n=Object.prototype.hasOwnProperty,c={key:!0,ref:!0,__self:!0,__source:!0};function u(t,a,e){var o,l={},u=null,s=null;for(o in void 0!==e&&(u=""+e),void 0!==a.key&&(u=""+a.key),void 0!==a.ref&&(s=a.ref),a)n.call(a,o)&&!c.hasOwnProperty(o)&&(l[o]=a[o]);if(t&&t.defaultProps)for(o in a=t.defaultProps)void 0===l[o]&&(l[o]=a[o]);return{$$typeof:r,type:t,key:u,ref:s,props:l,_owner:i.current}}a.jsx=u,a.jsxs=u},5893:function(t,a,e){"use strict";t.exports=e(5251)},2906:function(t,a,e){var o=e(3379),r=e(9116);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[t.id,r,""]]);var l={insert:("body","body"),singleton:!1};o(r,l);t.exports=r.locals||{}},3379:function(t,a,e){"use strict";var o,r=function(){return void 0===o&&(o=Boolean(window&&document&&document.all&&!window.atob)),o},l=function(){var t={};return function(a){if(void 0===t[a]){var e=document.querySelector(a);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(t){e=null}t[a]=e}return t[a]}}(),i=[];function n(t){for(var a=-1,e=0;e<i.length;e++)if(i[e].identifier===t){a=e;break}return a}function c(t,a){for(var e={},o=[],r=0;r<t.length;r++){var l=t[r],c=a.base?l[0]+a.base:l[0],u=e[c]||0,s="".concat(c," ").concat(u);e[c]=u+1;var p=n(s),f={css:l[1],media:l[2],sourceMap:l[3]};-1!==p?(i[p].references++,i[p].updater(f)):i.push({identifier:s,updater:g(f,a),references:1}),o.push(s)}return o}function u(t){var a=document.createElement("style"),o=t.attributes||{};if(void 0===o.nonce){var r=e.nc;r&&(o.nonce=r)}if(Object.keys(o).forEach((function(t){a.setAttribute(t,o[t])})),"function"==typeof t.insert)t.insert(a);else{var i=l(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(a)}return a}var s,p=(s=[],function(t,a){return s[t]=a,s.filter(Boolean).join("\n")});function f(t,a,e,o){var r=e?"":o.media?"@media ".concat(o.media," {").concat(o.css,"}"):o.css;if(t.styleSheet)t.styleSheet.cssText=p(a,r);else{var l=document.createTextNode(r),i=t.childNodes;i[a]&&t.removeChild(i[a]),i.length?t.insertBefore(l,i[a]):t.appendChild(l)}}function d(t,a,e){var o=e.css,r=e.media,l=e.sourceMap;if(r?t.setAttribute("media",r):t.removeAttribute("media"),l&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),t.styleSheet)t.styleSheet.cssText=o;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(o))}}var y=null,h=0;function g(t,a){var e,o,r;if(a.singleton){var l=h++;e=y||(y=u(a)),o=f.bind(null,e,l,!1),r=f.bind(null,e,l,!0)}else e=u(a),o=d.bind(null,e,a),r=function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(e)};return o(t),function(a){if(a){if(a.css===t.css&&a.media===t.media&&a.sourceMap===t.sourceMap)return;o(t=a)}else r()}}t.exports=function(t,a){(a=a||{}).singleton||"boolean"==typeof a.singleton||(a.singleton=r());var e=c(t=t||[],a);return function(t){if(t=t||[],"[object Array]"===Object.prototype.toString.call(t)){for(var o=0;o<e.length;o++){var r=n(e[o]);i[r].references--}for(var l=c(t,a),u=0;u<e.length;u++){var s=n(e[u]);0===i[s].references&&(i[s].updater(),i.splice(s,1))}e=l}}}},2458:function(t,a,e){"use strict";function o(t){if(!t)return 0;var a=t/36;return Math.round(10*(4+15*Math.pow(a,.25)+a/5))}e.d(a,{O:function(){return o}})},54:function(t){"use strict";t.exports=a},9438:function(t){"use strict";t.exports=e},5744:function(t){"use strict";t.exports=o},8156:function(a){"use strict";a.exports=t}},l={};function i(t){var a=l[t];if(void 0!==a)return a.exports;var e=l[t]={id:t,exports:{}};return r[t](e,e.exports,i),e.exports}i.n=function(t){var a=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(a,{a:a}),a},i.d=function(t,a){for(var e in a)i.o(a,e)&&!i.o(t,e)&&Object.defineProperty(t,e,{enumerable:!0,get:a[e]})},i.o=function(t,a){return Object.prototype.hasOwnProperty.call(t,a)},i.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},i.nc=void 0;var n={};return function(){"use strict";i.r(n);var t=i(5893),a=i(8156),e=i(54),o=i.n(e),r=i(9438),l=i.n(r),c=i(5744),u=i.n(c),s=i(2458),p=(i(2906),function(){return p=Object.assign||function(t){for(var a,e=1,o=arguments.length;e<o;e++)for(var r in a=arguments[e])Object.prototype.hasOwnProperty.call(a,r)&&(t[r]=a[r]);return t},p.apply(this,arguments)});n.default=function(e){var r=e.type,i=void 0===r?"left":r,n=e.showLabel,c=e.open,f=void 0!==c&&c,d=e.hideLabel,y=e.spacing,h=void 0===y?20:y,g=e.zoomLength,b=void 0===g?0:g,m=e.unit,v=void 0===m?"px":m,x=e.style,j=e.className,w=void 0===j?"":j,O=(0,a.useRef)(null),k=function(){var t=O.current;if(!t)return 0;var a=t.getBoundingClientRect();return(0,s.O)(a.width)}(),S=(0,a.useState)(),_=S[0],C=S[1],N={layout:{left:["display","default"],right:["default","display"],top:["display","default"],bottom:["default","display"]}},R=function(t){return t.slice(0,1).toUpperCase()+t.slice(1)},D=function(){var t="width";return"top"!==i&&"bottom"!==i||(t="height"),t},E=function(){var t={},a="margin".concat(R(i));return t[D()]=b+v,t[a]=(_?0:b)+v,t.transitionDuration=k+"ms",t},L=function(){var t={},a=D(),e=_?b:0;return t[a]="calc(100% - ".concat(e+h).concat(v),t["margin".concat(R(i))]=h+v,t.transitionDuration=k+"ms",t};return(0,a.useEffect)((function(){C(f)}),[f]),(0,t.jsxs)("div",p({className:u()("paraui-collapse-layout","paraui-collapse-layout-".concat(_),"paraui-collapse-layout-".concat(i),"paraui-collapse-layout-".concat(i,"-").concat(_),w),style:x},{children:[function(){var a,e=_?n:d;return(0,t.jsxs)("div",p({className:"collapse-layout-click collapse-layout-click-label-".concat(!!e),style:(a={},a[i]="".concat(_?b:0).concat(v),a.transitionDuration=k+"ms",a),onClick:function(){return C(!_)}},{children:[e&&(0,t.jsx)("span",{children:e}),_?(0,t.jsx)(o(),{className:"collapse-layout-icon-transform-".concat(i)}):(0,t.jsx)(l(),{className:"collapse-layout-icon-transform-".concat(i)})]}))}(),N.layout[i].map((function(a,o){return"display"===a?(0,t.jsx)("div",p({className:"collapse-layout-display",style:(r={},l=(_?b:0)+v,r[D()]=l,r.transitionDuration=k+"ms",r)},{children:(0,t.jsx)("div",p({className:"collapse-layout-display-shadow",style:E(),ref:O},{children:e.displayContent}))}),o):(0,t.jsx)("div",p({className:"collapse-layout-default",style:L()},{children:e.defaultContent}),o);var r,l}))]}))}}(),n}()}));

package/Menu/index.js

@@ -11,4 +11,4 @@ object-assign
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */i(7418);var n=i(8156),r=60103;if(t.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var o=Symbol.for;r=o("react.element"),t.Fragment=o("react.fragment")}var p=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,a=Object.prototype.hasOwnProperty,m={key:!0,ref:!0,__self:!0,__source:!0};function l(e,t,i){var n,o={},l=null,u=null;for(n in void 0!==i&&(l=""+i),void 0!==t.key&&(l=""+t.key),void 0!==t.ref&&(u=t.ref),t)a.call(t,n)&&!m.hasOwnProperty(n)&&(o[n]=t[n]);if(e&&e.defaultProps)for(n in t=e.defaultProps)void 0===o[n]&&(o[n]=t[n]);return{$$typeof:r,type:e,key:l,ref:u,props:o,_owner:p.current}}t.jsx=l,t.jsxs=l},5893:function(e,t,i){"use strict";e.exports=i(5251)},7262:function(e,t,i){var n=i(3379),r=i(7283);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.id,r,""]]);var o={insert:("body","body"),singleton:!1};n(r,o);e.exports=r.locals||{}},6881:function(e,t,i){var n=i(3379),r=i(6949);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.id,r,""]]);var o={insert:("body","body"),singleton:!1};n(r,o);e.exports=r.locals||{}},3379:function(e,t,i){"use strict";var n,r=function(){return void 0===n&&(n=Boolean(window&&document&&document.all&&!window.atob)),n},o=function(){var e={};return function(t){if(void 0===e[t]){var i=document.querySelector(t);if(window.HTMLIFrameElement&&i instanceof window.HTMLIFrameElement)try{i=i.contentDocument.head}catch(e){i=null}e[t]=i}return e[t]}}(),p=[];function a(e){for(var t=-1,i=0;i<p.length;i++)if(p[i].identifier===e){t=i;break}return t}function m(e,t){for(var i={},n=[],r=0;r<e.length;r++){var o=e[r],m=t.base?o[0]+t.base:o[0],l=i[m]||0,u="".concat(m," ").concat(l);i[m]=l+1;var c=a(u),s={css:o[1],media:o[2],sourceMap:o[3]};-1!==c?(p[c].references++,p[c].updater(s)):p.push({identifier:u,updater:h(s,t),references:1}),n.push(u)}return n}function l(e){var t=document.createElement("style"),n=e.attributes||{};if(void 0===n.nonce){var r=i.nc;r&&(n.nonce=r)}if(Object.keys(n).forEach((function(e){t.setAttribute(e,n[e])})),"function"==typeof e.insert)e.insert(t);else{var p=o(e.insert||"head");if(!p)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");p.appendChild(t)}return t}var u,c=(u=[],function(e,t){return u[e]=t,u.filter(Boolean).join("\n")});function s(e,t,i,n){var r=i?"":n.media?"@media ".concat(n.media," {").concat(n.css,"}"):n.css;if(e.styleSheet)e.styleSheet.cssText=c(t,r);else{var o=document.createTextNode(r),p=e.childNodes;p[t]&&e.removeChild(p[t]),p.length?e.insertBefore(o,p[t]):e.appendChild(o)}}function v(e,t,i){var n=i.css,r=i.media,o=i.sourceMap;if(r?e.setAttribute("media",r):e.removeAttribute("media"),o&&"undefined"!=typeof btoa&&(n+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}var f=null,d=0;function h(e,t){var i,n,r;if(t.singleton){var o=d++;i=f||(f=l(t)),n=s.bind(null,i,o,!1),r=s.bind(null,i,o,!0)}else i=l(t),n=v.bind(null,i,t),r=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(i)};return n(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;n(e=t)}else r()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=r());var i=m(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var n=0;n<i.length;n++){var r=a(i[n]);p[r].references--}for(var o=m(e,t),l=0;l<i.length;l++){var u=a(i[l]);0===p[u].references&&(p[u].updater(),p.splice(u,1))}i=o}}}},5563:function(e,t,i){"use strict";i.d(t,{default:function(){return l}});var n=i(5893),r=i(8156),o=i(5002);function p(e,t){var i=e.timeout,n=e.style,r=void 0===n?{}:n;return{duration:r.transitionDuration||"number"==typeof i?i:i[t.mode]||0,delay:r.transitionDelay}}function a(e){if(!e)return 0;var t=e/36;return Math.round(10*(4+15*Math.pow(t,.25)+t/5))}i(7262);var m=function(){return m=Object.assign||function(e){for(var t,i=1,n=arguments.length;i<n;i++)for(var r in t=arguments[i])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},m.apply(this,arguments)},l=function(e){var t=e.className,i=e.style,l=e.in,u=e.collapsedHeight,c=void 0===u?"0px":u,s=e.timeout,v=void 0===s?"auto":s,f=e.unmountOnExit,d=e.children,h=(0,r.useRef)(null),g=(0,r.useRef)(null),x=(0,r.useRef)(null),b=(0,r.useRef)(null),y="number"==typeof c?"".concat(c,"px"):c;(0,r.useEffect)((function(){return function(){clearTimeout(h.current)}}),[]);var w=function(e){return function(t){e&&e(t)}},k=w((function(e){e.style.height=y})),j=w((function(e){var t=x.current?x.current.clientHeight:0,n=p({style:i,timeout:v},{mode:"enter"}).duration;if("auto"===v){var r=a(t);e.style.transitionDuration="".concat(r,"ms"),b.current=r}else e.style.transitionDuration="string"==typeof n?n:"".concat(n,"ms");e.style.height="".concat(t,"px")})),M=w((function(e){e.style.height="auto"})),O=w((function(e){var t=x.current?x.current.clientHeight:0;e.style.height="".concat(t,"px")})),N=w((function(e){var t=x.current?x.current.clientHeight:0,n=p({style:i,timeout:v},{mode:"exit"}).duration;if("auto"===v){var r=a(t);e.style.transitionDuration="".concat(r,"ms"),b.current=r}else e.style.transitionDuration="string"==typeof n?n:"".concat(n,"ms");e.style.height=y})),S=function(e){var i="paraui-collapse-box";return t&&(i+=" "+t),"entered"===e&&(i+=" paraui-collapse-box-entered"),"exited"!==e||l||"0px"!==y||(i+=" paraui-collapse-box-hidden"),i};return(0,n.jsx)(o.Transition,m({in:l,unmountOnExit:f,onEnter:k,onEntered:M,onEntering:j,onExit:O,onExiting:N,timeout:"auto"===v?void 0:v,addEndListener:function(e,t){h.current=setTimeout(t,b.current||0)}},{children:function(e,t){return(0,n.jsx)("div",m({className:S(e),style:m({minHeight:y},i),ref:g},t,{children:(0,n.jsx)("div",m({className:"paraui-collapse-box-wrapper",ref:x},{children:(0,n.jsx)("div",m({className:"paraui-collapse-box-wrapper-inner"},{children:d}))}))}))}}))}},1197:function(e){"use strict";e.exports=r},2396:function(e){"use strict";e.exports=n},5602:function(e){"use strict";e.exports=a},1919:function(e){"use strict";e.exports=p},8543:function(e){"use strict";e.exports=o},8156:function(t){"use strict";t.exports=e},7111:function(e){"use strict";e.exports=t},5002:function(e){"use strict";e.exports=i}},l={};function u(e){var t=l[e];if(void 0!==t)return t.exports;var i=l[e]={id:e,exports:{}};return m[e](i,i.exports,u),i.exports}u.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return u.d(t,{a:t}),t},u.d=function(e,t){for(var i in t)u.o(t,i)&&!u.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},u.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},u.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},u.nc=void 0;var c={};return function(){"use strict";u.r(c),u.d(c,{Menu:function(){return N},default:function(){return S}});var e=u(5893),t=u(8156),i=u.n(t),n=function(){return n=Object.assign||function(e){for(var t,i=1,n=arguments.length;i<n;i++)for(var r in t=arguments[i])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},n.apply(this,arguments)},r=function(t){var i,r=t.expansion,o=void 0===r||r,p=t.render,a=t.className;return(0,e.jsx)("div",n({className:(i="logo paraui-logo",a&&(i+=" "+a),o||(i+=" logo-shrink"),i)},{children:function(){if(p)return p}()}))},o=u(7111),p=u(5563),a=u(2396),m=u.n(a),l=u(1197),s=u(8543),v=function(){return v=Object.assign||function(e){for(var t,i=1,n=arguments.length;i<n;i++)for(var r in t=arguments[i])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},v.apply(this,arguments)},f=function(e,t,i){if(i||2===arguments.length)for(var n,r=0,o=t.length;r<o;r++)!n&&r in t||(n||(n=Array.prototype.slice.call(t,0,r)),n[r]=t[r]);return e.concat(n||Array.prototype.slice.call(t))},d=function(i){var n=i.label,r=(i.type,i.path),o=i.icon,a=i.children,u=i.className,c=i.level,s=void 0===c?1:c,f=i.selectMenu,h=void 0===f?"":f,g=i.idMenuLast,x=i.onClickMenu,b=i.shrinkOthers,y=void 0===b||b,w=(0,t.useState)(!1),k=w[0],j=w[1];(0,t.useEffect)((function(){var e=g[h];e&&-1!==e.indexOf(r)&&e.length>1?j(!0):y&&j(!1)}),[g,h,r]);var M=function(){if(a&&a.length>0)return x&&x(!1),j(!k);x&&x(i)},O=function(){if(o){var t=l[o];return t?(0,e.jsx)("span",v({className:"menu-item-icon"},{children:t()})):(0,e.jsx)("span",v({className:"menu-item-icon"},{children:o}))}},N=(0,t.useMemo)((function(){return(0,e.jsxs)("div",v({onClick:M,className:"vertical-menu-list-item-content",style:(t={paddingRight:"12px"},t.paddingLeft=s>=0?32*(s-1)+16+"px":"16px",t)},{children:[O(),(0,e.jsx)("span",v({className:"menu-item-label"},{children:n})),(0,e.jsx)("span",v({className:"menu-item-arrow"},{children:a&&a.length>0?(0,e.jsx)(m(),{}):(0,e.jsx)(m(),{className:"opacity-pos-svg"})}))]}));var t}),[a,x,k,s,o,n]),S=(0,t.useMemo)((function(){return(0,e.jsx)(p.default,v({in:k,className:"li-collapse",timeout:"auto",unmountOnExit:!0},{children:a&&a.length>0&&a.map((function(t,i){return(0,e.jsx)(d,v({},t,{level:s+1,idMenuLast:g,selectMenu:h,onClickMenu:x,shrinkOthers:y}),i)}))}))}),[k,a,s,g,h,x,y]);return(0,e.jsxs)("div",v({className:function(){var e="vertical-menu-list-item";k&&(e+=" vertical-menu-list-item-open"),u&&(e+=" "+u);var t=g[h];if(t){var i=t.indexOf(r);-1!==i&&(e+=" vertical-menu-list-item-select",i===t.length-1&&(e+=" vertical-menu-list-item-select-last"),k||(e+=" vertical-menu-list-item-select-retract"))}return e}()},{children:[N,S]}))},h=function(i){var n=i.open,r=void 0!==n&&n,p=i.anchorEl,a=i.idMenuLast,u=i.selectMenu,c=void 0===u?"":u,s=i.onClickMenu,f=i.list,d=i.onMouseEnter,g=i.onMouseLeave,x=i.onMouseEnterBus,b=i.onMouseLeaveBus,y=i.level,w=void 0===y?1:y,k=i.color,j=i.className,M=(0,t.useState)(!1),O=M[0],N=M[1],S=(0,t.useState)(""),E=S[0],_=S[1],T=(0,t.useState)([]),C=T[0],L=T[1],P=(0,t.useState)({}),R=P[0],F=P[1],q=(0,t.useState)({})[0],I=(0,t.useRef)(null);(0,t.useEffect)((function(){return function(){clearTimeout(q.leaveBox),clearTimeout(q.closeTimer)}}),[]),(0,t.useEffect)((function(){z()}),[r,p]);var z=function(){if(p&&r&&I.current){var e=document.querySelector("[data-menu-id=".concat(p,"]")).getBoundingClientRect(),t=e.top;1!==w&&(t-=8),B()&&(t+=4);var i=document.body.clientHeight,n=I.current.clientHeight;n+t>i&&(t=t-(n+t-i)-20),t<0&&(t=0),F({position:"absolute",left:"0",top:"0",transform:"translate3d(".concat(e.right,"px, ").concat(t,"px, 0px)")})}},B=function(){var e=f||[];return!(1!==w||1!==e.length||!e[0]._paraui_menu_first||e[0].children&&0!==e[0].children.length)},H=function(e){var t="menu-item-popper-content-item",i=a&&a[c];return i&&-1!==i.indexOf(e.path)&&(t+=" menu-item-popper-content-item-select"),t},D=function(t){if(t){var i=l[t];return i?(0,e.jsx)("span",v({className:"menu-item-icon"},{children:i()})):(0,e.jsx)("span",v({className:"menu-item-icon"},{children:t}))}},U=function(e){return function(t){e.children&&e.children.length>0||s&&s(e)}},A=function(){B()||(1==w?d&&d():x&&x())},Y=function(){B()||(clearTimeout(q.leaveBox),q.leaveBox=setTimeout((function(){1===w?g&&g():b&&b()}),50))},J=function(e){return function(t){W(t.target),N(!1),clearTimeout(q.closeTimer),q.closeTimer=setTimeout((function(){(e.children||[]).length>0?(N(!0),_(t.target.getAttribute("data-menu-id")),L(e.children||[])):(N(!1),_(""),L([]))}))}},W=function(e){if(I){var t=I.current.querySelector(".menu-item-popper-content-item-hover");t&&t.classList.remove("menu-item-popper-content-item-hover")}e&&e.classList.add("menu-item-popper-content-item-hover")},K=(0,t.useMemo)((function(){return(0,e.jsx)("div",v({className:"menu-item-popper-content",onMouseEnter:A,onMouseLeave:Y,ref:I},{children:(f||[]).map((function(t,i){return(0,e.jsx)("div",v({className:H(t),onMouseEnter:J(t),onMouseLeave:function(e){}},{children:(0,e.jsxs)("div",v({className:"menu-item-popper-content-item-content","data-menu-id":t._paraui_menu_id,onClick:U(t)},{children:[D(t.icon),(0,e.jsx)("span",v({className:"menu-item-label"},{children:t.label})),(0,e.jsx)("span",v({className:"menu-item-arrow"},{children:(n=t.children,n&&n.length>0?(0,e.jsx)(m(),{}):(0,e.jsx)(m(),{className:"opacity-pos-svg"}))}))]}))}),i);var n}))}))}),[f,s,a,c,s,d,g,w]),Q=function(){return(0,e.jsx)("div",v({className:(t="vertical-menu-item-popper paraui-vertical-menu-item-popper",k&&(t+=" paraui-vertical-menu-item-popper-"+k),t+="deep"===k?" paraui-scrollbar-small-deep":" paraui-scrollbar-small",B()&&(t+=" paraui-vertical-menu-item-popper-tooltip"),j&&(t+=" "+j),t),style:R},{children:K}));var t},$=(0,t.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:(0,o.createPortal)((0,e.jsx)(Q,{}),document.getElementsByTagName("body")[0])})}),[R,f,s,a,c,s,d,g,w,j,k]);return(0,e.jsxs)(e.Fragment,{children:[$,O&&(0,e.jsx)(h,{open:O,anchorEl:E,list:C,idMenuLast:a,selectMenu:c,onClickMenu:s,onMouseEnter:d,onMouseLeave:g,onMouseEnterBus:function(){clearTimeout(q.leaveBox)},onMouseLeaveBus:function(){N(!1),_(""),L([]),g&&g()},color:k,level:w+1})]})},g=function(e){if(!e)return 0;try{var t=e.match(/translate3d\((.*)px, (.*)px, (.*)px\)/);return Number(t&&t[2])}catch(e){}return 0},x=function(n){var r=n.list,o=void 0===r?[]:r,p=n.expansion,a=void 0===p||p,u=n.selectMenu,c=void 0===u?"":u,x=n.onClickMenu,b=n.className,y=n.shrinkOthers,w=void 0===y||y,k=n.color,j=(0,t.useState)([]),M=j[0],O=j[1],N=(0,t.useState)(!1),S=N[0],E=N[1],_=(0,t.useState)(null),T=_[0],C=_[1],L=(0,t.useState)(""),P=L[0],R=L[1],F=(0,t.useState)([]),q=F[0],I=F[1],z=(0,t.useState)(""),B=z[0],H=z[1],D=(0,t.useState)({}),U=D[0],A=D[1],Y=(0,t.useState)({prev:!1,next:!1}),J=Y[0],W=Y[1],K=(0,t.useState)({})[0],Q=i().useRef();(0,t.useEffect)((function(){return function(){clearTimeout(K.arrowTimer),clearTimeout(K.leaveTimer),clearTimeout(K.enterTimer)}}),[]),(0,t.useEffect)((function(){for(var e=[],t=0,i=o.length;t<i;t++){var n=o[t];e.push(v({},n))}ee(e)}),[o]),(0,t.useEffect)((function(){G()}),[M]),(0,t.useEffect)((function(){c!==B&&H(c),G()}),[c]);var $,G=function(){clearTimeout(K.arrowTimer),K.arrowTimer=setTimeout((function(){var e=Z(),t=e.min,i=e.max,n=g(Q.current.style.transform);W({prev:n!==t,next:n>i})}),300)},V=function(e){return function(){var t=g(Q.current.style.transform);switch(e){case"next":t-=100;break;case"prev":t+=100}X(t)}},X=function(e){var t=Z(),i=t.min,n=t.max;e>i&&(e=i),e<n&&(e=n),W({prev:e!==i,next:e>n}),Q.current.style.transform="translate3d(0, ".concat(e,"px, 0)")},Z=function(){var e=Q.current.parentNode.getBoundingClientRect().height,t=-(Q.current.getBoundingClientRect().height-e);return e>Q.current.getBoundingClientRect().height&&(t=0),{min:0,max:t}},ee=function(e){var t={},i={},n={},r=function(e,o){for(var p=0,a=e.length;p<a;p++){var m=e[p],l=m.path;if(m._paraui_menu_id="_paraui_menu_id_"+(0,s.UUID)(),t[l]=m,o){var u=(0,s.DeepClone)(i[o.path]||[]);u.push(l),i[l]=f([],u,!0)}else i[l]=[l],m._paraui_menu_first=!0;m.children&&m.children.length>0?r(m.children,m):n[l]=i[l]}};r(e),A(n),O(e)},te=function(e,t){return function(i){E(!1),clearTimeout(K.enterTimer),K.enterTimer=setTimeout((function(){clearTimeout(K.leaveTimer);var n=[e];e.children&&e.children.length>0&&(n=e.children),C(t),R(i.target.getAttribute("data-menu-id")),I(n),E(!0)}))}},ie=function(){clearTimeout(K.leaveTimer),K.leaveTimer=setTimeout((function(){oe()}),50)},ne=function(){clearTimeout(K.leaveTimer)},re=function(){ie()},oe=function(){E(!1),R(""),I([]),C(null)},pe=function(e){var t=e.icon,i=e.label;if(t){var n=l[t];return n?n():t}return"string"==typeof i?i[0]:i},ae=function(e){return function(){if(!e.children||0===e.children.length){var t=v({},e);delete t._paraui_menu_id,x&&x(t)}}},me=function(e){if(!1===e)return G();oe();var t=v({},e);delete t._paraui_menu_id,x&&x(t)},le=function(e,t){var i="vertical-menu-list-item-shrink",n=U[B];return n&&-1!==n.indexOf(e.path)&&(i+=" vertical-menu-list-item-shrink-select"),T===t&&(i+=" vertical-menu-list-item-shrink-hover"),i},ue=(0,t.useMemo)((function(){if(a)return M.map((function(e,i){return(0,t.createElement)(d,v({},e,{key:i,level:1,idMenuLast:U,selectMenu:B,onClickMenu:me,shrinkOthers:w}))}))}),[a,M,U,B,x,w]),ce=(0,t.useMemo)((function(){return a?null:M.map((function(t,i){return(0,e.jsx)("div",v({className:le(t,i),onMouseEnter:te(t,i),onMouseLeave:function(e){ie()},"data-menu-id":t._paraui_menu_id,onClick:ae(t)},{children:(0,e.jsx)("span",{children:pe(t)})}),i)}))}),[a,M,U,B,T]),se=(0,t.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:J.prev&&(0,e.jsx)("span",v({className:"scroll-top"},{children:(0,e.jsx)(m(),{onClick:V("prev")})}))})}),[J]),ve=(0,t.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:J.next&&(0,e.jsx)("span",v({className:"scroll-bottom"},{children:(0,e.jsx)(m(),{onClick:V("next")})}))})}),[J]),fe=(0,t.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:S&&(0,e.jsx)(h,{open:S,anchorEl:P,list:q,idMenuLast:U,selectMenu:B,onClickMenu:me,onMouseEnter:ne,onMouseLeave:re,color:k,level:1})})}),[S,P,q,U,B,x,K,k]);return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)("div",v({className:($="paraui-vertical-menu-list vertical-menu-list",b&&($+=" "+b),$),onWheel:function(e){return function(e){var t=e.deltaY,i=g(Q.current.style.transform);X(i-=t)}(e)}},{children:[se,(0,e.jsx)("div",v({className:"vertical-menu-list-box"},{children:(0,e.jsxs)("div",v({className:"vertical-menu-list-box-srcoll",ref:Q},{children:[ue,ce]}))})),ve]})),fe]})},b=u(1919),y=u.n(b),w=u(5602),k=u.n(w),j=function(){return j=Object.assign||function(e){for(var t,i=1,n=arguments.length;i<n;i++)for(var r in t=arguments[i])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},j.apply(this,arguments)},M=function(t){var i,n=t.expansion,r=void 0===n||n,o=t.expandIcon,p=t.shrinkIcon,a=t.customizeContent,m=t.clickExpansion,l=t.version,u=t.className,c=function(){m&&m(!r)};return(0,e.jsx)("div",j({className:(i="footer-expansion paraui-footer-expansion",u&&(i+=" "+u),r||(i+=" footer-expansion-shrink"),i)},{children:function(){if(a)return a;return(0,e.jsxs)(e.Fragment,{children:[r?o||(0,e.jsx)(y(),{onClick:c}):p||(0,e.jsx)(k(),{onClick:c}),r&&l&&(0,e.jsx)("span",j({className:"version"},{children:l}))]})}()}))},O=(u(6881),function(){return O=Object.assign||function(e){for(var t,i=1,n=arguments.length;i<n;i++)for(var r in t=arguments[i])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},O.apply(this,arguments)}),N=function(i){var n=i.color,o=void 0===n?"deep":n,p=i.logoProps,a=i.menuListProps,m=i.expansion,l=void 0===m||m,u=i.onClickExpansion,c=i.selectMenu,s=i.onClickMenu,v=i.className,f=i.style,d=i.shrinkOthers,h=void 0===d||d,g=i.footerExpansionProps,b=i.showExpansion,y=void 0===b||b,w=(0,t.useState)(!0),k=w[0],j=w[1];(0,t.useEffect)((function(){l!==k&&j(l)}),[l]);var N,S=function(){u&&u(!k)},E=(0,t.useMemo)((function(){return i.logoProps&&(0,e.jsx)(r,O({},p,{expansion:k}))}),[p,k]),_=(0,t.useMemo)((function(){return i.menuListProps&&(0,e.jsx)(x,O({},a,{color:o,expansion:k,selectMenu:c,onClickMenu:s,shrinkOthers:h}))}),[a,k,c,s,o]),T=(0,t.useMemo)((function(){return y?(0,e.jsx)(M,O({clickExpansion:S},g,{expansion:k})):null}),[k,u,g,u,y]);return(0,e.jsxs)("div",O({className:(N="vertical-menu paraui-vertical-menu",v&&(N+=" "+v),o&&(N+=" paraui-vertical-menu-"+o),l||(N+=" vertical-menu-shrink"),N),style:f},{children:[E,_,T]}))},S=N}(),c}()}));
+ */i(7418);var n=i(8156),r=60103;if(t.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var o=Symbol.for;r=o("react.element"),t.Fragment=o("react.fragment")}var p=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,a=Object.prototype.hasOwnProperty,m={key:!0,ref:!0,__self:!0,__source:!0};function l(e,t,i){var n,o={},l=null,u=null;for(n in void 0!==i&&(l=""+i),void 0!==t.key&&(l=""+t.key),void 0!==t.ref&&(u=t.ref),t)a.call(t,n)&&!m.hasOwnProperty(n)&&(o[n]=t[n]);if(e&&e.defaultProps)for(n in t=e.defaultProps)void 0===o[n]&&(o[n]=t[n]);return{$$typeof:r,type:e,key:l,ref:u,props:o,_owner:p.current}}t.jsx=l,t.jsxs=l},5893:function(e,t,i){"use strict";e.exports=i(5251)},7262:function(e,t,i){var n=i(3379),r=i(7283);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.id,r,""]]);var o={insert:("body","body"),singleton:!1};n(r,o);e.exports=r.locals||{}},6881:function(e,t,i){var n=i(3379),r=i(6949);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.id,r,""]]);var o={insert:("body","body"),singleton:!1};n(r,o);e.exports=r.locals||{}},3379:function(e,t,i){"use strict";var n,r=function(){return void 0===n&&(n=Boolean(window&&document&&document.all&&!window.atob)),n},o=function(){var e={};return function(t){if(void 0===e[t]){var i=document.querySelector(t);if(window.HTMLIFrameElement&&i instanceof window.HTMLIFrameElement)try{i=i.contentDocument.head}catch(e){i=null}e[t]=i}return e[t]}}(),p=[];function a(e){for(var t=-1,i=0;i<p.length;i++)if(p[i].identifier===e){t=i;break}return t}function m(e,t){for(var i={},n=[],r=0;r<e.length;r++){var o=e[r],m=t.base?o[0]+t.base:o[0],l=i[m]||0,u="".concat(m," ").concat(l);i[m]=l+1;var c=a(u),s={css:o[1],media:o[2],sourceMap:o[3]};-1!==c?(p[c].references++,p[c].updater(s)):p.push({identifier:u,updater:h(s,t),references:1}),n.push(u)}return n}function l(e){var t=document.createElement("style"),n=e.attributes||{};if(void 0===n.nonce){var r=i.nc;r&&(n.nonce=r)}if(Object.keys(n).forEach((function(e){t.setAttribute(e,n[e])})),"function"==typeof e.insert)e.insert(t);else{var p=o(e.insert||"head");if(!p)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");p.appendChild(t)}return t}var u,c=(u=[],function(e,t){return u[e]=t,u.filter(Boolean).join("\n")});function s(e,t,i,n){var r=i?"":n.media?"@media ".concat(n.media," {").concat(n.css,"}"):n.css;if(e.styleSheet)e.styleSheet.cssText=c(t,r);else{var o=document.createTextNode(r),p=e.childNodes;p[t]&&e.removeChild(p[t]),p.length?e.insertBefore(o,p[t]):e.appendChild(o)}}function v(e,t,i){var n=i.css,r=i.media,o=i.sourceMap;if(r?e.setAttribute("media",r):e.removeAttribute("media"),o&&"undefined"!=typeof btoa&&(n+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}var f=null,d=0;function h(e,t){var i,n,r;if(t.singleton){var o=d++;i=f||(f=l(t)),n=s.bind(null,i,o,!1),r=s.bind(null,i,o,!0)}else i=l(t),n=v.bind(null,i,t),r=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(i)};return n(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;n(e=t)}else r()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=r());var i=m(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var n=0;n<i.length;n++){var r=a(i[n]);p[r].references--}for(var o=m(e,t),l=0;l<i.length;l++){var u=a(i[l]);0===p[u].references&&(p[u].updater(),p.splice(u,1))}i=o}}}},6887:function(e,t,i){"use strict";var n=i(5893),r=i(8156),o=i(5002),p=i(2458),a=(i(7262),function(){return a=Object.assign||function(e){for(var t,i=1,n=arguments.length;i<n;i++)for(var r in t=arguments[i])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},a.apply(this,arguments)});t.default=function(e){var t=e.className,i=e.style,m=e.in,l=e.collapsedHeight,u=void 0===l?"0px":l,c=e.timeout,s=void 0===c?"auto":c,v=e.unmountOnExit,f=e.children,d=(0,r.useRef)(null),h=(0,r.useRef)(null),g=(0,r.useRef)(null),x=(0,r.useRef)(null),b="number"==typeof u?"".concat(u,"px"):u;(0,r.useEffect)((function(){return function(){clearTimeout(d.current)}}),[]);var y=function(e){return function(t){e&&e(t)}},w=y((function(e){e.style.height=b})),k=y((function(e){var t=g.current?g.current.clientHeight:0,n=(0,p.C)({style:i,timeout:s},{mode:"enter"}).duration;if("auto"===s){var r=(0,p.O)(t);e.style.transitionDuration="".concat(r,"ms"),x.current=r}else e.style.transitionDuration="string"==typeof n?n:"".concat(n,"ms");e.style.height="".concat(t,"px")})),j=y((function(e){e.style.height="auto"})),M=y((function(e){var t=g.current?g.current.clientHeight:0;e.style.height="".concat(t,"px")})),O=y((function(e){var t=g.current?g.current.clientHeight:0,n=(0,p.C)({style:i,timeout:s},{mode:"exit"}).duration;if("auto"===s){var r=(0,p.O)(t);e.style.transitionDuration="".concat(r,"ms"),x.current=r}else e.style.transitionDuration="string"==typeof n?n:"".concat(n,"ms");e.style.height=b})),N=function(e){var i="paraui-collapse-box";return t&&(i+=" "+t),"entered"===e&&(i+=" paraui-collapse-box-entered"),"exited"!==e||m||"0px"!==b||(i+=" paraui-collapse-box-hidden"),i};return(0,n.jsx)(o.Transition,a({in:m,unmountOnExit:v,onEnter:w,onEntered:j,onEntering:k,onExit:M,onExiting:O,timeout:"auto"===s?void 0:s,addEndListener:function(e,t){d.current=setTimeout(t,x.current||0)}},{children:function(e,t){return(0,n.jsx)("div",a({className:N(e),style:a({minHeight:b},i),ref:h},t,{children:(0,n.jsx)("div",a({className:"paraui-collapse-box-wrapper",ref:g},{children:(0,n.jsx)("div",a({className:"paraui-collapse-box-wrapper-inner"},{children:f}))}))}))}}))}},2458:function(e,t,i){"use strict";function n(e,t){var i=e.timeout,n=e.style,r=void 0===n?{}:n;return{duration:r.transitionDuration||"number"==typeof i?i:i[t.mode]||0,delay:r.transitionDelay}}function r(e){if(!e)return 0;var t=e/36;return Math.round(10*(4+15*Math.pow(t,.25)+t/5))}i.d(t,{C:function(){return n},O:function(){return r}})},1197:function(e){"use strict";e.exports=r},2396:function(e){"use strict";e.exports=n},5602:function(e){"use strict";e.exports=a},1919:function(e){"use strict";e.exports=p},8543:function(e){"use strict";e.exports=o},8156:function(t){"use strict";t.exports=e},7111:function(e){"use strict";e.exports=t},5002:function(e){"use strict";e.exports=i}},l={};function u(e){var t=l[e];if(void 0!==t)return t.exports;var i=l[e]={id:e,exports:{}};return m[e](i,i.exports,u),i.exports}u.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return u.d(t,{a:t}),t},u.d=function(e,t){for(var i in t)u.o(t,i)&&!u.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},u.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},u.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},u.nc=void 0;var c={};return function(){"use strict";u.r(c),u.d(c,{Menu:function(){return N},default:function(){return S}});var e=u(5893),t=u(8156),i=u.n(t),n=function(){return n=Object.assign||function(e){for(var t,i=1,n=arguments.length;i<n;i++)for(var r in t=arguments[i])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},n.apply(this,arguments)},r=function(t){var i,r=t.expansion,o=void 0===r||r,p=t.render,a=t.className;return(0,e.jsx)("div",n({className:(i="logo paraui-logo",a&&(i+=" "+a),o||(i+=" logo-shrink"),i)},{children:function(){if(p)return p}()}))},o=u(7111),p=u(6887),a=u(2396),m=u.n(a),l=u(1197),s=u(8543),v=function(){return v=Object.assign||function(e){for(var t,i=1,n=arguments.length;i<n;i++)for(var r in t=arguments[i])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},v.apply(this,arguments)},f=function(e,t,i){if(i||2===arguments.length)for(var n,r=0,o=t.length;r<o;r++)!n&&r in t||(n||(n=Array.prototype.slice.call(t,0,r)),n[r]=t[r]);return e.concat(n||Array.prototype.slice.call(t))},d=function(i){var n=i.label,r=(i.type,i.path),o=i.icon,a=i.children,u=i.className,c=i.level,s=void 0===c?1:c,f=i.selectMenu,h=void 0===f?"":f,g=i.idMenuLast,x=i.onClickMenu,b=i.shrinkOthers,y=void 0===b||b,w=(0,t.useState)(!1),k=w[0],j=w[1];(0,t.useEffect)((function(){var e=g[h];e&&-1!==e.indexOf(r)&&e.length>1?j(!0):y&&j(!1)}),[g,h,r]);var M=function(){if(a&&a.length>0)return x&&x(!1),j(!k);x&&x(i)},O=function(){if(o){var t=l[o];return t?(0,e.jsx)("span",v({className:"menu-item-icon"},{children:t()})):(0,e.jsx)("span",v({className:"menu-item-icon"},{children:o}))}},N=(0,t.useMemo)((function(){return(0,e.jsxs)("div",v({onClick:M,className:"vertical-menu-list-item-content",style:(t={paddingRight:"12px"},t.paddingLeft=s>=0?32*(s-1)+16+"px":"16px",t)},{children:[O(),(0,e.jsx)("span",v({className:"menu-item-label"},{children:n})),(0,e.jsx)("span",v({className:"menu-item-arrow"},{children:a&&a.length>0?(0,e.jsx)(m(),{}):(0,e.jsx)(m(),{className:"opacity-pos-svg"})}))]}));var t}),[a,x,k,s,o,n]),S=(0,t.useMemo)((function(){return(0,e.jsx)(p.default,v({in:k,className:"li-collapse",timeout:"auto",unmountOnExit:!0},{children:a&&a.length>0&&a.map((function(t,i){return(0,e.jsx)(d,v({},t,{level:s+1,idMenuLast:g,selectMenu:h,onClickMenu:x,shrinkOthers:y}),i)}))}))}),[k,a,s,g,h,x,y]);return(0,e.jsxs)("div",v({className:function(){var e="vertical-menu-list-item";k&&(e+=" vertical-menu-list-item-open"),u&&(e+=" "+u);var t=g[h];if(t){var i=t.indexOf(r);-1!==i&&(e+=" vertical-menu-list-item-select",i===t.length-1&&(e+=" vertical-menu-list-item-select-last"),k||(e+=" vertical-menu-list-item-select-retract"))}return e}()},{children:[N,S]}))},h=function(i){var n=i.open,r=void 0!==n&&n,p=i.anchorEl,a=i.idMenuLast,u=i.selectMenu,c=void 0===u?"":u,s=i.onClickMenu,f=i.list,d=i.onMouseEnter,g=i.onMouseLeave,x=i.onMouseEnterBus,b=i.onMouseLeaveBus,y=i.level,w=void 0===y?1:y,k=i.color,j=i.className,M=(0,t.useState)(!1),O=M[0],N=M[1],S=(0,t.useState)(""),E=S[0],_=S[1],C=(0,t.useState)([]),T=C[0],L=C[1],P=(0,t.useState)({}),R=P[0],F=P[1],q=(0,t.useState)({})[0],I=(0,t.useRef)(null);(0,t.useEffect)((function(){return function(){clearTimeout(q.leaveBox),clearTimeout(q.closeTimer)}}),[]),(0,t.useEffect)((function(){z()}),[r,p]);var z=function(){if(p&&r&&I.current){var e=document.querySelector("[data-menu-id=".concat(p,"]")).getBoundingClientRect(),t=e.top;1!==w&&(t-=8),B()&&(t+=4);var i=document.body.clientHeight,n=I.current.clientHeight;n+t>i&&(t=t-(n+t-i)-20),t<0&&(t=0),F({position:"absolute",left:"0",top:"0",transform:"translate3d(".concat(e.right,"px, ").concat(t,"px, 0px)")})}},B=function(){var e=f||[];return!(1!==w||1!==e.length||!e[0]._paraui_menu_first||e[0].children&&0!==e[0].children.length)},H=function(e){var t="menu-item-popper-content-item",i=a&&a[c];return i&&-1!==i.indexOf(e.path)&&(t+=" menu-item-popper-content-item-select"),t},D=function(t){if(t){var i=l[t];return i?(0,e.jsx)("span",v({className:"menu-item-icon"},{children:i()})):(0,e.jsx)("span",v({className:"menu-item-icon"},{children:t}))}},U=function(e){return function(t){e.children&&e.children.length>0||s&&s(e)}},A=function(){B()||(1==w?d&&d():x&&x())},Y=function(){B()||(clearTimeout(q.leaveBox),q.leaveBox=setTimeout((function(){1===w?g&&g():b&&b()}),50))},J=function(e){return function(t){W(t.target),N(!1),clearTimeout(q.closeTimer),q.closeTimer=setTimeout((function(){(e.children||[]).length>0?(N(!0),_(t.target.getAttribute("data-menu-id")),L(e.children||[])):(N(!1),_(""),L([]))}))}},W=function(e){if(I){var t=I.current.querySelector(".menu-item-popper-content-item-hover");t&&t.classList.remove("menu-item-popper-content-item-hover")}e&&e.classList.add("menu-item-popper-content-item-hover")},K=(0,t.useMemo)((function(){return(0,e.jsx)("div",v({className:"menu-item-popper-content",onMouseEnter:A,onMouseLeave:Y,ref:I},{children:(f||[]).map((function(t,i){return(0,e.jsx)("div",v({className:H(t),onMouseEnter:J(t),onMouseLeave:function(e){}},{children:(0,e.jsxs)("div",v({className:"menu-item-popper-content-item-content","data-menu-id":t._paraui_menu_id,onClick:U(t)},{children:[D(t.icon),(0,e.jsx)("span",v({className:"menu-item-label"},{children:t.label})),(0,e.jsx)("span",v({className:"menu-item-arrow"},{children:(n=t.children,n&&n.length>0?(0,e.jsx)(m(),{}):(0,e.jsx)(m(),{className:"opacity-pos-svg"}))}))]}))}),i);var n}))}))}),[f,s,a,c,s,d,g,w]),Q=function(){return(0,e.jsx)("div",v({className:(t="vertical-menu-item-popper paraui-vertical-menu-item-popper",k&&(t+=" paraui-vertical-menu-item-popper-"+k),t+="deep"===k?" paraui-scrollbar-small-deep":" paraui-scrollbar-small",B()&&(t+=" paraui-vertical-menu-item-popper-tooltip"),j&&(t+=" "+j),t),style:R},{children:K}));var t},$=(0,t.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:(0,o.createPortal)((0,e.jsx)(Q,{}),document.getElementsByTagName("body")[0])})}),[R,f,s,a,c,s,d,g,w,j,k]);return(0,e.jsxs)(e.Fragment,{children:[$,O&&(0,e.jsx)(h,{open:O,anchorEl:E,list:T,idMenuLast:a,selectMenu:c,onClickMenu:s,onMouseEnter:d,onMouseLeave:g,onMouseEnterBus:function(){clearTimeout(q.leaveBox)},onMouseLeaveBus:function(){N(!1),_(""),L([]),g&&g()},color:k,level:w+1})]})},g=function(e){if(!e)return 0;try{var t=e.match(/translate3d\((.*)px, (.*)px, (.*)px\)/);return Number(t&&t[2])}catch(e){}return 0},x=function(n){var r=n.list,o=void 0===r?[]:r,p=n.expansion,a=void 0===p||p,u=n.selectMenu,c=void 0===u?"":u,x=n.onClickMenu,b=n.className,y=n.shrinkOthers,w=void 0===y||y,k=n.color,j=(0,t.useState)([]),M=j[0],O=j[1],N=(0,t.useState)(!1),S=N[0],E=N[1],_=(0,t.useState)(null),C=_[0],T=_[1],L=(0,t.useState)(""),P=L[0],R=L[1],F=(0,t.useState)([]),q=F[0],I=F[1],z=(0,t.useState)(""),B=z[0],H=z[1],D=(0,t.useState)({}),U=D[0],A=D[1],Y=(0,t.useState)({prev:!1,next:!1}),J=Y[0],W=Y[1],K=(0,t.useState)({})[0],Q=i().useRef();(0,t.useEffect)((function(){return function(){clearTimeout(K.arrowTimer),clearTimeout(K.leaveTimer),clearTimeout(K.enterTimer)}}),[]),(0,t.useEffect)((function(){for(var e=[],t=0,i=o.length;t<i;t++){var n=o[t];e.push(v({},n))}ee(e)}),[o]),(0,t.useEffect)((function(){G()}),[M]),(0,t.useEffect)((function(){c!==B&&H(c),G()}),[c]);var $,G=function(){clearTimeout(K.arrowTimer),K.arrowTimer=setTimeout((function(){var e=Z(),t=e.min,i=e.max,n=g(Q.current.style.transform);W({prev:n!==t,next:n>i})}),300)},V=function(e){return function(){var t=g(Q.current.style.transform);switch(e){case"next":t-=100;break;case"prev":t+=100}X(t)}},X=function(e){var t=Z(),i=t.min,n=t.max;e>i&&(e=i),e<n&&(e=n),W({prev:e!==i,next:e>n}),Q.current.style.transform="translate3d(0, ".concat(e,"px, 0)")},Z=function(){var e=Q.current.parentNode.getBoundingClientRect().height,t=-(Q.current.getBoundingClientRect().height-e);return e>Q.current.getBoundingClientRect().height&&(t=0),{min:0,max:t}},ee=function(e){var t={},i={},n={},r=function(e,o){for(var p=0,a=e.length;p<a;p++){var m=e[p],l=m.path;if(m._paraui_menu_id="_paraui_menu_id_"+(0,s.UUID)(),t[l]=m,o){var u=(0,s.DeepClone)(i[o.path]||[]);u.push(l),i[l]=f([],u,!0)}else i[l]=[l],m._paraui_menu_first=!0;m.children&&m.children.length>0?r(m.children,m):n[l]=i[l]}};r(e),A(n),O(e)},te=function(e,t){return function(i){E(!1),clearTimeout(K.enterTimer),K.enterTimer=setTimeout((function(){clearTimeout(K.leaveTimer);var n=[e];e.children&&e.children.length>0&&(n=e.children),T(t),R(i.target.getAttribute("data-menu-id")),I(n),E(!0)}))}},ie=function(){clearTimeout(K.leaveTimer),K.leaveTimer=setTimeout((function(){oe()}),50)},ne=function(){clearTimeout(K.leaveTimer)},re=function(){ie()},oe=function(){E(!1),R(""),I([]),T(null)},pe=function(e){var t=e.icon,i=e.label;if(t){var n=l[t];return n?n():t}return"string"==typeof i?i[0]:i},ae=function(e){return function(){if(!e.children||0===e.children.length){var t=v({},e);delete t._paraui_menu_id,x&&x(t)}}},me=function(e){if(!1===e)return G();oe();var t=v({},e);delete t._paraui_menu_id,x&&x(t)},le=function(e,t){var i="vertical-menu-list-item-shrink",n=U[B];return n&&-1!==n.indexOf(e.path)&&(i+=" vertical-menu-list-item-shrink-select"),C===t&&(i+=" vertical-menu-list-item-shrink-hover"),i},ue=(0,t.useMemo)((function(){if(a)return M.map((function(e,i){return(0,t.createElement)(d,v({},e,{key:i,level:1,idMenuLast:U,selectMenu:B,onClickMenu:me,shrinkOthers:w}))}))}),[a,M,U,B,x,w]),ce=(0,t.useMemo)((function(){return a?null:M.map((function(t,i){return(0,e.jsx)("div",v({className:le(t,i),onMouseEnter:te(t,i),onMouseLeave:function(e){ie()},"data-menu-id":t._paraui_menu_id,onClick:ae(t)},{children:(0,e.jsx)("span",{children:pe(t)})}),i)}))}),[a,M,U,B,C]),se=(0,t.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:J.prev&&(0,e.jsx)("span",v({className:"scroll-top"},{children:(0,e.jsx)(m(),{onClick:V("prev")})}))})}),[J]),ve=(0,t.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:J.next&&(0,e.jsx)("span",v({className:"scroll-bottom"},{children:(0,e.jsx)(m(),{onClick:V("next")})}))})}),[J]),fe=(0,t.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:S&&(0,e.jsx)(h,{open:S,anchorEl:P,list:q,idMenuLast:U,selectMenu:B,onClickMenu:me,onMouseEnter:ne,onMouseLeave:re,color:k,level:1})})}),[S,P,q,U,B,x,K,k]);return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)("div",v({className:($="paraui-vertical-menu-list vertical-menu-list",b&&($+=" "+b),$),onWheel:function(e){return function(e){var t=e.deltaY,i=g(Q.current.style.transform);X(i-=t)}(e)}},{children:[se,(0,e.jsx)("div",v({className:"vertical-menu-list-box"},{children:(0,e.jsxs)("div",v({className:"vertical-menu-list-box-srcoll",ref:Q},{children:[ue,ce]}))})),ve]})),fe]})},b=u(1919),y=u.n(b),w=u(5602),k=u.n(w),j=function(){return j=Object.assign||function(e){for(var t,i=1,n=arguments.length;i<n;i++)for(var r in t=arguments[i])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},j.apply(this,arguments)},M=function(t){var i,n=t.expansion,r=void 0===n||n,o=t.expandIcon,p=t.shrinkIcon,a=t.customizeContent,m=t.clickExpansion,l=t.version,u=t.className,c=function(){m&&m(!r)};return(0,e.jsx)("div",j({className:(i="footer-expansion paraui-footer-expansion",u&&(i+=" "+u),r||(i+=" footer-expansion-shrink"),i)},{children:function(){if(a)return a;return(0,e.jsxs)(e.Fragment,{children:[r?o||(0,e.jsx)(y(),{onClick:c}):p||(0,e.jsx)(k(),{onClick:c}),r&&l&&(0,e.jsx)("span",j({className:"version"},{children:l}))]})}()}))},O=(u(6881),function(){return O=Object.assign||function(e){for(var t,i=1,n=arguments.length;i<n;i++)for(var r in t=arguments[i])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},O.apply(this,arguments)}),N=function(i){var n=i.color,o=void 0===n?"deep":n,p=i.logoProps,a=i.menuListProps,m=i.expansion,l=void 0===m||m,u=i.onClickExpansion,c=i.selectMenu,s=i.onClickMenu,v=i.className,f=i.style,d=i.shrinkOthers,h=void 0===d||d,g=i.footerExpansionProps,b=i.showExpansion,y=void 0===b||b,w=(0,t.useState)(!0),k=w[0],j=w[1];(0,t.useEffect)((function(){l!==k&&j(l)}),[l]);var N,S=function(){u&&u(!k)},E=(0,t.useMemo)((function(){return i.logoProps&&(0,e.jsx)(r,O({},p,{expansion:k}))}),[p,k]),_=(0,t.useMemo)((function(){return i.menuListProps&&(0,e.jsx)(x,O({},a,{color:o,expansion:k,selectMenu:c,onClickMenu:s,shrinkOthers:h}))}),[a,k,c,s,o]),C=(0,t.useMemo)((function(){return y?(0,e.jsx)(M,O({clickExpansion:S},g,{expansion:k})):null}),[k,u,g,u,y]);return(0,e.jsxs)("div",O({className:(N="vertical-menu paraui-vertical-menu",v&&(N+=" "+v),o&&(N+=" paraui-vertical-menu-"+o),l||(N+=" vertical-menu-shrink"),N),style:f},{children:[E,_,C]}))},S=N}(),c}()}));

package/README.md

@@ -1,3 +1,9 @@
+## 版本: 2.2.23
+
+     para-ui/core@2.2.23 发布
+       【Title】增加标题组件
+       【CollapseLayout】增加分栏收缩容器
+
 ## 版本: 2.2.22
 
      para-ui/core@2.2.22 发布

package/Title/index.d.ts

@@ -0,0 +1,30 @@
+/**
+ * @author Hanz
+ * @date 2022/8/11 2:54 PM
+ * @description 标题
+ */
+import React, { FC, ReactNode } from 'react';
+import './index.scss';
+interface TitleProps {
+    /** 标题 **/
+    title: ReactNode;
+    /** 副标题 **/
+    subTitle?: ReactNode;
+    /** 图标 **/
+    icon?: ReactNode;
+    /** 链接 **/
+    link?: {
+        href: string;
+        text: ReactNode;
+        target?: string;
+        onClick?: React.MouseEventHandler<HTMLElement>;
+    };
+    /** 尺寸，仅在 icon 存在时有效 **/
+    size?: 'small' | 'medium' | 'large';
+    /** cls */
+    className?: string;
+    /** style */
+    style?: React.CSSProperties;
+}
+export declare const Title: FC<TitleProps>;
+export default Title;

package/Title/index.js

@@ -0,0 +1,15 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("clsx")):"function"==typeof define&&define.amd?define(["react","clsx"],t):"object"==typeof exports?exports.ParaUI=t(require("react"),require("clsx")):e.ParaUI=t(e.react,e.clsx)}(self,(function(e,t){return function(){var n={9194:function(e,t,n){(t=n(3645)(!1)).push([e.id,".paraui-title{display:flex;align-items:center;line-height:20px}.paraui-title .title-ink{width:4px;height:14px;background-color:#3666d6;border-radius:2px}.paraui-title .title-icon{display:inline-flex}.paraui-title .title-text{margin-left:8px;font-size:14px;font-weight:700;color:#1c293c}.paraui-title .title-subtext{margin-left:12px;font-size:14px;font-weight:400;color:rgba(46,55,67,.4)}.paraui-title .title-link{margin-left:12px;text-decoration:none;outline:none;font-size:14px;font-weight:400;color:#3666d6}.paraui-title.paraui-title-large .title-icon svg{font-size:30px}.paraui-title.paraui-title-large .title-text{font-size:18px}.paraui-title.paraui-title-medium .title-icon svg{font-size:24px}.paraui-title.paraui-title-medium .title-text{font-size:16px}.paraui-title.paraui-title-small .title-icon svg{font-size:20px}.paraui-title.paraui-title-small .title-text{margin-left:4px}",""]),e.exports=t},3645:function(e){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=function(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var i=(a=r,c=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),l="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(c),"/*# ".concat(l," */")),o=r.sources.map((function(e){return"/*# sourceURL=".concat(r.sourceRoot||"").concat(e," */")}));return[n].concat(o).concat([i]).join("\n")}var a,c,l;return[n].join("\n")}(t,e);return t[2]?"@media ".concat(t[2]," {").concat(n,"}"):n})).join("")},t.i=function(e,n,r){"string"==typeof e&&(e=[[null,e,""]]);var i={};if(r)for(var o=0;o<this.length;o++){var a=this[o][0];null!=a&&(i[a]=!0)}for(var c=0;c<e.length;c++){var l=[].concat(e[c]);r&&i[l[0]]||(n&&(l[2]?l[2]="".concat(n," and ").concat(l[2]):l[2]=n),t.push(l))}},t}},7418:function(e){"use strict";
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;function i(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 t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(e){r[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,o){for(var a,c,l=i(e),s=1;s<arguments.length;s++){for(var u in a=Object(arguments[s]))n.call(a,u)&&(l[u]=a[u]);if(t){c=t(a);for(var f=0;f<c.length;f++)r.call(a,c[f])&&(l[c[f]]=a[c[f]])}}return l}},5251:function(e,t,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(60107,"function"==typeof Symbol&&Symbol.for){var o=Symbol.for;i=o("react.element"),o("react.fragment")}var a=r.__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,t,n){var r,o={},s=null,u=null;for(r in void 0!==n&&(s=""+n),void 0!==t.key&&(s=""+t.key),void 0!==t.ref&&(u=t.ref),t)c.call(t,r)&&!l.hasOwnProperty(r)&&(o[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===o[r]&&(o[r]=t[r]);return{$$typeof:i,type:e,key:s,ref:u,props:o,_owner:a.current}}t.jsx=s,t.jsxs=s},5893:function(e,t,n){"use strict";e.exports=n(5251)},461:function(e,t,n){var r=n(3379),i=n(9194);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:("body","body"),singleton:!1};r(i,o);e.exports=i.locals||{}},3379:function(e,t,n){"use strict";var r,i=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},o=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),a=[];function c(e){for(var t=-1,n=0;n<a.length;n++)if(a[n].identifier===e){t=n;break}return t}function l(e,t){for(var n={},r=[],i=0;i<e.length;i++){var o=e[i],l=t.base?o[0]+t.base:o[0],s=n[l]||0,u="".concat(l," ").concat(s);n[l]=s+1;var f=c(u),p={css:o[1],media:o[2],sourceMap:o[3]};-1!==f?(a[f].references++,a[f].updater(p)):a.push({identifier:u,updater:h(p,t),references:1}),r.push(u)}return r}function s(e){var t=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var i=n.nc;i&&(r.nonce=i)}if(Object.keys(r).forEach((function(e){t.setAttribute(e,r[e])})),"function"==typeof e.insert)e.insert(t);else{var a=o(e.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(t)}return t}var u,f=(u=[],function(e,t){return u[e]=t,u.filter(Boolean).join("\n")});function p(e,t,n,r){var i=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(e.styleSheet)e.styleSheet.cssText=f(t,i);else{var o=document.createTextNode(i),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(o,a[t]):e.appendChild(o)}}function d(e,t,n){var r=n.css,i=n.media,o=n.sourceMap;if(i?e.setAttribute("media",i):e.removeAttribute("media"),o&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var v=null,m=0;function h(e,t){var n,r,i;if(t.singleton){var o=m++;n=v||(v=s(t)),r=p.bind(null,n,o,!1),i=p.bind(null,n,o,!0)}else n=s(t),r=d.bind(null,n,t),i=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else i()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=i());var n=l(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var r=0;r<n.length;r++){var i=c(n[r]);a[i].references--}for(var o=l(e,t),s=0;s<n.length;s++){var u=c(n[s]);0===a[u].references&&(a[u].updater(),a.splice(u,1))}n=o}}}},5744:function(e){"use strict";e.exports=t},8156:function(t){"use strict";t.exports=e}},r={};function i(e){var t=r[e];if(void 0!==t)return t.exports;var o=r[e]={id:e,exports:{}};return n[e](o,o.exports,i),o.exports}i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,{a:t}),t},i.d=function(e,t){for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.nc=void 0;var o={};return function(){"use strict";i.r(o),i.d(o,{Title:function(){return a}});var e=i(5893),t=i(5744),n=i.n(t),r=(i(461),function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},r.apply(this,arguments)}),a=function(t){var i=t.title,o=t.subTitle,a=t.icon,c=t.link,l=t.size,s=void 0===l?"medium":l,u=t.className,f=t.style,p=n()("paraui-title",u,a&&"paraui-title-".concat(s));return(0,e.jsxs)("div",r({className:p,style:f},{children:[a?(0,e.jsx)("span",r({className:"title-icon"},{children:a})):(0,e.jsx)("span",{className:"title-ink"}),(0,e.jsx)("span",r({className:"title-text"},{children:i})),o&&(0,e.jsx)("span",r({className:"title-subtext"},{children:o})),c&&(0,e.jsx)("a",r({className:"title-link",target:c.target||"_blank",href:c.href,onClick:c.onClick},{children:c.text}))]}))};o.default=a}(),o}()}));

package/cdn/CollapseLayout/index.js

@@ -0,0 +1,29 @@
+!function(t,a){"object"==typeof exports&&"object"==typeof module?module.exports=a(require("react")):"function"==typeof define&&define.amd?define(["react"],a):"object"==typeof exports?exports.ParaUI=a(require("react")):t.ParaUI=a(t.react)}(self,(function(t){return function(){var a={59116:function(t,a,e){(a=e(23645)(!1)).push([t.id,'.paraui-collapse-layout{height:100%;width:100%;position:relative;overflow:hidden}.paraui-collapse-layout .collapse-layout-icon-transform-top{transform:rotate(90deg)}.paraui-collapse-layout .collapse-layout-icon-transform-bottom{transform:rotate(-90deg)}.paraui-collapse-layout .collapse-layout-icon-transform-right{transform:rotate(180deg)}.paraui-collapse-layout .collapse-layout-display{overflow:hidden}.paraui-collapse-layout.paraui-collapse-layout-left .collapse-layout-click span,.paraui-collapse-layout.paraui-collapse-layout-right .collapse-layout-click span,.paraui-collapse-layout.paraui-collapse-layout-top .collapse-layout-click span,.paraui-collapse-layout.paraui-collapse-layout-bottom .collapse-layout-click span{font-size:12px;font-weight:400;text-align:center;color:#3666d6}.paraui-collapse-layout.paraui-collapse-layout-right .collapse-layout-click{position:absolute;top:50%;left:"";width:20px;height:72px;background:rgba(171,176,185,.12);text-align:center;cursor:pointer;line-height:23px;margin-top:-36px;z-index:1;display:grid;transition-property:right;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0ms;right:0px;border-radius:4px 0 0 4px;border-right:1px solid #3666d6}.paraui-collapse-layout.paraui-collapse-layout-right .collapse-layout-click>svg{align-self:center;justify-self:center}.paraui-collapse-layout.paraui-collapse-layout-right .collapse-layout-display-shadow{transition-property:margin-right;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0ms}.paraui-collapse-layout.paraui-collapse-layout-left .collapse-layout-click{position:absolute;top:50%;left:0;width:20px;height:72px;background:rgba(171,176,185,.12);text-align:center;cursor:pointer;line-height:23px;margin-top:-36px;z-index:1;display:grid;transition-property:left;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0ms;border-left:1px solid #3666d6;border-radius:0 4px 4px 0}.paraui-collapse-layout.paraui-collapse-layout-left .collapse-layout-click>svg{align-self:center;justify-self:center}.paraui-collapse-layout.paraui-collapse-layout-left .collapse-layout-display-shadow{transition-property:margin-left;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0ms}.paraui-collapse-layout.paraui-collapse-layout-left>div,.paraui-collapse-layout.paraui-collapse-layout-right>div{display:inline-block;vertical-align:middle;height:100%;position:relative}.paraui-collapse-layout.paraui-collapse-layout-left .collapse-layout-display-shadow,.paraui-collapse-layout.paraui-collapse-layout-right .collapse-layout-display-shadow{height:100%}.paraui-collapse-layout.paraui-collapse-layout-left .collapse-layout-display,.paraui-collapse-layout.paraui-collapse-layout-left .collapse-layout-default,.paraui-collapse-layout.paraui-collapse-layout-right .collapse-layout-display,.paraui-collapse-layout.paraui-collapse-layout-right .collapse-layout-default{transition:width}.paraui-collapse-layout.paraui-collapse-layout-top .collapse-layout-click{position:absolute;top:0;left:50%;width:72px;height:20px;background:rgba(171,176,185,.12);text-align:center;cursor:pointer;line-height:23px;margin-top:0;z-index:1;display:grid;transition-property:top;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0ms;margin-left:-36px;border-top:1px solid #3666d6;border-radius:0 0 4px 4px}.paraui-collapse-layout.paraui-collapse-layout-top .collapse-layout-click>svg{align-self:center;justify-self:center}.paraui-collapse-layout.paraui-collapse-layout-top .collapse-layout-display-shadow{transition-property:margin-top}.paraui-collapse-layout.paraui-collapse-layout-bottom .collapse-layout-click{position:absolute;top:"";left:50%;width:72px;height:20px;background:rgba(171,176,185,.12);text-align:center;cursor:pointer;line-height:23px;margin-top:0;z-index:1;display:grid;transition-property:bottom;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0ms;margin-left:-36px;bottom:0px;border-bottom:1px solid #3666d6;border-radius:4px 4px 0 0}.paraui-collapse-layout.paraui-collapse-layout-bottom .collapse-layout-click>svg{align-self:center;justify-self:center}.paraui-collapse-layout.paraui-collapse-layout-bottom .collapse-layout-display-shadow{transition-property:margin-bottom;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0ms}.paraui-collapse-layout.paraui-collapse-layout-top .collapse-layout-display,.paraui-collapse-layout.paraui-collapse-layout-top .collapse-layout-default,.paraui-collapse-layout.paraui-collapse-layout-bottom .collapse-layout-display,.paraui-collapse-layout.paraui-collapse-layout-bottom .collapse-layout-default{transition-property:height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0ms}.paraui-collapse-layout.paraui-collapse-layout-top .collapse-layout-display-shadow,.paraui-collapse-layout.paraui-collapse-layout-bottom .collapse-layout-display-shadow{width:100%}.paraui-collapse-layout.paraui-collapse-layout-top>div,.paraui-collapse-layout.paraui-collapse-layout-bottom>div{display:block;width:100%;position:relative}',""]),t.exports=a},23645:function(t){"use strict";t.exports=function(t){var a=[];return a.toString=function(){return this.map((function(a){var e=function(t,a){var e=t[1]||"",o=t[3];if(!o)return e;if(a&&"function"==typeof btoa){var r=(l=o,i=btoa(unescape(encodeURIComponent(JSON.stringify(l)))),c="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(i),"/*# ".concat(c," */")),n=o.sources.map((function(t){return"/*# sourceURL=".concat(o.sourceRoot||"").concat(t," */")}));return[e].concat(n).concat([r]).join("\n")}var l,i,c;return[e].join("\n")}(a,t);return a[2]?"@media ".concat(a[2]," {").concat(e,"}"):e})).join("")},a.i=function(t,e,o){"string"==typeof t&&(t=[[null,t,""]]);var r={};if(o)for(var n=0;n<this.length;n++){var l=this[n][0];null!=l&&(r[l]=!0)}for(var i=0;i<t.length;i++){var c=[].concat(t[i]);o&&r[c[0]]||(e&&(c[2]?c[2]="".concat(e," and ").concat(c[2]):c[2]=e),a.push(c))}},a}},27418:function(t){"use strict";
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/var a=Object.getOwnPropertySymbols,e=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable;function r(t){if(null==t)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(t)}t.exports=function(){try{if(!Object.assign)return!1;var t=new String("abc");if(t[5]="de","5"===Object.getOwnPropertyNames(t)[0])return!1;for(var a={},e=0;e<10;e++)a["_"+String.fromCharCode(e)]=e;if("0123456789"!==Object.getOwnPropertyNames(a).map((function(t){return a[t]})).join(""))return!1;var o={};return"abcdefghijklmnopqrst".split("").forEach((function(t){o[t]=t})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},o)).join("")}catch(t){return!1}}()?Object.assign:function(t,n){for(var l,i,c=r(t),s=1;s<arguments.length;s++){for(var u in l=Object(arguments[s]))e.call(l,u)&&(c[u]=l[u]);if(a){i=a(l);for(var p=0;p<i.length;p++)o.call(l,i[p])&&(c[i[p]]=l[i[p]])}}return c}},75251:function(t,a,e){"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.
+ */e(27418);var o=e(8156),r=60103;if(a.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var n=Symbol.for;r=n("react.element"),a.Fragment=n("react.fragment")}var l=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,i=Object.prototype.hasOwnProperty,c={key:!0,ref:!0,__self:!0,__source:!0};function s(t,a,e){var o,n={},s=null,u=null;for(o in void 0!==e&&(s=""+e),void 0!==a.key&&(s=""+a.key),void 0!==a.ref&&(u=a.ref),a)i.call(a,o)&&!c.hasOwnProperty(o)&&(n[o]=a[o]);if(t&&t.defaultProps)for(o in a=t.defaultProps)void 0===n[o]&&(n[o]=a[o]);return{$$typeof:r,type:t,key:s,ref:u,props:n,_owner:l.current}}a.jsx=s,a.jsxs=s},85893:function(t,a,e){"use strict";t.exports=e(75251)},14944:function(t,a,e){var o=e(93379),r=e(59116);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[t.id,r,""]]);var n={insert:"head",singleton:!1};o(r,n);t.exports=r.locals||{}},93379:function(t,a,e){"use strict";var o,r=function(){return void 0===o&&(o=Boolean(window&&document&&document.all&&!window.atob)),o},n=function(){var t={};return function(a){if(void 0===t[a]){var e=document.querySelector(a);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(t){e=null}t[a]=e}return t[a]}}(),l=[];function i(t){for(var a=-1,e=0;e<l.length;e++)if(l[e].identifier===t){a=e;break}return a}function c(t,a){for(var e={},o=[],r=0;r<t.length;r++){var n=t[r],c=a.base?n[0]+a.base:n[0],s=e[c]||0,u="".concat(c," ").concat(s);e[c]=s+1;var p=i(u),d={css:n[1],media:n[2],sourceMap:n[3]};-1!==p?(l[p].references++,l[p].updater(d)):l.push({identifier:u,updater:h(d,a),references:1}),o.push(u)}return o}function s(t){var a=document.createElement("style"),o=t.attributes||{};if(void 0===o.nonce){var r=e.nc;r&&(o.nonce=r)}if(Object.keys(o).forEach((function(t){a.setAttribute(t,o[t])})),"function"==typeof t.insert)t.insert(a);else{var l=n(t.insert||"head");if(!l)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");l.appendChild(a)}return a}var u,p=(u=[],function(t,a){return u[t]=a,u.filter(Boolean).join("\n")});function d(t,a,e,o){var r=e?"":o.media?"@media ".concat(o.media," {").concat(o.css,"}"):o.css;if(t.styleSheet)t.styleSheet.cssText=p(a,r);else{var n=document.createTextNode(r),l=t.childNodes;l[a]&&t.removeChild(l[a]),l.length?t.insertBefore(n,l[a]):t.appendChild(n)}}function f(t,a,e){var o=e.css,r=e.media,n=e.sourceMap;if(r?t.setAttribute("media",r):t.removeAttribute("media"),n&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(n))))," */")),t.styleSheet)t.styleSheet.cssText=o;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(o))}}var y=null,m=0;function h(t,a){var e,o,r;if(a.singleton){var n=m++;e=y||(y=s(a)),o=d.bind(null,e,n,!1),r=d.bind(null,e,n,!0)}else e=s(a),o=f.bind(null,e,a),r=function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(e)};return o(t),function(a){if(a){if(a.css===t.css&&a.media===t.media&&a.sourceMap===t.sourceMap)return;o(t=a)}else r()}}t.exports=function(t,a){(a=a||{}).singleton||"boolean"==typeof a.singleton||(a.singleton=r());var e=c(t=t||[],a);return function(t){if(t=t||[],"[object Array]"===Object.prototype.toString.call(t)){for(var o=0;o<e.length;o++){var r=i(e[o]);l[r].references--}for(var n=c(t,a),s=0;s<e.length;s++){var u=i(e[s]);0===l[u].references&&(l[u].updater(),l.splice(u,1))}e=n}}}},8156:function(a){"use strict";a.exports=t}},e={};function o(t){var r=e[t];if(void 0!==r)return r.exports;var n=e[t]={id:t,exports:{}};return a[t](n,n.exports,o),n.exports}o.n=function(t){var a=t&&t.__esModule?function(){return t.default}:function(){return t};return o.d(a,{a:a}),a},o.d=function(t,a){for(var e in a)o.o(a,e)&&!o.o(t,e)&&Object.defineProperty(t,e,{enumerable:!0,get:a[e]})},o.o=function(t,a){return Object.prototype.hasOwnProperty.call(t,a)},o.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},o.nc=void 0;var r={};return function(){"use strict";o.r(r),o.d(r,{default:function(){return f}});var t=o(8156),a=o.n(t),e=o(85893);!function(t,a){void 0===a&&(a={});var e=a.insertAt;if(t&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===e&&o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.styleSheet?r.styleSheet.cssText=t:r.appendChild(document.createTextNode(t))}}('@charset "UTF-8";\n/**\n* @author Hanz\n* @date 2021/8/25 下午3:16\n* @description icons scss\n*/\n.paraui-icon {\n  width: 1em;\n  height: 1em;\n  fill: currentColor;\n  display: inline-block;\n  user-select: none;\n  flex-shrink: 0;\n}\n.paraui-icon-primary {\n  color: #3666d6;\n}\n.paraui-icon-secondary {\n  color: #3666d6;\n}\n.paraui-icon-thirdary {\n  color: #3666d6;\n}\n.paraui-icon-small {\n  font-size: 16px;\n}\n.paraui-icon-medium {\n  font-size: 18px;\n}\n.paraui-icon-large {\n  font-size: 20px;\n}');var n=function(t){var a,o,r=t.path,n=t.className,l=t.color,i=void 0===l?"primary":l,c=t.size,s=void 0===c?"small":c,u=t.dataName,p=void 0===u?"":u,d=t.style,f=
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+function(t,a){var e={};for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&a.indexOf(o)<0&&(e[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(t);r<o.length;r++)a.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(t,o[r])&&(e[o[r]]=t[o[r]])}return e}(t,["path","className","color","size","dataName","style"]);return(0,e.jsx)("svg",Object.assign({className:(o="paraui-icon",o+=" svg-icon",n&&(o+=" "+n),"primary"!==i&&"secondary"!==i&&"thirdary"!==i||(o+=" paraui-icon-"+i),s&&(o+=" paraui-icon-"+s),o),viewBox:"0 0 1024 1024","data-name":p,style:(a=Object.assign({},d),i&&"primary"!==i&&"secondary"!==i&&"thirdary"!==i&&(a.color=i),a)},f,{children:r}))},l=function(t){return(0,e.jsx)(n,Object.assign({dataName:"DoubleLeft",path:(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("path",{d:"M547.242667 813.696a42.666667 42.666667 0 0 0-12.501334-30.165333l-271.530666-271.573334 271.530666-271.488a42.666667 42.666667 0 0 0-60.330666-60.330666l-301.696 301.653333a42.666667 42.666667 0 0 0 0 60.330667l301.696 301.738666a42.666667 42.666667 0 0 0 72.832-30.165333z"}),(0,e.jsx)("path",{d:"M863.744 813.696a42.666667 42.666667 0 0 0-12.501333-30.165333l-271.530667-271.573334 271.530667-271.488a42.666667 42.666667 0 0 0-60.330667-60.330666l-301.696 301.653333a42.666667 42.666667 0 0 0 0 60.330667l301.696 301.738666a42.666667 42.666667 0 0 0 72.832-30.165333z"})]})},t))},i=function(t){return(0,e.jsx)(n,Object.assign({dataName:"DoubleRight",path:(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("path",{d:"M476.757333 813.696a42.666667 42.666667 0 0 1 12.501334-30.165333l271.530666-271.573334-271.530666-271.488a42.666667 42.666667 0 0 1 60.330666-60.330666l301.696 301.653333a42.666667 42.666667 0 0 1 0 60.373333l-301.696 301.696a42.666667 42.666667 0 0 1-72.832-30.165333z"}),(0,e.jsx)("path",{d:"M160.256 813.696a42.666667 42.666667 0 0 1 12.501333-30.165333l271.530667-271.573334-271.530667-271.488a42.666667 42.666667 0 0 1 60.330667-60.330666l301.696 301.653333a42.666667 42.666667 0 0 1 0 60.373333l-301.696 301.696a42.666667 42.666667 0 0 1-72.832-30.165333z"})]})},t))};function c(t){var a,e,o="";if("string"==typeof t||"number"==typeof t)o+=t;else if("object"==typeof t)if(Array.isArray(t))for(a=0;a<t.length;a++)t[a]&&(e=c(t[a]))&&(o&&(o+=" "),o+=e);else for(a in t)t[a]&&(o&&(o+=" "),o+=a);return o}function s(){for(var t,a,e=0,o="";e<arguments.length;)(t=arguments[e++])&&(a=c(t))&&(o&&(o+=" "),o+=a);return o}o(14944);function u(t,a){(null==a||a>t.length)&&(a=t.length);for(var e=0,o=new Array(a);e<a;e++)o[e]=t[e];return o}function p(t,a,e){return a in t?Object.defineProperty(t,a,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[a]=e,t}function d(t,a){return function(t){if(Array.isArray(t))return t}(t)||function(t,a){var e=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=e){var o,r,n=[],l=!0,i=!1;try{for(e=e.call(t);!(l=(o=e.next()).done)&&(n.push(o.value),!a||n.length!==a);l=!0);}catch(t){i=!0,r=t}finally{try{l||null==e.return||e.return()}finally{if(i)throw r}}return n}}(t,a)||function(t,a){if(!t)return;if("string"==typeof t)return u(t,a);var e=Object.prototype.toString.call(t).slice(8,-1);"Object"===e&&t.constructor&&(e=t.constructor.name);if("Map"===e||"Set"===e)return Array.from(e);if("Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return u(t,a)}(t,a)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var f=function(e){var o,r,n,c=e.type,u=void 0===c?"left":c,f=e.showLabel,y=e.open,m=void 0!==y&&y,h=e.hideLabel,g=e.spacing,b=void 0===g?20:g,v=e.zoomLength,x=void 0===v?0:v,j=e.unit,w=void 0===j?"px":j,O=e.style,k=e.className,S=void 0===k?"":k,N=(0,t.useRef)(null),E=(o=N.current)?function(t){if(!t)return 0;var a=t/36;return Math.round(10*(4+15*Math.pow(a,.25)+a/5))}(o.getBoundingClientRect().width):0,C=d((0,t.useState)(),2),z=C[0],_=C[1],M={layout:{left:["display","default"],right:["default","display"],top:["display","default"],bottom:["default","display"]}},P=function(t){return t.slice(0,1).toUpperCase()+t.slice(1)},T=function(){var t="width";return"top"!==u&&"bottom"!==u||(t="height"),t},A=function(){var t={},a="margin".concat(P(u));return t[T()]=x+w,t[a]=(z?0:x)+w,t.transitionDuration=E+"ms",t},I=function(){var t={},a=T(),e=z?x:0;return t[a]="calc(100% - ".concat(e+b).concat(w),t["margin".concat(P(u))]=b+w,t.transitionDuration=E+"ms",t};return(0,t.useEffect)((function(){_(m)}),[m]),a().createElement("div",{className:s("paraui-collapse-layout","paraui-collapse-layout-".concat(z),"paraui-collapse-layout-".concat(u),"paraui-collapse-layout-".concat(u,"-").concat(z),S),style:O},(n=z?f:h,a().createElement("div",{className:"collapse-layout-click collapse-layout-click-label-".concat(!!n),style:(r={},p(r,u,"".concat(z?x:0).concat(w)),p(r,"transitionDuration",E+"ms"),r),onClick:function(){return _(!z)}},n&&a().createElement("span",null,n),z?a().createElement(l,{className:"collapse-layout-icon-transform-".concat(u)}):a().createElement(i,{className:"collapse-layout-icon-transform-".concat(u)}))),M.layout[u].map((function(t,o){return"display"===t?a().createElement("div",{key:o,className:"collapse-layout-display",style:(r={},n=(z?x:0)+w,r[T()]=n,r.transitionDuration=E+"ms",r)},a().createElement("div",{className:"collapse-layout-display-shadow",style:A(),ref:N},e.displayContent)):a().createElement("div",{key:o,className:"collapse-layout-default",style:I()},e.defaultContent);var r,n})))}}(),r}()}));

package/cdn/Title/index.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports.ParaUI=t(require("react")):e.ParaUI=t(e.react)}(self,(function(e){return function(){var t={29194:function(e,t,n){(t=n(23645)(!1)).push([e.id,".paraui-title{display:flex;align-items:center;line-height:20px}.paraui-title .title-ink{width:4px;height:14px;background-color:#3666d6;border-radius:2px}.paraui-title .title-icon{display:inline-flex}.paraui-title .title-text{margin-left:8px;font-size:14px;font-weight:700;color:#1c293c}.paraui-title .title-subtext{margin-left:12px;font-size:14px;font-weight:400;color:rgba(46,55,67,.4)}.paraui-title .title-link{margin-left:12px;text-decoration:none;outline:none;font-size:14px;font-weight:400;color:#3666d6}.paraui-title.paraui-title-large .title-icon svg{font-size:30px}.paraui-title.paraui-title-large .title-text{font-size:18px}.paraui-title.paraui-title-medium .title-icon svg{font-size:24px}.paraui-title.paraui-title-medium .title-text{font-size:16px}.paraui-title.paraui-title-small .title-icon svg{font-size:20px}.paraui-title.paraui-title-small .title-text{margin-left:4px}",""]),e.exports=t},23645:function(e){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=function(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var i=(a=r,c=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),l="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(c),"/*# ".concat(l," */")),o=r.sources.map((function(e){return"/*# sourceURL=".concat(r.sourceRoot||"").concat(e," */")}));return[n].concat(o).concat([i]).join("\n")}var a,c,l;return[n].join("\n")}(t,e);return t[2]?"@media ".concat(t[2]," {").concat(n,"}"):n})).join("")},t.i=function(e,n,r){"string"==typeof e&&(e=[[null,e,""]]);var i={};if(r)for(var o=0;o<this.length;o++){var a=this[o][0];null!=a&&(i[a]=!0)}for(var c=0;c<e.length;c++){var l=[].concat(e[c]);r&&i[l[0]]||(n&&(l[2]?l[2]="".concat(n," and ").concat(l[2]):l[2]=n),t.push(l))}},t}},27158:function(e,t,n){var r=n(93379),i=n(29194);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{}},93379:function(e,t,n){"use strict";var r,i=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},o=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),a=[];function c(e){for(var t=-1,n=0;n<a.length;n++)if(a[n].identifier===e){t=n;break}return t}function l(e,t){for(var n={},r=[],i=0;i<e.length;i++){var o=e[i],l=t.base?o[0]+t.base:o[0],u=n[l]||0,s="".concat(l," ").concat(u);n[l]=u+1;var f=c(s),p={css:o[1],media:o[2],sourceMap:o[3]};-1!==f?(a[f].references++,a[f].updater(p)):a.push({identifier:s,updater:h(p,t),references:1}),r.push(s)}return r}function u(e){var t=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var i=n.nc;i&&(r.nonce=i)}if(Object.keys(r).forEach((function(e){t.setAttribute(e,r[e])})),"function"==typeof e.insert)e.insert(t);else{var a=o(e.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(t)}return t}var s,f=(s=[],function(e,t){return s[e]=t,s.filter(Boolean).join("\n")});function p(e,t,n,r){var i=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(e.styleSheet)e.styleSheet.cssText=f(t,i);else{var o=document.createTextNode(i),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(o,a[t]):e.appendChild(o)}}function d(e,t,n){var r=n.css,i=n.media,o=n.sourceMap;if(i?e.setAttribute("media",i):e.removeAttribute("media"),o&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var m=null,v=0;function h(e,t){var n,r,i;if(t.singleton){var o=v++;n=m||(m=u(t)),r=p.bind(null,n,o,!1),i=p.bind(null,n,o,!0)}else n=u(t),r=d.bind(null,n,t),i=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else i()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=i());var n=l(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var r=0;r<n.length;r++){var i=c(n[r]);a[i].references--}for(var o=l(e,t),u=0;u<n.length;u++){var s=c(n[u]);0===a[s].references&&(a[s].updater(),a.splice(s,1))}n=o}}}},8156:function(t){"use strict";t.exports=e}},n={};function r(e){var i=n[e];if(void 0!==i)return i.exports;var o=n[e]={id:e,exports:{}};return t[e](o,o.exports,r),o.exports}r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},r.d=function(e,t){for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.nc=void 0;var i={};return function(){"use strict";r.r(i),r.d(i,{Title:function(){return o},default:function(){return a}});var e=r(8156),t=r.n(e);function n(e){var t,r,i="";if("string"==typeof e||"number"==typeof e)i+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(r=n(e[t]))&&(i&&(i+=" "),i+=r);else for(t in e)e[t]&&(i&&(i+=" "),i+=t);return i}r(27158);var o=function(e){var r=e.title,i=e.subTitle,o=e.icon,a=e.link,c=e.size,l=void 0===c?"medium":c,u=e.className,s=e.style,f=function(){for(var e,t,r=0,i="";r<arguments.length;)(e=arguments[r++])&&(t=n(e))&&(i&&(i+=" "),i+=t);return i}("paraui-title",u,o&&"paraui-title-".concat(l));return t().createElement("div",{className:f,style:s},o?t().createElement("span",{className:"title-icon"},o):t().createElement("span",{className:"title-ink"}),t().createElement("span",{className:"title-text"},r),i&&t().createElement("span",{className:"title-subtext"},i),a&&t().createElement("a",{className:"title-link",target:a.target||"_blank",href:a.href,onClick:a.onClick},a.text))},a=o}(),i}()}));

package/index.d.ts

@@ -20,6 +20,8 @@ export { default as Collapse } from './Collapse';
 export * from './Collapse';
 export { default as CollapseBox } from './CollapseBox';
 export * from './CollapseBox';
+export { default as CollapseLayout } from './CollapseLayout';
+export * from './CollapseLayout';
 export { default as ColorPicker } from './ColorPicker';
 export * from './ColorPicker';
 export { default as ComboSelect } from './ComboSelect';
@@ -122,6 +124,8 @@ export { default as TimePicker } from './TimePicker';
 export * from './TimePicker';
 export { default as Timeline } from './Timeline';
 export * from './Timeline';
+export { default as Title } from './Title';
+export * from './Title';
 export { default as ToggleButton } from './ToggleButton';
 export * from './ToggleButton';
 export { default as Tooltip } from './Tooltip';