amotify 0.2.76 → 0.2.78

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.
Files changed (67) hide show
  1. package/demo/esbuild/app.tsx +92 -41
  2. package/demo/esbuild/public/index.css +1 -1
  3. package/demo/esbuild/public/index.js +37 -37
  4. package/demo/esbuild/server.ts +1 -1
  5. package/dist/@styles/componentClasses/index.css +1 -1
  6. package/dist/@styles/componentClasses/index.js +1 -1
  7. package/dist/@styles/index.css +1 -1
  8. package/dist/@styles/index.js +1 -1
  9. package/dist/@styles/init.css +1 -1
  10. package/dist/@styles/style.css +1 -1
  11. package/dist/@styles/style.js +1 -1
  12. package/dist/@utils/GenerateClassName.js +1 -1
  13. package/dist/@utils/color.js +1 -1
  14. package/dist/@utils/config.js +1 -1
  15. package/dist/@utils/getElement.d.ts +1 -1
  16. package/dist/@utils/getElement.js +1 -1
  17. package/dist/@utils/useRefresh.js +1 -1
  18. package/dist/@utils/useStore.d.ts +1 -1
  19. package/dist/atoms/Logo.js +1 -1
  20. package/dist/fn/Button.d.ts +1 -1
  21. package/dist/fn/Button.js +1 -1
  22. package/dist/fn/Cropper.js +1 -1
  23. package/dist/fn/Effect/Fade.js +1 -1
  24. package/dist/fn/Effect/Pudding.js +1 -1
  25. package/dist/fn/Effect/Ripple.js +2 -2
  26. package/dist/fn/Input/Autocomplete.d.ts +1 -1
  27. package/dist/fn/Input/Autocomplete.js +1 -1
  28. package/dist/fn/Input/CollectForm.d.ts +1 -1
  29. package/dist/fn/Input/CollectForm.js +1 -1
  30. package/dist/fn/Input/Color.js +1 -1
  31. package/dist/fn/Input/Contenteditable.js +1 -1
  32. package/dist/fn/Input/DigitCharacters.js +1 -1
  33. package/dist/fn/Input/Filer.js +1 -1
  34. package/dist/fn/Input/Hidden.d.ts +1 -1
  35. package/dist/fn/Input/Hidden.js +1 -1
  36. package/dist/fn/Input/Label.js +1 -1
  37. package/dist/fn/Input/List.d.ts +1 -1
  38. package/dist/fn/Input/List.js +1 -1
  39. package/dist/fn/Input/Segmented.d.ts +1 -1
  40. package/dist/fn/Input/Segmented.js +1 -1
  41. package/dist/fn/Input/Select.d.ts +1 -1
  42. package/dist/fn/Input/Select.js +1 -1
  43. package/dist/fn/Input/Slider.js +1 -1
  44. package/dist/fn/Input/Switch.js +1 -1
  45. package/dist/fn/Input/TextField.js +1 -1
  46. package/dist/fn/Input/Time/Picker.js +1 -1
  47. package/dist/fn/Input/Time/index.d.ts +3 -3
  48. package/dist/fn/Input/Time/index.js +1 -1
  49. package/dist/fn/Input/core.d.ts +1 -1
  50. package/dist/fn/Input/core.js +1 -1
  51. package/dist/fn/Input/index.d.ts +1 -1
  52. package/dist/fn/Loader/mini.js +1 -1
  53. package/dist/fn/RootViewController.js +1 -1
  54. package/dist/fn/Sheet.d.ts +2 -3
  55. package/dist/fn/Sheet.js +1 -1
  56. package/dist/fn/Snackbar.js +1 -1
  57. package/dist/fn/SwipeView.js +1 -1
  58. package/dist/fn/Table/Data.js +1 -1
  59. package/dist/fn/Table/Drag.js +1 -1
  60. package/dist/fn/Table/Wrapper.js +1 -1
  61. package/dist/fn/Tips.js +1 -1
  62. package/dist/fn/Tooltips.d.ts +1 -1
  63. package/dist/fn/Tooltips.js +1 -1
  64. package/dist/index.d.ts +1 -1
  65. package/dist/mols/Accordion.js +1 -1
  66. package/dist/temps/designBook.js +1 -1
  67. package/package.json +2 -2
package/dist/fn/Sheet.js CHANGED
@@ -1 +1 @@
1
- import{b as f,c as I,d as Y}from"../chunk-C5N2D3ZX.js";import{jsx as h,jsxs as Z}from"react/jsx-runtime";import l,{UUID as X}from"@mingoo/jsmin";import{useState as L,useEffect as V,useRef as ne}from"react";import{$$fromRoot as j,Config as U,useStore as A}from"../@utils";import{Box as _,Flex as ae,Img as re,FAI as ie,Column as oe}from"../atoms";import{Row as J}from"../mols";import{Button as se}from"./Button";import le from"./SwipeView";import pe from"./Input";import{SheetClasses as c}from"../@styles/componentClasses";const z={currentIndex:0,mainSheetIDs:{},getSessionStates:()=>{let e=A.get("sessionStates-"+U.get().sessionUID);return e||null},getNewSheetStates:e=>{var m;let r=I(f({sheetGroups:e.sheetGroups||[],backgroundEffect:!0,overwrap:e.type=="custom",hold_state:!1,closeAtPageTransit:!0,closeAtEscapeKeyDown:!0,closeAtAroundClick:e.type=="custom"},e),{sheetID:e.sheetID||X(),isOpen:!0,created_at:l.Time()});if(r.type=="custom"){let u=r;u.parent=u.parent||((m=u==null?void 0:u.event)==null?void 0:m.currentTarget),r=u}return r}},Q={Wrapper:()=>{let[e,r]=L(X()),[m,u]=L([]),v={val_sheets:m,set_sheets:u};A.set({["sessionStates-"+U.get().sessionUID]:v}),V(()=>{A.set({["Sheet-"+U.get().sessionUID]:{refresh:()=>{r(X())},add:p=>{let a=A.get("Sheet-"+U.get().sessionUID);if(!a)return;let g=z.getNewSheetStates(p);if(!!a.find(g.sheetID)){let b=A.get(g.sheetID);b&&b.refresh&&b.refresh(g,!0);return}u(b=>[g,...b])},find:p=>{let a=z.getSessionStates();if(!a)return null;let{val_sheets:g}=a;return g.find(y=>y.sheetID==p)}}}),l(U.get().appRoot).addEvent({eventType:"keyup",eventID:"SheetEvent.keyUp",callback:function(p){let{key:a,metaKey:g}=p;if(a=="Escape"||a==","&&g){let y=z.getSessionStates();if(!y)return;let{val_sheets:b}=y,i=b.filter(d=>d.isOpen);if(!i.length)return;let s=i.reduce((d,w)=>d.created_at.value>w.created_at.value?d:w);P.close(s.sheetID,a)}}}).addEvent({eventType:"click",eventID:"SheetEvent.Click",callback:function(p){let a=z.getSessionStates();if(!a)return;let{val_sheets:g}=a,y=p.target;if(!y||y!=null&&y.closest("."+c("CustomSheet")))return;let b=g.filter(i=>i.type=="custom");b.length&&b.forEach(i=>{let{parent:s}=i;if(!i.closeAtAroundClick)return;let d=j(s)[0];s!==y&&d!==y&&(l(d).find(y).length||P.close(i.sheetID))})}})},[]);let o=m.map(p=>h(Q.Core,f({sheet:p},v),p.sheetID));return h(_,{className:["AMOTIFY_be",c("Wrapper")].join(" "),children:o})},Core:e=>{let{val_sheets:r,set_sheets:m}=e,[u]=L(z.currentIndex+1),[v]=L(X()),[o,p]=L(e.sheet),a=o.type!="custom"&&!o.overwrap,g=Q.Types[{"normal.topLeft":"Normal","normal.topCenter":"Normal","normal.topRight":"Normal","normal.middleLeft":"Normal","normal.middleCenter":"Normal","normal.middleRight":"Normal","normal.bottomLeft":"Normal","normal.bottomCenter":"Normal","normal.bottomRight":"Normal",image:"Normal","drawer.left":"Edge","drawer.right":"Edge","drawer.bottom":"Bottom",custom:"Custom"}[o.type]];V(()=>{z.currentIndex++,l.scope(()=>{if(!o.closeAtParentBlur)return;let i=l(o.parent);i[0]&&i.addEvent({eventID:"SheetClosation-"+o.sheetID,eventType:"mouseout",callback:()=>{i.removeEvent("SheetClosation-"+o.sheetID),p(s=>I(f({},s),{isOpen:!1}))}})})},[]),V(()=>{A.set({[o.sheetID]:{refresh:(i,s)=>{let d=z.getNewSheetStates(i);p(w=>I(f(f({},w),d),{created_at:w.created_at,isOpen:s!=null?s:!1}))},resize:i=>{if(o.type=="drawer.bottom"){let s=A.get(v);s&&s.resize&&s.resize(i)}else(o.type.includes("normal")||o.type.includes("drawer"))&&p(s=>I(f({},s),{size:i}))},close:i=>{p(s=>I(f({},s),{isOpen:!1}))},open:()=>{p(i=>I(f({},i),{isOpen:!0}))}}})},[o]),V(()=>{l.scope(()=>{if(!a||!o.backgroundEffect)return;z.mainSheetIDs[o.sheetID]=o.isOpen?1:0;let i=Object.values(z.mainSheetIDs).reduce((d,w)=>d+w,0),s=j(".AMOTIFY_be_root");if(o.isOpen){if(s.hasClass(c("FixScroll")))return;let d=l("html"),w=0;i==1&&(w=d[0].scrollTop|0,p(O=>I(f({},O),{bodyScrolls:w}))),U.get().isPhone||(d[0].scrollTop=0,s.addClass(c("FixScroll")).callback(O=>{O[0].scrollTop=w}).await(40).addClass(c("Float")));return}U.get().isPhone||i>0||s.hasClass(c("FixScroll"))&&s.removeClass(c("Float")).await(251).removeClass(c("FixScroll")).callback(()=>{l("html")[0].scrollTop=o.bodyScrolls||0,s[0].scrollTop=0})}),l.scope(()=>{let i=j("#"+v);if(o.isOpen){i.await(10).removeClass(c("Hide")).await(10).addClass(c("Open")).callback(()=>{o.openAfter&&o.openAfter()});return}else i.await(10).removeClass(c("Open")).await(251).addClass(c("Hide")).callback(()=>{o.closeAfter&&o.closeAfter(),!e.sheet.hold_state&&(m(s=>{let d=[...s],w=d.findIndex(O=>O.sheetID==o.sheetID);return w==-1||d.splice(w,1),d}),a&&l(U.get().appRoot).focus())})})},[o.isOpen]);let[y,b]=o.type.split(".");return h(_,{className:[c("Wrap"),c("Tcate_"+y),c("Tpos_"+b),c("isMainSheet_"+a)].join(" "),width:1,height:0,ssAbsoluteCovered:!0,freeCSS:{zIndex:u},id:v,children:Z(oe,{className:c("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[!!a&&h(Q.TapSensor,{sheetID:o.sheetID,delegateAroundClick:o.closeAtAroundClick}),h(g,f({componentID:v},o))]})},v)},Types:{Normal:e=>{let x=e,{sheetID:r,sheetGroups:m,bodyScrolls:u,content:v,className:o="",type:p,size:a="R",freeCSS:g,openAfter:y,closeAfter:b,closeAtAroundClick:i,closeAtEscapeKeyDown:s,closeAtPageTransit:d,closeAtParentBlur:w,closeAtSwipeDown:O,hold_state:q,overwrap:ee,isOpen:te,backgroundEffect:$}=x,M=Y(x,["sheetID","sheetGroups","bodyScrolls","content","className","type","size","freeCSS","openAfter","closeAfter","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]),[G,T]=p.split("."),D={},B=[];return T.match(/top/)?(B.push("top"),D.marginBottom="auto"):T.match(/middle/)?(B.push("center"),D.marginTop="auto",D.marginBottom="auto"):T.match(/bottom/)&&(B.push("bottom"),D.marginTop="auto"),T.match(/left/i)?(B.push("left"),D.marginRight="auto"):T.match(/center/i)?(B.push("center"),D.marginLeft="auto",D.marginRight="auto"):T.match(/right/i)&&(B.push("right"),D.marginLeft="auto"),h(_,I(f(f({className:[c("BB"),o].join(" "),padding:1,transition:"long",opacity:"trans"},M),D),{freeCSS:f({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100vw"}[a],maxWidth:"96vw",transformOrigin:B.join(" ")},g),children:l.is.function(v)?h(v,{}):v}))},Edge:e=>{let M=e,{sheetID:r,sheetGroups:m,bodyScrolls:u,type:v,content:o,className:p="",size:a="R",openAfter:g,closeAfter:y,closeAtAroundClick:b,closeAtEscapeKeyDown:i,closeAtPageTransit:s,closeAtParentBlur:d,closeAtSwipeDown:w,hold_state:O,overwrap:q,isOpen:ee,backgroundEffect:te}=M,$=Y(M,["sheetID","sheetGroups","bodyScrolls","type","content","className","size","openAfter","closeAfter","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]);return h(_,I(f(I(f({className:[c("BB"),p].join(" ")},v=="drawer.right"?{marginLeft:"auto"}:v=="drawer.left"?{marginRight:"auto"}:{}),{opacity:"trans",transition:"long",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark"}),$),{freeCSS:f({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[a],maxWidth:"96vw"},$.freeCSS),children:l.is.function(o)?h(o,{}):o}))},Bottom:e=>{let N=e,{componentID:r,sheetID:m,sheetGroups:u,bodyScrolls:v,content:o,size:p="R",sizeChanged:a,baseStyles:g,openAfter:y,closeAfter:b,closeAtAroundClick:i,closeAtEscapeKeyDown:s,closeAtPageTransit:d,closeAtParentBlur:w,closeAtSwipeDown:O=!0,hold_state:q,overwrap:ee,isOpen:te,backgroundEffect:$}=N,M=Y(N,["componentID","sheetID","sheetGroups","bodyScrolls","content","size","sizeChanged","baseStyles","openAfter","closeAfter","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]),G=l.getScreenSize(),T=[0,.2,.6,.95],D={ZERO:0,S:1,R:2,L:3},[B,x]=L(p),[k,F]=L({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:T[D[p]]});A.update({[r]:{val_edit:k,resize:C=>{let S=T[D[C]];F(t=>I(f({},t),{value:S})),x(C)}}});const W={Start:C=>{l(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:W.Move}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:W.Move}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:W.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:W.End});let S=l.getCursor(C),t=I(f({},k),{process:!0,processStart:new Date().getTime(),originY:S.y,originValue:k.value,viewHeight:l.getScreenSize().height});A.update({[r]:{val_edit:t}}),F(t)},Move:C=>{var n;let S=(n=A.get(r))==null?void 0:n.val_edit;if(!S.process)return;let K=(l.getCursor(C).y-S.originY)/S.viewHeight,R=S.originValue-K;if(R>.95)R=.95+(R-.95)*.5;else if(R<.2){let H=.2-R;H-=.1,R=.1+(.1-H)*.5}F(I(f({},S),{value:R}))},End:C=>{var R;let S=(R=A.get(r))==null?void 0:R.val_edit;if(!S.process)return;l(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let t=0;if(S.value<.1||(S.value<.5?t=1:S.value>.75?t=3:t=2),new Date().getTime()-S.processStart<300){let n=l.getCursor(C).y-S.originY;if(Math.abs(n)>=20){let H=+(n<0)*2-1;t+=H,t=Math.min(Math.max(t,0),T.length-1)}}t==0&&(O||(t=1)),x(["ZERO","S","R","L"][t]),F(I(f({},S),{value:T[t],process:!1}))}},E=ne(!1);return V(()=>{E.current?B=="ZERO"?O&&P.close(m):setTimeout(()=>{e.sizeChanged&&e.sizeChanged(B)},250):E.current=!0},[B]),h(_,{className:c("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:f({maxWidth:12*60,height:G.height*k.value},k.process?{transition:"0s"}:{}),children:Z(oe,I(f({gap:0,flexSizing:"none",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",border:!0,borderBottom:"unset",boxShadow:"3.remark",position:"relative",overflow:"hidden",height:1},g),{children:[h(J.Separate,{padding:"1/2",backgroundColor:"layer.1",position:"relative",freeCSS:{userSelect:"none"},children:h(J.Center,{onMouseDown:W.Start,onTouchStart:W.Start,flexSizing:0,padding:"2/3",ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:h(_,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:c("DragBar")})})}),h(_,I(f({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},M),{children:l.is.function(o)?h(o,{}):o}))]}))})},Custom:e=>{let W=e,{sheetID:r,sheetGroups:m,bodyScrolls:u,event:v,parent:o,nextToCursor:p,gravityPoint:a=22,content:g,closeAtAroundClick:y,closeAtEscapeKeyDown:b,closeAtPageTransit:i,closeAtParentBlur:s,closeAtSwipeDown:d,hold_state:w,openAfter:O,closeAfter:q,overwrap:ee,isOpen:te,backgroundEffect:$}=W,M=Y(W,["sheetID","sheetGroups","bodyScrolls","event","parent","nextToCursor","gravityPoint","content","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","openAfter","closeAfter","overwrap","isOpen","backgroundEffect"]),[G]=L(X()),T=l.is.element(o)||l.is.jsmin(o)?l(o):j(o),D='[data-sheet-id="'+G+'"]',B='[data-sheet-content="'+G+'"]';a=a;let x=a%5||5,k=Math.ceil(a/5);const F={Init:()=>{if(p&&v){let n=l.getScreenSize(),H=l.getCursor(v);return{top:H.y-n.pageYOffset,left:H.x-n.pageXOffset}}let E={},{top:N,right:C,bottom:S,left:t,height:K,width:R}=T.position();return[1,2].includes(x)?E.left=t:x==3?E.left=t+R/2:[4,5].includes(x)&&(E.left=C),a<=10?E.top=N:a<=15?E.top=N+K/2:a<=25&&(E.top=S),E},Adjust:()=>{let E=j(D).position(),N=j(B).position(),C=T.position(),S=l.getScreenSize(),t={};for(let n in N)t[n]=N[n];if(l.scope(()=>{if(e.nextToCursor)return;let n=0;k==1?n=C.top-t.bottom:k==2?n=C.top-t.top:k==3?n=C.top-t.top+(C.height-t.height)/2:k==4?n=C.bottom-t.bottom:k==5&&(n=C.bottom-t.top),t.top+=n,t.bottom+=n}),l.scope(()=>{if(e.nextToCursor)return;let n=0;x==1?n=C.left-t.right:x==2?n=C.left-t.left:x==3?n=C.left-t.left+(C.width-t.width)/2:x==4?n=C.right-t.right:x==5&&(n=C.right-t.left),t.left+=n,t.right+=n}),t.top<0){let n=-t.top;t.top+=n,t.bottom+=n}if(t.bottom>S.height){let n=t.bottom-S.height;t.top-=n,t.bottom-=n}if(t.left<0){let n=-t.left;t.left+=n,t.right+=n}if(t.right>S.width){let n=t.right-S.width;t.left-=n,t.right-=n}let K=t.top-N.top,R=t.left-N.left;l(D).css({top:E.top+K+"px",left:E.left+R+"px"})}};return V(()=>{j(D).await(10).addClass(c("Open")).await(200).callback(()=>{F.Adjust()}),A.update({["customSheet-"+e.sheetID]:{reposition:()=>{F.Adjust()}}})},[]),T[0]?h(_,{className:[c("BB"),c("CustomSheet")].join(" "),"data-sheet-id":G,transition:"long",position:"absolute",width:0,height:0,opacity:"trans",flexCenter:!0,freeCSS:F.Init(),children:h(ae,{position:"absolute",className:[c("GPT"),c("GPT_"+a),c("Col_"+x),c("Row_"+k)].join(" "),children:h(_,I(f({"data-sheet-content":G,flexSizing:"none",maxHeight:"viewHeight"},M),{freeCSS:f({maxWidth:"98vw"},M.freeCSS),children:l.is.function(g)?h(g,{}):g}))})}):null}},TapSensor:e=>h(_,{className:c("TapSensor"),children:h(se.Plain,{className:c("TapContent"),onClick:()=>{var r;(r=e.delegateAroundClick)!=null&&r&&P.close(e.sheetID)},freeCSS:{cursor:"default",pointerEvents:"all"}})})},P={Wrapper:()=>h(Q.Wrapper,{}),open:e=>{if(e.sheetID=(e.sheetID||"").replace(/\./g,"-"),e.type=="image"){let u=e.sheetID||X(),m=e,{type:v,src:o}=m,p=Y(m,["type","src"]);P.open(I(f({type:"normal.topCenter",backgroundColor:"trans"},p),{sheetID:u,freeCSS:{maxWidth:"96vw",transformOrigin:"top"},content:()=>{let[a]=L(l.flatArray(o)),[g,y]=L(0),b=[],i=[];return a.forEach((s,d)=>{b.push({value:d,label:h(re,{src:l.flatArray(s)[0],width:"auto",height:1,freeCSS:{maxWidth:12*6,maxHeight:12*3}})}),i.push(h(re,{width:1,height:"auto",src:l.flatArray(s)[0]}))}),Z(oe,{gap:0,children:[Z(J.Separate,{gap:2,padding:1,backgroundColor:"layer.1",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",children:[h(pe.Radio.Border,{icon:!1,value:g,override:"force",horizontalAlign:"center",onUpdateValidValue:({value:s})=>{y(s)},cellStyles:{borderWidth:2,padding:"1/3"},options:b}),h(se.Border.S,{color:"cloud",isRounded:!0,onClick:()=>{P.close(u)},children:Z(J.Center,{gap:"1/3",children:["\u9589\u3058\u308B",h(ie.Times,{})]})})]}),h(le,{slideIndex:g,options:{loop:a.length>1,onSlideCallback:s=>{y(s)}},slides:i,wrapper:s=>h(_,{borderBottomLeftRadius:"1.tone.primary",borderBottomRightRadius:"1.tone.primary",children:s})})]})}}));return}let r=A.get("Sheet-"+U.get().sessionUID);r&&r.add(e)},refresh:(e,r)=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let m=A.get(e.sheetID);m&&m.refresh&&m.refresh(e,r)},resize:e=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let r=A.get(e.sheetID);r&&r.resize&&r.resize(e.size)},customSheet:{reposition:e=>{let r=A.get("customSheet-"+e);r&&r.reposition&&r.reposition()}},close:function(e,r,m){let u=z.getSessionStates();if(!u)return;let{val_sheets:v}=u;e=e==null?void 0:e.replace(/\./g,"-");let o=v.find(a=>a.sheetID==e);if(!o||r=="Escape"&&!o.closeAtEscapeKeyDown)return;let p=A.get(o.sheetID);p&&p.close&&p.close(m)},closeGroup:e=>{let r=z.getSessionStates();if(!r)return;let{val_sheets:m}=r;e=(e||"").replace(/\./g,"-");for(let u of m)u.sheetGroups&&u.sheetGroups==e&&P.close(u.sheetID)},closeAll:e=>{let r=z.getSessionStates();if(!r)return;let{val_sheets:m}=r;for(let u of m)e&&!u.closeAtPageTransit||P.close(u.sheetID,"pageTransit",!0)},Body:e=>h(_,f({className:c("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},e))};export{P as Sheet,P as default};
1
+ import{b as C,c as E,d as X}from"../chunk-C5N2D3ZX.js";import{jsx as u,jsxs as F}from"react/jsx-runtime";import h,{UUID as Z,Time as ie}from"jmini";import{useState as O,useEffect as G,useRef as ae}from"react";import{$$fromRoot as Y,Config as K,useStore as x}from"../@utils";import{Box as _,Flex as le,Img as se,FAI as pe,Column as oe}from"../atoms";import{Row as J}from"../mols";import{Button as ne}from"./Button";import ce from"./SwipeView";import he from"./Input";import{SheetClasses as m}from"../@styles/componentClasses";const N={currentIndex:0,mainSheetIDs:{},getSessionStates:()=>{let t=x.get("sessionStates-"+K.get().sessionUID);return t||null},getNewSheetStates:t=>{var d;let e=E(C({sheetGroups:t.sheetGroups||[],backgroundEffect:!0,overwrap:t.type=="custom",hold_state:!1,closeAtPageTransit:!0,closeAtEscapeKeyDown:!0,closeAtAroundClick:t.type=="custom"},t),{sheetID:t.sheetID||Z(),isOpen:!0,created_at:ie()});if(e.type=="custom"){let p=e;p.parent=p.parent||((d=p==null?void 0:p.event)==null?void 0:d.currentTarget),e=p}return e}},Q={Wrapper:()=>{let[t,e]=O(!1),[d,p]=O([]),v={val_sheets:d,set_sheets:p};x.set({["sessionStates-"+K.get().sessionUID]:v}),G(()=>{x.set({["Sheet-"+K.get().sessionUID]:{add:(i,o)=>{let a=x.get("Sheet-"+K.get().sessionUID);if(!a)return;let n=N.getNewSheetStates(i);if(n.isOpen=o!=null?o:!0,!!a.find(n.sheetID)){p(g=>{let I=[...g],S=I.findIndex(z=>z.sheetID==n.sheetID);return S==-1||(I[S]=n),I});return}p(g=>[n,...g])},find:i=>{let o=N.getSessionStates();if(!o)return null;let{val_sheets:a}=o;return a.find(n=>n.sheetID==i)}}}),h(K.get().appRoot).addEvent({eventType:"keyup",eventID:"SheetEvent.keyUp",callback:function(i){let{key:o,metaKey:a}=i;if(o=="Escape"||o==","&&a){let n=N.getSessionStates();if(!n)return;let{val_sheets:c}=n,g=c.filter(S=>S.isOpen);if(!g.length)return;let I=g.reduce((S,z)=>S.created_at.value>z.created_at.value?S:z);L.close(I.sheetID,o)}}}).addEvent({eventType:"click",eventID:"SheetEvent.Click",callback:function(i){let o=N.getSessionStates();if(!o)return;let{val_sheets:a}=o,n=i.target;if(!n||n!=null&&n.closest("."+m("CustomSheet")))return;let c=a.filter(g=>g.type=="custom");c.length&&c.forEach(g=>{let{parent:I}=g;if(!g.closeAtAroundClick)return;let S=Y(I)[0];I!==n&&S!==n&&(h(S).find(n).length||L.close(g.sheetID))})}})},[]),G(()=>{let i=d.filter(o=>o.backgroundEffect&&o.isOpen&&!o.overwrap&&o.type!="custom");e(!!i.length)},[d]),G(()=>{let i=Y(".AMOTIFY_be_root");if(t){let a=h("html").position(),n=32/a.height,c=32/a.width;i.addClass(m("BodyEffect")).css({transform:`scale(${1-c},${1-n})`})}else i.css({transform:"scale(1)"}).removeClass(m("BodyEffect"))},[t]);let f=d.map(i=>u(Q.Core,E(C({},v),{val_sheet:i,patch_sheet:o=>{p(a=>{let n=[...a],c=n.findIndex(g=>g.sheetID==i.sheetID);return c==-1||(n[c]=C(C({},n[c]),o)),n})},delete_sheet:()=>{p(o=>{let a=[...o],n=a.findIndex(c=>c.sheetID==i.sheetID);return n==-1||a.splice(n,1),a})}}),i.sheetID));return u(_,{className:["AMOTIFY_be",m("Wrapper")].join(" "),children:f})},Core:t=>{let{val_sheet:e,patch_sheet:d}=t,[p,v]=O(N.currentIndex+1),[f]=O(Z()),i=e.type!="custom"&&!e.overwrap;G(()=>{N.currentIndex++,h.scope(()=>{if(!e.closeAtParentBlur)return;let c=h(e.parent);c[0]&&c.addEvent({eventID:"SheetClosation-"+e.sheetID,eventType:"mouseout",callback:()=>{c.removeEvent("SheetClosation-"+e.sheetID),d({isOpen:!1})}})}),x.set({[e.sheetID]:{resize:c=>{if(e.type=="drawer.bottom"){let g=x.get(f);g&&g.resize&&g.resize(c)}else(e.type.includes("normal")||e.type.includes("drawer"))&&d({size:c})},close:c=>{d({isOpen:!1})},open:()=>{d({isOpen:!0})}}})},[]),G(()=>{h.scope(()=>{let c=Y("#"+f);if(e.isOpen){e.hold_state&&v(N.currentIndex+1),c.await(10).removeClass(m("Hide")).await(10).addClass(m("Open")).callback(()=>{e.openAfter&&e.openAfter()});return}c.await(10).removeClass(m("Open")).await(251).addClass(m("Hide")).callback(()=>{if(e.closeAfter&&e.closeAfter(),i&&h(K.get().appRoot).focus(),e.hold_state)return d({isOpen:!1});t.delete_sheet()})})},[e.isOpen]);let[o,a]=e.type.split("."),n=Q.Types[{"normal.topLeft":"Normal","normal.topCenter":"Normal","normal.topRight":"Normal","normal.middleLeft":"Normal","normal.middleCenter":"Normal","normal.middleRight":"Normal","normal.bottomLeft":"Normal","normal.bottomCenter":"Normal","normal.bottomRight":"Normal",image:"Normal","drawer.left":"Edge","drawer.right":"Edge","drawer.bottom":"Bottom",custom:"Custom"}[e.type]];return u(_,{className:[m("Wrap"),m("Tcate_"+o),m("Tpos_"+a),m("isMainSheet_"+i)].join(" "),width:1,height:0,ssAbsoluteCovered:!0,freeCSS:{zIndex:p},id:f,children:F(oe,{className:m("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[!!i&&u(Q.TapSensor,{sheetID:e.sheetID,delegateAroundClick:e.closeAtAroundClick}),u(n,C({componentID:f},e))]})},f)},Types:{Normal:t=>{let D=t,{sheetID:e,sheetGroups:d,bodyScrolls:p,content:v,className:f="",type:i,size:o="R",freeCSS:a,openAfter:n,closeAfter:c,closeAtAroundClick:g,closeAtEscapeKeyDown:I,closeAtPageTransit:S,closeAtParentBlur:z,closeAtSwipeDown:j,hold_state:q,overwrap:ee,isOpen:te,backgroundEffect:$}=D,P=X(D,["sheetID","sheetGroups","bodyScrolls","content","className","type","size","freeCSS","openAfter","closeAfter","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]),[H,b]=i.split("."),w={},B=[];return b.match(/top/)?(B.push("top"),w.marginBottom="auto"):b.match(/middle/)?(B.push("center"),w.marginTop="auto",w.marginBottom="auto"):b.match(/bottom/)&&(B.push("bottom"),w.marginTop="auto"),b.match(/left/i)?(B.push("left"),w.marginRight="auto"):b.match(/center/i)?(B.push("center"),w.marginLeft="auto",w.marginRight="auto"):b.match(/right/i)&&(B.push("right"),w.marginLeft="auto"),u(_,E(C(C({className:[m("BB"),f].join(" "),padding:1,transition:"long",opacity:"trans"},P),w),{freeCSS:C({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100vw"}[o],maxWidth:"96vw",transformOrigin:B.join(" ")},a),children:h.is.function(v)?u(v,{}):v}))},Edge:t=>{let P=t,{sheetID:e,sheetGroups:d,bodyScrolls:p,type:v,content:f,className:i="",size:o="R",openAfter:a,closeAfter:n,closeAtAroundClick:c,closeAtEscapeKeyDown:g,closeAtPageTransit:I,closeAtParentBlur:S,closeAtSwipeDown:z,hold_state:j,overwrap:q,isOpen:ee,backgroundEffect:te}=P,$=X(P,["sheetID","sheetGroups","bodyScrolls","type","content","className","size","openAfter","closeAfter","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]);return u(_,E(C(E(C({className:[m("BB"),i].join(" ")},v=="drawer.right"?{marginLeft:"auto"}:v=="drawer.left"?{marginRight:"auto"}:{}),{opacity:"trans",transition:"long",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark"}),$),{freeCSS:C({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[o],maxWidth:"96vw"},$.freeCSS),children:h.is.function(f)?u(f,{}):f}))},Bottom:t=>{let T=t,{componentID:e,sheetID:d,sheetGroups:p,bodyScrolls:v,content:f,size:i="R",sizeChanged:o,baseStyles:a,openAfter:n,closeAfter:c,closeAtAroundClick:g,closeAtEscapeKeyDown:I,closeAtPageTransit:S,closeAtParentBlur:z,closeAtSwipeDown:j=!0,hold_state:q,overwrap:ee,isOpen:te,backgroundEffect:$}=T,P=X(T,["componentID","sheetID","sheetGroups","bodyScrolls","content","size","sizeChanged","baseStyles","openAfter","closeAfter","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]),H=h.getScreenSize(),b=[0,.2,.6,.95],w={ZERO:0,S:1,R:2,L:3},[B,D]=O(i),[k,W]=O({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:b[w[i]]});x.update({[e]:{val_edit:k,resize:A=>{let l=b[w[A]];W(y=>E(C({},y),{value:l})),D(A)}}});const U={Start:A=>{h(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:U.Move}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:U.Move}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:U.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:U.End});let l=h.getCursor(A),y=E(C({},k),{process:!0,processStart:new Date().getTime(),originY:l.y,originValue:k.value,viewHeight:h.getScreenSize().height});x.update({[e]:{val_edit:y}}),W(y)},Move:A=>{var M;let l=(M=x.get(e))==null?void 0:M.val_edit;if(!l.process)return;let r=(h.getCursor(A).y-l.originY)/l.viewHeight,R=l.originValue-r;if(R>.95)R=.95+(R-.95)*.5;else if(R<.2){let s=.2-R;s-=.1,R=.1+(.1-s)*.5}W(E(C({},l),{value:R}))},End:A=>{var R;let l=(R=x.get(e))==null?void 0:R.val_edit;if(!l.process)return;h(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let y=0;if(l.value<.1||(l.value<.5?y=1:l.value>.75?y=3:y=2),new Date().getTime()-l.processStart<300){let M=h.getCursor(A).y-l.originY;if(Math.abs(M)>=20){let s=+(M<0)*2-1;y+=s,y=Math.min(Math.max(y,0),b.length-1)}}y==0&&(j||(y=1)),D(["ZERO","S","R","L"][y]),W(E(C({},l),{value:b[y],process:!1}))}},V=ae(!1);return G(()=>{V.current?B=="ZERO"?j&&L.close(d):setTimeout(()=>{t.sizeChanged&&t.sizeChanged(B)},250):V.current=!0},[B]),u(_,{className:m("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:C({maxWidth:12*60,height:H.height*k.value},k.process?{transition:"0s"}:{}),children:F(oe,E(C({gap:0,flexSizing:"none",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",border:!0,borderBottom:"unset",boxShadow:"3.remark",position:"relative",overflow:"hidden",height:1},a),{children:[u(J.Separate,{padding:"1/2",backgroundColor:"layer.1",position:"relative",freeCSS:{userSelect:"none"},children:u(J.Center,{onMouseDown:U.Start,onTouchStart:U.Start,flexSizing:0,padding:"2/3",ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:u(_,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:m("DragBar")})})}),u(_,E(C({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},P),{children:h.is.function(f)?u(f,{}):f}))]}))})},Custom:t=>{let V=t,{sheetID:e,sheetGroups:d,bodyScrolls:p,event:v,parent:f,nextToCursor:i,gravityPoint:o=22,content:a,closeAtAroundClick:n,closeAtEscapeKeyDown:c,closeAtPageTransit:g,closeAtParentBlur:I,closeAtSwipeDown:S,hold_state:z,openAfter:j,closeAfter:q,overwrap:ee,isOpen:te,backgroundEffect:$}=V,P=X(V,["sheetID","sheetGroups","bodyScrolls","event","parent","nextToCursor","gravityPoint","content","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","openAfter","closeAfter","overwrap","isOpen","backgroundEffect"]),[H]=O(Z()),b=h.is.element(f)||h.is.jmini(f)?h(f):Y(f),w='[data-sheet-id="'+H+'"]',B='[data-sheet-content="'+H+'"]';o=o;let D=o%5||5,k=Math.ceil(o/5);const W={Init:()=>{if(i&&v){let s=h.getScreenSize(),re=h.getCursor(v);return{top:re.y-s.pageYOffset,left:re.x-s.pageXOffset}}let T={};if(!b||!b[0])return T;let{top:A,right:l,bottom:y,left:r,height:R,width:M}=b.position();return[1,2].includes(D)?T.left=r:D==3?T.left=r+M/2:[4,5].includes(D)&&(T.left=l),o<=10?T.top=A:o<=15?T.top=A+R/2:o<=25&&(T.top=y),T},Adjust:()=>{let T=Y(w).position(),A=Y(B).position(),l=b.position(),y=h.getScreenSize(),r={};for(let s in A)r[s]=A[s];if(h.scope(()=>{if(t.nextToCursor)return;let s=0;k==1?s=l.top-r.bottom:k==2?s=l.top-r.top:k==3?s=l.top-r.top+(l.height-r.height)/2:k==4?s=l.bottom-r.bottom:k==5&&(s=l.bottom-r.top),r.top+=s,r.bottom+=s}),h.scope(()=>{if(t.nextToCursor)return;let s=0;D==1?s=l.left-r.right:D==2?s=l.left-r.left:D==3?s=l.left-r.left+(l.width-r.width)/2:D==4?s=l.right-r.right:D==5&&(s=l.right-r.left),r.left+=s,r.right+=s}),r.top<0){let s=-r.top;r.top+=s,r.bottom+=s}if(r.bottom>y.height){let s=r.bottom-y.height;r.top-=s,r.bottom-=s}if(r.left<0){let s=-r.left;r.left+=s,r.right+=s}if(r.right>y.width){let s=r.right-y.width;r.left-=s,r.right-=s}let R=r.top-A.top,M=r.left-A.left;h(w).css({top:T.top+R+"px",left:T.left+M+"px"})}};let[U]=O(W.Init());return G(()=>{Y(w).await(10).addClass(m("Open")).await(200).callback(()=>{W.Adjust()}),x.update({["customSheet-"+t.sheetID]:{reposition:()=>{W.Adjust()}}})},[]),b[0]?u(_,{className:[m("BB"),m("CustomSheet")].join(" "),"data-sheet-id":H,transition:"long",position:"absolute",width:0,height:0,opacity:"trans",flexCenter:!0,freeCSS:U,children:u(le,{position:"absolute",className:[m("GPT"),m("GPT_"+o),m("Col_"+D),m("Row_"+k)].join(" "),children:u(_,E(C({"data-sheet-content":H,flexSizing:"none",maxHeight:"viewHeight"},P),{freeCSS:C({maxWidth:"98vw"},P.freeCSS),children:h.is.function(a)?u(a,{}):a}))})}):null}},TapSensor:t=>u(_,{className:m("TapSensor"),children:u(ne.Plain,{className:m("TapContent"),onClick:()=>{var e;(e=t.delegateAroundClick)!=null&&e&&L.close(t.sheetID)},freeCSS:{cursor:"default",pointerEvents:"all"}})})},L={Wrapper:()=>u(Q.Wrapper,{}),open:(t,e)=>{if(t.sheetID=(t.sheetID||"").replace(/\./g,"-"),t.type=="image"){let v=t.sheetID||Z(),p=t,{type:f,src:i}=p,o=X(p,["type","src"]);L.open(E(C({type:"normal.topCenter",backgroundColor:"trans"},o),{sheetID:v,freeCSS:{maxWidth:"96vw",transformOrigin:"top"},content:()=>{let[a]=O(h.flatArray(i)),[n,c]=O(0),g=[],I=[];return a.forEach((S,z)=>{g.push({value:z,label:u(se,{src:h.flatArray(S)[0],width:"auto",height:1,freeCSS:{maxWidth:12*6,maxHeight:12*3}})}),I.push(u(se,{width:1,height:"auto",src:h.flatArray(S)[0]}))}),F(oe,{gap:0,children:[F(J.Separate,{gap:2,padding:1,backgroundColor:"layer.1",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",children:[u(he.Radio.Border,{icon:!1,value:n,override:"force",horizontalAlign:"center",onUpdateValidValue:({value:S})=>{c(S)},cellStyles:{borderWidth:2,padding:"1/3"},options:g}),u(ne.Border.S,{color:"cloud",isRounded:!0,onClick:()=>{L.close(v)},children:F(J.Center,{gap:"1/3",children:["\u9589\u3058\u308B",u(pe.Times,{})]})})]}),u(ce,{slideIndex:n,options:{loop:a.length>1,onSlideCallback:S=>{c(S)}},slides:I,wrapper:S=>u(_,{borderBottomLeftRadius:"1.tone.primary",borderBottomRightRadius:"1.tone.primary",children:S})})]})}}));return}let d=x.get("Sheet-"+K.get().sessionUID);d&&d.add(t,e)},resize:t=>{t.sheetID=(t.sheetID||"").replace(/\./g,"-");let e=x.get(t.sheetID);e&&e.resize&&e.resize(t.size)},customSheet:{reposition:t=>{let e=x.get("customSheet-"+t);e&&e.reposition&&e.reposition()}},close:function(t,e,d){let p=N.getSessionStates();if(!p)return;let{val_sheets:v}=p;t=t==null?void 0:t.replace(/\./g,"-");let f=v.find(o=>o.sheetID==t);if(!f||e=="Escape"&&!f.closeAtEscapeKeyDown)return;let i=x.get(f.sheetID);i&&i.close&&i.close(d)},closeGroup:t=>{let e=N.getSessionStates();if(!e)return;let{val_sheets:d}=e;t=(t||"").replace(/\./g,"-");for(let p of d)p.sheetGroups&&p.sheetGroups==t&&L.close(p.sheetID)},closeAll:t=>{let e=N.getSessionStates();if(!e)return;let{val_sheets:d}=e;for(let p of d)t&&!p.closeAtPageTransit||L.close(p.sheetID,"pageTransit",!0)},Body:t=>u(_,C({className:m("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},t))};export{L as Sheet,L as default};
@@ -1 +1 @@
1
- import{b as c,c as m,d as x}from"../chunk-C5N2D3ZX.js";import{Fragment as R,jsx as r,jsxs as _}from"react/jsx-runtime";import{createElement as M}from"react";import h,{UUID as f}from"@mingoo/jsmin";import{Config as C,useStore as p,$$fromRoot as y}from"../@utils";import{useState as k,useEffect as b}from"react";import{Box as w,Flex as E,FAI as A}from"../atoms";import{Row as T}from"../mols";import{Button as F}from"./Button";import{SnackbarClasses as I}from"../@styles/componentClasses";const u={add:function(s){let t=p.get("Snackbar-"+C.get().sessionUID);return t&&t.add(s),this},remove:function(s){let t=p.get("Snackbar-"+C.get().sessionUID);return t&&t.remove(s),this},Wrapper:()=>r(B.Wrapper,{})},B={Cell:s=>{let v=s,{snackID:t,secondsToClose:o,componentID:S=f(),children:i,customChildren:e}=v,a=x(v,["snackID","secondsToClose","componentID","children","customChildren"]),[n]=k(S),[l,d]=k(s.secondsToClose||10);b(()=>{let D=y('[data-component-id="'+n+'"]');setTimeout(()=>{D.addClass(I("FadeIn"))},10),p.set({["Snackbar-"+t]:{remove:()=>{D.addClass(I("FadeOut"))}}})},[]),b(()=>{h.interval.clear("Snackbar-"+n),h.interval.standBy("Snackbar-"+n,1e3,()=>{l<=0||d(l-1)}),l===0&&u.remove(t)},[l]);let g=r(R,{});return e?g=r(e,{close:()=>{u.remove(t)}}):g=_(T.Separate,{verticalAlign:"top",children:[r(w,{padding:["1/4",0],flexSizing:0,children:h.is.function(i)?r(i,{}):i}),r(F.Clear,{color:"layer",backgroundColor:"layer.4.opa.low",fontColor:"white",ssSphere:2.5,onClick:()=>{u.remove(t)},children:r(A.Times,{})})]}),r(w,m(c({className:I("Cell"),componentID:n,onMouseOver:()=>{d(-1)},onMouseOut:()=>{d(o||10)},opacity:"trans",width:1,padding:"2/3",marginBottom:1,borderRadius:"1.tone.primary",fontColor:"white",boxShadow:"1.remark",backgroundColor:"dark",transition:"middle"},a),{children:g}))},Wrapper:()=>{let[s,t]=k(f()),[o,S]=k([]);b(()=>{p.set({["Snackbar-"+C.get().sessionUID]:{add:e=>{e.snackID=e.snackID||f();let a=o.findIndex(n=>n.snackID==e.snackID);if(a==-1)o.unshift(m(c({},e),{snackID:e.snackID}));else{let n=[...o];n[a]=m(c({},e),{snackID:e.snackID}),o=n}t(f())},remove:e=>{let a=p.get("Snackbar-"+e);a&&a.remove&&(a.remove(),setTimeout(()=>{let n=o.findIndex(d=>d.snackID==e);if(n==-1)return;let l=[...o];l.splice(n,1),S(l)},210))}}})},[o.length]);let i=o.map(e=>M(B.Cell,m(c({},e),{key:e.snackID})));return r(E,{className:["AMOTIFY_be",I("Wrapper")].join(" "),position:"fixed",right:0,bottom:0,paddingLeft:0,paddingRight:1,paddingBottom:"safeAreaBottom",verticalAlign:"bottom",overflow:"auto",UnderBreakPointStyles:{left:0,paddingLeft:1,width:"auto"},children:i})}};export{u as Snackbar,u as default};
1
+ import{b as c,c as m,d as x}from"../chunk-C5N2D3ZX.js";import{Fragment as R,jsx as r,jsxs as _}from"react/jsx-runtime";import{createElement as M}from"react";import h,{UUID as f}from"jmini";import{Config as C,useStore as p,$$fromRoot as y}from"../@utils";import{useState as k,useEffect as b}from"react";import{Box as w,Flex as E,FAI as A}from"../atoms";import{Row as T}from"../mols";import{Button as F}from"./Button";import{SnackbarClasses as I}from"../@styles/componentClasses";const u={add:function(s){let t=p.get("Snackbar-"+C.get().sessionUID);return t&&t.add(s),this},remove:function(s){let t=p.get("Snackbar-"+C.get().sessionUID);return t&&t.remove(s),this},Wrapper:()=>r(B.Wrapper,{})},B={Cell:s=>{let v=s,{snackID:t,secondsToClose:o,componentID:S=f(),children:i,customChildren:e}=v,a=x(v,["snackID","secondsToClose","componentID","children","customChildren"]),[n]=k(S),[l,d]=k(s.secondsToClose||10);b(()=>{let D=y('[data-component-id="'+n+'"]');setTimeout(()=>{D.addClass(I("FadeIn"))},10),p.set({["Snackbar-"+t]:{remove:()=>{D.addClass(I("FadeOut"))}}})},[]),b(()=>{h.interval.clear("Snackbar-"+n),h.interval.standBy("Snackbar-"+n,1e3,()=>{l<=0||d(l-1)}),l===0&&u.remove(t)},[l]);let g=r(R,{});return e?g=r(e,{close:()=>{u.remove(t)}}):g=_(T.Separate,{verticalAlign:"top",children:[r(w,{padding:["1/4",0],flexSizing:0,children:h.is.function(i)?r(i,{}):i}),r(F.Clear,{color:"layer",backgroundColor:"layer.4.opa.low",fontColor:"white",ssSphere:2.5,onClick:()=>{u.remove(t)},children:r(A.Times,{})})]}),r(w,m(c({className:I("Cell"),componentID:n,onMouseOver:()=>{d(-1)},onMouseOut:()=>{d(o||10)},opacity:"trans",width:1,padding:"2/3",marginBottom:1,borderRadius:"1.tone.primary",fontColor:"white",boxShadow:"1.remark",backgroundColor:"dark",transition:"middle"},a),{children:g}))},Wrapper:()=>{let[s,t]=k(f()),[o,S]=k([]);b(()=>{p.set({["Snackbar-"+C.get().sessionUID]:{add:e=>{e.snackID=e.snackID||f();let a=o.findIndex(n=>n.snackID==e.snackID);if(a==-1)o.unshift(m(c({},e),{snackID:e.snackID}));else{let n=[...o];n[a]=m(c({},e),{snackID:e.snackID}),o=n}t(f())},remove:e=>{let a=p.get("Snackbar-"+e);a&&a.remove&&(a.remove(),setTimeout(()=>{let n=o.findIndex(d=>d.snackID==e);if(n==-1)return;let l=[...o];l.splice(n,1),S(l)},210))}}})},[o.length]);let i=o.map(e=>M(B.Cell,m(c({},e),{key:e.snackID})));return r(E,{className:["AMOTIFY_be",I("Wrapper")].join(" "),position:"fixed",right:0,bottom:0,paddingLeft:0,paddingRight:1,paddingBottom:"safeAreaBottom",verticalAlign:"bottom",overflow:"auto",UnderBreakPointStyles:{left:0,paddingLeft:1,width:"auto"},children:i})}};export{u as Snackbar,u as default};
@@ -1 +1 @@
1
- import{b as f,c as T,d as k}from"../chunk-C5N2D3ZX.js";import{jsx as I}from"react/jsx-runtime";import c,{UUID as N}from"@mingoo/jsmin";import{useState as L,useEffect as M,useRef as X}from"react";import{$$fromRoot as h,useStore as j}from"../@utils";import{Box as R,Flex as B}from"../atoms";import{LayoutClasses as a}from"../@styles/componentClasses";const _=t=>{let D=t,{options:{onSlideCallback:e,visibilitySurroundSlide:u=!0,autoSwipems:d=0,loop:i=!1,disableMousedrag:r=!1,disableTouch:o=!1}={},wrapper:s=n=>n,slides:x=[],slideIndex:U}=D,E=k(D,["options","wrapper","slides","slideIndex"]),[w]=L(N()),[p,y]=L({eventType:"init",index:t.slideIndex});M(()=>{j.set({["SwipeTimer-"+w]:null})},[]);const g=X(!1);M(()=>{y({eventType:"usr",index:t.slideIndex}),g.current||(g.current=!0)},[t.slideIndex]),M(()=>{let n=p.index+(i?1:0),m=[-1,x.length].includes(p.index);m||e&&setTimeout(()=>{e(p.index)},300);let b=h("#Swiper-"+w);if(p.eventType=="adjustLoop")b.await(250).css({transition:"0s",transform:l.TrasformString(n)}).children().removeClass(a("Display")).parent().children(n).addClass([a("Display"),a("LoopAdjusting")]).await(100).removeClass(a("LoopAdjusting"));else if(p.eventType=="sys")b.await(250).css({transform:l.TrasformString(n)}).children().removeClass(a("Display")).parent().children(n).addClass(a("Display"));else if(b.children().removeClass(a("Display")).parent().children(n).addClass(a("Display")).parent().css({transition:"0.3s",transform:l.TrasformString(n)}).await(250).css({transition:"0s"}),m){let v=p.index==-1?x.length-1:0;y({eventType:"adjustLoop",index:v})}d&&!m&&(c.interval.clear("SwipeTimer-"+w),c.interval.standBy("SwipeTimer-"+w,d-(p.eventType=="sys"?310:0),()=>{let v=p.index+1;!i&&v>x.length-1&&(v=0),y({eventType:"usr",index:v})}))},[p]);let S=x.map((n,m)=>I(R,{flexSizing:"none",width:1,height:0,className:a("Child"),children:s(n)},m));i&&(S.push(S[0]),S.unshift(S[S.length-2]));let C={x:0,y:0,process:!1,effectStartAt:0,id:w,loop:i,index:p.index,minIndex:i?-1:0,maxIndex:x.length+(i?1:-1),width:0,set_event:y},A=p.index+(i?1:0);return I(R,T(f({overflow:"hidden",position:"relative"},E),{className:[E.className,a("SwipeView")].join(" "),freeCSS:f({zIndex:1},E.freeCSS),"data-swipe-id":w,onMouseDown:n=>{r||n.buttons==1&&l.EffectStart(n,C)},onTouchStart:n=>{var m;o||((m=n.touches)==null?void 0:m.length)==1&&l.EffectStart(n,C)},children:I(B,{flexWrap:!1,gap:1,transition:"long",className:[a("Rail"),a("ShowOther_"+u)].join(" "),id:"Swiper-"+w,freeCSS:f({},g.current?{}:{transform:l.TrasformString(A)}),children:S})}))},l={TrasformString:t=>`translateX( calc( ${-100*t}% - ${12*t}px ) )`,EffectStart:(t,e)=>{let{x:u,y:d}=c.getCursor(t),i=t.currentTarget,r=t.target;if(["SELECT","BUTTON","LABEL","INPUT"].includes(r.tagName))return;e=T(f({},e),{x:u-e.x+window.scrollX,y:d-e.y+window.scrollY,effectStartAt:new Date().getTime(),width:h("#Swiper-"+e.id).position().width});let{swipeId:o}=i.dataset;o==e.id&&c(document).addEvent({eventID:"SwipeMouseMove",eventType:"mousemove",callback:s=>{l.EffectCheck(s,e)},options:{passive:!1}}).addEvent({eventID:"SwipeTouchMove",eventType:"touchmove",callback:s=>{l.EffectCheck(s,e)},options:{passive:!1}}).addEvent({eventID:"SwipeMouseUp",eventType:"mouseup",callback:s=>{l.EffectEnd(s,e)},options:{passive:!1}}).addEvent({eventID:"SwipeTouchEnd",eventType:"touchend",callback:s=>{l.EffectEnd(s,e)},options:{passive:!1}})},EffectCheck:(t,e)=>{if(e.process)return;let{x:u,y:d}=c.getCursor(t),i=Math.abs(u-e.x+window.scrollX),r=Math.abs(d-e.y+window.scrollY);if(!(t.touches&&t.touches.length>1)&&!(r+i<15))if(r>i/2)c(document).removeEvent(["SwipeMouseMove","SwipeTouchMove"]);else{e.process=!0;let o=e.index+(e.loop?1:0);h("#Swiper-"+e.id).children(o-1).addClass(a("Display")),c(document).addEvent({eventID:"SwipeCheckMouseMove",eventType:"mousemove",callback:s=>{l.EffectMove(s,e)},options:{passive:!1}}).addEvent({eventID:"SwipeCheckTouchMove",eventType:"touchmove",callback:s=>{l.EffectMove(s,e)},options:{passive:!1}}),t.preventDefault();return}},EffectMove:(t,e)=>{if(t.touches&&t.touches.length>1)return;let{x:u}=c.getCursor(t),d=u-e.x+window.scrollX,r=e.index+(e.loop?1:0)-d/e.width;if(r<0)r/=2;else if(r>e.maxIndex){let o=r-e.maxIndex;r=e.maxIndex+o/2}h("#Swiper-"+e.id).css({transition:"0s",transform:l.TrasformString(r)}),t.preventDefault()},EffectEnd:(t,e)=>{if(e.process){let d=c.getCursor(t).x-e.x+window.scrollX,i=new Date().getTime(),r=i-e.effectStartAt,o=e.index+(e.loop?1:0),s=0;r<400?s=o-(+(d>0)*2-1):s=Math.round(o-d/e.width),s=Math.max(Math.min(s,e.maxIndex),e.minIndex),e.process=!1,o===s?(e.effectStartAt=i,h("#Swiper-"+e.id).css({transition:".2s",transform:l.TrasformString(s)}).await(310).css({transition:"0s"}).children().removeClass(a("Display")).parent().children(o).addClass(a("Display"))):e.set_event({eventType:"usr",index:s+e.minIndex})}c(document).removeEvent(["SwipeMouseMove","SwipeTouchMove","SwipeCheckMouseMove","SwipeCheckTouchMove","SwipeMouseUp","SwipeTouchEnd"])}},V=t=>I(_,T(f({},t),{slideIndex:Math.max(Math.min(t.slideIndex,t.slides.length-1),0)}));export{V as SwipeView,V as default};
1
+ import{b as f,c as T,d as k}from"../chunk-C5N2D3ZX.js";import{jsx as I}from"react/jsx-runtime";import c,{UUID as N}from"jmini";import{useState as L,useEffect as M,useRef as X}from"react";import{$$fromRoot as h,useStore as j}from"../@utils";import{Box as R,Flex as B}from"../atoms";import{LayoutClasses as a}from"../@styles/componentClasses";const _=t=>{let D=t,{options:{onSlideCallback:e,visibilitySurroundSlide:u=!0,autoSwipems:d=0,loop:i=!1,disableMousedrag:r=!1,disableTouch:o=!1}={},wrapper:s=n=>n,slides:x=[],slideIndex:U}=D,E=k(D,["options","wrapper","slides","slideIndex"]),[w]=L(N()),[p,y]=L({eventType:"init",index:t.slideIndex});M(()=>{j.set({["SwipeTimer-"+w]:null})},[]);const g=X(!1);M(()=>{y({eventType:"usr",index:t.slideIndex}),g.current||(g.current=!0)},[t.slideIndex]),M(()=>{let n=p.index+(i?1:0),m=[-1,x.length].includes(p.index);m||e&&setTimeout(()=>{e(p.index)},300);let b=h("#Swiper-"+w);if(p.eventType=="adjustLoop")b.await(250).css({transition:"0s",transform:l.TrasformString(n)}).children().removeClass(a("Display")).parent().children(n).addClass([a("Display"),a("LoopAdjusting")]).await(100).removeClass(a("LoopAdjusting"));else if(p.eventType=="sys")b.await(250).css({transform:l.TrasformString(n)}).children().removeClass(a("Display")).parent().children(n).addClass(a("Display"));else if(b.children().removeClass(a("Display")).parent().children(n).addClass(a("Display")).parent().css({transition:"0.3s",transform:l.TrasformString(n)}).await(250).css({transition:"0s"}),m){let v=p.index==-1?x.length-1:0;y({eventType:"adjustLoop",index:v})}d&&!m&&(c.interval.clear("SwipeTimer-"+w),c.interval.standBy("SwipeTimer-"+w,d-(p.eventType=="sys"?310:0),()=>{let v=p.index+1;!i&&v>x.length-1&&(v=0),y({eventType:"usr",index:v})}))},[p]);let S=x.map((n,m)=>I(R,{flexSizing:"none",width:1,height:0,className:a("Child"),children:s(n)},m));i&&(S.push(S[0]),S.unshift(S[S.length-2]));let C={x:0,y:0,process:!1,effectStartAt:0,id:w,loop:i,index:p.index,minIndex:i?-1:0,maxIndex:x.length+(i?1:-1),width:0,set_event:y},A=p.index+(i?1:0);return I(R,T(f({overflow:"hidden",position:"relative"},E),{className:[E.className,a("SwipeView")].join(" "),freeCSS:f({zIndex:1},E.freeCSS),"data-swipe-id":w,onMouseDown:n=>{r||n.buttons==1&&l.EffectStart(n,C)},onTouchStart:n=>{var m;o||((m=n.touches)==null?void 0:m.length)==1&&l.EffectStart(n,C)},children:I(B,{flexWrap:!1,gap:1,transition:"long",className:[a("Rail"),a("ShowOther_"+u)].join(" "),id:"Swiper-"+w,freeCSS:f({},g.current?{}:{transform:l.TrasformString(A)}),children:S})}))},l={TrasformString:t=>`translateX( calc( ${-100*t}% - ${12*t}px ) )`,EffectStart:(t,e)=>{let{x:u,y:d}=c.getCursor(t),i=t.currentTarget,r=t.target;if(["SELECT","BUTTON","LABEL","INPUT"].includes(r.tagName))return;e=T(f({},e),{x:u-e.x+window.scrollX,y:d-e.y+window.scrollY,effectStartAt:new Date().getTime(),width:h("#Swiper-"+e.id).position().width});let{swipeId:o}=i.dataset;o==e.id&&c(document).addEvent({eventID:"SwipeMouseMove",eventType:"mousemove",callback:s=>{l.EffectCheck(s,e)},options:{passive:!1}}).addEvent({eventID:"SwipeTouchMove",eventType:"touchmove",callback:s=>{l.EffectCheck(s,e)},options:{passive:!1}}).addEvent({eventID:"SwipeMouseUp",eventType:"mouseup",callback:s=>{l.EffectEnd(s,e)},options:{passive:!1}}).addEvent({eventID:"SwipeTouchEnd",eventType:"touchend",callback:s=>{l.EffectEnd(s,e)},options:{passive:!1}})},EffectCheck:(t,e)=>{if(e.process)return;let{x:u,y:d}=c.getCursor(t),i=Math.abs(u-e.x+window.scrollX),r=Math.abs(d-e.y+window.scrollY);if(!(t.touches&&t.touches.length>1)&&!(r+i<15))if(r>i/2)c(document).removeEvent(["SwipeMouseMove","SwipeTouchMove"]);else{e.process=!0;let o=e.index+(e.loop?1:0);h("#Swiper-"+e.id).children(o-1).addClass(a("Display")),c(document).addEvent({eventID:"SwipeCheckMouseMove",eventType:"mousemove",callback:s=>{l.EffectMove(s,e)},options:{passive:!1}}).addEvent({eventID:"SwipeCheckTouchMove",eventType:"touchmove",callback:s=>{l.EffectMove(s,e)},options:{passive:!1}}),t.preventDefault();return}},EffectMove:(t,e)=>{if(t.touches&&t.touches.length>1)return;let{x:u}=c.getCursor(t),d=u-e.x+window.scrollX,r=e.index+(e.loop?1:0)-d/e.width;if(r<0)r/=2;else if(r>e.maxIndex){let o=r-e.maxIndex;r=e.maxIndex+o/2}h("#Swiper-"+e.id).css({transition:"0s",transform:l.TrasformString(r)}),t.preventDefault()},EffectEnd:(t,e)=>{if(e.process){let d=c.getCursor(t).x-e.x+window.scrollX,i=new Date().getTime(),r=i-e.effectStartAt,o=e.index+(e.loop?1:0),s=0;r<400?s=o-(+(d>0)*2-1):s=Math.round(o-d/e.width),s=Math.max(Math.min(s,e.maxIndex),e.minIndex),e.process=!1,o===s?(e.effectStartAt=i,h("#Swiper-"+e.id).css({transition:".2s",transform:l.TrasformString(s)}).await(310).css({transition:"0s"}).children().removeClass(a("Display")).parent().children(o).addClass(a("Display"))):e.set_event({eventType:"usr",index:s+e.minIndex})}c(document).removeEvent(["SwipeMouseMove","SwipeTouchMove","SwipeCheckMouseMove","SwipeCheckTouchMove","SwipeMouseUp","SwipeTouchEnd"])}},V=t=>I(_,T(f({},t),{slideIndex:Math.max(Math.min(t.slideIndex,t.slides.length-1),0)}));export{V as SwipeView,V as default};
@@ -1 +1 @@
1
- import{b as r,c as m,d as Y}from"../../chunk-C5N2D3ZX.js";import{Fragment as z,jsx as l,jsxs as x}from"react/jsx-runtime";import C,{UUID as Z}from"@mingoo/jsmin";import{useState as ee,useEffect as j}from"react";import{useStore as te,useRefresh as F}from"../../@utils";import{Box as v,Flex as K,FAI as N,Span as le,Column as oe}from"../../atoms";import{Row as E}from"../../mols";import{Button as H}from"../Button";import W from"../Sheet";import L from"../Input";import{faArrowUp as ne}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as se}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faArrowRight as ie}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faFilter as ce}from"@fortawesome/free-solid-svg-icons/faFilter";import D from"./Parts";import de from"./Wrapper";import{DefaultCellSystemAdjustingStyles as V}from"./cellStyling";import{TableClasses as y}from"../../@styles/componentClasses";const I={__memoryID:Z(),Header:t=>{var h,b;let{val_status:e,set_status:n,KeywordFilterRows:u}=r({},t),{order:s,filter:a}=e,[d,g]=s.current,p=[],c=[...e.head];if(e.checker){let o={top:!0,bottom:!e.rows.length,left:!0,right:!e.colLength,rowIndex:0,colIndex:0,isBody:!1,isHeader:!0},i=V(o),f=e.cellStylesCallback?e.cellStylesCallback(o):{};p.push(l(D.TH,m(r(r(r({fontWeight:"2.normal",position:"sticky",top:0,unitWidth:4,padding:0},e.cellStyles),i),f),{freeCSS:m(r(r({},(h=e.cellStyles)==null?void 0:h.freeCSS),f.freeCSS),{zIndex:2}),className:[y("Cell"),e.cellClassName].join(" "),children:l(v,{flexCenter:!0,children:l(L.Checker,{label:null,value:!1,onUpdateValidValue:({value:S})=>{let w=e.rows;w.forEach(O=>{O.checked=S}),n(m(r({},e),{rows:w}))}})})}),-1))}for(let o=0;o<e.colLength;o++){let i=c[o];if(!i)continue;let f=i.children||i.data,S=s.enabled&&s.column[o],w=a.enabled&&a.column[o],O=S?l(N,{fontSize:"1.mini",fontColor:o==d?"1.clear":"5.translucent",icon:o==d?g=="DESC"?se:ne:ie}):null,B=l(z,{});if(w){let k=u.map(P=>{var A;return(A=P[o])==null?void 0:A.data});k=[...new Set(k)].order({direction:"ASC"});let _=a.current[o];if(_){let P=k.filter(R=>!_.includes(R)),A=[];k.forEach(R=>{R&&A.push({value:R,label:l(v,{flexSizing:"auto",children:R})})});let X="BUTTON-"+e.componentID+"-"+o,$=e.componentID+"-"+o,q={sheetID:$,parent:"#"+X,gravityPoint:23,type:"custom",content:x(K,{flexType:"col",border:!0,boxShadow:"3.remark",backgroundColor:"layer.1",borderRadius:1,freeCSS:{minWidth:12*20,maxWidth:12*30},children:[l(oe,{gap:"1/3",overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*30},children:l(L.Checkbox,{icon:!0,value:P,display:"flex",gap:"1/2",override:"force",options:A,hideInput:!0,name:"DTFilter-col-"+o+"-table-"+e.componentID,onUpdateValidValue:({value:R})=>{let M=k.filter(ae=>!R.includes(ae)),Q=r({},e);Q.filter.current[o]=M,n(Q)}})}),x(E.Separate,{gap:"2/3",padding:"2/3",horizontalAlign:"right",children:[l(H.Border.S,{isRounded:!0,onClick:()=>{W.close($)},children:"\u9589\u3058\u308B"}),l(H.Prime.S,{color:"theme",isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{let R=[];_.length||(R=k);let M=r({},e);M.filter.current[o]=R,n(M)},children:"\u5168\u9078\u629E"})]})]})};W.refresh(q,!0),B=l(v,{className:y("FilterRegion"),children:l(H.Sub.S,{ssSphere:2.5,fontSize:"1.mini",className:y("Filtering_"+!!_.length),id:X,onClick:R=>{R.stopPropagation(),W.open(q)},children:l(N,{icon:ce})})})}}let J={top:!0,bottom:!e.rows.length,left:e.checker?!1:o==0,right:o==e.colLength-1,rowIndex:0,colIndex:o,isBody:!1,isHeader:!0},re=V(J),G=e.cellStylesCallback?e.cellStylesCallback(J):{};i=m(r(r(r(r({},e.cellStyles),re),i),G),{ssPushable:S,freeCSS:r(r(r({},(b=e.cellStyles)==null?void 0:b.freeCSS),G.freeCSS),i.freeCSS),className:[y("Cell"),e.cellClassName,i.className].join(" ")}),delete i.orderIndex,p.push(l(D.TH,m(r({fontWeight:"2.normal",position:"sticky",top:0},i),{freeCSS:r({zIndex:2},i.freeCSS),onClick:k=>{if(S){let _=r({},e),P=[o,d===o&&g=="ASC"?"DESC":"ASC"];_.order.current=P,n(_),e.onOrderChanged&&e.onOrderChanged(P)}},children:x(K,{flexType:"row-r",flexWrap:!1,height:1,borderRadius:"inherit",flexCenter:!0,children:[B,x(K,{flexSizing:0,position:"relative",borderRadius:"inherit",gap:"1/2",flexWrap:!1,verticalAlign:"center",horizontalAlign:"center",children:[O,f]})]})}),o))}return l(D.Row,{className:[y("Row"),y("HeadRow")].join(" "),children:p})},Body:t=>{let{val_status:e,PageRows:n}=t,u=[];if(n.forEach((s,a)=>{var p;let d=[...s],g=[];if(e.checker){let c={top:a==0&&!e.head,bottom:a==n.length-1,left:!0,right:!e.colLength,rowIndex:a,colIndex:0,isBody:!0,isHeader:!1},h=V(c),b=e.cellStylesCallback?e.cellStylesCallback(c):{};g.push(l(D.TH,m(r(r(r({unitWidth:4,padding:0,borderRight:!0},e.cellStyles),h),b),{freeCSS:r(r({},(p=e.cellStyles)==null?void 0:p.freeCSS),b.freeCSS),className:[y("Cell"),e.cellClassName].join(" "),children:l(v,{flexCenter:!0,children:l(L.Checker,{label:null,value:s.checked,override:"force",onUpdateValidValue:({value:o})=>{let i=e.rows,f=i.findIndex(S=>C.JsonTo(S.rowID)==C.JsonTo(s.rowID));f!=-1&&(i[f].checked=o,t.set_status(S=>m(r({},S),{rows:i})))}})})}),-1))}d.forEach((c,h)=>{var B;if(!c)return;let O=c,{type:b="td"}=O,o=Y(O,["type"]),i={top:a==0&&!e.head,bottom:a==n.length-1,left:e.checker?!1:h==0,right:h==e.colLength-1,rowIndex:a,colIndex:h,isBody:!0,isHeader:!1},f=V(i),S=e.cellStylesCallback?e.cellStylesCallback(i):{};o=m(r(r(r(r({},e.cellStyles),f),o),S),{freeCSS:r(r(r({},(B=e.cellStyles)==null?void 0:B.freeCSS),o.freeCSS),S.freeCSS),className:[y("Cell"),e.cellClassName,o.className].join(" ")}),delete o.orderIndex;let w=D[b=="td"?"TD":"TH"];g.push(l(w,r({},o),h))}),u.push(l(D.Row,{className:[y("Row"),y("BodyRow")].join(" "),children:g,onClick:c=>{e.onRowClick&&e.onRowClick(s.rowID,c)}},a))}),!n.length){let s=l(v,{padding:2,fontColor:"4.thin",textAlign:"center",borderTop:"1.thin",children:"\u30C6\u30FC\u30D6\u30EB\u304C\u3042\u308A\u307E\u305B\u3093"});e.noRecords&&(s=l(z,{children:e.noRecords})),u.push(l(D.Row,{className:[y("Row"),y("BodyRow"),y("DataNotFound")].join(" "),children:l(D.TD,{colSpan:e.colLength,className:y("Cell"),children:s})},"dataNotFound"))}return l(z,{children:u})},Core:t=>{let{val_status:e,set_status:n}=t,{searchKeyword:u,filter:s,order:a,paging:d}=e,g=[...e.rows],p=[...e.rows],c=[...e.rows],h=[...e.rows];if(u&&(p=g.filter(i=>(i.__sys4SearchKey||"").match(new RegExp(u,"i"))?1:0),c=[...p],h=[...p]),s.enabled)for(let i=0;i<e.colLength;i++){let f=s.column[i],S=s.current[i];f&&S&&S.length&&(c=c.filter(w=>!S.includes(w[i].data)),h=[...c])}a.enabled&&(c=c.order({direction:a.current[1],keys:[a.current[0],"orderIndex"]}),h=[...c]);{let{currentPageIndex:i,rowLength:f}=d;h=[...h].splice((i-1)*f,f)}let b=I.__memoryID+"_"+e.tableID,o={rows:{total:g.length,page:h.length,filtered:c.length},val_status:m(r({},e),{paging:m(r({},e.paging),{pageLength:Math.ceil(c.length/e.paging.rowLength)})}),set_status:n};return te.update({[b]:{getRowData:()=>{let i=[...g];return a.enabled&&(i=i.order({direction:a.current[1],keys:[a.current[0],"orderIndex"]})),i.forEach(f=>{f.currentPage=!1,f.filtered=!1}),h.forEach(f=>{let{rowID:S}=f;i.find(w=>C.JsonTo(w.rowID)==C.JsonTo(S)).currentPage=!0}),c.forEach(f=>{let{rowID:S}=f;i.find(w=>C.JsonTo(w.rowID)==C.JsonTo(S)).filtered=!0}),i}}}),j(()=>{F.release(e.tableID,o)}),l(v,{className:y("TableBase"),children:l(D.Table,{className:y("Table"),children:x(D.Body,{children:[l(I.Header,{val_status:e,set_status:n,KeywordFilterRows:p}),l(I.Body,{val_status:e,set_status:n,PageRows:h})]})})},u)},Propagations:{},DataLeveler:t=>{var e,n;return t=r({},t),t.filter=(e=t.filter)!=null?e:!1,t.filter=Array.from({length:t.colLength}).map((u,s)=>{var a;return C.is.boolean(t.filter)?t.filter:(a=t.filter[s])!=null?a:!1}),t.order=(n=t.order)!=null?n:!0,t.order=Array.from({length:t.colLength}).map((u,s)=>{var a;return C.is.boolean(t.order)?t.order:(a=t.order[s])!=null?a:!0}),t=r({checker:!1,searchKeyword:"",filter:!1,order:!0,defaultOrder:[0,"ASC"]},t),t.rows.forEach((u,s)=>{u.rowID=u.rowID||s;let a=[];u.forEach((d,g)=>{let{data:p,children:c,orderIndex:h}=d;d.orderIndex=C.is.exist(h)?String(h):String(p),d.children=c||String(p),a.push(String(d.data))}),u.__sys4SearchKey=a.join("/")}),l(I.StateManager,r({},t))},StateManager:t=>{let{colLength:e,checker:n=!1,searchKeyword:u="",filter:s,order:a,defaultOrder:d=[0,"ASC"],pageRowLength:g=30}=t,[p]=ee(Z()),c={tableID:t.tableID||p,componentID:p,colLength:e,checker:n,searchKeyword:u,filter:{enabled:s!==!1,column:s,current:Array.from({length:e},()=>[])},order:{enabled:a!==!1,column:a,current:d},paging:{rowLength:g,pageLength:Math.ceil(t.rows.length/g),currentPageIndex:1},head:t.head,rows:t.rows,noRecords:t.noRecords,cellStyles:t.cellStyles||{},cellClassName:t.cellClassName||"",cellStylesCallback:t.cellStylesCallback,onRowClick:t.onRowClick,onOrderChanged:t.onOrderChanged},[h,b]=ee(c);return j(()=>{b(o=>m(r({},o),{rows:c.rows}))},[C.JsonTo(c.rows)]),j(()=>{b(o=>m(r({},o),{head:c.head}))},[C.JsonTo(c.head)]),l(I.Core,{val_status:h,set_status:b})}},ue={__memoryID:I.__memoryID,getRowData:t=>{let e=te.get(I.__memoryID+"_"+t);if(e!=null&&e.getRowData)return e.getRowData()}},U={SearchInput:t=>{let e=F.catch(t.tableID);if(!e)return null;let{val_status:n,set_status:u}=e;return l(L.TextField,{label:"\u691C\u7D22...",clearButton:!0,padding:"2/3",paddingRight:3,rightIcon:l(L.RightIcon,{ssSphere:2,fontColor:"5.translucent",right:"2/3",children:l(N.Search,{})}),value:n.searchKeyword,onUpdateValidValue:({value:s})=>{t.onChange(s),C.interval.clear("InputSearchTime"),C.interval.standBy("InputSearchTime",200,()=>{u(a=>m(r({},a),{paging:m(r({},a.paging),{currentPageIndex:1}),filter:m(r({},a.filter),{current:Array.from({length:a.colLength},()=>[])}),searchKeyword:s}))})}})},Info:t=>{let e=F.catch(t.tableID);if(!e)return null;let{val_status:n,set_status:u}=e,s=e.rows.filtered.ratio(e.rows.total)||0;return x(K,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[l(le,{fontSize:"4.thirdTitle",fontColor:"theme",children:e.rows.filtered.toLocaleString()}),"/ ",e.rows.total.toLocaleString(),"\u4EF6 (",s,"%)"]})},Paging:t=>{let e=F.catch(t.tableID);if(!e)return null;let{val_status:n,set_status:u}=e,s=[];for(let d=0;d<n.paging.pageLength;d++)s.push({value:d+1,label:(d+1).toString()});const a=d=>{let g=Math.min(Math.max(1,d),n.paging.pageLength),p=r({},n);p.paging.currentPageIndex=g,u(c=>m(r({},c),{paging:m(r({},c.paging),{currentPageIndex:g})}))};return x(E.Center,{children:[x(E.Center,{gap:"1/2",children:[l(L.Select,{label:"\u9805",freeCSS:{minWidth:12*3},emptySelect:!1,padding:["1/3","2/3"],rightIcon:!1,override:"force",value:n.paging.currentPageIndex,options:s,SelectorGravityPoint:24,onUpdateValidValue:({value:d})=>{a(d)}}),"/ ",n.paging.pageLength]}),x(E.Right,{gap:"1/2",children:[l(H.Sub,{ssSphere:3,onClick:()=>{if(n.paging.currentPageIndex==1){a(n.paging.pageLength);return}a(n.paging.currentPageIndex-1)},children:l(N.ChevronLeft,{})}),l(H.Sub,{ssSphere:3,onClick:()=>{if(n.paging.currentPageIndex==n.paging.pageLength){a(1);return}a(n.paging.currentPageIndex+1)},children:l(N.ChevronRight,{})})]})]})},RowLength:t=>{let e=F.catch(t.tableID);if(!e)return null;let{val_status:n,set_status:u}=e,s=n.paging.rowLength,a=0,d=t.lengthSelect.map(g=>(a|=+(g==s),{value:g,label:g.toString()}));return a||d.push({value:s,label:s.toString()}),d=d.order({direction:"ASC",keys:["value"]}),l(E.Center,{gap:"1/2",children:l(L.Select,{label:"\u4EF6\u6570",emptySelect:!1,rightIcon:!1,override:"force",padding:["1/3","2/3"],value:n.paging.rowLength,options:d,SelectorGravityPoint:24,onUpdateValidValue:({value:g})=>{u(p=>m(r({},p),{paging:{rowLength:Number(g),currentPageIndex:1,pageLength:Math.ceil(e.rows.filtered/Number(g))}}))}})})}},ge=t=>l(de,m(r({},t),{type:"data",JSXChildren:I.DataLeveler})),T=ge;T.__memoryID=I.__memoryID,T.getRowData=ue.getRowData,T.Info=U.Info,T.Paging=U.Paging,T.RowLength=U.RowLength,T.SearchInput=U.SearchInput;export{T as Data,T as default};
1
+ import{b as r,c as m,d as Y}from"../../chunk-C5N2D3ZX.js";import{Fragment as z,jsx as l,jsxs as x}from"react/jsx-runtime";import C,{UUID as Z}from"jmini";import{useState as ee,useEffect as j}from"react";import{useStore as te,useRefresh as F}from"../../@utils";import{Box as v,Flex as K,FAI as N,Span as le,Column as oe}from"../../atoms";import{Row as E}from"../../mols";import{Button as H}from"../Button";import W from"../Sheet";import L from"../Input";import{faArrowUp as ne}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as se}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faArrowRight as ie}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faFilter as ce}from"@fortawesome/free-solid-svg-icons/faFilter";import D from"./Parts";import de from"./Wrapper";import{DefaultCellSystemAdjustingStyles as V}from"./cellStyling";import{TableClasses as y}from"../../@styles/componentClasses";const I={__memoryID:Z(),Header:t=>{var h,b;let{val_status:e,set_status:n,KeywordFilterRows:u}=r({},t),{order:s,filter:a}=e,[d,g]=s.current,p=[],c=[...e.head];if(e.checker){let o={top:!0,bottom:!e.rows.length,left:!0,right:!e.colLength,rowIndex:0,colIndex:0,isBody:!1,isHeader:!0},i=V(o),f=e.cellStylesCallback?e.cellStylesCallback(o):{};p.push(l(D.TH,m(r(r(r({fontWeight:"2.normal",position:"sticky",top:0,unitWidth:4,padding:0},e.cellStyles),i),f),{freeCSS:m(r(r({},(h=e.cellStyles)==null?void 0:h.freeCSS),f.freeCSS),{zIndex:2}),className:[y("Cell"),e.cellClassName].join(" "),children:l(v,{flexCenter:!0,children:l(L.Checker,{label:null,value:!1,onUpdateValidValue:({value:S})=>{let w=e.rows;w.forEach(O=>{O.checked=S}),n(m(r({},e),{rows:w}))}})})}),-1))}for(let o=0;o<e.colLength;o++){let i=c[o];if(!i)continue;let f=i.children||i.data,S=s.enabled&&s.column[o],w=a.enabled&&a.column[o],O=S?l(N,{fontSize:"1.mini",fontColor:o==d?"1.clear":"5.translucent",icon:o==d?g=="DESC"?se:ne:ie}):null,B=l(z,{});if(w){let k=u.map(P=>{var A;return(A=P[o])==null?void 0:A.data});k=[...new Set(k)].order({direction:"ASC"});let _=a.current[o];if(_){let P=k.filter(R=>!_.includes(R)),A=[];k.forEach(R=>{R&&A.push({value:R,label:l(v,{flexSizing:"auto",children:R})})});let X="BUTTON-"+e.componentID+"-"+o,$=e.componentID+"-"+o,q={sheetID:$,parent:"#"+X,gravityPoint:23,type:"custom",content:x(K,{flexType:"col",border:!0,boxShadow:"3.remark",backgroundColor:"layer.1",borderRadius:1,freeCSS:{minWidth:12*20,maxWidth:12*30},children:[l(oe,{gap:"1/3",overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*30},children:l(L.Checkbox,{icon:!0,value:P,display:"flex",gap:"1/2",override:"force",options:A,hideInput:!0,name:"DTFilter-col-"+o+"-table-"+e.componentID,onUpdateValidValue:({value:R})=>{let M=k.filter(ae=>!R.includes(ae)),Q=r({},e);Q.filter.current[o]=M,n(Q)}})}),x(E.Separate,{gap:"2/3",padding:"2/3",horizontalAlign:"right",children:[l(H.Border.S,{isRounded:!0,onClick:()=>{W.close($)},children:"\u9589\u3058\u308B"}),l(H.Prime.S,{color:"theme",isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{let R=[];_.length||(R=k);let M=r({},e);M.filter.current[o]=R,n(M)},children:"\u5168\u9078\u629E"})]})]})};W.open(q,!1),B=l(v,{className:y("FilterRegion"),children:l(H.Sub.S,{ssSphere:2.5,fontSize:"1.mini",className:y("Filtering_"+!!_.length),id:X,onClick:R=>{R.stopPropagation(),W.open(q)},children:l(N,{icon:ce})})})}}let J={top:!0,bottom:!e.rows.length,left:e.checker?!1:o==0,right:o==e.colLength-1,rowIndex:0,colIndex:o,isBody:!1,isHeader:!0},re=V(J),G=e.cellStylesCallback?e.cellStylesCallback(J):{};i=m(r(r(r(r({},e.cellStyles),re),i),G),{ssPushable:S,freeCSS:r(r(r({},(b=e.cellStyles)==null?void 0:b.freeCSS),G.freeCSS),i.freeCSS),className:[y("Cell"),e.cellClassName,i.className].join(" ")}),delete i.orderIndex,p.push(l(D.TH,m(r({fontWeight:"2.normal",position:"sticky",top:0},i),{freeCSS:r({zIndex:2},i.freeCSS),onClick:k=>{if(S){let _=r({},e),P=[o,d===o&&g=="ASC"?"DESC":"ASC"];_.order.current=P,n(_),e.onOrderChanged&&e.onOrderChanged(P)}},children:x(K,{flexType:"row-r",flexWrap:!1,height:1,borderRadius:"inherit",flexCenter:!0,children:[B,x(K,{flexSizing:0,position:"relative",borderRadius:"inherit",gap:"1/2",flexWrap:!1,verticalAlign:"center",horizontalAlign:"center",children:[O,f]})]})}),o))}return l(D.Row,{className:[y("Row"),y("HeadRow")].join(" "),children:p})},Body:t=>{let{val_status:e,PageRows:n}=t,u=[];if(n.forEach((s,a)=>{var p;let d=[...s],g=[];if(e.checker){let c={top:a==0&&!e.head,bottom:a==n.length-1,left:!0,right:!e.colLength,rowIndex:a,colIndex:0,isBody:!0,isHeader:!1},h=V(c),b=e.cellStylesCallback?e.cellStylesCallback(c):{};g.push(l(D.TH,m(r(r(r({unitWidth:4,padding:0,borderRight:!0},e.cellStyles),h),b),{freeCSS:r(r({},(p=e.cellStyles)==null?void 0:p.freeCSS),b.freeCSS),className:[y("Cell"),e.cellClassName].join(" "),children:l(v,{flexCenter:!0,children:l(L.Checker,{label:null,value:s.checked,override:"force",onUpdateValidValue:({value:o})=>{let i=e.rows,f=i.findIndex(S=>C.JsonTo(S.rowID)==C.JsonTo(s.rowID));f!=-1&&(i[f].checked=o,t.set_status(S=>m(r({},S),{rows:i})))}})})}),-1))}d.forEach((c,h)=>{var B;if(!c)return;let O=c,{type:b="td"}=O,o=Y(O,["type"]),i={top:a==0&&!e.head,bottom:a==n.length-1,left:e.checker?!1:h==0,right:h==e.colLength-1,rowIndex:a,colIndex:h,isBody:!0,isHeader:!1},f=V(i),S=e.cellStylesCallback?e.cellStylesCallback(i):{};o=m(r(r(r(r({},e.cellStyles),f),o),S),{freeCSS:r(r(r({},(B=e.cellStyles)==null?void 0:B.freeCSS),o.freeCSS),S.freeCSS),className:[y("Cell"),e.cellClassName,o.className].join(" ")}),delete o.orderIndex;let w=D[b=="td"?"TD":"TH"];g.push(l(w,r({},o),h))}),u.push(l(D.Row,{className:[y("Row"),y("BodyRow")].join(" "),children:g,onClick:c=>{e.onRowClick&&e.onRowClick(s.rowID,c)}},a))}),!n.length){let s=l(v,{padding:2,fontColor:"4.thin",textAlign:"center",borderTop:"1.thin",children:"\u30C6\u30FC\u30D6\u30EB\u304C\u3042\u308A\u307E\u305B\u3093"});e.noRecords&&(s=l(z,{children:e.noRecords})),u.push(l(D.Row,{className:[y("Row"),y("BodyRow"),y("DataNotFound")].join(" "),children:l(D.TD,{colSpan:e.colLength,className:y("Cell"),children:s})},"dataNotFound"))}return l(z,{children:u})},Core:t=>{let{val_status:e,set_status:n}=t,{searchKeyword:u,filter:s,order:a,paging:d}=e,g=[...e.rows],p=[...e.rows],c=[...e.rows],h=[...e.rows];if(u&&(p=g.filter(i=>(i.__sys4SearchKey||"").match(new RegExp(u,"i"))?1:0),c=[...p],h=[...p]),s.enabled)for(let i=0;i<e.colLength;i++){let f=s.column[i],S=s.current[i];f&&S&&S.length&&(c=c.filter(w=>!S.includes(w[i].data)),h=[...c])}a.enabled&&(c=c.order({direction:a.current[1],keys:[a.current[0],"orderIndex"]}),h=[...c]);{let{currentPageIndex:i,rowLength:f}=d;h=[...h].splice((i-1)*f,f)}let b=I.__memoryID+"_"+e.tableID,o={rows:{total:g.length,page:h.length,filtered:c.length},val_status:m(r({},e),{paging:m(r({},e.paging),{pageLength:Math.ceil(c.length/e.paging.rowLength)})}),set_status:n};return te.update({[b]:{getRowData:()=>{let i=[...g];return a.enabled&&(i=i.order({direction:a.current[1],keys:[a.current[0],"orderIndex"]})),i.forEach(f=>{f.currentPage=!1,f.filtered=!1}),h.forEach(f=>{let{rowID:S}=f;i.find(w=>C.JsonTo(w.rowID)==C.JsonTo(S)).currentPage=!0}),c.forEach(f=>{let{rowID:S}=f;i.find(w=>C.JsonTo(w.rowID)==C.JsonTo(S)).filtered=!0}),i}}}),j(()=>{F.release(e.tableID,o)}),l(v,{className:y("TableBase"),children:l(D.Table,{className:y("Table"),children:x(D.Body,{children:[l(I.Header,{val_status:e,set_status:n,KeywordFilterRows:p}),l(I.Body,{val_status:e,set_status:n,PageRows:h})]})})},u)},Propagations:{},DataLeveler:t=>{var e,n;return t=r({},t),t.filter=(e=t.filter)!=null?e:!1,t.filter=Array.from({length:t.colLength}).map((u,s)=>{var a;return C.is.boolean(t.filter)?t.filter:(a=t.filter[s])!=null?a:!1}),t.order=(n=t.order)!=null?n:!0,t.order=Array.from({length:t.colLength}).map((u,s)=>{var a;return C.is.boolean(t.order)?t.order:(a=t.order[s])!=null?a:!0}),t=r({checker:!1,searchKeyword:"",filter:!1,order:!0,defaultOrder:[0,"ASC"]},t),t.rows.forEach((u,s)=>{u.rowID=u.rowID||s;let a=[];u.forEach((d,g)=>{let{data:p,children:c,orderIndex:h}=d;d.orderIndex=C.is.exist(h)?String(h):String(p),d.children=c||String(p),a.push(String(d.data))}),u.__sys4SearchKey=a.join("/")}),l(I.StateManager,r({},t))},StateManager:t=>{let{colLength:e,checker:n=!1,searchKeyword:u="",filter:s,order:a,defaultOrder:d=[0,"ASC"],pageRowLength:g=30}=t,[p]=ee(Z()),c={tableID:t.tableID||p,componentID:p,colLength:e,checker:n,searchKeyword:u,filter:{enabled:s!==!1,column:s,current:Array.from({length:e},()=>[])},order:{enabled:a!==!1,column:a,current:d},paging:{rowLength:g,pageLength:Math.ceil(t.rows.length/g),currentPageIndex:1},head:t.head,rows:t.rows,noRecords:t.noRecords,cellStyles:t.cellStyles||{},cellClassName:t.cellClassName||"",cellStylesCallback:t.cellStylesCallback,onRowClick:t.onRowClick,onOrderChanged:t.onOrderChanged},[h,b]=ee(c);return j(()=>{b(o=>m(r({},o),{rows:c.rows}))},[C.JsonTo(c.rows)]),j(()=>{b(o=>m(r({},o),{head:c.head}))},[C.JsonTo(c.head)]),l(I.Core,{val_status:h,set_status:b})}},ue={__memoryID:I.__memoryID,getRowData:t=>{let e=te.get(I.__memoryID+"_"+t);if(e!=null&&e.getRowData)return e.getRowData()}},U={SearchInput:t=>{let e=F.catch(t.tableID);if(!e)return null;let{val_status:n,set_status:u}=e;return l(L.TextField,{label:"\u691C\u7D22...",clearButton:!0,padding:"2/3",paddingRight:3,rightIcon:l(L.RightIcon,{ssSphere:2,fontColor:"5.translucent",right:"2/3",children:l(N.Search,{})}),value:n.searchKeyword,onUpdateValidValue:({value:s})=>{t.onChange(s),C.interval.clear("InputSearchTime"),C.interval.standBy("InputSearchTime",200,()=>{u(a=>m(r({},a),{paging:m(r({},a.paging),{currentPageIndex:1}),filter:m(r({},a.filter),{current:Array.from({length:a.colLength},()=>[])}),searchKeyword:s}))})}})},Info:t=>{let e=F.catch(t.tableID);if(!e)return null;let{val_status:n,set_status:u}=e,s=e.rows.filtered.ratio(e.rows.total)||0;return x(K,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[l(le,{fontSize:"4.thirdTitle",fontColor:"theme",children:e.rows.filtered.toLocaleString()}),"/ ",e.rows.total.toLocaleString(),"\u4EF6 (",s,"%)"]})},Paging:t=>{let e=F.catch(t.tableID);if(!e)return null;let{val_status:n,set_status:u}=e,s=[];for(let d=0;d<n.paging.pageLength;d++)s.push({value:d+1,label:(d+1).toString()});const a=d=>{let g=Math.min(Math.max(1,d),n.paging.pageLength),p=r({},n);p.paging.currentPageIndex=g,u(c=>m(r({},c),{paging:m(r({},c.paging),{currentPageIndex:g})}))};return x(E.Center,{children:[x(E.Center,{gap:"1/2",children:[l(L.Select,{label:"\u9805",freeCSS:{minWidth:12*3},emptySelect:!1,padding:["1/3","2/3"],rightIcon:!1,override:"force",value:n.paging.currentPageIndex,options:s,SelectorGravityPoint:24,onUpdateValidValue:({value:d})=>{a(d)}}),"/ ",n.paging.pageLength]}),x(E.Right,{gap:"1/2",children:[l(H.Sub,{ssSphere:3,onClick:()=>{if(n.paging.currentPageIndex==1){a(n.paging.pageLength);return}a(n.paging.currentPageIndex-1)},children:l(N.ChevronLeft,{})}),l(H.Sub,{ssSphere:3,onClick:()=>{if(n.paging.currentPageIndex==n.paging.pageLength){a(1);return}a(n.paging.currentPageIndex+1)},children:l(N.ChevronRight,{})})]})]})},RowLength:t=>{let e=F.catch(t.tableID);if(!e)return null;let{val_status:n,set_status:u}=e,s=n.paging.rowLength,a=0,d=t.lengthSelect.map(g=>(a|=+(g==s),{value:g,label:g.toString()}));return a||d.push({value:s,label:s.toString()}),d=d.order({direction:"ASC",keys:["value"]}),l(E.Center,{gap:"1/2",children:l(L.Select,{label:"\u4EF6\u6570",emptySelect:!1,rightIcon:!1,override:"force",padding:["1/3","2/3"],value:n.paging.rowLength,options:d,SelectorGravityPoint:24,onUpdateValidValue:({value:g})=>{u(p=>m(r({},p),{paging:{rowLength:Number(g),currentPageIndex:1,pageLength:Math.ceil(e.rows.filtered/Number(g))}}))}})})}},ge=t=>l(de,m(r({},t),{type:"data",JSXChildren:I.DataLeveler})),T=ge;T.__memoryID=I.__memoryID,T.getRowData=ue.getRowData,T.Info=U.Info,T.Paging=U.Paging,T.RowLength=U.RowLength,T.SearchInput=U.SearchInput;export{T as Data,T as default};
@@ -1 +1 @@
1
- import{b as e,c as b,e as L}from"../../chunk-C5N2D3ZX.js";import{Fragment as W,jsx as r,jsxs as z}from"react/jsx-runtime";import B,{UUID as J}from"@mingoo/jsmin";import{useState as P,useEffect as j}from"react";import{$$fromRoot as x,useStore as N}from"../../@utils";import{FAI as k}from"../../atoms";import{Button as O}from"../Button";import A from"../Tooltips";import h from"./Parts";import _ from"./Wrapper";import{faGripVertical as U}from"@fortawesome/free-solid-svg-icons/faGripVertical";import{DefaultCellSystemAdjustingStyles as E}from"./cellStyling";import{TableClasses as n}from"../../@styles/componentClasses";const H={HeadRow:o=>{let{cellStyles:t={},cellClassName:i="",cellStylesCallback:s,colLength:f,head:l,rows:d}=o;if(!l)return null;let u=[];for(let p=0;p<f;p++){let g=l[p],R=h[g.type=="th"?"TH":"TD"],T={top:!0,bottom:!d.length,left:p==0,right:p==f-1,rowIndex:0,colIndex:p,isBody:!1,isHeader:!0},S=E(T),a=s?s(T):{};u.push(r(R,b(e(e(e(e({},t),S),g),a),{freeCSS:e(e(e({},t.freeCSS),a.freeCSS),g.freeCSS),className:[n("Cell"),i,g.className].join(" ")}),p))}return r(h.Row,{className:[n("Row"),n("HeadRow")].join(" "),children:u})},BodyRows:o=>{let{cellStyles:t={},cellClassName:i="",cellStylesCallback:s,head:f,rows:l,colLength:d,onOrderChanged:u}=o,[p]=P(J()),[g,R]=P({rows:l,origin:0,to:NaN}),T=[];if(g.rows.forEach((S,a)=>{let y=[];{let m={top:a==0&&!f,bottom:a==l.length-1,left:!0,right:!1,rowIndex:a,colIndex:0,isBody:!0,isHeader:!1},c=E(m),D=s?s(m):{};y.push(r(h.TH,b(e(e(e({padding:0,borderRight:!0},t),c),D),{freeCSS:e(e({},t.freeCSS),D.freeCSS),className:[n("Cell"),n("Draggable"),i].join(" "),children:r(O.Clear,{className:n("DragableButton"),fontColor:"4.thin",fontSize:"3.paragraph",margin:"auto",ssSphere:3,tabIndex:-1,onMouseDown:C=>{w.Start(C,{id:p,index:a,rows:g.rows,maxLength:l.length})},onTouchStart:C=>{w.Start(C,{id:p,index:a,rows:g.rows,maxLength:l.length})},children:r(k,{icon:U})})}),"DragOrigin"))}S.forEach((m,c)=>{m=e({},m);let D=h[m.type=="th"?"TH":"TD"],C={top:!!f&&!f.length,bottom:a==l.length-1,left:!1,right:c==d-2,rowIndex:a,colIndex:c,isBody:!0,isHeader:!1},v=E(C),I=s?s(C):{};y.push(r(D,b(e(e(e(e({},t),v),m),I),{freeCSS:e(e(e({},t.freeCSS),I.freeCSS),m.freeCSS),className:[n("Cell"),i,m.className].join(" ")}),c))}),T.push(r(h.Row,{id:"TableRow-"+p+"-"+a,className:[n("Row"),n("BodyRow")].join(" "),children:y},a))}),!isNaN(g.to)){let{origin:S,to:a}=g,y=[];y.push(r(h.TH,{backgroundColor:"theme.opa.low",padding:0,borderRight:"2.normal",className:[n("Cell"),n("Draggable"),i].join(" "),children:r(k.ArrowRight,{fontColor:"theme"})},"dragButton")),g.rows[S].forEach((c,D)=>{c=e({},c);let C=h[c.type=="th"?"TH":"TD"],v={top:!1,bottom:!1,left:!1,right:!1,rowIndex:-1,colIndex:-1,isBody:!0,isHeader:!1},I=E(v),M=s?s(v):{};y.push(r(C,b(e(e(b(e({className:[n("Cell"),i,c.className].join(" ")},I),{backgroundColor:"theme.opa.low"}),M),c),{freeCSS:e(e(e({},t.freeCSS),M.freeCSS),c.freeCSS)})))}),T.splice(a,0,r(h.Row,{className:[n("Row"),n("Pre")].join(" "),children:y},"preSet"))}return j(()=>{N.set({[p]:{swap:(S,a)=>{if(a||a==0){let y=g.rows[S],m=[...g.rows];m.splice(S,1),m.splice(a-(S<a?1:0),0,y),R({rows:m,origin:0,to:NaN}),u(m.map(c=>JSON.parse(c.rowID)))}},preSet:S=>{let{origin:a,index:y}=S;R({rows:g.rows,origin:a,to:y})}}})}),j(()=>()=>{N.delete(p)},[]),r(W,{children:T})},Drag:o=>(o=e({},o),o.colLength=o.colLength+1,o.head&&(o.head=[{children:r(O.Clear,{ssSphere:3,fontSize:"3.paragraph",fontColor:"theme",onMouseOver:t=>{A.open({parent:t.currentTarget,content:z(A.Body,{children:[r(k,{icon:U}),"\u30DC\u30BF\u30F3\u3092\u30C9\u30E9\u30C3\u30B0\u3057\u3066\u9806\u5E8F\u3092\u5909\u66F4"]})})},children:r(k.QuestionCircle,{})}),padding:[0,1],unitWidth:4},...o.head]),o.rows=o.rows.map((t,i)=>(t.rowID=JSON.stringify(t.rowID||i),t)),r(h.Table,{className:n("Table"),children:z(h.Body,{children:[r(H.HeadRow,e({},o)),r(H.BodyRows,e({},o))]})}))},$=o=>r(_,b(e({type:"drag"},o),{JSXChildren:H.Drag})),w={Start:function(o,t){return L(this,null,function*(){o.stopPropagation(),o.preventDefault();let{id:i,index:s,rows:f,maxLength:l}=t;x("#TableRow-"+i+"-"+s).addClass(n("DraggerOrigin")),B(document).addEvent({eventID:"DragMouseMove",eventType:"mousemove",callback:d=>{w.Move(d,t)},options:{passive:!1}}).addEvent({eventID:"DragTouchMove",eventType:"touchmove",callback:d=>{w.Move(d,t)},options:{passive:!1}}).addEvent({eventID:"DragMouseUp",eventType:"mouseup",callback:d=>{w.End(d,t)}}).addEvent({eventID:"DragTouchEnd",eventType:"touchend",callback:d=>{w.End(d,t)}})})},Move:function(o,t){let{id:i,maxLength:s}=t,f=B.getCursor(o).y-B.getScreenSize().scrollY;for(let l=0;l<s;l++){let d=x("#TableRow-"+i+"-"+l),{top:u,bottom:p,height:g}=d.position();l==0&&f<u?t.insertIndex=0:l===s-1&&p<=f?t.insertIndex=s:f>=u&&f<p&&(t.insertIndex=l+1)}{let{index:l,insertIndex:d}=t,u=N.get(i);u&&u.preSet&&u.preSet({origin:l,index:d})}return o.stopPropagation(),o.preventDefault(),!1},End:function(o,t){let{id:i,index:s,insertIndex:f}=t,l=N.get(i);l&&l.swap&&l.swap(s,f),x("#TableRow-"+i+"-"+s).removeClass(n("DraggerOrigin")),B(document).removeEvent(["DragMouseMove","DragTouchMove","DragMouseUp","DragTouchEnd"])}};export{$ as Drag,$ as default};
1
+ import{b as e,c as b,e as L}from"../../chunk-C5N2D3ZX.js";import{Fragment as W,jsx as r,jsxs as z}from"react/jsx-runtime";import B,{UUID as J}from"jmini";import{useState as P,useEffect as j}from"react";import{$$fromRoot as x,useStore as N}from"../../@utils";import{FAI as k}from"../../atoms";import{Button as O}from"../Button";import A from"../Tooltips";import h from"./Parts";import _ from"./Wrapper";import{faGripVertical as U}from"@fortawesome/free-solid-svg-icons/faGripVertical";import{DefaultCellSystemAdjustingStyles as E}from"./cellStyling";import{TableClasses as n}from"../../@styles/componentClasses";const H={HeadRow:o=>{let{cellStyles:t={},cellClassName:i="",cellStylesCallback:s,colLength:f,head:l,rows:d}=o;if(!l)return null;let u=[];for(let p=0;p<f;p++){let g=l[p],R=h[g.type=="th"?"TH":"TD"],T={top:!0,bottom:!d.length,left:p==0,right:p==f-1,rowIndex:0,colIndex:p,isBody:!1,isHeader:!0},S=E(T),a=s?s(T):{};u.push(r(R,b(e(e(e(e({},t),S),g),a),{freeCSS:e(e(e({},t.freeCSS),a.freeCSS),g.freeCSS),className:[n("Cell"),i,g.className].join(" ")}),p))}return r(h.Row,{className:[n("Row"),n("HeadRow")].join(" "),children:u})},BodyRows:o=>{let{cellStyles:t={},cellClassName:i="",cellStylesCallback:s,head:f,rows:l,colLength:d,onOrderChanged:u}=o,[p]=P(J()),[g,R]=P({rows:l,origin:0,to:NaN}),T=[];if(g.rows.forEach((S,a)=>{let y=[];{let m={top:a==0&&!f,bottom:a==l.length-1,left:!0,right:!1,rowIndex:a,colIndex:0,isBody:!0,isHeader:!1},c=E(m),D=s?s(m):{};y.push(r(h.TH,b(e(e(e({padding:0,borderRight:!0},t),c),D),{freeCSS:e(e({},t.freeCSS),D.freeCSS),className:[n("Cell"),n("Draggable"),i].join(" "),children:r(O.Clear,{className:n("DragableButton"),fontColor:"4.thin",fontSize:"3.paragraph",margin:"auto",ssSphere:3,tabIndex:-1,onMouseDown:C=>{w.Start(C,{id:p,index:a,rows:g.rows,maxLength:l.length})},onTouchStart:C=>{w.Start(C,{id:p,index:a,rows:g.rows,maxLength:l.length})},children:r(k,{icon:U})})}),"DragOrigin"))}S.forEach((m,c)=>{m=e({},m);let D=h[m.type=="th"?"TH":"TD"],C={top:!!f&&!f.length,bottom:a==l.length-1,left:!1,right:c==d-2,rowIndex:a,colIndex:c,isBody:!0,isHeader:!1},v=E(C),I=s?s(C):{};y.push(r(D,b(e(e(e(e({},t),v),m),I),{freeCSS:e(e(e({},t.freeCSS),I.freeCSS),m.freeCSS),className:[n("Cell"),i,m.className].join(" ")}),c))}),T.push(r(h.Row,{id:"TableRow-"+p+"-"+a,className:[n("Row"),n("BodyRow")].join(" "),children:y},a))}),!isNaN(g.to)){let{origin:S,to:a}=g,y=[];y.push(r(h.TH,{backgroundColor:"theme.opa.low",padding:0,borderRight:"2.normal",className:[n("Cell"),n("Draggable"),i].join(" "),children:r(k.ArrowRight,{fontColor:"theme"})},"dragButton")),g.rows[S].forEach((c,D)=>{c=e({},c);let C=h[c.type=="th"?"TH":"TD"],v={top:!1,bottom:!1,left:!1,right:!1,rowIndex:-1,colIndex:-1,isBody:!0,isHeader:!1},I=E(v),M=s?s(v):{};y.push(r(C,b(e(e(b(e({className:[n("Cell"),i,c.className].join(" ")},I),{backgroundColor:"theme.opa.low"}),M),c),{freeCSS:e(e(e({},t.freeCSS),M.freeCSS),c.freeCSS)})))}),T.splice(a,0,r(h.Row,{className:[n("Row"),n("Pre")].join(" "),children:y},"preSet"))}return j(()=>{N.set({[p]:{swap:(S,a)=>{if(a||a==0){let y=g.rows[S],m=[...g.rows];m.splice(S,1),m.splice(a-(S<a?1:0),0,y),R({rows:m,origin:0,to:NaN}),u(m.map(c=>JSON.parse(c.rowID)))}},preSet:S=>{let{origin:a,index:y}=S;R({rows:g.rows,origin:a,to:y})}}})}),j(()=>()=>{N.delete(p)},[]),r(W,{children:T})},Drag:o=>(o=e({},o),o.colLength=o.colLength+1,o.head&&(o.head=[{children:r(O.Clear,{ssSphere:3,fontSize:"3.paragraph",fontColor:"theme",onMouseOver:t=>{A.open({parent:t.currentTarget,content:z(A.Body,{children:[r(k,{icon:U}),"\u30DC\u30BF\u30F3\u3092\u30C9\u30E9\u30C3\u30B0\u3057\u3066\u9806\u5E8F\u3092\u5909\u66F4"]})})},children:r(k.QuestionCircle,{})}),padding:[0,1],unitWidth:4},...o.head]),o.rows=o.rows.map((t,i)=>(t.rowID=JSON.stringify(t.rowID||i),t)),r(h.Table,{className:n("Table"),children:z(h.Body,{children:[r(H.HeadRow,e({},o)),r(H.BodyRows,e({},o))]})}))},$=o=>r(_,b(e({type:"drag"},o),{JSXChildren:H.Drag})),w={Start:function(o,t){return L(this,null,function*(){o.stopPropagation(),o.preventDefault();let{id:i,index:s,rows:f,maxLength:l}=t;x("#TableRow-"+i+"-"+s).addClass(n("DraggerOrigin")),B(document).addEvent({eventID:"DragMouseMove",eventType:"mousemove",callback:d=>{w.Move(d,t)},options:{passive:!1}}).addEvent({eventID:"DragTouchMove",eventType:"touchmove",callback:d=>{w.Move(d,t)},options:{passive:!1}}).addEvent({eventID:"DragMouseUp",eventType:"mouseup",callback:d=>{w.End(d,t)}}).addEvent({eventID:"DragTouchEnd",eventType:"touchend",callback:d=>{w.End(d,t)}})})},Move:function(o,t){let{id:i,maxLength:s}=t,f=B.getCursor(o).y-B.getScreenSize().scrollY;for(let l=0;l<s;l++){let d=x("#TableRow-"+i+"-"+l),{top:u,bottom:p,height:g}=d.position();l==0&&f<u?t.insertIndex=0:l===s-1&&p<=f?t.insertIndex=s:f>=u&&f<p&&(t.insertIndex=l+1)}{let{index:l,insertIndex:d}=t,u=N.get(i);u&&u.preSet&&u.preSet({origin:l,index:d})}return o.stopPropagation(),o.preventDefault(),!1},End:function(o,t){let{id:i,index:s,insertIndex:f}=t,l=N.get(i);l&&l.swap&&l.swap(s,f),x("#TableRow-"+i+"-"+s).removeClass(n("DraggerOrigin")),B(document).removeEvent(["DragMouseMove","DragTouchMove","DragMouseUp","DragTouchEnd"])}};export{$ as Drag,$ as default};
@@ -1 +1 @@
1
- import{b as t,c as l,d as p}from"../../chunk-C5N2D3ZX.js";import{jsx as s}from"react/jsx-runtime";import{UUID as C}from"@mingoo/jsmin";import{GenerateHTMLProps as c}from"../../@utils";import d from"../../atoms/Box";import{DefaultCellStyles as S}from"./cellStyling";import{TableClasses as r}from"../../@styles/componentClasses";const n=y=>{let e=t({},y),{JSXChildren:i}=e;(!e.tone||e.tone=="auto")&&(e.tone="border",e.type=="drag"&&(e.tone="rowBorder"));let o=l(t({tableID:e.tableID||C(),tone:e.tone},e),{cellStyles:t(t({},S(e.type,e.tone)),e.cellStyles)});e.tone!="plain"&&(o=t({backgroundColor:"layer.1",borderRadius:"1.tone.primary"},o));let a=c(o),{className:m,style:f}=a,b=p(a,["className","style"]),T=[m,r("Wrap"),r("TableType_"+e.type),r("RowClickable_"+!!o.onRowClick)].join(" ");return s(d,{className:T,style:f,children:s(i,t({},b))})};export{n as Wrapper,n as default};
1
+ import{b as t,c as l,d as p}from"../../chunk-C5N2D3ZX.js";import{jsx as s}from"react/jsx-runtime";import{UUID as C}from"jmini";import{GenerateHTMLProps as c}from"../../@utils";import d from"../../atoms/Box";import{DefaultCellStyles as S}from"./cellStyling";import{TableClasses as r}from"../../@styles/componentClasses";const n=y=>{let e=t({},y),{JSXChildren:i}=e;(!e.tone||e.tone=="auto")&&(e.tone="border",e.type=="drag"&&(e.tone="rowBorder"));let o=l(t({tableID:e.tableID||C(),tone:e.tone},e),{cellStyles:t(t({},S(e.type,e.tone)),e.cellStyles)});e.tone!="plain"&&(o=t({backgroundColor:"layer.1",borderRadius:"1.tone.primary"},o));let a=c(o),{className:m,style:f}=a,b=p(a,["className","style"]),T=[m,r("Wrap"),r("TableType_"+e.type),r("RowClickable_"+!!o.onRowClick)].join(" ");return s(d,{className:T,style:f,children:s(i,t({},b))})};export{n as Wrapper,n as default};
package/dist/fn/Tips.js CHANGED
@@ -1 +1 @@
1
- import"../chunk-C5N2D3ZX.js";import{jsx as n}from"react/jsx-runtime";import e,{UUID as a}from"@mingoo/jsmin";import{Text as m}from"../mols";import{Tooltips as o}from".";const t={uid:a(),open:(i,r,p=24,d=.35)=>{i&&(e.interval.clear(t.uid),e.interval.standBy(t.uid,d*1e3,()=>{o.open({tipsID:t.uid,parent:i,gravityPoint:p||24,padding:"1/2",content:n(o.Body,{padding:"1/2",borderRadius:"3.tone.tertiary",children:n(m.Supplement,{children:r})})})}))},abort:()=>{e.interval.clear(t.uid),o.close(t.uid)}};export{t as Tips};
1
+ import"../chunk-C5N2D3ZX.js";import{jsx as n}from"react/jsx-runtime";import e,{UUID as a}from"jmini";import{Text as m}from"../mols";import{Tooltips as o}from".";const t={uid:a(),open:(i,r,p=24,d=.35)=>{i&&(e.interval.clear(t.uid),e.interval.standBy(t.uid,d*1e3,()=>{o.open({tipsID:t.uid,parent:i,gravityPoint:p||24,padding:"1/2",content:n(o.Body,{padding:"1/2",borderRadius:"3.tone.tertiary",children:n(m.Supplement,{children:r})})})}))},abort:()=>{e.interval.clear(t.uid),o.close(t.uid)}};export{t as Tips};
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { StyleTags, ReactElement } from '../@declares';
3
- import $$ from '@mingoo/jsmin';
3
+ import $$ from 'jmini';
4
4
  import { Box } from '../atoms';
5
5
  import Sheet from './Sheet';
6
6
  declare namespace Tooltips {
@@ -1 +1 @@
1
- import{b as e,c as r,d as n}from"../chunk-C5N2D3ZX.js";import{jsx as u}from"react/jsx-runtime";import{UUID as p}from"@mingoo/jsmin";import{Box as d}from"../atoms";import t from"./Sheet";const l={__memoryID:p(),open:o=>{let s=o,{tipsID:i=p(),tipsGroups:a=[]}=s,c=n(s,["tipsID","tipsGroups"]);t.open(r(e({sheetID:i,sheetGroups:["tooltips",...a],closeAtAroundClick:!0,closeAtParentBlur:!0,closeAtEscapeKeyDown:!0,closeAtPageTransit:!0},c),{type:"custom"}))},close:o=>{o&&t.close(o)},closeALL:()=>{t.closeGroup("tooltips")},Body:o=>u(d,e({padding:"1/2",backgroundColor:"dark",borderRadius:"2.tone.secondary",fontColor:"white",boxShadow:"0.normal"},o))};export{l as Tooltips,l as default};
1
+ import{b as e,c as r,d as n}from"../chunk-C5N2D3ZX.js";import{jsx as u}from"react/jsx-runtime";import{UUID as p}from"jmini";import{Box as d}from"../atoms";import t from"./Sheet";const l={__memoryID:p(),open:o=>{let s=o,{tipsID:i=p(),tipsGroups:a=[]}=s,c=n(s,["tipsID","tipsGroups"]);t.open(r(e({sheetID:i,sheetGroups:["tooltips",...a],closeAtAroundClick:!0,closeAtParentBlur:!0,closeAtEscapeKeyDown:!0,closeAtPageTransit:!0},c),{type:"custom"}))},close:o=>{o&&t.close(o)},closeALL:()=>{t.closeGroup("tooltips")},Body:o=>u(d,e({padding:"1/2",backgroundColor:"dark",borderRadius:"2.tone.secondary",fontColor:"white",boxShadow:"0.normal"},o))};export{l as Tooltips,l as default};
package/dist/index.d.ts CHANGED
@@ -416,6 +416,6 @@ declare const amotify: {
416
416
  GenerateHTMLProps: <T_1 = any>(p: T_1) => T_1;
417
417
  ExtractStyles: (p: any) => utils.StyleTags.States;
418
418
  LaunchReactApp: (p: utils.LaunchReactApp.Input) => import("react/jsx-runtime").JSX.Element;
419
- $$fromRoot: (args: any) => import("@mingoo/jsmin").default.Chains;
419
+ $$fromRoot: (args: any) => import("jmini").default.Chains;
420
420
  };
421
421
  export { amotify, amotify as default };
@@ -1 +1 @@
1
- import{b as m,d as v}from"../chunk-C5N2D3ZX.js";import{jsx as y}from"react/jsx-runtime";import H,{UUID as w}from"@mingoo/jsmin";import{useState as g,useEffect as I,useRef as _}from"react";import{$$fromRoot as c,useStore as r}from"../@utils";import{Box as A}from"../atoms";import{AccordionClasses as D}from"../@styles/componentClasses";const E=e=>{e=m({},e);let h=e,{accordionID:t="",slideAnimation:u="fast",defaultOpen:l=!1,override:C=!1}=h,R=v(h,["accordionID","slideAnimation","defaultOpen","override"]),[f]=g(w()),[d]=g(w()),[s,a]=g(l);s!=l&&C&&a(l);const x=_(!1);return I(()=>{let n=c('[data-accordion-content-id="'+d+'"]')[0];if(n){let i=n.offsetHeight,o=0;u=="fast"?(o=i/1e3,o=Math.max(o,.2)):u=="slow"&&(o=i/300),c("#"+f).css({transition:o+"s"})}},[]),I(()=>{let n=c("#"+f),i=c('[data-accordion-content-id="'+d+'"]')[0];if(x.current){if(i){let o=i.offsetHeight;H.is.exist(o)&&(s?n.css({maxHeight:o+1+"px"}).await(200).css({maxHeight:"unset",overflow:(e==null?void 0:e.overflow)||"unset"}):n.css({maxHeight:o+1+"px"}).await(100).css({maxHeight:"0px",overflow:"hidden"}))}}else if(x.current=!0,i){let o=i.offsetHeight;H.is.exist(o)&&(s?n.css({maxHeight:o+1+"px"}).await(200).css({maxHeight:"unset",overflow:(e==null?void 0:e.overflow)||"unset"}):n.css({maxHeight:"0px",overflow:"hidden"}))}},[s]),t&&r.set({["Accordion-"+t]:{open:()=>{a(!0)},close:()=>{a(!1)},toggle:()=>{a(!s)}}}),y(A,{className:[D("Wrap"),D("Open_"+s)].join(" "),id:f,children:y(A,m({"data-accordion-content-id":d},R))})},p=E;p.fn={open:e=>{let t=r.get("Accordion-"+e);!t||t.open()},close:e=>{let t=r.get("Accordion-"+e);!t||t.close()},toggle:e=>{let t=r.get("Accordion-"+e);!t||t.toggle()}};export{p as Accordion,p as default};
1
+ import{b as m,d as v}from"../chunk-C5N2D3ZX.js";import{jsx as y}from"react/jsx-runtime";import H,{UUID as w}from"jmini";import{useState as g,useEffect as I,useRef as _}from"react";import{$$fromRoot as c,useStore as r}from"../@utils";import{Box as A}from"../atoms";import{AccordionClasses as D}from"../@styles/componentClasses";const E=e=>{e=m({},e);let h=e,{accordionID:t="",slideAnimation:u="fast",defaultOpen:l=!1,override:C=!1}=h,R=v(h,["accordionID","slideAnimation","defaultOpen","override"]),[f]=g(w()),[d]=g(w()),[s,a]=g(l);s!=l&&C&&a(l);const x=_(!1);return I(()=>{let n=c('[data-accordion-content-id="'+d+'"]')[0];if(n){let i=n.offsetHeight,o=0;u=="fast"?(o=i/1e3,o=Math.max(o,.2)):u=="slow"&&(o=i/300),c("#"+f).css({transition:o+"s"})}},[]),I(()=>{let n=c("#"+f),i=c('[data-accordion-content-id="'+d+'"]')[0];if(x.current){if(i){let o=i.offsetHeight;H.is.exist(o)&&(s?n.css({maxHeight:o+1+"px"}).await(200).css({maxHeight:"unset",overflow:(e==null?void 0:e.overflow)||"unset"}):n.css({maxHeight:o+1+"px"}).await(100).css({maxHeight:"0px",overflow:"hidden"}))}}else if(x.current=!0,i){let o=i.offsetHeight;H.is.exist(o)&&(s?n.css({maxHeight:o+1+"px"}).await(200).css({maxHeight:"unset",overflow:(e==null?void 0:e.overflow)||"unset"}):n.css({maxHeight:"0px",overflow:"hidden"}))}},[s]),t&&r.set({["Accordion-"+t]:{open:()=>{a(!0)},close:()=>{a(!1)},toggle:()=>{a(!s)}}}),y(A,{className:[D("Wrap"),D("Open_"+s)].join(" "),id:f,children:y(A,m({"data-accordion-content-id":d},R))})},p=E;p.fn={open:e=>{let t=r.get("Accordion-"+e);!t||t.open()},close:e=>{let t=r.get("Accordion-"+e);!t||t.close()},toggle:e=>{let t=r.get("Accordion-"+e);!t||t.toggle()}};export{p as Accordion,p as default};
@@ -1,4 +1,4 @@
1
- import{b as N,c as X,e as v}from"../chunk-C5N2D3ZX.js";import{Fragment as c,jsx as e,jsxs as o}from"react/jsx-runtime";import T,{UUID as U,Filer as W}from"@mingoo/jsmin";import{useState as k,useEffect as G}from"react";import{Config as L,ThemeColors as ee,Box as t,Span as oe,Grid as m,Flex as b,FAI as x,Img as I,Logo as s,Column as p,Placeholder as te,List as F,ListItem as E,LinkifyText as re,Accordion as j,Row as u,Text as i,PageViewController as le,SwipeView as ae,TabBar as ne,Plate as J,Table as C,Input as n,Button as r,Anchor as M,Label as A,Sheet as B,Snackbar as V,Tooltips as R,Tips as K,Loader as P,Effect as ie,Cropper as de,RootViewController as se}from"..";const y={index:()=>o(c,{children:[o(b,{gap:1,children:[e(t,{flexCenter:!0,children:e(te,{ssSphere:6,children:"Placeholder"})}),o(m,{gridCols:3,gap:1,flexSizing:"auto",children:[e(t,{padding:2,backgroundColor:"layer.1"}),e(t,{padding:2,backgroundColor:"layer.2"}),e(t,{padding:2,backgroundColor:"layer.3"}),e(t,{padding:2,backgroundColor:"layer.4"}),e(t,{padding:2,backgroundColor:"layer.5"}),e(t,{padding:2,backgroundColor:"layer.6"})]}),o(m,{gridCols:3,gap:"1/2",flexSizing:"auto",ssCardBox:!0,children:[e(t,{flexCenter:!0,fontColor:"1.clear",children:"FontColor1"}),e(t,{flexCenter:!0,fontColor:"2.normal",children:"FontColor2"}),e(t,{flexCenter:!0,fontColor:"3.blur",children:"FontColor3"}),e(t,{flexCenter:!0,fontColor:"4.thin",children:"FontColor4"}),e(t,{flexCenter:!0,fontColor:"5.translucent",children:"FontColor5"})]})]}),e(y.Fonts,{}),e(y.Box,{}),e(y.Flex,{}),e(y.Grid,{}),e(y.Others,{})]}),Fonts:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{padding:1,borderBottom:!0,children:"Font"}),o(t,{overflow:"auto",padding:1,children:[e(i.Description,{padding:1,children:`<Box
1
+ import{b as N,c as X,e as v}from"../chunk-C5N2D3ZX.js";import{Fragment as c,jsx as e,jsxs as o}from"react/jsx-runtime";import T,{UUID as U,Filer as W}from"jmini";import{useState as k,useEffect as G}from"react";import{Config as L,ThemeColors as ee,Box as t,Span as oe,Grid as m,Flex as b,FAI as x,Img as I,Logo as s,Column as p,Placeholder as te,List as F,ListItem as E,LinkifyText as re,Accordion as j,Row as u,Text as i,PageViewController as le,SwipeView as ae,TabBar as ne,Plate as J,Table as C,Input as n,Button as r,Anchor as M,Label as A,Sheet as B,Snackbar as V,Tooltips as R,Tips as K,Loader as P,Effect as ie,Cropper as de,RootViewController as se}from"..";const y={index:()=>o(c,{children:[o(b,{gap:1,children:[e(t,{flexCenter:!0,children:e(te,{ssSphere:6,children:"Placeholder"})}),o(m,{gridCols:3,gap:1,flexSizing:"auto",children:[e(t,{padding:2,backgroundColor:"layer.1"}),e(t,{padding:2,backgroundColor:"layer.2"}),e(t,{padding:2,backgroundColor:"layer.3"}),e(t,{padding:2,backgroundColor:"layer.4"}),e(t,{padding:2,backgroundColor:"layer.5"}),e(t,{padding:2,backgroundColor:"layer.6"})]}),o(m,{gridCols:3,gap:"1/2",flexSizing:"auto",ssCardBox:!0,children:[e(t,{flexCenter:!0,fontColor:"1.clear",children:"FontColor1"}),e(t,{flexCenter:!0,fontColor:"2.normal",children:"FontColor2"}),e(t,{flexCenter:!0,fontColor:"3.blur",children:"FontColor3"}),e(t,{flexCenter:!0,fontColor:"4.thin",children:"FontColor4"}),e(t,{flexCenter:!0,fontColor:"5.translucent",children:"FontColor5"})]})]}),e(y.Fonts,{}),e(y.Box,{}),e(y.Flex,{}),e(y.Grid,{}),e(y.Others,{})]}),Fonts:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{padding:1,borderBottom:!0,children:"Font"}),o(t,{overflow:"auto",padding:1,children:[e(i.Description,{padding:1,children:`<Box
2
2
  fontSize={ 0 ~ 8 }
3
3
  >
4
4
  some text
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "amotify",
3
- "version": "0.2.76",
3
+ "version": "0.2.78",
4
4
  "description": "UI Component for React,NextJS,esbuild",
5
5
  "scripts": {
6
6
  "start": "run-p clean build:*",
@@ -89,7 +89,7 @@
89
89
  "@fortawesome/free-regular-svg-icons": "^6.5.2",
90
90
  "@fortawesome/free-solid-svg-icons": "^6.6.0",
91
91
  "@fortawesome/react-fontawesome": "^0.2.0",
92
- "@mingoo/jsmin": "^0.0.61",
92
+ "jmini": "^0.0.3",
93
93
  "react": "^18.3.1"
94
94
  },
95
95
  "devDependencies": {