amotify 0.1.45 → 0.1.47
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/@declaration/property.d.ts +1 -0
- package/dist/@styles/componentClasses/_.css +2 -2
- package/dist/@styles/index.css +2 -2
- package/dist/@styles/init.css +2 -2
- package/dist/@styles/style.css +26 -8
- package/dist/@styles/var.css +2 -2
- package/dist/@utils/GenerateClassName.js +1 -1
- package/dist/fn/Sheet.js +1 -1
- package/package.json +1 -1
|
@@ -81,6 +81,7 @@ export declare namespace Fonts {
|
|
|
81
81
|
isBoldFont?: boolean;
|
|
82
82
|
isRounded?: boolean;
|
|
83
83
|
textAlign?: 'left' | 'center' | 'right';
|
|
84
|
+
textDecoration?: 'none' | 'underline' | 'line-through';
|
|
84
85
|
};
|
|
85
86
|
type Weight = '0.thin' | '1.light' | '2.normal' | '3.semiBold' | '4.bold' | '5.extraBold' | 'inherit' | 'lighter' | 'bolder';
|
|
86
87
|
type Color = Others.UniColors | '1.clear' | '2.normal' | '3.blur' | '4.thin' | '5.translucent' | '6.clear' | 'mono.potivite' | 'mono.negative' | 'logo' | 'trans';
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license amotify
|
|
3
|
-
* amotify 0.1.
|
|
3
|
+
* amotify 0.1.46
|
|
4
4
|
* https://mingoo.co.jp/
|
|
5
5
|
|
|
6
6
|
* Copyright (c) mingoo, LLC.
|
|
7
7
|
* Released under the MIT license
|
|
8
8
|
|
|
9
|
-
* Latest updated at: 2024/6/
|
|
9
|
+
* Latest updated at: 2024/6/29
|
|
10
10
|
*/
|
|
11
11
|
|
|
12
12
|
/* esbuild-sass-plugin:css-chunk:src/@styles/componentClasses/a_img.module.scss */
|
package/dist/@styles/index.css
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license amotify
|
|
3
|
-
* amotify 0.1.
|
|
3
|
+
* amotify 0.1.46
|
|
4
4
|
* https://mingoo.co.jp/
|
|
5
5
|
|
|
6
6
|
* Copyright (c) mingoo, LLC.
|
|
7
7
|
* Released under the MIT license
|
|
8
8
|
|
|
9
|
-
* Latest updated at: 2024/6/
|
|
9
|
+
* Latest updated at: 2024/6/29
|
|
10
10
|
*/
|
|
11
11
|
|
|
12
12
|
/* esbuild-sass-plugin:css-chunk:src/@styles/componentClasses/a_img.module.scss */
|
package/dist/@styles/init.css
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license amotify
|
|
3
|
-
* amotify 0.1.
|
|
3
|
+
* amotify 0.1.46
|
|
4
4
|
* https://mingoo.co.jp/
|
|
5
5
|
|
|
6
6
|
* Copyright (c) mingoo, LLC.
|
|
7
7
|
* Released under the MIT license
|
|
8
8
|
|
|
9
|
-
* Latest updated at: 2024/6/
|
|
9
|
+
* Latest updated at: 2024/6/29
|
|
10
10
|
*/
|
|
11
11
|
|
|
12
12
|
/* src/@styles/init.scss */
|
package/dist/@styles/style.css
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license amotify
|
|
3
|
-
* amotify 0.1.
|
|
3
|
+
* amotify 0.1.46
|
|
4
4
|
* https://mingoo.co.jp/
|
|
5
5
|
|
|
6
6
|
* Copyright (c) mingoo, LLC.
|
|
7
7
|
* Released under the MIT license
|
|
8
8
|
|
|
9
|
-
* Latest updated at: 2024/6/
|
|
9
|
+
* Latest updated at: 2024/6/29
|
|
10
10
|
*/
|
|
11
11
|
|
|
12
12
|
/* src/@styles/@app.scss */
|
|
@@ -2938,15 +2938,24 @@ amotify-app {
|
|
|
2938
2938
|
.amotf_psstatic {
|
|
2939
2939
|
position: static;
|
|
2940
2940
|
}
|
|
2941
|
-
.
|
|
2941
|
+
.amotf_txtalgcenter {
|
|
2942
2942
|
text-align: center;
|
|
2943
2943
|
}
|
|
2944
|
-
.
|
|
2944
|
+
.amotf_txtalgleft {
|
|
2945
2945
|
text-align: left;
|
|
2946
2946
|
}
|
|
2947
|
-
.
|
|
2947
|
+
.amotf_txtalgright {
|
|
2948
2948
|
text-align: right;
|
|
2949
2949
|
}
|
|
2950
|
+
.amotf_txtdeconone {
|
|
2951
|
+
text-decoration: none;
|
|
2952
|
+
}
|
|
2953
|
+
.amotf_txtdecounderline {
|
|
2954
|
+
text-decoration: underline;
|
|
2955
|
+
}
|
|
2956
|
+
.amotf_txtdecoline-through {
|
|
2957
|
+
text-decoration: line-through;
|
|
2958
|
+
}
|
|
2950
2959
|
.amotf_ftcl1_clear {
|
|
2951
2960
|
color: rgb(var(--font-color1-rgb));
|
|
2952
2961
|
}
|
|
@@ -5184,15 +5193,24 @@ amotify-app {
|
|
|
5184
5193
|
.amotf_bppsstatic {
|
|
5185
5194
|
position: static;
|
|
5186
5195
|
}
|
|
5187
|
-
.
|
|
5196
|
+
.amotf_bptxtalgcenter {
|
|
5188
5197
|
text-align: center;
|
|
5189
5198
|
}
|
|
5190
|
-
.
|
|
5199
|
+
.amotf_bptxtalgleft {
|
|
5191
5200
|
text-align: left;
|
|
5192
5201
|
}
|
|
5193
|
-
.
|
|
5202
|
+
.amotf_bptxtalgright {
|
|
5194
5203
|
text-align: right;
|
|
5195
5204
|
}
|
|
5205
|
+
.amotf_bptxtdeconone {
|
|
5206
|
+
text-decoration: none;
|
|
5207
|
+
}
|
|
5208
|
+
.amotf_bptxtdecounderline {
|
|
5209
|
+
text-decoration: underline;
|
|
5210
|
+
}
|
|
5211
|
+
.amotf_bptxtdecoline-through {
|
|
5212
|
+
text-decoration: line-through;
|
|
5213
|
+
}
|
|
5196
5214
|
.amotf_bpftcl1_clear {
|
|
5197
5215
|
color: rgb(var(--font-color1-rgb));
|
|
5198
5216
|
}
|
package/dist/@styles/var.css
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license amotify
|
|
3
|
-
* amotify 0.1.
|
|
3
|
+
* amotify 0.1.46
|
|
4
4
|
* https://mingoo.co.jp/
|
|
5
5
|
|
|
6
6
|
* Copyright (c) mingoo, LLC.
|
|
7
7
|
* Released under the MIT license
|
|
8
8
|
|
|
9
|
-
* Latest updated at: 2024/6/
|
|
9
|
+
* Latest updated at: 2024/6/29
|
|
10
10
|
*/
|
|
11
11
|
|
|
12
12
|
/* src/@styles/var.scss */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as t,c as
|
|
1
|
+
import{b as t,c as u,d as J}from"../chunk-VY3566IV.js";import{$$ as o,Config as Le}from"./_";const r={toConcreteBorderRadius:l=>{let R=Le.get().roundness|0;return l=="1.tone.primary"?l=[0,2,3,4,5,5][R]:l=="2.tone.secondary"?l=[0,1,2,3,4,5][R]:l=="3.tone.tertiary"&&(l=[0,"1/3","2/3",1,2,3][R]),l},ev:l=>o.is.nullish(l),ClassNames:(l,R)=>{var Be,Te,Re,Pe,we,Ne,ke;let e=[],_e=R,{gap:n,display:C,position:g,overflow:f,fontColor:P,fontSize:x,fontWeight:i,backgroundColor:p,textAlign:_,textDecoration:m,boxShadow:U,margin:h,marginTop:s,marginRight:c,marginBottom:a,marginLeft:B,padding:T,paddingTop:N,paddingRight:k,paddingBottom:L,paddingLeft:z,top:V,right:Y,bottom:Z,left:ee,border:E,borderTop:v,borderRight:b,borderBottom:S,borderLeft:y,borderWidth:re,borderColor:se,borderStyle:te,borderRadius:F,borderTopLeftRadius:W,borderTopRightRadius:A,borderBottomLeftRadius:H,borderBottomRightRadius:j,flexSizing:ie,flexWrap:oe,flexType:ae,flexChilds:le,flexGrid:ne,horizontalAlign:pe,verticalAlign:de,transition:he,gridCenter:ue,gridCols:ge,maxHeight:fe,minHeight:me,maxWidth:ce,minWidth:ve,width:be,height:Se,unitHeight:ye,unitWidth:Ce,opacity:xe}=_e,ze=J(_e,["gap","display","position","overflow","fontColor","fontSize","fontWeight","backgroundColor","textAlign","textDecoration","boxShadow","margin","marginTop","marginRight","marginBottom","marginLeft","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","top","right","bottom","left","border","borderTop","borderRight","borderBottom","borderLeft","borderWidth","borderColor","borderStyle","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","flexSizing","flexWrap","flexType","flexChilds","flexGrid","horizontalAlign","verticalAlign","transition","gridCenter","gridCols","maxHeight","minHeight","maxWidth","minWidth","width","height","unitHeight","unitWidth","opacity"]);{if(r.ev(C)||e.push("dsp"+C),f){let d=o.flatArray(f);e.push("ovfl-x-"+d[0]),e.push("ovfl-y-"+(d[1]||d[0]))}r.ev(g)||e.push("ps"+g),r.ev(_)||e.push("txtalg"+_),r.ev(_)||e.push("txtdeco"+m),r.ev(P)||e.push("ftcl"+((Be=String(P))==null?void 0:Be.replace(/\./g,"_"))),r.ev(x)||e.push("ftsz"+((Te=String(x))==null?void 0:Te.replace(/\..*/,""))),r.ev(i)||e.push("ftwt"+(i==null?void 0:i.replace(/\..*/,""))),r.ev(p)||e.push("bgc"+((Re=String(p))==null?void 0:Re.replace(/\./g,"_"))),r.ev(U)||e.push("bs"+U);let $,I,D,G;o.is.exist(h)&&(o.is.array(h)?h.length==2?[$,I,D,G]=[...h,...h]:h.length==4&&([$,I,D,G]=h):$=I=D=G=h,s=s!=null?s:$,c=c!=null?c:I,a=a!=null?a:D,B=B!=null?B:G),r.ev(s)||e.push("mrgt"+s),r.ev(c)||e.push("mrgr"+c),r.ev(a)||e.push("mrgb"+a),r.ev(B)||e.push("mrgl"+B);let O,q,M,X;o.is.exist(T)&&(o.is.array(T)?T.length==2?[O,q,M,X]=[...T,...T]:T.length==4&&([O,q,M,X]=T):O=q=M=X=T,N=N!=null?N:O,k=k!=null?k:q,L=L!=null?L:M,z=z!=null?z:X),r.ev(N)||e.push("pdt"+N),r.ev(k)||e.push("pdr"+k),r.ev(L)||e.push("pdb"+L),r.ev(z)||e.push("pdl"+z),r.ev(V)||e.push("pstt"+V),r.ev(Y)||e.push("pstr"+Y),r.ev(Z)||e.push("pstb"+Z),r.ev(ee)||e.push("pstl"+ee);{o.is.exist(E)&&(v=v!=null?v:E,b=b!=null?b:E,S=S!=null?S:E,y=y!=null?y:E),o.is.boolean(v)&&(v=["unset","2.normal"][Number(v)]),o.is.boolean(b)&&(b=["unset","2.normal"][Number(b)]),o.is.boolean(S)&&(S=["unset","2.normal"][Number(S)]),o.is.boolean(y)&&(y=["unset","2.normal"][Number(y)]),r.ev(v)||e.push("b_t_ss"+((Pe=String(v))==null?void 0:Pe.replace(/\..*/,""))),r.ev(b)||e.push("b_r_ss"+((we=String(b))==null?void 0:we.replace(/\..*/,""))),r.ev(S)||e.push("b_b_ss"+((Ne=String(S))==null?void 0:Ne.replace(/\..*/,""))),r.ev(y)||e.push("b_l_ss"+((ke=String(y))==null?void 0:ke.replace(/\..*/,""))),o.is.exist(re)&&e.push("b_wth"+String(re)),o.is.exist(se)&&e.push("b_cl"+String(se)),o.is.exist(te)&&e.push("b_st"+String(te));{let d,w,K,Q;o.is.exist(F)&&(o.is.array(F)?F.length==4&&([d,w,Q,K]=F):d=w=K=Q=F,W=W!=null?W:d,A=A!=null?A:w,H=H!=null?H:K,j=j!=null?j:Q)}r.ev(W)||e.push("br_tl"+r.toConcreteBorderRadius(W)),r.ev(A)||e.push("br_tr"+r.toConcreteBorderRadius(A)),r.ev(H)||e.push("br_bl"+r.toConcreteBorderRadius(H)),r.ev(j)||e.push("br_br"+r.toConcreteBorderRadius(j))}if(r.ev(xe)||e.push("op"+xe),o.is.exist(n)){let d,w;o.is.array(n)?(d=n[0],w=n[1]):d=w=n,e.push("gapRow"+d,"gapCol"+w)}r.ev(ie)||e.push("flsz"+ie),r.ev(oe)||e.push("flwrp"+oe),r.ev(ae)||e.push("fltyp"+ae),r.ev(le)||e.push("flchld"+le),r.ev(ne)||e.push("flgrid"+ne),r.ev(de)||e.push("flvrt"+de),r.ev(pe)||e.push("flhrz"+pe),r.ev(ue)||e.push("grcnt"+ue),r.ev(ge)||e.push("grcol"+ge),r.ev(Se)||e.push("hgt"+Se),r.ev(be)||e.push("wdt"+be),r.ev(ye)||e.push("unthgt"+ye),r.ev(Ce)||e.push("untwdt"+Ce),r.ev(he)||e.push("trnst"+he),r.ev(fe)||e.push("maxh"+fe),r.ev(me)||e.push("minh"+me),r.ev(ce)||e.push("maxw"+ce),r.ev(ve)||e.push("minw"+ve)}return{otherParams:ze,className:e.length?l+e.join(" "+l):""}}},We=l=>{let c=t({},l),{gradients:e,ssCardBox:n,ssSphere:C,ssSquare:g,ssPushable:f,ssAbsoluteCovered:P,ssTextEllipsis:x,flexCenter:i,flexNewLine:p,isLightFont:_,isBoldFont:m,isSemiBoldFont:U,isRounded:h}=c,s=J(c,["gradients","ssCardBox","ssSphere","ssSquare","ssPushable","ssAbsoluteCovered","ssTextEllipsis","flexCenter","flexNewLine","isLightFont","isBoldFont","isSemiBoldFont","isRounded"]);if(e){let{deg:a,colors:B}=e;s=u(t({},s),{freeCSS:u(t({},s.freeCSS),{background:`linear-gradient(${a}deg,${B.join(",")})`})})}if(n){n===!0&&(n="border");let a={backgroundColor:"layer.1",borderRadius:"1.tone.primary",boxShadow:"0.thin",freeCSS:{zIndex:1}};n=="border"?a.border=!0:n=="layer"?a.backgroundColor="layer.1":n=="cloud"?a.backgroundColor="cloud":n=="shadow"&&(a.boxShadow="0.normal"),["dim","dark"].includes(Le.get().darkMode)&&(a.boxShadow="1.remark"),s=u(t(t({},a),s),{freeCSS:t(t({},a.freeCSS),s.freeCSS),UnderBreakPointStyles:t(t({},a.UnderBreakPointStyles),s.UnderBreakPointStyles)})}return C&&(i=i!=null?i:!0,s=t({padding:0,unitWidth:C,unitHeight:C,borderRadius:"sphere",flexSizing:"none"},s)),g&&(i=i!=null?i:!0,s=t({padding:0,unitWidth:g,unitHeight:g,flexSizing:"none"},s)),!f||(s=u(t({transition:"middle"},s),{className:[s.className,"ssPushable"].join(" ")})),!P||(s=t({position:"absolute",top:0,left:0,right:0,bottom:0},s)),!x||(s=u(t({overflow:"hidden"},s),{freeCSS:t({whiteSpace:"nowrap",textOverflow:"ellipsis"},s.freeCSS)})),!p||(s=t({width:1,flexSizing:"none"},s)),!i||(s=t({display:"flex",horizontalAlign:"center",verticalAlign:"center"},s)),!_||(s=u(t({},s),{fontWeight:"1.light"})),!U||(s=u(t({},s),{fontWeight:"3.semiBold"})),!m||(s=u(t({},s),{fontWeight:"4.bold"})),!h||(s=u(t({},s),{borderRadius:"sphere"})),s},Ee=l=>{let _=We(l),{componentID:e,UnderBreakPointStyles:n={},className:C="",freeCSS:g={},ssEffectsOnActive:f,ssLastChildLossBorder:P}=_,x=J(_,["componentID","UnderBreakPointStyles","className","freeCSS","ssEffectsOnActive","ssLastChildLossBorder"]),i=[C];if(P&&i.push("ssLastChildLossBorder_"+P),f){f=o.flatArray(f);for(let m of f)i.push("eff_"+m,"eff_"+m.split(".")[0])}{let m=r.ClassNames("amotf_",x);i.push(m.className),x=m.otherParams}n&&i.push(r.ClassNames("amotf_bp",n).className);let p=t({},x);return g&&(p.style=t(t({},g),p.style)),(e||p["data-component-id"])&&(p["data-component-id"]=p["data-component-id"]||e),i.length&&(p.className=i.join(" ").trim().replace(/%/ig,"P").replace(/\d+px/ig,"PIX").replace(/\s+/ig," ").replace(/\//ig,"_").replace(/\./ig,"-")),p};export{Ee as GenerateClassName,We as ReadStyleSet};
|
package/dist/fn/Sheet.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as d,c as R,d as j}from"../chunk-VY3566IV.js";import{jsx as i,jsxs as G}from"react/jsx-runtime";import{useState as D,useEffect as F,useRef as q}from"react";import{$$ as n,$$fromRoot as N,Config as H,useStore as _}from"../@utils/_";import B from"../atoms/Box";import J from"../atoms/Img";import Q from"../atoms/FAI";import ee from"../atoms/Flex";import X from"../mols/Column";import K from"../mols/Row";import Z from"./Button";import te from"./Layout/_";import oe from"./Input/_";import{SheetClasses as l}from"../@styles/componentClasses/_";const c={mainSheetScrolls:0,subSheetLength:0,currentIndex:0,contents:{},addNewSheet:function(e){if(e=R(d({sheetGroups:e.sheetGroups||[],backgroundEffect:!0,overwrap:e.type=="custom",hold_state:!1,isOpen:!0},e),{sheetID:e.sheetID||n.uuid.gen(),close_option:d({pageTransit:!0,escapeKeyDown:!0,aroundClick:e.type=="custom"},e.close_option)}),this.contents[e.sheetID]){let r=_.get(e.sheetID);r&&r.refresh&&r.refresh(e,!0);return}this.contents[e.sheetID]={isOpen:!0,hold_state:!!e.hold_state,params:e,created_at:n.Time()};let t=_.get("Sheet-"+H.get().sessionUID);t&&t.refresh()},Wrapper:()=>{let[e,t]=D(n.uuid.gen());F(()=>{_.set({key:"Sheet-"+H.get().sessionUID,value:{refresh:()=>{t(n.uuid.gen())}}}),n(H.get().appRoot).addEvent({eventType:"keyup",callback:function(a){let{key:o,metaKey:h}=a;if(o=="Escape"||o==","&&h){let g=Object.values(c.contents).filter(v=>v.isOpen);if(!g.length)return;let s=g.reduce((v,w)=>v.created_at.value>w.created_at.value?v:w);E.close(s.params.sheetID,o)}}}).addEvent({eventType:"click",callback:function(a){var g;let o=Object.values(c.contents).filter(s=>s.params.type=="custom");!o.length||o.find(s=>{let{params:v}=s,w=v.parent,b=a.target,y=N(w)[0];return!!(w==b||y===b||n(y).find(b).length)})||(g=a.target)!=null&&g.closest("."+l("CustomSheet"))||o.forEach(s=>{var v;(v=s.params.close_option)!=null&&v.aroundClick&&E.close(s.params.sheetID)})}})},[]);let r=Object.entries(c.contents).map(([a,o])=>i(B,{id:"Sheet-"+a,children:i(c.Core,d({isOpen:o.isOpen},o.params),a)},a));return i(B,{className:["AMOTIFY_be",l("Wrapper")].join(" "),children:r})},Core:e=>{var z;let[t]=D(n.uuid.gen()),[r,a]=D(e),[o,h]=D(e.isOpen),{type:g,sheetID:s,openAfter:v,closeAfter:w}=r,b=!r.overwrap,y=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"}[g]];F(()=>{_.set({key:s,value:{refresh:(m,p)=>{a(m),h(p!=null?p:!1)},resize:m=>{if(g=="drawer.bottom"){let p=_.get(t);p&&p.resize&&p.resize(m)}else(r.type.includes("normal")||r.type.includes("drawer"))&&a(R(d({},r),{size:m}))},close:m=>{c.contents[s].isOpen=!1,h(!1)},open:()=>{c.contents[s].isOpen=!0,h(!0)}}})}),F(()=>{n.scope(()=>{if(b&&r.backgroundEffect){if(c.subSheetLength=c.subSheetLength+(o?1:-1),o){let m=n("html");if(c.subSheetLength==1){let p=m[0].scrollTop;c.mainSheetScrolls=p}H.get().isPhone||(m.callback(()=>{N(".AMOTIFY_be_root").addClass(l("FixScroll")).callback(p=>{p[0].scrollTop=c.mainSheetScrolls}).await(40).addClass(l("Float"))})[0].scrollTop=0);return}c.subSheetLength==0&&(H.get().isPhone||N(".AMOTIFY_be_root").removeClass(l("Float")).await(251).removeClass(l("FixScroll")).callback(()=>{n("html")[0].scrollTop=c.mainSheetScrolls|0,N(".AMOTIFY_be_root")[0].scrollTop=0}))}}),n.scope(()=>{let m=N("#"+t);if(o){m.await(10).removeClass(l("Hide")).await(10).addClass(l("Open")).callback(()=>{c.contents[s].isOpen=!0,v&&v()});return}m.await(10).removeClass(l("Open")).await(251).addClass(l("Hide")).callback(()=>{if(!w||w(),c.contents[s].isOpen=!1,r.hold_state)return;delete c.contents[s];let p=_.get("Sheet-"+H.get().sessionUID);p&&p.refresh()})})},[o]),F(()=>{c.currentIndex++;let{close_option:m}=r;n.scope(()=>{if(!(m!=null&&m.parentBlur))return;let p=n(r.parent);p[0]&&p.addEvent({eventID:"SheetClosation-"+s,eventType:"mouseout",callback:()=>{p.removeEvent("SheetClosation-"+s),h(!1)}})})},[]);let[A,L]=g.split(".");return i(B,{className:[l("Wrap"),l("Tcate_"+A),l("Tpos_"+L),l("isNewSheet_"+b)].join(" "),width:1,height:0,ssAbsoluteCovered:!0,freeCSS:{zIndex:c.currentIndex+1},id:t,children:G(X,{className:l("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[!!b&&i(c.TapSensor,{sheetID:s,delegateAroundClick:(z=r.close_option)==null?void 0:z.aroundClick}),i(y,d({componentID:t},r))]})},t)},Types:{Normal:e=>{let M=e,{sheetID:t,sheetGroups:r,content:a,className:o="",type:h,size:g="R",freeCSS:s,openAfter:v,closeAfter:w,close_option:b,hold_state:y,overwrap:A,isOpen:L,backgroundEffect:z}=M,m=j(M,["sheetID","sheetGroups","content","className","type","size","freeCSS","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]),[p,k]=h.split("."),C={},I=[];return k.match(/top/)?(I.push("top"),C.marginBottom="auto"):k.match(/middle/)?(I.push("center"),C.marginTop="auto",C.marginBottom="auto"):k.match(/bottom/)&&(I.push("bottom"),C.marginTop="auto"),k.match(/left/i)?(I.push("left"),C.marginRight="auto"):k.match(/center/i)?(I.push("center"),C.marginLeft="auto",C.marginRight="auto"):k.match(/right/i)&&(I.push("right"),C.marginLeft="auto"),i(B,R(d(d({className:[l("BB"),o].join(" "),padding:1,transition:"long",opacity:"trans"},C),m),{freeCSS:d({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100vw"}[g],maxWidth:"96vw",transformOrigin:I.join(" ")},s),children:n.is.function(a)?i(a,{}):a}))},Edge:e=>{let p=e,{sheetID:t,sheetGroups:r,type:a,content:o,className:h="",size:g="R",freeCSS:s,openAfter:v,closeAfter:w,close_option:b,hold_state:y,overwrap:A,isOpen:L,backgroundEffect:z}=p,m=j(p,["sheetID","sheetGroups","type","content","className","size","freeCSS","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]);return i(B,R(d(d({opacity:"trans",transition:"long",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark",className:[l("BB"),h].join(" ")},a=="drawer.right"?{marginLeft:"auto"}:a=="drawer.left"?{marginRight:"auto"}:{}),m),{freeCSS:d({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[g],maxWidth:"96vw"},s),children:n.is.function(o)?i(o,{}):o}))},Bottom:e=>{let T=e,{componentID:t,sheetID:r,sheetGroups:a,content:o,size:h="R",sizeChanged:g,baseStyles:s,openAfter:v,closeAfter:w,close_option:{swipeDown:b=!0}={},hold_state:y,overwrap:A,isOpen:L,backgroundEffect:z}=T,m=j(T,["componentID","sheetID","sheetGroups","content","size","sizeChanged","baseStyles","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]),p=n.getScreenSize(),k=[0,.2,.6,.95],C={ZERO:0,S:1,R:2,L:3},[I,M]=D(h),[O,W]=D({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:k[C[h]]});_.update({key:t,value:{val_edit:O,resize:S=>{let u=k[C[S]];W(R(d({},O),{value:u})),M(S)}}});const P={Start:S=>{n(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:P.Move}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:P.Move}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:P.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:P.End});let u=n.getCursor(S),f=R(d({},O),{process:!0,processStart:new Date().getTime(),originY:u.y,originValue:O.value,viewHeight:n.getScreenSize().height});_.update({key:t,value:{val_edit:f}}),W(f)},Move:S=>{var U;let u=(U=_.get(t))==null?void 0:U.val_edit;if(!u.process)return;let V=(n.getCursor(S).y-u.originY)/u.viewHeight,x=u.originValue-V;if(x>.95)x=.95+(x-.95)*.5;else if(x<.2){let $=.2-x;$-=.1,x=.1+(.1-$)*.5}W(R(d({},u),{value:x}))},End:S=>{var x;let u=(x=_.get(t))==null?void 0:x.val_edit;if(!u.process)return;n(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 U=n.getCursor(S).y-u.originY;if(Math.abs(U)>=20){let $=+(U<0)*2-1;f+=$,f=Math.min(Math.max(f,0),k.length-1)}}f==0&&(b||(f=1)),M(["ZERO","S","R","L"][f]),W(R(d({},u),{value:k[f],process:!1}))}},Y=q(!1);return F(()=>{Y.current?I=="ZERO"?b&&E.close(r):setTimeout(()=>{e.sizeChanged&&e.sizeChanged(I)},250):Y.current=!0},[I]),i(B,{className:l("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:d({maxWidth:12*60,height:p.height*O.value},O.process?{transition:"0s"}:{}),children:G(X,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},s),{children:[G(K.Separate,{padding:"1/2",backgroundColor:"layer.1",position:"relative",freeCSS:{userSelect:"none"},children:[i(K.Center,{flexSizing:0,padding:"2/3",onMouseDown:P.Start,onTouchStart:P.Start,ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:i(B,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.5",isRounded:!0,className:l("DragBar")})}),i(Z.Button.Sub.R,{color:"cloud",ssSphere:2,onClick:()=>{E.close(r)},children:i(Q.Times,{})})]}),i(B,R(d({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},m),{children:n.is.function(o)?i(o,{}):o}))]}))})},Custom:e=>{let Y=e,{sheetID:t,sheetGroups:r,parent:a,gravityPoint:o=22,content:h,close_option:g,hold_state:s,openAfter:v,closeAfter:w,overwrap:b,isOpen:y,backgroundEffect:A}=Y,L=j(Y,["sheetID","sheetGroups","parent","gravityPoint","content","close_option","hold_state","openAfter","closeAfter","overwrap","isOpen","backgroundEffect"]),[z]=D(n.uuid.gen()),m=n.is.element(a)?n(a):n.is.jsmin(a)?a:N(a),p='[data-sheet-id="'+z+'"]',k='[data-sheet-content="'+z+'"]';o=o;let C=o%5||5,I=Math.ceil(o/5);const M=()=>{let T={},{top:S,right:u,bottom:f,left:V,height:x,width:U}=m.position();return[1,2].includes(C)?T.left=V:C==3?T.left=V+U/2:[4,5].includes(C)&&(T.left=u),o<=10?T.top=S:o<=15?T.top=S+x/2:o<=25&&(T.top=f),T};let[O,W]=D(M());const P=()=>{let T=N(p).position(),S=N(k).position(),u=n.getScreenSize(),f=d({},O);return S.top<0&&(f.top=T.top-S.top),S.left<0&&(f.left=T.left-S.left),S.right>u.width&&(f.left=T.left-(S.right-u.width)),S.bottom>u.height&&(f.top=T.top-(S.bottom-u.height)),f};return F(()=>{N(p).await(10).addClass(l("Open")).await(250).callback(()=>{W(P())}),_.update({key:"customSheet-"+e.sheetID,value:{reposition:()=>{setTimeout(()=>{W(P())},200)}}})},[]),m[0]?i(B,{className:[l("BB"),l("CustomSheet")].join(" "),"data-sheet-id":z,transition:"long",opacity:"trans",position:"absolute",width:0,height:0,flexCenter:!0,freeCSS:O,children:i(ee,{className:[l("GPT"),l("GPT_"+o),l("Col_"+C),l("Row_"+I)].join(" "),position:"absolute",children:i(B,R(d({flexSizing:"none","data-sheet-content":z,maxHeight:"viewHeight",overflow:"auto",padding:1},L),{freeCSS:d({maxWidth:"98vw"},L.freeCSS),children:n.is.function(h)?i(h,{}):h}))})}):null}},TapSensor:e=>i(B,{className:l("TapSensor"),children:i(Z.Button.Plain,{className:l("TapContent"),onClick:()=>{var t;(t=e.delegateAroundClick)!=null&&t&&E.close(e.sheetID)},freeCSS:{cursor:"default",pointerEvents:"all"}})})},E={Wrapper:()=>i(c.Wrapper,{}),open:e=>{if(e.sheetID=(e.sheetID||"").replace(/\./g,"-"),e.type=="image"){let r=e.sheetID||n.uuid.gen(),t=e,{type:a,src:o}=t,h=j(t,["type","src"]);E.open(R(d({type:"normal.topCenter",backgroundColor:"trans"},h),{sheetID:r,freeCSS:{maxWidth:"96vw",transformOrigin:"top"},content:()=>{let[g]=D(n.flatArray(o)),[s,v]=D(0),w=[],b=[];return g.forEach((y,A)=>{w.push({value:A,label:i(J,{src:n.flatArray(y)[0],width:"auto",height:1,freeCSS:{maxWidth:12*6,maxHeight:12*3}})}),b.push(i(J,{width:1,height:"auto",src:n.flatArray(y)[0]}))}),G(X,{gap:0,children:[G(K.Separate,{gap:2,padding:1,backgroundColor:"layer.1",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",children:[i(oe.Radio,{tone:"border",icon:!1,value:s,override:"force",horizontalAlign:"center",onUpdateValidValue:({value:y})=>{v(y[0])},cellStyles:{borderWidth:2,padding:"1/3"},options:w}),G(Z.Button.Border.R,{color:"cloud",isRounded:!0,onClick:()=>{E.close(r)},children:["\u9589\u3058\u308B ",i(Q.Times,{})]})]}),i(te.SwipeView,{slideIndex:s,options:{loop:g.length>1,onSlideCallback:y=>{v(y)}},slides:b,wrapper:y=>i(B,{borderBottomLeftRadius:"1.tone.primary",borderBottomRightRadius:"1.tone.primary",children:y})})]})}}));return}c.addNewSheet(e)},refresh:(e,t)=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let r=_.get(e.sheetID);r&&r.refresh&&r.refresh(e,t)},resize:e=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let t=_.get(e.sheetID);t&&t.resize&&t.resize(e.size)},reposition:e=>{let t=_.get("customSheet-"+e);t&&t.reposition&&t.reposition()},close:function(e,t,r){var o;e=e==null?void 0:e.replace(/\./g,"-");let a=c.contents[e];if(a&&!(t=="Escape"&&!((o=a.params.close_option)!=null&&o.escapeKeyDown))){let{params:h}=a,{sheetID:g}=h,s=_.get(g);s&&s.close&&s.close(r)}},closeGroup:e=>{var t;e=(e||"").replace(/\./g,"-");for(let[r,a]of Object.entries(c.contents))(t=a.params.sheetGroups)!=null&&t.includes(e)&&E.close(r)},closeAll:e=>{var t;for(let[r,a]of Object.entries(c.contents))e&&((t=a.params.close_option)==null?void 0:t.pageTransit)==!1||E.close(r,"pageTransit",!0)},Comps:{Body:e=>i(B,d({className:l("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},e))}};export{E as Sheet,E as default};
|
|
1
|
+
import{b as d,c as R,d as j}from"../chunk-VY3566IV.js";import{jsx as i,jsxs as $}from"react/jsx-runtime";import{useState as z,useEffect as F,useRef as Q}from"react";import{$$ as n,$$fromRoot as N,Config as H,useStore as _}from"../@utils/_";import x from"../atoms/Box";import Z from"../atoms/Img";import q from"../atoms/FAI";import ee from"../atoms/Flex";import X from"../mols/Column";import K from"../mols/Row";import J from"./Button";import te from"./Layout/_";import oe from"./Input/_";import{SheetClasses as l}from"../@styles/componentClasses/_";const c={mainSheetScrolls:0,subSheetLength:0,currentIndex:0,contents:{},addNewSheet:function(e){if(e=R(d({sheetGroups:e.sheetGroups||[],backgroundEffect:!0,overwrap:e.type=="custom",hold_state:!1,isOpen:!0},e),{sheetID:e.sheetID||n.uuid.gen(),close_option:d({pageTransit:!0,escapeKeyDown:!0,aroundClick:e.type=="custom"},e.close_option)}),this.contents[e.sheetID]){let r=_.get(e.sheetID);r&&r.refresh&&r.refresh(e,!0);return}this.contents[e.sheetID]={isOpen:!0,hold_state:!!e.hold_state,params:e,created_at:n.Time()};let t=_.get("Sheet-"+H.get().sessionUID);t&&t.refresh()},Wrapper:()=>{let[e,t]=z(n.uuid.gen());F(()=>{_.set({key:"Sheet-"+H.get().sessionUID,value:{refresh:()=>{t(n.uuid.gen())}}}),n(H.get().appRoot).addEvent({eventType:"keyup",callback:function(a){let{key:o,metaKey:h}=a;if(o=="Escape"||o==","&&h){let g=Object.values(c.contents).filter(v=>v.isOpen);if(!g.length)return;let s=g.reduce((v,w)=>v.created_at.value>w.created_at.value?v:w);D.close(s.params.sheetID,o)}}}).addEvent({eventType:"click",callback:function(a){var g;let o=Object.values(c.contents).filter(s=>s.params.type=="custom");!o.length||o.find(s=>{let{params:v}=s,w=v.parent,b=a.target,y=N(w)[0];return!!(w==b||y===b||n(y).find(b).length)})||(g=a.target)!=null&&g.closest("."+l("CustomSheet"))||o.forEach(s=>{var v;(v=s.params.close_option)!=null&&v.aroundClick&&D.close(s.params.sheetID)})}})},[]);let r=Object.entries(c.contents).map(([a,o])=>i(x,{id:"Sheet-"+a,children:i(c.Core,d({isOpen:o.isOpen},o.params),a)},a));return i(x,{className:["AMOTIFY_be",l("Wrapper")].join(" "),children:r})},Core:e=>{var E;let[t]=z(n.uuid.gen()),[r,a]=z(e),[o,h]=z(e.isOpen),{type:g,sheetID:s,openAfter:v,closeAfter:w}=r,b=!r.overwrap,y=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"}[g]];F(()=>{_.set({key:s,value:{refresh:(m,p)=>{a(m),h(p!=null?p:!1)},resize:m=>{if(g=="drawer.bottom"){let p=_.get(t);p&&p.resize&&p.resize(m)}else(r.type.includes("normal")||r.type.includes("drawer"))&&a(R(d({},r),{size:m}))},close:m=>{c.contents[s].isOpen=!1,h(!1)},open:()=>{c.contents[s].isOpen=!0,h(!0)}}})}),F(()=>{n.scope(()=>{if(b&&r.backgroundEffect){if(c.subSheetLength=c.subSheetLength+(o?1:-1),o){let m=n("html");if(c.subSheetLength==1){let p=m[0].scrollTop;c.mainSheetScrolls=p}H.get().isPhone||(m.callback(()=>{N(".AMOTIFY_be_root").addClass(l("FixScroll")).callback(p=>{p[0].scrollTop=c.mainSheetScrolls}).await(40).addClass(l("Float"))})[0].scrollTop=0);return}c.subSheetLength==0&&(H.get().isPhone||N(".AMOTIFY_be_root").removeClass(l("Float")).await(251).removeClass(l("FixScroll")).callback(()=>{n("html")[0].scrollTop=c.mainSheetScrolls|0,N(".AMOTIFY_be_root")[0].scrollTop=0}))}}),n.scope(()=>{let m=N("#"+t);if(o){m.await(10).removeClass(l("Hide")).await(10).addClass(l("Open")).callback(()=>{c.contents[s].isOpen=!0,v&&v()});return}m.await(10).removeClass(l("Open")).await(251).addClass(l("Hide")).callback(()=>{if(!w||w(),c.contents[s].isOpen=!1,r.hold_state)return;delete c.contents[s];let p=_.get("Sheet-"+H.get().sessionUID);p&&p.refresh()})})},[o]),F(()=>{c.currentIndex++;let{close_option:m}=r;n.scope(()=>{if(!(m!=null&&m.parentBlur))return;let p=n(r.parent);p[0]&&p.addEvent({eventID:"SheetClosation-"+s,eventType:"mouseout",callback:()=>{p.removeEvent("SheetClosation-"+s),h(!1)}})})},[]);let[A,L]=g.split(".");return i(x,{className:[l("Wrap"),l("Tcate_"+A),l("Tpos_"+L),l("isNewSheet_"+b)].join(" "),width:1,height:0,ssAbsoluteCovered:!0,freeCSS:{zIndex:c.currentIndex+1},id:t,children:$(X,{className:l("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[!!b&&i(c.TapSensor,{sheetID:s,delegateAroundClick:(E=r.close_option)==null?void 0:E.aroundClick}),i(y,d({componentID:t},r))]})},t)},Types:{Normal:e=>{let M=e,{sheetID:t,sheetGroups:r,content:a,className:o="",type:h,size:g="R",freeCSS:s,openAfter:v,closeAfter:w,close_option:b,hold_state:y,overwrap:A,isOpen:L,backgroundEffect:E}=M,m=j(M,["sheetID","sheetGroups","content","className","type","size","freeCSS","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]),[p,I]=h.split("."),C={},k=[];return I.match(/top/)?(k.push("top"),C.marginBottom="auto"):I.match(/middle/)?(k.push("center"),C.marginTop="auto",C.marginBottom="auto"):I.match(/bottom/)&&(k.push("bottom"),C.marginTop="auto"),I.match(/left/i)?(k.push("left"),C.marginRight="auto"):I.match(/center/i)?(k.push("center"),C.marginLeft="auto",C.marginRight="auto"):I.match(/right/i)&&(k.push("right"),C.marginLeft="auto"),i(x,R(d(d({className:[l("BB"),o].join(" "),padding:1,transition:"long",opacity:"trans"},C),m),{freeCSS:d({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100vw"}[g],maxWidth:"96vw",transformOrigin:k.join(" ")},s),children:n.is.function(a)?i(a,{}):a}))},Edge:e=>{let p=e,{sheetID:t,sheetGroups:r,type:a,content:o,className:h="",size:g="R",freeCSS:s,openAfter:v,closeAfter:w,close_option:b,hold_state:y,overwrap:A,isOpen:L,backgroundEffect:E}=p,m=j(p,["sheetID","sheetGroups","type","content","className","size","freeCSS","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]);return i(x,R(d(d({opacity:"trans",transition:"long",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark",className:[l("BB"),h].join(" ")},a=="drawer.right"?{marginLeft:"auto"}:a=="drawer.left"?{marginRight:"auto"}:{}),m),{freeCSS:d({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[g],maxWidth:"96vw"},s),children:n.is.function(o)?i(o,{}):o}))},Bottom:e=>{let T=e,{componentID:t,sheetID:r,sheetGroups:a,content:o,size:h="R",sizeChanged:g,baseStyles:s,openAfter:v,closeAfter:w,close_option:{swipeDown:b=!0}={},hold_state:y,overwrap:A,isOpen:L,backgroundEffect:E}=T,m=j(T,["componentID","sheetID","sheetGroups","content","size","sizeChanged","baseStyles","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]),p=n.getScreenSize(),I=[0,.2,.6,.95],C={ZERO:0,S:1,R:2,L:3},[k,M]=z(h),[O,W]=z({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:I[C[h]]});_.update({key:t,value:{val_edit:O,resize:S=>{let u=I[C[S]];W(R(d({},O),{value:u})),M(S)}}});const P={Start:S=>{n(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:P.Move}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:P.Move}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:P.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:P.End});let u=n.getCursor(S),f=R(d({},O),{process:!0,processStart:new Date().getTime(),originY:u.y,originValue:O.value,viewHeight:n.getScreenSize().height});_.update({key:t,value:{val_edit:f}}),W(f)},Move:S=>{var U;let u=(U=_.get(t))==null?void 0:U.val_edit;if(!u.process)return;let Y=(n.getCursor(S).y-u.originY)/u.viewHeight,B=u.originValue-Y;if(B>.95)B=.95+(B-.95)*.5;else if(B<.2){let V=.2-B;V-=.1,B=.1+(.1-V)*.5}W(R(d({},u),{value:B}))},End:S=>{var B;let u=(B=_.get(t))==null?void 0:B.val_edit;if(!u.process)return;n(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 U=n.getCursor(S).y-u.originY;if(Math.abs(U)>=20){let V=+(U<0)*2-1;f+=V,f=Math.min(Math.max(f,0),I.length-1)}}f==0&&(b||(f=1)),M(["ZERO","S","R","L"][f]),W(R(d({},u),{value:I[f],process:!1}))}},G=Q(!1);return F(()=>{G.current?k=="ZERO"?b&&D.close(r):setTimeout(()=>{e.sizeChanged&&e.sizeChanged(k)},250):G.current=!0},[k]),i(x,{className:l("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:d({maxWidth:12*60,height:p.height*O.value},O.process?{transition:"0s"}:{}),children:$(X,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},s),{children:[i(K.Separate,{padding:"1/2",backgroundColor:"layer.1",position:"relative",freeCSS:{userSelect:"none"},children:i(K.Center,{flexSizing:0,padding:"2/3",onMouseDown:P.Start,onTouchStart:P.Start,ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:i(x,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:l("DragBar")})})}),i(x,R(d({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},m),{children:n.is.function(o)?i(o,{}):o}))]}))})},Custom:e=>{let G=e,{sheetID:t,sheetGroups:r,parent:a,gravityPoint:o=22,content:h,close_option:g,hold_state:s,openAfter:v,closeAfter:w,overwrap:b,isOpen:y,backgroundEffect:A}=G,L=j(G,["sheetID","sheetGroups","parent","gravityPoint","content","close_option","hold_state","openAfter","closeAfter","overwrap","isOpen","backgroundEffect"]),[E]=z(n.uuid.gen()),m=n.is.element(a)?n(a):n.is.jsmin(a)?a:N(a),p='[data-sheet-id="'+E+'"]',I='[data-sheet-content="'+E+'"]';o=o;let C=o%5||5,k=Math.ceil(o/5);const M=()=>{let T={},{top:S,right:u,bottom:f,left:Y,height:B,width:U}=m.position();return[1,2].includes(C)?T.left=Y:C==3?T.left=Y+U/2:[4,5].includes(C)&&(T.left=u),o<=10?T.top=S:o<=15?T.top=S+B/2:o<=25&&(T.top=f),T};let[O,W]=z(M());const P=()=>{let T=N(p).position(),S=N(I).position(),u=n.getScreenSize(),f=d({},O);return S.top<0&&(f.top=T.top-S.top),S.left<0&&(f.left=T.left-S.left),S.right>u.width&&(f.left=T.left-(S.right-u.width)),S.bottom>u.height&&(f.top=T.top-(S.bottom-u.height)),f};return F(()=>{N(p).await(10).addClass(l("Open")).await(250).callback(()=>{W(P())}),_.update({key:"customSheet-"+e.sheetID,value:{reposition:()=>{setTimeout(()=>{W(P())},200)}}})},[]),m[0]?i(x,{className:[l("BB"),l("CustomSheet")].join(" "),"data-sheet-id":E,transition:"long",opacity:"trans",position:"absolute",width:0,height:0,flexCenter:!0,freeCSS:O,children:i(ee,{className:[l("GPT"),l("GPT_"+o),l("Col_"+C),l("Row_"+k)].join(" "),position:"absolute",children:i(x,R(d({flexSizing:"none","data-sheet-content":E,maxHeight:"viewHeight",overflow:"auto",padding:1},L),{freeCSS:d({maxWidth:"98vw"},L.freeCSS),children:n.is.function(h)?i(h,{}):h}))})}):null}},TapSensor:e=>i(x,{className:l("TapSensor"),children:i(J.Button.Plain,{className:l("TapContent"),onClick:()=>{var t;(t=e.delegateAroundClick)!=null&&t&&D.close(e.sheetID)},freeCSS:{cursor:"default",pointerEvents:"all"}})})},D={Wrapper:()=>i(c.Wrapper,{}),open:e=>{if(e.sheetID=(e.sheetID||"").replace(/\./g,"-"),e.type=="image"){let r=e.sheetID||n.uuid.gen(),t=e,{type:a,src:o}=t,h=j(t,["type","src"]);D.open(R(d({type:"normal.topCenter",backgroundColor:"trans"},h),{sheetID:r,freeCSS:{maxWidth:"96vw",transformOrigin:"top"},content:()=>{let[g]=z(n.flatArray(o)),[s,v]=z(0),w=[],b=[];return g.forEach((y,A)=>{w.push({value:A,label:i(Z,{src:n.flatArray(y)[0],width:"auto",height:1,freeCSS:{maxWidth:12*6,maxHeight:12*3}})}),b.push(i(Z,{width:1,height:"auto",src:n.flatArray(y)[0]}))}),$(X,{gap:0,children:[$(K.Separate,{gap:2,padding:1,backgroundColor:"layer.1",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",children:[i(oe.Radio,{tone:"border",icon:!1,value:s,override:"force",horizontalAlign:"center",onUpdateValidValue:({value:y})=>{v(y[0])},cellStyles:{borderWidth:2,padding:"1/3"},options:w}),$(J.Button.Border.R,{color:"cloud",isRounded:!0,onClick:()=>{D.close(r)},children:["\u9589\u3058\u308B ",i(q.Times,{})]})]}),i(te.SwipeView,{slideIndex:s,options:{loop:g.length>1,onSlideCallback:y=>{v(y)}},slides:b,wrapper:y=>i(x,{borderBottomLeftRadius:"1.tone.primary",borderBottomRightRadius:"1.tone.primary",children:y})})]})}}));return}c.addNewSheet(e)},refresh:(e,t)=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let r=_.get(e.sheetID);r&&r.refresh&&r.refresh(e,t)},resize:e=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let t=_.get(e.sheetID);t&&t.resize&&t.resize(e.size)},reposition:e=>{let t=_.get("customSheet-"+e);t&&t.reposition&&t.reposition()},close:function(e,t,r){var o;e=e==null?void 0:e.replace(/\./g,"-");let a=c.contents[e];if(a&&!(t=="Escape"&&!((o=a.params.close_option)!=null&&o.escapeKeyDown))){let{params:h}=a,{sheetID:g}=h,s=_.get(g);s&&s.close&&s.close(r)}},closeGroup:e=>{var t;e=(e||"").replace(/\./g,"-");for(let[r,a]of Object.entries(c.contents))(t=a.params.sheetGroups)!=null&&t.includes(e)&&D.close(r)},closeAll:e=>{var t;for(let[r,a]of Object.entries(c.contents))e&&((t=a.params.close_option)==null?void 0:t.pageTransit)==!1||D.close(r,"pageTransit",!0)},Comps:{Body:e=>i(x,d({className:l("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},e))}};export{D as Sheet,D as default};
|