amotify 0.1.9 → 0.1.11

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 H,b as o,c as _,d as z}from"../../../chunk-VY3566IV.js";import{Fragment as Ie,jsx as T,jsxs as Z}from"react/jsx-runtime";import{useState as W,useEffect as X,useRef as re}from"react";import{$$ as b,Config as K,useStore as O}from"../../../@utils/_";import ie from"../../../atoms/Box";import ae from"../../../atoms/FAI";import q from"../../Button";import G from"../../Tooltips";import{faClock as ne}from"@fortawesome/free-solid-svg-icons/faClock";import{faCalendarAlt as le}from"@fortawesome/free-solid-svg-icons/faCalendarAlt";import{Wrapper as oe,BoxWrapper as se,SubmitForm as ue,CommonEffects as pe,DefaultStyles as me}from"../core";import ce from"../Hidden";import de from"../Select";import fe from"../Parts";import ge from"./Picker";const A=" ~ ",he={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}},$=e=>{let{restrict:l,value:v,era:t}=e,D=b.flatArray(v||""),{defaultValue:g,format:d,ranges:m,sets:i}=he[l],u=[],n=l=="clock"?":":"/";for(let a=0;a<D.length;a++)D[a]=String(D[a]).replace(/\D/ig,n);for(let a=0;a<i;a++){let c=D[a]||"";if(!c.match(d))D[a]="",u.push(g);else{let x=g;c.split(/\D/).forEach((S,R)=>{if(R==0&&l=="dateWareki"){let h=Number(S);t!="year"&&(h>=2019?t=="reiwa"?h-=2018:t=="heisei"&&(h=31):h>=1989?t=="heisei"?h-=1988:t=="shouwa"&&(h=64):h>=1926?t=="shouwa"?h-=1925:t=="taisho"&&(h=15):h>=1912?t=="taisho"?h-=1911:t=="meiji"&&(h=45):h>=1868&&(h-=1867)),S=h.zeroEmbed(4)}x=x.replace(new RegExp("------------------".slice(0,S.length)),S)}),u.push(x)}}return{formatValue:u.join(A),dataValue:["dates","months"].includes(l)?D:D[0],ranges:m}};function ye(e){let{params:l}=e,{restrict:v,min:t,max:D,required:g}=l,d=[],m=b.flatArray(e.value),i={empty:!1,escalated:1,filled:!0,correct:!0,prohibited:!1};(()=>{let u=v=="clock"?":":"/";for(let n=0;n<m.length;n++)m[n]=String(m[n]).replace(/\D/ig,u);for(let n=0;n<m.length;n++){let a=m[n],c=m[n-1];a.removeLetters()||(i.empty=!0),n>0&&(i.escalated&=+(a>=c))}i.escalated&&(i.empty||(v.match(/clock/)?m.forEach(n=>{let[a,c]=n.split(/\D+/);!a||!c?i.filled=!1:(Number(a)>23||Number(c)>59)&&(i.correct=!1)}):v.match(/date/)?m.forEach(n=>{let[a,c,x]=n.split(/\D+/);if(!a||!c||!x)i.filled=!1;else{let S=b.Time(n);(!S.validate||n!=S.toFormatYMD())&&(i.correct=!1)}}):v.match(/week/)?m.forEach(n=>{let[a,c]=n.split(/\D+/);if(!a||!c)i.filled=!1;else{let x=b.Time(a+"/01/01").weekday,R=b.Time(a+"/01/0"+(7-x+1)).addWeek(Number(c)-1);a!=String(R.year)&&(i.correct=!1)}}):v.match(/month/)?m.forEach(n=>{let[a,c]=n.split(/\D+/);!a||!c?i.filled=!1:b.Time([a,c,"01"].join("/")).validate||(i.correct=!1)}):v.match(/year/),i.filled&&i.correct&&m.forEach(n=>{{let a=Number(String(n).replace(/\D/ig,""));if(t&&Number(String(t).replace(/\D/ig,""))>a&&(i.prohibited=!0),D){let c=Number(String(D).replace(/\D/ig,""));a>c&&(i.prohibited=!0)}}})))})();{let{empty:u,escalated:n,filled:a,correct:c,prohibited:x}=i;u&&g&&(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"}),c||d.push({type:"invalid",label:"\u7121\u52B9\u306A\u5024\u304C\u5165\u529B\u3055\u308C\u3066\u3044\u307E\u3059"}),a||d.push({type:"invalid",label:"\u6700\u5F8C\u307E\u3067\u5024\u3092\u57CB\u3081\u3066\u304F\u3060\u3055\u3044"}),x&&d.push({type:"invalid",label:Z(Ie,{children:[T(ie,{children:"\u5165\u529B\u7BC4\u56F2\u304C\u5236\u9650\u3055\u308C\u3066\u3044\u307E\u3059"}),"[",t||"\u4E0B\u9650\u7121\u3057","] ~ [",D||"\u4E0A\u9650\u7121\u3057","]"]})})}return{ok:!d.filter(({type:u})=>u=="invalid").length,notice:d}}const Q={picker:{launch:e=>{let l=e.tipsID||b.uuid.gen();G.open(_(o({gravityPoint:e.gravityPoint||24,padding:"1/2",tipsID:l},e),{close_option:o({aroundClick:!0,elementBlur:!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,t)=>{e.onValueUpdate(v,t)}})}))},remove:e=>{G.close(e)}}},ve=e=>{let U=e,{tone:l,required:v,restrict:t="clock",componentID:D,era:g,form:d,name:m,min:i,max:u,className:n,enableFormSubmit:a,checkValidationAtFirst:c,onKeyDown:x,onValidate:S,onUpdateValue:R,onUpdateValidValue:h,value:B="",leftIndicator:J,rightIndicator:F}=U,f=z(U,["tone","required","restrict","componentID","era","form","name","min","max","className","enableFormSubmit","checkValidationAtFirst","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator"]),[r,C]=W(g),[s,V]=W(_(o({componentID:e.componentID||""},$({restrict:t,value:B,era:r})),{eventType:"init",eventID:b.uuid.gen()})),[y,M]=W({ok:!1,notice:[]}),[I,k]=W({active:!1,index:0,prevIndex:-1});pe({type:"time",params:e,val_status:s,set_status:V,val_validate:y,set_validate:M,DefaultValidation:ye,onUpdateValue:R,onUpdateValidValue:h,ExtraOverrideParams:o({},$({restrict:t,value:B,era:r}))});const E=re(!1);return X(()=>{if(E.current){V(o(o({},s),$({restrict:t,value:s.dataValue,era:r})));let p=O.get("refreshEra_"+s.componentID);p&&p.refreshEra(r)}else E.current=!0},[r]),O.update({key:s.componentID,value:{openPicker:()=>{e.disabled||Q.picker.launch({parent:"#Picker-"+s.componentID,tipsID:"PickerTips-"+s.componentID,restrict:t,min:i,max:u,defaultValue:s.dataValue,era:r,onValueUpdate:(p,w)=>{V(_(o(o({},s),$({restrict:t,value:p,era:w})),{eventType:"update",eventID:b.uuid.gen()})),C(w)}})},resetEra:p=>{C(p),V(_(o(o({},s),$({restrict:t,value:"",era:r})),{eventType:"update",eventID:b.uuid.gen()}))}}}),X(()=>{let{index:p,active:w}=I;if(w){p=Math.max(p,0),p=Math.min(p,s.ranges.length-1);let{from:P,length:L}=s.ranges[p],j=b(K.get().appRoot).find("#"+e.id)[0];j&&j.setSelectionRange(P,P+L)}},[I]),Z(se,{val_status:s,set_status:V,val_validate:y,params:e,children:[T(ce,{name:m,"data-input-type":"time","data-form":d,"data-validation":y.ok,componentID:s.componentID,"data-value":JSON.stringify(["dates","months"].includes(t)?!s.dataValue[0]||!s.dataValue[1]?null:s.dataValue:s.dataValue||null)}),K.get().isTouchDevice?T(q.Button.Plain,{className:n,freeCSS:{textAlign:"left"},children:s.formatValue,onClick:p=>{let w=O.get(s.componentID);w&&w.openPicker(),p.stopPropagation()}}):T("input",o({type:"text",inputMode:"numeric","data-input-type":"time","data-form-name":d,value:s.formatValue,className:n,tabIndex:K.get().isTouchDevice?-1:0,onKeyDown:p=>{De({restrict:t,event:p,val_era:r,val_status:s,set_status:V,val_focus:I,set_focus:k}),x&&x(p),a&&ue(p)},onKeyUp:p=>{p.key=="Tab"&&k(_(o({},I),{active:!0}))},onClick:p=>{let w=p.target.selectionEnd,P=0;s.ranges.forEach((L,j)=>{let{from:Y,length:ee,region:te}=L;Y<=w&&w<=Y+(te||ee)&&(P=j)}),k(_(o({},I),{active:!0,index:P})),p.preventDefault()},onChange:()=>{}},f))]})},De=e=>{let{val_era:l,restrict:v,event:t,val_status:D,set_status:g,val_focus:d,set_focus:m}=e,{key:i,shiftKey:u,ctrlKey:n,metaKey:a}=t,c=n||a,{selectionStart:x,selectionEnd:S}=t.target,{index:R,prevIndex:h}=d,{ranges:B,formatValue:J}=D,F=B.length-1;if(["Tab","ArrowLeft","ArrowRight"].includes(i)){let f=0;if(i=="Tab"){let r=+!u*2-1;if(f=d.index+r,f<0||f>F)return}else{let r=i=="ArrowLeft"?-1:i=="ArrowRight"?1:0;c||x==0&&S==String(D.formatValue).length?f=r==1?F:0:f=Math.max(0,Math.min(R+r,F))}m(_(o({},d),{index:f,prevIndex:R})),t.preventDefault()}if(["Backspace","ArrowUp","ArrowDown","0","1","2","3","4","5","6","7","8","9"].includes(i)){t.preventDefault();let f=R;f=Math.max(f,0),f=Math.min(f,F);let{type:r,from:C,length:s}=B[f],V=J.slice(C,C+s),y;if(i=="Backspace")y="------".slice(0,s);else if(["ArrowUp","ArrowDown"].includes(i)){let M=i=="ArrowUp"?1:-1;V=V|0,y=V+M;let[I,k,E]=r=="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]:r=="minute"?[0,59,2]:r=="hour"?[0,23,2]:r=="date"?[1,31,2]:r=="week"?[1,53,2]:r=="month"?[1,12,2]:r=="year"?[0,2999,4]:[0,0,0];y>k?y=I:y<I&&(y=k),y=Number(y).zeroEmbed(E)}else if(["0","1","2","3","4","5","6","7","8","9"].includes(i)){let M=V|0,I=i,k=`${M}${I}`;if(h!=R&&h>=0&&(M=0,k="0"+I),r=="year"||r=="dateWareki"&&l=="year")Number(k)>1e4?y=I:y=k,(y|0)>1e3&&f++;else if(["hour","minute","date","week","month"].includes(r)||r=="dateWareki"&&l!="year"){let E=r=="dateWareki"?l=="reiwa"?100:l=="heisei"?31:l=="shouwa"?64:l=="taisho"?15:l=="meiji"?45:0:r=="minute"?59:r=="hour"?23:r=="date"?31:r=="week"?53:r=="month"?12:0;y=(k|0)>E?I:k,(Number(I)>Number(String(E)[0])||V=="0000".slice(0,String(E).length)&&(k!="0000".slice(0,String(E).length)||["minute","hour"].includes(r)&&h==R)||(k|0)>=H(10,String(E).length-1))&&f++}r=="year"||r=="dateWareki"?y=(y|0).zeroEmbed(4):y=(y|0).zeroEmbed(2)}{let M=String(J).partReplace(C,String(y)),I=M.split(A).map(k=>k.replace(/(^\D|\D$)/,"").split(/\D+/).join(v=="clock"?":":"/").replace(/(^\D|\D$)/,""));if(v=="dateWareki"){let k=I[0].split(/\D/),[E,U,p]=k;k.length==3&&E&&(I=[[Number(E)-1+Number({year:1,reiwa:2019,heisei:1989,shouwa:1926,taisho:1912,meiji:1868}[l]),U,p].join("/")])}f=Math.max(f,0),f=Math.min(f,F),g(_(o({},D),{dataValue:["dates","months"].includes(v)?I:I[0],formatValue:M,eventType:"update",eventID:b.uuid.gen()})),m(_(o({},d),{index:f,prevIndex:d.index}))}}},N={Origin:e=>{e=o({},e);let[l]=W(e.componentID||b.uuid.gen());if(e.componentID=l,b.is.nullish(e.rightIndicator)){let v=(e.restrict||"").match(/clock/)?ne:le;e.rightIndicator=T(fe.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 t=O.get(e.componentID);t&&t.openPicker()},children:T(ae,{icon:v})})})}return T(oe,{componentID:e.componentID,children:ve,params:me.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]=W(e.componentID||b.uuid.gen());e.componentID=l;let{defaultEra:v="wareki"}=e,[t,D]=W((()=>{let g="year";if(v=="wareki"&&(g="reiwa",e.value)){let[d,m,i]=e.value.split(/\D/);if(d&&m&&i){let u=Number(d);u>=2019?(u-=2019,g="reiwa"):u>=1989?(u-=1989,g="heisei"):u>=1926?(u-=1926,g="shouwa"):u>=1912?(u-=1912,g="taisho"):u>=1868&&(u-=1868,g="meiji"),u+=1}}return g})());return X(()=>{O.set({key:"refreshEra_"+l,value:{refreshEra:g=>{D(g)}}})},[]),T(N.Origin,_(o({restrict:"dateWareki",leftIndicator:T(de,{enableUnSelected:!1,value:t,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:g,eventType:d})=>{D(g);let m=O.get(e.componentID);m&&m.resetEra&&m.resetEra(g)}})},e),{era:t}))},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-VY3566IV.js";import{Fragment as ke,jsx as T,jsxs as Z}from"react/jsx-runtime";import{useState as W,useEffect as X,useRef as re}from"react";import{$$ as b,$$fromRoot as ie,Config as z,useStore as O}from"../../../@utils/_";import ae 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 ue,SubmitForm as me,CommonEffects as pe,DefaultStyles as ce}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}},P=e=>{let{restrict:l,value:v,era:t}=e,D=b.flatArray(v||""),{defaultValue:h,format:d,ranges:p,sets:i}=ye[l],u=[],n=l=="clock"?":":"/";for(let a=0;a<D.length;a++)D[a]=String(D[a]).replace(/\D/ig,n);for(let a=0;a<i;a++){let c=D[a]||"";if(!c.match(d))D[a]="",u.push(h);else{let x=h;c.split(/\D/).forEach((S,R)=>{if(R==0&&l=="dateWareki"){let g=Number(S);t!="year"&&(g>=2019?t=="reiwa"?g-=2018:t=="heisei"&&(g=31):g>=1989?t=="heisei"?g-=1988:t=="shouwa"&&(g=64):g>=1926?t=="shouwa"?g-=1925:t=="taisho"&&(g=15):g>=1912?t=="taisho"?g-=1911:t=="meiji"&&(g=45):g>=1868&&(g-=1867)),S=g.zeroEmbed(4)}x=x.replace(new RegExp("------------------".slice(0,S.length)),S)}),u.push(x)}}return{formatValue:u.join(A),dataValue:["dates","months"].includes(l)?D:D[0],ranges:p}};function ve(e){let{params:l}=e,{restrict:v,min:t,max:D,required:h}=l,d=[],p=b.flatArray(e.value),i={empty:!1,escalated:1,filled:!0,correct:!0,prohibited:!1};(()=>{let u=v=="clock"?":":"/";for(let n=0;n<p.length;n++)p[n]=String(p[n]).replace(/\D/ig,u);for(let n=0;n<p.length;n++){let a=p[n],c=p[n-1];a.removeLetters()||(i.empty=!0),n>0&&(i.escalated&=+(a>=c))}i.escalated&&(i.empty||(v.match(/clock/)?p.forEach(n=>{let[a,c]=n.split(/\D+/);!a||!c?i.filled=!1:(Number(a)>23||Number(c)>59)&&(i.correct=!1)}):v.match(/date/)?p.forEach(n=>{let[a,c,x]=n.split(/\D+/);if(!a||!c||!x)i.filled=!1;else{let S=b.Time(n);(!S.validate||n!=S.toFormatYMD())&&(i.correct=!1)}}):v.match(/week/)?p.forEach(n=>{let[a,c]=n.split(/\D+/);if(!a||!c)i.filled=!1;else{let x=b.Time(a+"/01/01").weekday,R=b.Time(a+"/01/0"+(7-x+1)).addWeek(Number(c)-1);a!=String(R.year)&&(i.correct=!1)}}):v.match(/month/)?p.forEach(n=>{let[a,c]=n.split(/\D+/);!a||!c?i.filled=!1:b.Time([a,c,"01"].join("/")).validate||(i.correct=!1)}):v.match(/year/),i.filled&&i.correct&&p.forEach(n=>{{let a=Number(String(n).replace(/\D/ig,""));if(t&&Number(String(t).replace(/\D/ig,""))>a&&(i.prohibited=!0),D){let c=Number(String(D).replace(/\D/ig,""));a>c&&(i.prohibited=!0)}}})))})();{let{empty:u,escalated:n,filled:a,correct:c,prohibited:x}=i;u&&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"}),c||d.push({type:"invalid",label:"\u7121\u52B9\u306A\u5024\u304C\u5165\u529B\u3055\u308C\u3066\u3044\u307E\u3059"}),a||d.push({type:"invalid",label:"\u6700\u5F8C\u307E\u3067\u5024\u3092\u57CB\u3081\u3066\u304F\u3060\u3055\u3044"}),x&&d.push({type:"invalid",label:Z(ke,{children:[T(ae,{children:"\u5165\u529B\u7BC4\u56F2\u304C\u5236\u9650\u3055\u308C\u3066\u3044\u307E\u3059"}),"[",t||"\u4E0B\u9650\u7121\u3057","] ~ [",D||"\u4E0A\u9650\u7121\u3057","]"]})})}return{ok:!d.filter(({type:u})=>u=="invalid").length,notice:d}}const Q={picker:{launch:e=>{let l=e.tipsID||b.uuid.gen();G.open(_(o({gravityPoint:e.gravityPoint||24,padding:"1/2",tipsID:l},e),{close_option:o({aroundClick:!0,elementBlur:!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,t)=>{e.onValueUpdate(v,t)}})}))},remove:e=>{G.close(e)}}},De=e=>{let U=e,{tone:l,required:v,restrict:t="clock",componentID:D,era:h,form:d,name:p,min:i,max:u,className:n,enableFormSubmit:a,checkValidationAtFirst:c,onKeyDown:x,onValidate:S,onUpdateValue:R,onUpdateValidValue:g,value:$="",leftIndicator:J,rightIndicator:F}=U,f=H(U,["tone","required","restrict","componentID","era","form","name","min","max","className","enableFormSubmit","checkValidationAtFirst","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator"]),[r,C]=W(h),[s,V]=W(_(o({componentID:e.componentID||""},P({restrict:t,value:$,era:r})),{eventType:"init",eventID:b.uuid.gen()})),[y,M]=W({ok:!1,notice:[]}),[I,k]=W({active:!1,index:0,prevIndex:-1});pe({type:"time",params:e,val_status:s,set_status:V,val_validate:y,set_validate:M,DefaultValidation:ve,onUpdateValue:R,onUpdateValidValue:g,ExtraOverrideParams:o({},P({restrict:t,value:$,era:r}))});const E=re(!1);return X(()=>{if(E.current){V(o(o({},s),P({restrict:t,value:s.dataValue,era:r})));let m=O.get("refreshEra_"+s.componentID);m&&m.refreshEra(r)}else E.current=!0},[r]),O.update({key:s.componentID,value:{openPicker:()=>{e.disabled||Q.picker.launch({parent:"#Picker-"+s.componentID,tipsID:"PickerTips-"+s.componentID,restrict:t,min:i,max:u,defaultValue:s.dataValue,era:r,onValueUpdate:(m,w)=>{V(_(o(o({},s),P({restrict:t,value:m,era:w})),{eventType:"update",eventID:b.uuid.gen()})),C(w)}})},resetEra:m=>{C(m),V(_(o(o({},s),P({restrict:t,value:"",era:r})),{eventType:"update",eventID:b.uuid.gen()}))}}}),X(()=>{let{index:m,active:w}=I;if(w){m=Math.max(m,0),m=Math.min(m,s.ranges.length-1);let{from:B,length:L}=s.ranges[m],j=ie("#"+e.id)[0];j&&j.setSelectionRange(B,B+L)}},[I]),Z(ue,{val_status:s,set_status:V,val_validate:y,params:e,children:[T(de,{name:p,"data-input-type":"time","data-form":d,"data-validation":y.ok,componentID:s.componentID,"data-value":JSON.stringify(["dates","months"].includes(t)?!s.dataValue[0]||!s.dataValue[1]?null:s.dataValue:s.dataValue||null)}),z.get().isTouchDevice?T(q.Button.Plain,{className:n,freeCSS:{textAlign:"left"},children:s.formatValue,onClick:m=>{let w=O.get(s.componentID);w&&w.openPicker(),m.stopPropagation()}}):T("input",o({type:"text",inputMode:"numeric","data-input-type":"time","data-form-name":d,value:s.formatValue,className:n,tabIndex:z.get().isTouchDevice?-1:0,onKeyDown:m=>{Ie({restrict:t,event:m,val_era:r,val_status:s,set_status:V,val_focus:I,set_focus:k}),x&&x(m),a&&me(m)},onKeyUp:m=>{m.key=="Tab"&&k(_(o({},I),{active:!0}))},onClick:m=>{let w=m.target.selectionEnd,B=0;s.ranges.forEach((L,j)=>{let{from:K,length:ee,region:te}=L;K<=w&&w<=K+(te||ee)&&(B=j)}),k(_(o({},I),{active:!0,index:B})),m.preventDefault()},onChange:()=>{}},f))]})},Ie=e=>{let{val_era:l,restrict:v,event:t,val_status:D,set_status:h,val_focus:d,set_focus:p}=e,{key:i,shiftKey:u,ctrlKey:n,metaKey:a}=t,c=n||a,{selectionStart:x,selectionEnd:S}=t.target,{index:R,prevIndex:g}=d,{ranges:$,formatValue:J}=D,F=$.length-1;if(["Tab","ArrowLeft","ArrowRight"].includes(i)){let f=0;if(i=="Tab"){let r=+!u*2-1;if(f=d.index+r,f<0||f>F)return}else{let r=i=="ArrowLeft"?-1:i=="ArrowRight"?1:0;c||x==0&&S==String(D.formatValue).length?f=r==1?F:0:f=Math.max(0,Math.min(R+r,F))}p(_(o({},d),{index:f,prevIndex:R})),t.preventDefault()}if(["Backspace","ArrowUp","ArrowDown","0","1","2","3","4","5","6","7","8","9"].includes(i)){t.preventDefault();let f=R;f=Math.max(f,0),f=Math.min(f,F);let{type:r,from:C,length:s}=$[f],V=J.slice(C,C+s),y;if(i=="Backspace")y="------".slice(0,s);else if(["ArrowUp","ArrowDown"].includes(i)){let M=i=="ArrowUp"?1:-1;V=V|0,y=V+M;let[I,k,E]=r=="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]:r=="minute"?[0,59,2]:r=="hour"?[0,23,2]:r=="date"?[1,31,2]:r=="week"?[1,53,2]:r=="month"?[1,12,2]:r=="year"?[0,2999,4]:[0,0,0];y>k?y=I:y<I&&(y=k),y=Number(y).zeroEmbed(E)}else if(["0","1","2","3","4","5","6","7","8","9"].includes(i)){let M=V|0,I=i,k=`${M}${I}`;if(g!=R&&g>=0&&(M=0,k="0"+I),r=="year"||r=="dateWareki"&&l=="year")Number(k)>1e4?y=I:y=k,(y|0)>1e3&&f++;else if(["hour","minute","date","week","month"].includes(r)||r=="dateWareki"&&l!="year"){let E=r=="dateWareki"?l=="reiwa"?100:l=="heisei"?31:l=="shouwa"?64:l=="taisho"?15:l=="meiji"?45:0:r=="minute"?59:r=="hour"?23:r=="date"?31:r=="week"?53:r=="month"?12:0;y=(k|0)>E?I:k,(Number(I)>Number(String(E)[0])||V=="0000".slice(0,String(E).length)&&(k!="0000".slice(0,String(E).length)||["minute","hour"].includes(r)&&g==R)||(k|0)>=Y(10,String(E).length-1))&&f++}r=="year"||r=="dateWareki"?y=(y|0).zeroEmbed(4):y=(y|0).zeroEmbed(2)}{let M=String(J).partReplace(C,String(y)),I=M.split(A).map(k=>k.replace(/(^\D|\D$)/,"").split(/\D+/).join(v=="clock"?":":"/").replace(/(^\D|\D$)/,""));if(v=="dateWareki"){let k=I[0].split(/\D/),[E,U,m]=k;k.length==3&&E&&(I=[[Number(E)-1+Number({year:1,reiwa:2019,heisei:1989,shouwa:1926,taisho:1912,meiji:1868}[l]),U,m].join("/")])}f=Math.max(f,0),f=Math.min(f,F),h(_(o({},D),{dataValue:["dates","months"].includes(v)?I:I[0],formatValue:M,eventType:"update",eventID:b.uuid.gen()})),p(_(o({},d),{index:f,prevIndex:d.index}))}}},N={Origin:e=>{e=o({},e);let[l]=W(e.componentID||b.uuid.gen());if(e.componentID=l,b.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 t=O.get(e.componentID);t&&t.openPicker()},children:T(ne,{icon:v})})})}return T(se,{componentID:e.componentID,children:De,params:ce.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]=W(e.componentID||b.uuid.gen());e.componentID=l;let{defaultEra:v="wareki"}=e,[t,D]=W((()=>{let h="year";if(v=="wareki"&&(h="reiwa",e.value)){let[d,p,i]=e.value.split(/\D/);if(d&&p&&i){let u=Number(d);u>=2019?(u-=2019,h="reiwa"):u>=1989?(u-=1989,h="heisei"):u>=1926?(u-=1926,h="shouwa"):u>=1912?(u-=1912,h="taisho"):u>=1868&&(u-=1868,h="meiji"),u+=1}}return h})());return X(()=>{O.set({key:"refreshEra_"+l,value:{refreshEra:h=>{D(h)}}})},[]),T(N.Origin,_(o({restrict:"dateWareki",leftIndicator:T(fe,{enableUnSelected:!1,value:t,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})=>{D(h);let p=O.get(e.componentID);p&&p.resetEra&&p.resetEra(h)}})},e),{era:t}))},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 +1 @@
1
- import{b as o,c as r,e as B}from"../../chunk-VY3566IV.js";import{jsx as m,jsxs as C}from"react/jsx-runtime";import{useState as N,useEffect as T,useRef as W}from"react";import{$$ as l,Config as P,useStore as v,GenerateClassName as E}from"../../@utils/_";import{InputClasses as k}from"../../@styles/componentClasses/_";import x from"../../atoms/Box";import F from"../../atoms/Flex";import V from"../../atoms/FAI";import z from"../../mols/Row";import L from"../../mols/Column";import A from"../Button";import D from"../Tooltips";const ie=e=>{let[t]=N(e.componentID||l.uuid.gen());e=o({},e),e.params=r(o({enableFormSubmit:!0,status_id:l.uuid.gen(),override:"never",name:l.uuid.gen(),id:l.uuid.gen(),"aria-label":"Input-"+t},e.params),{componentID:t});let{children:n}=e;return m(n,o({},e.params))},se=e=>{let{children:t,val_status:n,set_status:a,val_validate:c,params:i}=e,{clearButton:s,rightIcon:u,leftIcon:p,wrapStyles:y}=i;return n.eventType=="init"&&!i.checkValidationAtFirst&&(c.notice=[]),C(x,r(o({position:"relative"},y),{id:"BoxWrapper-"+n.componentID,children:[C(F,{flexWrap:!1,className:k("Wrapper"),children:[i.leftIndicator,C(F,{position:"relative",flexSizing:"auto",children:[p,t,s&&n.dataValue?m(A.Button.Normal.R,{ssSphere:2,flexCenter:!0,fontColor:"5.translucent",ssEffectsOnActive:["ripple.theme"],position:"absolute",right:1,top:"50%",freeCSS:{zIndex:3},className:k("IndicatorIcon"),onClick:()=>{a(r(o({},n),{dataValue:"",formatValue:"",eventType:"update",eventID:l.uuid.gen()}))},children:m(V.Times,{})}):u]}),i.rightIndicator]}),m(U,{notice:c.notice,val_status:n})]}))},U=e=>{let{notice:t,val_status:n}=e,{componentID:a,eventType:c}=n;l.interval.clear("NoticeTimer-"+a),l.interval.clear("NoticeTimerClose-"+a);let i="notice-"+e.val_status.componentID,s="notice-tips-"+e.val_status.componentID;if(!t.length)return D.close(s),null;let u=t.map(p=>{let{type:y,label:I}=p,S=y=="invalid"?V.Times:y=="warn"?V.Exclamation:V.Check;return C(z.Left,{gap:0,borderRadius:"2.tone.secondary",children:[m(S,{flexCenter:!0,fontSize:"3.paragraph",fontColor:{invalid:"nega",warn:"warn",valid:"posi"}[y]}),m(x,{fontColor:"white",children:I})]})});return l.interval.standBy("NoticeTimer-"+a,350,()=>{D.open({tipsID:s,parent:"#"+i,padding:["1/2",0],content:C(D.Comps.Body,{padding:["1/2","2/3"],fontSize:"1.mini",position:"relative",children:[m(x,{position:"absolute",unitHeight:1,unitWidth:1,left:1,backgroundColor:"dark",freeCSS:{zIndex:1,transform:"rotate(45deg)",top:-6}}),m(L,{gap:"1/3",position:"relative",freeCSS:{zIndex:2},backgroundColor:"inherit",children:u})]})}),l.interval.standBy("NoticeTimerClose-"+a,7500,()=>{D.close(s)})}),m(x,{className:k("Notices"),id:i})},ue=e=>{let{type:t,params:n,val_status:a,set_status:c,ExtraOverrideParams:i,ExtraStoreParams:s,val_validate:u,set_validate:p,DefaultValidation:y,onUpdateValue:I,onUpdateValidValue:S}=e;n=o({},n);let{componentID:R}=a,[w,O]=N(l.uuid.gen());T(()=>(v.update({key:R,value:o({ResolveRefresh:null,Refresh:()=>new Promise((d,f)=>{v.get(R).ResolveRefresh=d,O(l.uuid.gen())}),GenNotice:d=>{let{ok:f,notice:g}=d;p({ok:f,notice:g})}},s)}),()=>{v.delete(R)}),[]);const _=W(!1);T(()=>{_.current?c(r(o({},a),{eventType:"refresh",eventID:l.uuid.gen()})):_.current=!0},[w]),T(()=>{n.value=a.dataValue,l.interval.clear("ValidationTimer-"+R),j({val_status:a,set_validate:p,DefaultValidation:y,params:n})},[a.eventID]),(()=>{let{override:d}=n;if(d=="never"||d=="beforeModified"&&!["init","override"].includes(a.eventType))return;let f=v.get(a.componentID);f&&(n.value!=a.dataValue&&n.status_id!=f.status_id&&c(r(o(r(o({},a),{dataValue:n.value}),i),{eventType:"override",eventID:l.uuid.gen()})),f.status_id=n.status_id)})(),T(()=>{let{componentID:d,eventType:f,dataValue:g}=a,h=g;if(t=="list"?h=g.map(b=>JSON.parse(b)):t=="select"||t=="richSelect"?h=JSON.parse(g):t=="file"&&v.update({key:d,value:{Files:a.dataValue}}),f=="refresh"){let b=v.get(d);b&&b.ResolveRefresh&&b.ResolveRefresh(null)}f=="update"&&(I&&I({componentID:d,value:h,storeData:v.get(d),eventType:f}),l.scope(()=>{u.ok&&S&&S({componentID:d,value:h,storeData:v.get(d),eventType:f})}))},[u])},j=e=>{let{val_status:t,params:n,set_validate:a,DefaultValidation:c}=e,i=c({value:t.dataValue,params:n});if(!i.ok){a(i);return}let s=i.notice;const u=()=>B(void 0,null,function*(){if(!n.onValidate)return;let p=yield n.onValidate({value:t.dataValue,eventType:t.eventType,props:e});if(!p.ok){a({ok:!1,notice:[...s,...p.notice]});return}a({ok:!0,notice:[...s,...p.notice]})});n.onValidate?t.eventType=="refresh"?u():l.interval.standBy("ValidationTimer-"+t.componentID,450,u):a({ok:!0,notice:s})},de=e=>{let t=e.target,{form:n,formName:a}=t.dataset;n=a||n;let c=!1,i=l(P.get().appRoot).find(`[data-form-submit-button="${n}"]`)[0];if(!i)return c;let s=i.dataset.sdfike||"",u=e.key,p=e.ctrlKey||e.metaKey;return l.scope(()=>{s.includes("enter")&&(u!="Enter"||e.nativeEvent.isComposing||P.get().browserIs=="safari"&&e.keyCode==229)||((u=="Enter"&&(s.includes("enter")||s.includes("auxEnter")&&p)||u==" "&&s.includes("space"))&&(i.click(),e.preventDefault()),c=!0)}),c},K={Input:e=>{if(e=="plain")return{};let t={padding:"3/4",transition:"middle",flexSizing:"auto",boxShadow:"0.thin"};return e=="border"?t=r(o({},t),{border:!0,borderRadius:"2.tone.secondary",backgroundColor:"1.layer.base"}):e=="cloud"?t=r(o({},t),{border:"1.thin",borderRadius:"2.tone.secondary",backgroundColor:"cloud"}):e=="bottomBorder"&&(t=r(o({},t),{borderRadius:0,border:"unset",borderBottom:!0,backgroundColor:"cloud"})),t},ListCell:e=>{e=o({},e),e.tone||(e.tone="border");let{tone:t}=e;return t=="plain"||(e=r(o({},e),{cellStyles:o({position:"relative",padding:["3/4",1],borderRadius:"2.tone.secondary",transition:"middle"},e.cellStyles)}),t=="normal"?e=r(o({gap:"1/2"},e),{cellStyles:o({isSemiBoldFont:!0},e.cellStyles),cellCheckedStyles:{backgroundColor:"cloud"}}):(e=r(o({gap:"3/4"},e),{cellStyles:o({boxShadow:"0.thin"},e.cellStyles)}),(t=="cloud"||t=="vivid")&&(e.cellStyles=o({border:"1.thin",backgroundColor:"2.layer.cloud"},e.cellStyles)),t=="border"?(e.cellStyles=o({border:!0,backgroundColor:"1.layer.base"},e.cellStyles),e.cellCheckedStyles=o({borderColor:"theme",fontColor:"theme"},e.cellCheckedStyles)):t=="cloud"?e.cellCheckedStyles=o({backgroundColor:"tcOpFew",fontColor:"theme",borderColor:"theme"},e.cellCheckedStyles):t=="vivid"&&(e.cellCheckedStyles=o({backgroundColor:"theme",fontColor:"white",borderColor:"theme"},e.cellCheckedStyles)))),E(e)},Boxish:e=>{e=o({},e),e.tone||(e.tone="border");let t=r(o(o(o(r(o({},K.Input(e.tone)),{fontColor:"2.normal"}),e),e.leftIndicator?{borderTopLeftRadius:"2/3",borderBottomLeftRadius:"2/3",marginLeft:"1/4"}:null),e.rightIndicator?{borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",marginRight:"1/4"}:null),{className:[k("Input"),e.className].join(" ")});return E(t)},Indicator:e=>{if(e||(e="border"),e=="plain")return{};let t={flexSizing:"none",flexCenter:!0,padding:[0,1],borderRadius:"2.tone.secondary",backgroundColor:"cloud"};return e=="border"?t=r(o({},t),{border:!0}):e=="cloud"?t=r(o({},t),{border:"1.thin"}):e=="bottomBorder"&&(t=r(o({},t),{borderRadius:0,borderBottom:!0})),t},IndicatorIcon:{position:"absolute",unitWidth:2,unitHeight:2,top:"50%",flexCenter:!0,fontColor:"theme",fontSize:"1.mini",backgroundColor:"inherit"}};export{se as BoxWrapper,ue as CommonEffects,K as DefaultStyles,de as SubmitForm,j as ValidationCheck,ie as Wrapper};
1
+ import{b as o,c as a,e as B}from"../../chunk-VY3566IV.js";import{jsx as m,jsxs as C}from"react/jsx-runtime";import{useState as N,useEffect as T,useRef as O}from"react";import{$$ as i,$$fromRoot as W,Config as z,useStore as v,GenerateClassName as P}from"../../@utils/_";import{InputClasses as k}from"../../@styles/componentClasses/_";import x from"../../atoms/Box";import E from"../../atoms/Flex";import V from"../../atoms/FAI";import L from"../../mols/Row";import A from"../../mols/Column";import U from"../Button";import D from"../Tooltips";const se=e=>{let[t]=N(e.componentID||i.uuid.gen());e=o({},e),e.params=a(o({enableFormSubmit:!0,status_id:i.uuid.gen(),override:"never",name:i.uuid.gen(),id:i.uuid.gen(),"aria-label":"Input-"+t},e.params),{componentID:t});let{children:n}=e;return m(n,o({},e.params))},ue=e=>{let{children:t,val_status:n,set_status:r,val_validate:c,params:l}=e,{clearButton:s,rightIcon:u,leftIcon:p,wrapStyles:y}=l;return n.eventType=="init"&&!l.checkValidationAtFirst&&(c.notice=[]),C(x,a(o({position:"relative"},y),{id:"BoxWrapper-"+n.componentID,children:[C(E,{flexWrap:!1,className:k("Wrapper"),children:[l.leftIndicator,C(E,{position:"relative",flexSizing:"auto",children:[p,t,s&&n.dataValue?m(U.Button.Normal.R,{ssSphere:2,flexCenter:!0,fontColor:"5.translucent",ssEffectsOnActive:["ripple.theme"],position:"absolute",right:1,top:"50%",freeCSS:{zIndex:3},className:k("IndicatorIcon"),onClick:()=>{r(a(o({},n),{dataValue:"",formatValue:"",eventType:"update",eventID:i.uuid.gen()}))},children:m(V.Times,{})}):u]}),l.rightIndicator]}),m($,{notice:c.notice,val_status:n})]}))},$=e=>{let{notice:t,val_status:n}=e,{componentID:r,eventType:c}=n;i.interval.clear("NoticeTimer-"+r),i.interval.clear("NoticeTimerClose-"+r);let l="notice-"+e.val_status.componentID,s="notice-tips-"+e.val_status.componentID;if(!t.length)return D.close(s),null;let u=t.map(p=>{let{type:y,label:I}=p,S=y=="invalid"?V.Times:y=="warn"?V.Exclamation:V.Check;return C(L.Left,{gap:0,borderRadius:"2.tone.secondary",children:[m(S,{flexCenter:!0,fontSize:"3.paragraph",fontColor:{invalid:"nega",warn:"warn",valid:"posi"}[y]}),m(x,{fontColor:"white",children:I})]})});return i.interval.standBy("NoticeTimer-"+r,350,()=>{D.open({tipsID:s,parent:"#"+l,padding:["1/2",0],content:C(D.Comps.Body,{padding:["1/2","2/3"],fontSize:"1.mini",position:"relative",children:[m(x,{position:"absolute",unitHeight:1,unitWidth:1,left:1,backgroundColor:"dark",freeCSS:{zIndex:1,transform:"rotate(45deg)",top:-6}}),m(A,{gap:"1/3",position:"relative",freeCSS:{zIndex:2},backgroundColor:"inherit",children:u})]})}),i.interval.standBy("NoticeTimerClose-"+r,7500,()=>{D.close(s)})}),m(x,{className:k("Notices"),id:l})},de=e=>{let{type:t,params:n,val_status:r,set_status:c,ExtraOverrideParams:l,ExtraStoreParams:s,val_validate:u,set_validate:p,DefaultValidation:y,onUpdateValue:I,onUpdateValidValue:S}=e;n=o({},n);let{componentID:R}=r,[F,w]=N(i.uuid.gen());T(()=>(v.update({key:R,value:o({ResolveRefresh:null,Refresh:()=>new Promise((d,f)=>{v.get(R).ResolveRefresh=d,w(i.uuid.gen())}),GenNotice:d=>{let{ok:f,notice:h}=d;p({ok:f,notice:h})}},s)}),()=>{v.delete(R)}),[]);const _=O(!1);T(()=>{_.current?c(a(o({},r),{eventType:"refresh",eventID:i.uuid.gen()})):_.current=!0},[F]),T(()=>{n.value=r.dataValue,i.interval.clear("ValidationTimer-"+R),j({val_status:r,set_validate:p,DefaultValidation:y,params:n})},[r.eventID]),(()=>{let{override:d}=n;if(d=="never"||d=="beforeModified"&&!["init","override"].includes(r.eventType))return;let f=v.get(r.componentID);f&&(n.value!=r.dataValue&&n.status_id!=f.status_id&&c(a(o(a(o({},r),{dataValue:n.value}),l),{eventType:"override",eventID:i.uuid.gen()})),f.status_id=n.status_id)})(),T(()=>{let{componentID:d,eventType:f,dataValue:h}=r,g=h;if(t=="list"?g=h.map(b=>JSON.parse(b)):t=="select"||t=="richSelect"?g=JSON.parse(h):t=="file"&&v.update({key:d,value:{Files:r.dataValue}}),f=="refresh"){let b=v.get(d);b&&b.ResolveRefresh&&b.ResolveRefresh(null)}f=="update"&&(I&&I({componentID:d,value:g,storeData:v.get(d),eventType:f}),i.scope(()=>{u.ok&&S&&S({componentID:d,value:g,storeData:v.get(d),eventType:f})}))},[u])},j=e=>{let{val_status:t,params:n,set_validate:r,DefaultValidation:c}=e,l=c({value:t.dataValue,params:n});if(!l.ok){r(l);return}let s=l.notice;const u=()=>B(void 0,null,function*(){if(!n.onValidate)return;let p=yield n.onValidate({value:t.dataValue,eventType:t.eventType,props:e});if(!p.ok){r({ok:!1,notice:[...s,...p.notice]});return}r({ok:!0,notice:[...s,...p.notice]})});n.onValidate?t.eventType=="refresh"?u():i.interval.standBy("ValidationTimer-"+t.componentID,450,u):r({ok:!0,notice:s})},ce=e=>{let t=e.target,{form:n,formName:r}=t.dataset;n=r||n;let c=!1,l=W(`[data-form-submit-button="${n}"]`)[0];if(!l)return c;let s=l.dataset.sdfike||"",u=e.key,p=e.ctrlKey||e.metaKey;return i.scope(()=>{s.includes("enter")&&(u!="Enter"||e.nativeEvent.isComposing||z.get().browserIs=="safari"&&e.keyCode==229)||((u=="Enter"&&(s.includes("enter")||s.includes("auxEnter")&&p)||u==" "&&s.includes("space"))&&(l.click(),e.preventDefault()),c=!0)}),c},K={Input:e=>{if(e=="plain")return{};let t={padding:"3/4",transition:"middle",flexSizing:"auto",boxShadow:"0.thin"};return e=="border"?t=a(o({},t),{border:!0,borderRadius:"2.tone.secondary",backgroundColor:"1.layer.base"}):e=="cloud"?t=a(o({},t),{border:"1.thin",borderRadius:"2.tone.secondary",backgroundColor:"cloud"}):e=="bottomBorder"&&(t=a(o({},t),{borderRadius:0,border:"unset",borderBottom:!0,backgroundColor:"cloud"})),t},ListCell:e=>{e=o({},e),e.tone||(e.tone="border");let{tone:t}=e;return t=="plain"||(e=a(o({},e),{cellStyles:o({position:"relative",padding:["3/4",1],borderRadius:"2.tone.secondary",transition:"middle"},e.cellStyles)}),t=="normal"?e=a(o({gap:"1/2"},e),{cellStyles:o({isSemiBoldFont:!0},e.cellStyles),cellCheckedStyles:{backgroundColor:"cloud"}}):(e=a(o({gap:"3/4"},e),{cellStyles:o({boxShadow:"0.thin"},e.cellStyles)}),(t=="cloud"||t=="vivid")&&(e.cellStyles=o({border:"1.thin",backgroundColor:"2.layer.cloud"},e.cellStyles)),t=="border"?(e.cellStyles=o({border:!0,backgroundColor:"1.layer.base"},e.cellStyles),e.cellCheckedStyles=o({borderColor:"theme",fontColor:"theme"},e.cellCheckedStyles)):t=="cloud"?e.cellCheckedStyles=o({backgroundColor:"tcOpFew",fontColor:"theme",borderColor:"theme"},e.cellCheckedStyles):t=="vivid"&&(e.cellCheckedStyles=o({backgroundColor:"theme",fontColor:"white",borderColor:"theme"},e.cellCheckedStyles)))),P(e)},Boxish:e=>{e=o({},e),e.tone||(e.tone="border");let t=a(o(o(o(a(o({},K.Input(e.tone)),{fontColor:"2.normal"}),e),e.leftIndicator?{borderTopLeftRadius:"2/3",borderBottomLeftRadius:"2/3",marginLeft:"1/4"}:null),e.rightIndicator?{borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",marginRight:"1/4"}:null),{className:[k("Input"),e.className].join(" ")});return P(t)},Indicator:e=>{if(e||(e="border"),e=="plain")return{};let t={flexSizing:"none",flexCenter:!0,padding:[0,1],borderRadius:"2.tone.secondary",backgroundColor:"cloud"};return e=="border"?t=a(o({},t),{border:!0}):e=="cloud"?t=a(o({},t),{border:"1.thin"}):e=="bottomBorder"&&(t=a(o({},t),{borderRadius:0,borderBottom:!0})),t},IndicatorIcon:{position:"absolute",unitWidth:2,unitHeight:2,top:"50%",flexCenter:!0,fontColor:"theme",fontSize:"1.mini",backgroundColor:"inherit"}};export{ue as BoxWrapper,de as CommonEffects,K as DefaultStyles,ce as SubmitForm,j as ValidationCheck,se as Wrapper};
@@ -1 +1 @@
1
- import{b as p,c as v,d as f}from"../../chunk-VY3566IV.js";import{jsx as s,jsxs as x}from"react/jsx-runtime";import{useState as S,useEffect as N}from"react";import{$$ as o,Config as m,pageTransit as B}from"../../@utils/_";import h from"../../atoms/Box";import C from"../../atoms/Flex";import P from"../../mols/Column";import F from"../Button";import{LayoutClasses as y}from"../../@styles/componentClasses/_";const c={Base:i=>{let l=i,{topNavigation:e,sideNavigation:t,footerNavigation:a,children:r,className:n}=l,g=f(l,["topNavigation","sideNavigation","footerNavigation","children","className"]);N(()=>{c.fn.updateCSSProperty.reset(),setTimeout(()=>{c.fn.updateCSSProperty.reset()},100);let u="ResizeCB",R="RemovePageEventCB";return o(window).addEvent({eventType:"resize",eventID:u,callback:()=>{m.get().screen.isPhonepoint()||(o.interval.clear("__RVC_calcHeights"),o.interval.standBy("__RVC_calcHeights",300,()=>{c.fn.updateCSSProperty.reset()}))}}),()=>{o(window).removeEvent(R),o(window).removeEvent(u)}},[]);let d=r;return x(P,v(p({className:[n,y("RootViewController")].join(" "),backgroundColor:"1.layer.base",gap:0,minHeight:"viewHeight"},g),{children:[e,x(C,{className:y("Body"),flexWrap:!1,position:"relative",flexSizing:0,children:[t,s(h,{className:y("Content"),position:"relative",flexSizing:0,width:0,UnderBreakPointStyles:{width:"auto"},children:d})]}),a]}))},TopNavigation:i=>{let n=i,{className:e,children:t}=n,a=f(n,["className","children"]),[r]=S(o.uuid.gen());return N(()=>{c.fn.updateCSSProperty.topNav()},[]),s(C,v(p({"data-id":r,flexSizing:"none",flexType:"col",position:"sticky",top:0,backgroundColor:"1.layer.base"},a),{id:"__RVC_TopNavigation",className:[e,y("TopNav")].join(" "),children:t}),r)},SideNavigation:i=>{let r=i,{className:e="",baseStyles:t}=r,a=f(r,["className","baseStyles"]);return s(h,p({flexSizing:"none",className:[e,y("SideNav")].join(" "),minHeight:"sideNavigationHeight"},a))},FooterNavigation:i=>{let n=i,{className:e="",baseStyles:t}=n,a=f(n,["className","baseStyles"]),[r]=S(o.uuid.gen());return N(()=>{c.fn.updateCSSProperty.footer()},[]),s(C,v(p({"data-id":r,borderTop:!0,position:"sticky",bottom:0,overflow:"auto",backgroundColor:"1.layer.base",paddingBottom:"safeAreaBottom"},t),{id:"__RVC_FooterNavigation",className:[y("FooterNav"),e].join(" "),children:s(C,p({gap:1,flexWrap:!1,padding:"2/3",margin:"auto"},a))}))},Comps:{Button:i=>{let d=i,{isActive:e,uri:t,uriGroup:a}=d,r=f(d,["isActive","uri","uriGroup"]),n=o.flatArray(a),g=location.pathname;{let l=!1;if(o.is.exist(t)&&o.is.string(t)){let u=[location.origin,t.replace(/\//,"")].join("/");l=g==new URL(u).pathname}if(!l&&n.length)for(let u of n)o.is.nullish(u)||g.match(new RegExp(u))&&(l=!0);e=e!=null?e:l}return s(F.Button.Clear.R,p({padding:["3/4",1],display:"flex",gap:"1/2",fontColor:"inherit",width:1,flexSizing:"none",flexWrap:!1,ssEffectsOnActive:"ripple.cloud",verticalAlign:"center",textAlign:"left",isSemiBoldFont:!0,isActive:e,isActiveStyles:{fontColor:"theme",backgroundColor:"cloud"},onClick:l=>{o.is.exist(t)&&o.is.string(t)&&B.push(t,l.ctrlKey||l.metaKey)},color:"cloud"},r))},Bar:i=>s(h,p({flexSizing:"none",backgroundColor:"lcOpMiddle",unitHeight:"1/3",margin:["2/3",1],borderRadius:"sphere"},i)),Title:i=>s(h,p({fontSize:"3.paragraph",isSemiBoldFont:!0,padding:[0,1]},i))},fn:{updateCSSProperty:{topNav:()=>{let i=o(document.body),e=o(m.get().appRoot).find("#__RVC_TopNavigation"),t=e.position().height||0,a=t;e.getStyleProperty("position")!="sticky"&&(a=0),i.setStyleProperty("--topNavHeight",t+"px").setStyleProperty("--topBase",a+"px")},footer:()=>{let i=o(document.body),t=o(m.get().appRoot).find("#__RVC_FooterNavigation").position().height||0;i.setStyleProperty("--footerNavHeight",t+"px")},reset:()=>{let i=o(document.body),e=o(m.get().appRoot).find("#__RVC_TopNavigation"),t=o(m.get().appRoot).find("#__RVC_FooterNavigation"),a=e.position().height||0,r=a,n=t.position().height||0;e.getStyleProperty("position")!="sticky"&&(r=0);let g=window.innerHeight,d=g-a-n;i.setStyleProperty("--topNavHeight",a+"px").setStyleProperty("--topBase",r+"px").setStyleProperty("--footerNavHeight",n+"px").setStyleProperty("--viewHeight",g+"px").setStyleProperty("--sideNavHeight",d+"px").setStyleProperty("--contentHeight",d+"px")}}}};export{c as RootViewController,c as default};
1
+ import{b as s,c as y,d as f}from"../../chunk-VY3566IV.js";import{jsx as p,jsxs as x}from"react/jsx-runtime";import{useState as S,useEffect as N}from"react";import{$$ as a,$$fromRoot as v,Config as R,pageTransit as P}from"../../@utils/_";import h from"../../atoms/Box";import C from"../../atoms/Flex";import F from"../../mols/Column";import _ from"../Button";import{LayoutClasses as m}from"../../@styles/componentClasses/_";const c={Base:o=>{let l=o,{topNavigation:e,sideNavigation:t,footerNavigation:i,children:r,className:n}=l,g=f(l,["topNavigation","sideNavigation","footerNavigation","children","className"]);N(()=>{c.fn.updateCSSProperty.reset(),setTimeout(()=>{c.fn.updateCSSProperty.reset()},100);let u="ResizeCB",B="RemovePageEventCB";return a(window).addEvent({eventType:"resize",eventID:u,callback:()=>{R.get().screen.isPhonepoint()||(a.interval.clear("__RVC_calcHeights"),a.interval.standBy("__RVC_calcHeights",300,()=>{c.fn.updateCSSProperty.reset()}))}}),()=>{a(window).removeEvent(B),a(window).removeEvent(u)}},[]);let d=r;return x(F,y(s({className:[n,m("RootViewController")].join(" "),backgroundColor:"1.layer.base",gap:0,minHeight:"viewHeight"},g),{children:[e,x(C,{className:m("Body"),flexWrap:!1,position:"relative",flexSizing:0,children:[t,p(h,{className:m("Content"),position:"relative",flexSizing:0,width:0,UnderBreakPointStyles:{width:"auto"},children:d})]}),i]}))},TopNavigation:o=>{let n=o,{className:e,children:t}=n,i=f(n,["className","children"]),[r]=S(a.uuid.gen());return N(()=>{c.fn.updateCSSProperty.topNav()},[]),p(C,y(s({"data-id":r,flexSizing:"none",flexType:"col",position:"sticky",top:0,backgroundColor:"1.layer.base"},i),{id:"__RVC_TopNavigation",className:[e,m("TopNav")].join(" "),children:t}),r)},SideNavigation:o=>{let r=o,{className:e="",baseStyles:t}=r,i=f(r,["className","baseStyles"]);return p(h,s({flexSizing:"none",className:[e,m("SideNav")].join(" "),minHeight:"sideNavigationHeight"},i))},FooterNavigation:o=>{let n=o,{className:e="",baseStyles:t}=n,i=f(n,["className","baseStyles"]),[r]=S(a.uuid.gen());return N(()=>{c.fn.updateCSSProperty.footer()},[]),p(C,y(s({"data-id":r,borderTop:!0,position:"sticky",bottom:0,overflow:"auto",backgroundColor:"1.layer.base",paddingBottom:"safeAreaBottom"},t),{id:"__RVC_FooterNavigation",className:[m("FooterNav"),e].join(" "),children:p(C,s({gap:1,flexWrap:!1,padding:"2/3",margin:"auto"},i))}))},Comps:{Button:o=>{let d=o,{isActive:e,uri:t,uriGroup:i}=d,r=f(d,["isActive","uri","uriGroup"]),n=a.flatArray(i),g=location.pathname;{let l=!1;if(a.is.exist(t)&&a.is.string(t)){let u=[location.origin,t.replace(/\//,"")].join("/");l=g==new URL(u).pathname}if(!l&&n.length)for(let u of n)a.is.nullish(u)||g.match(new RegExp(u))&&(l=!0);e=e!=null?e:l}return p(_.Button.Clear.R,s({padding:["3/4",1],display:"flex",gap:"1/2",fontColor:"inherit",width:1,flexSizing:"none",flexWrap:!1,ssEffectsOnActive:"ripple.cloud",verticalAlign:"center",textAlign:"left",isSemiBoldFont:!0,isActive:e,isActiveStyles:{fontColor:"theme",backgroundColor:"cloud"},onClick:l=>{a.is.exist(t)&&a.is.string(t)&&P.push(t,l.ctrlKey||l.metaKey)},color:"cloud"},r))},Bar:o=>p(h,s({flexSizing:"none",backgroundColor:"lcOpMiddle",unitHeight:"1/3",margin:["2/3",1],borderRadius:"sphere"},o)),Title:o=>p(h,s({fontSize:"3.paragraph",isSemiBoldFont:!0,padding:[0,1]},o))},fn:{updateCSSProperty:{topNav:()=>{let o=a(document.body),e=v("#__RVC_TopNavigation"),t=e.position().height||0,i=t;e.getStyleProperty("position")!="sticky"&&(i=0),o.setStyleProperty("--topNavHeight",t+"px").setStyleProperty("--topBase",i+"px")},footer:()=>{let o=a(document.body),t=v("#__RVC_FooterNavigation").position().height||0;o.setStyleProperty("--footerNavHeight",t+"px")},reset:()=>{let o=a(document.body),e=v("#__RVC_TopNavigation"),t=v("#__RVC_FooterNavigation"),i=e.position().height||0,r=i,n=t.position().height||0;e.getStyleProperty("position")!="sticky"&&(r=0);let g=window.innerHeight,d=g-i-n;o.setStyleProperty("--topNavHeight",i+"px").setStyleProperty("--topBase",r+"px").setStyleProperty("--footerNavHeight",n+"px").setStyleProperty("--viewHeight",g+"px").setStyleProperty("--sideNavHeight",d+"px").setStyleProperty("--contentHeight",d+"px")}}}};export{c as RootViewController,c as default};
@@ -1 +1 @@
1
- import{b as f,c as T,d as k}from"../../chunk-VY3566IV.js";import{jsx as g}from"react/jsx-runtime";import{useState as R,useEffect as M,useRef as N}from"react";import{$$ as r,Config as h,useStore as X}from"../../@utils/_";import L from"../../atoms/Box";import j from"../../atoms/Flex";import{LayoutClasses as o}from"../../@styles/componentClasses/_";const B=t=>{let D=t,{options:{onSlideCallback:e,visibilitySurroundSlide:u=!0,autoSwipeSeconds:p=0,loop:s=!1,disableMousedrag:a=!1,disableTouch:d=!1}={},wrapper:i=n=>n,slides:v=[]}=D,I=k(D,["options","wrapper","slides"]),[w]=R(r.uuid.gen()),[c,y]=R({eventType:"init",index:t.slideIndex});M(()=>{X.set({key:"SwipeTimer-"+w,value:null})},[]);const E=N(!1);M(()=>{y({eventType:"usr",index:t.slideIndex}),E.current||(E.current=!0)},[t.slideIndex]),M(()=>{let n=c.index+(s?1:0),m=[-1,v.length].includes(c.index);m||e&&setTimeout(()=>{e(c.index)},300);let b=r(h.get().appRoot).find("#Swiper-"+w);if(c.eventType=="adjustLoop")b.await(250).css({transition:"0s",transform:l.TrasformString(n)}).children().removeClass(o("Display")).parent().children(n).addClass([o("Display"),o("LoopAdjusting")]).await(100).removeClass(o("LoopAdjusting"));else if(c.eventType=="sys")b.await(250).css({transform:l.TrasformString(n)}).children().removeClass(o("Display")).parent().children(n).addClass(o("Display"));else if(b.children().removeClass(o("Display")).parent().children(n).addClass(o("Display")).parent().css({transition:"0.3s",transform:l.TrasformString(n)}).await(250).css({transition:"0s"}),m){let x=c.index==-1?v.length-1:0;y({eventType:"adjustLoop",index:x})}p&&!m&&(r.interval.clear("SwipeTimer-"+w),r.interval.standBy("SwipeTimer-"+w,p-(c.eventType=="sys"?310:0),()=>{let x=c.index+1;!s&&x>v.length-1&&(x=0),y({eventType:"usr",index:x})}))},[c]);let S=v.map((n,m)=>g(L,{flexSizing:"none",width:1,height:0,className:o("Child"),children:i(n)},m));s&&(S.push(S[0]),S.unshift(S[S.length-2]));let C={x:0,y:0,process:!1,effectStartAt:0,id:w,loop:s,index:c.index,minIndex:s?-1:0,maxIndex:v.length+(s?1:-1),width:0,set_event:y},A=c.index+(s?1:0);return g(L,T(f({overflow:"hidden",position:"relative"},I),{className:[I.className,o("SwipeView")].join(" "),freeCSS:f({zIndex:1},I.freeCSS),"data-swipe-id":w,onMouseDown:n=>{a||n.buttons==1&&l.EffectStart(n,C)},onTouchStart:n=>{var m;d||((m=n.touches)==null?void 0:m.length)==1&&l.EffectStart(n,C)},children:g(j,{flexWrap:!1,gap:1,transition:"long",className:[o("Rail"),o("ShowOther_"+u)].join(" "),id:"Swiper-"+w,freeCSS:f({},E.current?{}:{transform:l.TrasformString(A)}),children:S})}))},l={TrasformString:t=>`translateX( calc( ${-100*t}% - ${12*t}px ) )`,EffectStart:(t,e)=>{let{x:u,y:p}=r.getCursor(t),s=t.currentTarget,a=t.target;if(["SELECT","BUTTON","LABEL","INPUT"].includes(a.tagName))return;e=T(f({},e),{x:u-e.x+window.scrollX,y:p-e.y+window.scrollY,effectStartAt:new Date().getTime(),width:r(h.get().appRoot).find("#Swiper-"+e.id).position().width});let{swipeId:d}=s.dataset;d==e.id&&r(document).addEvent({eventID:"SwipeMouseMove",eventType:"mousemove",callback:i=>{l.EffectCheck(i,e)},option:{passive:!1}}).addEvent({eventID:"SwipeTouchMove",eventType:"touchmove",callback:i=>{l.EffectCheck(i,e)},option:{passive:!1}}).addEvent({eventID:"SwipeMouseUp",eventType:"mouseup",callback:i=>{l.EffectEnd(i,e)},option:{passive:!1}}).addEvent({eventID:"SwipeTouchEnd",eventType:"touchend",callback:i=>{l.EffectEnd(i,e)},option:{passive:!1}})},EffectCheck:(t,e)=>{if(e.process)return;let{x:u,y:p}=r.getCursor(t),s=Math.abs(u-e.x+window.scrollX),a=Math.abs(p-e.y+window.scrollY);if(!(t.touches&&t.touches.length>1)&&!(a+s<15))if(a>s/2)r(document).removeEvent(["SwipeMouseMove","SwipeTouchMove"]);else{e.process=!0;let d=e.index+(e.loop?1:0);r(h.get().appRoot).find("#Swiper-"+e.id).children(d-1).addClass(o("Display")),r(document).addEvent({eventID:"SwipeCheckMouseMove",eventType:"mousemove",callback:i=>{l.EffectMove(i,e)},option:{passive:!1}}).addEvent({eventID:"SwipeCheckTouchMove",eventType:"touchmove",callback:i=>{l.EffectMove(i,e)},option:{passive:!1}}),t.preventDefault();return}},EffectMove:(t,e)=>{if(t.touches&&t.touches.length>1)return;let{x:u}=r.getCursor(t),p=u-e.x+window.scrollX,a=e.index+(e.loop?1:0)-p/e.width;if(a<0)a/=2;else if(a>e.maxIndex){let d=a-e.maxIndex;a=e.maxIndex+d/2}r(h.get().appRoot).find("#Swiper-"+e.id).css({transition:"0s",transform:l.TrasformString(a)}),t.preventDefault()},EffectEnd:(t,e)=>{if(e.process){let p=r.getCursor(t).x-e.x+window.scrollX,s=new Date().getTime(),a=s-e.effectStartAt,d=e.index+(e.loop?1:0),i=0;a<400?i=d-(+(p>0)*2-1):i=Math.round(d-p/e.width),i=Math.max(Math.min(i,e.maxIndex),e.minIndex),e.process=!1,d===i?(e.effectStartAt=s,r(h.get().appRoot).find("#Swiper-"+e.id).css({transition:".2s",transform:l.TrasformString(i)}).await(310).css({transition:"0s"}).children().removeClass(o("Display")).parent().children(d).addClass(o("Display"))):e.set_event({eventType:"usr",index:i+e.minIndex})}r(document).removeEvent(["SwipeMouseMove","SwipeTouchMove","SwipeCheckMouseMove","SwipeCheckTouchMove","SwipeMouseUp","SwipeTouchEnd"])}},V=t=>g(B,T(f({},t),{slideIndex:Math.max(Math.min(t.slideIndex,t.slides.length-1),0)}));export{V as SwipeView,V as default};
1
+ import{b as f,c as T,d as k}from"../../chunk-VY3566IV.js";import{jsx as I}from"react/jsx-runtime";import{useState as L,useEffect as M,useRef as N}from"react";import{$$ as c,$$fromRoot as h,useStore as X}from"../../@utils/_";import R from"../../atoms/Box";import j from"../../atoms/Flex";import{LayoutClasses as a}from"../../@styles/componentClasses/_";const B=t=>{let D=t,{options:{onSlideCallback:e,visibilitySurroundSlide:u=!0,autoSwipeSeconds:d=0,loop:i=!1,disableMousedrag:r=!1,disableTouch:o=!1}={},wrapper:s=n=>n,slides:v=[]}=D,E=k(D,["options","wrapper","slides"]),[w]=L(c.uuid.gen()),[p,y]=L({eventType:"init",index:t.slideIndex});M(()=>{X.set({key:"SwipeTimer-"+w,value:null})},[]);const g=N(!1);M(()=>{y({eventType:"usr",index:t.slideIndex}),g.current||(g.current=!0)},[t.slideIndex]),M(()=>{let n=p.index+(i?1:0),m=[-1,v.length].includes(p.index);m||e&&setTimeout(()=>{e(p.index)},300);let b=h("#Swiper-"+w);if(p.eventType=="adjustLoop")b.await(250).css({transition:"0s",transform:l.TrasformString(n)}).children().removeClass(a("Display")).parent().children(n).addClass([a("Display"),a("LoopAdjusting")]).await(100).removeClass(a("LoopAdjusting"));else if(p.eventType=="sys")b.await(250).css({transform:l.TrasformString(n)}).children().removeClass(a("Display")).parent().children(n).addClass(a("Display"));else if(b.children().removeClass(a("Display")).parent().children(n).addClass(a("Display")).parent().css({transition:"0.3s",transform:l.TrasformString(n)}).await(250).css({transition:"0s"}),m){let x=p.index==-1?v.length-1:0;y({eventType:"adjustLoop",index:x})}d&&!m&&(c.interval.clear("SwipeTimer-"+w),c.interval.standBy("SwipeTimer-"+w,d-(p.eventType=="sys"?310:0),()=>{let x=p.index+1;!i&&x>v.length-1&&(x=0),y({eventType:"usr",index:x})}))},[p]);let S=v.map((n,m)=>I(R,{flexSizing:"none",width:1,height:0,className:a("Child"),children:s(n)},m));i&&(S.push(S[0]),S.unshift(S[S.length-2]));let C={x:0,y:0,process:!1,effectStartAt:0,id:w,loop:i,index:p.index,minIndex:i?-1:0,maxIndex:v.length+(i?1:-1),width:0,set_event:y},A=p.index+(i?1:0);return I(R,T(f({overflow:"hidden",position:"relative"},E),{className:[E.className,a("SwipeView")].join(" "),freeCSS:f({zIndex:1},E.freeCSS),"data-swipe-id":w,onMouseDown:n=>{r||n.buttons==1&&l.EffectStart(n,C)},onTouchStart:n=>{var m;o||((m=n.touches)==null?void 0:m.length)==1&&l.EffectStart(n,C)},children:I(j,{flexWrap:!1,gap:1,transition:"long",className:[a("Rail"),a("ShowOther_"+u)].join(" "),id:"Swiper-"+w,freeCSS:f({},g.current?{}:{transform:l.TrasformString(A)}),children:S})}))},l={TrasformString:t=>`translateX( calc( ${-100*t}% - ${12*t}px ) )`,EffectStart:(t,e)=>{let{x:u,y:d}=c.getCursor(t),i=t.currentTarget,r=t.target;if(["SELECT","BUTTON","LABEL","INPUT"].includes(r.tagName))return;e=T(f({},e),{x:u-e.x+window.scrollX,y:d-e.y+window.scrollY,effectStartAt:new Date().getTime(),width:h("#Swiper-"+e.id).position().width});let{swipeId:o}=i.dataset;o==e.id&&c(document).addEvent({eventID:"SwipeMouseMove",eventType:"mousemove",callback:s=>{l.EffectCheck(s,e)},option:{passive:!1}}).addEvent({eventID:"SwipeTouchMove",eventType:"touchmove",callback:s=>{l.EffectCheck(s,e)},option:{passive:!1}}).addEvent({eventID:"SwipeMouseUp",eventType:"mouseup",callback:s=>{l.EffectEnd(s,e)},option:{passive:!1}}).addEvent({eventID:"SwipeTouchEnd",eventType:"touchend",callback:s=>{l.EffectEnd(s,e)},option:{passive:!1}})},EffectCheck:(t,e)=>{if(e.process)return;let{x:u,y:d}=c.getCursor(t),i=Math.abs(u-e.x+window.scrollX),r=Math.abs(d-e.y+window.scrollY);if(!(t.touches&&t.touches.length>1)&&!(r+i<15))if(r>i/2)c(document).removeEvent(["SwipeMouseMove","SwipeTouchMove"]);else{e.process=!0;let o=e.index+(e.loop?1:0);h("#Swiper-"+e.id).children(o-1).addClass(a("Display")),c(document).addEvent({eventID:"SwipeCheckMouseMove",eventType:"mousemove",callback:s=>{l.EffectMove(s,e)},option:{passive:!1}}).addEvent({eventID:"SwipeCheckTouchMove",eventType:"touchmove",callback:s=>{l.EffectMove(s,e)},option:{passive:!1}}),t.preventDefault();return}},EffectMove:(t,e)=>{if(t.touches&&t.touches.length>1)return;let{x:u}=c.getCursor(t),d=u-e.x+window.scrollX,r=e.index+(e.loop?1:0)-d/e.width;if(r<0)r/=2;else if(r>e.maxIndex){let o=r-e.maxIndex;r=e.maxIndex+o/2}h("#Swiper-"+e.id).css({transition:"0s",transform:l.TrasformString(r)}),t.preventDefault()},EffectEnd:(t,e)=>{if(e.process){let d=c.getCursor(t).x-e.x+window.scrollX,i=new Date().getTime(),r=i-e.effectStartAt,o=e.index+(e.loop?1:0),s=0;r<400?s=o-(+(d>0)*2-1):s=Math.round(o-d/e.width),s=Math.max(Math.min(s,e.maxIndex),e.minIndex),e.process=!1,o===s?(e.effectStartAt=i,h("#Swiper-"+e.id).css({transition:".2s",transform:l.TrasformString(s)}).await(310).css({transition:"0s"}).children().removeClass(a("Display")).parent().children(o).addClass(a("Display"))):e.set_event({eventType:"usr",index:s+e.minIndex})}c(document).removeEvent(["SwipeMouseMove","SwipeTouchMove","SwipeCheckMouseMove","SwipeCheckTouchMove","SwipeMouseUp","SwipeTouchEnd"])}},V=t=>I(B,T(f({},t),{slideIndex:Math.max(Math.min(t.slideIndex,t.slides.length-1),0)}));export{V as SwipeView,V as default};
@@ -1 +1 @@
1
- import{b as n}from"../../chunk-VY3566IV.js";import{jsx as a,jsxs as g}from"react/jsx-runtime";import{$$ as l,Config as p,useStore as i}from"../../@utils/_";import L from"../../atoms/Box";import{LoaderClasses as m}from"../../@styles/componentClasses/_";import{Top as C}from"./top";import{Mini as c}from"./mini";import{Corner as f}from"./corner";const s=o=>{let t=o.color;return{S:e=>a(c,n({size:"S",color:t},e)),R:e=>a(c,n({size:"R",color:t},e)),L:e=>a(c,n({size:"L",color:t},e)),XL:e=>a(c,n({size:"XL",color:t},e)),MAX:e=>a(c,n({size:"MAX",color:t},e))}},d={Wrapper:()=>g(L,{className:["AMOTIFY_be",m("Wrapper")].join(" "),children:[a(C,{}),a(f,{})]}),Theme:s({color:"theme"}),Posi:s({color:"posi"}),Nega:s({color:"nega"}),Warn:s({color:"warn"}),White:s({color:"white"}),Cloud:s({color:"cloud"}),fn:{top:{active:()=>{let o=i.get("Loader-top-"+p.get().sessionUID+"-corner");o&&o.active()},stop:()=>{let o=i.get("Loader-top-"+p.get().sessionUID+"-corner");o&&o.stop()}},corner:{active:()=>{let o=i.get("Loader-corner-"+p.get().sessionUID+"-corner");o&&o.active()},stop:()=>{let o=i.get("Loader-corner-"+p.get().sessionUID+"-corner");o&&o.stop()}},mini:{active:(o="")=>{l(p.get().appRoot).find("."+m("MiniLoader")).for(t=>{let{dataset:{componentId:e}={}}=t;if(!e)return;let r=i.get(e);r&&r.active&&r.active(o)})},stop:(o="")=>{l(p.get().appRoot).find("."+m("MiniLoader")).for(t=>{let{dataset:{componentId:e}={}}=t;if(!e)return;let r=i.get(e);r&&r.stop&&r.stop(o)})},stopALL:()=>{l(p.get().appRoot).find("."+m("MiniLoader")).for(o=>{let{dataset:{componentId:t}={}}=o;if(!t)return;let e=i.get(t);e&&e.stopForce&&e.stopForce()})}},stopALL:()=>{d.fn.top.stop(),d.fn.corner.stop(),d.fn.mini.stopALL()}}};export{d as Loader,d as default};
1
+ import{b as a}from"../../chunk-VY3566IV.js";import{jsx as i,jsxs as I}from"react/jsx-runtime";import{Config as m,useStore as p,$$fromRoot as d}from"../../@utils/_";import L from"../../atoms/Box";import{LoaderClasses as l}from"../../@styles/componentClasses/_";import{Top as C}from"./top";import{Mini as s}from"./mini";import{Corner as f}from"./corner";const n=o=>{let t=o.color;return{S:e=>i(s,a({size:"S",color:t},e)),R:e=>i(s,a({size:"R",color:t},e)),L:e=>i(s,a({size:"L",color:t},e)),XL:e=>i(s,a({size:"XL",color:t},e)),MAX:e=>i(s,a({size:"MAX",color:t},e))}},c={Wrapper:()=>I(L,{className:["AMOTIFY_be",l("Wrapper")].join(" "),children:[i(C,{}),i(f,{})]}),Theme:n({color:"theme"}),Posi:n({color:"posi"}),Nega:n({color:"nega"}),Warn:n({color:"warn"}),White:n({color:"white"}),Cloud:n({color:"cloud"}),fn:{top:{active:()=>{let o=p.get("Loader-top-"+m.get().sessionUID+"-corner");o&&o.active()},stop:()=>{let o=p.get("Loader-top-"+m.get().sessionUID+"-corner");o&&o.stop()}},corner:{active:()=>{let o=p.get("Loader-corner-"+m.get().sessionUID+"-corner");o&&o.active()},stop:()=>{let o=p.get("Loader-corner-"+m.get().sessionUID+"-corner");o&&o.stop()}},mini:{active:(o="")=>{d("."+l("MiniLoader")).for(t=>{let{dataset:{componentId:e}={}}=t;if(!e)return;let r=p.get(e);r&&r.active&&r.active(o)})},stop:(o="")=>{d("."+l("MiniLoader")).for(t=>{let{dataset:{componentId:e}={}}=t;if(!e)return;let r=p.get(e);r&&r.stop&&r.stop(o)})},stopALL:()=>{d("."+l("MiniLoader")).for(o=>{let{dataset:{componentId:t}={}}=o;if(!t)return;let e=p.get(t);e&&e.stopForce&&e.stopForce()})}},stopALL:()=>{c.fn.top.stop(),c.fn.corner.stop(),c.fn.mini.stopALL()}}};export{c as Loader,c as default};
@@ -1 +1 @@
1
- import{b as d,c as f,d as h}from"../../chunk-VY3566IV.js";import{jsx as i,jsxs as k}from"react/jsx-runtime";import{$$ as g,Config as L,useStore as z}from"../../@utils/_";import{useState as l,useEffect as w}from"react";import{LoaderClasses as e}from"../../@styles/componentClasses/_";import I from"../../mols/Row";const R=u=>{let m=u,{color:C="theme",size:t="R",showInitial:c=!1,loaderID:S=""}=m,y=h(m,["color","size","showInitial","loaderID"]),[n]=l(S),[s]=l(g.uuid.gen()),[p,a]=l(c),o=0;t=="S"?o=1:t=="R"?o=1.5:t=="L"?o=3:t=="XL"?o=4:t=="MAX"&&(o=6);let v={theme:"hsl( var( --color-theme-hsl ) )",posi:"var( --color-positive )",nega:"var( --color-negative )",warn:"var( --color-warning )",cloud:"hsl( var( --color-layer5-hsl ) )",white:"white"}[C];return w(()=>{let r=g(L.get().appRoot).find('[data-component-id="'+s+'"]');p?r.removeClass(e("Hide")).await(10).addClass(e("Active")):r.removeClass(e("Active")).await(210).addClass(e("Hide"))},[p]),w(()=>{z.set({key:s,value:{active:r=>{n==r&&a(!0)},stop:r=>{n==r&&a(!1)},stopForce:()=>{a(!1)}}})},[]),k(I.Center,f(d({ssSphere:o,className:[e("MiniLoader"),c?"":e("Hide")].join(" "),componentID:s,position:"relative"},y),{children:[i("svg",{className:e("SVG1"),width:"100",height:"100",viewBox:"0 0 100 100",style:{stroke:v},children:i("circle",{cx:"50",cy:"50",r:"40"})}),i("svg",{className:e("SVG2"),width:"100",height:"100",viewBox:"0 0 100 100",style:{stroke:v},children:i("circle",{cx:"50",cy:"50",r:"40"})})]}))};export{R as Mini};
1
+ import{b as d,c as f,d as h}from"../../chunk-VY3566IV.js";import{jsx as s,jsxs as k}from"react/jsx-runtime";import{$$ as y,$$fromRoot as L,useStore as z}from"../../@utils/_";import{useState as l,useEffect as g}from"react";import{LoaderClasses as e}from"../../@styles/componentClasses/_";import I from"../../mols/Row";const R=w=>{let p=w,{color:u="theme",size:t="R",showInitial:c=!1,loaderID:C=""}=p,S=h(p,["color","size","showInitial","loaderID"]),[m]=l(C),[i]=l(y.uuid.gen()),[n,a]=l(c),o=0;t=="S"?o=1:t=="R"?o=1.5:t=="L"?o=3:t=="XL"?o=4:t=="MAX"&&(o=6);let v={theme:"hsl( var( --color-theme-hsl ) )",posi:"var( --color-positive )",nega:"var( --color-negative )",warn:"var( --color-warning )",cloud:"hsl( var( --color-layer5-hsl ) )",white:"white"}[u];return g(()=>{let r=L('[data-component-id="'+i+'"]');n?r.removeClass(e("Hide")).await(10).addClass(e("Active")):r.removeClass(e("Active")).await(210).addClass(e("Hide"))},[n]),g(()=>{z.set({key:i,value:{active:r=>{m==r&&a(!0)},stop:r=>{m==r&&a(!1)},stopForce:()=>{a(!1)}}})},[]),k(I.Center,f(d({ssSphere:o,className:[e("MiniLoader"),c?"":e("Hide")].join(" "),componentID:i,position:"relative"},S),{children:[s("svg",{className:e("SVG1"),width:"100",height:"100",viewBox:"0 0 100 100",style:{stroke:v},children:s("circle",{cx:"50",cy:"50",r:"40"})}),s("svg",{className:e("SVG2"),width:"100",height:"100",viewBox:"0 0 100 100",style:{stroke:v},children:s("circle",{cx:"50",cy:"50",r:"40"})})]}))};export{R as Mini};
@@ -9,7 +9,7 @@ declare namespace Sheet {
9
9
  refresh(params: Params, open: boolean): void;
10
10
  resize(params: {
11
11
  sheetID: string;
12
- size: SizeParams;
12
+ size: Size;
13
13
  }): void;
14
14
  reposition(sheetID: string): void;
15
15
  close(key: string, eventType?: 'Escape' | 'pageTransit', force?: boolean): void;
@@ -19,7 +19,7 @@ declare namespace Sheet {
19
19
  Body: React.FC<Box.Input>;
20
20
  };
21
21
  };
22
- type Params = NormalParams | EdgeParams | CustomParams | ImageParams | Bottom.Params;
22
+ type Params = Normal | Edge | Custom | Image | Bottom.Params;
23
23
  type UniParams = {
24
24
  sheetID?: string;
25
25
  sheetGroups?: string | string[];
@@ -33,7 +33,7 @@ declare namespace Sheet {
33
33
  openAfter?(): void;
34
34
  closeAfter?(): void;
35
35
  } & TagProperty.BasicElement;
36
- type SizeParams = 'S' | 'R' | 'L' | '2L' | '3L' | 'MAX';
36
+ type Size = 'S' | 'R' | 'L' | '2L' | '3L' | 'MAX';
37
37
  type CloseOptions = {
38
38
  pageTransit?: boolean;
39
39
  escapeKeyDown?: boolean;
@@ -41,20 +41,20 @@ declare namespace Sheet {
41
41
  elementBlur?: $$.Args;
42
42
  };
43
43
  type Sheet = 'normal.topLeft' | 'normal.topCenter' | 'normal.topRight' | 'normal.middleLeft' | 'normal.middleCenter' | 'normal.middleRight' | 'normal.bottomLeft' | 'normal.bottomCenter' | 'normal.bottomRight' | 'drawer.left' | 'drawer.right' | 'drawer.bottom' | 'custom' | 'image';
44
- type NormalParams = UniParams & {
44
+ type Normal = UniParams & {
45
45
  type: Sheet;
46
- size?: SizeParams;
46
+ size?: Size;
47
47
  };
48
- type EdgeParams = UniParams & {
48
+ type Edge = UniParams & {
49
49
  type: Sheet;
50
- size?: SizeParams;
50
+ size?: Size;
51
51
  };
52
- type CustomParams = UniParams & {
52
+ type Custom = UniParams & {
53
53
  type: 'custom';
54
54
  parent: $$.Args;
55
55
  gravityPoint?: number;
56
56
  };
57
- type ImageParams = Omit<UniParams, 'content'> & {
57
+ type Image = Omit<UniParams, 'content'> & {
58
58
  type: 'image';
59
59
  src: string | string[];
60
60
  };
package/dist/fn/Sheet.js CHANGED
@@ -1 +1 @@
1
- import{b as d,c as B,d as O}from"../chunk-VY3566IV.js";import{jsx as n,jsxs as j}from"react/jsx-runtime";import{useState as z,useEffect as H,useRef as K}from"react";import{$$ as t,Config as R,useStore as _}from"../@utils/_";import P from"../atoms/Box";import V from"../atoms/Img";import $ from"../atoms/FAI";import Z from"../atoms/Flex";import G from"../mols/Column";import U from"../mols/Row";import Y from"./Button";import J from"./Layout/_";import Q from"./Input/_";import{SheetClasses as l}from"../@styles/componentClasses/_";const h={mainSheetScrolls:0,subSheetLength:0,currentIndex:0,contents:{},Wrapper:()=>{let[e,o]=z(t.uuid.gen());_.set({key:"Sheet-"+R.get().sessionUID,value:{refresh:()=>{o(t.uuid.gen())}}}),H(()=>{t(document).addEvent({eventType:"keyup",callback:function(s){let{key:r,metaKey:f}=s;if(r=="Escape"||r==","&&f){let g=Object.values(h.contents).filter(S=>S.open);if(!g.length)return;let a=g.reduce((S,w)=>S.created_at.value>w.created_at.value?S:w);x.close(a.params.sheetID,r)}}}).addEvent({eventType:"click",callback:function(s){var g;let r=Object.values(h.contents).filter(a=>a.params.type=="custom");!r.length||r.find(a=>{let{params:S}=a,w=t(R.get().appRoot).find(S.parent),I=t(R.get().appRoot).find(s.target);return w[0]==I[0]||!!w.find(I).length})||(g=s.target)!=null&&g.closest("."+l("CustomSheet"))||r.forEach(a=>{var S;(S=a.params.close_option)!=null&&S.aroundClick&&x.close(a.params.sheetID)})}})},[]);let m=Object.entries(h.contents).map(([s,r])=>n(P,{id:"Sheet-"+s,children:n(h.Core,d({},r.params))}));return n(P,{className:["AMOTIFY_be",l("Wrapper")].join(" "),children:m})},addNewSheet:function(e){if(e=B(d({sheetGroups:e.sheetGroups||[],backgroundEffect:!0,overwrap:e.type=="custom",hold_state:!1},e),{sheetID:e.sheetID||t.uuid.gen(),close_option:d({pageTransit:!0,escapeKeyDown:!0,aroundClick:e.type=="custom"},e.close_option)}),this.contents[e.sheetID]){let m=_.get(e.sheetID);m&&m.refresh&&m.refresh(e,!0);return}this.contents[e.sheetID]={open:!0,hold_state:!!e.hold_state,params:e,created_at:t.Time()};let o=_.get("Sheet-"+R.get().sessionUID);o&&o.refresh()},Core:e=>{var y;let[o]=z(t.uuid.gen()),[m,s]=z(e),[r,f]=z(!0),{type:g,sheetID:a,openAfter:S,closeAfter:w}=m,I=!e.overwrap,v=h.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]];H(()=>{_.set({key:a,value:{refresh:(i,u)=>{s(i),f(u!=null?u:!1)},resize:i=>{if(g=="drawer.bottom"){let u=_.get(o);u&&u.resize&&u.resize(i)}else(m.type.includes("normal")||m.type.includes("drawer"))&&s(B(d({},m),{size:i}))},close:i=>{h.contents[a].open=!1,f(!1)},open:()=>{h.contents[a].open=!0,f(!0)}}})}),H(()=>{h.currentIndex++;let{close_option:i}=e;t.scope(()=>{if(!(i!=null&&i.elementBlur))return;let u=t(R.get().appRoot).find(i.elementBlur);u[0]&&u.addEvent({eventID:"SheetClosation-"+a,eventType:"mouseout",callback:()=>{x.close(a),t().removeEvent("SheetClosation-"+a)}})})},[]),H(()=>{t.scope(()=>{if(I&&e.backgroundEffect)if(h.subSheetLength=h.subSheetLength+(r?1:-1),r){let i=t("html");if(h.subSheetLength==1){let u=i[0].scrollTop;h.mainSheetScrolls=u}R.get().isPhone||(i.abort().addClass(l("FixHeight")).callback(()=>{t(R.get().appRoot).find(".AMOTIFY_be_root").addClass(l("FixScroll"))[0].scrollTop=h.mainSheetScrolls}).addClass([l("FloatMainSheet"),l("Type_"+g)])[0].scrollTop=0)}else{if(h.subSheetLength!=0||R.get().isPhone)return;t("html").abort().removeClass(l("FloatMainSheet")).await(251).removeClass(l("FixHeight")).callback(u=>{u[0].scrollTop=h.mainSheetScrolls|0,t(R.get().appRoot).find(".AMOTIFY_be_root")[0].scrollTop=0})}}),t.scope(()=>{let i=t(R.get().appRoot).find("#"+o);r?t(i).abort().await(10).removeClass(l("Hide")).await(10).addClass(l("Open")).callback(()=>{S&&S()}):t(i).abort().await(10).removeClass(l("Open")).await(251).addClass(l("Hide")).callback(()=>{!w||w(),!e.hold_state&&(delete h.contents[a],t(R.get().appRoot).find("#Sheet-"+a).remove(),t().removeEvent("SheetClosation-"+a))})})},[r]);let[T,C]=g.split(".");return n(P,{className:[l("Wrap"),l("Tcate_"+T),l("Tpos_"+C),l("isNewSheet_"+I)].join(" "),width:1,height:0,ssAbsoluteCovered:!0,freeCSS:{zIndex:h.currentIndex+1},id:o,children:j(G,{className:l("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[I?n(h.TapSensor,{sheetID:a,delegateAroundClick:(y=e.close_option)==null?void 0:y.aroundClick}):null,n(v,d({componentID:o},m))]})})},Types:{Normal:e=>{let u=e,{sheetID:o,sheetGroups:m,content:s,className:r="",type:f,size:g="R",freeCSS:a,openAfter:S,hold_state:w,overwrap:I}=u,v=O(u,["sheetID","sheetGroups","content","className","type","size","freeCSS","openAfter","hold_state","overwrap"]),[T,C]=f.split("."),y={},i=[];return C.match(/top/)?(i.push("top"),y.marginBottom="auto"):C.match(/middle/)?(i.push("center"),y.marginTop="auto",y.marginBottom="auto"):C.match(/bottom/)&&(i.push("bottom"),y.marginTop="auto"),C.match(/left/i)?(i.push("left"),y.marginRight="auto"):C.match(/center/i)?(i.push("center"),y.marginLeft="auto",y.marginRight="auto"):C.match(/right/i)&&(i.push("right"),y.marginLeft="auto"),n(P,B(d(d({className:[l("BB"),r].join(" "),transition:"long",opacity:"trans"},y),v),{freeCSS:d({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"95vw"}[g],maxWidth:"96vw",transformOrigin:i.join(" ")},a),children:t.is.function(s)?n(s,{}):s}))},Edge:e=>{let T=e,{sheetID:o,sheetGroups:m,type:s,content:r,className:f="",size:g="R",freeCSS:a,close_option:S,hold_state:w,overwrap:I}=T,v=O(T,["sheetID","sheetGroups","type","content","className","size","freeCSS","close_option","hold_state","overwrap"]);return n(P,B(d(d({opacity:"trans",transition:"long",position:"relative",backgroundColor:"1.layer.base",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark",className:[l("BB"),f].join(" ")},s=="drawer.right"?{marginLeft:"auto"}:s=="drawer.left"?{marginRight:"auto"}:{}),v),{freeCSS:d({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"95vw"}[g]},a),children:t.is.function(r)?n(r,{}):r}))},Bottom:e=>{let F=e,{componentID:o,sheetID:m,sheetGroups:s,content:r,size:f="R",sizeChanged:g,baseStyles:a,close_option:{swipeDown:S=!0}={},hold_state:w,overwrap:I}=F,v=O(F,["componentID","sheetID","sheetGroups","content","size","sizeChanged","baseStyles","close_option","hold_state","overwrap"]),T=t.getScreenSize(),C=[0,.2,.6,.95],y={ZERO:0,S:1,R:2,L:3},[i,u]=z(f),[N,M]=z({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:C[y[f]]});_.update({key:o,value:{val_edit:N,resize:k=>{let p=C[y[k]];M(B(d({},N),{value:p})),u(k)}}});const D={Start:k=>{t(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:D.Move}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:D.Move}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:D.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:D.End});let p=t.getCursor(k),c=B(d({},N),{process:!0,processStart:new Date().getTime(),originY:p.y,originValue:N.value,viewHeight:t.getScreenSize().height});_.update({key:o,value:{val_edit:c}}),M(c)},Move:k=>{var L;let p=(L=_.get(o))==null?void 0:L.val_edit;if(!p.process)return;let E=(t.getCursor(k).y-p.originY)/p.viewHeight,b=p.originValue-E;if(b>.95)b=.95+(b-.95)*.5;else if(b<.2){let A=.2-b;A-=.1,b=.1+(.1-A)*.5}M(B(d({},p),{value:b}))},End:k=>{var b;let p=(b=_.get(o))==null?void 0:b.val_edit;if(!p.process)return;t(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let c=0;if(p.value<.1||(p.value<.5?c=1:p.value>.75?c=3:c=2),new Date().getTime()-p.processStart<300){let L=t.getCursor(k).y-p.originY;if(Math.abs(L)>=20){let A=+(L<0)*2-1;c+=A,c=Math.min(Math.max(c,0),C.length-1)}}c==0&&(S||(c=1)),u(["ZERO","S","R","L"][c]),M(B(d({},p),{value:C[c],process:!1}))}},W=K(!1);return H(()=>{W.current?i=="ZERO"?S&&x.close(m):setTimeout(()=>{e.sizeChanged&&e.sizeChanged(i)},250):W.current=!0},[i]),n(P,{className:l("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:d({maxWidth:12*60,height:T.height*N.value},N.process?{transition:"0s"}:{}),children:j(G,B(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},a),{children:[j(U.Separate,{padding:"1/2",backgroundColor:"1.layer.base",position:"relative",freeCSS:{userSelect:"none"},children:[n(U.Center,{flexSizing:0,padding:"2/3",onMouseDown:D.Start,onTouchStart:D.Start,ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:n(P,{unitWidth:6,unitHeight:"1/2",backgroundColor:"5.layer.darker",isRounded:!0,className:l("DragBar")})}),n(Y.Button.Sub.R,{color:"cloud",ssSphere:2,onClick:()=>{x.close(m)},children:n($.Times,{})})]}),n(P,B(d({backgroundColor:"1.layer.base",flexSizing:0,overflow:"auto"},v),{children:t.is.function(r)?n(r,{}):r}))]}))})},Custom:e=>{let k=e,{sheetID:o,sheetGroups:m,parent:s,gravityPoint:r=22,content:f,close_option:g,hold_state:a,overwrap:S,openAfter:w,closeAfter:I}=k,v=O(k,["sheetID","sheetGroups","parent","gravityPoint","content","close_option","hold_state","overwrap","openAfter","closeAfter"]),[T]=z(t.uuid.gen()),C=t(R.get().appRoot).find(s),y=t(R.get().appRoot).find('[data-sheet-id="'+T+'"]'),i=t(R.get().appRoot).find('[data-sheet-content="'+T+'"]');r=r;let u=r%5||5,N=Math.ceil(r/5);const M=()=>{let p={},{top:c,right:E,bottom:b,left:L,height:A,width:X}=C.position();return[1,2].includes(u)?p.left=L:u==3?p.left=L+X/2:[4,5].includes(u)&&(p.left=E),r<=10?p.top=c:r<=15?p.top=c+A/2:r<=25&&(p.top=b),p};let[D,W]=z(M());const F=()=>{let p=y.position(),c=i.position(),E=t.getScreenSize(),b=d({},D);return c.top<0&&(b.top=p.top-c.top),c.left<0&&(b.left=p.left-c.left),c.right>E.width&&(b.left=p.left-(c.right-E.width)),c.bottom>E.height&&(b.top=p.top-(c.bottom-E.height)),b};return H(()=>{y.await(10).addClass(l("Open")).await(250).callback(()=>{W(F())}),_.update({key:"customSheet-"+e.sheetID,value:{reposition:()=>{setTimeout(()=>{W(F())},200)}}})},[]),C[0]?n(P,{className:[l("BB"),l("CustomSheet")].join(" "),"data-sheet-id":T,transition:"long",opacity:"trans",position:"absolute",width:0,height:0,flexCenter:!0,freeCSS:D,children:n(Z,{className:[l("GPT"),l("GPT_"+r),l("Col_"+u),l("Row_"+N)].join(" "),position:"absolute",children:n(P,B(d({flexSizing:"none","data-sheet-content":T,maxHeight:"viewHeight",overflow:"auto",padding:1},v),{freeCSS:d({maxWidth:"98vw"},v.freeCSS),children:t.is.function(f)?n(f,{}):f}))})}):null}},TapSensor:e=>n(Y.Button.Plain,{className:l("TapSensor"),onClick:()=>{var o;(o=e.delegateAroundClick)!=null&&o&&x.close(e.sheetID)},freeCSS:{cursor:"default"},children:n(P,{className:l("TapContent")})})},x={Wrapper:()=>n(h.Wrapper,{}),open:e=>{if(e.sheetID=(e.sheetID||"").replace(/\./g,"-"),e.type=="image"){let o=e,{type:m,sheetID:s=t.uuid.gen(),src:r}=o,f=O(o,["type","sheetID","src"]);x.open(B(d({type:"normal.topCenter",sheetID:s,backgroundColor:"trans",boxShadow:"none"},f),{close_option:d({},e.close_option),freeCSS:{maxWidth:"96vw",transformOrigin:"top"},content:()=>{let[g]=z(t.flatArray(r)),[a,S]=z(0),w=[],I=[];return g.forEach((v,T)=>{w.push({value:T,label:n(V,{src:t.flatArray(v)[0],width:"auto",height:1,freeCSS:{maxHeight:12*3}})}),I.push(n(V,{width:1,height:"auto",src:t.flatArray(v)[0]}))}),j(G,{gap:0,children:[j(U.Separate,{gap:2,padding:1,backgroundColor:"1.layer.base",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",children:[n(Q.Radio,{tone:"border",icon:!1,value:a,override:"force",horizontalAlign:"center",onUpdateValidValue:({value:v})=>{S(v[0])},cellStyles:{borderWidth:2,padding:"1/3"},options:w}),n(Y.Button.Sub.R,{color:"cloud",ssSphere:3,fontSize:"4.thirdTitle",onClick:()=>{x.close(s)},children:n($.Times,{})})]}),n(J.SwipeView,{slideIndex:a,options:{loop:g.length>1,onSlideCallback:v=>{S(v)}},slides:I,wrapper:v=>n(P,{borderBottomLeftRadius:"1.tone.primary",borderBottomRightRadius:"1.tone.primary",children:v})})]})}}));return}h.addNewSheet(e)},refresh:(e,o)=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let m=_.get(e.sheetID);m&&m.refresh&&m.refresh(e,o)},resize:e=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let o=_.get(e.sheetID);o&&o.resize&&o.resize(e.size)},reposition:e=>{let o=_.get("customSheet-"+e);o&&o.reposition&&o.reposition()},close:function(e,o,m){var r;let s;if(e=e==null?void 0:e.replace(/\./g,"-"),s=h.contents[e],!!s&&!(o=="Escape"&&!((r=s.params.close_option)!=null&&r.escapeKeyDown))){let{params:f}=s,{sheetID:g}=f,a=_.get(g);a&&a.close&&a.close(m)}},closeGroup:e=>{var o;e=(e||"").replace(/\./g,"-");for(let[m,s]of Object.entries(h.contents))(o=s.params.sheetGroups)!=null&&o.includes(e)&&x.close(m)},closeAll:e=>{var o;for(let[m,s]of Object.entries(h.contents))e&&((o=s.params.close_option)==null?void 0:o.pageTransit)==!1||x.close(m,"pageTransit",!0)},Comps:{Body:e=>n(P,d({className:l("BaseBody"),backgroundColor:"1.layer.base",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},e))}};export{x as Sheet,x as default};
1
+ import{b as h,c as B,d as M}from"../chunk-VY3566IV.js";import{jsx as n,jsxs as j}from"react/jsx-runtime";import{useState as z,useEffect as H,useRef as Z}from"react";import{$$ as a,$$fromRoot as L,Config as F,useStore as T}from"../@utils/_";import R from"../atoms/Box";import V from"../atoms/Img";import X from"../atoms/FAI";import J from"../atoms/Flex";import G from"../mols/Column";import $ from"../mols/Row";import Y from"./Button";import Q from"./Layout/_";import q from"./Input/_";import{SheetClasses as l}from"../@styles/componentClasses/_";const d={mainSheetScrolls:0,subSheetLength:0,currentIndex:0,contents:{},Wrapper:()=>{let[e,t]=z(a.uuid.gen());H(()=>{T.set({key:"Sheet-"+F.get().sessionUID,value:{refresh:()=>{t(a.uuid.gen())}}}),a(document).addEvent({eventType:"keyup",callback:function(s){let{key:o,metaKey:f}=s;if(o=="Escape"||o==","&&f){let g=Object.values(d.contents).filter(S=>S.isOpen);if(!g.length)return;let r=g.reduce((S,w)=>S.created_at.value>w.created_at.value?S:w);x.close(r.params.sheetID,o)}}}).addEvent({eventType:"click",callback:function(s){var g;let o=Object.values(d.contents).filter(r=>r.params.type=="custom");!o.length||o.find(r=>{let{params:S}=r,w=S.parent,I=s.target;return!!(w==I||a(w).find(I).length)})||(g=s.target)!=null&&g.closest("."+l("CustomSheet"))||o.forEach(r=>{var S;(S=r.params.close_option)!=null&&S.aroundClick&&x.close(r.params.sheetID)})}})},[]);let m=Object.entries(d.contents).map(([s,o])=>n(R,{id:"Sheet-"+s,children:n(d.Core,h({isOpen:o.isOpen},o.params))}));return n(R,{className:["AMOTIFY_be",l("Wrapper")].join(" "),children:m})},addNewSheet:function(e){if(e=B(h({sheetGroups:e.sheetGroups||[],backgroundEffect:!0,overwrap:e.type=="custom",hold_state:!1},e),{sheetID:e.sheetID||a.uuid.gen(),close_option:h({pageTransit:!0,escapeKeyDown:!0,aroundClick:e.type=="custom"},e.close_option)}),this.contents[e.sheetID]){let m=T.get(e.sheetID);m&&m.refresh&&m.refresh(e,!0);return}this.contents[e.sheetID]={isOpen:!0,hold_state:!!e.hold_state,params:e,created_at:a.Time()};let t=T.get("Sheet-"+F.get().sessionUID);t&&t.refresh()},Core:e=>{var y;let[t]=z(a.uuid.gen()),[m,s]=z(e),[o,f]=z(e.isOpen),{type:g,sheetID:r,openAfter:S,closeAfter:w}=m,I=!e.overwrap,v=d.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]];H(()=>{T.set({key:r,value:{refresh:(i,c)=>{s(i),f(c!=null?c:!1)},resize:i=>{if(g=="drawer.bottom"){let c=T.get(t);c&&c.resize&&c.resize(i)}else(m.type.includes("normal")||m.type.includes("drawer"))&&s(B(h({},m),{size:i}))},close:i=>{d.contents[r].isOpen=!1,f(!1)},open:()=>{d.contents[r].isOpen=!0,f(!0)}}})}),H(()=>{d.currentIndex++;let{close_option:i}=e;a.scope(()=>{if(!(i!=null&&i.elementBlur))return;let c=L(i.elementBlur);c[0]&&c.addEvent({eventID:"SheetClosation-"+r,eventType:"mouseout",callback:()=>{x.close(r),a().removeEvent("SheetClosation-"+r)}})})},[]),H(()=>{a.scope(()=>{if(I&&e.backgroundEffect)if(d.subSheetLength=d.subSheetLength+(o?1:-1),o){let i=a("html");if(d.subSheetLength==1){let c=i[0].scrollTop;d.mainSheetScrolls=c}F.get().isPhone||(i.abort().addClass(l("FixHeight")).callback(()=>{L(".AMOTIFY_be_root").addClass(l("FixScroll"))[0].scrollTop=d.mainSheetScrolls}).addClass([l("FloatMainSheet"),l("Type_"+g)])[0].scrollTop=0)}else{if(d.subSheetLength!=0||F.get().isPhone)return;a("html").abort().removeClass(l("FloatMainSheet")).await(251).removeClass(l("FixHeight")).callback(c=>{c[0].scrollTop=d.mainSheetScrolls|0,L(".AMOTIFY_be_root")[0].scrollTop=0})}}),a.scope(()=>{let i=L("#"+t);o?a(i).abort().await(10).removeClass(l("Hide")).await(10).addClass(l("Open")).callback(()=>{d.contents[r].isOpen=!0,S&&S()}):a(i).abort().await(10).removeClass(l("Open")).await(251).addClass(l("Hide")).callback(()=>{if(!w||w(),e.hold_state)return;delete d.contents[r];let c=T.get("Sheet-"+F.get().sessionUID);c&&c.refresh(),a().removeEvent("SheetClosation-"+r)})})},[o]);let[_,C]=g.split(".");return n(R,{className:[l("Wrap"),l("Tcate_"+_),l("Tpos_"+C),l("isNewSheet_"+I)].join(" "),width:1,height:0,ssAbsoluteCovered:!0,freeCSS:{zIndex:d.currentIndex+1},id:t,children:j(G,{className:l("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[I?n(d.TapSensor,{sheetID:r,delegateAroundClick:(y=e.close_option)==null?void 0:y.aroundClick}):null,n(v,h({componentID:t},m))]})})},Types:{Normal:e=>{let c=e,{sheetID:t,sheetGroups:m,content:s,className:o="",type:f,size:g="R",freeCSS:r,openAfter:S,hold_state:w,overwrap:I}=c,v=M(c,["sheetID","sheetGroups","content","className","type","size","freeCSS","openAfter","hold_state","overwrap"]),[_,C]=f.split("."),y={},i=[];return C.match(/top/)?(i.push("top"),y.marginBottom="auto"):C.match(/middle/)?(i.push("center"),y.marginTop="auto",y.marginBottom="auto"):C.match(/bottom/)&&(i.push("bottom"),y.marginTop="auto"),C.match(/left/i)?(i.push("left"),y.marginRight="auto"):C.match(/center/i)?(i.push("center"),y.marginLeft="auto",y.marginRight="auto"):C.match(/right/i)&&(i.push("right"),y.marginLeft="auto"),n(R,B(h(h({className:[l("BB"),o].join(" "),transition:"long",opacity:"trans"},y),v),{freeCSS:h({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"95vw"}[g],maxWidth:"96vw",transformOrigin:i.join(" ")},r),children:a.is.function(s)?n(s,{}):s}))},Edge:e=>{let _=e,{sheetID:t,sheetGroups:m,type:s,content:o,className:f="",size:g="R",freeCSS:r,close_option:S,hold_state:w,overwrap:I}=_,v=M(_,["sheetID","sheetGroups","type","content","className","size","freeCSS","close_option","hold_state","overwrap"]);return n(R,B(h(h({opacity:"trans",transition:"long",position:"relative",backgroundColor:"1.layer.base",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark",className:[l("BB"),f].join(" ")},s=="drawer.right"?{marginLeft:"auto"}:s=="drawer.left"?{marginRight:"auto"}:{}),v),{freeCSS:h({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"95vw"}[g]},r),children:a.is.function(o)?n(o,{}):o}))},Bottom:e=>{let W=e,{componentID:t,sheetID:m,sheetGroups:s,content:o,size:f="R",sizeChanged:g,baseStyles:r,close_option:{swipeDown:S=!0}={},hold_state:w,overwrap:I}=W,v=M(W,["componentID","sheetID","sheetGroups","content","size","sizeChanged","baseStyles","close_option","hold_state","overwrap"]),_=a.getScreenSize(),C=[0,.2,.6,.95],y={ZERO:0,S:1,R:2,L:3},[i,c]=z(f),[P,A]=z({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:C[y[f]]});T.update({key:t,value:{val_edit:P,resize:k=>{let p=C[y[k]];A(B(h({},P),{value:p})),c(k)}}});const D={Start:k=>{a(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:D.Move}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:D.Move}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:D.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:D.End});let p=a.getCursor(k),u=B(h({},P),{process:!0,processStart:new Date().getTime(),originY:p.y,originValue:P.value,viewHeight:a.getScreenSize().height});T.update({key:t,value:{val_edit:u}}),A(u)},Move:k=>{var N;let p=(N=T.get(t))==null?void 0:N.val_edit;if(!p.process)return;let E=(a.getCursor(k).y-p.originY)/p.viewHeight,b=p.originValue-E;if(b>.95)b=.95+(b-.95)*.5;else if(b<.2){let O=.2-b;O-=.1,b=.1+(.1-O)*.5}A(B(h({},p),{value:b}))},End:k=>{var b;let p=(b=T.get(t))==null?void 0:b.val_edit;if(!p.process)return;a(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let u=0;if(p.value<.1||(p.value<.5?u=1:p.value>.75?u=3:u=2),new Date().getTime()-p.processStart<300){let N=a.getCursor(k).y-p.originY;if(Math.abs(N)>=20){let O=+(N<0)*2-1;u+=O,u=Math.min(Math.max(u,0),C.length-1)}}u==0&&(S||(u=1)),c(["ZERO","S","R","L"][u]),A(B(h({},p),{value:C[u],process:!1}))}},U=Z(!1);return H(()=>{U.current?i=="ZERO"?S&&x.close(m):setTimeout(()=>{e.sizeChanged&&e.sizeChanged(i)},250):U.current=!0},[i]),n(R,{className:l("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:h({maxWidth:12*60,height:_.height*P.value},P.process?{transition:"0s"}:{}),children:j(G,B(h({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},r),{children:[j($.Separate,{padding:"1/2",backgroundColor:"1.layer.base",position:"relative",freeCSS:{userSelect:"none"},children:[n($.Center,{flexSizing:0,padding:"2/3",onMouseDown:D.Start,onTouchStart:D.Start,ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:n(R,{unitWidth:6,unitHeight:"1/2",backgroundColor:"5.layer.darker",isRounded:!0,className:l("DragBar")})}),n(Y.Button.Sub.R,{color:"cloud",ssSphere:2,onClick:()=>{x.close(m)},children:n(X.Times,{})})]}),n(R,B(h({backgroundColor:"1.layer.base",flexSizing:0,overflow:"auto"},v),{children:a.is.function(o)?n(o,{}):o}))]}))})},Custom:e=>{let k=e,{sheetID:t,sheetGroups:m,parent:s,gravityPoint:o=22,content:f,close_option:g,hold_state:r,overwrap:S,openAfter:w,closeAfter:I}=k,v=M(k,["sheetID","sheetGroups","parent","gravityPoint","content","close_option","hold_state","overwrap","openAfter","closeAfter"]),[_]=z(a.uuid.gen()),C=L(s),y=L('[data-sheet-id="'+_+'"]'),i=L('[data-sheet-content="'+_+'"]');o=o;let c=o%5||5,P=Math.ceil(o/5);const A=()=>{let p={},{top:u,right:E,bottom:b,left:N,height:O,width:K}=C.position();return[1,2].includes(c)?p.left=N:c==3?p.left=N+K/2:[4,5].includes(c)&&(p.left=E),o<=10?p.top=u:o<=15?p.top=u+O/2:o<=25&&(p.top=b),p};let[D,U]=z(A());const W=()=>{let p=y.position(),u=i.position(),E=a.getScreenSize(),b=h({},D);return u.top<0&&(b.top=p.top-u.top),u.left<0&&(b.left=p.left-u.left),u.right>E.width&&(b.left=p.left-(u.right-E.width)),u.bottom>E.height&&(b.top=p.top-(u.bottom-E.height)),b};return H(()=>{y.await(10).addClass(l("Open")).await(250).callback(()=>{U(W())}),T.update({key:"customSheet-"+e.sheetID,value:{reposition:()=>{setTimeout(()=>{U(W())},200)}}})},[]),C[0]?n(R,{className:[l("BB"),l("CustomSheet")].join(" "),"data-sheet-id":_,transition:"long",opacity:"trans",position:"absolute",width:0,height:0,flexCenter:!0,freeCSS:D,children:n(J,{className:[l("GPT"),l("GPT_"+o),l("Col_"+c),l("Row_"+P)].join(" "),position:"absolute",children:n(R,B(h({flexSizing:"none","data-sheet-content":_,maxHeight:"viewHeight",overflow:"auto",padding:1},v),{freeCSS:h({maxWidth:"98vw"},v.freeCSS),children:a.is.function(f)?n(f,{}):f}))})}):null}},TapSensor:e=>n(Y.Button.Plain,{className:l("TapSensor"),onClick:()=>{var t;(t=e.delegateAroundClick)!=null&&t&&x.close(e.sheetID)},freeCSS:{cursor:"default"},children:n(R,{className:l("TapContent")})})},x={Wrapper:()=>n(d.Wrapper,{}),open:e=>{if(e.sheetID=(e.sheetID||"").replace(/\./g,"-"),e.type=="image"){let t=e,{type:m,sheetID:s=a.uuid.gen(),src:o}=t,f=M(t,["type","sheetID","src"]);x.open(B(h({type:"normal.topCenter",sheetID:s,backgroundColor:"trans",boxShadow:"none"},f),{close_option:h({},e.close_option),freeCSS:{maxWidth:"96vw",transformOrigin:"top"},content:()=>{let[g]=z(a.flatArray(o)),[r,S]=z(0),w=[],I=[];return g.forEach((v,_)=>{w.push({value:_,label:n(V,{src:a.flatArray(v)[0],width:"auto",height:1,freeCSS:{maxHeight:12*3}})}),I.push(n(V,{width:1,height:"auto",src:a.flatArray(v)[0]}))}),j(G,{gap:0,children:[j($.Separate,{gap:2,padding:1,backgroundColor:"1.layer.base",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",children:[n(q.Radio,{tone:"border",icon:!1,value:r,override:"force",horizontalAlign:"center",onUpdateValidValue:({value:v})=>{S(v[0])},cellStyles:{borderWidth:2,padding:"1/3"},options:w}),n(Y.Button.Sub.R,{color:"cloud",ssSphere:3,fontSize:"4.thirdTitle",onClick:()=>{x.close(s)},children:n(X.Times,{})})]}),n(Q.SwipeView,{slideIndex:r,options:{loop:g.length>1,onSlideCallback:v=>{S(v)}},slides:I,wrapper:v=>n(R,{borderBottomLeftRadius:"1.tone.primary",borderBottomRightRadius:"1.tone.primary",children:v})})]})}}));return}d.addNewSheet(e)},refresh:(e,t)=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let m=T.get(e.sheetID);m&&m.refresh&&m.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,m){var o;let s;if(e=e==null?void 0:e.replace(/\./g,"-"),s=d.contents[e],!!s&&!(t=="Escape"&&!((o=s.params.close_option)!=null&&o.escapeKeyDown))){let{params:f}=s,{sheetID:g}=f,r=T.get(g);r&&r.close&&r.close(m)}},closeGroup:e=>{var t;e=(e||"").replace(/\./g,"-");for(let[m,s]of Object.entries(d.contents))(t=s.params.sheetGroups)!=null&&t.includes(e)&&x.close(m)},closeAll:e=>{var t;for(let[m,s]of Object.entries(d.contents))e&&((t=s.params.close_option)==null?void 0:t.pageTransit)==!1||x.close(m,"pageTransit",!0)},Comps:{Body:e=>n(R,h({className:l("BaseBody"),backgroundColor:"1.layer.base",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},e))}};export{x as Sheet,x as default};
@@ -1 +1 @@
1
- import{b as m,c,d as C}from"../chunk-VY3566IV.js";import{Fragment as A,jsx as a,jsxs as O}from"react/jsx-runtime";import{createElement as P}from"react";import{$$ as o,Config as f,useStore as p}from"../@utils/_";import{useState as k,useEffect as D}from"react";import x from"../atoms/Box";import w from"../atoms/Flex";import y from"../atoms/FAI";import E from"../mols/Row";import R from"./Button";import{SnackbarClasses as g}from"../@styles/componentClasses/_";const u={add:function(l){return p.get("Snackbar-"+f.get().sessionUID).add(l),this},remove:function(l){return p.get("Snackbar-"+f.get().sessionUID).remove(l),this},Wrapper:()=>a(B.Wrapper,{})},B={Cell:l=>{let b=l,{snackID:i,secondsToClose:n=10,componentID:S=o.uuid.gen(),children:d,customChildren:e}=b,r=C(b,["snackID","secondsToClose","componentID","children","customChildren"]),[t]=k(S),[s,h]=k(!1);D(()=>{let v=o(f.get().appRoot).find('[data-component-id="'+t+'"]');setTimeout(()=>{v.addClass(g("FadeIn"))},10),p.set({key:"Snackbar-"+i,value:{remove:()=>{v.addClass(g("FadeOut"))}}})},[]),D(()=>{o.interval.clear("Snackbar-"+t),s||setTimeout(()=>{o.interval.standBy("Snackbar-"+t,n*1e3,()=>{s||u.remove(i)})},100)},[s]);let I=a(A,{});return e?I=a(e,{close:()=>{u.remove(i)}}):I=O(E.Separate,{verticalAlign:"top",children:[a(x,{padding:["1/4",0],flexSizing:0,children:o.is.function(d)?a(d,{}):d}),a(R.Button.Clear.R,{color:"layer",backgroundColor:"lcOpLow",fontColor:"white",ssSphere:2.5,onClick:()=>{u.remove(i)},children:a(y.Times,{})})]}),a(x,c(m({className:g("Cell"),opacity:"trans",width:1,padding:"2/3",marginBottom:1,borderRadius:"1.tone.primary",fontColor:"white",boxShadow:"1.remark",backgroundColor:"dark",transition:"middle",componentID:t,onMouseOver:()=>{h(!0)},onMouseOut:()=>{h(!1)}},r),{children:I}))},Wrapper:()=>{let[l,i]=k(o.uuid.gen()),[n,S]=k([]);p.set({key:"Snackbar-"+f.get().sessionUID,value:{add:e=>{e.snackID=e.snackID||o.uuid.gen();let r=n.findIndex(t=>t.snackID==e.snackID);if(r==-1)n.unshift(c(m({},e),{snackID:e.snackID}));else{let t=[...n];t[r]=c(m({},e),{snackID:e.snackID}),n=t}i(o.uuid.gen())},remove:e=>{let r=p.get("Snackbar-"+e);r&&r.remove&&(r.remove(),setTimeout(()=>{let t=n.findIndex(s=>s.snackID==e);if(t!=-1){let s=[...n];s.splice(t,1),n=s,i(o.uuid.gen())}},210))}}});let d=n.map(e=>P(B.Cell,c(m({},e),{key:e.snackID})));return a(w,{className:["AMOTIFY_be",g("Wrapper")].join(" "),position:"fixed",right:0,bottom:0,paddingLeft:0,paddingRight:1,paddingBottom:"safeAreaBottom",verticalAlign:"bottom",children:d,overflow:"auto",UnderBreakPointStyles:{left:0,paddingLeft:1,width:"auto"}})}};export{u as Snackbar,u as default};
1
+ import{b as m,c,d as C}from"../chunk-VY3566IV.js";import{Fragment as O,jsx as o,jsxs as P}from"react/jsx-runtime";import{createElement as _}from"react";import{$$ as s,Config as I,useStore as p,$$fromRoot as w}from"../@utils/_";import{useState as f,useEffect as D}from"react";import x from"../atoms/Box";import y from"../atoms/Flex";import E from"../atoms/FAI";import R from"../mols/Row";import A from"./Button";import{SnackbarClasses as k}from"../@styles/componentClasses/_";const u={add:function(l){return p.get("Snackbar-"+I.get().sessionUID).add(l),this},remove:function(l){return p.get("Snackbar-"+I.get().sessionUID).remove(l),this},Wrapper:()=>o(B.Wrapper,{})},B={Cell:l=>{let b=l,{snackID:i,secondsToClose:n=10,componentID:S=s.uuid.gen(),children:d,customChildren:e}=b,r=C(b,["snackID","secondsToClose","componentID","children","customChildren"]),[t]=f(S),[a,h]=f(!1);D(()=>{let v=w('[data-component-id="'+t+'"]');setTimeout(()=>{v.addClass(k("FadeIn"))},10),p.set({key:"Snackbar-"+i,value:{remove:()=>{v.addClass(k("FadeOut"))}}})},[]),D(()=>{s.interval.clear("Snackbar-"+t),a||setTimeout(()=>{s.interval.standBy("Snackbar-"+t,n*1e3,()=>{a||u.remove(i)})},100)},[a]);let g=o(O,{});return e?g=o(e,{close:()=>{u.remove(i)}}):g=P(R.Separate,{verticalAlign:"top",children:[o(x,{padding:["1/4",0],flexSizing:0,children:s.is.function(d)?o(d,{}):d}),o(A.Button.Clear.R,{color:"layer",backgroundColor:"lcOpLow",fontColor:"white",ssSphere:2.5,onClick:()=>{u.remove(i)},children:o(E.Times,{})})]}),o(x,c(m({className:k("Cell"),opacity:"trans",width:1,padding:"2/3",marginBottom:1,borderRadius:"1.tone.primary",fontColor:"white",boxShadow:"1.remark",backgroundColor:"dark",transition:"middle",componentID:t,onMouseOver:()=>{h(!0)},onMouseOut:()=>{h(!1)}},r),{children:g}))},Wrapper:()=>{let[l,i]=f(s.uuid.gen()),[n,S]=f([]);p.set({key:"Snackbar-"+I.get().sessionUID,value:{add:e=>{e.snackID=e.snackID||s.uuid.gen();let r=n.findIndex(t=>t.snackID==e.snackID);if(r==-1)n.unshift(c(m({},e),{snackID:e.snackID}));else{let t=[...n];t[r]=c(m({},e),{snackID:e.snackID}),n=t}i(s.uuid.gen())},remove:e=>{let r=p.get("Snackbar-"+e);r&&r.remove&&(r.remove(),setTimeout(()=>{let t=n.findIndex(a=>a.snackID==e);if(t!=-1){let a=[...n];a.splice(t,1),n=a,i(s.uuid.gen())}},210))}}});let d=n.map(e=>_(B.Cell,c(m({},e),{key:e.snackID})));return o(y,{className:["AMOTIFY_be",k("Wrapper")].join(" "),position:"fixed",right:0,bottom:0,paddingLeft:0,paddingRight:1,paddingBottom:"safeAreaBottom",verticalAlign:"bottom",children:d,overflow:"auto",UnderBreakPointStyles:{left:0,paddingLeft:1,width:"auto"}})}};export{u as Snackbar,u as default};
@@ -1 +1 @@
1
- import{b as s,c as R,d as q}from"../../chunk-VY3566IV.js";import{Fragment as W,jsx as n,jsxs as x}from"react/jsx-runtime";import{useState as F,useEffect as G}from"react";import{$$ as I,useStore as L}from"../../@utils/_";import B from"../../atoms/Box";import M from"../../atoms/Flex";import K from"../../atoms/FAI";import Y from"../../atoms/Span";import Z from"../../mols/Column";import A from"../../mols/Row";import E from"../Button";import U from"../Sheet";import O from"../Input/_";import{faArrowUp as ee}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as te}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faArrowRight as re}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faFilter as oe}from"@fortawesome/free-solid-svg-icons/faFilter";import P from"./Parts";import ne from"./Wrapper";import{DefaultCellSystemStyles as V}from"./cellStyling";import{TableClasses as b}from"../../@styles/componentClasses/_";const f={__memoryID:I.uuid.gen(),Header:t=>{let{val_status:e,set_status:r,KeywordFilterRows:i}=s({},t),{order:u,filter:o}=e,[w,S]=u.current,c=[],d=[...e.head];e.checker&&c.push(n(P.TH,R(s(s(R(s({},e.cellStyles),{fontWeight:"2.normal",position:"sticky",top:0,unitWidth:4,padding:0}),V({top:!0,bottom:!e.rows.length,left:!0,right:!e.colLength})),e.cellStylesCallback?e.cellStylesCallback({top:!0,bottom:!e.rows.length,left:!0,right:!e.colLength,rowIndex:0,colIndex:0,isBody:!1,isHeader:!0}):{}),{className:[b("Cell"),e.cellClassName].join(" "),freeCSS:{zIndex:2},children:n(B,{flexCenter:!0,children:n(O.Checker,{label:null,value:!1,onUpdateValidValue:({value:l})=>{let h=e.rows;h.forEach(C=>{C.checked=l}),r(R(s({},e),{rows:h}))}})})})));for(let l=0;l<e.colLength;l++){let h=d[l];if(!h)continue;let C=h.children||h.data,a=u.enabled&&u.column[l],g=o.enabled&&o.column[l],p=a?n(K,{fontSize:"1.mini",fontColor:l==w?"1.clear":"5.translucent",icon:l==w?S=="DESC"?te:ee:re}):null,_=n(W,{});if(g){let k=i.map(T=>{var N;return(N=T[l])==null?void 0:N.data});k=[...new Set(k)].order({direction:"ASC"});let v=o.current[l];if(v){let T=k.filter(y=>!v.includes(y)),N=[];k.forEach(y=>{y&&N.push({value:y,label:n(B,{flexSizing:"auto",children:y})})});let j="BUTTON-"+e.componentID+"-"+l,J=e.componentID+"-"+l,$={sheetID:J,parent:"#"+j,gravityPoint:23,type:"custom",content:x(M,{flexType:"col",border:!0,boxShadow:"3.remark",backgroundColor:"1.layer.base",borderRadius:1,freeCSS:{minWidth:12*20,maxWidth:12*30},children:[n(Z,{gap:"1/3",overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*30},children:n(O.Checkbox,{tone:"cloud",icon:!0,value:T,display:"flex",gap:"1/2",override:"force",options:N,hideInput:!0,name:"DTFilter-col-"+l+"-table-"+e.componentID,cellStyles:{flexSizing:"auto",padding:"2/3"},onUpdateValidValue:({value:y})=>{let H=k.filter(Q=>!y.includes(Q)),X=s({},e);X.filter.current[l]=H,r(X)}})}),x(A.Separate,{gap:"2/3",padding:"2/3",horizontalAlign:"right",children:[n(E.Button.Border.S,{isRounded:!0,onClick:()=>{U.close(J)},children:"\u9589\u3058\u308B"}),n(E.Button.Prime.S,{color:"theme",isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{let y=[];v.length||(y=k);let H=s({},e);H.filter.current[l]=y,r(H)},children:"\u5168\u9078\u629E"})]})]})};U.refresh($,!0),_=n(B,{className:b("FilterRegion"),children:n(E.Button.Sub.S,{ssSphere:2.5,fontSize:"1.mini",className:b("Filtering_"+!!v.length),id:j,onClick:y=>{y.stopPropagation(),U.open($)},children:n(K,{icon:oe})})})}}h=R(s(s(s(s({},e.cellStyles),h),V({top:!0,bottom:!e.rows.length,left:l==Number(e.checker),right:l==e.colLength-1})),e.cellStylesCallback?e.cellStylesCallback({top:!0,bottom:!e.rows.length,left:l==Number(e.checker),right:l==e.colLength-1,rowIndex:0,colIndex:l,isBody:!1,isHeader:!0}):{}),{ssPushable:a,className:[b("Cell"),e.cellClassName,h.className].join(" ")}),c.push(n(P.TH,R(s({fontWeight:"2.normal",position:"sticky",top:0},h),{freeCSS:s({zIndex:2},h.freeCSS),onClick:k=>{if(a){let v=s({},e),T=[l,w===l&&S=="ASC"?"DESC":"ASC"];v.order.current=T,r(v),e.onOrderChanged&&e.onOrderChanged(T)}},children:x(M,{flexType:"row-r",flexWrap:!1,height:1,borderRadius:"inherit",flexCenter:!0,children:[_,x(M,{flexSizing:0,position:"relative",borderRadius:"inherit",gap:"1/3",flexWrap:!1,horizontalAlign:"center",children:[p,C]})]})})))}return n(P.Row,{className:[b("Row"),b("HeadRow")].join(" "),children:c})},Body:t=>{let{val_status:e,PageRows:r}=t,i=[];if(r.forEach((u,o)=>{let w=[...u],S=[];e.checker&&S.push(n(P.TH,R(s(s(s({unitWidth:4,padding:0,borderRight:!0},e.cellStyles),V({top:o==0&&!e.head,bottom:o==r.length-1,left:!0,right:!e.colLength})),e.cellStylesCallback?e.cellStylesCallback({top:o==0&&!e.head,bottom:o==r.length-1,left:!0,right:!e.colLength,rowIndex:o,colIndex:0,isBody:!0,isHeader:!1}):{}),{className:[b("Cell"),e.cellClassName].join(" "),children:n(B,{flexCenter:!0,children:n(O.Checker,{label:null,value:u.checked,override:"force",onUpdateValidValue:({value:c})=>{let d=e.rows;d[o].checked=c,t.set_status(R(s({},e),{rows:d}))}})})}))),w.forEach((c,d)=>{if(!c)return;let a=c,{type:l="td"}=a,h=q(a,["type"]);h=R(s(s(s(s({},e.cellStyles),h),V({top:o==0&&!e.head,bottom:o==r.length-1,left:e.checker?!1:d==0,right:d==e.colLength-1})),e.cellStylesCallback?e.cellStylesCallback({top:o==0&&!e.head,bottom:o==r.length-1,left:e.checker?!1:d==0,right:d==e.colLength-1,rowIndex:o,colIndex:d,isBody:!0,isHeader:!1}):{}),{className:[b("Cell"),e.cellClassName,h.className].join(" ")});let C=P[l=="td"?"TD":"TH"];S.push(n(C,s({},h),d))}),i.push(n(P.Row,{className:[b("Row"),b("BodyRow")].join(" "),children:S,onClick:c=>{e.onRowClick&&e.onRowClick(JSON.parse(u.rowID),c)}},o))}),!r.length){let u=n(B,{padding:2,fontColor:"4.thin",freeCSS:{textAlign:"center"},borderTop:"1.thin",children:"\u30C6\u30FC\u30D6\u30EB\u304C\u3042\u308A\u307E\u305B\u3093"});e.noRecords&&(u=n(W,{children:e.noRecords})),i.push(n(P.Row,{className:[b("Row"),b("BodyRow"),b("DataNotFound")].join(" "),children:n(P.TD,{colSpan:e.colLength,className:b("Cell"),children:u})},"dataNotFound"))}return n(W,{children:i})},Core:t=>{let{val_status:e,set_status:r}=t,{searchKeyword:i,filter:u,order:o,paging:w}=e,S=[...e.rows],c=[...e.rows],d=[...e.rows],l=[...e.rows];if(i&&(c=S.filter(a=>(a.__sys4SearchKey||"").match(new RegExp(i,"i"))?1:0),d=[...c],l=[...c]),u.enabled)for(let a=0;a<e.colLength;a++){let g=u.column[a],p=u.current[a];g&&p&&p.length&&(d=d.filter(_=>!p.includes(_[a].data)),l=[...d])}o.enabled&&(d=d.order({direction:o.current[1],keys:[o.current[0],"orderIndex"]}),l=[...d]);{let{currentPageIndex:a,rowLength:g}=w;l=[...l].splice((a-1)*g,g)}let h=f.__memoryID+"_"+e.tableID,C={tableComponentDidMount:!0,totalRows:S.length,pageRows:l.length,filteredRows:d.length,filter:e.filter,order:e.order,paging:e.paging,searchKeyword:e.searchKeyword};return L.update({key:h,value:{status:C,updatePageIndex:a=>{let g=Math.min(Math.max(1,a),e.paging.pageLength),p=s({},e);p.paging.currentPageIndex=g,r(p)},updateRowLength:a=>{let g=s({},e);g.paging={rowLength:a,currentPageIndex:1,pageLength:Math.ceil(d.length/a)},r(g)},updateKeyword:a=>{I.interval.clear("InputSearchTime"),I.interval.standBy("InputSearchTime",200,()=>{let g=s({},e);g.searchKeyword=a,g.paging.currentPageIndex=1,g.filter.current=g.filter.current.map(()=>[]),r(g)})},getRowData:()=>{let a=[...S];return o.enabled&&(a=a.order({direction:o.current[1],keys:[o.current[0],"orderIndex"]})),a.forEach(g=>{g.currentPage=!1,g.filtered=!1}),l.forEach(g=>{let{rowID:p}=g;a.find(_=>_.rowID==p).currentPage=!0}),d.forEach(g=>{let{rowID:p}=g;a.find(_=>_.rowID==p).filtered=!0}),a}}}),G(()=>{let a=f.Propagations[e.tableID]||[];Object.keys(a).forEach(g=>{let p=L.get(g);p!=null&&p.refresh&&p.refresh()})}),n(B,{className:b("TableBase"),children:x(P.Table,{className:b("Table"),children:[n(f.Header,{val_status:e,set_status:r,KeywordFilterRows:c}),n(f.Body,{val_status:e,set_status:r,PageRows:l})]})})},Propagations:{},DataLeveler:t=>{var e,r;return t=s({},t),t.filter=(e=t.filter)!=null?e:!1,t.filter=Array.from({length:t.colLength}).map((i,u)=>{var o;return I.is.boolean(t.filter)?t.filter:(o=t.filter[u])!=null?o:!1}),t.order=(r=t.order)!=null?r:!0,t.order=Array.from({length:t.colLength}).map((i,u)=>{var o;return I.is.boolean(t.order)?t.order:(o=t.order[u])!=null?o:!0}),t=s({checker:!1,searchKeyword:"",filter:!1,order:!0,defaultOrder:[0,"ASC"]},t),t.rows.forEach((i,u)=>{i.rowID=JSON.stringify(i.rowID||u);let o=[];i.forEach((w,S)=>{let{data:c,children:d,orderIndex:l}=w;w.orderIndex=I.is.exist(l)?String(l):String(c),w.children=d||String(c),o.push(String(w.data))}),i.__sys4SearchKey=o.join("/")}),n(f.StateManager,s({eventID:I.uuid.gen()},t))},StateManager:t=>{let{colLength:e,eventID:r,checker:i=!1,searchKeyword:u="",filter:o,order:w,defaultOrder:S=[0,"ASC"],pageRowLength:c=30}=t,[d]=F(I.uuid.gen()),l={tableID:t.tableID||d,componentID:d,colLength:e,checker:i,searchKeyword:u,filter:{enabled:o!==!1,column:o,current:Array.from({length:e},()=>[])},order:{enabled:w!==!1,column:w,current:S},paging:{rowLength:c,pageLength:Math.ceil(t.rows.length/c),currentPageIndex:1},head:t.head,rows:t.rows,noRecords:t.noRecords,cellStyles:t.cellStyles||{},cellClassName:t.cellClassName||"",cellStylesCallback:t.cellStylesCallback,onRowClick:t.onRowClick,onOrderChanged:t.onOrderChanged},[h,C]=F(l),[a,g]=F(t.eventID);return a!=t.eventID&&(g(t.eventID),C(l)),n(f.Core,{val_status:h,set_status:C})}},m={__memoryID:f.__memoryID,useStatus:t=>{var o;let[e]=F(I.uuid.gen()),[r,i]=F(I.uuid.gen()),u=f.__memoryID+"_"+t;return G(()=>(f.Propagations[t]=R(s({},f.Propagations[t]),{[e]:1}),L.set({key:e,value:{refresh:()=>{i(I.uuid.gen())}}}),()=>{delete f.Propagations[t][e]}),[]),((o=L.get(u))==null?void 0:o.status)||{tableComponentDidMount:!1}},getRowData:t=>{let e=L.get(f.__memoryID+"_"+t);if(e!=null&&e.getRowData)return e.getRowData()},setPageIndex:(t,e)=>{let r=L.get(f.__memoryID+"_"+t);r!=null&&r.updatePageIndex&&r.updatePageIndex(e)},setRowLength:(t,e)=>{let r=L.get(f.__memoryID+"_"+t);r!=null&&r.updateRowLength&&r.updateRowLength(e)},setSearchKeyword:(t,e)=>{let r=L.get(f.__memoryID+"_"+t);r!=null&&r.updateKeyword&&r.updateKeyword(e)}},z={SearchInput:t=>{let e=m.useStatus(t.tableID);return e.tableComponentDidMount?n(O.Text.Normal,{placeholder:"\u691C\u7D22...",clearButton:!0,padding:"2/3",paddingRight:3,rightIcon:n(O.Comps.RightIcon,{fontColor:"5.translucent",right:"2/3",children:n(K.Search,{})}),override:"force",value:e.searchKeyword,onUpdateValidValue:({value:r})=>{m.setSearchKeyword(t.tableID,r)}}):null},Info:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.filteredRows.ratio(e.totalRows)||0;return x(M,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[n(Y,{fontSize:"4.thirdTitle",fontColor:"theme",children:e.filteredRows.toLocaleString()}),"/ ",e.totalRows.toLocaleString(),"\u4EF6 (",r,"%)"]})},Paging:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=[];for(let i=0;i<e.paging.pageLength;i++)r.push({value:i+1,label:(i+1).toString()});return x(A.Center,{children:[x(A.Center,{gap:"1/2",children:["\u30DA\u30FC\u30B8 :",n(O.Select,{enableUnSelected:!1,padding:["1/3","2/3"],rightIcon:!1,placeholder:"",override:"force",value:e.paging.currentPageIndex,options:r,onUpdateValidValue:({value:i})=>{m.setPageIndex(t.tableID,i)}}),"/ ",e.paging.pageLength]}),x(A.Right,{gap:"1/2",children:[n(E.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==1){m.setPageIndex(t.tableID,e.paging.pageLength);return}m.setPageIndex(t.tableID,e.paging.currentPageIndex-1)},children:n(K.ChevronLeft,{})}),n(E.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==e.paging.pageLength){m.setPageIndex(t.tableID,1);return}m.setPageIndex(t.tableID,e.paging.currentPageIndex+1)},children:n(K.ChevronRight,{})})]})]})},RowLength:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.paging.rowLength,i=0,u=t.lengthSelect.map(o=>(i|=+(o==r),{value:o,label:o.toString()}));return i||u.push({value:r,label:r.toString()}),u=u.order({direction:"ASC",keys:["value"]}),x(A.Center,{gap:"1/2",children:["\u4EF6\u6570 :",n(O.Select,{enableUnSelected:!1,rightIcon:!1,placeholder:"\u9078\u629E",override:"force",padding:["1/3","2/3"],value:e.paging.rowLength,options:u,onUpdateValidValue:({value:o})=>{m.setRowLength(t.tableID,o)}})]})}},le=t=>n(ne,R(s({type:"normal"},t),{children:n(f.DataLeveler,s({},t))})),D=le;D.__memoryID=f.__memoryID,D.useStatus=m.useStatus,D.getRowData=m.getRowData,D.setPageIndex=m.setPageIndex,D.setRowLength=m.setRowLength,D.setSearchKeyword=m.setSearchKeyword,D.Info=z.Info,D.Paging=z.Paging,D.RowLength=z.RowLength,D.SearchInput=z.SearchInput;export{D as Data,D as default};
1
+ import{b as s,c as R,d as q}from"../../chunk-VY3566IV.js";import{Fragment as W,jsx as n,jsxs as x}from"react/jsx-runtime";import{useState as F,useEffect as G}from"react";import{$$ as I,useStore as L}from"../../@utils/_";import B from"../../atoms/Box";import M from"../../atoms/Flex";import K from"../../atoms/FAI";import Y from"../../atoms/Span";import Z from"../../mols/Column";import A from"../../mols/Row";import E from"../Button";import U from"../Sheet";import O from"../Input/_";import{faArrowUp as ee}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as te}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faArrowRight as re}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faFilter as oe}from"@fortawesome/free-solid-svg-icons/faFilter";import P from"./Parts";import ne from"./Wrapper";import{DefaultCellSystemStyles as V}from"./cellStyling";import{TableClasses as b}from"../../@styles/componentClasses/_";const f={__memoryID:I.uuid.gen(),Header:t=>{let{val_status:e,set_status:r,KeywordFilterRows:i}=s({},t),{order:u,filter:o}=e,[w,S]=u.current,c=[],g=[...e.head];e.checker&&c.push(n(P.TH,R(s(s(R(s({},e.cellStyles),{fontWeight:"2.normal",position:"sticky",top:0,unitWidth:4,padding:0}),V({top:!0,bottom:!e.rows.length,left:!0,right:!e.colLength})),e.cellStylesCallback?e.cellStylesCallback({top:!0,bottom:!e.rows.length,left:!0,right:!e.colLength,rowIndex:0,colIndex:0,isBody:!1,isHeader:!0}):{}),{className:[b("Cell"),e.cellClassName].join(" "),freeCSS:{zIndex:2},children:n(B,{flexCenter:!0,children:n(O.Checker,{label:null,value:!1,onUpdateValidValue:({value:l})=>{let h=e.rows;h.forEach(C=>{C.checked=l}),r(R(s({},e),{rows:h}))}})})})));for(let l=0;l<e.colLength;l++){let h=g[l];if(!h)continue;let C=h.children||h.data,a=u.enabled&&u.column[l],d=o.enabled&&o.column[l],p=a?n(K,{fontSize:"1.mini",fontColor:l==w?"1.clear":"5.translucent",icon:l==w?S=="DESC"?te:ee:re}):null,_=n(W,{});if(d){let k=i.map(T=>{var N;return(N=T[l])==null?void 0:N.data});k=[...new Set(k)].order({direction:"ASC"});let v=o.current[l];if(v){let T=k.filter(y=>!v.includes(y)),N=[];k.forEach(y=>{y&&N.push({value:y,label:n(B,{flexSizing:"auto",children:y})})});let j="BUTTON-"+e.componentID+"-"+l,J=e.componentID+"-"+l,X={sheetID:J,parent:"#"+j,gravityPoint:23,type:"custom",content:x(M,{flexType:"col",border:!0,boxShadow:"3.remark",backgroundColor:"1.layer.base",borderRadius:1,freeCSS:{minWidth:12*20,maxWidth:12*30},children:[n(Z,{gap:"1/3",overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*30},children:n(O.Checkbox,{tone:"cloud",icon:!0,value:T,display:"flex",gap:"1/2",override:"force",options:N,hideInput:!0,name:"DTFilter-col-"+l+"-table-"+e.componentID,cellStyles:{flexSizing:"auto",padding:"2/3"},onUpdateValidValue:({value:y})=>{let H=k.filter(Q=>!y.includes(Q)),$=s({},e);$.filter.current[l]=H,r($)}})}),x(A.Separate,{gap:"2/3",padding:"2/3",horizontalAlign:"right",children:[n(E.Button.Border.S,{isRounded:!0,onClick:()=>{U.close(J)},children:"\u9589\u3058\u308B"}),n(E.Button.Prime.S,{color:"theme",isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{let y=[];v.length||(y=k);let H=s({},e);H.filter.current[l]=y,r(H)},children:"\u5168\u9078\u629E"})]})]})};U.refresh(X,!0),_=n(B,{className:b("FilterRegion"),children:n(E.Button.Sub.S,{ssSphere:2.5,fontSize:"1.mini",className:b("Filtering_"+!!v.length),id:j,onClick:y=>{y.stopPropagation(),U.open(X)},children:n(K,{icon:oe})})})}}h=R(s(s(s(s({},e.cellStyles),h),V({top:!0,bottom:!e.rows.length,left:l==Number(e.checker),right:l==e.colLength-1})),e.cellStylesCallback?e.cellStylesCallback({top:!0,bottom:!e.rows.length,left:l==Number(e.checker),right:l==e.colLength-1,rowIndex:0,colIndex:l,isBody:!1,isHeader:!0}):{}),{ssPushable:a,className:[b("Cell"),e.cellClassName,h.className].join(" ")}),c.push(n(P.TH,R(s({fontWeight:"2.normal",position:"sticky",top:0},h),{freeCSS:s({zIndex:2},h.freeCSS),onClick:k=>{if(a){let v=s({},e),T=[l,w===l&&S=="ASC"?"DESC":"ASC"];v.order.current=T,r(v),e.onOrderChanged&&e.onOrderChanged(T)}},children:x(M,{flexType:"row-r",flexWrap:!1,height:1,borderRadius:"inherit",flexCenter:!0,children:[_,x(M,{flexSizing:0,position:"relative",borderRadius:"inherit",gap:"1/3",flexWrap:!1,horizontalAlign:"center",children:[p,C]})]})})))}return n(P.Row,{className:[b("Row"),b("HeadRow")].join(" "),children:c})},Body:t=>{let{val_status:e,PageRows:r}=t,i=[];if(r.forEach((u,o)=>{let w=[...u],S=[];e.checker&&S.push(n(P.TH,R(s(s(s({unitWidth:4,padding:0,borderRight:!0},e.cellStyles),V({top:o==0&&!e.head,bottom:o==r.length-1,left:!0,right:!e.colLength})),e.cellStylesCallback?e.cellStylesCallback({top:o==0&&!e.head,bottom:o==r.length-1,left:!0,right:!e.colLength,rowIndex:o,colIndex:0,isBody:!0,isHeader:!1}):{}),{className:[b("Cell"),e.cellClassName].join(" "),children:n(B,{flexCenter:!0,children:n(O.Checker,{label:null,value:u.checked,override:"force",onUpdateValidValue:({value:c})=>{let g=e.rows;g[o].checked=c,t.set_status(R(s({},e),{rows:g}))}})})}))),w.forEach((c,g)=>{if(!c)return;let a=c,{type:l="td"}=a,h=q(a,["type"]);h=R(s(s(s(s({},e.cellStyles),h),V({top:o==0&&!e.head,bottom:o==r.length-1,left:e.checker?!1:g==0,right:g==e.colLength-1})),e.cellStylesCallback?e.cellStylesCallback({top:o==0&&!e.head,bottom:o==r.length-1,left:e.checker?!1:g==0,right:g==e.colLength-1,rowIndex:o,colIndex:g,isBody:!0,isHeader:!1}):{}),{className:[b("Cell"),e.cellClassName,h.className].join(" ")});let C=P[l=="td"?"TD":"TH"];S.push(n(C,s({},h),g))}),i.push(n(P.Row,{className:[b("Row"),b("BodyRow")].join(" "),children:S,onClick:c=>{e.onRowClick&&e.onRowClick(JSON.parse(u.rowID),c)}},o))}),!r.length){let u=n(B,{padding:2,fontColor:"4.thin",freeCSS:{textAlign:"center"},borderTop:"1.thin",children:"\u30C6\u30FC\u30D6\u30EB\u304C\u3042\u308A\u307E\u305B\u3093"});e.noRecords&&(u=n(W,{children:e.noRecords})),i.push(n(P.Row,{className:[b("Row"),b("BodyRow"),b("DataNotFound")].join(" "),children:n(P.TD,{colSpan:e.colLength,className:b("Cell"),children:u})},"dataNotFound"))}return n(W,{children:i})},Core:t=>{let{val_status:e,set_status:r}=t,{searchKeyword:i,filter:u,order:o,paging:w}=e,S=[...e.rows],c=[...e.rows],g=[...e.rows],l=[...e.rows];if(i&&(c=S.filter(a=>(a.__sys4SearchKey||"").match(new RegExp(i,"i"))?1:0),g=[...c],l=[...c]),u.enabled)for(let a=0;a<e.colLength;a++){let d=u.column[a],p=u.current[a];d&&p&&p.length&&(g=g.filter(_=>!p.includes(_[a].data)),l=[...g])}o.enabled&&(g=g.order({direction:o.current[1],keys:[o.current[0],"orderIndex"]}),l=[...g]);{let{currentPageIndex:a,rowLength:d}=w;l=[...l].splice((a-1)*d,d)}let h=f.__memoryID+"_"+e.tableID,C={tableComponentDidMount:!0,totalRows:S.length,pageRows:l.length,filteredRows:g.length,filter:e.filter,order:e.order,paging:e.paging,searchKeyword:e.searchKeyword};return L.update({key:h,value:{status:C,updatePageIndex:a=>{let d=Math.min(Math.max(1,a),e.paging.pageLength),p=s({},e);p.paging.currentPageIndex=d,r(p)},updateRowLength:a=>{let d=s({},e);d.paging={rowLength:a,currentPageIndex:1,pageLength:Math.ceil(g.length/a)},r(d)},updateKeyword:a=>{I.interval.clear("InputSearchTime"),I.interval.standBy("InputSearchTime",200,()=>{let d=s({},e);d.searchKeyword=a,d.paging.currentPageIndex=1,d.filter.current=d.filter.current.map(()=>[]),r(d)})},getRowData:()=>{let a=[...S];return o.enabled&&(a=a.order({direction:o.current[1],keys:[o.current[0],"orderIndex"]})),a.forEach(d=>{d.currentPage=!1,d.filtered=!1}),l.forEach(d=>{let{rowID:p}=d;a.find(_=>_.rowID==p).currentPage=!0}),g.forEach(d=>{let{rowID:p}=d;a.find(_=>_.rowID==p).filtered=!0}),a}}}),G(()=>{let a=f.Propagations[e.tableID]||[];Object.keys(a).forEach(d=>{let p=L.get(d);p!=null&&p.refresh&&p.refresh()})}),n(B,{className:b("TableBase"),children:x(P.Table,{className:b("Table"),children:[n(f.Header,{val_status:e,set_status:r,KeywordFilterRows:c}),n(f.Body,{val_status:e,set_status:r,PageRows:l})]})})},Propagations:{},DataLeveler:t=>{var e,r;return t=s({},t),t.filter=(e=t.filter)!=null?e:!1,t.filter=Array.from({length:t.colLength}).map((i,u)=>{var o;return I.is.boolean(t.filter)?t.filter:(o=t.filter[u])!=null?o:!1}),t.order=(r=t.order)!=null?r:!0,t.order=Array.from({length:t.colLength}).map((i,u)=>{var o;return I.is.boolean(t.order)?t.order:(o=t.order[u])!=null?o:!0}),t=s({checker:!1,searchKeyword:"",filter:!1,order:!0,defaultOrder:[0,"ASC"]},t),t.rows.forEach((i,u)=>{i.rowID=JSON.stringify(i.rowID||u);let o=[];i.forEach((w,S)=>{let{data:c,children:g,orderIndex:l}=w;w.orderIndex=I.is.exist(l)?String(l):String(c),w.children=g||String(c),o.push(String(w.data))}),i.__sys4SearchKey=o.join("/")}),n(f.StateManager,s({eventID:I.uuid.gen()},t))},StateManager:t=>{let{colLength:e,eventID:r,checker:i=!1,searchKeyword:u="",filter:o,order:w,defaultOrder:S=[0,"ASC"],pageRowLength:c=30}=t,[g]=F(I.uuid.gen()),l={tableID:t.tableID||g,componentID:g,colLength:e,checker:i,searchKeyword:u,filter:{enabled:o!==!1,column:o,current:Array.from({length:e},()=>[])},order:{enabled:w!==!1,column:w,current:S},paging:{rowLength:c,pageLength:Math.ceil(t.rows.length/c),currentPageIndex:1},head:t.head,rows:t.rows,noRecords:t.noRecords,cellStyles:t.cellStyles||{},cellClassName:t.cellClassName||"",cellStylesCallback:t.cellStylesCallback,onRowClick:t.onRowClick,onOrderChanged:t.onOrderChanged},[h,C]=F(l),[a,d]=F(t.eventID);return a!=t.eventID&&(d(t.eventID),C(l)),n(f.Core,{val_status:h,set_status:C})}},m={__memoryID:f.__memoryID,useStatus:t=>{var o;let[e]=F(I.uuid.gen()),[r,i]=F(I.uuid.gen()),u=f.__memoryID+"_"+t;return G(()=>(f.Propagations[t]=R(s({},f.Propagations[t]),{[e]:1}),L.set({key:e,value:{refresh:()=>{i(I.uuid.gen())}}}),()=>{delete f.Propagations[t][e]}),[]),((o=L.get(u))==null?void 0:o.status)||{tableComponentDidMount:!1}},getRowData:t=>{let e=L.get(f.__memoryID+"_"+t);if(e!=null&&e.getRowData)return e.getRowData()},setPageIndex:(t,e)=>{let r=L.get(f.__memoryID+"_"+t);r!=null&&r.updatePageIndex&&r.updatePageIndex(e)},setRowLength:(t,e)=>{let r=L.get(f.__memoryID+"_"+t);r!=null&&r.updateRowLength&&r.updateRowLength(e)},setSearchKeyword:(t,e)=>{let r=L.get(f.__memoryID+"_"+t);r!=null&&r.updateKeyword&&r.updateKeyword(e)}},z={SearchInput:t=>{let e=m.useStatus(t.tableID);return e.tableComponentDidMount?n(O.Text.Normal,{placeholder:"\u691C\u7D22...",clearButton:!0,padding:"2/3",paddingRight:3,rightIcon:n(O.Comps.RightIcon,{fontColor:"5.translucent",right:"2/3",children:n(K.Search,{})}),override:"force",value:e.searchKeyword,onUpdateValidValue:({value:r})=>{m.setSearchKeyword(t.tableID,r)}}):null},Info:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.filteredRows.ratio(e.totalRows)||0;return x(M,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[n(Y,{fontSize:"4.thirdTitle",fontColor:"theme",children:e.filteredRows.toLocaleString()}),"/ ",e.totalRows.toLocaleString(),"\u4EF6 (",r,"%)"]})},Paging:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=[];for(let i=0;i<e.paging.pageLength;i++)r.push({value:i+1,label:(i+1).toString()});return x(A.Center,{children:[x(A.Center,{gap:"1/2",children:["\u30DA\u30FC\u30B8 :",n(O.Select,{enableUnSelected:!1,padding:["1/3","2/3"],rightIcon:!1,placeholder:"",override:"force",value:e.paging.currentPageIndex,options:r,onUpdateValidValue:({value:i})=>{m.setPageIndex(t.tableID,i)}}),"/ ",e.paging.pageLength]}),x(A.Right,{gap:"1/2",children:[n(E.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==1){m.setPageIndex(t.tableID,e.paging.pageLength);return}m.setPageIndex(t.tableID,e.paging.currentPageIndex-1)},children:n(K.ChevronLeft,{})}),n(E.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==e.paging.pageLength){m.setPageIndex(t.tableID,1);return}m.setPageIndex(t.tableID,e.paging.currentPageIndex+1)},children:n(K.ChevronRight,{})})]})]})},RowLength:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.paging.rowLength,i=0,u=t.lengthSelect.map(o=>(i|=+(o==r),{value:o,label:o.toString()}));return i||u.push({value:r,label:r.toString()}),u=u.order({direction:"ASC",keys:["value"]}),x(A.Center,{gap:"1/2",children:["\u4EF6\u6570 :",n(O.Select,{enableUnSelected:!1,rightIcon:!1,placeholder:"\u9078\u629E",override:"force",padding:["1/3","2/3"],value:e.paging.rowLength,options:u,onUpdateValidValue:({value:o})=>{m.setRowLength(t.tableID,o)}})]})}},le=t=>n(ne,R(s({},t),{type:"data",JSXChildren:f.DataLeveler})),D=le;D.__memoryID=f.__memoryID,D.useStatus=m.useStatus,D.getRowData=m.getRowData,D.setPageIndex=m.setPageIndex,D.setRowLength=m.setRowLength,D.setSearchKeyword=m.setSearchKeyword,D.Info=z.Info,D.Paging=z.Paging,D.RowLength=z.RowLength,D.SearchInput=z.SearchInput;export{D as Data,D as default};
@@ -1 +1 @@
1
- import{b as l,c as C,e as I}from"../../chunk-VY3566IV.js";import{Fragment as W,jsx as r,jsxs as j}from"react/jsx-runtime";import{useState as k,useEffect as x}from"react";import{$$ as w,Config as N,useStore as R}from"../../@utils/_";import v from"../../atoms/FAI";import M from"../Button";import L from"../Tooltips";import b from"./Parts";import U from"./Wrapper";import{faGripVertical as O}from"@fortawesome/free-solid-svg-icons/faGripVertical";import{DefaultCellSystemStyles as S}from"./cellStyling";import{TableClasses as g}from"../../@styles/componentClasses/_";const E={HeadRow:e=>{let{cellStyles:t={},cellClassName:d="",cellStylesCallback:n,colLength:s,head:o,rows:i}=e;if(!o)return null;let f=[];for(let p=0;p<s;p++){let c=o[p],D=b[c.type=="th"?"TH":"TD"];f.push(r(D,l(C(l(l(l({},t),S({top:!0,bottom:!i.length,left:p==0,right:p==s-1})),n?n({top:!0,bottom:!i.length,left:p==0,right:p==s-1,rowIndex:0,colIndex:p,isBody:!1,isHeader:!0}):{}),{className:[g("Cell"),d,c.className].join(" ")}),c)))}return r(b.Row,{className:[g("Row"),g("HeadRow")].join(" "),children:f})},BodyRows:e=>{let{cellStyles:t={},cellClassName:d="",cellStylesCallback:n,head:s,rows:o,colLength:i,onOrderChanged:f}=e,[p]=k(w.uuid.gen()),[c,D]=k({rows:o,origin:0,to:NaN}),B=[];if(c.rows.forEach((y,a)=>{let m=[];m.push(r(b.TH,C(l(l(l({padding:0,borderRight:!0},t),S({top:a==0&&!s,bottom:a==o.length-1,left:!0,right:!1})),n?n({top:a==0&&!s,bottom:a==o.length-1,left:!0,right:!1,rowIndex:a,colIndex:0,isBody:!0,isHeader:!1}):{}),{className:[g("Cell"),g("Draggable"),d].join(" "),children:r(M.Button.Clear.R,{className:g("DragableButton"),fontColor:"4.thin",fontSize:"3.paragraph",margin:"auto",tabIndex:-1,ssSphere:3,onMouseDown:u=>{T.Start(u,{id:p,index:a,rows:c.rows,maxLength:o.length})},onTouchStart:u=>{T.Start(u,{id:p,index:a,rows:c.rows,maxLength:o.length})},children:r(v,{icon:O})})}),"DragOrigin")),y.forEach((u,h)=>{u=l({},u);let H=b[u.type=="th"?"TH":"TD"];m.push(r(H,l(C(l(l(l({},t),S({top:!!s&&!s.length,bottom:a==o.length-1,left:!1,right:h==i-2})),n?n({top:!!s&&!s.length,bottom:a==o.length-1,left:!1,right:h==i-2,rowIndex:a,colIndex:h,isBody:!0,isHeader:!1}):{}),{className:[g("Cell"),d,u.className].join(" ")}),u)))}),B.push(r(b.Row,{id:"TableRow-"+p+"-"+a,"data-rowId":a,className:[g("Row"),g("BodyRow")].join(" "),children:m},a))}),!isNaN(c.to)){let{origin:y,to:a}=c,m=[];m.push(r(b.TH,{backgroundColor:"tcOpLow",padding:0,borderRight:"2.normal",className:[g("Cell"),g("Draggable"),d].join(" "),children:r(v.ArrowRight,{fontColor:"theme"})},"dragButton")),c.rows[y].forEach((h,H)=>{h=l({},h);let z=b[h.type=="th"?"TH":"TD"];m.push(r(z,l(C(l(l(l({},t),S({top:!1,bottom:!1,left:!1,right:!1})),n?n({top:!1,bottom:!1,left:!1,right:!1,rowIndex:-1,colIndex:-1,isBody:!0,isHeader:!1}):{}),{className:[g("Cell"),d,h.className].join(" "),backgroundColor:"tcOpLow"}),h)))}),B.splice(a,0,r(b.Row,{className:[g("Row"),g("Pre")].join(" "),children:m},"preSet"))}return x(()=>{R.set({key:p,value:{swap:(y,a)=>{if(a||a==0){let m=c.rows[y],u=[...c.rows];u.splice(y,1),u.splice(a-(y<a?1:0),0,m),D({rows:u,origin:0,to:NaN}),f(u.map(h=>JSON.parse(h.rowID)))}},preSet:y=>{let{origin:a,index:m}=y;D({rows:c.rows,origin:a,to:m})}}})}),x(()=>()=>{R.delete(p)},[]),r(W,{children:B})},Drag:e=>(e=l({},e),e.colLength=e.colLength+1,e.head&&(e.head=[{children:r(M.Button.Clear.R,{ssSphere:3,fontSize:"3.paragraph",fontColor:"theme",onMouseOver:t=>{L.open({parent:t.currentTarget,content:j(L.Comps.Body,{children:[r(v,{icon:O}),"\u30DC\u30BF\u30F3\u3092\u30C9\u30E9\u30C3\u30B0\u3057\u3066\u9806\u5E8F\u3092\u5909\u66F4"]})})},children:r(v.QuestionCircle,{})}),padding:[0,1],unitWidth:4},...e.head]),e.rows=e.rows.map((t,d)=>(t.rowID=JSON.stringify(t.rowID||d),t)),j(b.Table,{className:g("Table"),children:[r(E.HeadRow,l({},e)),r(E.BodyRows,l({},e))]}))},P=e=>r(U,C(l({type:"normal"},e),{children:r(E.Drag,l({},e))})),T={Start:function(e,t){return I(this,null,function*(){e.stopPropagation(),e.preventDefault();let{id:d,index:n,rows:s,maxLength:o}=t;w(N.get().appRoot).find("#TableRow-"+d+"-"+n).addClass(g("DraggerOrigin")),w(document).addEvent({eventID:"DragMouseMove",eventType:"mousemove",callback:i=>{T.Move(i,t)},option:{passive:!1}}).addEvent({eventID:"DragTouchMove",eventType:"touchmove",callback:i=>{T.Move(i,t)},option:{passive:!1}}).addEvent({eventID:"DragMouseUp",eventType:"mouseup",callback:i=>{T.End(i,t)}}).addEvent({eventID:"DragTouchEnd",eventType:"touchend",callback:i=>{T.End(i,t)}})})},Move:function(e,t){let{id:d,maxLength:n}=t,s=w.getCursor(e).y-w.getScreenSize().scrollY;for(let o=0;o<n;o++){let i=w(N.get().appRoot).find("#TableRow-"+d+"-"+o),{top:f,bottom:p,height:c}=i.position();o==0&&s<f?t.insertIndex=0:o===n-1&&p<=s?t.insertIndex=n:s>=f&&s<p&&(t.insertIndex=o+1)}{let{index:o,insertIndex:i}=t,f=R.get(d);f&&f.preSet&&f.preSet({origin:o,index:i})}return e.stopPropagation(),e.preventDefault(),!1},End:function(e,t){let{id:d,index:n,insertIndex:s}=t,o=R.get(d);o&&o.swap&&o.swap(n,s),w(N.get().appRoot).find("#TableRow-"+d+"-"+n).removeClass(g("DraggerOrigin")),w(document).removeEvent(["DragMouseMove","DragTouchMove","DragMouseUp","DragTouchEnd"])}};export{P as Drag,P as default};
1
+ import{b as r,c as w,e as I}from"../../chunk-VY3566IV.js";import{Fragment as J,jsx as s,jsxs as j}from"react/jsx-runtime";import{useState as k,useEffect as x}from"react";import{$$ as T,$$fromRoot as N,useStore as R}from"../../@utils/_";import v from"../../atoms/FAI";import M from"../Button";import L from"../Tooltips";import b from"./Parts";import z from"./Wrapper";import{faGripVertical as O}from"@fortawesome/free-solid-svg-icons/faGripVertical";import{DefaultCellSystemStyles as S}from"./cellStyling";import{TableClasses as g}from"../../@styles/componentClasses/_";const E={HeadRow:e=>{let{cellStyles:t={},cellClassName:d="",cellStylesCallback:a,colLength:n,head:o,rows:i}=e;if(!o)return null;let m=[];for(let p=0;p<n;p++){let c=o[p],D=b[c.type=="th"?"TH":"TD"];m.push(s(D,r(w(r(r(r({},t),S({top:!0,bottom:!i.length,left:p==0,right:p==n-1})),a?a({top:!0,bottom:!i.length,left:p==0,right:p==n-1,rowIndex:0,colIndex:p,isBody:!1,isHeader:!0}):{}),{className:[g("Cell"),d,c.className].join(" ")}),c)))}return s(b.Row,{className:[g("Row"),g("HeadRow")].join(" "),children:m})},BodyRows:e=>{let{cellStyles:t={},cellClassName:d="",cellStylesCallback:a,head:n,rows:o,colLength:i,onOrderChanged:m}=e,[p]=k(T.uuid.gen()),[c,D]=k({rows:o,origin:0,to:NaN}),B=[];if(c.rows.forEach((y,l)=>{let h=[];h.push(s(b.TH,w(r(r(r({padding:0,borderRight:!0},t),S({top:l==0&&!n,bottom:l==o.length-1,left:!0,right:!1})),a?a({top:l==0&&!n,bottom:l==o.length-1,left:!0,right:!1,rowIndex:l,colIndex:0,isBody:!0,isHeader:!1}):{}),{className:[g("Cell"),g("Draggable"),d].join(" "),children:s(M.Button.Clear.R,{className:g("DragableButton"),fontColor:"4.thin",fontSize:"3.paragraph",margin:"auto",tabIndex:-1,ssSphere:3,onMouseDown:u=>{C.Start(u,{id:p,index:l,rows:c.rows,maxLength:o.length})},onTouchStart:u=>{C.Start(u,{id:p,index:l,rows:c.rows,maxLength:o.length})},children:s(v,{icon:O})})}),"DragOrigin")),y.forEach((u,f)=>{u=r({},u);let H=b[u.type=="th"?"TH":"TD"];h.push(s(H,r(w(r(r(r({},t),S({top:!!n&&!n.length,bottom:l==o.length-1,left:!1,right:f==i-2})),a?a({top:!!n&&!n.length,bottom:l==o.length-1,left:!1,right:f==i-2,rowIndex:l,colIndex:f,isBody:!0,isHeader:!1}):{}),{className:[g("Cell"),d,u.className].join(" ")}),u)))}),B.push(s(b.Row,{id:"TableRow-"+p+"-"+l,"data-rowId":l,className:[g("Row"),g("BodyRow")].join(" "),children:h},l))}),!isNaN(c.to)){let{origin:y,to:l}=c,h=[];h.push(s(b.TH,{backgroundColor:"tcOpLow",padding:0,borderRight:"2.normal",className:[g("Cell"),g("Draggable"),d].join(" "),children:s(v.ArrowRight,{fontColor:"theme"})},"dragButton")),c.rows[y].forEach((f,H)=>{f=r({},f);let $=b[f.type=="th"?"TH":"TD"];h.push(s($,r(w(r(r(r({},t),S({top:!1,bottom:!1,left:!1,right:!1})),a?a({top:!1,bottom:!1,left:!1,right:!1,rowIndex:-1,colIndex:-1,isBody:!0,isHeader:!1}):{}),{className:[g("Cell"),d,f.className].join(" "),backgroundColor:"tcOpLow"}),f)))}),B.splice(l,0,s(b.Row,{className:[g("Row"),g("Pre")].join(" "),children:h},"preSet"))}return x(()=>{R.set({key:p,value:{swap:(y,l)=>{if(l||l==0){let h=c.rows[y],u=[...c.rows];u.splice(y,1),u.splice(l-(y<l?1:0),0,h),D({rows:u,origin:0,to:NaN}),m(u.map(f=>JSON.parse(f.rowID)))}},preSet:y=>{let{origin:l,index:h}=y;D({rows:c.rows,origin:l,to:h})}}})}),x(()=>()=>{R.delete(p)},[]),s(J,{children:B})},Drag:e=>(e=r({},e),e.colLength=e.colLength+1,e.head&&(e.head=[{children:s(M.Button.Clear.R,{ssSphere:3,fontSize:"3.paragraph",fontColor:"theme",onMouseOver:t=>{L.open({parent:t.currentTarget,content:j(L.Comps.Body,{children:[s(v,{icon:O}),"\u30DC\u30BF\u30F3\u3092\u30C9\u30E9\u30C3\u30B0\u3057\u3066\u9806\u5E8F\u3092\u5909\u66F4"]})})},children:s(v.QuestionCircle,{})}),padding:[0,1],unitWidth:4},...e.head]),e.rows=e.rows.map((t,d)=>(t.rowID=JSON.stringify(t.rowID||d),t)),j(b.Table,{className:g("Table"),children:[s(E.HeadRow,r({},e)),s(E.BodyRows,r({},e))]}))},P=e=>s(z,w(r({type:"drag"},e),{JSXChildren:E.Drag})),C={Start:function(e,t){return I(this,null,function*(){e.stopPropagation(),e.preventDefault();let{id:d,index:a,rows:n,maxLength:o}=t;N("#TableRow-"+d+"-"+a).addClass(g("DraggerOrigin")),T(document).addEvent({eventID:"DragMouseMove",eventType:"mousemove",callback:i=>{C.Move(i,t)},option:{passive:!1}}).addEvent({eventID:"DragTouchMove",eventType:"touchmove",callback:i=>{C.Move(i,t)},option:{passive:!1}}).addEvent({eventID:"DragMouseUp",eventType:"mouseup",callback:i=>{C.End(i,t)}}).addEvent({eventID:"DragTouchEnd",eventType:"touchend",callback:i=>{C.End(i,t)}})})},Move:function(e,t){let{id:d,maxLength:a}=t,n=T.getCursor(e).y-T.getScreenSize().scrollY;for(let o=0;o<a;o++){let i=N("#TableRow-"+d+"-"+o),{top:m,bottom:p,height:c}=i.position();o==0&&n<m?t.insertIndex=0:o===a-1&&p<=n?t.insertIndex=a:n>=m&&n<p&&(t.insertIndex=o+1)}{let{index:o,insertIndex:i}=t,m=R.get(d);m&&m.preSet&&m.preSet({origin:o,index:i})}return e.stopPropagation(),e.preventDefault(),!1},End:function(e,t){let{id:d,index:a,insertIndex:n}=t,o=R.get(d);o&&o.swap&&o.swap(a,n),N("#TableRow-"+d+"-"+a).removeClass(g("DraggerOrigin")),T(document).removeEvent(["DragMouseMove","DragTouchMove","DragMouseUp","DragTouchEnd"])}};export{P as Drag,P as default};
@@ -1 +1 @@
1
- import{b as e,c as f}from"../../chunk-VY3566IV.js";import{Fragment as H,jsx as t,jsxs as B}from"react/jsx-runtime";import C from"./Parts";import d from"./Wrapper";import{DefaultCellSystemStyles as N}from"./cellStyling";import{TableClasses as s}from"../../@styles/componentClasses/_";const c={HeadRow:l=>{let{cellStyles:r={},cellClassName:i="",cellStylesCallback:n,colLength:y,head:m,rows:h}=l;if(!m)return null;let R=[];return m.forEach((p,o)=>{let a=C[p.type=="th"?"TH":"TD"];R.push(t(a,e(f(e(e(e({},r),N({top:!0,bottom:!h.length,left:o==0,right:o==y-1})),n?n({top:!0,bottom:!h.length,left:o==0,right:o==y-1,rowIndex:0,colIndex:o,isBody:!1,isHeader:!0}):{}),{className:[s("Cell"),i,p.className].join(" ")}),p)))}),t(C.Row,{className:[s("Row"),s("HeadRow")].join(" "),children:R})},BodyRows:l=>{let{cellStyles:r={},cellClassName:i="",cellStylesCallback:n,head:y,rows:m,colLength:h,onRowClick:R}=l,p=[];return m.forEach((o,a)=>{let b=[];o.forEach((u,w)=>{let g=C[u.type=="th"?"TH":"TD"];b.push(t(g,e(f(e(e(e({},r),N({top:a==0&&!y,bottom:a==m.length-1,left:w==0,right:w==h-1})),n?n({top:a==0&&!y,bottom:a==m.length-1,left:w==0,right:w==h-1,rowIndex:a,colIndex:w,isBody:!0,isHeader:!1}):{}),{className:[s("Cell"),i,u.className].join(" ")}),u)))}),p.push(t(C.Row,{className:[s("Row"),s("BodyRow")].join(" "),children:b,onClick:u=>{R&&R(o.rowID,u)}},a))}),t(H,{children:p})},Normal:l=>(l=e({},l),l.rows=l.rows.map((r,i)=>(r.rowID=r.rowID||i,r)),B(C.Table,{className:s("Table"),children:[t(c.HeadRow,e({},l)),t(c.BodyRows,e({},l))]}))},T=l=>t(d,f(e({type:"normal"},l),{children:t(c.Normal,e({},l))}));export{T as Normal,T as default};
1
+ import{b as e,c as f}from"../../chunk-VY3566IV.js";import{Fragment as H,jsx as a,jsxs as B}from"react/jsx-runtime";import w from"./Parts";import d from"./Wrapper";import{DefaultCellSystemStyles as N}from"./cellStyling";import{TableClasses as s}from"../../@styles/componentClasses/_";const c={HeadRow:l=>{let{cellStyles:r={},cellClassName:i="",cellStylesCallback:n,colLength:y,head:m,rows:h}=l;if(!m)return null;let C=[];return m.forEach((p,t)=>{let o=w[p.type=="th"?"TH":"TD"];C.push(a(o,e(f(e(e(e({},r),N({top:!0,bottom:!h.length,left:t==0,right:t==y-1})),n?n({top:!0,bottom:!h.length,left:t==0,right:t==y-1,rowIndex:0,colIndex:t,isBody:!1,isHeader:!0}):{}),{className:[s("Cell"),i,p.className].join(" ")}),p)))}),a(w.Row,{className:[s("Row"),s("HeadRow")].join(" "),children:C})},BodyRows:l=>{let{cellStyles:r={},cellClassName:i="",cellStylesCallback:n,head:y,rows:m,colLength:h,onRowClick:C}=l,p=[];return m.forEach((t,o)=>{let b=[];t.forEach((R,u)=>{let g=w[R.type=="th"?"TH":"TD"];b.push(a(g,e(f(e(e(e({},r),N({top:o==0&&!y,bottom:o==m.length-1,left:u==0,right:u==h-1})),n?n({top:o==0&&!y,bottom:o==m.length-1,left:u==0,right:u==h-1,rowIndex:o,colIndex:u,isBody:!0,isHeader:!1}):{}),{className:[s("Cell"),i,R.className].join(" ")}),R)))}),p.push(a(w.Row,{className:[s("Row"),s("BodyRow")].join(" "),children:b,onClick:R=>{C&&C(t.rowID,R)}},o))}),a(H,{children:p})},Normal:l=>(l=e({},l),l.rows=l.rows.map((r,i)=>(r.rowID=r.rowID||i,r)),B(w.Table,{className:s("Table"),children:[a(c.HeadRow,e({},l)),a(c.BodyRows,e({},l))]}))},T=l=>a(d,f(e({type:"normal"},l),{JSXChildren:c.Normal}));export{T as Normal,T as default};
@@ -3,7 +3,7 @@ import { TableTypes } from './_';
3
3
  declare namespace Wrapper {
4
4
  type Input = TableTypes.UniInput & {
5
5
  type: TableTypes.Types;
6
- children: React.ReactElement;
6
+ JSXChildren: (params: any) => JSX.Element;
7
7
  };
8
8
  }
9
9
  declare const Wrapper: React.FC<Wrapper.Input>;
@@ -1 +1 @@
1
- import{b as r,c as s,d as n}from"../../chunk-VY3566IV.js";import{jsx as C}from"react/jsx-runtime";import{$$ as m,GenerateClassName as u}from"../../@utils/_";import T from"../../atoms/Box";import{DefaultCellStyles as f}from"./cellStyling";import{TableClasses as a}from"../../@styles/componentClasses/_";const p=e=>{let{tone:t,type:l,children:i}=e;e=r({},e),e.tableID=e.tableID||m.uuid.gen(),t=t||"auto",t=="auto"&&(l=="drag"?t="rowBorder":t="border");let y=s(r(r({},t!="plain"?{backgroundColor:"1.layer.base",borderRadius:"1.tone.primary"}:{}),e),{cellStyles:r(r({padding:"3/4",backgroundColor:"1.layer.base",transition:"short",textAlign:"center"},f(l,t)),e.cellStyles),tone:t}),o=u(y),{className:c,style:b}=o,g=n(o,["className","style"]),d=[c,a("Wrap"),a("TableType_"+l),a("RowClickable_"+!!e.onRowClick)].join(" ");return C(T,{className:d,style:b,children:i})};export{p as Wrapper,p as default};
1
+ import{b as o,c as n,d as a}from"../../chunk-VY3566IV.js";import{jsx as i}from"react/jsx-runtime";import{$$ as C,GenerateClassName as f}from"../../@utils/_";import c from"../../atoms/Box";import{DefaultCellStyles as T}from"./cellStyling";import{TableClasses as l}from"../../@styles/componentClasses/_";const y=e=>{let{JSXChildren:p}=e;(!e.tone||e.tone=="auto")&&(e.tone="border",e.type=="drag"&&(e.tone="rowBorder"));let t=n(o({tableID:e.tableID||C.uuid.gen(),tone:e.tone},e),{cellStyles:o(o({},T(e.type,e.tone)),e.cellStyles)});e.tone!="plain"&&(t.backgroundColor=t.backgroundColor||"1.layer.base",t.borderRadius=t.borderRadius||"1.tone.primary");let r=f(t),{className:s,style:b}=r,d=a(r,["className","style"]),u=[s,l("Wrap"),l("TableType_"+e.type),l("RowClickable_"+!!t.onRowClick)].join(" ");return i(c,{className:u,style:b,children:i(p,o({},d))})};export{y as Wrapper,y as default};
@@ -1 +1 @@
1
- import"../../chunk-VY3566IV.js";const f=(r,e)=>{if(e=="plain")return{};let t={};return r=="drag"&&(t.padding=1),["border","rowBorder","cellBorder"].includes(e)&&(t.borderBottom="2.normal"),["border","cellBorder"].includes(e)&&(t.borderRight="2.normal"),t},n=r=>{let e={};return r.right&&(e.borderRight="unset"),r.top&&(r.left&&(e.borderTopLeftRadius="inherit"),r.right&&(e.borderTopRightRadius="inherit")),r.bottom&&(e.borderBottom="unset",r.left&&(e.borderBottomLeftRadius="inherit"),r.right&&(e.borderBottomRightRadius="inherit")),e};export{f as DefaultCellStyles,n as DefaultCellSystemStyles};
1
+ import{b as o}from"../../chunk-VY3566IV.js";const d=(r,e)=>{if(e=="plain")return{};let t={};return r=="drag"&&(t.padding=1),["border","rowBorder","cellBorder"].includes(e)&&(t.borderBottom="2.normal"),["border","cellBorder"].includes(e)&&(t.borderRight="2.normal"),o({padding:"3/4",backgroundColor:"1.layer.base",transition:"short",textAlign:"center"},t)},b=r=>{let e={};return r.right&&(e.borderRight="unset"),r.top&&(r.left&&(e.borderTopLeftRadius="inherit"),r.right&&(e.borderTopRightRadius="inherit")),r.bottom&&(e.borderBottom="unset",r.left&&(e.borderBottomLeftRadius="inherit"),r.right&&(e.borderBottomRightRadius="inherit")),e};export{d as DefaultCellStyles,b as DefaultCellSystemStyles};
@@ -1 +1 @@
1
- import{b as g,d as H}from"../chunk-VY3566IV.js";import{jsx as R}from"react/jsx-runtime";import{useState as m,useEffect as w,useRef as D}from"react";import{$$ as n,Config as l,useStore as r}from"../@utils/_";import{Box as A}from"../atoms/Box";import{AccordionClasses as I}from"../@styles/componentClasses/_";const _=o=>{o=g({},o);let v=o,{accordionID:t="",slideAnimation:x="fast",defaultOpen:f=!1,override:y=!1}=v,C=H(v,["accordionID","slideAnimation","defaultOpen","override"]),[d]=m(n.uuid.gen()),[p]=m(n.uuid.gen()),[c,a]=m(f);c!=f&&y&&a(f);const h=D(!1);return w(()=>{let i=n(l.get().appRoot).find('[data-accordion-content-id="'+p+'"]')[0];if(i){let s=i.offsetHeight,e=0;x=="fast"?(e=s/1e3,e=Math.max(e,.2)):x=="slow"&&(e=s/300),n(l.get().appRoot).find("#"+d).css({transition:e+"s"})}},[]),w(()=>{let i=n(l.get().appRoot).find("#"+d),s=n(l.get().appRoot).find('[data-accordion-content-id="'+p+'"]')[0];if(h.current){if(s){let e=s.offsetHeight;n.is.exist(e)&&(c?i.css({maxHeight:e+1+"px"}).await(200).css({maxHeight:"unset",overflow:o.overflow||"unset"}):i.css({maxHeight:e+1+"px"}).await(100).css({maxHeight:"0px",overflow:"hidden"}))}}else if(h.current=!0,s){let e=s.offsetHeight;n.is.exist(e)&&(c?i.css({maxHeight:e+1+"px"}).await(200).css({maxHeight:"unset",overflow:o.overflow||"unset"}):i.css({maxHeight:"0px",overflow:"hidden"}))}},[c]),t&&r.set({key:"Accordion-"+t,value:{open:()=>{a(!0)},close:()=>{a(!1)},toggle:()=>{a(!c)}}}),R(A,{className:[I("Wrap"),I("Open_"+c)].join(" "),id:d,children:R(A,g({"data-accordion-content-id":p},C))})},u=_;u.fn={open:o=>{let t=r.get("Accordion-"+o);!t||t.open()},close:o=>{let t=r.get("Accordion-"+o);!t||t.close()},toggle:o=>{let t=r.get("Accordion-"+o);!t||t.toggle()}};export{u as Accordion,u as default};
1
+ import{b as g,d as H}from"../chunk-VY3566IV.js";import{jsx as y}from"react/jsx-runtime";import{useState as m,useEffect as w,useRef as R}from"react";import{$$ as a,$$fromRoot as l,useStore as r}from"../@utils/_";import{Box as A}from"../atoms/Box";import{AccordionClasses as I}from"../@styles/componentClasses/_";const _=o=>{o=g({},o);let v=o,{accordionID:t="",slideAnimation:x="fast",defaultOpen:f=!1,override:D=!1}=v,C=H(v,["accordionID","slideAnimation","defaultOpen","override"]),[d]=m(a.uuid.gen()),[p]=m(a.uuid.gen()),[s,c]=m(f);s!=f&&D&&c(f);const h=R(!1);return w(()=>{let n=l('[data-accordion-content-id="'+p+'"]')[0];if(n){let i=n.offsetHeight,e=0;x=="fast"?(e=i/1e3,e=Math.max(e,.2)):x=="slow"&&(e=i/300),l("#"+d).css({transition:e+"s"})}},[]),w(()=>{let n=l("#"+d),i=l('[data-accordion-content-id="'+p+'"]')[0];if(h.current){if(i){let e=i.offsetHeight;a.is.exist(e)&&(s?n.css({maxHeight:e+1+"px"}).await(200).css({maxHeight:"unset",overflow:o.overflow||"unset"}):n.css({maxHeight:e+1+"px"}).await(100).css({maxHeight:"0px",overflow:"hidden"}))}}else if(h.current=!0,i){let e=i.offsetHeight;a.is.exist(e)&&(s?n.css({maxHeight:e+1+"px"}).await(200).css({maxHeight:"unset",overflow:o.overflow||"unset"}):n.css({maxHeight:"0px",overflow:"hidden"}))}},[s]),t&&r.set({key:"Accordion-"+t,value:{open:()=>{c(!0)},close:()=>{c(!1)},toggle:()=>{c(!s)}}}),y(A,{className:[I("Wrap"),I("Open_"+s)].join(" "),id:d,children:y(A,g({"data-accordion-content-id":p},C))})},u=_;u.fn={open:o=>{let t=r.get("Accordion-"+o);!t||t.open()},close:o=>{let t=r.get("Accordion-"+o);!t||t.close()},toggle:o=>{let t=r.get("Accordion-"+o);!t||t.toggle()}};export{u as Accordion,u as default};
package/dist/style.css CHANGED
@@ -1,12 +1,12 @@
1
1
  /**
2
2
  * @license amotify
3
- * amotify 0.1.9
3
+ * amotify 0.1.11
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/5/14
9
+ * Latest updated at: 2024/5/15
10
10
  */
11
11
 
12
12
  /* src/@styles/@app.scss */