amotify 0.2.127 → 0.2.128

package/dist/fn/Sheet.d.ts

@@ -5,6 +5,10 @@ import { Box } from '../atoms';
 declare namespace Sheet {
     type Methods = {
         Wrapper(): JSX.Element;
+        Element: React.FC<Omit<Input, 'content'> & {
+            isOpen: boolean;
+            children: ReactElement;
+        }>;
         open<T extends Input>(p: T, defaultOpen?: boolean | 'inherit'): void;
         resize(p: {
             sheetID: string;

package/dist/fn/Sheet.js

@@ -1 +1 @@
-import{b as C,c as D,d as H}from"../chunk-C5N2D3ZX.js";import{jsx as l,jsxs as V}from"react/jsx-runtime";import h,{UUID as Z,Time as le,useStore as x}from"jmini";import{useState as P,useEffect as F,useRef as pe}from"react";import{$$fromRoot as G,Config as M}from"../@utils";import{Box as E,Flex as he,Img as ie,FAI as ae,Column as oe}from"../atoms";import{Row as re}from"../mols";import{Button as se}from"./Button";import ce from"./Input";import{SheetClasses as S}from"../@styles/componentClasses";import ue from"./Effect";const k={currentIndex:0,mainSheetIDs:{},getSessionStates:()=>{let t=x.get("sessionStates-"+M.get().sessionUID);return t||null},getNewSheetStates:t=>{var u;let e=D(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:le()});if(e.type=="custom"){let c=e;c.parent=c.parent||((u=c==null?void 0:c.event)==null?void 0:u.currentTarget),e=c}return e}},J={Wrapper:()=>{let[t,e]=P([]),u={val_sheets:t,set_sheets:e};x.set({["sessionStates-"+M.get().sessionUID]:u}),F(()=>{x.set({["Sheet-"+M.get().sessionUID]:{add:(p,s)=>{let n=x.get("Sheet-"+M.get().sessionUID);if(!n)return;let r=k.getNewSheetStates(p);if(s!="inherit"&&(r.isOpen=s!=null?s:!0),!!n.find(r.sheetID)){e(g=>{let f=[...g],y=f.findIndex(T=>T.sheetID==r.sheetID);return y==-1||(f[y]=r),f});return}e(g=>[r,...g])},find:p=>{let s=k.getSessionStates();if(!s)return null;let{val_sheets:n}=s;return n.find(r=>r.sheetID==p)}}}),h(M.get().appRoot).addEvent({eventType:"keyup",eventID:"SheetEvent.keyUp",callback:function(p){let{key:s,metaKey:n}=p;if(s=="Escape"||s==","&&n){let r=k.getSessionStates();if(!r)return;let{val_sheets:m}=r,g=m.filter(y=>y.isOpen);if(!g.length)return;let f=g.reduce((y,T)=>y.created_at.value>T.created_at.value?y:T);_.close(f.sheetID,s)}}}).addEvent({eventType:"click",eventID:"SheetEvent.Click",callback:function(p){let s=k.getSessionStates();if(!s)return;let{val_sheets:n}=s,r=p.target;if(!r||r!=null&&r.closest("."+S("CustomSheet")))return;let m=n.filter(g=>g.type=="custom");m.length&&m.forEach(g=>{let{parent:f}=g;if(!g.closeAtAroundClick)return;let y=G(f)[0];f!==r&&y!==r&&(h(y).find(r).length||_.close(g.sheetID))})}})},[]);let c=t.map(p=>l(J.Core,D(C({},u),{val_sheet:p,patch_sheet:s=>{e(n=>{let r=[...n],m=r.findIndex(g=>g.sheetID==p.sheetID);return m==-1||(r[m]=C(C({},r[m]),s)),r})},delete_sheet:()=>{e(s=>{let n=[...s],r=n.findIndex(m=>m.sheetID==p.sheetID);return r==-1||n.splice(r,1),n})}}),p.sheetID));return l(E,{className:["AMOTIFY_be",S("Wrapper")].join(" "),children:c})},Core:t=>{let{val_sheet:e,patch_sheet:u}=t,[c,p]=P(k.currentIndex+2),[s]=P(Z()),n=e.type!="custom"&&!e.overwrap;F(()=>{k.currentIndex++,h.scope(()=>{if(!e.closeAtParentBlur)return;let f=h(e.parent);f[0]&&f.addEvent({eventID:"SheetClosation-"+e.sheetID,eventType:"mouseout",callback:()=>{f.removeEvent("SheetClosation-"+e.sheetID),u({isOpen:!1})}})}),x.set({[e.sheetID]:{resize:f=>{if(e.type=="drawer.bottom"){let y=x.get(s);y&&y.resize&&y.resize(f)}else(e.type.includes("normal")||e.type.includes("drawer"))&&u({size:f})},close:f=>{u({isOpen:!1})},open:()=>{u({isOpen:!0})}}})},[]),F(()=>{h.scope(()=>{let f=G("#"+s);if(e.isOpen){e.hold_state&&p(k.currentIndex+1),f.await(10).removeClass(S("Hide")).await(10).addClass(S("Open")).callback(()=>{e.openAfter&&e.openAfter()});return}f.await(10).removeClass(S("Open")).await(251).addClass(S("Hide")).callback(()=>{if(e.closeAfter&&e.closeAfter(),n&&M.get().browserIs!="safari"&&h(M.get().appRoot).focus(),e.hold_state)return u({isOpen:!1});t.delete_sheet()})})},[e.isOpen]);let[r,m]=e.type.split("."),g=J.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 l(E,{className:[S("Wrap"),S("Tcate_"+r),S("Tpos_"+m),S("isMainSheet_"+n)].join(" "),width:1,ssAbsoluteCovered:!0,freeCSS:{zIndex:c},id:s,children:V(oe,{className:S("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[!!n&&l(J.TapSensor,{sheetID:e.sheetID,delegateAroundClick:e.closeAtAroundClick}),l(g,C({componentID:s},e))]})},s)},Types:{Normal:t=>{let U=t,{sheetID:e,sheetGroups:u,bodyScrolls:c,content:p,className:s="",type:n,size:r="R",freeCSS:m,openAfter:g,closeAfter:f,closeAtAroundClick:y,closeAtEscapeKeyDown:T,closeAtPageTransit:K,closeAtParentBlur:Q,closeAtSwipeDown:X,hold_state:q,overwrap:ee,isOpen:te,backgroundEffect:L}=U,W=H(U,["sheetID","sheetGroups","bodyScrolls","content","className","type","size","freeCSS","openAfter","closeAfter","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]),[j,I]=n.split("."),b={},w=[];return I.match(/top/)?(w.push("top"),b.marginBottom="auto"):I.match(/middle/)?(w.push("center"),b.marginTop="auto",b.marginBottom="auto"):I.match(/bottom/)&&(w.push("bottom"),b.marginTop="auto"),I.match(/left/i)?(w.push("left"),b.marginRight="auto"):I.match(/center/i)?(w.push("center"),b.marginLeft="auto",b.marginRight="auto"):I.match(/right/i)&&(w.push("right"),b.marginLeft="auto"),l(E,D(C(C({className:[S("BB"),s].join(" "),padding:1,transition:"long",opacity:"trans"},W),b),{freeCSS:C({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100%"}[r],maxWidth:"96vw",transformOrigin:w.join(" ")},m),children:h.is.function(p)?l(p,{}):p}))},Edge:t=>{let W=t,{sheetID:e,sheetGroups:u,bodyScrolls:c,type:p,content:s,className:n="",size:r="R",openAfter:m,closeAfter:g,closeAtAroundClick:f,closeAtEscapeKeyDown:y,closeAtPageTransit:T,closeAtParentBlur:K,closeAtSwipeDown:Q,hold_state:X,overwrap:q,isOpen:ee,backgroundEffect:te}=W,L=H(W,["sheetID","sheetGroups","bodyScrolls","type","content","className","size","openAfter","closeAfter","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]);return l(E,D(C(D(C({className:[S("BB"),n].join(" ")},p=="drawer.right"?{marginLeft:"auto"}:p=="drawer.left"?{marginRight:"auto"}:{}),{opacity:"trans",transition:"long",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark"}),L),{freeCSS:C({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[r],maxWidth:"96vw"},L.freeCSS),children:h.is.function(s)?l(s,{}):s}))},Bottom:t=>{let Y=t,{componentID:e,sheetID:u,sheetGroups:c,bodyScrolls:p,content:s,size:n="R",sizeChanged:r,baseStyles:m,openAfter:g,closeAfter:f,closeAtAroundClick:y,closeAtEscapeKeyDown:T,closeAtPageTransit:K,closeAtParentBlur:Q,closeAtSwipeDown:X=!0,hold_state:q,overwrap:ee,isOpen:te,backgroundEffect:L}=Y,W=H(Y,["componentID","sheetID","sheetGroups","bodyScrolls","content","size","sizeChanged","baseStyles","openAfter","closeAfter","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]),j=h.getScreenSize(),I=[0,.2,.6,.95],b={ZERO:0,S:1,R:2,L:3},[w,U]=P(n),[A,R]=P({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:I[b[n]]});x.update({[e]:{val_edit:A,resize:v=>{let d=I[b[v]];R(a=>D(C({},a),{value:d})),U(v)}}});const z={Start:v=>{h(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:z.Move,options:{passive:!1}}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:z.Move,options:{passive:!1}}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:z.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:z.End});let d=h.getCursor(v),a=D(C({},A),{process:!0,processStart:new Date().getTime(),originY:d.y,originValue:A.value,viewHeight:h.getScreenSize().height});x.update({[e]:{val_edit:a}}),R(a)},Move:v=>{var N;let d=(N=x.get(e))==null?void 0:N.val_edit;if(!d.process)return;let B=(h.getCursor(v).y-d.originY)/d.viewHeight,o=d.originValue-B;if(o>.95)o=.95+(o-.95)*.5;else if(o<.2){let O=.2-o;O-=.1,o=.1+(.1-O)*.5}return R(D(C({},d),{value:o})),v.preventDefault(),v.stopPropagation(),!1},End:v=>{var o;let d=(o=x.get(e))==null?void 0:o.val_edit;if(!d.process)return;h(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let a=0;if(d.value<.1||(d.value<.5?a=1:d.value>.75?a=3:a=2),new Date().getTime()-d.processStart<300){let N=h.getCursor(v).y-d.originY;if(Math.abs(N)>=20){let O=+(N<0)*2-1;a+=O,a=Math.min(Math.max(a,0),I.length-1)}}a==0&&(X||(a=1)),U(["ZERO","S","R","L"][a]),R(D(C({},d),{value:I[a],process:!1}))}},$=pe(!1);return F(()=>{$.current?w=="ZERO"?X&&_.close(u):setTimeout(()=>{t.sizeChanged&&t.sizeChanged(w)},250):$.current=!0},[w]),l(E,{className:S("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:C({maxWidth:12*60,height:j.height*A.value},A.process?{transition:"0s"}:{}),children:V(oe,D(C({gap:0,flexSizing:"none",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",borderBottom:"unset",boxShadow:"3.remark",position:"relative",overflow:"hidden",height:1},m),{children:[V(re.Separate,{padding:1,backgroundColor:"layer.1",position:"relative",freeCSS:{userSelect:"none"},children:[l(E,{ssSphere:2.5}),l(re.Center,{onPointerDown:z.Start,flexSizing:0,padding:"2/3",ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:l(E,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:S("DragBar")})}),l(se.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{_.close(u)},children:l(ae.Times,{})})]}),l(E,D(C({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},W),{children:h.is.function(s)?l(s,{}):s}))]}))})},Custom:t=>{let Y=t,{sheetID:e,sheetGroups:u,bodyScrolls:c,event:p,parent:s,nextToCursor:n,gravityPoint:r=22,content:m,closeAtAroundClick:g,closeAtEscapeKeyDown:f,closeAtPageTransit:y,closeAtParentBlur:T,closeAtSwipeDown:K,hold_state:Q,openAfter:X,closeAfter:q,overwrap:ee,isOpen:te,resize:L,backgroundEffect:W}=Y,j=H(Y,["sheetID","sheetGroups","bodyScrolls","event","parent","nextToCursor","gravityPoint","content","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","openAfter","closeAfter","overwrap","isOpen","resize","backgroundEffect"]),[I]=P(Z()),b=h.is.element(s)||h.is.jmini(s)?h(s):G(s),w='[data-sheet-id="'+I+'"]',U='[data-sheet-content="'+I+'"]';r=r;let A=r%5||5,R=Math.ceil(r/5);const z={Init:()=>{if(n&&p){let i=h.getScreenSize(),ne=h.getCursor(p);return{top:ne.y-i.pageYOffset,left:ne.x-i.pageXOffset}}let v={};if(!b||!b[0])return v;let{top:d,right:a,bottom:B,left:o,height:N,width:O}=b.position();return[1,2].includes(A)?v.left=o:A==3?v.left=o+O/2:[4,5].includes(A)&&(v.left=a),r<=10?v.top=d:r<=15?v.top=d+N/2:r<=25&&(v.top=B),v},Adjust:()=>{let v=G(w).position(),d=G(U).position(),a=b.position(),B=h.getScreenSize(),o={};for(let i in d)o[i]=d[i];if(h.scope(()=>{if(t.nextToCursor)return;let i=0;R==1?i=a.top-o.bottom:R==2?i=a.top-o.top:R==3?i=a.top-o.top+(a.height-o.height)/2:R==4?i=a.bottom-o.bottom:R==5&&(i=a.bottom-o.top),o.top+=i,o.bottom+=i}),h.scope(()=>{if(t.nextToCursor)return;let i=0;A==1?i=a.left-o.right:A==2?i=a.left-o.left:A==3?i=a.left-o.left+(a.width-o.width)/2:A==4?i=a.right-o.right:A==5&&(i=a.right-o.left),o.left+=i,o.right+=i}),o.top<0){let i=-o.top;o.top+=i,o.bottom+=i}if(o.bottom>B.height){let i=o.bottom-B.height;o.top-=i,o.bottom-=i}if(o.left<0){let i=-o.left;o.left+=i,o.right+=i}if(o.right>B.width){let i=o.right-B.width;o.left-=i,o.right-=i}let N=o.top-d.top,O=o.left-d.left;h(w).css({top:v.top+N+"px",left:v.left+O+"px"})}};let[$]=P(z.Init());return F(()=>{G(w).await(10).addClass(S("Open")).await(200).callback(()=>{(L==null||L)&&z.Adjust()}),x.update({["customSheet-"+t.sheetID]:{reposition:()=>{z.Adjust()}}})},[]),b[0]?l(E,{className:[S("BB"),S("CustomSheet")].join(" "),"data-sheet-id":I,transition:"long",position:"absolute",width:0,height:0,opacity:"trans",flexCenter:!0,freeCSS:$,children:l(he,{position:"absolute",className:[S("GPT"),S("GPT_"+r),S("Col_"+A),S("Row_"+R)].join(" "),children:l(E,D(C({"data-sheet-content":I,flexSizing:"none",maxHeight:"viewHeight"},j),{freeCSS:C({maxWidth:"98vw"},j.freeCSS),children:h.is.function(m)?l(m,{}):m}))})}):null}},TapSensor:t=>l(E,{className:S("TapSensor"),children:l(se.Plain,{className:S("TapContent"),onClick:()=>{var e;(e=t.delegateAroundClick)!=null&&e&&_.close(t.sheetID)},freeCSS:{cursor:"default",pointerEvents:"all"}})})},_={Wrapper:()=>l(J.Wrapper,{}),open:(t,e)=>{if(t.sheetID=(t.sheetID||"").replace(/\./g,"-"),t.type=="image"){let p=t.sheetID||Z(),c=t,{type:s,src:n}=c,r=H(c,["type","src"]);_.open(D(C({type:"normal.topCenter",size:"MAX",backgroundColor:"trans",height:"viewHeight"},r),{sheetID:p,freeCSS:{maxWidth:"96vw",transformOrigin:"top"},content:()=>{let[m]=P(h.flatArray(n)),[g,f]=P(0),y=[];return m.forEach((T,K)=>{y.push({value:K,label:l(ie,{src:h.flatArray(T)[0],width:"auto",height:1,borderRadius:"3.tone.tertiary",freeCSS:{maxWidth:12*6,maxHeight:12*3}})})}),V(oe,{gap:0,height:1,position:"relative",children:[V(re.Separate,{position:"absolute",top:0,left:0,right:0,padding:[1,2],freeCSS:{zIndex:2},children:[l(ce.Radio,{icon:!1,value:g,override:"force",horizontalAlign:"center",onUpdateValidValue:T=>{f(T)},cellStyles:{border:!0,borderWidth:2,padding:"1/3",paddingRight:"1/3",boxShadow:"2.normal",gap:0},cellCheckedStyles:{borderColor:"theme"},options:y}),l(se.Sub.S,{color:"cloud",ssSphere:3,onClick:()=>{_.close(p)},children:l(ae.Times,{})})]}),l(ue.FadeIn,{flexCenter:!0,flexSizing:0,overflow:"auto",children:l(ie,{width:"auto",height:"auto",maxWidth:1,maxHeight:1,src:m[g]})},g)]})}}));return}let u=x.get("Sheet-"+M.get().sessionUID);u&&u.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,u){let c=k.getSessionStates();if(!c)return;let{val_sheets:p}=c;t=t==null?void 0:t.replace(/\./g,"-");let s=p.find(r=>r.sheetID==t);if(!s||e=="Escape"&&!s.closeAtEscapeKeyDown)return;let n=x.get(s.sheetID);n&&n.close&&n.close(u)},closeGroup:t=>{let e=k.getSessionStates();if(!e)return;let{val_sheets:u}=e;t=(t||"").replace(/\./g,"-");for(let c of u)c.sheetGroups&&c.sheetGroups==t&&_.close(c.sheetID)},closeAll:t=>{let e=k.getSessionStates();if(!e)return;let{val_sheets:u}=e;for(let c of u)t&&!c.closeAtPageTransit||_.close(c.sheetID,"pageTransit",!0)},Body:t=>l(E,C({className:S("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},t))};export{_ as Sheet,_ as default};
+import{b as C,c as D,d as H}from"../chunk-C5N2D3ZX.js";import{jsx as h,jsxs as V}from"react/jsx-runtime";import u,{UUID as Z,Time as le,useStore as x}from"jmini";import{useState as P,useEffect as G,useRef as pe}from"react";import{$$fromRoot as K,Config as M}from"../@utils";import{Box as R,Flex as he,Img as ie,FAI as ae,Column as oe}from"../atoms";import{Row as re}from"../mols";import{Button as se}from"./Button";import ce from"./Input";import{SheetClasses as S}from"../@styles/componentClasses";import ue from"./Effect";const k={currentIndex:0,mainSheetIDs:{},getSessionStates:()=>{let t=x.get("sessionStates-"+M.get().sessionUID);return t||null},getNewSheetStates:t=>{var c;let e=D(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:le()});if(e.type=="custom"){let l=e;l.parent=l.parent||((c=l==null?void 0:l.event)==null?void 0:c.currentTarget),e=l}return e}},J={Wrapper:()=>{let[t,e]=P([]),c={val_sheets:t,set_sheets:e};x.set({["sessionStates-"+M.get().sessionUID]:c}),G(()=>{x.set({["Sheet-"+M.get().sessionUID]:{add:(i,s)=>{let n=x.get("Sheet-"+M.get().sessionUID);if(!n)return;let r=k.getNewSheetStates(i);if(s!="inherit"&&(r.isOpen=s!=null?s:!0),!!n.find(r.sheetID)){e(g=>{let f=[...g],y=f.findIndex(E=>E.sheetID==r.sheetID);return y==-1||(f[y]=r),f});return}e(g=>[r,...g])},find:i=>{let s=k.getSessionStates();if(!s)return null;let{val_sheets:n}=s;return n.find(r=>r.sheetID==i)}}}),u(M.get().appRoot).addEvent({eventType:"keyup",eventID:"SheetEvent.keyUp",callback:function(i){let{key:s,metaKey:n}=i;if(s=="Escape"||s==","&&n){let r=k.getSessionStates();if(!r)return;let{val_sheets:m}=r,g=m.filter(y=>y.isOpen);if(!g.length)return;let f=g.reduce((y,E)=>y.created_at.value>E.created_at.value?y:E);T.close(f.sheetID,s)}}}).addEvent({eventType:"click",eventID:"SheetEvent.Click",callback:function(i){let s=k.getSessionStates();if(!s)return;let{val_sheets:n}=s,r=i.target;if(!r||r!=null&&r.closest("."+S("CustomSheet")))return;let m=n.filter(g=>g.type=="custom");m.length&&m.forEach(g=>{let{parent:f}=g;if(!g.closeAtAroundClick)return;let y=K(f)[0];f!==r&&y!==r&&(u(y).find(r).length||T.close(g.sheetID))})}})},[]);let l=t.map(i=>h(J.Core,D(C({},c),{val_sheet:i,patch_sheet:s=>{e(n=>{let r=[...n],m=r.findIndex(g=>g.sheetID==i.sheetID);return m==-1||(r[m]=C(C({},r[m]),s)),r})},delete_sheet:()=>{e(s=>{let n=[...s],r=n.findIndex(m=>m.sheetID==i.sheetID);return r==-1||n.splice(r,1),n})}}),i.sheetID));return h(R,{className:["AMOTIFY_be",S("Wrapper")].join(" "),children:l})},Core:t=>{let{val_sheet:e,patch_sheet:c}=t,[l,i]=P(k.currentIndex+2),[s]=P(Z()),n=e.type!="custom"&&!e.overwrap;G(()=>{k.currentIndex++,u.scope(()=>{if(!e.closeAtParentBlur)return;let f=u(e.parent);f[0]&&f.addEvent({eventID:"SheetClosation-"+e.sheetID,eventType:"mouseout",callback:()=>{f.removeEvent("SheetClosation-"+e.sheetID),c({isOpen:!1})}})}),x.set({[e.sheetID]:{resize:f=>{if(e.type=="drawer.bottom"){let y=x.get(s);y&&y.resize&&y.resize(f)}else(e.type.includes("normal")||e.type.includes("drawer"))&&c({size:f})},close:f=>{c({isOpen:!1})},open:()=>{c({isOpen:!0})}}})},[]),G(()=>{u.scope(()=>{let f=K("#"+s);if(e.isOpen){e.hold_state&&i(k.currentIndex+1),f.await(10).removeClass(S("Hide")).await(10).addClass(S("Open")).callback(()=>{e.openAfter&&e.openAfter()});return}f.await(10).removeClass(S("Open")).await(251).addClass(S("Hide")).callback(()=>{if(e.closeAfter&&e.closeAfter(),n&&M.get().browserIs!="safari"&&u(M.get().appRoot).focus(),e.hold_state)return c({isOpen:!1});t.delete_sheet()})})},[e.isOpen]);let[r,m]=e.type.split("."),g=J.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 h(R,{className:[S("Wrap"),S("Tcate_"+r),S("Tpos_"+m),S("isMainSheet_"+n)].join(" "),width:1,ssAbsoluteCovered:!0,freeCSS:{zIndex:l},id:s,children:V(oe,{className:S("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[!!n&&h(J.TapSensor,{sheetID:e.sheetID,delegateAroundClick:e.closeAtAroundClick}),h(g,C({componentID:s},e))]})},s)},Types:{Normal:t=>{let U=t,{sheetID:e,sheetGroups:c,bodyScrolls:l,content:i,className:s="",type:n,size:r="R",freeCSS:m,openAfter:g,closeAfter:f,closeAtAroundClick:y,closeAtEscapeKeyDown:E,closeAtPageTransit:X,closeAtParentBlur:Q,closeAtSwipeDown:j,hold_state:q,overwrap:ee,isOpen:te,backgroundEffect:L}=U,W=H(U,["sheetID","sheetGroups","bodyScrolls","content","className","type","size","freeCSS","openAfter","closeAfter","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]),[F,b]=n.split("."),I={},w=[];return b.match(/top/)?(w.push("top"),I.marginBottom="auto"):b.match(/middle/)?(w.push("center"),I.marginTop="auto",I.marginBottom="auto"):b.match(/bottom/)&&(w.push("bottom"),I.marginTop="auto"),b.match(/left/i)?(w.push("left"),I.marginRight="auto"):b.match(/center/i)?(w.push("center"),I.marginLeft="auto",I.marginRight="auto"):b.match(/right/i)&&(w.push("right"),I.marginLeft="auto"),h(R,D(C(C({className:[S("BB"),s].join(" "),padding:1,transition:"long",opacity:"trans"},W),I),{freeCSS:C({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100%"}[r],maxWidth:"96vw",transformOrigin:w.join(" ")},m),children:u.is.function(i)?h(i,{}):i}))},Edge:t=>{let W=t,{sheetID:e,sheetGroups:c,bodyScrolls:l,type:i,content:s,className:n="",size:r="R",openAfter:m,closeAfter:g,closeAtAroundClick:f,closeAtEscapeKeyDown:y,closeAtPageTransit:E,closeAtParentBlur:X,closeAtSwipeDown:Q,hold_state:j,overwrap:q,isOpen:ee,backgroundEffect:te}=W,L=H(W,["sheetID","sheetGroups","bodyScrolls","type","content","className","size","openAfter","closeAfter","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]);return h(R,D(C(D(C({className:[S("BB"),n].join(" ")},i=="drawer.right"?{marginLeft:"auto"}:i=="drawer.left"?{marginRight:"auto"}:{}),{opacity:"trans",transition:"long",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark"}),L),{freeCSS:C({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[r],maxWidth:"96vw"},L.freeCSS),children:u.is.function(s)?h(s,{}):s}))},Bottom:t=>{let Y=t,{componentID:e,sheetID:c,sheetGroups:l,bodyScrolls:i,content:s,size:n="R",sizeChanged:r,baseStyles:m,openAfter:g,closeAfter:f,closeAtAroundClick:y,closeAtEscapeKeyDown:E,closeAtPageTransit:X,closeAtParentBlur:Q,closeAtSwipeDown:j=!0,hold_state:q,overwrap:ee,isOpen:te,backgroundEffect:L}=Y,W=H(Y,["componentID","sheetID","sheetGroups","bodyScrolls","content","size","sizeChanged","baseStyles","openAfter","closeAfter","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]),F=u.getScreenSize(),b=[0,.2,.6,.95],I={ZERO:0,S:1,R:2,L:3},[w,U]=P(n),[A,_]=P({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:b[I[n]]});x.update({[e]:{val_edit:A,resize:v=>{let d=b[I[v]];_(p=>D(C({},p),{value:d})),U(v)}}});const z={Start:v=>{u(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:z.Move,options:{passive:!1}}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:z.Move,options:{passive:!1}}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:z.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:z.End});let d=u.getCursor(v),p=D(C({},A),{process:!0,processStart:new Date().getTime(),originY:d.y,originValue:A.value,viewHeight:u.getScreenSize().height});x.update({[e]:{val_edit:p}}),_(p)},Move:v=>{var O;let d=(O=x.get(e))==null?void 0:O.val_edit;if(!d.process)return;let B=(u.getCursor(v).y-d.originY)/d.viewHeight,o=d.originValue-B;if(o>.95)o=.95+(o-.95)*.5;else if(o<.2){let N=.2-o;N-=.1,o=.1+(.1-N)*.5}return _(D(C({},d),{value:o})),v.preventDefault(),v.stopPropagation(),!1},End:v=>{var o;let d=(o=x.get(e))==null?void 0:o.val_edit;if(!d.process)return;u(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let p=0;if(d.value<.1||(d.value<.5?p=1:d.value>.75?p=3:p=2),new Date().getTime()-d.processStart<300){let O=u.getCursor(v).y-d.originY;if(Math.abs(O)>=20){let N=+(O<0)*2-1;p+=N,p=Math.min(Math.max(p,0),b.length-1)}}p==0&&(j||(p=1)),U(["ZERO","S","R","L"][p]),_(D(C({},d),{value:b[p],process:!1}))}},$=pe(!1);return G(()=>{$.current?w=="ZERO"?j&&T.close(c):setTimeout(()=>{t.sizeChanged&&t.sizeChanged(w)},250):$.current=!0},[w]),h(R,{className:S("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:C({maxWidth:12*60,height:F.height*A.value},A.process?{transition:"0s"}:{}),children:V(oe,D(C({gap:0,flexSizing:"none",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",borderBottom:"unset",boxShadow:"3.remark",position:"relative",overflow:"hidden",height:1},m),{children:[V(re.Separate,{padding:1,backgroundColor:"layer.1",position:"relative",freeCSS:{userSelect:"none"},children:[h(R,{ssSphere:2.5}),h(re.Center,{onPointerDown:z.Start,flexSizing:0,padding:"2/3",ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:h(R,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:S("DragBar")})}),h(se.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{T.close(c)},children:h(ae.Times,{})})]}),h(R,D(C({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},W),{children:u.is.function(s)?h(s,{}):s}))]}))})},Custom:t=>{let Y=t,{sheetID:e,sheetGroups:c,bodyScrolls:l,event:i,parent:s,nextToCursor:n,gravityPoint:r=22,content:m,closeAtAroundClick:g,closeAtEscapeKeyDown:f,closeAtPageTransit:y,closeAtParentBlur:E,closeAtSwipeDown:X,hold_state:Q,openAfter:j,closeAfter:q,overwrap:ee,isOpen:te,resize:L,backgroundEffect:W}=Y,F=H(Y,["sheetID","sheetGroups","bodyScrolls","event","parent","nextToCursor","gravityPoint","content","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","openAfter","closeAfter","overwrap","isOpen","resize","backgroundEffect"]),[b]=P(Z()),I=u.is.element(s)||u.is.jmini(s)?u(s):K(s),w='[data-sheet-id="'+b+'"]',U='[data-sheet-content="'+b+'"]';r=r;let A=r%5||5,_=Math.ceil(r/5);const z={Init:()=>{if(n&&i){let a=u.getScreenSize(),ne=u.getCursor(i);return{top:ne.y-a.pageYOffset,left:ne.x-a.pageXOffset}}let v={};if(!I||!I[0])return v;let{top:d,right:p,bottom:B,left:o,height:O,width:N}=I.position();return[1,2].includes(A)?v.left=o:A==3?v.left=o+N/2:[4,5].includes(A)&&(v.left=p),r<=10?v.top=d:r<=15?v.top=d+O/2:r<=25&&(v.top=B),v},Adjust:()=>{let v=K(w).position(),d=K(U).position(),p=I.position(),B=u.getScreenSize(),o={};for(let a in d)o[a]=d[a];if(u.scope(()=>{if(t.nextToCursor)return;let a=0;_==1?a=p.top-o.bottom:_==2?a=p.top-o.top:_==3?a=p.top-o.top+(p.height-o.height)/2:_==4?a=p.bottom-o.bottom:_==5&&(a=p.bottom-o.top),o.top+=a,o.bottom+=a}),u.scope(()=>{if(t.nextToCursor)return;let a=0;A==1?a=p.left-o.right:A==2?a=p.left-o.left:A==3?a=p.left-o.left+(p.width-o.width)/2:A==4?a=p.right-o.right:A==5&&(a=p.right-o.left),o.left+=a,o.right+=a}),o.top<0){let a=-o.top;o.top+=a,o.bottom+=a}if(o.bottom>B.height){let a=o.bottom-B.height;o.top-=a,o.bottom-=a}if(o.left<0){let a=-o.left;o.left+=a,o.right+=a}if(o.right>B.width){let a=o.right-B.width;o.left-=a,o.right-=a}let O=o.top-d.top,N=o.left-d.left;u(w).css({top:v.top+O+"px",left:v.left+N+"px"})}};let[$]=P(z.Init());return G(()=>{K(w).await(10).addClass(S("Open")).await(200).callback(()=>{(L==null||L)&&z.Adjust()}),x.update({["customSheet-"+t.sheetID]:{reposition:()=>{z.Adjust()}}})},[]),I[0]?h(R,{className:[S("BB"),S("CustomSheet")].join(" "),"data-sheet-id":b,transition:"long",position:"absolute",width:0,height:0,opacity:"trans",flexCenter:!0,freeCSS:$,children:h(he,{position:"absolute",className:[S("GPT"),S("GPT_"+r),S("Col_"+A),S("Row_"+_)].join(" "),children:h(R,D(C({"data-sheet-content":b,flexSizing:"none",maxHeight:"viewHeight"},F),{freeCSS:C({maxWidth:"98vw"},F.freeCSS),children:u.is.function(m)?h(m,{}):m}))})}):null}},TapSensor:t=>h(R,{className:S("TapSensor"),children:h(se.Plain,{className:S("TapContent"),onClick:()=>{var e;(e=t.delegateAroundClick)!=null&&e&&T.close(t.sheetID)},freeCSS:{cursor:"default",pointerEvents:"all"}})})},T={Wrapper:()=>h(J.Wrapper,{}),Element:t=>{let i=t,{isOpen:e,children:c}=i,l=H(i,["isOpen","children"]);return G(()=>{if(e){T.open(D(C({},l),{content:c}));return}l.sheetID&&T.close(l.sheetID)},[e]),null},open:(t,e)=>{if(t.sheetID=(t.sheetID||"").replace(/\./g,"-"),t.type=="image"){let i=t.sheetID||Z(),l=t,{type:s,src:n}=l,r=H(l,["type","src"]);T.open(D(C({type:"normal.topCenter",size:"MAX",backgroundColor:"trans",height:"viewHeight"},r),{sheetID:i,freeCSS:{maxWidth:"96vw",transformOrigin:"top"},content:()=>{let[m]=P(u.flatArray(n)),[g,f]=P(0),y=[];return m.forEach((E,X)=>{y.push({value:X,label:h(ie,{src:u.flatArray(E)[0],width:"auto",height:1,borderRadius:"3.tone.tertiary",freeCSS:{maxWidth:12*6,maxHeight:12*3}})})}),V(oe,{gap:0,height:1,position:"relative",children:[V(re.Separate,{position:"absolute",top:0,left:0,right:0,padding:[1,2],freeCSS:{zIndex:2},children:[h(ce.Radio,{icon:!1,value:g,override:"force",horizontalAlign:"center",onUpdateValidValue:E=>{f(E)},cellStyles:{border:!0,borderWidth:2,padding:"1/3",paddingRight:"1/3",boxShadow:"2.normal",gap:0},cellCheckedStyles:{borderColor:"theme"},options:y}),h(se.Sub.S,{color:"cloud",ssSphere:3,onClick:()=>{T.close(i)},children:h(ae.Times,{})})]}),h(ue.FadeIn,{flexCenter:!0,flexSizing:0,overflow:"auto",children:h(ie,{width:"auto",height:"auto",maxWidth:1,maxHeight:1,src:m[g]})},g)]})}}));return}let c=x.get("Sheet-"+M.get().sessionUID);c&&c.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,c){let l=k.getSessionStates();if(!l)return;let{val_sheets:i}=l;t=t==null?void 0:t.replace(/\./g,"-");let s=i.find(r=>r.sheetID==t);if(!s||e=="Escape"&&!s.closeAtEscapeKeyDown)return;let n=x.get(s.sheetID);n&&n.close&&n.close(c)},closeGroup:t=>{let e=k.getSessionStates();if(!e)return;let{val_sheets:c}=e;t=(t||"").replace(/\./g,"-");for(let l of c)l.sheetGroups&&l.sheetGroups==t&&T.close(l.sheetID)},closeAll:t=>{let e=k.getSessionStates();if(!e)return;let{val_sheets:c}=e;for(let l of c)t&&!l.closeAtPageTransit||T.close(l.sheetID,"pageTransit",!0)},Body:t=>h(R,C({className:S("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},t))};export{T as Sheet,T as default};

package/package.json

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

package/dist/atoms/Box copy.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { StyleTags, ReactElement } from '../@declares';
-declare namespace Box {
-    type Input<HTMLComponent extends React.ElementType> = {
-        htmlTag?: HTMLComponent;
-        children?: ReactElement;
-    } & StyleTags.BasicElement & Omit<React.ComponentPropsWithRef<HTMLComponent>, 'htmlTag'> & React.HTMLAttributes<any>;
-    type DefaultInput = Input<'div'>;
-    type Component = {
-        <T extends React.ElementType = 'div'>(p: Input<T>): JSX.Element;
-    };
-}
-declare const Box: <T extends import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> = "div">(p: Box.Input<T>) => import("react/jsx-runtime").JSX.Element | null;
-export { Box, Box as default };

package/dist/atoms/Box copy.js

@@ -1 +0,0 @@
-import{b as n,d as o}from"../chunk-C5N2D3ZX.js";import{jsx as r}from"react/jsx-runtime";import{GenerateHTMLProps as T}from"../@utils";const p=m=>{let t=T(m),{htmlTag:a}=t,l=o(t,["htmlTag"]);const e=a||"div";return e?r(e,n({},l)):null};export{p as Box,p as default};