amotify 0.2.13 → 0.2.15
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as Y,b as o,c as _,d as H}from"../../../chunk-C5N2D3ZX.js";import{Fragment as ke,jsx as T,jsxs as Z}from"react/jsx-runtime";import{useState as P,useEffect as X,useRef as ae}from"react";import E from"@mingoo/jsmin";import{$$fromRoot as re,Config as z,useStore as O}from"../../../@utils";import ie from"../../../atoms/Box";import ne from"../../../atoms/FAI";import q from"../../Button";import G from"../../Tooltips";import{faClock as le}from"@fortawesome/free-solid-svg-icons/faClock";import{faCalendarAlt as oe}from"@fortawesome/free-solid-svg-icons/faCalendarAlt";import{Wrapper as se,BoxWrapper as me,SubmitForm as ue,CommonEffects as ce,DefaultStyles as pe}from"../core";import de from"../Hidden";import fe from"../Select";import he from"../Parts";import ge from"./Picker";const A=" ~ ",ye={clock:{defaultValue:"--:--",format:/^\d{2}\D\d{2}$/,ranges:[{type:"hour",from:0,length:2},{type:"minute",from:3,length:2}],sets:1},date:{defaultValue:"----/--/--",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2},{type:"date",from:8,length:2}],sets:1},week:{defaultValue:"----\u5E74\u7B2C--\u9031",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4,region:6},{type:"week",from:6,length:2,region:3}],sets:1},month:{defaultValue:"----\u5E74--\u6708",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2,region:3}],sets:1},year:{defaultValue:"----\u5E74",format:/^\d{4}$/,ranges:[{type:"year",from:0,length:4,region:5}],sets:1},dates:{defaultValue:"----/--/--",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2},{type:"date",from:8,length:2,region:5},{type:"year",from:10+A.length,length:4},{type:"month",from:15+A.length,length:2},{type:"date",from:18+A.length,length:2}],sets:2},months:{defaultValue:"----\u5E74--\u6708",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2,region:6},{type:"year",from:8+A.length,length:4},{type:"month",from:13+A.length,length:2,region:3}],sets:2},dateWareki:{defaultValue:"----\u5E74--\u6708--\u65E5",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"dateWareki",from:0,length:4,region:5},{type:"month",from:5,length:2,region:3},{type:"date",from:8,length:2,region:3}],sets:1}},U=e=>{let{restrict:l,value:v,era:a}=e,I=E.flatArray(v||""),{defaultValue:h,format:D,ranges:u,sets:r}=ye[l],s=[],n=l=="clock"?":":"/";for(let i=0;i<I.length;i++)I[i]=String(I[i]).replace(/\D/ig,n);for(let i=0;i<r;i++){let p=I[i]||"";if(!p.match(D))I[i]="",s.push(h);else{let b=h;p.split(/\D/).forEach((w,R)=>{if(R==0&&l=="dateWareki"){let y=Number(w);a!="year"&&(y>=2019?a=="reiwa"?y-=2018:a=="heisei"&&(y=31):y>=1989?a=="heisei"?y-=1988:a=="shouwa"&&(y=64):y>=1926?a=="shouwa"?y-=1925:a=="taisho"&&(y=15):y>=1912?a=="taisho"?y-=1911:a=="meiji"&&(y=45):y>=1868&&(y-=1867)),w=y.zeroEmbed(4)}b=b.replace(new RegExp("------------------".slice(0,w.length)),w)}),s.push(b)}}return{formatValue:s.join(A),dataValue:["dates","months"].includes(l)?I:I[0],ranges:u}};function ve(e){let{states:l}=e,{restrict:v,min:a,max:I,required:h}=l,D=[],u=E.flatArray(e.value),r={empty:!1,escalated:1,filled:!0,correct:!0,prohibited:!1};(()=>{let s=v=="clock"?":":"/";for(let n=0;n<u.length;n++)u[n]=String(u[n]).replace(/\D/ig,s);for(let n=0;n<u.length;n++){let i=u[n],p=u[n-1];i.removeLetters()||(r.empty=!0),n>0&&(r.escalated&=+(i>=p))}r.escalated&&(r.empty||(v.match(/clock/)?u.forEach(n=>{let[i,p]=n.split(/\D+/);!i||!p?r.filled=!1:(Number(i)>23||Number(p)>59)&&(r.correct=!1)}):v.match(/date/)?u.forEach(n=>{let[i,p,b]=n.split(/\D+/);if(!i||!p||!b)r.filled=!1;else{let w=E.Time(n);(!w.validate||n!=w.toFormatYMD())&&(r.correct=!1)}}):v.match(/week/)?u.forEach(n=>{let[i,p]=n.split(/\D+/);if(!i||!p)r.filled=!1;else{let b=E.Time(i+"/01/01").weekday,R=E.Time(i+"/01/0"+(7-b+1)).addWeek(Number(p)-1);i!=String(R.year)&&(r.correct=!1)}}):v.match(/month/)?u.forEach(n=>{let[i,p]=n.split(/\D+/);!i||!p?r.filled=!1:E.Time([i,p,"01"].join("/")).validate||(r.correct=!1)}):v.match(/year/),r.filled&&r.correct&&u.forEach(n=>{{let i=Number(String(n).replace(/\D/ig,""));if(a&&Number(String(a).replace(/\D/ig,""))>i&&(r.prohibited=!0),I){let p=Number(String(I).replace(/\D/ig,""));i>p&&(r.prohibited=!0)}}})))})();{let{empty:s,escalated:n,filled:i,correct:p,prohibited:b}=r;s&&h&&(D=[{type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}]),n||D.push({type:"invalid",label:"\u6642\u7CFB\u5217\u3092\u6B63\u3057\u304F\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),p||D.push({type:"invalid",label:"\u7121\u52B9\u306A\u5024\u304C\u5165\u529B\u3055\u308C\u3066\u3044\u307E\u3059"}),i||D.push({type:"invalid",label:"\u6700\u5F8C\u307E\u3067\u5024\u3092\u57CB\u3081\u3066\u304F\u3060\u3055\u3044"}),b&&D.push({type:"invalid",label:Z(ke,{children:[T(ie,{children:"\u5165\u529B\u7BC4\u56F2\u304C\u5236\u9650\u3055\u308C\u3066\u3044\u307E\u3059"}),"[",a||"\u4E0B\u9650\u7121\u3057","] ~ [",I||"\u4E0A\u9650\u7121\u3057","]"]})})}return{ok:!D.filter(({type:s})=>s=="invalid").length,notice:D}}const Q={picker:{launch:e=>{let l=e.tipsID||E.uuid.gen();G.open(_(o({gravityPoint:e.gravityPoint||24,padding:"1/2",tipsID:l},e),{close_option:o({aroundClick:!0,parentBlur:!1},e.close_option),content:T(ge,{restrict:e.restrict,min:e.min,max:e.max,era:e.era,defaultValue:e.defaultValue,tipsID:l,onValueUpdate:(v,a)=>{e.onValueUpdate(v,a)}})}))},remove:e=>{G.close(e)}}},De=e=>{let j=e,{tone:l,required:v,restrict:a="clock",componentID:I,era:h,form:D,name:u,min:r,max:s,className:n,enableFormSubmit:i,checkValidationAtFirst:p,onKeyDown:b,onValidate:w,onUpdateValue:R,onUpdateValidValue:y,value:$="",leftIndicator:L,rightIndicator:F}=j,d=H(j,["tone","required","restrict","componentID","era","form","name","min","max","className","enableFormSubmit","checkValidationAtFirst","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator"]),[t,C]=P(h),[f,S]=P(_(o({componentID:e.componentID||""},U({restrict:a,value:$,era:t})),{eventType:"init",eventID:E.uuid.gen()})),[g,M]=P({ok:!1,notice:[]}),[x,c]=P({active:!1,index:0,prevIndex:-1});ce({type:"time",states:e,val_status:f,set_status:S,val_validate:g,set_validate:M,DefaultValidation:ve,onUpdateValue:R,onUpdateValidValue:y,ExtraOverrideStates:o({},U({restrict:a,value:$,era:t}))});const V=ae(!1);return X(()=>{if(V.current){S(k=>o(o({},k),U({restrict:a,value:k.dataValue,era:t})));let m=O.get("refreshEra_"+f.componentID);m&&m.refreshEra(t)}else V.current=!0},[t]),O.update({[f.componentID]:{openPicker:()=>{e.disabled||Q.picker.launch({parent:"#Picker-"+f.componentID,tipsID:"PickerTips-"+f.componentID,restrict:a,min:r,max:s,defaultValue:f.dataValue,era:t,onValueUpdate:(m,k)=>{S(W=>_(o(o({},W),U({restrict:a,value:m,era:k})),{eventType:"update",eventID:E.uuid.gen()})),C(k)}})},resetEra:m=>{C(m),S(k=>_(o(o({},k),U({restrict:a,value:"",era:t})),{eventType:"update",eventID:E.uuid.gen()}))}}}),X(()=>{let{index:m,active:k}=x;if(k){m=Math.max(m,0),m=Math.min(m,f.ranges.length-1);let{from:W,length:B}=f.ranges[m],J=re("#"+e.id)[0];J&&J.setSelectionRange(W,W+B)}},[x]),Z(me,{val_status:f,set_status:S,val_validate:g,states:e,children:[T(de,{name:u,"data-input-type":"time","data-form":D,"data-validation":g.ok,componentID:f.componentID,"data-value":JSON.stringify(["dates","months"].includes(a)?!f.dataValue[0]||!f.dataValue[1]?null:f.dataValue:f.dataValue||null)}),z.get().isTouchDevice?T(q.Button.Plain,{className:n,freeCSS:{textAlign:"left"},children:f.formatValue,onClick:m=>{let k=O.get(f.componentID);k&&k.openPicker(),m.stopPropagation()}}):T("input",o({type:"text",inputMode:"numeric","data-input-type":"time","data-form-name":D,value:f.formatValue,className:n,tabIndex:z.get().isTouchDevice?-1:0,onKeyDown:m=>{Ie({restrict:a,event:m,val_era:t,val_status:f,set_status:S,val_focus:x,set_focus:c}),b&&b(m),i&&ue(m)},onKeyUp:m=>{m.key=="Tab"&&c(k=>_(o({},k),{active:!0}))},onClick:m=>{let k=m.target.selectionEnd,W=0;f.ranges.forEach((B,J)=>{let{from:K,length:ee,region:te}=B;K<=k&&k<=K+(te||ee)&&(W=J)}),c(B=>_(o({},B),{active:!0,index:W})),m.preventDefault()},onChange:()=>{}},d))]})},Ie=e=>{let{val_era:l,restrict:v,event:a,val_status:I,set_status:h,val_focus:D,set_focus:u}=e,{key:r,shiftKey:s,ctrlKey:n,metaKey:i}=a,p=n||i,{selectionStart:b,selectionEnd:w}=a.target,{index:R,prevIndex:y}=D,{ranges:$,formatValue:L}=I,F=$.length-1;if(["Tab","ArrowLeft","ArrowRight"].includes(r)){let d=0;if(r=="Tab"){let t=+!s*2-1;if(d=D.index+t,d<0||d>F)return}else{let t=r=="ArrowLeft"?-1:r=="ArrowRight"?1:0;p||b==0&&w==String(I.formatValue).length?d=t==1?F:0:d=Math.max(0,Math.min(R+t,F))}u(t=>_(o({},t),{index:d,prevIndex:R})),a.preventDefault()}if(["Backspace","ArrowUp","ArrowDown","0","1","2","3","4","5","6","7","8","9"].includes(r)){a.preventDefault();let d=R;d=Math.max(d,0),d=Math.min(d,F);let{type:t,from:C,length:f}=$[d],S=L.slice(C,C+f),g;if(r=="Backspace")g="------".slice(0,f);else if(["ArrowUp","ArrowDown"].includes(r)){let M=r=="ArrowUp"?1:-1;S=S|0,g=S+M;let[x,c,V]=t=="dateWareki"?l=="year"?[0,2999,4]:l=="reiwa"?[1,2999,4]:l=="heisei"?[1,31,4]:l=="shouwa"?[1,64,4]:l=="taisho"?[1,15,4]:l=="meiji"?[1,45,4]:[0,0,0]:t=="minute"?[0,59,2]:t=="hour"?[0,23,2]:t=="date"?[1,31,2]:t=="week"?[1,53,2]:t=="month"?[1,12,2]:t=="year"?[0,2999,4]:[0,0,0];g>c?g=x:g<x&&(g=c),g=Number(g).zeroEmbed(V)}else if(["0","1","2","3","4","5","6","7","8","9"].includes(r)){let M=S|0,x=r,c=`${M}${x}`;if(y!=R&&(M=0,c="0"+x),t=="year"||t=="dateWareki"&&l=="year")Number(c)>1e4?g=x:g=c,(g|0)>1e3&&d++;else if(["hour","minute","date","week","month"].includes(t)||t=="dateWareki"&&l!="year"){let V=t=="dateWareki"?l=="reiwa"?100:l=="heisei"?31:l=="shouwa"?64:l=="taisho"?15:l=="meiji"?45:0:t=="minute"?59:t=="hour"?23:t=="date"?31:t=="week"?53:t=="month"?12:0;g=(c|0)>V?x:c,(Number(x)>Number(String(V)[0])||S=="0000".slice(0,String(V).length)&&(c!="0000".slice(0,String(V).length)||["minute","hour"].includes(t)&&y==R)||(c|0)>=Y(10,String(V).length-1))&&d++}t=="year"||t=="dateWareki"?g=(g|0).zeroEmbed(4):g=(g|0).zeroEmbed(2)}{let M=String(L).partReplace(C,String(g)),x=M.split(A).map(c=>c.replace(/(^\D|\D$)/,"").split(/\D+/).join(v=="clock"?":":"/").replace(/(^\D|\D$)/,""));if(v=="dateWareki"){let c=x[0].split(/\D/),[V,j,m]=c;c.length==3&&V&&(x=[[Number(V)-1+Number({year:1,reiwa:2019,heisei:1989,shouwa:1926,taisho:1912,meiji:1868}[l]),j,m].join("/")])}d=Math.max(d,0),d=Math.min(d,F),h(c=>_(o({},c),{dataValue:["dates","months"].includes(v)?x:x[0],formatValue:M,eventType:"update",eventID:E.uuid.gen()})),u(c=>_(o({},c),{index:d,prevIndex:c.index}))}}},N={Origin:e=>{e=o({},e);let[l]=P(e.componentID||E.uuid.gen());if(e.componentID=l,E.is.nullish(e.rightIndicator)){let v=(e.restrict||"").match(/clock/)?le:oe;e.rightIndicator=T(he.RightIndicator,{padding:0,children:T(q.Button.Sub.R,{color:"cloud",border:"unset",padding:[0,1],fontColor:"theme",borderRadius:"inherit",backgroundColor:"inherit",flexCenter:!0,height:1,ssEffectsOnActive:["ripple.cloud"],tabIndex:-1,id:"Picker-"+e.componentID,onClick:()=>{let a=O.get(e.componentID);a&&a.openPicker()},children:T(ne,{icon:v})})})}return T(se,{componentID:e.componentID,children:De,states:pe.Boxish(e)})},Clock:e=>T(N.Origin,o({restrict:"clock",era:"clock"},e)),Date:e=>T(N.Origin,o({restrict:"date"},e)),Week:e=>T(N.Origin,o({restrict:"week"},e)),Month:e=>T(N.Origin,o({restrict:"month"},e)),Year:e=>T(N.Origin,o({restrict:"year"},e)),DateWareki:e=>{e=o({},e);let[l]=P(e.componentID||E.uuid.gen());e.componentID=l;let{defaultEra:v="wareki"}=e,[a,I]=P((()=>{let h="year";if(v=="wareki"&&(h="reiwa",e.value)){let[D,u,r]=e.value.split(/\D/);if(D&&u&&r){let s=Number(D);s>=2019?(s-=2019,h="reiwa"):s>=1989?(s-=1989,h="heisei"):s>=1926?(s-=1926,h="shouwa"):s>=1912?(s-=1912,h="taisho"):s>=1868&&(s-=1868,h="meiji"),s+=1}}return h})());return X(()=>{O.set({["refreshEra_"+l]:{refreshEra:h=>{I(h)}}})},[]),T(N.Origin,_(o({restrict:"dateWareki",leftIndicator:T(fe,{enableUnSelected:!1,value:a,tone:e.tone,override:"force",flexCenter:!0,borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",height:1,freeCSS:{whiteSpace:"nowrap"},options:[{value:"year",label:"\u897F\u66A6"},{value:"reiwa",label:"\u4EE4\u548C"},{value:"heisei",label:"\u5E73\u6210"},{value:"shouwa",label:"\u662D\u548C"},{value:"taisho",label:"\u5927\u6B63"},{value:"meiji",label:"\u660E\u6CBB"}],onUpdateValidValue:({value:h,eventType:D})=>{I(h);let u=O.get(e.componentID);u&&u.resetEra&&u.resetEra(h)}})},e),{era:a}))},Periods:{Date:e=>T(N.Origin,o({restrict:"dates"},e)),Month:e=>T(N.Origin,o({restrict:"months"},e))},fn:Q};export{N as Time,N as default};
|
|
1
|
+
import{a as Y,b as o,c as _,d as H}from"../../../chunk-C5N2D3ZX.js";import{Fragment as ke,jsx as T,jsxs as Z}from"react/jsx-runtime";import{useState as P,useEffect as X,useRef as ae}from"react";import E from"@mingoo/jsmin";import{$$fromRoot as re,Config as z,useStore as O}from"../../../@utils";import ie from"../../../atoms/Box";import ne from"../../../atoms/FAI";import q from"../../Button";import G from"../../Tooltips";import{faClock as le}from"@fortawesome/free-solid-svg-icons/faClock";import{faCalendarAlt as oe}from"@fortawesome/free-solid-svg-icons/faCalendarAlt";import{Wrapper as se,BoxWrapper as me,SubmitForm as ue,CommonEffects as ce,DefaultStyles as pe}from"../core";import de from"../Hidden";import fe from"../Select";import he from"../Parts";import ge from"./Picker";const A=" ~ ",ye={clock:{defaultValue:"--:--",format:/^\d{2}\D\d{2}$/,ranges:[{type:"hour",from:0,length:2},{type:"minute",from:3,length:2}],sets:1},date:{defaultValue:"----/--/--",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2},{type:"date",from:8,length:2}],sets:1},week:{defaultValue:"----\u5E74\u7B2C--\u9031",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4,region:6},{type:"week",from:6,length:2,region:3}],sets:1},month:{defaultValue:"----\u5E74--\u6708",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2,region:3}],sets:1},year:{defaultValue:"----\u5E74",format:/^\d{4}$/,ranges:[{type:"year",from:0,length:4,region:5}],sets:1},dates:{defaultValue:"----/--/--",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2},{type:"date",from:8,length:2,region:5},{type:"year",from:10+A.length,length:4},{type:"month",from:15+A.length,length:2},{type:"date",from:18+A.length,length:2}],sets:2},months:{defaultValue:"----\u5E74--\u6708",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2,region:6},{type:"year",from:8+A.length,length:4},{type:"month",from:13+A.length,length:2,region:3}],sets:2},dateWareki:{defaultValue:"----\u5E74--\u6708--\u65E5",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"dateWareki",from:0,length:4,region:5},{type:"month",from:5,length:2,region:3},{type:"date",from:8,length:2,region:3}],sets:1}},U=e=>{let{restrict:l,value:v,era:a}=e,I=E.flatArray(v||""),{defaultValue:h,format:D,ranges:u,sets:r}=ye[l],s=[],n=l=="clock"?":":"/";for(let i=0;i<I.length;i++)I[i]=String(I[i]).replace(/\D/ig,n);for(let i=0;i<r;i++){let p=I[i]||"";if(!p.match(D))I[i]="",s.push(h);else{let b=h;p.split(/\D/).forEach((w,R)=>{if(R==0&&l=="dateWareki"){let y=Number(w);a!="year"&&(y>=2019?a=="reiwa"?y-=2018:a=="heisei"&&(y=31):y>=1989?a=="heisei"?y-=1988:a=="shouwa"&&(y=64):y>=1926?a=="shouwa"?y-=1925:a=="taisho"&&(y=15):y>=1912?a=="taisho"?y-=1911:a=="meiji"&&(y=45):y>=1868&&(y-=1867)),w=y.zeroEmbed(4)}b=b.replace(new RegExp("------------------".slice(0,w.length)),w)}),s.push(b)}}return{formatValue:s.join(A),dataValue:["dates","months"].includes(l)?I:I[0],ranges:u}};function ve(e){let{states:l}=e,{restrict:v,min:a,max:I,required:h}=l,D=[],u=E.flatArray(e.value),r={empty:!1,escalated:1,filled:!0,correct:!0,prohibited:!1};(()=>{let s=v=="clock"?":":"/";for(let n=0;n<u.length;n++)u[n]=String(u[n]).replace(/\D/ig,s);for(let n=0;n<u.length;n++){let i=u[n],p=u[n-1];i.removeLetters()||(r.empty=!0),n>0&&(r.escalated&=+(i>=p))}r.escalated&&(r.empty||(v.match(/clock/)?u.forEach(n=>{let[i,p]=n.split(/\D+/);!i||!p?r.filled=!1:(Number(i)>23||Number(p)>59)&&(r.correct=!1)}):v.match(/date/)?u.forEach(n=>{let[i,p,b]=n.split(/\D+/);if(!i||!p||!b)r.filled=!1;else{let w=E.Time(n);(!w.validate||n!=w.toFormatYMD())&&(r.correct=!1)}}):v.match(/week/)?u.forEach(n=>{let[i,p]=n.split(/\D+/);if(!i||!p)r.filled=!1;else{let b=E.Time(i+"/01/01").weekday,R=E.Time(i+"/01/0"+(7-b+1)).addWeek(Number(p)-1);i!=String(R.year)&&(r.correct=!1)}}):v.match(/month/)?u.forEach(n=>{let[i,p]=n.split(/\D+/);!i||!p?r.filled=!1:E.Time([i,p,"01"].join("/")).validate||(r.correct=!1)}):v.match(/year/),r.filled&&r.correct&&u.forEach(n=>{{let i=Number(String(n).replace(/\D/ig,""));if(a&&Number(String(a).replace(/\D/ig,""))>i&&(r.prohibited=!0),I){let p=Number(String(I).replace(/\D/ig,""));i>p&&(r.prohibited=!0)}}})))})();{let{empty:s,escalated:n,filled:i,correct:p,prohibited:b}=r;s&&h&&(D=[{type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}]),n||D.push({type:"invalid",label:"\u6642\u7CFB\u5217\u3092\u6B63\u3057\u304F\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),p||D.push({type:"invalid",label:"\u7121\u52B9\u306A\u5024\u304C\u5165\u529B\u3055\u308C\u3066\u3044\u307E\u3059"}),i||D.push({type:"invalid",label:"\u6700\u5F8C\u307E\u3067\u5024\u3092\u57CB\u3081\u3066\u304F\u3060\u3055\u3044"}),b&&D.push({type:"invalid",label:Z(ke,{children:[T(ie,{children:"\u5165\u529B\u7BC4\u56F2\u304C\u5236\u9650\u3055\u308C\u3066\u3044\u307E\u3059"}),"[",a||"\u4E0B\u9650\u7121\u3057","] ~ [",I||"\u4E0A\u9650\u7121\u3057","]"]})})}return{ok:!D.filter(({type:s})=>s=="invalid").length,notice:D}}const Q={picker:{launch:e=>{let l=e.tipsID||E.uuid.gen();G.open(_(o({gravityPoint:e.gravityPoint||24,padding:"1/2",tipsID:l},e),{parent:e.parent,close_option:o({aroundClick:!0,parentBlur:!1},e.close_option),content:T(ge,{restrict:e.restrict,min:e.min,max:e.max,era:e.era,defaultValue:e.defaultValue,tipsID:l,onValueUpdate:(v,a)=>{e.onValueUpdate(v,a)}})}))},remove:e=>{G.close(e)}}},De=e=>{let j=e,{tone:l,required:v,restrict:a="clock",componentID:I,era:h,form:D,name:u,min:r,max:s,className:n,enableFormSubmit:i,checkValidationAtFirst:p,onKeyDown:b,onValidate:w,onUpdateValue:R,onUpdateValidValue:y,value:$="",leftIndicator:L,rightIndicator:F}=j,d=H(j,["tone","required","restrict","componentID","era","form","name","min","max","className","enableFormSubmit","checkValidationAtFirst","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator"]),[t,C]=P(h),[f,S]=P(_(o({componentID:e.componentID||""},U({restrict:a,value:$,era:t})),{eventType:"init",eventID:E.uuid.gen()})),[g,M]=P({ok:!1,notice:[]}),[x,c]=P({active:!1,index:0,prevIndex:-1});ce({type:"time",states:e,val_status:f,set_status:S,val_validate:g,set_validate:M,DefaultValidation:ve,onUpdateValue:R,onUpdateValidValue:y,ExtraOverrideStates:o({},U({restrict:a,value:$,era:t}))});const V=ae(!1);return X(()=>{if(V.current){S(k=>o(o({},k),U({restrict:a,value:k.dataValue,era:t})));let m=O.get("refreshEra_"+f.componentID);m&&m.refreshEra(t)}else V.current=!0},[t]),O.update({[f.componentID]:{openPicker:()=>{e.disabled||Q.picker.launch({parent:"#Picker-"+f.componentID,tipsID:"PickerTips-"+f.componentID,restrict:a,min:r,max:s,defaultValue:f.dataValue,era:t,onValueUpdate:(m,k)=>{S(W=>_(o(o({},W),U({restrict:a,value:m,era:k})),{eventType:"update",eventID:E.uuid.gen()})),C(k)}})},resetEra:m=>{C(m),S(k=>_(o(o({},k),U({restrict:a,value:"",era:t})),{eventType:"update",eventID:E.uuid.gen()}))}}}),X(()=>{let{index:m,active:k}=x;if(k){m=Math.max(m,0),m=Math.min(m,f.ranges.length-1);let{from:W,length:B}=f.ranges[m],J=re("#"+e.id)[0];J&&J.setSelectionRange(W,W+B)}},[x]),Z(me,{val_status:f,set_status:S,val_validate:g,states:e,children:[T(de,{name:u,"data-input-type":"time","data-form":D,"data-validation":g.ok,componentID:f.componentID,"data-value":JSON.stringify(["dates","months"].includes(a)?!f.dataValue[0]||!f.dataValue[1]?null:f.dataValue:f.dataValue||null)}),z.get().isTouchDevice?T(q.Button.Plain,{className:n,freeCSS:{textAlign:"left"},children:f.formatValue,onClick:m=>{let k=O.get(f.componentID);k&&k.openPicker(),m.stopPropagation()}}):T("input",o({type:"text",inputMode:"numeric","data-input-type":"time","data-form-name":D,value:f.formatValue,className:n,tabIndex:z.get().isTouchDevice?-1:0,onKeyDown:m=>{Ie({restrict:a,event:m,val_era:t,val_status:f,set_status:S,val_focus:x,set_focus:c}),b&&b(m),i&&ue(m)},onKeyUp:m=>{m.key=="Tab"&&c(k=>_(o({},k),{active:!0}))},onClick:m=>{let k=m.target.selectionEnd,W=0;f.ranges.forEach((B,J)=>{let{from:K,length:ee,region:te}=B;K<=k&&k<=K+(te||ee)&&(W=J)}),c(B=>_(o({},B),{active:!0,index:W})),m.preventDefault()},onChange:()=>{}},d))]})},Ie=e=>{let{val_era:l,restrict:v,event:a,val_status:I,set_status:h,val_focus:D,set_focus:u}=e,{key:r,shiftKey:s,ctrlKey:n,metaKey:i}=a,p=n||i,{selectionStart:b,selectionEnd:w}=a.target,{index:R,prevIndex:y}=D,{ranges:$,formatValue:L}=I,F=$.length-1;if(["Tab","ArrowLeft","ArrowRight"].includes(r)){let d=0;if(r=="Tab"){let t=+!s*2-1;if(d=D.index+t,d<0||d>F)return}else{let t=r=="ArrowLeft"?-1:r=="ArrowRight"?1:0;p||b==0&&w==String(I.formatValue).length?d=t==1?F:0:d=Math.max(0,Math.min(R+t,F))}u(t=>_(o({},t),{index:d,prevIndex:R})),a.preventDefault()}if(["Backspace","ArrowUp","ArrowDown","0","1","2","3","4","5","6","7","8","9"].includes(r)){a.preventDefault();let d=R;d=Math.max(d,0),d=Math.min(d,F);let{type:t,from:C,length:f}=$[d],S=L.slice(C,C+f),g;if(r=="Backspace")g="------".slice(0,f);else if(["ArrowUp","ArrowDown"].includes(r)){let M=r=="ArrowUp"?1:-1;S=S|0,g=S+M;let[x,c,V]=t=="dateWareki"?l=="year"?[0,2999,4]:l=="reiwa"?[1,2999,4]:l=="heisei"?[1,31,4]:l=="shouwa"?[1,64,4]:l=="taisho"?[1,15,4]:l=="meiji"?[1,45,4]:[0,0,0]:t=="minute"?[0,59,2]:t=="hour"?[0,23,2]:t=="date"?[1,31,2]:t=="week"?[1,53,2]:t=="month"?[1,12,2]:t=="year"?[0,2999,4]:[0,0,0];g>c?g=x:g<x&&(g=c),g=Number(g).zeroEmbed(V)}else if(["0","1","2","3","4","5","6","7","8","9"].includes(r)){let M=S|0,x=r,c=`${M}${x}`;if(y!=R&&(M=0,c="0"+x),t=="year"||t=="dateWareki"&&l=="year")Number(c)>1e4?g=x:g=c,(g|0)>1e3&&d++;else if(["hour","minute","date","week","month"].includes(t)||t=="dateWareki"&&l!="year"){let V=t=="dateWareki"?l=="reiwa"?100:l=="heisei"?31:l=="shouwa"?64:l=="taisho"?15:l=="meiji"?45:0:t=="minute"?59:t=="hour"?23:t=="date"?31:t=="week"?53:t=="month"?12:0;g=(c|0)>V?x:c,(Number(x)>Number(String(V)[0])||S=="0000".slice(0,String(V).length)&&(c!="0000".slice(0,String(V).length)||["minute","hour"].includes(t)&&y==R)||(c|0)>=Y(10,String(V).length-1))&&d++}t=="year"||t=="dateWareki"?g=(g|0).zeroEmbed(4):g=(g|0).zeroEmbed(2)}{let M=String(L).partReplace(C,String(g)),x=M.split(A).map(c=>c.replace(/(^\D|\D$)/,"").split(/\D+/).join(v=="clock"?":":"/").replace(/(^\D|\D$)/,""));if(v=="dateWareki"){let c=x[0].split(/\D/),[V,j,m]=c;c.length==3&&V&&(x=[[Number(V)-1+Number({year:1,reiwa:2019,heisei:1989,shouwa:1926,taisho:1912,meiji:1868}[l]),j,m].join("/")])}d=Math.max(d,0),d=Math.min(d,F),h(c=>_(o({},c),{dataValue:["dates","months"].includes(v)?x:x[0],formatValue:M,eventType:"update",eventID:E.uuid.gen()})),u(c=>_(o({},c),{index:d,prevIndex:c.index}))}}},N={Origin:e=>{e=o({},e);let[l]=P(e.componentID||E.uuid.gen());if(e.componentID=l,E.is.nullish(e.rightIndicator)){let v=(e.restrict||"").match(/clock/)?le:oe;e.rightIndicator=T(he.RightIndicator,{padding:0,children:T(q.Button.Sub.R,{color:"cloud",border:"unset",padding:[0,1],fontColor:"theme",borderRadius:"inherit",backgroundColor:"inherit",flexCenter:!0,height:1,ssEffectsOnActive:["ripple.cloud"],tabIndex:-1,id:"Picker-"+e.componentID,onClick:()=>{let a=O.get(e.componentID);a&&a.openPicker()},children:T(ne,{icon:v})})})}return T(se,{componentID:e.componentID,children:De,states:pe.Boxish(e)})},Clock:e=>T(N.Origin,o({restrict:"clock",era:"clock"},e)),Date:e=>T(N.Origin,o({restrict:"date"},e)),Week:e=>T(N.Origin,o({restrict:"week"},e)),Month:e=>T(N.Origin,o({restrict:"month"},e)),Year:e=>T(N.Origin,o({restrict:"year"},e)),DateWareki:e=>{e=o({},e);let[l]=P(e.componentID||E.uuid.gen());e.componentID=l;let{defaultEra:v="wareki"}=e,[a,I]=P((()=>{let h="year";if(v=="wareki"&&(h="reiwa",e.value)){let[D,u,r]=e.value.split(/\D/);if(D&&u&&r){let s=Number(D);s>=2019?(s-=2019,h="reiwa"):s>=1989?(s-=1989,h="heisei"):s>=1926?(s-=1926,h="shouwa"):s>=1912?(s-=1912,h="taisho"):s>=1868&&(s-=1868,h="meiji"),s+=1}}return h})());return X(()=>{O.set({["refreshEra_"+l]:{refreshEra:h=>{I(h)}}})},[]),T(N.Origin,_(o({restrict:"dateWareki",leftIndicator:T(fe,{enableUnSelected:!1,value:a,tone:e.tone,override:"force",flexCenter:!0,borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",height:1,freeCSS:{whiteSpace:"nowrap"},options:[{value:"year",label:"\u897F\u66A6"},{value:"reiwa",label:"\u4EE4\u548C"},{value:"heisei",label:"\u5E73\u6210"},{value:"shouwa",label:"\u662D\u548C"},{value:"taisho",label:"\u5927\u6B63"},{value:"meiji",label:"\u660E\u6CBB"}],onUpdateValidValue:({value:h,eventType:D})=>{I(h);let u=O.get(e.componentID);u&&u.resetEra&&u.resetEra(h)}})},e),{era:a}))},Periods:{Date:e=>T(N.Origin,o({restrict:"dates"},e)),Month:e=>T(N.Origin,o({restrict:"months"},e))},fn:Q};export{N as Time,N as default};
|
package/dist/fn/Sheet.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import $$ from '@mingoo/jsmin';
|
|
3
2
|
import { TagProperty, ReactElement } from '../@declaration';
|
|
3
|
+
import React from 'react';
|
|
4
4
|
import Box from '../atoms/Box';
|
|
5
5
|
declare namespace Sheet {
|
|
6
6
|
type Methods = {
|
|
@@ -53,9 +53,15 @@ declare namespace Sheet {
|
|
|
53
53
|
};
|
|
54
54
|
type Custom = States & {
|
|
55
55
|
type: 'custom';
|
|
56
|
-
|
|
56
|
+
nextToCursor?: boolean;
|
|
57
57
|
gravityPoint?: number;
|
|
58
|
-
}
|
|
58
|
+
} & ({
|
|
59
|
+
event: any;
|
|
60
|
+
parent?: $$.Args;
|
|
61
|
+
} | {
|
|
62
|
+
event?: any;
|
|
63
|
+
parent: $$.Args;
|
|
64
|
+
});
|
|
59
65
|
type Image = Omit<States, 'content'> & {
|
|
60
66
|
type: 'image';
|
|
61
67
|
src: string | string[];
|
package/dist/fn/Sheet.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as m,c as R,d as F}from"../chunk-C5N2D3ZX.js";import{jsx as l,jsxs as X}from"react/jsx-runtime";import r from"@mingoo/jsmin";import{useState as D,useEffect as H,useRef as q}from"react";import{$$fromRoot as N,Config as G,useStore as T}from"../@utils";import k from"../atoms/Box";import J from"../atoms/Img";import ee from"../atoms/FAI";import te from"../atoms/Flex";import K from"../mols/Column";import Z from"../mols/Row";import Q from"./Button";import oe from"./SwipeView";import re from"./Input";import{SheetClasses as p}from"../@styles/componentClasses";const y={currentIndex:0,contents:{},addNewSheet:function(e){if(e=R(m({sheetGroups:e.sheetGroups||[],backgroundEffect:!0,overwrap:e.type=="custom",hold_state:!1,isOpen:!0},e),{sheetID:e.sheetID||r.uuid.gen(),close_option:m({pageTransit:!0,escapeKeyDown:!0,aroundClick:e.type=="custom"},e.close_option)}),this.contents[e.sheetID]){let o=T.get(e.sheetID);o&&o.refresh&&o.refresh(e,!0);return}this.contents[e.sheetID]={isOpen:!0,hold_state:!!e.hold_state,p:e,created_at:r.Time()};let t=T.get("Sheet-"+G.get().sessionUID);t&&t.refresh()},Wrapper:()=>{let[e,t]=D(r.uuid.gen());H(()=>{T.set({["Sheet-"+G.get().sessionUID]:{refresh:()=>{t(r.uuid.gen())}}}),r(G.get().appRoot).addEvent({eventType:"keyup",eventID:"SheetEvent.keyUp",callback:function(s){let{key:c,metaKey:i}=s;if(c=="Escape"||c==","&&i){let u=Object.values(y.contents).filter(g=>g.isOpen);if(!u.length)return;let a=u.reduce((g,w)=>g.created_at.value>w.created_at.value?g:w);z.close(a.p.sheetID,c)}}}).addEvent({eventType:"click",eventID:"SheetEvent.Click",callback:function(s){var u;let c=Object.values(y.contents).filter(a=>a.p.type=="custom");!c.length||c.find(a=>{let{p:g}=a,w=g.parent,_=s.target,v=N(w)[0];return!!(w==_||v===_||r(v).find(_).length)})||(u=s.target)!=null&&u.closest("."+p("CustomSheet"))||c.forEach(a=>{var g;(g=a.p.close_option)!=null&&g.aroundClick&&z.close(a.p.sheetID)})}})},[]);let o=Object.entries(y.contents).map(([s,c])=>l(k,{id:"Sheet-"+s,children:l(y.Core,m({isOpen:c.isOpen},c.p),s)},s));return l(k,{className:["AMOTIFY_be",p("Wrapper")].join(" "),children:o})},Core:e=>{var A;let[t]=D(r.uuid.gen()),[o,s]=D(e),[c,i]=D(e.isOpen),{type:u,sheetID:a,openAfter:g,closeAfter:w}=o,_=!o.overwrap,v=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"}[u]];H(()=>{T.set({[a]:{refresh:(f,n)=>{s(f),i(n!=null?n:!1)},resize:f=>{if(u=="drawer.bottom"){let n=T.get(t);n&&n.resize&&n.resize(f)}else(o.type.includes("normal")||o.type.includes("drawer"))&&s(n=>R(m({},n),{size:f}))},close:f=>{y.contents[a].isOpen=!1,i(!1)},open:()=>{y.contents[a].isOpen=!0,i(!0)}}})}),H(()=>{r.scope(()=>{if(!_||!o.backgroundEffect)return;let f=Object.values(y.contents).filter(n=>n.isOpen&&!n.p.overwrap&&n.p.type!="custom").length;if(c){let n=r("html"),B=0;f==1&&(B=n[0].scrollTop|0,s(b=>R(m({},b),{bodyScrolls:B}))),G.get().isPhone||(n.callback(()=>{N(".AMOTIFY_be_root").addClass(p("FixScroll")).callback(b=>{b[0].scrollTop=B}).await(40).addClass(p("Float"))})[0].scrollTop=0);return}G.get().isPhone||f==0&&N(".AMOTIFY_be_root").removeClass(p("Float")).await(251).removeClass(p("FixScroll")).callback(()=>{r("html")[0].scrollTop=o.bodyScrolls||0,N(".AMOTIFY_be_root")[0].scrollTop=0})}),r.scope(()=>{let f=N("#"+t);if(c){f.await(10).removeClass(p("Hide")).await(10).addClass(p("Open")).callback(()=>{y.contents[a].isOpen=!0,g&&g()});return}f.await(10).removeClass(p("Open")).await(251).addClass(p("Hide")).callback(()=>{if(!w||w(),y.contents[a].isOpen=!1,o.hold_state)return;delete y.contents[a];let n=T.get("Sheet-"+G.get().sessionUID);n&&n.refresh()})})},[c]),H(()=>{y.currentIndex++;let{close_option:f}=o;r.scope(()=>{if(!(f!=null&&f.parentBlur))return;let n=r(o.parent);n[0]&&n.addEvent({eventID:"SheetClosation-"+a,eventType:"mouseout",callback:()=>{n.removeEvent("SheetClosation-"+a),i(!1)}})})},[]);let[M,U]=u.split(".");return l(k,{className:[p("Wrap"),p("Tcate_"+M),p("Tpos_"+U),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:[!!_&&l(y.TapSensor,{sheetID:a,delegateAroundClick:(A=o.close_option)==null?void 0:A.aroundClick}),l(v,m({componentID:t},o))]})},t)},Types:{Normal:e=>{let P=e,{sheetID:t,sheetGroups:o,bodyScrolls:s,content:c,className:i="",type:u,size:a="R",freeCSS:g,openAfter:w,closeAfter:_,close_option:v,hold_state:M,overwrap:U,isOpen:A,backgroundEffect:f}=P,n=F(P,["sheetID","sheetGroups","bodyScrolls","content","className","type","size","freeCSS","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]),[B,b]=u.split("."),C={},x=[];return b.match(/top/)?(x.push("top"),C.marginBottom="auto"):b.match(/middle/)?(x.push("center"),C.marginTop="auto",C.marginBottom="auto"):b.match(/bottom/)&&(x.push("bottom"),C.marginTop="auto"),b.match(/left/i)?(x.push("left"),C.marginRight="auto"):b.match(/center/i)?(x.push("center"),C.marginLeft="auto",C.marginRight="auto"):b.match(/right/i)&&(x.push("right"),C.marginLeft="auto"),l(k,R(m(m({className:[p("BB"),i].join(" "),padding:1,transition:"long",opacity:"trans"},C),n),{freeCSS:m({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100vw"}[a],maxWidth:"96vw",transformOrigin:x.join(" ")},g),children:r.is.function(c)?l(c,{}):c}))},Edge:e=>{let B=e,{sheetID:t,sheetGroups:o,bodyScrolls:s,type:c,content:i,className:u="",size:a="R",freeCSS:g,openAfter:w,closeAfter:_,close_option:v,hold_state:M,overwrap:U,isOpen:A,backgroundEffect:f}=B,n=F(B,["sheetID","sheetGroups","bodyScrolls","type","content","className","size","freeCSS","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]);return l(k,R(m(m({opacity:"trans",transition:"long",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark",className:[p("BB"),u].join(" ")},c=="drawer.right"?{marginLeft:"auto"}:c=="drawer.left"?{marginRight:"auto"}:{}),n),{freeCSS:m({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[a],maxWidth:"96vw"},g),children:r.is.function(i)?l(i,{}):i}))},Bottom:e=>{let I=e,{componentID:t,sheetID:o,sheetGroups:s,bodyScrolls:c,content:i,size:u="R",sizeChanged:a,baseStyles:g,openAfter:w,closeAfter:_,close_option:{swipeDown:v=!0}={},hold_state:M,overwrap:U,isOpen:A,backgroundEffect:f}=I,n=F(I,["componentID","sheetID","sheetGroups","bodyScrolls","content","size","sizeChanged","baseStyles","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]),B=r.getScreenSize(),b=[0,.2,.6,.95],C={ZERO:0,S:1,R:2,L:3},[x,P]=D(u),[L,W]=D({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:b[C[u]]});T.update({[t]:{val_edit:L,resize:S=>{let d=b[C[S]];W(h=>R(m({},h),{value:d})),P(S)}}});const O={Start:S=>{r(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:O.Move}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:O.Move}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:O.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:O.End});let d=r.getCursor(S),h=R(m({},L),{process:!0,processStart:new Date().getTime(),originY:d.y,originValue:L.value,viewHeight:r.getScreenSize().height});T.update({[t]:{val_edit:h}}),W(h)},Move:S=>{var j;let d=(j=T.get(t))==null?void 0:j.val_edit;if(!d.process)return;let V=(r.getCursor(S).y-d.originY)/d.viewHeight,E=d.originValue-V;if(E>.95)E=.95+(E-.95)*.5;else if(E<.2){let $=.2-E;$-=.1,E=.1+(.1-$)*.5}W(R(m({},d),{value:E}))},End:S=>{var E;let d=(E=T.get(t))==null?void 0:E.val_edit;if(!d.process)return;r(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let h=0;if(d.value<.1||(d.value<.5?h=1:d.value>.75?h=3:h=2),new Date().getTime()-d.processStart<300){let j=r.getCursor(S).y-d.originY;if(Math.abs(j)>=20){let $=+(j<0)*2-1;h+=$,h=Math.min(Math.max(h,0),b.length-1)}}h==0&&(v||(h=1)),P(["ZERO","S","R","L"][h]),W(R(m({},d),{value:b[h],process:!1}))}},Y=q(!1);return H(()=>{Y.current?x=="ZERO"?v&&z.close(o):setTimeout(()=>{e.sizeChanged&&e.sizeChanged(x)},250):Y.current=!0},[x]),l(k,{className:p("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:m({maxWidth:12*60,height:B.height*L.value},L.process?{transition:"0s"}:{}),children:X(K,R(m({gap:0,flexSizing:"none",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",border:!0,borderBottom:"unset",boxShadow:"3.remark",position:"relative",overflow:"hidden",height:1},g),{children:[l(Z.Separate,{padding:"1/2",backgroundColor:"layer.1",position:"relative",freeCSS:{userSelect:"none"},children:l(Z.Center,{flexSizing:0,padding:"2/3",onMouseDown:O.Start,onTouchStart:O.Start,ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:l(k,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:p("DragBar")})})}),l(k,R(m({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},n),{children:r.is.function(i)?l(i,{}):i}))]}))})},Custom:e=>{let Y=e,{sheetID:t,sheetGroups:o,parent:s,bodyScrolls:c,gravityPoint:i=22,content:u,close_option:a,hold_state:g,openAfter:w,closeAfter:_,overwrap:v,isOpen:M,backgroundEffect:U}=Y,A=F(Y,["sheetID","sheetGroups","parent","bodyScrolls","gravityPoint","content","close_option","hold_state","openAfter","closeAfter","overwrap","isOpen","backgroundEffect"]),[f]=D(r.uuid.gen()),n=r.is.element(s)?r(s):r.is.jsmin(s)?s:N(s),B='[data-sheet-id="'+f+'"]',b='[data-sheet-content="'+f+'"]';i=i;let C=i%5||5,x=Math.ceil(i/5);const P=()=>{let I={},{top:S,right:d,bottom:h,left:V,height:E,width:j}=n.position();return[1,2].includes(C)?I.left=V:C==3?I.left=V+j/2:[4,5].includes(C)&&(I.left=d),i<=10?I.top=S:i<=15?I.top=S+E/2:i<=25&&(I.top=h),I};let[L,W]=D(P());const O=()=>{let I=N(B).position(),S=N(b).position(),d=r.getScreenSize(),h=m({},L);return S.top<0&&(h.top=I.top-S.top),S.left<0&&(h.left=I.left-S.left),S.right>d.width&&(h.left=I.left-(S.right-d.width)),S.bottom>d.height&&(h.top=I.top-(S.bottom-d.height)),h};return H(()=>{N(B).await(10).addClass(p("Open")).await(250).callback(()=>{W(O())}),T.update({["customSheet-"+e.sheetID]:{reposition:()=>{setTimeout(()=>{W(O())},200)}}})},[]),n[0]?l(k,{className:[p("BB"),p("CustomSheet")].join(" "),"data-sheet-id":f,transition:"long",opacity:"trans",position:"absolute",width:0,height:0,flexCenter:!0,freeCSS:L,children:l(te,{className:[p("GPT"),p("GPT_"+i),p("Col_"+C),p("Row_"+x)].join(" "),position:"absolute",children:l(k,R(m({flexSizing:"none","data-sheet-content":f,maxHeight:"viewHeight",overflow:"auto",padding:1},A),{freeCSS:m({maxWidth:"98vw"},A.freeCSS),children:r.is.function(u)?l(u,{}):u}))})}):null}},TapSensor:e=>l(k,{className:p("TapSensor"),children:l(Q.Button.Plain,{className:p("TapContent"),onClick:()=>{var t;(t=e.delegateAroundClick)!=null&&t&&z.close(e.sheetID)},freeCSS:{cursor:"default",pointerEvents:"all"}})})},z={Wrapper:()=>l(y.Wrapper,{}),open:e=>{if(e.sheetID=(e.sheetID||"").replace(/\./g,"-"),e.type=="image"){let o=e.sheetID||r.uuid.gen(),t=e,{type:s,src:c}=t,i=F(t,["type","src"]);z.open(R(m({type:"normal.topCenter",backgroundColor:"trans"},i),{sheetID:o,freeCSS:{maxWidth:"96vw",transformOrigin:"top"},content:()=>{let[u]=D(r.flatArray(c)),[a,g]=D(0),w=[],_=[];return u.forEach((v,M)=>{w.push({value:M,label:l(J,{src:r.flatArray(v)[0],width:"auto",height:1,freeCSS:{maxWidth:12*6,maxHeight:12*3}})}),_.push(l(J,{width:1,height:"auto",src:r.flatArray(v)[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(re.Radio,{tone:"border",icon:!1,value:a,override:"force",horizontalAlign:"center",onUpdateValidValue:({value:v})=>{g(v[0])},cellStyles:{borderWidth:2,padding:"1/3"},options:w}),X(Q.Button.Border.R,{color:"cloud",isRounded:!0,onClick:()=>{z.close(o)},children:["\u9589\u3058\u308B ",l(ee.Times,{})]})]}),l(oe,{slideIndex:a,options:{loop:u.length>1,onSlideCallback:v=>{g(v)}},slides:_,wrapper:v=>l(k,{borderBottomLeftRadius:"1.tone.primary",borderBottomRightRadius:"1.tone.primary",children:v})})]})}}));return}y.addNewSheet(e)},refresh:(e,t)=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let o=T.get(e.sheetID);o&&o.refresh&&o.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,o){var c;e=e==null?void 0:e.replace(/\./g,"-");let s=y.contents[e];if(s&&!(t=="Escape"&&!((c=s.p.close_option)!=null&&c.escapeKeyDown))){let{p:i}=s,{sheetID:u}=i,a=T.get(u);a&&a.close&&a.close(o)}},closeGroup:e=>{var t;e=(e||"").replace(/\./g,"-");for(let[o,s]of Object.entries(y.contents))(t=s.p.sheetGroups)!=null&&t.includes(e)&&z.close(o)},closeAll:e=>{var t;for(let[o,s]of Object.entries(y.contents))e&&((t=s.p.close_option)==null?void 0:t.pageTransit)==!1||z.close(o,"pageTransit",!0)},Comps:{Body:e=>l(k,m({className:p("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},e))}};export{z as Sheet,z as default};
|
|
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.callback(()=>{A(".AMOTIFY_be_root").addClass(p("FixScroll")).callback(C=>{C[0].scrollTop=x}).await(40).addClass(p("Float"))})[0].scrollTop=0);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={},k=[];return C.match(/top/)?(k.push("top"),I.marginBottom="auto"):C.match(/middle/)?(k.push("center"),I.marginTop="auto",I.marginBottom="auto"):C.match(/bottom/)&&(k.push("bottom"),I.marginTop="auto"),C.match(/left/i)?(k.push("left"),I.marginRight="auto"):C.match(/center/i)?(k.push("center"),I.marginLeft="auto",I.marginRight="auto"):C.match(/right/i)&&(k.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:k.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},[k,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 B=(r.getCursor(v).y-u.originY)/u.viewHeight,b=u.originValue-B;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?k=="ZERO"?g&&N.close(n):setTimeout(()=>{e.sizeChanged&&e.sizeChanged(k)},250):$.current=!0},[k]),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+'"]',k='[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:B,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=B),v};let[L,$]=O(F());return G(()=>{const v=u=>{let f=A(I).position(),B=A(k).position(),b=r.getScreenSize(),E=d({},u);return B.top<0&&(E.top=f.top-B.top),B.left<0&&(E.left=f.left-B.left),B.right>b.width&&(E.left=f.left-(B.right-b.width)),B.bottom>b.height&&(E.top=f.top-(B.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};
|
package/dist/fn/Tooltips.d.ts
CHANGED
|
@@ -16,7 +16,7 @@ declare namespace Tooltips {
|
|
|
16
16
|
type Input = {
|
|
17
17
|
tipsID?: string;
|
|
18
18
|
tipsGroups?: string | string[];
|
|
19
|
-
|
|
19
|
+
nextToCursor?: boolean;
|
|
20
20
|
gravityPoint?: number;
|
|
21
21
|
close_option?: Sheet.CloseOptions;
|
|
22
22
|
hold_state?: boolean;
|
|
@@ -25,7 +25,13 @@ declare namespace Tooltips {
|
|
|
25
25
|
};
|
|
26
26
|
openAfter?(): void;
|
|
27
27
|
closeAfter?(): void;
|
|
28
|
-
} &
|
|
28
|
+
} & ({
|
|
29
|
+
event: any;
|
|
30
|
+
parent?: $$.Args;
|
|
31
|
+
} | {
|
|
32
|
+
event?: any;
|
|
33
|
+
parent: $$.Args;
|
|
34
|
+
}) & TagProperty.BasicElement;
|
|
29
35
|
}
|
|
30
36
|
declare const Tooltips: Tooltips.Methods;
|
|
31
37
|
export { Tooltips, Tooltips as default };
|
package/dist/fn/Tooltips.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as e,d as
|
|
1
|
+
import{b as e,c as n,d as p}from"../chunk-C5N2D3ZX.js";import{jsx as c}from"react/jsx-runtime";import i from"@mingoo/jsmin";import d from"../atoms/Box";import t from"./Sheet";const l={__memoryID:i.uuid.gen(),open:o=>{let s=o,{tipsID:a=i.uuid.gen(),tipsGroups:u=[]}=s,r=p(s,["tipsID","tipsGroups"]);t.open(n(e({sheetID:a,sheetGroups:["tooltips",...u]},r),{type:"custom",close_option:e({aroundClick:!0,parentBlur:!0,escapeKeyDown:!0,pageTransit:!0},r.close_option)}))},close:o=>{o&&t.close(o)},closeALL:()=>{t.closeGroup("tooltips")},Comps:{Body:o=>c(d,e({padding:"1/2",backgroundColor:"dark",borderRadius:"2.tone.secondary",fontColor:"white",boxShadow:"0.normal"},o))}};export{l as Tooltips,l as default};
|
package/dist/temps/designBook.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{e as
|
|
1
|
+
import{e as D}from"../chunk-C5N2D3ZX.js";import{Fragment as u,jsx as e,jsxs as t}from"react/jsx-runtime";import{useState as I,useEffect as V}from"react";import z from"@mingoo/jsmin";import{Config as G}from"../@utils";import{Box as o,Span as U,Grid as p,Flex as c,FAI as g,Img as T,Logo as a,Placeholder as q}from"../atoms";import{List as w,LinkifyText as Y,Accordion as M,Row as B,Column as h,Text as n}from"../mols";import{PageViewController as K,SwipeView as J,TabBar as j,Plate as _,Table as m,Input as i,Button as r,Sheet as R,Snackbar as F,Tooltips as C,Loader as v,Effect as X,Cropper as $}from"../fn";const O={_:()=>t(u,{children:[e(O.DarkMode,{}),e(O.ThemeColor,{})]}),DarkMode:()=>t(B.Separate,{children:[e(o,{isSemiBoldFont:!0,fontSize:"4.thirdTitle",children:"Dark Mode"}),e(c,{gap:2,children:e(i.Segmented.Border,{value:G.get().darkMode,textAlign:"left",options:[{value:"light",label:"Light"},{value:"dark",label:"Dark"},{value:"dim",label:"Dim"},{value:"auto",label:"Auto"}],flexCenter:!0,onUpdateValidValue:({value:l})=>{let d=l[0];G.update.darkMode(d)}})})]}),ThemeColor:()=>{const l=x=>{G.update.themeColor(x)};let d=[];const s=["comun","leaf","heart","droplet","brick","flower","lip","wine","theater","bat","poizon","eggplant","ufo","alien","tombstone","ninja","moon","rain","unicorn","axe","gem","soap","drizzle","building","fish","icicles","water","tree1","tree2","tree3","battery","seedle","greenTea","oak","salad","cloudy","lemon","angel","parasol","pizza","thunder","latte","island","shovel","coffee","carrot","cactus","volcano","choco","industry","gun","galaxy","line","twitter","amazon","facebook","android","slackBlue","slackGreen","slackRed","slackYellow","slackBase","googleBlue","googleGreen","googleYellow","googleRed"];for(let x of s)d.push(e(r.Button.Prime.R,{padding:[1,1.5],fontColor:"white",borderRadius:"1.tone.primary",textAlign:"left",backgroundColor:x,onClick:()=>{l(x)},children:e(n.Supplement,{children:x.toCapital()})},x));return t(B.Separate,{children:[e(n.SubTitle,{children:"ThemeColor"}),e(p,{gridCols:5,gap:"1/3",children:d})]})}},S={_:()=>t(u,{children:[t(c,{gap:1,flexChilds:"even",flexNewLine:!0,children:[e(o,{padding:2,ssCardBox:!0,flexCenter:!0,children:"Hello"}),e(o,{padding:2,ssCardBox:"border",flexCenter:!0,children:"Hello"}),e(o,{padding:2,ssCardBox:"cloud",flexCenter:!0,children:"Hello"})]}),t(c,{gap:1,children:[e(o,{flexCenter:!0,children:e(q,{unitWidth:6,unitHeight:6,children:"Placeholder",isRounded:!0})}),t(p,{gridCols:3,gap:1,flexSizing:"auto",children:[e(o,{backgroundColor:"layer.1",padding:2}),e(o,{backgroundColor:"layer.2",padding:2}),e(o,{backgroundColor:"layer.3",padding:2}),e(o,{backgroundColor:"layer.4",padding:2}),e(o,{backgroundColor:"layer.5",padding:2}),e(o,{backgroundColor:"layer.6",padding:2})]}),t(p,{gridCols:3,gap:"1/2",flexSizing:"auto",ssCardBox:!0,children:[e(o,{flexCenter:!0,fontColor:"1.clear",children:"FontColor1"}),e(o,{flexCenter:!0,fontColor:"2.normal",children:"FontColor2"}),e(o,{flexCenter:!0,fontColor:"3.blur",children:"FontColor3"}),e(o,{flexCenter:!0,fontColor:"4.thin",children:"FontColor4"}),e(o,{flexCenter:!0,fontColor:"5.translucent",children:"FontColor5"})]})]}),e(S.Fonts,{}),e(S.Box,{}),e(S.Flex,{}),e(S.Grid,{}),e(S.Others,{})]}),Fonts:()=>t(o,{ssCardBox:!0,children:[e(n.SubTitle,{padding:1,borderBottom:!0,children:"Font"}),t(o,{overflow:"auto",padding:1,children:[e(n.Description,{padding:1,children:`<Box
|
|
2
2
|
fontSize={ 0 ~ 8 }
|
|
3
3
|
>
|
|
4
4
|
some text
|
|
@@ -39,7 +39,7 @@ flexChilds={ 'auto' }
|
|
|
39
39
|
<Box children={ 'GridBox4' } />
|
|
40
40
|
<Box children={ 'GridBox5' } />
|
|
41
41
|
<Box children={ 'GridBox6' } />
|
|
42
|
-
</Grid>`})},{children:t(
|
|
42
|
+
</Grid>`})},{children:t(p,{gridCols:3,gap:1,children:[e(o,{border:!0,padding:1,backgroundColor:"layer.1",children:"GridBox1"}),e(o,{border:!0,padding:1,backgroundColor:"layer.2",children:"GridBox2"}),e(o,{border:!0,padding:1,backgroundColor:"layer.3",children:"GridBox3"}),e(o,{border:!0,padding:1,backgroundColor:"layer.4",children:"GridBox4"}),e(o,{border:!0,padding:1,backgroundColor:"layer.5",children:"GridBox5"}),e(o,{border:!0,padding:1,backgroundColor:"layer.6",children:"GridBox6"})]})}]]})})]}),Others:()=>t(o,{ssCardBox:!0,children:[e(n.SubTitle,{padding:1,borderBottom:!0,children:"Others"}),e(o,{padding:1,overflow:"auto",children:e(m.Normal,{ssCardBox:!1,colLength:2,tone:"cellBorder",height:1,borderRadius:0,head:!1,rows:[[{children:e(u,{children:e(n.Description,{children:`
|
|
43
43
|
<Button.Label
|
|
44
44
|
htmlFor='testAccordion'
|
|
45
45
|
type='sub'
|
|
@@ -60,20 +60,20 @@ maxWidth={ 8 }
|
|
|
60
60
|
src='...'
|
|
61
61
|
alt='noImage'
|
|
62
62
|
/>
|
|
63
|
-
`})},{children:e(
|
|
63
|
+
`})},{children:e(T,{src:a.Images.defaultIcon("user"),alt:"noImage",freeCSS:{maxHeight:12*8,maxWidth:12*8}})}]]})})]})},f={_:()=>t(u,{children:[e(f.Comun,{}),e(f.Mingoo,{}),e(f.Google,{}),e(f.Facebook,{}),e(f.Line,{}),e(f.Twitter,{})]}),Comun:()=>t(o,{ssCardBox:!0,children:[e(n.SubTitle,{padding:1,borderBottom:!0,children:"Comun"}),e(o,{padding:1,overflow:"auto",children:t(h,{padding:2,children:[t(B.Left,{gap:2,children:[e(a.Brands.ComunIcon,{size:"S"}),e(a.Brands.ComunIcon,{size:"R"}),e(a.Brands.ComunIcon,{size:"L"}),e(a.Brands.ComunIcon,{size:"2L"}),e(a.Brands.ComunIcon,{size:"3L"})]}),t(B.Left,{gap:2,children:[e(a.Brands.ComunTitle,{size:"S"}),e(a.Brands.ComunTitle,{size:"R"}),e(a.Brands.ComunTitle,{size:"L"}),e(a.Brands.ComunTitle,{size:"2L"}),e(a.Brands.ComunTitle,{size:"3L"})]}),t(B.Left,{gap:2,children:[e(a.Brands.ComunLogoH,{size:"S"}),e(a.Brands.ComunLogoH,{size:"R"}),e(a.Brands.ComunLogoH,{size:"L"}),e(a.Brands.ComunLogoH,{size:"2L"}),e(a.Brands.ComunLogoH,{size:"3L"})]}),t(B.Left,{gap:2,children:[e(a.Brands.ComunLogoV,{size:"S"}),e(a.Brands.ComunLogoV,{size:"R"}),e(a.Brands.ComunLogoV,{size:"L"}),e(a.Brands.ComunLogoV,{size:"2L"}),e(a.Brands.ComunLogoV,{size:"3L"})]})]})})]}),Mingoo:()=>t(o,{ssCardBox:!0,children:[e(n.SubTitle,{padding:1,borderBottom:!0,children:"Mingoo"}),e(o,{padding:1,overflow:"auto",children:t(B.Center,{flexType:"col",gap:2,padding:2,children:[e(a.Brands.MingooIcon,{size:"S"}),e(a.Brands.MingooIcon,{size:"R"}),e(a.Brands.MingooIcon,{size:"L"}),e(a.Brands.MingooIcon,{size:"2L"}),e(a.Brands.MingooIcon,{size:"3L"})]})})]}),Google:()=>t(o,{ssCardBox:!0,children:[e(n.SubTitle,{padding:1,borderBottom:!0,children:"Google"}),e(o,{padding:1,overflow:"auto",children:t(B.Center,{flexType:"col",gap:2,padding:2,children:[e(a.Brands.Google,{size:"S"}),e(a.Brands.Google,{size:"R"}),e(a.Brands.Google,{size:"L"}),e(a.Brands.Google,{size:"2L"}),e(a.Brands.Google,{size:"3L"})]})})]}),Facebook:()=>t(o,{ssCardBox:!0,children:[e(n.SubTitle,{padding:1,borderBottom:!0,children:"Facebook"}),e(o,{padding:1,overflow:"auto",children:t(B.Center,{flexType:"col",gap:2,padding:2,children:[e(a.Brands.Facebook,{size:"S"}),e(a.Brands.Facebook,{size:"R"}),e(a.Brands.Facebook,{size:"L"}),e(a.Brands.Facebook,{size:"2L"}),e(a.Brands.Facebook,{size:"3L"})]})})]}),Line:()=>t(o,{ssCardBox:!0,children:[e(n.SubTitle,{padding:1,borderBottom:!0,children:"LINE"}),e(o,{padding:1,overflow:"auto",children:t(B.Center,{flexType:"col",gap:2,padding:2,children:[e(a.Brands.LINE,{size:"S"}),e(a.Brands.LINE,{size:"R"}),e(a.Brands.LINE,{size:"L"}),e(a.Brands.LINE,{size:"2L"}),e(a.Brands.LINE,{size:"3L"})]})})]}),Twitter:()=>t(o,{ssCardBox:!0,children:[e(n.SubTitle,{padding:1,borderBottom:!0,children:"Twitter"}),e(o,{padding:1,overflow:"auto",children:t(B.Center,{flexType:"col",gap:2,padding:2,children:[e(a.Brands.Twitter,{size:"S"}),e(a.Brands.Twitter,{size:"R"}),e(a.Brands.Twitter,{size:"L"}),e(a.Brands.Twitter,{size:"2L"}),e(a.Brands.Twitter,{size:"3L"})]})})]})},k={_:()=>t(u,{children:[e(k.Ripple,{}),e(k.Variables,{}),e(k.Tooltips,{}),e(k.Snackbar,{})]}),Ripple:()=>t(o,{ssCardBox:!0,children:[e(n.SubTitle,{padding:1,borderBottom:!0,children:"Ripple"}),t(h,{padding:2,children:[e(n.Description,{children:`<Element
|
|
64
64
|
ssEffectsOnActive={ 'ripple.( cloud | theme | nega | posi | warn )' }
|
|
65
65
|
/>`}),t(B.Center,{children:[e(r.Button.Prime.R,{ssEffectsOnActive:["ripple.white"],children:"White"}),e(r.Button.Border.R,{ssEffectsOnActive:["ripple.cloud"],children:"Cloud"}),e(r.Button.Border.R,{children:"Theme",ssEffectsOnActive:["ripple.theme"]})]})]})]}),Variables:()=>t(o,{ssCardBox:!0,children:[e(n.SubTitle,{padding:1,borderBottom:!0,children:"Effects"}),t(h,{padding:2,children:[e(n.Description,{children:`<Button
|
|
66
66
|
ssEffectsOnActive={ 'shrink' }
|
|
67
|
-
/>`}),e(B.Left,{children:e(r.Button.Prime.R,{onClick:()=>{
|
|
67
|
+
/>`}),e(B.Left,{children:e(r.Button.Prime.R,{onClick:()=>{v.fn.mini.active("testLoadingKey"),setTimeout(()=>{v.fn.stopALL()},5e3)},children:t(B.Center,{gap:0,children:[e(v.White.S,{loaderID:"testLoadingKey",marginRight:1}),e(o,{textAlign:"left",children:"Launch Mini Loader"})]})})}),t(B.Left,{children:[e(r.Button.Border.R,{children:"Shrink",ssEffectsOnActive:"shrink"}),e(r.Button.Border.R,{children:"Pudding",ssEffectsOnActive:"pudding"}),e(r.Button.Border.R,{children:"Expand",ssEffectsOnActive:"expand"}),e(r.Button.Border.R,{children:"corner Loader",onClick:()=>{v.fn.corner.active(),setTimeout(()=>{v.fn.corner.stop()},3e3)}})]})]})]}),Tooltips:()=>t(o,{ssCardBox:!0,children:[e(n.SubTitle,{padding:1,borderBottom:!0,children:"Tooltips"}),t(h,{padding:2,children:[e(r.Button.Prime.R,{onClick:l=>{C.open({tipsID:"testTooltips",event:l,nextToCursor:!0,gravityPoint:1,content:e(C.Comps.Body,{children:"Hello World!!"})})},children:"OpenTooltips next to cursor"}),e(p,{gridCols:5,gap:1,children:Array.from({length:25}).map((l,d)=>e(r.Button.Border.R,{onMouseOver:s=>{C.open({tipsID:"tips-"+(d+1),event:s,gravityPoint:d+1,padding:0,close_option:{parentBlur:!1},content:e(C.Comps.Body,{children:d},d)})},children:d+1},d))})]})]}),Snackbar:()=>t(o,{ssCardBox:!0,children:[e(n.SubTitle,{padding:1,borderBottom:!0,children:"Snackbars"}),t(B.Center,{padding:2,children:[e(r.Button.Prime.R,{onClick:()=>{F.add({children:"hello World!!"})},children:"Add Normal Snackbar"}),e(r.Button.Prime.R,{onClick:()=>{F.add({secondsToClose:30,children:t(B.Separate,{verticalAlign:"baseline",paddingLeft:"2/3",children:["\u4E88\u7D04\u6642\u9593\u304C\u66F4\u65B0\u3055\u308C\u307E\u3057\u305F",e(r.Button.Clear.S,{color:"white",fontColor:"posi",children:"\u5143\u306B\u623B\u3059"})]})})},children:"Notices"}),e(r.Button.Prime.R,{onClick:()=>{let l=z.uuid.gen();F.add({snackID:l,children:t(h,{padding:1,children:[t(B.Left,{verticalAlign:"top",children:[e(T,{src:a.Images.defaultIcon("user"),ssSphere:4}),e(n.Description,{children:`Some Text
|
|
68
68
|
Some Text
|
|
69
|
-
Some Text`})]}),t(B.Separate,{children:[e(r.Button.Sub.S,{color:"white",onClick:()=>{F.remove(
|
|
69
|
+
Some Text`})]}),t(B.Separate,{children:[e(r.Button.Sub.S,{color:"white",onClick:()=>{F.remove(l)},children:"\u9589\u3058\u308B"}),e(r.Anchor.Prime.S,{href:"",children:"\u8A73\u7D30"})]})]})})},children:"Message"})]})]})},P={_:()=>t(u,{children:[e(P.Types,{}),e(P.Tone,{}),e(P.Segmented,{})]}),Tone:()=>t(o,{ssCardBox:!0,children:[e(n.SubTitle,{padding:1,borderBottom:!0,children:"Tone"}),e(o,{padding:1,overflow:"auto",children:t(p,{gridCols:2,gap:2,children:[t(o,{children:[e(o,{padding:1,fontSize:"3.paragraph",isBoldFont:!0,children:"\u30FBPrime"}),t(p,{gridCols:3,gap:1,padding:1,children:[e(r.Button.Prime.R,{color:"theme",children:"theme"}),e(r.Button.Prime.R,{color:"coffee",children:"posi"}),e(r.Button.Prime.R,{color:"ninja",children:"nega"}),e(r.Button.Prime.R,{color:"droplet",children:"warn"}),e(r.Button.Prime.R,{color:"googleBlue",children:"mono"}),e(r.Button.Prime.R,{color:"poizon",children:"pozion"})]})]}),t(o,{children:[e(o,{padding:1,fontSize:"3.paragraph",isBoldFont:!0,children:"\u30FBSub"}),t(p,{gridCols:3,gap:1,padding:1,children:[e(r.Button.Sub.R,{color:"theme",children:"theme"}),e(r.Button.Sub.R,{color:"posi",children:"posi"}),e(r.Button.Sub.R,{color:"nega",children:"nega"}),e(r.Button.Sub.R,{color:"warn",children:"warn"}),e(r.Button.Sub.R,{color:"cloud",children:"cloud"})]}),t(p,{gridCols:3,gap:1,padding:1,backgroundColor:"dark",ssCardBox:!0,children:[e(r.Button.Sub.R,{color:"white",children:"white"}),e(r.Button.Sub.R,{color:"cloud",children:"cloud"})]})]}),t(o,{children:[e(o,{padding:1,fontSize:"3.paragraph",isBoldFont:!0,children:"\u30FBClear"}),t(p,{gridCols:3,gap:1,padding:1,children:[e(r.Button.Clear.R,{color:"theme",children:"theme"}),e(r.Button.Clear.R,{color:"posi",children:"posi"}),e(r.Button.Clear.R,{color:"nega",children:"nega"}),e(r.Button.Clear.R,{color:"warn",children:"warn"}),e(r.Button.Clear.R,{color:"cloud",children:"cloud"})]}),t(p,{gridCols:3,gap:1,padding:1,backgroundColor:"dark",ssCardBox:!0,children:[e(r.Button.Clear.R,{color:"white",children:"white"}),e(r.Button.Clear.R,{color:"cloud",children:"cloud"})]})]}),t(o,{children:[e(o,{padding:1,fontSize:"3.paragraph",isBoldFont:!0,children:"\u30FBFillToBorder"}),t(p,{gridCols:3,gap:1,padding:1,children:[e(r.Button.FillToBorder.R,{color:"theme",children:"theme"}),e(r.Button.FillToBorder.R,{color:"posi",children:"posi"}),e(r.Button.FillToBorder.R,{color:"nega",children:"nega"}),e(r.Button.FillToBorder.R,{color:"warn",children:"warn"})]}),t(p,{gridCols:3,gap:1,padding:1,backgroundColor:"dark",ssCardBox:!0,children:[e(r.Button.FillToBorder.R,{color:"white",children:"white"}),e(r.Button.FillToBorder.R,{color:"cloud",children:"cloud"})]})]}),t(o,{children:[e(o,{padding:1,fontSize:"3.paragraph",isBoldFont:!0,children:"\u30FBBorderToFill"}),t(p,{gridCols:3,gap:1,padding:1,children:[e(r.Button.BorderToFill.R,{color:"theme",fontColor:"nega",children:e(o,{children:"theme"})}),e(r.Button.BorderToFill.R,{color:"posi",children:"posi"}),e(r.Button.BorderToFill.R,{color:"nega",children:"nega"}),e(r.Button.BorderToFill.R,{color:"warn",children:"warn"})]}),t(p,{gridCols:3,gap:1,padding:1,backgroundColor:"dark",ssCardBox:!0,children:[e(r.Button.BorderToFill.R,{color:"white",children:"white"}),e(r.Button.BorderToFill.R,{color:"cloud",children:"cloud"})]})]}),t(o,{children:[e(o,{padding:1,fontSize:"3.paragraph",isBoldFont:!0,children:"\u30FBOthers"}),t(p,{gridCols:3,gap:1,padding:1,children:[e(r.Button.Border.R,{children:"Border"}),e(r.Button.Normal.R,{children:"Normal"}),e(r.Button.Link,{children:"Link"}),e(r.Button.Plain,{children:"Plain"})]})]})]})})]}),Types:()=>t(c,{gap:2,flexChilds:"auto",children:[t(o,{ssCardBox:!0,children:[e(n.ThirdTitle,{padding:1,borderBottom:!0,children:"\u30FBButton"}),e(o,{padding:1,overflow:"auto",children:e(w,{rowStyles:{padding:[1,0],horizontalAlign:"between",borderBottom:"2.normal"},rows:[{children:t(u,{children:[e(o,{children:"<Button.Button.Prime ... />"}),e(o,{children:e(r.Button.Prime.R,{children:"Button.Prime"})})]})},{children:t(u,{children:[e(o,{children:"<Button.Button.Sub ... />"}),e(o,{children:e(r.Button.Sub.R,{children:"Button.Sub AAAA"})})]})},{children:t(u,{children:[e(o,{children:"<Button.Button.Border ... />"}),e(o,{children:e(r.Button.Border.R,{children:"Button.Border"})})]}),borderBottom:"unset"}]})})]}),t(o,{ssCardBox:!0,children:[e(n.ThirdTitle,{padding:1,borderBottom:!0,children:"\u30FBLabel"}),e(o,{padding:1,overflow:"auto",children:e(w,{rowStyles:{padding:[1,0],horizontalAlign:"between",borderBottom:"2.normal"},rows:[{children:t(u,{children:[e(o,{children:"<Button.Label.Prime ... />"}),e(o,{children:e(r.Label.Prime.R,{children:"Label.Prime"})})]})},{children:t(u,{children:[e(o,{children:"<Button.Label.Sub ... />"}),e(o,{children:e(r.Label.Sub.R,{children:"Label.Sub"})})]})},{children:t(u,{children:[e(o,{children:"<Button.Label.Border ... />"}),e(o,{children:e(r.Label.Border.R,{children:"Label.Border"})})]}),borderBottom:"unset"}]})})]}),t(o,{ssCardBox:!0,children:[e(n.ThirdTitle,{padding:1,borderBottom:!0,children:"\u30FBAnchor"}),e(o,{padding:1,overflow:"auto",children:e(w,{rowStyles:{padding:[1,0],horizontalAlign:"between",borderBottom:"2.normal"},rows:[{children:t(u,{children:[e(o,{children:"<Button.Anchor.Prime ... />"}),e(o,{children:e(r.Anchor.Prime.R,{href:"",children:"Anchor.Prime"})})]})},{children:t(u,{children:[e(o,{children:"<Button.Anchor.Sub ... />"}),e(o,{children:e(r.Anchor.Sub.R,{href:"",children:"Anchor.Sub"})})]})},{children:t(u,{children:[e(o,{children:"<Button.Anchor.Border ... />"}),e(o,{children:e(r.Anchor.Border.R,{href:"",children:"Anchor.Border"})})]}),borderBottom:"unset"}]})})]}),t(o,{ssCardBox:!0,children:[e(n.ThirdTitle,{padding:1,borderBottom:!0,children:"\u30FBSizes"}),t(p,{gridCols:2,padding:1,gap:2,children:[e(o,{flexCenter:!0,children:e(r.Button.Prime.XS,{children:'size="XS"'})}),e(o,{flexCenter:!0,children:e(r.Button.Prime.S,{children:'size="S"'})}),e(o,{flexCenter:!0,children:e(r.Button.Prime.R,{children:'size="R"'})}),e(o,{flexCenter:!0,children:e(r.Button.Prime.L,{children:'size="L"'})})]})]})]}),Segmented:()=>t(o,{ssCardBox:!0,children:[e(n.ThirdTitle,{padding:1,borderBottom:!0,children:"Segmented"}),t(c,{overflow:"auto",gap:2,padding:3,children:[e(i.Segmented.Auto,{tone:"cloud",value:1,options:[{value:0,label:e(g.AngleLeft,{})},{value:1,label:e(g.AngleRight,{})},{value:2,label:e(g.AngleUp,{})},{value:3,label:e(g.AngleDown,{})}]}),e(i.Segmented.Cloud,{value:1,options:[{value:0,label:e(g.AngleLeft,{})},{value:1,label:e(g.AngleRight,{})},{value:2,label:e(g.AngleUp,{})},{value:3,label:e(g.AngleDown,{})}]}),e(i.Segmented.Cloud2,{value:1,options:[{value:0,label:e(g.AngleLeft,{})},{value:1,label:e(g.AngleRight,{})},{value:2,label:e(g.AngleUp,{})},{value:3,label:e(g.AngleDown,{})}]}),e(i.Segmented.Cloud3,{value:1,options:[{value:0,label:e(g.AngleLeft,{})},{value:1,label:e(g.AngleRight,{})},{value:2,label:e(g.AngleUp,{})},{value:3,label:e(g.AngleDown,{})}]}),e(i.Segmented.Border,{value:1,options:[{value:0,label:"On"},{value:1,label:"Off"}]}),e(i.Segmented.Border2,{value:1,options:[{value:0,label:"On"},{value:1,label:"Off"}]}),e(i.Segmented.BottomLine,{value:1,options:[{value:0,label:"Takana"},{value:1,label:"Mentai"},{value:2,label:"Mayo"},{value:3,label:"Gyudon"}]})]})]})},Q=()=>{const l={Basic:()=>t(o,{ssCardBox:!0,children:[e(n.Paragraph,{padding:1,borderBottom:!0,children:"TextInput"}),t(o,{padding:1,children:[t(B.Separate,{marginBottom:2,children:[e(n.Description,{children:`<Input.Text
|
|
70
70
|
required
|
|
71
71
|
value={ 'hello React!!' }
|
|
72
|
-
/>`}),t(h,{gap:"1/2",children:[t(o,{children:["testInputLabel ",e(i.Comps.RequiredSign,{})]}),e(i.Text.Normal,{required:!0,value:"helloReact"})]})]}),t(c,{gap:2,flexChilds:"auto",children:[t(o,{children:["Input.Text.Email",e(i.Text.Email,{autoComplete:"off",name:"emailInput",value:"******@gmail.com"})]}),t(o,{children:["Input.Text.Number",e(i.Text.Number,{value:"324"})]}),t(o,{children:["Input.Text.Number(zero)",e(i.Text.Normal,{restrict:"number.zeroStart",value:"0324"})]}),t(o,{children:["Input.DigitCharacters",e(i.DigitCharacters,{numericOnly:!0,value:"0324",digits:6})]}),t(o,{children:["Input.Text.Tel",e(i.Text.Tel,{value:"080-6995-2229"})]}),t(o,{children:["Input.Text.Money.JPY",e(i.Text.Money.JPY,{value:"3000"})]}),t(o,{children:["Input.Text.Url",e(i.Text.Url,{value:"http://google.com"})]}),t(o,{children:["Input.Text.Postal",t(B.Right,{children:[e(o,{flexSizing:0,children:e(i.Text.Postal,{override:"force"})}),e(r.Button.Border.R,{onClick:()=>
|
|
72
|
+
/>`}),t(h,{gap:"1/2",children:[t(o,{children:["testInputLabel ",e(i.Comps.RequiredSign,{})]}),e(i.Text.Normal,{required:!0,value:"helloReact"})]})]}),t(c,{gap:2,flexChilds:"auto",children:[t(o,{children:["Input.Text.Email",e(i.Text.Email,{autoComplete:"off",name:"emailInput",value:"******@gmail.com"})]}),t(o,{children:["Input.Text.Number",e(i.Text.Number,{value:"324"})]}),t(o,{children:["Input.Text.Number(zero)",e(i.Text.Normal,{restrict:"number.zeroStart",value:"0324"})]}),t(o,{children:["Input.DigitCharacters",e(i.DigitCharacters,{numericOnly:!0,value:"0324",digits:6})]}),t(o,{children:["Input.Text.Tel",e(i.Text.Tel,{value:"080-6995-2229"})]}),t(o,{children:["Input.Text.Money.JPY",e(i.Text.Money.JPY,{value:"3000"})]}),t(o,{children:["Input.Text.Url",e(i.Text.Url,{value:"http://google.com"})]}),t(o,{children:["Input.Text.Postal",t(B.Right,{children:[e(o,{flexSizing:0,children:e(i.Text.Postal,{override:"force"})}),e(r.Button.Border.R,{onClick:()=>D(void 0,null,function*(){}),children:"\u73FE\u5728\u5730\u3092\u53D6\u5F97"})]}),e(o,{id:"postalResult",padding:1,textAlign:"left"})]}),t(o,{children:["Input.Text.Password",e(i.Text.Password,{value:"onigiriUmai"})]}),t(o,{flexNewLine:!0,children:["Input.TextArea",e(i.TextArea,{value:`text1
|
|
73
73
|
text2
|
|
74
74
|
text3
|
|
75
75
|
text4
|
|
76
|
-
text5`,rows:5})]})]})]})]}),Time:()=>e(u,{children:t(o,{ssCardBox:!0,children:[e(n.Paragraph,{padding:1,borderBottom:!0,children:"Time Input"}),e(o,{padding:1,children:t(c,{gap:2,flexChilds:"auto",children:[t(o,{children:["Input.Time.Clock",e(i.Time.Clock,{})]}),t(o,{children:["Input.Time.Date",e(i.Time.Date,{})]}),t(o,{children:["Input.Time.Week",e(i.Time.Week,{})]}),t(o,{children:["Input.Time.Month",e(i.Time.Month,{})]}),t(o,{children:["Input.Time.Year",e(i.Time.Year,{})]}),t(o,{children:["Input.Time.Periods.Date",e(i.Time.Periods.Date,{})]}),t(o,{children:["Input.Time.Periods.Month",e(i.Time.Periods.Month,{})]}),t(o,{children:["Input.Time.DateWareki",e(i.Time.DateWareki,{})]}),t(o,{children:["Input.Time.picker",e(i.Select,{id:"timePicker",options:[{value:"clock",label:"clock"},{value:"date",label:"date"},{value:"week",label:"week"},{value:"month",label:"month"},{value:"year",label:"year"},{value:"dates",label:"dates"},{value:"months",label:"months"},{value:"dateWareki",label:"dateWareki"}],onUpdateValidValue:({value:d})=>{i.Time.fn.picker.launch({parent:"#timePicker",restrict:d,defaultValue:"",onValueUpdate:s=>{console.log(s)}})}})]})]})})]})}),List:()=>e(u,{children:t(o,{ssCardBox:!0,children:[e(n.Paragraph,{padding:1,borderBottom:!0,children:"Radio & Checkbox Input"}),e(o,{padding:1,children:t(h,{children:[t(c,{gap:2,flexChilds:"auto",children:[t(o,{children:["Input.Radio",e(i.Radio,{value:[1],options:[{value:1,label:"option1"},{value:2,label:"option2"},{value:3,label:"option3"},{value:4,label:"option4"},{value:5,label:"option5"}]})]}),t(o,{children:["Input.Checkbox",e(i.Checkbox,{value:[2,"3"],options:[{value:"1",label:"option1"},{value:"2",label:"option2"},{value:"3",label:"option3"}]})]})]}),t(h,{children:[e(n.Paragraph,{children:"Tones"}),t(c,{gap:2,flexChilds:"auto",children:[e(i.Radio,{tone:"plain",value:[1],gap:1,options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]}),e(i.Radio,{tone:"normal",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]}),e(i.Radio,{tone:"cloud",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]}),e(i.Radio,{tone:"border",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]}),e(i.Radio,{tone:"vivid",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]})]})]})]})})]})}),Select:()=>e(u,{children:t(o,{ssCardBox:!0,children:[e(n.Paragraph,{padding:1,borderBottom:!0,children:"Select,Search,Chips Input"}),e(o,{padding:1,children:e(h,{children:t(c,{gap:2,flexChilds:"auto",children:[t(o,{children:["Input.Select",e(i.Select,{required:!0,value:3,options:[{value:1,label:"option1"},{value:2,label:"option2"},{value:3,label:"option3a"},{value:4,label:"option4"}]})]}),t(o,{children:["Input.Search",e(i.Search,{required:!0,defaultOptions:[{value:1,label:"1"},{value:{value1:2,value2:3},label:"Object"},{value:3,label:"3"},{value:101,label:"101"},{value:102,label:"102"}],onDynamicSearch:(...d)=>
|
|
76
|
+
text5`,rows:5})]})]})]})]}),Time:()=>e(u,{children:t(o,{ssCardBox:!0,children:[e(n.Paragraph,{padding:1,borderBottom:!0,children:"Time Input"}),e(o,{padding:1,children:t(c,{gap:2,flexChilds:"auto",children:[t(o,{children:["Input.Time.Clock",e(i.Time.Clock,{})]}),t(o,{children:["Input.Time.Date",e(i.Time.Date,{})]}),t(o,{children:["Input.Time.Week",e(i.Time.Week,{})]}),t(o,{children:["Input.Time.Month",e(i.Time.Month,{})]}),t(o,{children:["Input.Time.Year",e(i.Time.Year,{})]}),t(o,{children:["Input.Time.Periods.Date",e(i.Time.Periods.Date,{})]}),t(o,{children:["Input.Time.Periods.Month",e(i.Time.Periods.Month,{})]}),t(o,{children:["Input.Time.DateWareki",e(i.Time.DateWareki,{})]}),t(o,{children:["Input.Time.picker",e(i.Select,{id:"timePicker",options:[{value:"clock",label:"clock"},{value:"date",label:"date"},{value:"week",label:"week"},{value:"month",label:"month"},{value:"year",label:"year"},{value:"dates",label:"dates"},{value:"months",label:"months"},{value:"dateWareki",label:"dateWareki"}],onUpdateValidValue:({value:d})=>{i.Time.fn.picker.launch({parent:"#timePicker",restrict:d,defaultValue:"",onValueUpdate:s=>{console.log(s)}})}})]})]})})]})}),List:()=>e(u,{children:t(o,{ssCardBox:!0,children:[e(n.Paragraph,{padding:1,borderBottom:!0,children:"Radio & Checkbox Input"}),e(o,{padding:1,children:t(h,{children:[t(c,{gap:2,flexChilds:"auto",children:[t(o,{children:["Input.Radio",e(i.Radio,{value:[1],options:[{value:1,label:"option1"},{value:2,label:"option2"},{value:3,label:"option3"},{value:4,label:"option4"},{value:5,label:"option5"}]})]}),t(o,{children:["Input.Checkbox",e(i.Checkbox,{value:[2,"3"],options:[{value:"1",label:"option1"},{value:"2",label:"option2"},{value:"3",label:"option3"}]})]})]}),t(h,{children:[e(n.Paragraph,{children:"Tones"}),t(c,{gap:2,flexChilds:"auto",children:[e(i.Radio,{tone:"plain",value:[1],gap:1,options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]}),e(i.Radio,{tone:"normal",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]}),e(i.Radio,{tone:"cloud",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]}),e(i.Radio,{tone:"border",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]}),e(i.Radio,{tone:"vivid",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]})]})]})]})})]})}),Select:()=>e(u,{children:t(o,{ssCardBox:!0,children:[e(n.Paragraph,{padding:1,borderBottom:!0,children:"Select,Search,Chips Input"}),e(o,{padding:1,children:e(h,{children:t(c,{gap:2,flexChilds:"auto",children:[t(o,{children:["Input.Select",e(i.Select,{required:!0,value:3,options:[{value:1,label:"option1"},{value:2,label:"option2"},{value:3,label:"option3a"},{value:4,label:"option4"}]})]}),t(o,{children:["Input.Search",e(i.Search,{required:!0,defaultOptions:[{value:1,label:"1"},{value:{value1:2,value2:3},label:"Object"},{value:3,label:"3"},{value:101,label:"101"},{value:102,label:"102"}],onDynamicSearch:(...d)=>D(void 0,null,function*(){let s=[];for(let x=0;x<100;x++)s.push({value:x,label:String(x)});return{options:s}})})]}),t(o,{flexNewLine:!0,children:["Input.Chips",e(i.Chips,{limit:5,value:[{value:"option3",label:"option3"}],onUpdateValidValue:({value:d})=>{console.log(d)},defaultOptions:[{value:1,label:"option1"},{value:2,label:"option2"},{value:3,label:"option3"},{value:4,label:"option4"}]})]})]})})})]})}),Variables:()=>e(u,{children:t(o,{ssCardBox:!0,children:[e(n.Paragraph,{padding:1,borderBottom:!0,children:"Variables"}),e(o,{padding:1,children:e(h,{children:t(c,{gap:2,flexChilds:"auto",children:[t(o,{children:["Input.File",e(i.Filer,{limit:3})]}),t(o,{children:["Input.Switch",t(c,{gap:2,children:[e(i.Switch,{}),e(i.Switch,{appearance:"applely",color:"icicles",value:!0}),e(i.Switch,{appearance:"applely",icon:e(g.Check,{}),color:"warn",value:!0})]})]}),t(o,{flexNewLine:!0,children:["Input.Slider",e(i.Slider,{color:"battery",name:"sliderInput",value:40,step:10,min:0,max:100})]})]})})})]})})};return e(u,{children:e(_,{size:"L",children:t(p,{gap:2,gridCols:2,children:[e(l.Basic,{}),e(l.Select,{}),e(l.Time,{}),e(l.List,{}),e(l.Variables,{})]})})})},Z=()=>{const l=d=>{let s="testModal2";R.open({type:d,sheetID:s,size:"S",padding:2,content:t(R.Comps.Body,{padding:1,children:[e(o,{padding:2,children:"Content"}),e(B.Right,{children:e(r.Button.Prime.R,{onClick:()=>{R.close(s)},children:"\u9589\u3058\u308B"})})]})})};return t(u,{children:[t(o,{ssCardBox:!0,children:[e(n.SubTitle,{padding:1,borderBottom:!0,children:"CardBox"}),e(o,{padding:1,overflow:"auto",children:e(n.Description,{children:`<Box ssCardBox>
|
|
77
77
|
<Box>
|
|
78
78
|
Header
|
|
79
79
|
</Box>
|
|
@@ -96,4 +96,4 @@ text5`,rows:5})]})]})]})]}),Time:()=>e(u,{children:t(o,{ssCardBox:!0,children:[e
|
|
|
96
96
|
header: ReactElement | React.FC< { modalClose } >,
|
|
97
97
|
body: ReactElement | React.FC< { modalClose } >,
|
|
98
98
|
footer: ReactElement | React.FC< { modalClose } >
|
|
99
|
-
} )`})}),t(h,{padding:2,children:[e(r.Button.Border.R,{onClick:d=>{
|
|
99
|
+
} )`})}),t(h,{padding:2,children:[e(r.Button.Border.R,{onClick:d=>{C.open({tipsID:"testTips",parent:d.currentTarget,close_option:{parentBlur:!1,aroundClick:!1,escapeKeyDown:!0},content:()=>e(R.Comps.Body,{padding:2,children:e(r.Button.Prime.R,{onClick:()=>{R.open({sheetID:"testSheet",close_option:{aroundClick:!0},type:"normal.middleLeft",content:()=>e(R.Comps.Body,{padding:2,children:"END"})})},children:"nest"})})})},children:"Tooltips with nested sheet"}),e(o,{flexCenter:!0,children:t(p,{gridCols:3,gap:1,children:[e(r.Button.Border.R,{onClick:()=>{l("normal.topLeft")},children:"Top Left"}),e(r.Button.Border.R,{onClick:()=>{l("normal.topCenter")},children:"Top Center"}),e(r.Button.Border.R,{onClick:()=>{l("normal.topRight")},children:"Top Right"}),e(r.Button.Border.R,{onClick:()=>{l("normal.middleLeft")},children:"Middle Left"}),e(r.Button.Border.R,{onClick:()=>{l("normal.middleCenter")},children:"Middle Center"}),e(r.Button.Border.R,{onClick:()=>{l("normal.middleRight")},children:"Middle Right"}),e(r.Button.Border.R,{onClick:()=>{l("normal.bottomLeft")},children:"Bottom Left"}),e(r.Button.Border.R,{onClick:()=>{l("normal.bottomCenter")},children:"Bottom Center"}),e(r.Button.Border.R,{onClick:()=>{l("normal.bottomRight")},children:"Bottom Right"}),e(r.Button.Border.R,{onClick:()=>{l("drawer.left")},children:"Drawer Left"}),e(r.Button.Border.R,{onClick:()=>{l("drawer.bottom")},children:"Drawer Bottom"}),e(r.Button.Border.R,{onClick:()=>{l("drawer.right")},children:"Drawer Right"}),e(r.Button.Border.R,{onClick:d=>{C.open({tipsID:"test40",parent:d.currentTarget,content:e(o,{padding:1,border:!0,borderRadius:2,backgroundColor:"dark",fontColor:"white",children:"Content"})})},children:"Open Tooltips"})]})}),t(B.Center,{children:["Image Picker",e(T,{src:a.Images.defaultIcon("user"),unitWidth:6,unitHeight:6,showExpand:!0})]})]})]})]})},L={_:()=>e(u,{children:t(h,{children:[e(L.Normal,{}),e(L.Data,{}),e(L.Drag,{}),e(L.Spread,{})]})}),Normal:()=>{let l=[];for(var d=0;d<10;d++){let s=[{children:"head_"+d},{children:"data_"+d},{children:"data_"+d}];l.push(s)}return t(u,{children:[e(o,{fontSize:"5.subTitle",children:"Table.Normal"}),e(m.Normal,{colLength:3,head:[{children:"head1"},{children:"head2"},{children:"head3"}],rows:l,ssCardBox:!0,onRowClick:s=>{console.log(s)}})]})},Drag:()=>{let l=[];for(var d=0;d<4;d++){let s=[{children:"head_"+d},{children:"data_"+d},{children:"data_"+d}];s.rowID="rowID-"+d,l.push(s)}return t(u,{children:[e(o,{fontSize:"5.subTitle",children:"Table.Drag"}),e(m.Drag,{colLength:3,head:[{children:"head1"},{children:"head2"},{children:"head3"}],rows:l,ssCardBox:!0,onOrderChanged:s=>{console.log(s)}})]})},Data:()=>{let l=[];for(var d=0;d<100;d++){let x=Math.round(Math.random()*50+1),y=Math.round(Math.random()*50+1),A=Math.round(Math.random()*50+1),b="name_"+x,W="data_"+y,E="data_"+A,H=[{type:"th",children:d+":"+b,data:b,orderIndex:d},{type:"td",children:W,data:W},{type:"td",children:E,data:E}];l.push(H)}l[1].checked=!0,l[4].checked=!0,l[10].checked=!0;let s="testDataTable";return t(u,{children:[t(c,{horizontalAlign:"between",children:[e(o,{fontSize:"5.subTitle",children:"Table.Data"}),t(c,{gap:"1/2",backgroundColor:"theme",borderRadius:"1.tone.primary",overflow:"hidden",fontColor:"white",children:[e(r.Button.Clear.R,{color:"white",children:"SubmitButton"}),e(o,{flexSizing:"none",unitWidth:"1/4",backgroundColor:"layer.4.opa.middle",isRounded:!0,margin:["2/3",0]}),e(r.Button.Clear.R,{padding:[0,1],color:"white",onClick:x=>{C.open({tipsID:z.uuid.gen(),parent:x.target,gravityPoint:24,close_option:{aroundClick:!0,parentBlur:!1},content:e(u,{children:t(h,{gap:0,padding:["2/3",0],backgroundColor:"layer.1",borderRadius:2,boxShadow:"0.normal",overflow:"hidden",children:[e(r.Button.Clear.S,{borderRadius:0,borderBottom:"1.thin",children:"\u3059\u3079\u3066\u3092\u51FA\u529B"}),e(r.Button.Clear.S,{borderRadius:0,borderBottom:"1.thin",children:"\u3053\u306E\u30DA\u30FC\u30B8\u306E\u307F\u51FA\u529B"}),e(r.Button.Clear.S,{borderRadius:0,children:"\u30C1\u30A7\u30C3\u30AF\u3057\u305F\u884C\u306E\u307F\u51FA\u529B"})]})})})},children:e(g.EllipsisV,{})})]})]}),t(B.Separate,{verticalAlign:"bottom",children:[t(B.Left,{verticalAlign:"bottom",children:[e(m.Data.SearchInput,{tableID:s}),e(m.Data.Info,{tableID:s})]}),t(B.Right,{verticalAlign:"unset",children:[e(m.Data.RowLength,{tableID:s,lengthSelect:[30,50,100]}),e(m.Data.Paging,{tableID:s})]})]}),e(m.Data,{tableID:s,colLength:3,head:[{data:"head1"},{data:"head2"},{data:"head3"}],rows:l,pageRowLength:30,ssCardBox:!0,filter:[!0],checker:!0})]})},Spread:()=>e(u,{children:e(o,{fontSize:"5.subTitle",children:"Table.Spread"})})},ee=()=>{let[l,d]=I(""),[s,x]=I(""),[y,A]=I("");return e(u,{children:t(o,{children:[t(r.Button.Prime.R,{onClick:()=>{$.open({use:"square",develops:[{size:"S"},{size:"R"},{size:"L"}],onProcessFinished:b=>D(void 0,null,function*(){d(yield b[0].toDataUrl()),x(yield b[1].toDataUrl()),A(yield b[2].toDataUrl())})})},children:[e(g.Image,{})," \u30A4\u30E1\u30FC\u30B8\u3092\u9078\u629E"]}),t(c,{verticalAlign:"top",gap:1,children:[l&&e(T,{isRounded:!0,src:l,alt:"",showExpand:!0,freeCSS:{maxWidth:12*12}}),s&&e(T,{style:{maxWidth:24*12},src:s,alt:"",showExpand:!0}),y&&e(T,{style:{maxWidth:24*12},src:y,alt:"",showExpand:!0}),e(J,{border:!0,borderWidth:3,margin:[3,"auto"],freeCSS:{width:12*10},slideIndex:1,options:{loop:!0,onSlideCallback:b=>{}},slides:[e(o,{backgroundColor:"nega",padding:3,flexCenter:!0,children:"test1"}),e(o,{backgroundColor:"posi",padding:3,flexCenter:!0,children:"test2"}),e(o,{backgroundColor:"warn",padding:3,flexCenter:!0,children:"test3"}),e(o,{backgroundColor:"theme",padding:3,flexCenter:!0,children:"test4"})]})]})]})})};let N=()=>{let[l,d]=I(Number(z.queryParams.get().ti)||0);return V(()=>{z.queryParams.set({ti:String(l)})},[l]),e(u,{children:t(h,{gap:0,minHeight:"contentHeight",backgroundColor:"layer.1",children:[e(j,{borderBottom:!0,position:"sticky",backgroundColor:"layer.1",top:"topBase",tabIndex:l,tabs:["Profiles","Basic","Buttons","Inputs","Styling","Effection","Tables","Croppie","PlayGround","Logo"],onTabChange:s=>{localStorage.setItem("designTabHeader",String(s)),d(s)},UnderBreakPointStyles:{position:"static",top:0}}),e(o,{flexSizing:0,position:"relative",freeCSS:{zIndex:1},children:e(K,{viewIndex:l,views:[e(O._,{}),e(S._,{}),e(P._,{}),e(Q,{}),e(Z,{}),e(k._,{}),e(L._,{}),e(ee,{}),e(f._,{})],wrapper:s=>e(X.FadeIn,{animationTime:200,children:e(_,{children:e(c,{gap:2,padding:2,flexWrap:!0,flexChilds:"auto",children:s})})},l)})})]})})};export{N as DesignBook,N as default};
|