amotify 0.3.14 → 0.3.15

package/dist/fn/Sheet.d.ts

@@ -10,8 +10,8 @@ declare namespace Sheet {
         Element<P = any>(p: Omit<Input<P>, 'content'> & {
             type: Type;
             isOpen: boolean;
-            children: ReactElement;
-        }): React.JSX.Element;
+            children: Content<P>;
+        }): ReactElement;
         image(params: Omit<Input, 'content'>, src: string | string[]): void;
         open<P = any>(type: Type, params: Input<P>, defaultOpen?: boolean | 'inherit'): void;
         update<P = any>(sheetID: string, params: Partial<Input<P>>): void;

package/dist/fn/Sheet.js

@@ -1 +1 @@
-import{b as d,c as b,d as G}from"../chunk-C5N2D3ZX.js";import{Fragment as pe,jsx as c,jsxs as K}from"react/jsx-runtime";import u,{UUID as V,Time as ue,useStore as A}from"jmini";import{useState as X,useEffect as U,useRef as ce}from"react";import{$$fromRoot as Y,Config as H}from"../@utils";import{Box as T,Flex as he,Img as de,FAI as ae,Column as re,Grid as me,CacheRender as fe}from"../atoms";import{Row as ne}from"../mols";import{Button as le}from"./Button";import{SheetClasses as f}from"../@styles/componentClasses";import ge from"./Plate";const y={currentIndex:0,openQueue:{},getSessionStates:()=>{let t=A.get("sessionStates-"+H.get().sessionUID);return t||null},getnew_sheetstates:t=>{var a;let e=b(d({sheetGroups:t.sheetGroups||[],backgroundEffect:!0,overwrap:t.type=="custom",hold_state:!1,closeAtPageTransit:!0,closeAtEscapeKeyDown:!0,closeAtAroundClick:t.type=="custom",transition:"middle"},t),{sheetID:t.sheetID||V(),isOpen:!0,created_at:ue()});return e.type=="custom"&&(e.parent=e.parent||((a=e.event)==null?void 0:a.currentTarget)),e},Wrapper:()=>{let[t,e]=X([]),a={val_sheets:t,set_sheets:e},m="sessionStates-"+H.get().sessionUID;A.set({[m]:a}),U(()=>{let n="Sheet-"+H.get().sessionUID;A.set({[n]:{add:(r,o)=>{let l=A.get(n);if(!l)return;let i=y.getnew_sheetstates(r);if(y.openQueue[i.sheetID])return;if(y.openQueue[i.sheetID]=!0,o!="inherit"&&(i.isOpen=o!=null?o:!0),!!l.find(i.sheetID)){e(v=>{let R=[...v],x=R.findIndex(M=>M.sheetID==i.sheetID);return x==-1||(R[x]=i),R}),delete y.openQueue[i.sheetID];return}e(v=>[i,...v])},find:r=>{let o=y.getSessionStates();if(!o)return null;let{val_sheets:l}=o;return l.find(i=>i.sheetID==r)}}}),u(H.get().appRoot).removeEvent(["SheetEvent.keyUp","SheetEvent.Click"]).onEvent("keyup",function(r){let{key:o,metaKey:l}=r;if(o=="Escape"||o==","&&l){let i=y.getSessionStates();if(!i)return;let{val_sheets:I}=i,v=I.filter(x=>x.isOpen);if(!v.length)return;let R=v.reduce((x,M)=>x.created_at.value>M.created_at.value?x:M);P.close(R.sheetID,o)}},{eventID:"SheetEvent.keyUp"}).onEvent("click",function(r){let o=y.getSessionStates();if(!o)return;let{val_sheets:l}=o,i=r.target;if(!i||i!=null&&i.closest("."+f("CustomSheet")))return;let I=l.filter(v=>v.type=="custom");I.length&&I.forEach(v=>{let{parent:R}=v;if(!v.closeAtAroundClick)return;let x=Y(R)[0];R!==i&&x!==i&&(u(x).find(i).length||P.close(v.sheetID))})},{eventID:"SheetEvent.Click"})},[]);let S=t.some(n=>n.type!="custom"&&!n.overwrap&&n.isOpen);return K(pe,{children:[t.map(n=>c(fe,{params:n,forceRender:(r,o)=>r.isOpen!=o.isOpen||r.size!=o.size||!u.isEqual(u.SortifyObject(r.props||""),u.SortifyObject(o.props||"")),children:c(y.Core,b(d({},a),{val_sheet:n,patch_sheet:r=>{e(o=>{let l=[...o],i=l.findIndex(I=>I.sheetID==n.sheetID);return i!=-1&&(l[i]=b(d(d({},l[i]),r),{props:d(d({},l[i].props),r.props)})),l})},delete_sheet:()=>{e(r=>[...r.filter(o=>o.sheetID!=n.sheetID)])}}))},n.sheetID)),c(T,{className:f("BackgroundWrapper"),transition:"middle",backgroundColor:"dark.opa.few",ssAbsoluteCovered:!0,position:"fixed",ssZIndex:100,xcss:{opacity:S?1:0,pointerEvents:"none"}})]})},sheetCategory:t=>t=="custom"?"custom":t.startsWith("drawer")?"drawer":"normal",sheetPosition:t=>t=="drawer.left"?"left":t=="drawer.right"?"right":t=="drawer.bottom"?"bottom":"",Core:t=>{let{val_sheet:e,patch_sheet:a}=t,[m,S]=X(101+y.currentIndex),[n]=X(V()),r=e.type!="custom"&&!e.overwrap;U(()=>{y.currentIndex++,u.scope(()=>{if(!e.closeAtParentBlur)return;let l=u(e.parent);l[0]&&l.onEvent("mouseout",()=>{l.removeEvent("SheetClosation-"+e.sheetID),a({isOpen:!1})},{eventID:"SheetClosation-"+e.sheetID})}),A.set({[e.sheetID]:{update:l=>{setTimeout(()=>{a(l)},10)},close:l=>{a({isOpen:!1})},open:()=>{a({isOpen:!0})}}})},[]),U(()=>{u.scope(()=>{let l=Y("#"+n);if(e.isOpen){e.hold_state&&S(y.currentIndex+1),l.await(10).removeClass(f("Hide")).await(10).addClass(f("Open")).callback(()=>{delete y.openQueue[e.sheetID],e.onOpen&&e.onOpen()});return}l.await(10).removeClass(f("Open")).await(251).addClass(f("Hide")).callback(()=>{if(e.onClose&&e.onClose(),r&&H.get().browserIs!="safari"&&u(H.get().appRoot).focus(),e.hold_state)return a({isOpen:!1});t.delete_sheet()})})},[e.isOpen]);let o=y.Types[{topLeft:"Normal",topCenter:"Normal",topRight:"Normal",middleLeft:"Normal",middleCenter:"Normal",middleRight:"Normal",bottomLeft:"Normal",bottomCenter:"Normal",bottomRight:"Normal","drawer.left":"Edge","drawer.right":"Edge","drawer.bottom":"Bottom",custom:"Custom"}[e.type]];return c(T,{className:["AMOTIFY_be",f("Wrap"),f("Tcate_"+y.sheetCategory(e.type)),f("Tpos_"+y.sheetPosition(e.type)),f("isMainSheet_"+r),e.wrapperClassName||""].join(" "),transition:"middle",width:1,ssAbsoluteCovered:!0,position:"fixed",ssZIndex:m,overflow:"auto",id:n,children:K(re,{className:f("Content"),gap:0,xcss:{minHeight:"100%"},children:[!!r&&c(T,{className:f("TapSensor"),position:"sticky",top:0,height:0,width:1,flexSizing:"none",children:c(T,{backgroundColor:"trans",height:"viewHeight",position:"absolute",top:0,width:1,className:f("TapContent"),onClick:l=>{var I;((I=e.closeAtAroundClick)==null||I)&&P.close(e.sheetID)}})}),c(o,d({componentId:n},e))]})},n)},Types:{Normal:t=>{let k=t,{sheetID:e,sheetGroups:a,bodyScrolls:m,props:S,content:n,className:r="",type:o,size:l="R",xcss:i,onOpen:I,onClose:v,closeAtAroundClick:R,closeAtEscapeKeyDown:x,closeAtPageTransit:M,closeAtParentBlur:q,closeAtSwipeDown:Q,hold_state:ee,overwrap:te,isOpen:oe,backgroundEffect:j,wrapperClassName:Z}=k,F=G(k,["sheetID","sheetGroups","bodyScrolls","props","content","className","type","size","xcss","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect","wrapperClassName"]),B=u.isFunction(n)?c(n,d({},S)):n,D={},w=[];return o.match(/top/)?(w.push("top"),D.marginBottom="auto"):o.match(/middle/)?(w.push("center"),D.marginTop="auto",D.marginBottom="auto"):o.match(/bottom/)&&(w.push("bottom"),D.marginTop="auto"),o.match(/left/i)?(w.push("left"),D.marginRight="auto"):o.match(/center/i)?(w.push("center"),D.marginLeft="auto",D.marginRight="auto"):o.match(/right/i)&&(w.push("right"),D.marginLeft="auto"),c(T,b(d(d({className:[f("BB"),r].join(" "),padding:1,opacity:"trans"},F),D),{xcss:d({width:{XS:"22rem",S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100%"}[l],maxWidth:"96vw",transformOrigin:w.join(" ")},i),children:B}))},Edge:t=>{let B=t,{sheetID:e,sheetGroups:a,bodyScrolls:m,type:S,props:n,content:r,className:o="",size:l="R",onOpen:i,onClose:I,closeAtAroundClick:v,closeAtEscapeKeyDown:R,closeAtPageTransit:x,closeAtParentBlur:M,closeAtSwipeDown:q,hold_state:Q,overwrap:ee,isOpen:te,backgroundEffect:oe,wrapperClassName:j}=B,Z=G(B,["sheetID","sheetGroups","bodyScrolls","type","props","content","className","size","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect","wrapperClassName"]),F=u.isFunction(r)?c(r,d({},n)):r;return c(T,b(d(b(d({className:[f("BB"),o].join(" ")},S=="drawer.right"?{marginLeft:"auto"}:S=="drawer.left"?{marginRight:"auto"}:{}),{opacity:"trans",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark"}),Z),{xcss:d({width:{XS:"16rem",S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[l],maxWidth:"96vw"},Z.xcss),children:F}))},Bottom:t=>{let $=t,{componentId:e,sheetID:a,sheetGroups:m,bodyScrolls:S,props:n,content:r,size:o="R",sizeChanged:l,baseStyles:i,onOpen:I,onClose:v,closeAtAroundClick:R,closeAtEscapeKeyDown:x,closeAtPageTransit:M,closeAtParentBlur:q,closeAtSwipeDown:Q=!0,hold_state:ee,overwrap:te,isOpen:oe,backgroundEffect:j,wrapperClassName:Z}=$,F=G($,["componentId","sheetID","sheetGroups","bodyScrolls","props","content","size","sizeChanged","baseStyles","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect","wrapperClassName"]),B=u.isFunction(r)?c(r,d({},n)):r,D=u.getScreenSize(),w=[0,.2,.6,.95],k={ZERO:0,XS:1,S:1,R:2,L:3,"2L":3,"3L":3,MAX:3},[W,se]=X(o),[E,O]=X({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:w[k[o]]});const _={Start:C=>{u(document).onEvent("mousemove",_.Move,{eventID:"BottomSheetMouseMove",passive:!1}).onEvent("touchmove",_.Move,{eventID:"BottomSheetTouchMove",passive:!1}).onEvent("mouseup",_.End,{eventID:"BottomSheetMouseUp"}).onEvent("touchend",_.End,{eventID:"BottomSheetTouchEnd"});let g=u.getCursor(C),h=b(d({},E),{process:!0,processStart:new Date().getTime(),originY:g.y,originValue:E.value,viewHeight:u.getScreenSize().height});A.update({[e]:{val_edit:h}}),O(h)},Move:C=>{var N;let g=(N=A.get(e))==null?void 0:N.val_edit;if(!g.process)return;let z=(u.getCursor(C).y-g.originY)/g.viewHeight,s=g.originValue-z;if(s>.95)s=.95+(s-.95)*.5;else if(s<.2){let L=.2-s;L-=.1,s=.1+(.1-L)*.5}return O(b(d({},g),{value:s})),C.preventDefault(),C.stopPropagation(),!1},End:C=>{var s;let g=(s=A.get(e))==null?void 0:s.val_edit;if(!g.process)return;u(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let h=0;if(g.value<.1||(g.value<.5?h=1:g.value>.75?h=3:h=2),new Date().getTime()-g.processStart<300){let N=u.getCursor(C).y-g.originY;if(Math.abs(N)>=20){let L=+(N<0)*2-1;h+=L,h=Math.min(Math.max(h,0),w.length-1)}}h==0&&(Q||(h=1)),se(["ZERO","S","R","L"][h]),O(b(d({},g),{value:w[h],process:!1}))}},J=ce(!1);return U(()=>{J.current?W=="ZERO"?Q&&P.close(a):setTimeout(()=>{t.sizeChanged&&t.sizeChanged(W)},250):J.current=!0},[W]),c(T,{className:f("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,xcss:d({maxWidth:12*60,height:D.height*E.value},E.process?{transition:"0s"}:{}),children:K(re,b(d({gap:0,flexSizing:"none",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",borderBottom:"unset",boxShadow:"3.remark",position:"relative",overflow:"hidden",height:1},i),{children:[K(ne.Separate,{padding:1,backgroundColor:"layer.1",position:"relative",xcss:{userSelect:"none"},children:[c(T,{ssSphere:2.5}),c(ne.Center,{onPointerDown:_.Start,flexSizing:0,padding:"2/3",ssPushable:!0,isRounded:!0,xcss:{cursor:"grab",userSelect:"none"},children:c(T,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:f("DragBar")})}),c(le.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{P.close(a)},children:c(ae.X,{})})]}),c(T,b(d({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},F),{children:B}))]}))})},Custom:t=>{let $=t,{sheetID:e,sheetGroups:a,bodyScrolls:m,event:S,parent:n,nextToCursor:r,gravityPoint:o=22,props:l,content:i,closeAtAroundClick:I,closeAtEscapeKeyDown:v,closeAtPageTransit:R,closeAtParentBlur:x,closeAtSwipeDown:M,hold_state:q,onOpen:Q,onClose:ee,overwrap:te,isOpen:oe,resize:j,backgroundEffect:Z,wrapperClassName:F}=$,B=G($,["sheetID","sheetGroups","bodyScrolls","event","parent","nextToCursor","gravityPoint","props","content","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","onOpen","onClose","overwrap","isOpen","resize","backgroundEffect","wrapperClassName"]),D=u.isFunction(i)?c(i,d({},l)):i,[w]=X(V()),k=u.isElement(n)||u.isJmini(n)?u(n):Y(n),W='[data-sheet-id="'+w+'"]',se='[data-sheet-content="'+w+'"]';o=o;let E=o%5||5,O=Math.ceil(o/5);const _={Init:()=>{if(r&&S){let p=u.getScreenSize(),ie=u.getCursor(S);return{top:ie.y-p.pageYOffset,left:ie.x-p.pageXOffset}}let C={};if(!k||!k[0])return C;let{top:g,right:h,bottom:z,left:s,height:N,width:L}=k.position();return u.isOneOf(E,1,2)?C.left=s:E==3?C.left=s+L/2:u.isOneOf(E,4,5)&&(C.left=h),o<=10?C.top=g:o<=15?C.top=g+N/2:o<=25&&(C.top=z),C},Adjust:()=>{let C=Y(W).position(),g=Y(se).position(),h=k.position(),z=u.getScreenSize(),s={};for(let p in g)s[p]=g[p];if(u.scope(()=>{if(t.nextToCursor)return;let p=0;O==1?p=h.top-s.bottom:O==2?p=h.top-s.top:O==3?p=h.top-s.top+(h.height-s.height)/2:O==4?p=h.bottom-s.bottom:O==5&&(p=h.bottom-s.top),s.top+=p,s.bottom+=p}),u.scope(()=>{if(t.nextToCursor)return;let p=0;E==1?p=h.left-s.right:E==2?p=h.left-s.left:E==3?p=h.left-s.left+(h.width-s.width)/2:E==4?p=h.right-s.right:E==5&&(p=h.right-s.left),s.left+=p,s.right+=p}),s.top<0){let p=-s.top;s.top+=p,s.bottom+=p}if(s.bottom>z.height){let p=s.bottom-z.height;s.top-=p,s.bottom-=p}if(s.left<0){let p=-s.left;s.left+=p,s.right+=p}if(s.right>z.width){let p=s.right-z.width;s.left-=p,s.right-=p}let N=s.top-g.top,L=s.left-g.left;u(W).css({top:C.top+N+"px",left:C.left+L+"px"})}};let[J]=X(_.Init());return U(()=>{Y(W).await(10).addClass(f("Open")).await(200).callback(()=>{(j==null||j)&&_.Adjust()}),A.update({["customSheet-"+t.sheetID]:{reposition:()=>{_.Adjust()}}})},[]),k[0]?c(T,{className:[f("BB"),f("CustomSheet")].join(" "),"data-sheet-id":w,transition:"long",position:"absolute",width:0,height:0,opacity:"trans",flexCenter:!0,xcss:J,children:c(he,{position:"absolute",className:[f("GPT"),f("GPT_"+o),f("Col_"+E),f("Row_"+O)].join(" "),children:c(T,b(d({"data-sheet-content":w,flexSizing:"none",maxHeight:"viewHeight"},B),{xcss:d({maxWidth:"98vw"},B.xcss),children:D}))})}):null}}},P={Wrapper:()=>c(y.Wrapper,{}),Element:t=>{let S=t,{isOpen:e,children:a}=S,m=G(S,["isOpen","children"]);return U(()=>{if(e){P.open(t.type,b(d({},m),{content:a}));return}m.sheetID&&P.close(m.sheetID)},[e,m.props||""]),c(pe,{})},image:(t,e)=>{let a=t.sheetID||V(),n=t,{type:m}=n,S=G(n,["type"]);P.open(m||"topCenter",b(d({size:"MAX"},S),{sheetID:a,xcss:{maxWidth:"100vw"},content:()=>{let[r]=X(u.Arrayify(e));return c(ge,{children:K(re,{children:[c(ne.Right,{children:K(le.Sub.S,{color:"cloud",isRounded:!0,onClick:()=>{P.close(a)},children:[c(ae.X,{})," \u9589\u3058\u308B"]})}),c(me.Layout,{gap:1,gridTemplateColumns:"repeat(3,1fr)",gridTemplateRows:"repeat(2,auto)",gridChildTemplates:[["span 3",0],["span 2","span 2"],[0,0],[0,0],[0,"span 2"],["span 2",0],[0,0],[0,0]],children:r.map((o,l)=>c(de,{ssCardBox:!0,position:"relative",flexCenter:!0,src:o},l))})]})})}}))},open:(t,e,a)=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-"),e.type=t;let m=A.get("Sheet-"+H.get().sessionUID);m&&m.add(e,a)},update:(t,e)=>{t=(t||"").replace(/\./g,"-");let a=A.get(t);a&&a.update&&a.update(e)},customSheet:{reposition:t=>{let e=A.get("customSheet-"+t);e&&e.reposition&&e.reposition()}},close:function(t,e,a){let m=y.getSessionStates();if(!m)return;let{val_sheets:S}=m;t=t==null?void 0:t.replace(/\./g,"-");let n=S.find(o=>o.sheetID==t);if(!n||e=="Escape"&&!n.closeAtEscapeKeyDown)return;let r=A.get(n.sheetID);r&&r.close&&r.close(a)},closeGroup:t=>{let e=y.getSessionStates();if(!e)return;let{val_sheets:a}=e;t=(t||"").replace(/\./g,"-");for(let m of a)m.sheetGroups&&m.sheetGroups==t&&P.close(m.sheetID)},closeAll:t=>{let e=y.getSessionStates();if(!e)return;let{val_sheets:a}=e;for(let m of a)t&&!m.closeAtPageTransit||P.close(m.sheetID,"pageTransit",!0)},Body:t=>c(T,d({className:f("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},t))};export{P as Sheet,P as default};
+import{b as d,c as b,d as G}from"../chunk-C5N2D3ZX.js";import{Fragment as fe,jsx as c,jsxs as Y}from"react/jsx-runtime";import u,{UUID as J,Time as le,useStore as A}from"jmini";import{useState as M,useEffect as F,useRef as pe}from"react";import{$$fromRoot as U,Config as H}from"../@utils";import{Box as T,Flex as ue,Img as ce,FAI as ie,Column as se,Grid as he,CacheRender as de}from"../atoms";import{Row as re}from"../mols";import{Button as ae}from"./Button";import{SheetClasses as f}from"../@styles/componentClasses";import me from"./Plate";const y={currentIndex:0,openQueue:{},getSessionStates:()=>{let t=A.get("sessionStates-"+H.get().sessionUID);return t||null},getnew_sheetstates:t=>{var a;let e=b(d({sheetGroups:t.sheetGroups||[],backgroundEffect:!0,overwrap:t.type=="custom",hold_state:!1,closeAtPageTransit:!0,closeAtEscapeKeyDown:!0,closeAtAroundClick:t.type=="custom",transition:"middle"},t),{sheetID:t.sheetID||J(),isOpen:!0,created_at:le()});return e.type=="custom"&&(e.parent=e.parent||((a=e.event)==null?void 0:a.currentTarget)),e},Wrapper:()=>{let[t,e]=M([]),a={val_sheets:t,set_sheets:e},m="sessionStates-"+H.get().sessionUID;A.set({[m]:a}),F(()=>{let n="Sheet-"+H.get().sessionUID;A.set({[n]:{add:(r,o)=>{let l=A.get(n);if(!l)return;let i=y.getnew_sheetstates(r);if(y.openQueue[i.sheetID])return;if(y.openQueue[i.sheetID]=!0,o!="inherit"&&(i.isOpen=o!=null?o:!0),!!l.find(i.sheetID)){e(v=>{let E=[...v],x=E.findIndex(L=>L.sheetID==i.sheetID);return x==-1||(E[x]=i),E}),delete y.openQueue[i.sheetID];return}e(v=>[i,...v])},find:r=>{let o=y.getSessionStates();if(!o)return null;let{val_sheets:l}=o;return l.find(i=>i.sheetID==r)}}}),u(H.get().appRoot).removeEvent(["SheetEvent.keyUp","SheetEvent.Click"]).onEvent("keyup",function(r){let{key:o,metaKey:l}=r;if(o=="Escape"||o==","&&l){let i=y.getSessionStates();if(!i)return;let{val_sheets:I}=i,v=I.filter(x=>x.isOpen);if(!v.length)return;let E=v.reduce((x,L)=>x.created_at.value>L.created_at.value?x:L);P.close(E.sheetID,o)}},{eventID:"SheetEvent.keyUp"}).onEvent("click",function(r){let o=y.getSessionStates();if(!o)return;let{val_sheets:l}=o,i=r.target;if(!i||i!=null&&i.closest("."+f("CustomSheet")))return;let I=l.filter(v=>v.type=="custom");I.length&&I.forEach(v=>{let{parent:E}=v;if(!v.closeAtAroundClick)return;let x=U(E)[0];E!==i&&x!==i&&(u(x).find(i).length||P.close(v.sheetID))})},{eventID:"SheetEvent.Click"})},[]);let S=t.some(n=>n.type!="custom"&&!n.overwrap&&n.isOpen);return Y(fe,{children:[t.map(n=>c(de,{params:n,forceRender:(r,o)=>r.isOpen!=o.isOpen||r.size!=o.size||!u.isEqual(u.SortifyObject(r.props||""),u.SortifyObject(o.props||"")),children:c(y.Core,b(d({},a),{val_sheet:n,patch_sheet:r=>{e(o=>{let l=[...o],i=l.findIndex(I=>I.sheetID==n.sheetID);return i!=-1&&(l[i]=b(d(d({},l[i]),r),{props:d(d({},l[i].props),r.props)})),l})},delete_sheet:()=>{e(r=>[...r.filter(o=>o.sheetID!=n.sheetID)])}}))},n.sheetID)),c(T,{className:f("BackgroundWrapper"),transition:"middle",backgroundColor:"dark.opa.few",ssAbsoluteCovered:!0,position:"fixed",ssZIndex:100,xcss:{opacity:S?1:0,pointerEvents:"none"}})]})},sheetCategory:t=>t=="custom"?"custom":t.startsWith("drawer")?"drawer":"normal",sheetPosition:t=>t=="drawer.left"?"left":t=="drawer.right"?"right":t=="drawer.bottom"?"bottom":"",Core:t=>{let{val_sheet:e,patch_sheet:a}=t,[m,S]=M(101+y.currentIndex),[n]=M(J()),r=e.type!="custom"&&!e.overwrap;F(()=>{y.currentIndex++,u.scope(()=>{if(!e.closeAtParentBlur)return;let l=u(e.parent);l[0]&&l.onEvent("mouseout",()=>{l.removeEvent("SheetClosation-"+e.sheetID),a({isOpen:!1})},{eventID:"SheetClosation-"+e.sheetID})}),A.set({[e.sheetID]:{update:l=>{setTimeout(()=>{a(l)},10)},close:l=>{a({isOpen:!1})},open:()=>{a({isOpen:!0})}}})},[]),F(()=>{u.scope(()=>{let l=U("#"+n);if(e.isOpen){e.hold_state&&S(y.currentIndex+1),l.await(10).removeClass(f("Hide")).await(10).addClass(f("Open")).callback(()=>{delete y.openQueue[e.sheetID],e.onOpen&&e.onOpen()});return}l.await(10).removeClass(f("Open")).await(251).addClass(f("Hide")).callback(()=>{if(e.onClose&&e.onClose(),r&&H.get().browserIs!="safari"&&u(H.get().appRoot).focus(),e.hold_state)return a({isOpen:!1});t.delete_sheet()})})},[e.isOpen]);let o=y.Types[{topLeft:"Normal",topCenter:"Normal",topRight:"Normal",middleLeft:"Normal",middleCenter:"Normal",middleRight:"Normal",bottomLeft:"Normal",bottomCenter:"Normal",bottomRight:"Normal","drawer.left":"Edge","drawer.right":"Edge","drawer.bottom":"Bottom",custom:"Custom"}[e.type]];return c(T,{className:["AMOTIFY_be",f("Wrap"),f("Tcate_"+y.sheetCategory(e.type)),f("Tpos_"+y.sheetPosition(e.type)),f("isMainSheet_"+r),e.wrapperClassName||""].join(" "),transition:"middle",width:1,ssAbsoluteCovered:!0,position:"fixed",ssZIndex:m,overflow:"auto",id:n,children:Y(se,{className:f("Content"),gap:0,xcss:{minHeight:"100%"},children:[!!r&&c(T,{className:f("TapSensor"),position:"sticky",top:0,height:0,width:1,flexSizing:"none",children:c(T,{backgroundColor:"trans",height:"viewHeight",position:"absolute",top:0,width:1,className:f("TapContent"),onClick:l=>{var I;((I=e.closeAtAroundClick)==null||I)&&P.close(e.sheetID)}})}),c(o,d({componentId:n},e))]})},n)},Types:{Normal:t=>{let k=t,{sheetID:e,sheetGroups:a,bodyScrolls:m,props:S,content:n,className:r="",type:o,size:l="R",xcss:i,onOpen:I,onClose:v,closeAtAroundClick:E,closeAtEscapeKeyDown:x,closeAtPageTransit:L,closeAtParentBlur:V,closeAtSwipeDown:K,hold_state:q,overwrap:ee,isOpen:te,backgroundEffect:j,wrapperClassName:Q}=k,W=G(k,["sheetID","sheetGroups","bodyScrolls","props","content","className","type","size","xcss","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect","wrapperClassName"]),D={},w=[];return o.match(/top/)?(w.push("top"),D.marginBottom="auto"):o.match(/middle/)?(w.push("center"),D.marginTop="auto",D.marginBottom="auto"):o.match(/bottom/)&&(w.push("bottom"),D.marginTop="auto"),o.match(/left/i)?(w.push("left"),D.marginRight="auto"):o.match(/center/i)?(w.push("center"),D.marginLeft="auto",D.marginRight="auto"):o.match(/right/i)&&(w.push("right"),D.marginLeft="auto"),c(T,b(d(d({className:[f("BB"),r].join(" "),padding:1,opacity:"trans"},W),D),{xcss:d({width:{XS:"22rem",S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100%"}[l],maxWidth:"96vw",transformOrigin:w.join(" ")},i),children:u.isFunction(n)?c(n,d({},S)):n}))},Edge:t=>{let W=t,{sheetID:e,sheetGroups:a,bodyScrolls:m,type:S,props:n,content:r,className:o="",size:l="R",onOpen:i,onClose:I,closeAtAroundClick:v,closeAtEscapeKeyDown:E,closeAtPageTransit:x,closeAtParentBlur:L,closeAtSwipeDown:V,hold_state:K,overwrap:q,isOpen:ee,backgroundEffect:te,wrapperClassName:j}=W,Q=G(W,["sheetID","sheetGroups","bodyScrolls","type","props","content","className","size","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect","wrapperClassName"]);return c(T,b(d(b(d({className:[f("BB"),o].join(" ")},S=="drawer.right"?{marginLeft:"auto"}:S=="drawer.left"?{marginRight:"auto"}:{}),{opacity:"trans",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark"}),Q),{xcss:d({width:{XS:"16rem",S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[l],maxWidth:"96vw"},Q.xcss),children:u.isFunction(r)?c(r,d({},n)):r}))},Bottom:t=>{let Z=t,{componentId:e,sheetID:a,sheetGroups:m,bodyScrolls:S,props:n,content:r,size:o="R",sizeChanged:l,baseStyles:i,onOpen:I,onClose:v,closeAtAroundClick:E,closeAtEscapeKeyDown:x,closeAtPageTransit:L,closeAtParentBlur:V,closeAtSwipeDown:K=!0,hold_state:q,overwrap:ee,isOpen:te,backgroundEffect:j,wrapperClassName:Q}=Z,W=G(Z,["componentId","sheetID","sheetGroups","bodyScrolls","props","content","size","sizeChanged","baseStyles","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect","wrapperClassName"]),D=u.getScreenSize(),w=[0,.2,.6,.95],k={ZERO:0,XS:1,S:1,R:2,L:3,"2L":3,"3L":3,MAX:3},[X,oe]=M(o),[R,B]=M({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:w[k[o]]});const O={Start:C=>{u(document).onEvent("mousemove",O.Move,{eventID:"BottomSheetMouseMove",passive:!1}).onEvent("touchmove",O.Move,{eventID:"BottomSheetTouchMove",passive:!1}).onEvent("mouseup",O.End,{eventID:"BottomSheetMouseUp"}).onEvent("touchend",O.End,{eventID:"BottomSheetTouchEnd"});let g=u.getCursor(C),h=b(d({},R),{process:!0,processStart:new Date().getTime(),originY:g.y,originValue:R.value,viewHeight:u.getScreenSize().height});A.update({[e]:{val_edit:h}}),B(h)},Move:C=>{var z;let g=(z=A.get(e))==null?void 0:z.val_edit;if(!g.process)return;let _=(u.getCursor(C).y-g.originY)/g.viewHeight,s=g.originValue-_;if(s>.95)s=.95+(s-.95)*.5;else if(s<.2){let N=.2-s;N-=.1,s=.1+(.1-N)*.5}return B(b(d({},g),{value:s})),C.preventDefault(),C.stopPropagation(),!1},End:C=>{var s;let g=(s=A.get(e))==null?void 0:s.val_edit;if(!g.process)return;u(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let h=0;if(g.value<.1||(g.value<.5?h=1:g.value>.75?h=3:h=2),new Date().getTime()-g.processStart<300){let z=u.getCursor(C).y-g.originY;if(Math.abs(z)>=20){let N=+(z<0)*2-1;h+=N,h=Math.min(Math.max(h,0),w.length-1)}}h==0&&(K||(h=1)),oe(["ZERO","S","R","L"][h]),B(b(d({},g),{value:w[h],process:!1}))}},$=pe(!1);return F(()=>{$.current?X=="ZERO"?K&&P.close(a):setTimeout(()=>{t.sizeChanged&&t.sizeChanged(X)},250):$.current=!0},[X]),c(T,{className:f("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,xcss:d({maxWidth:12*60,height:D.height*R.value},R.process?{transition:"0s"}:{}),children:Y(se,b(d({gap:0,flexSizing:"none",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",borderBottom:"unset",boxShadow:"3.remark",position:"relative",overflow:"hidden",height:1},i),{children:[Y(re.Separate,{padding:1,backgroundColor:"layer.1",position:"relative",xcss:{userSelect:"none"},children:[c(T,{ssSphere:2.5}),c(re.Center,{onPointerDown:O.Start,flexSizing:0,padding:"2/3",ssPushable:!0,isRounded:!0,xcss:{cursor:"grab",userSelect:"none"},children:c(T,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:f("DragBar")})}),c(ae.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{P.close(a)},children:c(ie.X,{})})]}),c(T,b(d({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},W),{children:u.isFunction(r)?c(r,d({},n)):r}))]}))})},Custom:t=>{let Z=t,{sheetID:e,sheetGroups:a,bodyScrolls:m,event:S,parent:n,nextToCursor:r,gravityPoint:o=22,props:l,content:i,closeAtAroundClick:I,closeAtEscapeKeyDown:v,closeAtPageTransit:E,closeAtParentBlur:x,closeAtSwipeDown:L,hold_state:V,onOpen:K,onClose:q,overwrap:ee,isOpen:te,resize:j,backgroundEffect:Q,wrapperClassName:W}=Z,D=G(Z,["sheetID","sheetGroups","bodyScrolls","event","parent","nextToCursor","gravityPoint","props","content","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","onOpen","onClose","overwrap","isOpen","resize","backgroundEffect","wrapperClassName"]),[w]=M(J()),k=u.isElement(n)||u.isJmini(n)?u(n):U(n),X='[data-sheet-id="'+w+'"]',oe='[data-sheet-content="'+w+'"]';o=o;let R=o%5||5,B=Math.ceil(o/5);const O={Init:()=>{if(r&&S){let p=u.getScreenSize(),ne=u.getCursor(S);return{top:ne.y-p.pageYOffset,left:ne.x-p.pageXOffset}}let C={};if(!k||!k[0])return C;let{top:g,right:h,bottom:_,left:s,height:z,width:N}=k.position();return u.isOneOf(R,1,2)?C.left=s:R==3?C.left=s+N/2:u.isOneOf(R,4,5)&&(C.left=h),o<=10?C.top=g:o<=15?C.top=g+z/2:o<=25&&(C.top=_),C},Adjust:()=>{let C=U(X).position(),g=U(oe).position(),h=k.position(),_=u.getScreenSize(),s={};for(let p in g)s[p]=g[p];if(u.scope(()=>{if(t.nextToCursor)return;let p=0;B==1?p=h.top-s.bottom:B==2?p=h.top-s.top:B==3?p=h.top-s.top+(h.height-s.height)/2:B==4?p=h.bottom-s.bottom:B==5&&(p=h.bottom-s.top),s.top+=p,s.bottom+=p}),u.scope(()=>{if(t.nextToCursor)return;let p=0;R==1?p=h.left-s.right:R==2?p=h.left-s.left:R==3?p=h.left-s.left+(h.width-s.width)/2:R==4?p=h.right-s.right:R==5&&(p=h.right-s.left),s.left+=p,s.right+=p}),s.top<0){let p=-s.top;s.top+=p,s.bottom+=p}if(s.bottom>_.height){let p=s.bottom-_.height;s.top-=p,s.bottom-=p}if(s.left<0){let p=-s.left;s.left+=p,s.right+=p}if(s.right>_.width){let p=s.right-_.width;s.left-=p,s.right-=p}let z=s.top-g.top,N=s.left-g.left;u(X).css({top:C.top+z+"px",left:C.left+N+"px"})}};let[$]=M(O.Init());return F(()=>{U(X).await(10).addClass(f("Open")).await(200).callback(()=>{(j==null||j)&&O.Adjust()}),A.update({["customSheet-"+t.sheetID]:{reposition:()=>{O.Adjust()}}})},[]),k[0]?c(T,{className:[f("BB"),f("CustomSheet")].join(" "),"data-sheet-id":w,transition:"long",position:"absolute",width:0,height:0,opacity:"trans",flexCenter:!0,xcss:$,children:c(ue,{position:"absolute",className:[f("GPT"),f("GPT_"+o),f("Col_"+R),f("Row_"+B)].join(" "),children:c(T,b(d({"data-sheet-content":w,flexSizing:"none",maxHeight:"viewHeight"},D),{xcss:d({maxWidth:"98vw"},D.xcss),children:u.isFunction(i)?c(i,d({},l)):i}))})}):null}}},P={Wrapper:()=>c(y.Wrapper,{}),Element:t=>{let S=t,{isOpen:e,children:a}=S,m=G(S,["isOpen","children"]);return F(()=>{if(e){P.open(t.type,b(d({},m),{content:a}));return}m.sheetID&&P.close(m.sheetID)},[e,m.props||""]),null},image:(t,e)=>{let a=t.sheetID||J(),n=t,{type:m}=n,S=G(n,["type"]);P.open(m||"topCenter",b(d({size:"MAX"},S),{sheetID:a,xcss:{maxWidth:"100vw"},content:()=>{let[r]=M(u.Arrayify(e));return c(me,{children:Y(se,{children:[c(re.Right,{children:Y(ae.Sub.S,{color:"cloud",isRounded:!0,onClick:()=>{P.close(a)},children:[c(ie.X,{})," \u9589\u3058\u308B"]})}),c(he.Layout,{gap:1,gridTemplateColumns:"repeat(3,1fr)",gridTemplateRows:"repeat(2,auto)",gridChildTemplates:[["span 3",0],["span 2","span 2"],[0,0],[0,0],[0,"span 2"],["span 2",0],[0,0],[0,0]],children:r.map((o,l)=>c(ce,{ssCardBox:!0,position:"relative",flexCenter:!0,src:o},l))})]})})}}))},open:(t,e,a)=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-"),e.type=t;let m=A.get("Sheet-"+H.get().sessionUID);m&&m.add(e,a)},update:(t,e)=>{t=(t||"").replace(/\./g,"-");let a=A.get(t);a&&a.update&&a.update(e)},customSheet:{reposition:t=>{let e=A.get("customSheet-"+t);e&&e.reposition&&e.reposition()}},close:function(t,e,a){let m=y.getSessionStates();if(!m)return;let{val_sheets:S}=m;t=t==null?void 0:t.replace(/\./g,"-");let n=S.find(o=>o.sheetID==t);if(!n||e=="Escape"&&!n.closeAtEscapeKeyDown)return;let r=A.get(n.sheetID);r&&r.close&&r.close(a)},closeGroup:t=>{let e=y.getSessionStates();if(!e)return;let{val_sheets:a}=e;t=(t||"").replace(/\./g,"-");for(let m of a)m.sheetGroups&&m.sheetGroups==t&&P.close(m.sheetID)},closeAll:t=>{let e=y.getSessionStates();if(!e)return;let{val_sheets:a}=e;for(let m of a)t&&!m.closeAtPageTransit||P.close(m.sheetID,"pageTransit",!0)},Body:t=>c(T,d({className:f("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},t))};export{P as Sheet,P as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "amotify",
-  "version": "0.3.14",
+  "version": "0.3.15",
   "description": "UI Component for React,NextJS,esbuild",
   "scripts": {
     "start": "run-p clean build:*",