forstok-ui-lib 5.8.5 → 5.8.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs
CHANGED
|
@@ -442,7 +442,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
442
442
|
display: block;
|
|
443
443
|
}
|
|
444
444
|
}
|
|
445
|
-
`,kt=e=>{var{children:t,title:n,subTitle:i,$externalWidth:o,$externalMinWidth:l,$internalWidth:c,$area:d,$openPosition:u,$placement:p,$top:h,onClick:g,$alias:m,type:f,portalId:x,$bottom:y}=e,v=w(e,["children","title","subTitle","$externalWidth","$externalMinWidth","$internalWidth","$area","$openPosition","$placement","$top","onClick","$alias","type","portalId","$bottom"]);const b=a(null),C=()=>{const e=document.getElementsByClassName("_refContainer is-shown")[0];if(e){const t=e.getBoundingClientRect(),n=document.querySelector(`#${x} ._refDropdownPortal`);if(n){const e=n.querySelector("._refDropdownWrapper");n.style.left=t.left+t.width-e.getBoundingClientRect().width+"px",n.style.top=t.top+parseInt(h||"0")-32+"px"}}},A=()=>{const e=document.getElementsByClassName("_refContainer is-shown");if(e.length)for(let t=0;t<e.length;t++)e[t].classList.remove("is-shown");const t=document.querySelector("._refScrollContainer");t&&t.removeEventListener("scroll",C,!0),setTimeout((()=>{if(x){const e=document.getElementsByClassName("_refDropdownPortal is-shown");if(e.length)for(let t=0;t<e.length;t++)e[t].style.left="0",e[t].style.top="0",e[t].classList.remove("is-shown")}}),10)},k=e=>{const t=b.current;if(t){const n=e.target.closest(`.${t.classList[0]}`);if(!n)return;const r=n.closest("._refContainer");if(r){const t=r.classList.contains("is-shown"),
|
|
445
|
+
`,kt=e=>{var{children:t,title:n,subTitle:i,$externalWidth:o,$externalMinWidth:l,$internalWidth:c,$area:d,$openPosition:u,$placement:p,$top:h,onClick:g,$alias:m,type:f,portalId:x,$bottom:y}=e,v=w(e,["children","title","subTitle","$externalWidth","$externalMinWidth","$internalWidth","$area","$openPosition","$placement","$top","onClick","$alias","type","portalId","$bottom"]);const b=a(null),C=()=>{const e=document.getElementsByClassName("_refContainer is-shown")[0];if(e){const t=e.getBoundingClientRect(),n=document.querySelector(`#${x} ._refDropdownPortal`);if(n){const e=n.querySelector("._refDropdownWrapper");n.style.left=t.left+t.width-e.getBoundingClientRect().width+"px",n.style.top=t.top+parseInt(h||"0")-32+"px"}}},A=()=>{const e=document.getElementsByClassName("_refContainer is-shown");if(e.length)for(let t=0;t<e.length;t++)e[t].classList.remove("is-shown");const t=document.querySelector("._refScrollContainer");t&&t.removeEventListener("scroll",C,!0),setTimeout((()=>{if(x){const e=document.getElementsByClassName("_refDropdownPortal is-shown");if(e.length)for(let t=0;t<e.length;t++)e[t].style.left="0",e[t].style.top="0",e[t].classList.remove("is-shown")}}),10)},k=e=>{const t=b.current;if(t){const n=e.target.closest(`.${t.classList[0]}`);if(!n)return;const r=n.closest("._refContainer"),i=document.getElementsByTagName("BODY")[0];if(r){const t=r.querySelector("._refDropdownOverlay"),n=r.classList.contains("is-shown"),a=r.getBoundingClientRect();n?(t.style.display="none",i.classList.remove("is-immuned"),r.classList.remove("is-shown"),setTimeout((()=>{if(x){const e=document.querySelector(`#${x} ._refDropdownPortal`),t=document.querySelector("._refScrollContainer"),n=e.querySelector("._refDropdownWrapper");e&&(e.classList.remove("is-shown"),e.style.left="0px",e.style.top="0px",n&&t&&t.removeEventListener("scroll",C,!0))}}),10)):(A(),t.style.display="block",i.classList.add("is-immuned"),r.classList.add("is-shown"),setTimeout((()=>{if(x){const e=document.querySelector(`#${x} ._refDropdownPortal`),t=document.querySelector("._refScrollContainer"),n=e.querySelector("._refDropdownWrapper");e&&(a&&(n?setTimeout((()=>{n.style.right="auto",e.style.left=a.left+a.width-n.getBoundingClientRect().width+"px",e.style.top=a.top+parseInt(h||"0")-32+"px",e.style.zIndex="8",t&&t.addEventListener("scroll",C,!0)}),10):(e.style.left=a.left+(parseInt(c||"0")+a.width)/2+"px",e.style.top=a.top+a.height+"px")),e.classList.add("is-shown"))}}),10),g&&g(e))}}};r((()=>(setTimeout((()=>{const e=document.querySelectorAll("._refDropdownPortal._refHover");for(let t of e)t&&t.addEventListener("mouseenter",(e=>{const t=e.target;t.classList.add("is-shown"),t.classList.add("unhiddenable")})),t&&t.addEventListener("mouseleave",(e=>{const t=e.target;t.classList.remove("is-shown"),t.classList.remove("unhiddenable"),t.style.left="0",t.style.top="0"}))}),1),()=>{const e=document.querySelectorAll("._refDropdownPortal._refHover");for(let t of e)t&&t.removeEventListener("mouseenter",(e=>{const t=e.target;t.classList.add("is-shown"),t.classList.add("unhiddenable")}),!0),t&&t.removeEventListener("mouseleave",(e=>{const t=e.target;t.classList.remove("is-shown"),t.classList.remove("unhiddenable"),t.style.left="0",t.style.top="0"}),!0)})),[x]);const F=i?S.jsx(bt,{children:i}):null,D=n?S.jsxs(vt,{children:[n," ",F]}):null,B=t.filter((e=>s(e)?"control"===e.props["aria-label"]:null)),I=B&&s(B[0])?"hover"===f?S.jsxs(xt,{children:[S.jsx(ft,Object.assign({className:"_refDropdownControl"},x&&{onMouseEnter:e=>{const t=b.current;if(t){const n=e.target.closest(`.${t.classList[0]}`);if(!n)return;const r=document.querySelectorAll("._refDropdownPortal");for(const e of r)e.classList.remove("is-shown"),e.style.left="0",e.style.top="0";const i=n.closest("._refContainer");if(i){const e=i.getBoundingClientRect(),t=document.querySelector(`#${x} ._refDropdownPortal`);if(t){if(e){t.style.left=e.left+(parseInt(c||"0")+e.width)/2+"px";let n=e.top+e.height;const r=t.querySelector("._refDropdownWrapper");r&&(r.style.display="block",n+r.clientHeight>=document.body.clientHeight&&(n=e.top-r.clientHeight-10)),t.style.top=n+"px"}t.classList.add("is-shown")}}}},onMouseLeave:e=>{const t=b.current;if(t){if(!e.target.closest(`.${t.classList[0]}`))return;setTimeout((()=>{const e=document.querySelector(`#${x} ._refDropdownPortal`);e&&!e.classList.contains("unhiddenable")&&(e.classList.remove("is-shown"),e.style.left="0",e.style.top="0")}),150)}}},{children:B[0].props.children})),S.jsx(ft,{className:"_refDropdownControlMobile",ref:b,onClick:k,children:B[0].props.children})]}):S.jsx(ft,{ref:b,onClick:k,children:B[0].props.children}):null,E=t.filter((e=>s(e)?"body"===e.props["aria-label"]:null)),j=E&&s(E[0])?S.jsx(Ct,{$area:d,children:E[0].props.children}):null,M=t.filter((e=>s(e)?"action"===e.props["aria-label"]:null)),N=M&&s(M[0])?S.jsx(wt,{$position:M[0].props["data-position"],className:M[0].props.className,children:M[0].props.children}):null,T=S.jsxs(gt,Object.assign({className:"_refDropdownWrapper"},c&&{$internalWidth:c},h&&{$top:h},u&&{$openPosition:u},p&&{$placement:p},y&&{$bottom:y},{children:[D,j,N]}));return S.jsxs(yt,Object.assign({className:"_refContainer "+(f?`_refContainer${f}`:"")},o&&{$externalWidth:o},l&&{$externalMinWidth:l},d&&{$area:d},h&&{$top:h},m&&{$alias:m},u&&{$openPosition:u},p&&{$placement:p},y&&{$bottom:y},v,{children:[I,S.jsx(mt,{className:"_refDropdownOverlay",onClick:()=>{A()}}),x?S.jsx(ht,{wrapperId:x,children:S.jsx(At,{className:"_refDropdownPortal "+("hover"===f?"_refHover":""),children:T})}):T]}))};var Ft,Dt={exports:{}};var Bt=(Ft||(Ft=1,window,Dt.exports=function(e){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=1)}([function(t,n){t.exports=e},function(e,t,n){n.r(t),n.d(t,"useStateWithCallbackInstant",(function(){return a})),n.d(t,"useStateWithCallbackLazy",(function(){return o}));var r=n(0);function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=[],r=!0,i=!1,a=void 0;try{for(var o,s=e[Symbol.iterator]();!(r=(o=s.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){i=!0,a=e}finally{try{r||null==s.return||s.return()}finally{if(i)throw a}}return n}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}var a=function(e,t){var n=i(r.useState(e),2),a=n[0],o=n[1],s=r.useRef(!1);return r.useLayoutEffect((function(){s.current?t(a):s.current=!0}),[a,t]),[a,o]},o=function(e){var t=r.useRef(null),n=i(r.useState(e),2),a=n[0],o=n[1];r.useEffect((function(){t.current&&(t.current(a),t.current=null)}),[a]);var s=r.useCallback((function(e,n){return t.current=n,o(e)}),[]);return[a,s]};t.default=function(e,t){var n=i(r.useState(e),2),a=n[0],o=n[1],s=r.useRef(!1);return r.useEffect((function(){s.current?t(a):s.current=!0}),[a,t]),[a,o]}}])}(t)),Dt.exports),It="data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20286.054%20286.054%22%20style%3D%22enable-background%3Anew%200%200%20286.054%20286.054%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20class%3D%22%22%3E%3Cg%3E%3Cg%3E%20%3Cpath%20d%3D%22M143.027%2C0C64.04%2C0%2C0%2C64.04%2C0%2C143.027c0%2C78.996%2C64.04%2C143.027%2C143.027%2C143.027%20%20%20c78.996%2C0%2C143.027-64.022%2C143.027-143.027C286.054%2C64.04%2C222.022%2C0%2C143.027%2C0z%20M143.027%2C259.236%20%20%20c-64.183%2C0-116.209-52.026-116.209-116.209S78.844%2C26.818%2C143.027%2C26.818s116.209%2C52.026%2C116.209%2C116.209%20%20%20S207.21%2C259.236%2C143.027%2C259.236z%20M143.036%2C62.726c-10.244%2C0-17.995%2C5.346-17.995%2C13.981v79.201c0%2C8.644%2C7.75%2C13.972%2C17.995%2C13.972%20%20%20c9.994%2C0%2C17.995-5.551%2C17.995-13.972V76.707C161.03%2C68.277%2C153.03%2C62.726%2C143.036%2C62.726z%20M143.036%2C187.723%20%20%20c-9.842%2C0-17.852%2C8.01-17.852%2C17.86c0%2C9.833%2C8.01%2C17.843%2C17.852%2C17.843s17.843-8.01%2C17.843-17.843%20%20%20C160.878%2C195.732%2C152.878%2C187.723%2C143.036%2C187.723z%22%20data-original%3D%22%23E2574C%22%20class%3D%22active-path%22%20data-old_color%3D%22%23ffffff%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%20%3C%2Fsvg%3E";const Et=y`
|
|
446
446
|
button {
|
|
447
447
|
position: absolute;
|
|
448
448
|
right: 5px;
|
|
@@ -484,14 +484,15 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
484
484
|
border-radius: var(--ter-rd);
|
|
485
485
|
overflow: hidden;
|
|
486
486
|
transition: opacity .4s;
|
|
487
|
-
width:
|
|
488
|
-
min-width: 600px;
|
|
487
|
+
width: 300px;
|
|
489
488
|
padding: 0;
|
|
490
489
|
position: relative;
|
|
491
490
|
display: inline-grid;
|
|
492
491
|
grid-auto-flow: row;
|
|
492
|
+
max-width: 300px;
|
|
493
493
|
@media only screen and (min-width: 768px) {
|
|
494
|
-
|
|
494
|
+
width: 600px;
|
|
495
|
+
max-width: 600px;
|
|
495
496
|
}
|
|
496
497
|
${({$isOpen:e})=>{if(e)return y`
|
|
497
498
|
opacity: 1;
|