@zjpcy/simple-design 1.3.7 → 1.3.8-test

package/dist/es/Dropdown/index.js

@@ -1 +1 @@
-import{jsx as n,jsxs as e}from"react/jsx-runtime";import{useState as o,useRef as r,useEffect as t}from"react";import i from"react-dom";import d from"classnames";import l from"../Icon/Icon.js";import c from"../Button/Button.js";var a=function(a){var u=a.items,s=a.type,m=void 0===s?"text":s,p=a.children,w=a.trigger,f=void 0===w?"click":w,v=a.placement,h=void 0===v?"bottom":v,b=a.disabled,g=void 0!==b&&b,y=a.open,N=a.ellipsis,k=void 0===N||N,C=a.className,x=a.style,T=a.contentStyles,j=a.getContainer,E=a.onVisibleChange,L=a.onChange,B=void 0!==y,D=o(!1),I=D[0],M=D[1],z=o(!1),P=z[0],S=z[1],V=B?y:I,q=r(null),A=r(null),F=r(null);t(function(){return function(){F.current&&clearTimeout(F.current)}},[]),t(function(){var n=function(n){q.current&&!q.current.contains(n.target)&&G()};return V&&document.addEventListener("mousedown",n),function(){document.removeEventListener("mousedown",n)}},[V,E,B]);var G=function(){S(!0),F.current&&clearTimeout(F.current),F.current=setTimeout(function(){S(!1),B||M(!1),null==E||E(!1)},200)},H=function(){F.current&&(clearTimeout(F.current),F.current=null),S(!1),B||M(!0),null==E||E(!0)},J=function(){g||"click"===f&&(V||P?G():H())},K=function(){g||"hover"!==f||H()},O=function(){g||"hover"!==f||G()};return n("div",{ref:q,className:d("dropdown",C,{"dropdown--disabled":g}),style:x,children:e("div",{className:"dropdown-content-wrapper",children:["button"===m?n(c,{variant:"secondary",size:"medium",disabled:g,onClick:J,icon:"caret-down",children:p||"Dropdown"}):e("div",{ref:A,className:d("dropdown-trigger",{"dropdown-trigger--text":"text"===m,"dropdown-trigger--disabled":g}),onClick:J,onMouseEnter:K,onMouseLeave:O,children:[p||"Dropdown",n(l,{type:"caret-down",className:"dropdown-arrow"})]}),function(){if(!u||0===u.length||!V&&!P)return null;var o=n("div",{className:d("dropdown-menu dropdown-menu--".concat(h," dropdown-menu--p-").concat(h),{"dropdown-menu--visible":V&&!P,"dropdown-menu--closing":P}),children:n("ul",{className:"dropdown-list",style:T,children:u.map(function(o){return e("li",{className:d("dropdown-item",{"dropdown-item--disabled":o.disabled}),onClick:function(){return function(n){var e;n.disabled||(null===(e=n.onClick)||void 0===e||e.call(n),null==L||L(n),G())}(o)},children:[o.icon&&n("span",{className:"dropdown-item-icon",children:"string"==typeof o.icon?n(l,{type:o.icon}):o.icon}),n("span",{className:d("dropdown-item-label",{"dropdown-item-label--with-width":(null==T?void 0:T.width)&&!k,"dropdown-item-label--ellipsis":(null==T?void 0:T.width)&&k}),children:o.label})]},o.key)})})});if(j){var r=j();if(r)return i.createPortal(o,r)}return o}()]})})},u=a;export{a as Dropdown,u as default};
+import{jsx as n,jsxs as e}from"react/jsx-runtime";import{useState as o,useRef as r,useEffect as t}from"react";import i from"react-dom";import d from"classnames";import l from"../Icon/Icon.js";import c from"../Button/Button.js";var a=function(a){var u=a.items,s=a.type,m=void 0===s?"text":s,p=a.children,w=a.trigger,f=void 0===w?"click":w,v=a.placement,h=void 0===v?"bottom":v,b=a.disabled,g=void 0!==b&&b,N=a.open,y=a.ellipsis,k=void 0===y||y,C=a.className,x=a.style,T=a.contentStyles,j=a.getContainer,E=a.onVisibleChange,L=a.onChange,B=void 0!==N,D=o(!1),I=D[0],M=D[1],z=o(!1),P=z[0],S=z[1],V=B?N:I,q=r(null),A=r(null),F=r(null);t(function(){return function(){F.current&&clearTimeout(F.current)}},[]),t(function(){var n=function(n){q.current&&!q.current.contains(n.target)&&G()};return V&&document.addEventListener("mousedown",n),function(){document.removeEventListener("mousedown",n)}},[V,E,B]);var G=function(){S(!0),F.current&&clearTimeout(F.current),F.current=setTimeout(function(){S(!1),B||M(!1),null==E||E(!1)},200)},H=function(){F.current&&(clearTimeout(F.current),F.current=null),S(!1),B||M(!0),null==E||E(!0)},J=function(){g||"click"===f&&(V||P?G():H())},K=function(){g||"hover"!==f||H()},O=function(){g||"hover"!==f||G()};return n("div",{ref:q,className:d("dropdown",C,{"dropdown--disabled":g}),style:x,children:e("div",{className:"dropdown-content-wrapper",children:["button"===m?n(c,{variant:"secondary",size:"medium",disabled:g,onClick:J,icon:"caret-down",children:p||"Dropdown"}):e("div",{ref:A,className:d("dropdown-trigger",{"dropdown-trigger--text":"text"===m,"dropdown-trigger--disabled":g}),onClick:J,onMouseEnter:K,onMouseLeave:O,children:[p||"Dropdown",n(l,{type:"caret-down",className:"dropdown-arrow"})]}),function(){if(!u||0===u.length||!V&&!P)return null;var o=n("div",{className:d("dropdown-menu-wrapper",{"dropdown-menu-visible":V&&!P,"dropdown-menu-closing":P}),children:n("div",{className:d("dropdown-menu dropdown-menu--".concat(h," dropdown-menu--p-").concat(h)),children:n("ul",{className:"dropdown-list",style:T,children:u.map(function(o){return e("li",{className:d("dropdown-item",{"dropdown-item--disabled":o.disabled}),onClick:function(){return function(n){var e;n.disabled||(null===(e=n.onClick)||void 0===e||e.call(n),null==L||L(n),G())}(o)},children:[o.icon&&n("span",{className:"dropdown-item-icon",children:"string"==typeof o.icon?n(l,{type:o.icon}):o.icon}),n("span",{className:d("dropdown-item-label",{"dropdown-item-label--with-width":(null==T?void 0:T.width)&&!k,"dropdown-item-label--ellipsis":(null==T?void 0:T.width)&&k}),children:o.label})]},o.key)})})})});if(j){var r=j();if(r)return i.createPortal(o,r)}return o}()]})})},u=a;export{a as Dropdown,u as default};

package/dist/es/Menu/index.js

@@ -1 +1 @@
-import{__spreadArray as e}from"../node_modules/tslib/tslib.es6.js";import{jsxs as n,jsx as i,Fragment as t}from"react/jsx-runtime";import l,{useCallback as o,useRef as c,useState as a,useMemo as r,useEffect as d}from"react";import{useClickOutside as s}from"../Hooks/useClickOutside.js";var m=l.memo(function(e){var l,c,r,s,u=e.item,p=e.level,h=e.mode,v=e.collapsed,f=e.theme,g=e.openKeySet,y=e.selectedKey,b=e.onItemClick,N=e.onToggleOpen,k=!!u.children&&u.children.length>0,C=g.has(u.key),K=y===u.key,w="horizontal"===h,z="inline"===h,x="vertical-flat"===h,O=0===p,S=o(function(e){e.stopPropagation(),u.disabled||(k&&!x&&N(u.key),x&&k||b(u,u.key))},[u,b,N,k,x]),T=w&&O?16:z?12+24*p:v?0:12+16*p,A=C&&(!v||w),I=function(e){var n=a(e),i=n[0],t=n[1],l=a(e),o=l[0],c=l[1];return d(function(){var n;return e?(c(!0),n=requestAnimationFrame(function(){t(!0)})):(t(!1),n=setTimeout(function(){c(!1)},150)),function(){"number"==typeof n?cancelAnimationFrame(n):clearTimeout(n)}},[e]),{isVisible:i,shouldRender:o}}(A&&w&&O),j=I.isVisible,F=I.shouldRender,H=k&&(!v||!O)&&!x,M=f||"light";return n("div",{className:"idp-menu-item-wrapper ".concat(O?"root":""),children:[i("div",{className:"\n          idp-menu-item\n          ".concat(K?"selected":"","\n          ").concat(u.disabled?"disabled":"","\n          ").concat(k?"has-children":"","\n          ").concat(O?"root":"","\n          ").concat(v&&O?"collapsed":"","\n          ").concat(h,"\n          ").concat(M,"\n        "),style:{padding:"0px ".concat(T,"px")},title:v&&O?u.label:void 0,onClick:S,children:n("div",{className:"idp-menu-item-content",children:[v?i(t,{children:u.icon?i("span",{className:"idp-menu-item-icon collapsed",children:u.icon}):i("span",{className:"idp-menu-item-collapsed-label",children:(s=u.label,s.charAt(0).toUpperCase())})}):n(t,{children:[u.icon&&i("span",{className:"idp-menu-item-icon",children:u.icon}),n("div",{className:"idp-menu-item-text",children:[i("span",{className:"idp-menu-item-label",children:u.label}),u.description&&!k&&i("span",{className:"idp-menu-item-description",children:u.description})]})]}),H&&i("span",{className:"idp-menu-item-arrow ".concat(A?"open":""," ").concat(h),children:i("svg",{viewBox:"0 0 1024 1024",width:"10",height:"10",fill:"currentColor",children:i("path",{d:"M840.4 300H183.6c-19.7 0-30.7 25.7-18.5 40.5l328.4 402.4c9.4 11.6 26.7 11.6 36.1 0l328.4-402.4c12.2-14.8 1.2-40.5-18.5-40.5z"})})})]})}),k&&(!w||!O||F)&&i("div",{className:"idp-menu-submenu-wrapper ".concat(h," ").concat(w&&O?"horizontal-popup-wrapper":""," ").concat(x?"vertical-flat":""),children:i("div",{className:"idp-menu-submenu ".concat((c=w&&O?"horizontal-popup":"",r=z&&A?"open inline":"",x?"open vertical-flat":w&&O?"".concat(w&&O?j?"open":"":A?"open":""," ").concat(c).trim():z?r:A?"open":"")," ").concat(h),children:i("div",{className:"idp-menu-submenu-content",children:null===(l=u.children)||void 0===l?void 0:l.map(function(e){return i(m,{item:e,level:p+1,mode:h,collapsed:v,theme:f,openKeySet:g,selectedKey:y,onItemClick:b,onToggleOpen:N},e.key)})})})})]})});m.displayName="MenuItemComponent";var u=function(n){var t=n.mode,l=void 0===t?"vertical":t,u=n.items,p=n.className,h=void 0===p?"":p,v=n.style,f=n.selectedKey,g=n.defaultOpenKeys,y=void 0===g?[]:g,b=n.openKeys,N=n.collapsed,k=void 0!==N&&N,C=n.open,K=n.theme,w=void 0===K?"light":K,z=n.onChange,x=n.onOpenChange,O=c(null),S=a(!0)[0],T=a(y),A=T[0],I=T[1],j=a(""),F=j[0],H=j[1],M=void 0!==b,R=void 0!==f,V=M?b:A,q=R?f:F,B=void 0!==C?C:S,P=r(function(){return new Set(V)},[V]);d(function(){void 0!==f&&H(f)},[f]),d(function(){if(q&&!M&&"horizontal"!==l&&"vertical-flat"!==l){var n=function(i,t,l){void 0===l&&(l=[]);for(var o=0,c=i;o<c.length;o++){var a=c[o];if(a.key===t)return l;if(a.children&&a.children.length>0){var r=n(a.children,t,e(e([],l,!0),[a.key],!1));if(r.length>0)return r}}return[]},i=n(u,q);i.length>0&&I(function(n){var t=new Set(e(e([],n,!0),i,!0));return Array.from(t)})}},[q,u,M,l]);var U=o(function(e,n){R||H(n),null==z||z(e,n),"horizontal"===l&&(!e.children||0===e.children.length)&&V.length>0&&(M||I([]),null==x||x([]))},[z,R,l,V.length,M,x]),_=o(function(n){if(M){var i=P.has(n)?V.filter(function(e){return e!==n}):e(e([],V,!0),[n],!1);null==x||x(i)}else I(function(i){var t=i.includes(n)?i.filter(function(e){return e!==n}):e(e([],i,!0),[n],!1);return null==x||x(t),t})},[P,V,M,x]),D="horizontal"!==l&&k;return s(O,o(function(){"horizontal"===l&&V.length>0&&(M||I([]),null==x||x([]))},[l,V.length,M,x])),B?i("div",{ref:O,className:"idp-menu idp-menu-".concat(w," idp-menu-").concat(l," ").concat(D?"collapsed":""," ").concat(h),style:v,role:"menu",children:u.map(function(e){return i(m,{item:e,level:0,mode:l,collapsed:D,theme:w,openKeySet:P,selectedKey:q,onItemClick:U,onToggleOpen:_},e.key)})}):null};export{u as default};
+import{__spreadArray as e}from"../node_modules/tslib/tslib.es6.js";import{jsxs as n,jsx as i,Fragment as t}from"react/jsx-runtime";import l,{useCallback as o,useRef as c,useState as a,useMemo as r,useEffect as d}from"react";import{useClickOutside as s}from"../Hooks/useClickOutside.js";var m=function(e){var n,i=e.trim();return i&&(null===(n=Array.from(i)[0])||void 0===n?void 0:n.toUpperCase())||""},u=l.memo(function(e){var l,c,r,s=e.item,p=e.level,h=e.mode,v=e.collapsed,f=e.theme,g=e.openKeySet,y=e.selectedKey,b=e.onItemClick,N=e.onToggleOpen,k=!!s.children&&s.children.length>0,C=g.has(s.key),K=y===s.key,w="horizontal"===h,z="inline"===h,x="vertical-flat"===h,O=0===p,S=o(function(e){e.stopPropagation(),s.disabled||(k&&!x&&N(s.key),x&&k||b(s,s.key))},[s,b,N,k,x]),T=w&&O?16:z?12+24*p:v?0:12+16*p,A=C&&(!v||w),I=function(e){var n=a(e),i=n[0],t=n[1],l=a(e),o=l[0],c=l[1];return d(function(){var n;return e?(c(!0),n=requestAnimationFrame(function(){t(!0)})):(t(!1),n=setTimeout(function(){c(!1)},150)),function(){"number"==typeof n?cancelAnimationFrame(n):clearTimeout(n)}},[e]),{isVisible:i,shouldRender:o}}(A&&w&&O),j=I.isVisible,F=I.shouldRender,H=k&&(!v||!O)&&!x,M=f||"light";return n("div",{className:"idp-menu-item-wrapper ".concat(O?"root":""),children:[i("div",{className:"\n          idp-menu-item\n          ".concat(K?"selected":"","\n          ").concat(s.disabled?"disabled":"","\n          ").concat(k?"has-children":"","\n          ").concat(O?"root":"","\n          ").concat(v&&O?"collapsed":"","\n          ").concat(h,"\n          ").concat(M,"\n        "),style:{padding:"0px ".concat(T,"px")},title:v&&O?s.label:void 0,onClick:S,children:n("div",{className:"idp-menu-item-content",children:[v?i(t,{children:s.icon?i("span",{className:"idp-menu-item-icon collapsed",children:s.icon}):i("span",{className:"idp-menu-item-collapsed-label",children:m(s.label)})}):n(t,{children:[s.icon&&i("span",{className:"idp-menu-item-icon",children:s.icon}),n("div",{className:"idp-menu-item-text",children:[i("span",{className:"idp-menu-item-label",children:s.label}),s.description&&!k&&i("span",{className:"idp-menu-item-description",children:s.description})]})]}),H&&i("span",{className:"idp-menu-item-arrow ".concat(A?"open":""," ").concat(h),children:i("svg",{viewBox:"0 0 1024 1024",width:"10",height:"10",fill:"currentColor",children:i("path",{d:"M840.4 300H183.6c-19.7 0-30.7 25.7-18.5 40.5l328.4 402.4c9.4 11.6 26.7 11.6 36.1 0l328.4-402.4c12.2-14.8 1.2-40.5-18.5-40.5z"})})})]})}),k&&(!w||!O||F)&&i("div",{className:"idp-menu-submenu-wrapper ".concat(h," ").concat(w&&O?"horizontal-popup-wrapper":""," ").concat(x?"vertical-flat":""),children:i("div",{className:"idp-menu-submenu ".concat((c=w&&O?"horizontal-popup":"",r=z&&A?"open inline":"",x?"open vertical-flat":w&&O?"".concat(w&&O?j?"open":"":A?"open":""," ").concat(c).trim():z?r:A?"open":"")," ").concat(h),children:i("div",{className:"idp-menu-submenu-content",children:null===(l=s.children)||void 0===l?void 0:l.map(function(e){return i(u,{item:e,level:p+1,mode:h,collapsed:v,theme:f,openKeySet:g,selectedKey:y,onItemClick:b,onToggleOpen:N},e.key)})})})})]})});u.displayName="MenuItemComponent";var p=function(n){var t=n.mode,l=void 0===t?"vertical":t,m=n.items,p=n.className,h=void 0===p?"":p,v=n.style,f=n.selectedKey,g=n.defaultOpenKeys,y=void 0===g?[]:g,b=n.openKeys,N=n.collapsed,k=void 0!==N&&N,C=n.open,K=n.theme,w=void 0===K?"light":K,z=n.onChange,x=n.onOpenChange,O=c(null),S=a(!0)[0],T=a(y),A=T[0],I=T[1],j=a(""),F=j[0],H=j[1],M=void 0!==b,R=void 0!==f,V=M?b:A,q=R?f:F,B=void 0!==C?C:S,P=r(function(){return new Set(V)},[V]);d(function(){void 0!==f&&H(f)},[f]),d(function(){if(q&&!M&&"horizontal"!==l&&"vertical-flat"!==l){var n=function(i,t,l){void 0===l&&(l=[]);for(var o=0,c=i;o<c.length;o++){var a=c[o];if(a.key===t)return l;if(a.children&&a.children.length>0){var r=n(a.children,t,e(e([],l,!0),[a.key],!1));if(r.length>0)return r}}return[]},i=n(m,q);i.length>0&&I(function(n){var t=new Set(e(e([],n,!0),i,!0));return Array.from(t)})}},[q,m,M,l]);var U=o(function(e,n){R||H(n),null==z||z(e,n),"horizontal"===l&&(!e.children||0===e.children.length)&&V.length>0&&(M||I([]),null==x||x([]))},[z,R,l,V.length,M,x]),_=o(function(n){if(M){var i=P.has(n)?V.filter(function(e){return e!==n}):e(e([],V,!0),[n],!1);null==x||x(i)}else I(function(i){var t=i.includes(n)?i.filter(function(e){return e!==n}):e(e([],i,!0),[n],!1);return null==x||x(t),t})},[P,V,M,x]),D="horizontal"!==l&&k;return s(O,o(function(){"horizontal"===l&&V.length>0&&(M||I([]),null==x||x([]))},[l,V.length,M,x])),B?i("div",{ref:O,className:"idp-menu idp-menu-".concat(w," idp-menu-").concat(l," ").concat(D?"collapsed":""," ").concat(h),style:v,role:"menu",children:m.map(function(e){return i(u,{item:e,level:0,mode:l,collapsed:D,theme:w,openKeySet:P,selectedKey:q,onItemClick:U,onToggleOpen:_},e.key)})}):null};export{p as default};