amotify 0.2.18 → 0.2.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/fn/Sheet.js CHANGED
@@ -1 +1 @@
1
- import{b as d,c as R,d as H}from"../chunk-C5N2D3ZX.js";import{jsx as i,jsxs as X}from"react/jsx-runtime";import r from"@mingoo/jsmin";import{useState as O,useEffect as G,useRef as te}from"react";import{$$fromRoot as A,Config as U,useStore as T}from"../@utils";import z from"../atoms/Box";import q from"../atoms/Img";import oe from"../atoms/FAI";import re from"../atoms/Flex";import K from"../mols/Column";import Z from"../mols/Row";import ee from"./Button";import ne from"./SwipeView";import ae from"./Input";import{SheetClasses as p}from"../@styles/componentClasses";const y={currentIndex:0,contents:{},addNewSheet:function(e){let t=R(d({sheetGroups:e.sheetGroups||[],backgroundEffect:!0,overwrap:e.type=="custom",hold_state:!1,isOpen:!0},e),{sheetID:e.sheetID||r.uuid.gen(),close_option:d({pageTransit:!0,escapeKeyDown:!0,aroundClick:e.type=="custom"},e.close_option)});if(t.type=="custom"&&(t.parent=t.parent||t.event.currentTarget),this.contents[t.sheetID]){let l=T.get(t.sheetID);l&&l.refresh&&l.refresh(t,!0);return}this.contents[t.sheetID]={isOpen:!0,hold_state:!!t.hold_state,p:t,created_at:r.Time()};let n=T.get("Sheet-"+U.get().sessionUID);n&&n.refresh()},Wrapper:()=>{let[e,t]=O(r.uuid.gen());G(()=>{T.set({["Sheet-"+U.get().sessionUID]:{refresh:()=>{t(r.uuid.gen())}}}),r(U.get().appRoot).addEvent({eventType:"keyup",eventID:"SheetEvent.keyUp",callback:function(l){let{key:s,metaKey:c}=l;if(s=="Escape"||s==","&&c){let h=Object.values(y.contents).filter(m=>m.isOpen);if(!h.length)return;let o=h.reduce((m,w)=>m.created_at.value>w.created_at.value?m:w);N.close(o.p.sheetID,s)}}}).addEvent({eventType:"click",eventID:"SheetEvent.Click",callback:function(l){var h;let s=Object.values(y.contents).filter(o=>o.p.type=="custom");!s.length||s.find(o=>{let{p:m}=o,w=m.parent,_=l.target,g=A(w)[0];return!!(w==_||g===_||r(g).find(_).length)})||(h=l.target)!=null&&h.closest("."+p("CustomSheet"))||s.forEach(o=>{var m;(m=o.p.close_option)!=null&&m.aroundClick&&N.close(o.p.sheetID)})}})},[]);let n=Object.entries(y.contents).map(([l,s])=>i(z,{id:"Sheet-"+l,children:i(y.Core,d({isOpen:s.isOpen},s.p),l)},l));return i(z,{className:["AMOTIFY_be",p("Wrapper")].join(" "),children:n})},Core:e=>{var j;let[t]=O(r.uuid.gen()),[n,l]=O(e),[s,c]=O(e.isOpen),{type:h,sheetID:o,openAfter:m,closeAfter:w}=n,_=!n.overwrap,g=y.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"}[h]];G(()=>{T.set({[o]:{refresh:(S,a)=>{l(S),c(a!=null?a:!1)},resize:S=>{if(h=="drawer.bottom"){let a=T.get(t);a&&a.resize&&a.resize(S)}else(n.type.includes("normal")||n.type.includes("drawer"))&&l(a=>R(d({},a),{size:S}))},close:S=>{y.contents[o].isOpen=!1,c(!1)},open:()=>{y.contents[o].isOpen=!0,c(!0)}}})}),G(()=>{r.scope(()=>{if(!_||!n.backgroundEffect)return;let S=Object.values(y.contents).filter(a=>a.isOpen&&!a.p.overwrap&&a.p.type!="custom").length;if(s){let a=r("html"),x=0;S==1&&(x=a[0].scrollTop|0,l(C=>R(d({},C),{bodyScrolls:x}))),U.get().isPhone||(a[0].scrollTop=0,A(".AMOTIFY_be_root").addClass(p("FixScroll")).callback(C=>{C[0].scrollTop=x}).await(40).addClass(p("Float")));return}U.get().isPhone||S==0&&A(".AMOTIFY_be_root").removeClass(p("Float")).await(251).removeClass(p("FixScroll")).callback(()=>{r("html")[0].scrollTop=n.bodyScrolls||0,A(".AMOTIFY_be_root")[0].scrollTop=0})}),r.scope(()=>{let S=A("#"+t);if(s){S.await(10).removeClass(p("Hide")).await(10).addClass(p("Open")).callback(()=>{y.contents[o].isOpen=!0,m&&m()});return}S.await(10).removeClass(p("Open")).await(251).addClass(p("Hide")).callback(()=>{if(!w||w(),y.contents[o].isOpen=!1,n.hold_state)return;delete y.contents[o];let a=T.get("Sheet-"+U.get().sessionUID);a&&a.refresh()})})},[s]),G(()=>{y.currentIndex++;let{close_option:S}=n;r.scope(()=>{if(!(S!=null&&S.parentBlur))return;let a=r(n.parent);a[0]&&a.addEvent({eventID:"SheetClosation-"+o,eventType:"mouseout",callback:()=>{a.removeEvent("SheetClosation-"+o),c(!1)}})})},[]);let[M,Y]=h.split(".");return i(z,{className:[p("Wrap"),p("Tcate_"+M),p("Tpos_"+Y),p("isNewSheet_"+_)].join(" "),width:1,height:0,ssAbsoluteCovered:!0,freeCSS:{zIndex:y.currentIndex+1},id:t,children:X(K,{className:p("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[!!_&&i(y.TapSensor,{sheetID:o,delegateAroundClick:(j=n.close_option)==null?void 0:j.aroundClick}),i(g,d({componentID:t},n))]})},t)},Types:{Normal:e=>{let D=e,{sheetID:t,sheetGroups:n,bodyScrolls:l,content:s,className:c="",type:h,size:o="R",freeCSS:m,openAfter:w,closeAfter:_,close_option:g,hold_state:M,overwrap:Y,isOpen:j,backgroundEffect:S}=D,a=H(D,["sheetID","sheetGroups","bodyScrolls","content","className","type","size","freeCSS","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]),[x,C]=h.split("."),I={},B=[];return C.match(/top/)?(B.push("top"),I.marginBottom="auto"):C.match(/middle/)?(B.push("center"),I.marginTop="auto",I.marginBottom="auto"):C.match(/bottom/)&&(B.push("bottom"),I.marginTop="auto"),C.match(/left/i)?(B.push("left"),I.marginRight="auto"):C.match(/center/i)?(B.push("center"),I.marginLeft="auto",I.marginRight="auto"):C.match(/right/i)&&(B.push("right"),I.marginLeft="auto"),i(z,R(d(d({className:[p("BB"),c].join(" "),padding:1,transition:"long",opacity:"trans"},I),a),{freeCSS:d({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100vw"}[o],maxWidth:"96vw",transformOrigin:B.join(" ")},m),children:r.is.function(s)?i(s,{}):s}))},Edge:e=>{let x=e,{sheetID:t,sheetGroups:n,bodyScrolls:l,type:s,content:c,className:h="",size:o="R",freeCSS:m,openAfter:w,closeAfter:_,close_option:g,hold_state:M,overwrap:Y,isOpen:j,backgroundEffect:S}=x,a=H(x,["sheetID","sheetGroups","bodyScrolls","type","content","className","size","freeCSS","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]);return i(z,R(d(d({opacity:"trans",transition:"long",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark",className:[p("BB"),h].join(" ")},s=="drawer.right"?{marginLeft:"auto"}:s=="drawer.left"?{marginRight:"auto"}:{}),a),{freeCSS:d({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[o],maxWidth:"96vw"},m),children:r.is.function(c)?i(c,{}):c}))},Bottom:e=>{let V=e,{componentID:t,sheetID:n,sheetGroups:l,bodyScrolls:s,content:c,size:h="R",sizeChanged:o,baseStyles:m,openAfter:w,closeAfter:_,close_option:{swipeDown:g=!0}={},hold_state:M,overwrap:Y,isOpen:j,backgroundEffect:S}=V,a=H(V,["componentID","sheetID","sheetGroups","bodyScrolls","content","size","sizeChanged","baseStyles","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]),x=r.getScreenSize(),C=[0,.2,.6,.95],I={ZERO:0,S:1,R:2,L:3},[B,D]=O(h),[P,F]=O({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:C[I[h]]});T.update({[t]:{val_edit:P,resize:v=>{let u=C[I[v]];F(f=>R(d({},f),{value:u})),D(v)}}});const L={Start:v=>{r(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:L.Move}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:L.Move}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:L.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:L.End});let u=r.getCursor(v),f=R(d({},P),{process:!0,processStart:new Date().getTime(),originY:u.y,originValue:P.value,viewHeight:r.getScreenSize().height});T.update({[t]:{val_edit:f}}),F(f)},Move:v=>{var E;let u=(E=T.get(t))==null?void 0:E.val_edit;if(!u.process)return;let k=(r.getCursor(v).y-u.originY)/u.viewHeight,b=u.originValue-k;if(b>.95)b=.95+(b-.95)*.5;else if(b<.2){let W=.2-b;W-=.1,b=.1+(.1-W)*.5}F(R(d({},u),{value:b}))},End:v=>{var b;let u=(b=T.get(t))==null?void 0:b.val_edit;if(!u.process)return;r(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let f=0;if(u.value<.1||(u.value<.5?f=1:u.value>.75?f=3:f=2),new Date().getTime()-u.processStart<300){let E=r.getCursor(v).y-u.originY;if(Math.abs(E)>=20){let W=+(E<0)*2-1;f+=W,f=Math.min(Math.max(f,0),C.length-1)}}f==0&&(g||(f=1)),D(["ZERO","S","R","L"][f]),F(R(d({},u),{value:C[f],process:!1}))}},$=te(!1);return G(()=>{$.current?B=="ZERO"?g&&N.close(n):setTimeout(()=>{e.sizeChanged&&e.sizeChanged(B)},250):$.current=!0},[B]),i(z,{className:p("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:d({maxWidth:12*60,height:x.height*P.value},P.process?{transition:"0s"}:{}),children:X(K,R(d({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},m),{children:[i(Z.Separate,{padding:"1/2",backgroundColor:"layer.1",position:"relative",freeCSS:{userSelect:"none"},children:i(Z.Center,{flexSizing:0,padding:"2/3",onMouseDown:L.Start,onTouchStart:L.Start,ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:i(z,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:p("DragBar")})})}),i(z,R(d({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},a),{children:r.is.function(c)?i(c,{}):c}))]}))})},Custom:e=>{let V=e,{sheetID:t,sheetGroups:n,bodyScrolls:l,event:s,parent:c,nextToCursor:h,gravityPoint:o=22,content:m,close_option:w,hold_state:_,openAfter:g,closeAfter:M,overwrap:Y,isOpen:j,backgroundEffect:S}=V,a=H(V,["sheetID","sheetGroups","bodyScrolls","event","parent","nextToCursor","gravityPoint","content","close_option","hold_state","openAfter","closeAfter","overwrap","isOpen","backgroundEffect"]),[x]=O(r.uuid.gen()),C=r.is.element(c)||r.is.jsmin(c)?r(c):A(c),I='[data-sheet-id="'+x+'"]',B='[data-sheet-content="'+x+'"]';o=o;let D=o%5||5,P=Math.ceil(o/5);const F=()=>{if(h&&s){let J=r.getScreenSize(),Q=r.getCursor(s);return{top:Q.y-J.pageYOffset,left:Q.x-J.pageXOffset}}let v={},{top:u,right:f,bottom:k,left:b,height:E,width:W}=C.position();return[1,2].includes(D)?v.left=b:D==3?v.left=b+W/2:[4,5].includes(D)&&(v.left=f),o<=10?v.top=u:o<=15?v.top=u+E/2:o<=25&&(v.top=k),v};let[L,$]=O(F());return G(()=>{const v=u=>{let f=A(I).position(),k=A(B).position(),b=r.getScreenSize(),E=d({},u);return k.top<0&&(E.top=f.top-k.top),k.left<0&&(E.left=f.left-k.left),k.right>b.width&&(E.left=f.left-(k.right-b.width)),k.bottom>b.height&&(E.top=f.top-(k.bottom-b.height)),E};A(I).await(10).addClass(p("Open")).await(250).callback(()=>{$(u=>v(u))}),T.update({["customSheet-"+e.sheetID]:{reposition:()=>{setTimeout(()=>{$(u=>v(u))},200)}}})},[]),C[0]?i(z,{className:[p("BB"),p("CustomSheet")].join(" "),"data-sheet-id":x,transition:"long",opacity:"trans",position:"absolute",width:0,height:0,flexCenter:!0,freeCSS:L,children:i(re,{className:[p("GPT"),p("GPT_"+o),p("Col_"+D),p("Row_"+P)].join(" "),position:"absolute",children:i(z,R(d({flexSizing:"none","data-sheet-content":x,maxHeight:"viewHeight",overflow:"auto",padding:1},a),{freeCSS:d({maxWidth:"98vw"},a.freeCSS),children:r.is.function(m)?i(m,{}):m}))})}):null}},TapSensor:e=>i(z,{className:p("TapSensor"),children:i(ee.Button.Plain,{className:p("TapContent"),onClick:()=>{var t;(t=e.delegateAroundClick)!=null&&t&&N.close(e.sheetID)},freeCSS:{cursor:"default",pointerEvents:"all"}})})},N={Wrapper:()=>i(y.Wrapper,{}),open:e=>{if(e.sheetID=(e.sheetID||"").replace(/\./g,"-"),e.type=="image"){let n=e.sheetID||r.uuid.gen(),t=e,{type:l,src:s}=t,c=H(t,["type","src"]);N.open(R(d({type:"normal.topCenter",backgroundColor:"trans"},c),{sheetID:n,freeCSS:{maxWidth:"96vw",transformOrigin:"top"},content:()=>{let[h]=O(r.flatArray(s)),[o,m]=O(0),w=[],_=[];return h.forEach((g,M)=>{w.push({value:M,label:i(q,{src:r.flatArray(g)[0],width:"auto",height:1,freeCSS:{maxWidth:12*6,maxHeight:12*3}})}),_.push(i(q,{width:1,height:"auto",src:r.flatArray(g)[0]}))}),X(K,{gap:0,children:[X(Z.Separate,{gap:2,padding:1,backgroundColor:"layer.1",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",children:[i(ae.Radio,{tone:"border",icon:!1,value:o,override:"force",horizontalAlign:"center",onUpdateValidValue:({value:g})=>{m(g[0])},cellStyles:{borderWidth:2,padding:"1/3"},options:w}),X(ee.Button.Border.R,{color:"cloud",isRounded:!0,onClick:()=>{N.close(n)},children:["\u9589\u3058\u308B ",i(oe.Times,{})]})]}),i(ne,{slideIndex:o,options:{loop:h.length>1,onSlideCallback:g=>{m(g)}},slides:_,wrapper:g=>i(z,{borderBottomLeftRadius:"1.tone.primary",borderBottomRightRadius:"1.tone.primary",children:g})})]})}}));return}y.addNewSheet(e)},refresh:(e,t)=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let n=T.get(e.sheetID);n&&n.refresh&&n.refresh(e,t)},resize:e=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let t=T.get(e.sheetID);t&&t.resize&&t.resize(e.size)},reposition:e=>{let t=T.get("customSheet-"+e);t&&t.reposition&&t.reposition()},close:function(e,t,n){var s;e=e==null?void 0:e.replace(/\./g,"-");let l=y.contents[e];if(l&&!(t=="Escape"&&!((s=l.p.close_option)!=null&&s.escapeKeyDown))){let{p:c}=l,{sheetID:h}=c,o=T.get(h);o&&o.close&&o.close(n)}},closeGroup:e=>{var t;e=(e||"").replace(/\./g,"-");for(let[n,l]of Object.entries(y.contents))(t=l.p.sheetGroups)!=null&&t.includes(e)&&N.close(n)},closeAll:e=>{var t;for(let[n,l]of Object.entries(y.contents))e&&((t=l.p.close_option)==null?void 0:t.pageTransit)==!1||N.close(n,"pageTransit",!0)},Comps:{Body:e=>i(z,d({className:p("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},e))}};export{N as Sheet,N as default};
1
+ import{b as d,c as _,d as H}from"../chunk-C5N2D3ZX.js";import{jsx as l,jsxs as X}from"react/jsx-runtime";import r from"@mingoo/jsmin";import{useState as O,useEffect as G,useRef as te}from"react";import{$$fromRoot as W,Config as U,useStore as x}from"../@utils";import z from"../atoms/Box";import q from"../atoms/Img";import oe from"../atoms/FAI";import re from"../atoms/Flex";import K from"../mols/Column";import Z from"../mols/Row";import ee from"./Button";import ne from"./SwipeView";import ae from"./Input";import{SheetClasses as s}from"../@styles/componentClasses";const C={currentIndex:0,contents:{},addNewSheet:function(e){let t=_(d({sheetGroups:e.sheetGroups||[],backgroundEffect:!0,overwrap:e.type=="custom",hold_state:!1,isOpen:!0},e),{sheetID:e.sheetID||r.uuid.gen(),close_option:d({pageTransit:!0,escapeKeyDown:!0,aroundClick:e.type=="custom"},e.close_option)});if(t.type=="custom"&&(t.parent=t.parent||t.event.currentTarget),this.contents[t.sheetID]){let p=x.get(t.sheetID);p&&p.refresh&&p.refresh(t,!0);return}this.contents[t.sheetID]={isOpen:!0,hold_state:!!t.hold_state,p:t,created_at:r.Time()};let n=x.get("Sheet-"+U.get().sessionUID);n&&n.refresh()},Wrapper:()=>{let[e,t]=O(r.uuid.gen());G(()=>{x.set({["Sheet-"+U.get().sessionUID]:{refresh:()=>{t(r.uuid.gen())}}}),r(U.get().appRoot).addEvent({eventType:"keyup",eventID:"SheetEvent.keyUp",callback:function(p){let{key:i,metaKey:c}=p;if(i=="Escape"||i==","&&c){let h=Object.values(C.contents).filter(m=>m.isOpen);if(!h.length)return;let o=h.reduce((m,T)=>m.created_at.value>T.created_at.value?m:T);N.close(o.p.sheetID,i)}}}).addEvent({eventType:"click",eventID:"SheetEvent.Click",callback:function(p){var h;let i=Object.values(C.contents).filter(o=>o.p.type=="custom");!i.length||i.find(o=>{let{p:m}=o,T=m.parent,R=p.target,g=W(T)[0];return!!(T==R||g===R||r(g).find(R).length)})||(h=p.target)!=null&&h.closest("."+s("CustomSheet"))||i.forEach(o=>{var m;(m=o.p.close_option)!=null&&m.aroundClick&&N.close(o.p.sheetID)})}})},[]);let n=Object.entries(C.contents).map(([p,i])=>l(z,{id:"Sheet-"+p,children:l(C.Core,d({isOpen:i.isOpen},i.p),p)},p));return l(z,{className:["AMOTIFY_be",s("Wrapper")].join(" "),children:n})},Core:e=>{var j;let[t]=O(r.uuid.gen()),[n,p]=O(e),[i,c]=O(e.isOpen),{type:h,sheetID:o,openAfter:m,closeAfter:T}=n,R=!n.overwrap,g=C.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"}[h]];G(()=>{x.set({[o]:{refresh:(S,a)=>{p(S),c(a!=null?a:!1)},resize:S=>{if(h=="drawer.bottom"){let a=x.get(t);a&&a.resize&&a.resize(S)}else(n.type.includes("normal")||n.type.includes("drawer"))&&p(a=>_(d({},a),{size:S}))},close:S=>{C.contents[o].isOpen=!1,c(!1)},open:()=>{C.contents[o].isOpen=!0,c(!0)}}})}),G(()=>{r.scope(()=>{if(!R||!n.backgroundEffect)return;let S=Object.values(C.contents).filter(I=>I.isOpen&&!I.p.overwrap&&I.p.type!="custom").length,a=W(".AMOTIFY_be_root");if(i){if(a.hasClass(s("FixScroll")))return;let I=r("html"),b=0;S==1&&(b=I[0].scrollTop|0,p(v=>_(d({},v),{bodyScrolls:b}))),U.get().isPhone||(I[0].scrollTop=0,a.addClass(s("FixScroll")).callback(v=>{v[0].scrollTop=b}).await(40).addClass(s("Float")));return}U.get().isPhone||S==0&&a.hasClass(s("FixScroll"))&&a.removeClass(s("Float")).await(251).removeClass(s("FixScroll")).callback(()=>{r("html")[0].scrollTop=n.bodyScrolls||0,a[0].scrollTop=0})}),r.scope(()=>{let S=W("#"+t);if(i){S.await(10).removeClass(s("Hide")).await(10).addClass(s("Open")).callback(()=>{C.contents[o].isOpen=!0,m&&m()});return}S.await(10).removeClass(s("Open")).await(251).addClass(s("Hide")).callback(()=>{if(!T||T(),C.contents[o].isOpen=!1,n.hold_state)return;delete C.contents[o];let a=x.get("Sheet-"+U.get().sessionUID);a&&a.refresh()})})},[i]),G(()=>{C.currentIndex++;let{close_option:S}=n;r.scope(()=>{if(!(S!=null&&S.parentBlur))return;let a=r(n.parent);a[0]&&a.addEvent({eventID:"SheetClosation-"+o,eventType:"mouseout",callback:()=>{a.removeEvent("SheetClosation-"+o),c(!1)}})})},[]);let[L,$]=h.split(".");return l(z,{className:[s("Wrap"),s("Tcate_"+L),s("Tpos_"+$),s("isNewSheet_"+R)].join(" "),width:1,height:0,ssAbsoluteCovered:!0,freeCSS:{zIndex:C.currentIndex+1},id:t,children:X(K,{className:s("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[!!R&&l(C.TapSensor,{sheetID:o,delegateAroundClick:(j=n.close_option)==null?void 0:j.aroundClick}),l(g,d({componentID:t},n))]})},t)},Types:{Normal:e=>{let D=e,{sheetID:t,sheetGroups:n,bodyScrolls:p,content:i,className:c="",type:h,size:o="R",freeCSS:m,openAfter:T,closeAfter:R,close_option:g,hold_state:L,overwrap:$,isOpen:j,backgroundEffect:S}=D,a=H(D,["sheetID","sheetGroups","bodyScrolls","content","className","type","size","freeCSS","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]),[I,b]=h.split("."),v={},B=[];return b.match(/top/)?(B.push("top"),v.marginBottom="auto"):b.match(/middle/)?(B.push("center"),v.marginTop="auto",v.marginBottom="auto"):b.match(/bottom/)&&(B.push("bottom"),v.marginTop="auto"),b.match(/left/i)?(B.push("left"),v.marginRight="auto"):b.match(/center/i)?(B.push("center"),v.marginLeft="auto",v.marginRight="auto"):b.match(/right/i)&&(B.push("right"),v.marginLeft="auto"),l(z,_(d(d({className:[s("BB"),c].join(" "),padding:1,transition:"long",opacity:"trans"},v),a),{freeCSS:d({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100vw"}[o],maxWidth:"96vw",transformOrigin:B.join(" ")},m),children:r.is.function(i)?l(i,{}):i}))},Edge:e=>{let I=e,{sheetID:t,sheetGroups:n,bodyScrolls:p,type:i,content:c,className:h="",size:o="R",freeCSS:m,openAfter:T,closeAfter:R,close_option:g,hold_state:L,overwrap:$,isOpen:j,backgroundEffect:S}=I,a=H(I,["sheetID","sheetGroups","bodyScrolls","type","content","className","size","freeCSS","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]);return l(z,_(d(d({opacity:"trans",transition:"long",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark",className:[s("BB"),h].join(" ")},i=="drawer.right"?{marginLeft:"auto"}:i=="drawer.left"?{marginRight:"auto"}:{}),a),{freeCSS:d({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[o],maxWidth:"96vw"},m),children:r.is.function(c)?l(c,{}):c}))},Bottom:e=>{let V=e,{componentID:t,sheetID:n,sheetGroups:p,bodyScrolls:i,content:c,size:h="R",sizeChanged:o,baseStyles:m,openAfter:T,closeAfter:R,close_option:{swipeDown:g=!0}={},hold_state:L,overwrap:$,isOpen:j,backgroundEffect:S}=V,a=H(V,["componentID","sheetID","sheetGroups","bodyScrolls","content","size","sizeChanged","baseStyles","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]),I=r.getScreenSize(),b=[0,.2,.6,.95],v={ZERO:0,S:1,R:2,L:3},[B,D]=O(h),[M,F]=O({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:b[v[h]]});x.update({[t]:{val_edit:M,resize:y=>{let u=b[v[y]];F(f=>_(d({},f),{value:u})),D(y)}}});const A={Start:y=>{r(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:A.Move}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:A.Move}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:A.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:A.End});let u=r.getCursor(y),f=_(d({},M),{process:!0,processStart:new Date().getTime(),originY:u.y,originValue:M.value,viewHeight:r.getScreenSize().height});x.update({[t]:{val_edit:f}}),F(f)},Move:y=>{var E;let u=(E=x.get(t))==null?void 0:E.val_edit;if(!u.process)return;let k=(r.getCursor(y).y-u.originY)/u.viewHeight,w=u.originValue-k;if(w>.95)w=.95+(w-.95)*.5;else if(w<.2){let P=.2-w;P-=.1,w=.1+(.1-P)*.5}F(_(d({},u),{value:w}))},End:y=>{var w;let u=(w=x.get(t))==null?void 0:w.val_edit;if(!u.process)return;r(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let f=0;if(u.value<.1||(u.value<.5?f=1:u.value>.75?f=3:f=2),new Date().getTime()-u.processStart<300){let E=r.getCursor(y).y-u.originY;if(Math.abs(E)>=20){let P=+(E<0)*2-1;f+=P,f=Math.min(Math.max(f,0),b.length-1)}}f==0&&(g||(f=1)),D(["ZERO","S","R","L"][f]),F(_(d({},u),{value:b[f],process:!1}))}},Y=te(!1);return G(()=>{Y.current?B=="ZERO"?g&&N.close(n):setTimeout(()=>{e.sizeChanged&&e.sizeChanged(B)},250):Y.current=!0},[B]),l(z,{className:s("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:d({maxWidth:12*60,height:I.height*M.value},M.process?{transition:"0s"}:{}),children:X(K,_(d({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},m),{children:[l(Z.Separate,{padding:"1/2",backgroundColor:"layer.1",position:"relative",freeCSS:{userSelect:"none"},children:l(Z.Center,{flexSizing:0,padding:"2/3",onMouseDown:A.Start,onTouchStart:A.Start,ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:l(z,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:s("DragBar")})})}),l(z,_(d({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},a),{children:r.is.function(c)?l(c,{}):c}))]}))})},Custom:e=>{let V=e,{sheetID:t,sheetGroups:n,bodyScrolls:p,event:i,parent:c,nextToCursor:h,gravityPoint:o=22,content:m,close_option:T,hold_state:R,openAfter:g,closeAfter:L,overwrap:$,isOpen:j,backgroundEffect:S}=V,a=H(V,["sheetID","sheetGroups","bodyScrolls","event","parent","nextToCursor","gravityPoint","content","close_option","hold_state","openAfter","closeAfter","overwrap","isOpen","backgroundEffect"]),[I]=O(r.uuid.gen()),b=r.is.element(c)||r.is.jsmin(c)?r(c):W(c),v='[data-sheet-id="'+I+'"]',B='[data-sheet-content="'+I+'"]';o=o;let D=o%5||5,M=Math.ceil(o/5);const F=()=>{if(h&&i){let J=r.getScreenSize(),Q=r.getCursor(i);return{top:Q.y-J.pageYOffset,left:Q.x-J.pageXOffset}}let y={},{top:u,right:f,bottom:k,left:w,height:E,width:P}=b.position();return[1,2].includes(D)?y.left=w:D==3?y.left=w+P/2:[4,5].includes(D)&&(y.left=f),o<=10?y.top=u:o<=15?y.top=u+E/2:o<=25&&(y.top=k),y};let[A,Y]=O(F());return G(()=>{const y=u=>{let f=W(v).position(),k=W(B).position(),w=r.getScreenSize(),E=d({},u);return k.top<0&&(E.top=f.top-k.top),k.left<0&&(E.left=f.left-k.left),k.right>w.width&&(E.left=f.left-(k.right-w.width)),k.bottom>w.height&&(E.top=f.top-(k.bottom-w.height)),E};W(v).await(10).addClass(s("Open")).await(250).callback(()=>{Y(u=>y(u))}),x.update({["customSheet-"+e.sheetID]:{reposition:()=>{setTimeout(()=>{Y(u=>y(u))},200)}}})},[]),b[0]?l(z,{className:[s("BB"),s("CustomSheet")].join(" "),"data-sheet-id":I,transition:"long",opacity:"trans",position:"absolute",width:0,height:0,flexCenter:!0,freeCSS:A,children:l(re,{className:[s("GPT"),s("GPT_"+o),s("Col_"+D),s("Row_"+M)].join(" "),position:"absolute",children:l(z,_(d({flexSizing:"none","data-sheet-content":I,maxHeight:"viewHeight",overflow:"auto",padding:1},a),{freeCSS:d({maxWidth:"98vw"},a.freeCSS),children:r.is.function(m)?l(m,{}):m}))})}):null}},TapSensor:e=>l(z,{className:s("TapSensor"),children:l(ee.Button.Plain,{className:s("TapContent"),onClick:()=>{var t;(t=e.delegateAroundClick)!=null&&t&&N.close(e.sheetID)},freeCSS:{cursor:"default",pointerEvents:"all"}})})},N={Wrapper:()=>l(C.Wrapper,{}),open:e=>{if(e.sheetID=(e.sheetID||"").replace(/\./g,"-"),e.type=="image"){let n=e.sheetID||r.uuid.gen(),t=e,{type:p,src:i}=t,c=H(t,["type","src"]);N.open(_(d({type:"normal.topCenter",backgroundColor:"trans"},c),{sheetID:n,freeCSS:{maxWidth:"96vw",transformOrigin:"top"},content:()=>{let[h]=O(r.flatArray(i)),[o,m]=O(0),T=[],R=[];return h.forEach((g,L)=>{T.push({value:L,label:l(q,{src:r.flatArray(g)[0],width:"auto",height:1,freeCSS:{maxWidth:12*6,maxHeight:12*3}})}),R.push(l(q,{width:1,height:"auto",src:r.flatArray(g)[0]}))}),X(K,{gap:0,children:[X(Z.Separate,{gap:2,padding:1,backgroundColor:"layer.1",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",children:[l(ae.Radio,{tone:"border",icon:!1,value:o,override:"force",horizontalAlign:"center",onUpdateValidValue:({value:g})=>{m(g[0])},cellStyles:{borderWidth:2,padding:"1/3"},options:T}),X(ee.Button.Border.R,{color:"cloud",isRounded:!0,onClick:()=>{N.close(n)},children:["\u9589\u3058\u308B ",l(oe.Times,{})]})]}),l(ne,{slideIndex:o,options:{loop:h.length>1,onSlideCallback:g=>{m(g)}},slides:R,wrapper:g=>l(z,{borderBottomLeftRadius:"1.tone.primary",borderBottomRightRadius:"1.tone.primary",children:g})})]})}}));return}C.addNewSheet(e)},refresh:(e,t)=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let n=x.get(e.sheetID);n&&n.refresh&&n.refresh(e,t)},resize:e=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let t=x.get(e.sheetID);t&&t.resize&&t.resize(e.size)},reposition:e=>{let t=x.get("customSheet-"+e);t&&t.reposition&&t.reposition()},close:function(e,t,n){var i;e=e==null?void 0:e.replace(/\./g,"-");let p=C.contents[e];if(p&&!(t=="Escape"&&!((i=p.p.close_option)!=null&&i.escapeKeyDown))){let{p:c}=p,{sheetID:h}=c,o=x.get(h);o&&o.close&&o.close(n)}},closeGroup:e=>{var t;e=(e||"").replace(/\./g,"-");for(let[n,p]of Object.entries(C.contents))(t=p.p.sheetGroups)!=null&&t.includes(e)&&N.close(n)},closeAll:e=>{var t;for(let[n,p]of Object.entries(C.contents))e&&((t=p.p.close_option)==null?void 0:t.pageTransit)==!1||N.close(n,"pageTransit",!0)},Comps:{Body:e=>l(z,d({className:s("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},e))}};export{N as Sheet,N as default};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "amotify",
3
- "version": "0.2.18",
3
+ "version": "0.2.19",
4
4
  "description": "UI Component for React,NextJS,esbuild",
5
5
  "scripts": {
6
6
  "start": "run-p clean build:*",