amotify 0.2.9 → 0.2.10

package/dist/fn/Input/core.js

@@ -1 +1 @@
-import{b as o,c as n,e as x}from"../../chunk-C5N2D3ZX.js";import{jsx as v,jsxs as V}from"react/jsx-runtime";import{useState as E,useEffect as k}from"react";import s from"@mingoo/jsmin";import{$$fromRoot as w,Config as F,useStore as y,GenerateClassName as D}from"../../@utils";import{InputClasses as _}from"../../@styles/componentClasses";import B from"../../atoms/Box";import P from"../../atoms/Flex";import R from"../../atoms/FAI";import N from"../../mols/Row";import z from"../../mols/Column";import L from"../Button";import T from"../Tooltips";const ie=e=>{let[t]=E(e.componentID||s.uuid.gen());e=o({},e),e.states=n(o({enableFormSubmit:!0,status_id:s.uuid.gen(),override:"never",name:s.uuid.gen(),id:s.uuid.gen(),"aria-label":"Input-"+t},e.states),{componentID:t});let{children:a}=e;return v(a,o({},e.states))},se=e=>{let{children:t,val_status:a,set_status:r,val_validate:u,states:l}=e,{clearButton:i,rightIcon:d,leftIcon:p,wrapStyles:m}=l;return a.eventType=="init"&&!l.checkValidationAtFirst&&(u.notice=[]),V(N.Center,n(o({position:"relative",verticalAlign:"unset",gap:0},m),{className:_("Wrapper"),"data-notice-uid":a.componentID,children:[v(O,{notice:u.notice,val_status:a}),l.leftIndicator,V(P,{position:"relative",flexSizing:"auto",children:[p,t,i&&a.dataValue?v(L.Button.Normal.R,{ssSphere:2,flexCenter:!0,fontColor:"5.translucent",ssEffectsOnActive:["ripple.theme"],position:"absolute",right:1,top:"50%",freeCSS:{zIndex:3,transform:"translateY(-50%)"},onClick:()=>{r(n(o({},a),{dataValue:"",formatValue:"",eventType:"update",eventID:s.uuid.gen()}))},children:v(R.Times,{})}):d]}),l.rightIndicator]}))},O=e=>{let{notice:t,val_status:a}=e,{componentID:r}=a,u="NoticeTimer-"+r,l="NoticeTimerClose-"+r,i="notice-tips-"+r;return s.interval.clear(u),s.interval.clear(l),t.length?(s.interval.standBy(u,350,()=>{T.open({tipsID:i,parent:`[data-notice-uid="${r}"]`,gravityPoint:22,padding:[1,0],close_option:{parentBlur:!1},content:V(T.Comps.Body,{padding:["1/2","2/3"],fontSize:"1.mini",position:"relative",children:[v(B,{position:"absolute",unitHeight:1,unitWidth:1,left:1,backgroundColor:"dark",freeCSS:{zIndex:1,transform:"rotate(45deg)",top:-6}}),v(z,{gap:"1/3",position:"relative",freeCSS:{zIndex:2},backgroundColor:"inherit",children:t.map((d,p)=>{let{type:m,label:h}=d,I=m=="invalid"?R.Times:m=="warn"?R.Exclamation:R.Check;return V(N.Left,{gap:0,borderRadius:"2.tone.secondary",children:[v(I,{flexCenter:!0,fontSize:"3.paragraph",fontColor:{invalid:"nega",warn:"warn",valid:"posi"}[m]}),v(B,{fontColor:"white",children:h})]},p)})})]})})}),s.interval.standBy(l,6e3,()=>{T.close(i)}),null):(T.close(i),null)},ue=e=>{let{type:t,states:a,val_status:r,set_status:u,ExtraOverrideStates:l,ExtraStoreStates:i,val_validate:d,set_validate:p,DefaultValidation:m,onUpdateValue:h,onUpdateValidValue:I}=e;a=o({},a);let{componentID:b}=r;k(()=>(y.update({[b]:o({ResolveRefresh:null,Refresh:()=>new Promise((c,f)=>{y.get(b).ResolveRefresh=c,u(n(o({},r),{eventType:"refresh",eventID:s.uuid.gen()}))}),GenNotice:c=>{let{ok:f,notice:S}=c;p({ok:f,notice:S})}},i)}),()=>{y.delete(b)}),[]),k(()=>{a.value=r.dataValue,s.interval.clear("ValidationTimer-"+b),A({val_status:r,set_validate:p,DefaultValidation:m,states:a})},[r.eventID]),(()=>{let{override:c}=a;if(c=="never"||c=="beforeModified"&&!["init","override"].includes(r.eventType))return;let f=y.get(r.componentID);f&&(a.value!=r.dataValue&&a.status_id!=f.status_id&&u(n(o(n(o({},r),{dataValue:a.value}),l),{eventType:"override",eventID:s.uuid.gen()})),f.status_id=a.status_id)})(),k(()=>{let{componentID:c,eventType:f,dataValue:S}=r,g=S;if(t=="list"?g=S.map(C=>JSON.parse(C)):t=="select"||t=="richSelect"?g=JSON.parse(S):t=="file"&&y.update({[c]:{Files:r.dataValue}}),f=="refresh"){let C=y.get(c);C&&C.ResolveRefresh&&C.ResolveRefresh(null)}f=="update"&&(h&&h({componentID:c,value:g,storeData:y.get(c),eventType:f}),s.scope(()=>{d.ok&&I&&I({componentID:c,value:g,storeData:y.get(c),eventType:f})}))},[d])},A=e=>{let{val_status:t,states:a,set_validate:r,DefaultValidation:u}=e,l=u({value:t.dataValue,states:a});if(!l.ok){r(l);return}let i=l.notice;const d=()=>x(void 0,null,function*(){if(!a.onValidate)return;let p=yield a.onValidate({value:t.dataValue,eventType:t.eventType,props:e});if(!p.ok){r({ok:!1,notice:[...i,...p.notice]});return}r({ok:!0,notice:[...i,...p.notice]})});a.onValidate?t.eventType=="refresh"?d():s.interval.standBy("ValidationTimer-"+t.componentID,450,d):r({ok:!0,notice:i})},de=e=>{let t=e.target,{form:a,formName:r}=t.dataset;a=r||a;let u=!1,l=w(`[data-form-submit-button="${a}"]`)[0];if(!l)return u;let i=l.dataset.sdfike||"",d=e.key,p=e.ctrlKey||e.metaKey;return s.scope(()=>{i.includes("enter")&&(d!="Enter"||e.nativeEvent.isComposing||F.get().browserIs=="safari"&&e.keyCode==229)||((d=="Enter"&&(i.includes("enter")||i.includes("auxEnter")&&p)||d==" "&&i.includes("space"))&&(l.click(),e.preventDefault()),u=!0)}),u},K={Input:e=>{if(e=="plain")return{};let t={padding:"3/4",transition:"middle",flexSizing:"auto",boxShadow:"0.thin"};return e=="border"?t=n(o({},t),{border:!0,borderRadius:"2.tone.secondary",backgroundColor:"layer.1"}):e=="cloud"?t=n(o({},t),{border:"1.thin",borderRadius:"2.tone.secondary",backgroundColor:"cloud"}):e=="bottomBorder"&&(t=n(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=n(o({},e),{cellStyles:o({position:"relative",padding:["3/4",1],borderRadius:"2.tone.secondary",transition:"middle"},e.cellStyles)}),t=="normal"?e=n(o({gap:"1/2"},e),{cellStyles:o({isSemiBoldFont:!0},e.cellStyles),cellCheckedStyles:{backgroundColor:"cloud"}}):(e=n(o({gap:"3/4"},e),{cellStyles:o({boxShadow:"0.thin"},e.cellStyles)}),(t=="cloud"||t=="vivid")&&(e.cellStyles=o({border:"1.thin",backgroundColor:"layer.2"},e.cellStyles)),t=="border"?(e.cellStyles=o({border:!0,backgroundColor:"layer.1"},e.cellStyles),e.cellCheckedStyles=o({borderColor:"theme",fontColor:"theme"},e.cellCheckedStyles)):t=="cloud"?e.cellCheckedStyles=o({backgroundColor:"theme.opa.few",fontColor:"theme",borderColor:"theme"},e.cellCheckedStyles):t=="vivid"&&(e.cellCheckedStyles=o({backgroundColor:"theme",fontColor:"white",borderColor:"theme"},e.cellCheckedStyles)))),D(e)},Boxish:e=>{e=o({},e),e.tone||(e.tone="border");let t=n(o(o(o(n(o({},K.Input(e.tone)),{fontColor:"2.normal"}),e),!!e.leftIndicator&&{borderTopLeftRadius:"2/3",borderBottomLeftRadius:"2/3",marginLeft:"1/4"}),!!e.rightIndicator&&{borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",marginRight:"1/4"}),{className:[_("Input"),e.className].join(" ")});return D(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=n(o({},t),{border:!0}):e=="cloud"?t=n(o({},t),{border:"1.thin"}):e=="bottomBorder"&&(t=n(o({},t),{borderRadius:0,borderBottom:!0})),t},IndicatorIcon:{position:"absolute",ssSquare:2,top:"50%",flexCenter:!0,fontColor:"theme",fontSize:"1.mini",backgroundColor:"inherit",freeCSS:{transform:"translateY(-50%)"}}};export{se as BoxWrapper,ue as CommonEffects,K as DefaultStyles,de as SubmitForm,A as ValidationCheck,ie as Wrapper};
+import{b as a,c as n,e as x}from"../../chunk-C5N2D3ZX.js";import{jsx as S,jsxs as V}from"react/jsx-runtime";import{useState as E,useEffect as k}from"react";import s from"@mingoo/jsmin";import{$$fromRoot as w,Config as F,useStore as v,GenerateClassName as D}from"../../@utils";import{InputClasses as _}from"../../@styles/componentClasses";import B from"../../atoms/Box";import P from"../../atoms/Flex";import R from"../../atoms/FAI";import N from"../../mols/Row";import O from"../../mols/Column";import z from"../Button";import T from"../Tooltips";const le=e=>{let[t]=E(e.componentID||s.uuid.gen());e=a({},e),e.states=n(a({enableFormSubmit:!0,status_id:s.uuid.gen(),override:"never",name:s.uuid.gen(),id:s.uuid.gen(),"aria-label":"Input-"+t},e.states),{componentID:t});let{children:o}=e;return S(o,a({},e.states))},se=e=>{let{children:t,val_status:o,set_status:r,val_validate:u,states:i}=e,{clearButton:l,rightIcon:d,leftIcon:p,wrapStyles:y}=i;return o.eventType=="init"&&!i.checkValidationAtFirst&&(u.notice=[]),V(N.Center,n(a({position:"relative",verticalAlign:"unset",gap:0},y),{className:_("Wrapper"),"data-notice-uid":o.componentID,children:[S(L,{notice:u.notice,val_status:o}),i.leftIndicator,V(P,{position:"relative",flexSizing:"auto",children:[p,t,l&&o.dataValue?S(z.Button.Normal.R,{ssSphere:2,flexCenter:!0,fontColor:"5.translucent",ssEffectsOnActive:["ripple.theme"],position:"absolute",right:1,top:"50%",freeCSS:{zIndex:3,transform:"translateY(-50%)"},onClick:()=>{r(g=>n(a({},g),{dataValue:"",formatValue:"",eventType:"update",eventID:s.uuid.gen()}))},children:S(R.Times,{})}):d]}),i.rightIndicator]}))},L=e=>{let{notice:t,val_status:o}=e,{componentID:r}=o,u="NoticeTimer-"+r,i="NoticeTimerClose-"+r,l="notice-tips-"+r;return s.interval.clear(u),s.interval.clear(i),s.interval.standBy(u,350,()=>{if(!t.length){T.close(l);return}T.open({tipsID:l,parent:`[data-notice-uid="${r}"]`,gravityPoint:22,padding:[1,0],close_option:{parentBlur:!1},content:V(T.Comps.Body,{padding:["1/2","2/3"],fontSize:"1.mini",position:"relative",children:[S(B,{position:"absolute",unitHeight:1,unitWidth:1,left:1,backgroundColor:"dark",freeCSS:{zIndex:1,transform:"rotate(45deg)",top:-6}}),S(O,{gap:"1/3",position:"relative",freeCSS:{zIndex:2},backgroundColor:"inherit",children:t.map((d,p)=>{let{type:y,label:g}=d,I=y=="invalid"?R.Times:y=="warn"?R.Exclamation:R.Check;return V(N.Left,{gap:0,borderRadius:"2.tone.secondary",children:[S(I,{flexCenter:!0,fontSize:"3.paragraph",fontColor:{invalid:"nega",warn:"warn",valid:"posi"}[y]}),S(B,{fontColor:"white",children:g})]},p+"-"+JSON.stringify(d))})})]})})}),s.interval.standBy(i,6e3,()=>{T.close(l)}),null},ue=e=>{let{type:t,states:o,val_status:r,set_status:u,ExtraOverrideStates:i,ExtraStoreStates:l,val_validate:d,set_validate:p,DefaultValidation:y,onUpdateValue:g,onUpdateValidValue:I}=e;o=a({},o);let{componentID:b}=r;k(()=>(v.update({[b]:a({ResolveRefresh:null,Refresh:()=>new Promise((c,f)=>{v.get(b).ResolveRefresh=c,u(m=>n(a({},m),{eventType:"refresh",eventID:s.uuid.gen()}))}),GenNotice:c=>{let{ok:f,notice:m}=c;p({ok:f,notice:m})}},l)}),()=>{v.delete(b)}),[]),k(()=>{o.value=r.dataValue,s.interval.clear("ValidationTimer-"+b),A({val_status:r,set_validate:p,DefaultValidation:y,states:o})},[r.eventID]),(()=>{let{override:c}=o;if(c=="never"||c=="beforeModified"&&!["init","override"].includes(r.eventType))return;let f=v.get(r.componentID);f&&(o.value!=r.dataValue&&o.status_id!=f.status_id&&u(m=>n(a(n(a({},m),{dataValue:o.value}),i),{eventType:"override",eventID:s.uuid.gen()})),f.status_id=o.status_id)})(),k(()=>{let{componentID:c,eventType:f,dataValue:m}=r,C=m;if(t=="list"?C=m.map(h=>JSON.parse(h)):t=="select"||t=="richSelect"?C=JSON.parse(m):t=="file"&&v.update({[c]:{Files:r.dataValue}}),f=="refresh"){let h=v.get(c);h&&h.ResolveRefresh&&h.ResolveRefresh(null)}f=="update"&&(g&&g({componentID:c,value:C,storeData:v.get(c),eventType:f}),s.scope(()=>{d.ok&&I&&I({componentID:c,value:C,storeData:v.get(c),eventType:f})}))},[d])},A=e=>{let{val_status:t,states:o,set_validate:r,DefaultValidation:u}=e,i=u({value:t.dataValue,states:o});if(!i.ok){r(i);return}let l=i.notice;const d=()=>x(void 0,null,function*(){if(!o.onValidate)return;let p=yield o.onValidate({value:t.dataValue,eventType:t.eventType,props:e});if(!p.ok){r({ok:!1,notice:[...l,...p.notice]});return}r({ok:!0,notice:[...l,...p.notice]})});o.onValidate?t.eventType=="refresh"?d():s.interval.standBy("ValidationTimer-"+t.componentID,450,d):r({ok:!0,notice:l})},de=e=>{let t=e.target,{form:o,formName:r}=t.dataset;o=r||o;let u=!1,i=w(`[data-form-submit-button="${o}"]`)[0];if(!i)return u;let l=i.dataset.sdfike||"",d=e.key,p=e.ctrlKey||e.metaKey;return s.scope(()=>{l.includes("enter")&&(d!="Enter"||e.nativeEvent.isComposing||F.get().browserIs=="safari"&&e.keyCode==229)||((d=="Enter"&&(l.includes("enter")||l.includes("auxEnter")&&p)||d==" "&&l.includes("space"))&&(i.click(),e.preventDefault()),u=!0)}),u},K={Input:e=>{if(e=="plain")return{};let t={padding:"3/4",transition:"middle",flexSizing:"auto",boxShadow:"0.thin"};return e=="border"?t=n(a({},t),{border:!0,borderRadius:"2.tone.secondary",backgroundColor:"layer.1"}):e=="cloud"?t=n(a({},t),{border:"1.thin",borderRadius:"2.tone.secondary",backgroundColor:"cloud"}):e=="bottomBorder"&&(t=n(a({},t),{borderRadius:0,border:"unset",borderBottom:!0,backgroundColor:"cloud"})),t},ListCell:e=>{e=a({},e),e.tone||(e.tone="border");let{tone:t}=e;return t=="plain"||(e=n(a({},e),{cellStyles:a({position:"relative",padding:["3/4",1],borderRadius:"2.tone.secondary",transition:"middle"},e.cellStyles)}),t=="normal"?e=n(a({gap:"1/2"},e),{cellStyles:a({isSemiBoldFont:!0},e.cellStyles),cellCheckedStyles:{backgroundColor:"cloud"}}):(e=n(a({gap:"3/4"},e),{cellStyles:a({boxShadow:"0.thin"},e.cellStyles)}),(t=="cloud"||t=="vivid")&&(e.cellStyles=a({border:"1.thin",backgroundColor:"layer.2"},e.cellStyles)),t=="border"?(e.cellStyles=a({border:!0,backgroundColor:"layer.1"},e.cellStyles),e.cellCheckedStyles=a({borderColor:"theme",fontColor:"theme"},e.cellCheckedStyles)):t=="cloud"?e.cellCheckedStyles=a({backgroundColor:"theme.opa.few",fontColor:"theme",borderColor:"theme"},e.cellCheckedStyles):t=="vivid"&&(e.cellCheckedStyles=a({backgroundColor:"theme",fontColor:"white",borderColor:"theme"},e.cellCheckedStyles)))),D(e)},Boxish:e=>{e=a({},e),e.tone||(e.tone="border");let t=n(a(a(a(n(a({},K.Input(e.tone)),{fontColor:"2.normal"}),e),!!e.leftIndicator&&{borderTopLeftRadius:"2/3",borderBottomLeftRadius:"2/3",marginLeft:"1/4"}),!!e.rightIndicator&&{borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",marginRight:"1/4"}),{className:[_("Input"),e.className].join(" ")});return D(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=n(a({},t),{border:!0}):e=="cloud"?t=n(a({},t),{border:"1.thin"}):e=="bottomBorder"&&(t=n(a({},t),{borderRadius:0,borderBottom:!0})),t},IndicatorIcon:{position:"absolute",ssSquare:2,top:"50%",flexCenter:!0,fontColor:"theme",fontSize:"1.mini",backgroundColor:"inherit",freeCSS:{transform:"translateY(-50%)"}}};export{se as BoxWrapper,ue as CommonEffects,K as DefaultStyles,de as SubmitForm,A as ValidationCheck,le as Wrapper};

package/dist/fn/Sheet.js

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

package/dist/fn/Table/Data.js

@@ -1 +1 @@
-import{b as s,c as R,d as q}from"../../chunk-C5N2D3ZX.js";import{Fragment as W,jsx as o,jsxs as _}from"react/jsx-runtime";import{useState as F,useEffect as G}from"react";import w from"@mingoo/jsmin";import{useStore as k}from"../../@utils";import O 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 T 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 ae}from"@fortawesome/free-solid-svg-icons/faFilter";import x from"./Parts";import oe from"./Wrapper";import{DefaultCellSystemStyles as V}from"./cellStyling";import{TableClasses as m}from"../../@styles/componentClasses";const f={__memoryID:w.uuid.gen(),Header:t=>{let{val_status:e,set_status:r,KeywordFilterRows:i}=s({},t),{order:u,filter:a}=e,[S,y]=u.current,h=[],c=[...e.head];e.checker&&h.push(o(x.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:[m("Cell"),e.cellClassName].join(" "),freeCSS:{zIndex:2},children:o(O,{flexCenter:!0,children:o(T.Checker,{label:null,value:!1,onUpdateValidValue:({value:n})=>{let g=e.rows;g.forEach(C=>{C.checked=n}),r(R(s({},e),{rows:g}))}})})}),-1));for(let n=0;n<e.colLength;n++){let g=c[n];if(!g)continue;let C=g.children||g.data,l=u.enabled&&u.column[n],d=a.enabled&&a.column[n],p=l?o(K,{fontSize:"1.mini",fontColor:n==S?"1.clear":"5.translucent",icon:n==S?y=="DESC"?te:ee:re}):null,P=o(W,{});if(d){let L=i.map(B=>{var N;return(N=B[n])==null?void 0:N.data});L=[...new Set(L)].order({direction:"ASC"});let v=a.current[n];if(v){let B=L.filter(D=>!v.includes(D)),N=[];L.forEach(D=>{D&&N.push({value:D,label:o(O,{flexSizing:"auto",children:D})})});let j="BUTTON-"+e.componentID+"-"+n,J=e.componentID+"-"+n,X={sheetID:J,parent:"#"+j,gravityPoint:23,type:"custom",content:_(M,{flexType:"col",border:!0,boxShadow:"3.remark",backgroundColor:"layer.1",borderRadius:1,freeCSS:{minWidth:12*20,maxWidth:12*30},children:[o(Z,{gap:"1/3",overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*30},children:o(T.Checkbox,{tone:"cloud",icon:!0,value:B,display:"flex",gap:"1/2",override:"force",options:N,hideInput:!0,name:"DTFilter-col-"+n+"-table-"+e.componentID,cellStyles:{flexSizing:"auto",padding:"2/3"},onUpdateValidValue:({value:D})=>{let H=L.filter(Q=>!D.includes(Q)),$=s({},e);$.filter.current[n]=H,r($)}})}),_(A.Separate,{gap:"2/3",padding:"2/3",horizontalAlign:"right",children:[o(E.Button.Border.S,{isRounded:!0,onClick:()=>{U.close(J)},children:"\u9589\u3058\u308B"}),o(E.Button.Prime.S,{color:"theme",isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{let D=[];v.length||(D=L);let H=s({},e);H.filter.current[n]=D,r(H)},children:"\u5168\u9078\u629E"})]})]})};U.refresh(X,!0),P=o(O,{className:m("FilterRegion"),children:o(E.Button.Sub.S,{ssSphere:2.5,fontSize:"1.mini",className:m("Filtering_"+!!v.length),id:j,onClick:D=>{D.stopPropagation(),U.open(X)},children:o(K,{icon:ae})})})}}g=R(s(s(s(s({},e.cellStyles),g),V({top:!0,bottom:!e.rows.length,left:n==Number(e.checker),right:n==e.colLength-1})),e.cellStylesCallback?e.cellStylesCallback({top:!0,bottom:!e.rows.length,left:n==Number(e.checker),right:n==e.colLength-1,rowIndex:0,colIndex:n,isBody:!1,isHeader:!0}):{}),{ssPushable:l,className:[m("Cell"),e.cellClassName,g.className].join(" ")}),delete g.orderIndex,h.push(o(x.TH,R(s({fontWeight:"2.normal",position:"sticky",top:0},g),{freeCSS:s({zIndex:2},g.freeCSS),onClick:L=>{if(l){let v=s({},e),B=[n,S===n&&y=="ASC"?"DESC":"ASC"];v.order.current=B,r(v),e.onOrderChanged&&e.onOrderChanged(B)}},children:_(M,{flexType:"row-r",flexWrap:!1,height:1,borderRadius:"inherit",flexCenter:!0,children:[P,_(M,{flexSizing:0,position:"relative",borderRadius:"inherit",gap:"1/3",flexWrap:!1,horizontalAlign:"center",children:[p,C]})]})}),n))}return o(x.Row,{className:[m("Row"),m("HeadRow")].join(" "),children:h})},Body:t=>{let{val_status:e,PageRows:r}=t,i=[];if(r.forEach((u,a)=>{let S=[...u],y=[];e.checker&&y.push(o(x.TH,R(s(s(s({unitWidth:4,padding:0,borderRight:!0},e.cellStyles),V({top:a==0&&!e.head,bottom:a==r.length-1,left:!0,right:!e.colLength})),e.cellStylesCallback?e.cellStylesCallback({top:a==0&&!e.head,bottom:a==r.length-1,left:!0,right:!e.colLength,rowIndex:a,colIndex:0,isBody:!0,isHeader:!1}):{}),{className:[m("Cell"),e.cellClassName].join(" "),children:o(O,{flexCenter:!0,children:o(T.Checker,{label:null,value:u.checked,override:"force",onUpdateValidValue:({value:h})=>{let c=e.rows;c[a].checked=h,t.set_status(R(s({},e),{rows:c}))}})})}),-1)),S.forEach((h,c)=>{if(!h)return;let l=h,{type:n="td"}=l,g=q(l,["type"]);g=R(s(s(s(s({},e.cellStyles),g),V({top:a==0&&!e.head,bottom:a==r.length-1,left:e.checker?!1:c==0,right:c==e.colLength-1})),e.cellStylesCallback?e.cellStylesCallback({top:a==0&&!e.head,bottom:a==r.length-1,left:e.checker?!1:c==0,right:c==e.colLength-1,rowIndex:a,colIndex:c,isBody:!0,isHeader:!1}):{}),{className:[m("Cell"),e.cellClassName,g.className].join(" ")}),delete g.orderIndex;let C=x[n=="td"?"TD":"TH"];y.push(o(C,s({},g),c))}),i.push(o(x.Row,{className:[m("Row"),m("BodyRow")].join(" "),children:y,onClick:h=>{e.onRowClick&&e.onRowClick(JSON.parse(u.rowID),h)}},a))}),!r.length){let u=o(O,{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=o(W,{children:e.noRecords})),i.push(o(x.Row,{className:[m("Row"),m("BodyRow"),m("DataNotFound")].join(" "),children:o(x.TD,{colSpan:e.colLength,className:m("Cell"),children:u})},"dataNotFound"))}return o(W,{children:i})},Core:t=>{let{val_status:e,set_status:r}=t,{searchKeyword:i,filter:u,order:a,paging:S}=e,y=[...e.rows],h=[...e.rows],c=[...e.rows],n=[...e.rows];if(i&&(h=y.filter(l=>(l.__sys4SearchKey||"").match(new RegExp(i,"i"))?1:0),c=[...h],n=[...h]),u.enabled)for(let l=0;l<e.colLength;l++){let d=u.column[l],p=u.current[l];d&&p&&p.length&&(c=c.filter(P=>!p.includes(P[l].data)),n=[...c])}a.enabled&&(c=c.order({direction:a.current[1],keys:[a.current[0],"orderIndex"]}),n=[...c]);{let{currentPageIndex:l,rowLength:d}=S;n=[...n].splice((l-1)*d,d)}let g=f.__memoryID+"_"+e.tableID,C={tableComponentDidMount:!0,totalRows:y.length,pageRows:n.length,filteredRows:c.length,filter:e.filter,order:e.order,paging:e.paging,searchKeyword:e.searchKeyword};return k.update({[g]:{status:C,updatePageIndex:l=>{let d=Math.min(Math.max(1,l),e.paging.pageLength),p=s({},e);p.paging.currentPageIndex=d,r(p)},updateRowLength:l=>{let d=s({},e);d.paging={rowLength:l,currentPageIndex:1,pageLength:Math.ceil(c.length/l)},r(d)},updateKeyword:l=>{w.interval.clear("InputSearchTime"),w.interval.standBy("InputSearchTime",200,()=>{let d=s({},e);d.searchKeyword=l,d.paging.currentPageIndex=1,d.filter.current=d.filter.current.map(()=>[]),r(d)})},getRowData:()=>{let l=[...y];return a.enabled&&(l=l.order({direction:a.current[1],keys:[a.current[0],"orderIndex"]})),l.forEach(d=>{d.currentPage=!1,d.filtered=!1}),n.forEach(d=>{let{rowID:p}=d;l.find(P=>P.rowID==p).currentPage=!0}),c.forEach(d=>{let{rowID:p}=d;l.find(P=>P.rowID==p).filtered=!0}),l}}}),G(()=>{let l=f.Propagations[e.tableID]||[];Object.keys(l).forEach(d=>{let p=k.get(d);p!=null&&p.refresh&&p.refresh()})}),o(O,{className:m("TableBase"),children:o(x.Table,{className:m("Table"),children:_(x.Body,{children:[o(f.Header,{val_status:e,set_status:r,KeywordFilterRows:h}),o(f.Body,{val_status:e,set_status:r,PageRows:n})]})})})},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 a;return w.is.boolean(t.filter)?t.filter:(a=t.filter[u])!=null?a:!1}),t.order=(r=t.order)!=null?r:!0,t.order=Array.from({length:t.colLength}).map((i,u)=>{var a;return w.is.boolean(t.order)?t.order:(a=t.order[u])!=null?a:!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 a=[];i.forEach((S,y)=>{let{data:h,children:c,orderIndex:n}=S;S.orderIndex=w.is.exist(n)?String(n):String(h),S.children=c||String(h),a.push(String(S.data))}),i.__sys4SearchKey=a.join("/")}),o(f.StateManager,s({eventID:w.uuid.gen()},t))},StateManager:t=>{let{colLength:e,eventID:r,checker:i=!1,searchKeyword:u="",filter:a,order:S,defaultOrder:y=[0,"ASC"],pageRowLength:h=30}=t,[c]=F(w.uuid.gen()),n={tableID:t.tableID||c,componentID:c,colLength:e,checker:i,searchKeyword:u,filter:{enabled:a!==!1,column:a,current:Array.from({length:e},()=>[])},order:{enabled:S!==!1,column:S,current:y},paging:{rowLength:h,pageLength:Math.ceil(t.rows.length/h),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},[g,C]=F(n),[l,d]=F(t.eventID);return l!=t.eventID&&(d(t.eventID),C(n)),o(f.Core,{val_status:g,set_status:C})}},b={__memoryID:f.__memoryID,useStatus:t=>{var a;let[e]=F(w.uuid.gen()),[r,i]=F(w.uuid.gen()),u=f.__memoryID+"_"+t;return G(()=>(f.Propagations[t]=R(s({},f.Propagations[t]),{[e]:1}),k.set({[e]:{refresh:()=>{i(w.uuid.gen())}}}),()=>{delete f.Propagations[t][e]}),[]),((a=k.get(u))==null?void 0:a.status)||{tableComponentDidMount:!1}},getRowData:t=>{let e=k.get(f.__memoryID+"_"+t);if(e!=null&&e.getRowData)return e.getRowData()},setPageIndex:(t,e)=>{let r=k.get(f.__memoryID+"_"+t);r!=null&&r.updatePageIndex&&r.updatePageIndex(e)},setRowLength:(t,e)=>{let r=k.get(f.__memoryID+"_"+t);r!=null&&r.updateRowLength&&r.updateRowLength(e)},setSearchKeyword:(t,e)=>{let r=k.get(f.__memoryID+"_"+t);r!=null&&r.updateKeyword&&r.updateKeyword(e)}},z={SearchInput:t=>{let e=b.useStatus(t.tableID);return e.tableComponentDidMount?o(T.Text.Normal,{placeholder:"\u691C\u7D22...",clearButton:!0,padding:"2/3",paddingRight:3,rightIcon:o(T.Comps.RightIcon,{fontColor:"5.translucent",right:"2/3",children:o(K.Search,{})}),override:"force",value:e.searchKeyword,onUpdateValidValue:({value:r})=>{w.interval.clear("InputSearchTime"),w.interval.standBy("InputSearchTime",500,()=>{b.setSearchKeyword(t.tableID,r)})}}):null},Info:t=>{let e=b.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.filteredRows.ratio(e.totalRows)||0;return _(M,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[o(Y,{fontSize:"4.thirdTitle",fontColor:"theme",children:e.filteredRows.toLocaleString()}),"/ ",e.totalRows.toLocaleString(),"\u4EF6 (",r,"%)"]})},Paging:t=>{let e=b.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 _(A.Center,{children:[_(A.Center,{gap:"1/2",children:["\u30DA\u30FC\u30B8 :",o(T.Select,{enableUnSelected:!1,padding:["1/3","2/3"],rightIcon:!1,placeholder:"",override:"force",value:e.paging.currentPageIndex,options:r,onUpdateValidValue:({value:i})=>{b.setPageIndex(t.tableID,i)}}),"/ ",e.paging.pageLength]}),_(A.Right,{gap:"1/2",children:[o(E.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==1){b.setPageIndex(t.tableID,e.paging.pageLength);return}b.setPageIndex(t.tableID,e.paging.currentPageIndex-1)},children:o(K.ChevronLeft,{})}),o(E.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==e.paging.pageLength){b.setPageIndex(t.tableID,1);return}b.setPageIndex(t.tableID,e.paging.currentPageIndex+1)},children:o(K.ChevronRight,{})})]})]})},RowLength:t=>{let e=b.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.paging.rowLength,i=0,u=t.lengthSelect.map(a=>(i|=+(a==r),{value:a,label:a.toString()}));return i||u.push({value:r,label:r.toString()}),u=u.order({direction:"ASC",keys:["value"]}),_(A.Center,{gap:"1/2",children:["\u4EF6\u6570 :",o(T.Select,{enableUnSelected:!1,rightIcon:!1,placeholder:"\u9078\u629E",override:"force",padding:["1/3","2/3"],value:e.paging.rowLength,options:u,onUpdateValidValue:({value:a})=>{b.setRowLength(t.tableID,a)}})]})}},ne=t=>o(oe,R(s({},t),{type:"data",JSXChildren:f.DataLeveler})),I=ne;I.__memoryID=f.__memoryID,I.useStatus=b.useStatus,I.getRowData=b.getRowData,I.setPageIndex=b.setPageIndex,I.setRowLength=b.setRowLength,I.setSearchKeyword=b.setSearchKeyword,I.Info=z.Info,I.Paging=z.Paging,I.RowLength=z.RowLength,I.SearchInput=z.SearchInput;export{I as Data,I as default};
+import{b as s,c as R,d as q}from"../../chunk-C5N2D3ZX.js";import{Fragment as W,jsx as n,jsxs as _}from"react/jsx-runtime";import{useState as F,useEffect as G}from"react";import w from"@mingoo/jsmin";import{useStore as k}from"../../@utils";import O 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 T 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 ae}from"@fortawesome/free-solid-svg-icons/faFilter";import x from"./Parts";import oe from"./Wrapper";import{DefaultCellSystemStyles as V}from"./cellStyling";import{TableClasses as m}from"../../@styles/componentClasses";const f={__memoryID:w.uuid.gen(),Header:t=>{let{val_status:e,set_status:r,KeywordFilterRows:i}=s({},t),{order:u,filter:a}=e,[S,y]=u.current,h=[],c=[...e.head];e.checker&&h.push(n(x.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:[m("Cell"),e.cellClassName].join(" "),freeCSS:{zIndex:2},children:n(O,{flexCenter:!0,children:n(T.Checker,{label:null,value:!1,onUpdateValidValue:({value:o})=>{let g=e.rows;g.forEach(C=>{C.checked=o}),r(R(s({},e),{rows:g}))}})})}),-1));for(let o=0;o<e.colLength;o++){let g=c[o];if(!g)continue;let C=g.children||g.data,l=u.enabled&&u.column[o],d=a.enabled&&a.column[o],p=l?n(K,{fontSize:"1.mini",fontColor:o==S?"1.clear":"5.translucent",icon:o==S?y=="DESC"?te:ee:re}):null,P=n(W,{});if(d){let L=i.map(B=>{var N;return(N=B[o])==null?void 0:N.data});L=[...new Set(L)].order({direction:"ASC"});let v=a.current[o];if(v){let B=L.filter(D=>!v.includes(D)),N=[];L.forEach(D=>{D&&N.push({value:D,label:n(O,{flexSizing:"auto",children:D})})});let j="BUTTON-"+e.componentID+"-"+o,J=e.componentID+"-"+o,X={sheetID:J,parent:"#"+j,gravityPoint:23,type:"custom",content:_(M,{flexType:"col",border:!0,boxShadow:"3.remark",backgroundColor:"layer.1",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(T.Checkbox,{tone:"cloud",icon:!0,value:B,display:"flex",gap:"1/2",override:"force",options:N,hideInput:!0,name:"DTFilter-col-"+o+"-table-"+e.componentID,cellStyles:{flexSizing:"auto",padding:"2/3"},onUpdateValidValue:({value:D})=>{let H=L.filter(Q=>!D.includes(Q)),$=s({},e);$.filter.current[o]=H,r($)}})}),_(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 D=[];v.length||(D=L);let H=s({},e);H.filter.current[o]=D,r(H)},children:"\u5168\u9078\u629E"})]})]})};U.refresh(X,!0),P=n(O,{className:m("FilterRegion"),children:n(E.Button.Sub.S,{ssSphere:2.5,fontSize:"1.mini",className:m("Filtering_"+!!v.length),id:j,onClick:D=>{D.stopPropagation(),U.open(X)},children:n(K,{icon:ae})})})}}g=R(s(s(s(s({},e.cellStyles),g),V({top:!0,bottom:!e.rows.length,left:o==Number(e.checker),right:o==e.colLength-1})),e.cellStylesCallback?e.cellStylesCallback({top:!0,bottom:!e.rows.length,left:o==Number(e.checker),right:o==e.colLength-1,rowIndex:0,colIndex:o,isBody:!1,isHeader:!0}):{}),{ssPushable:l,className:[m("Cell"),e.cellClassName,g.className].join(" ")}),delete g.orderIndex,h.push(n(x.TH,R(s({fontWeight:"2.normal",position:"sticky",top:0},g),{freeCSS:s({zIndex:2},g.freeCSS),onClick:L=>{if(l){let v=s({},e),B=[o,S===o&&y=="ASC"?"DESC":"ASC"];v.order.current=B,r(v),e.onOrderChanged&&e.onOrderChanged(B)}},children:_(M,{flexType:"row-r",flexWrap:!1,height:1,borderRadius:"inherit",flexCenter:!0,children:[P,_(M,{flexSizing:0,position:"relative",borderRadius:"inherit",gap:"1/3",flexWrap:!1,horizontalAlign:"center",children:[p,C]})]})}),o))}return n(x.Row,{className:[m("Row"),m("HeadRow")].join(" "),children:h})},Body:t=>{let{val_status:e,PageRows:r}=t,i=[];if(r.forEach((u,a)=>{let S=[...u],y=[];e.checker&&y.push(n(x.TH,R(s(s(s({unitWidth:4,padding:0,borderRight:!0},e.cellStyles),V({top:a==0&&!e.head,bottom:a==r.length-1,left:!0,right:!e.colLength})),e.cellStylesCallback?e.cellStylesCallback({top:a==0&&!e.head,bottom:a==r.length-1,left:!0,right:!e.colLength,rowIndex:a,colIndex:0,isBody:!0,isHeader:!1}):{}),{className:[m("Cell"),e.cellClassName].join(" "),children:n(O,{flexCenter:!0,children:n(T.Checker,{label:null,value:u.checked,override:"force",onUpdateValidValue:({value:h})=>{let c=e.rows;c[a].checked=h,t.set_status(o=>R(s({},o),{rows:c}))}})})}),-1)),S.forEach((h,c)=>{if(!h)return;let l=h,{type:o="td"}=l,g=q(l,["type"]);g=R(s(s(s(s({},e.cellStyles),g),V({top:a==0&&!e.head,bottom:a==r.length-1,left:e.checker?!1:c==0,right:c==e.colLength-1})),e.cellStylesCallback?e.cellStylesCallback({top:a==0&&!e.head,bottom:a==r.length-1,left:e.checker?!1:c==0,right:c==e.colLength-1,rowIndex:a,colIndex:c,isBody:!0,isHeader:!1}):{}),{className:[m("Cell"),e.cellClassName,g.className].join(" ")}),delete g.orderIndex;let C=x[o=="td"?"TD":"TH"];y.push(n(C,s({},g),c))}),i.push(n(x.Row,{className:[m("Row"),m("BodyRow")].join(" "),children:y,onClick:h=>{e.onRowClick&&e.onRowClick(JSON.parse(u.rowID),h)}},a))}),!r.length){let u=n(O,{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(x.Row,{className:[m("Row"),m("BodyRow"),m("DataNotFound")].join(" "),children:n(x.TD,{colSpan:e.colLength,className:m("Cell"),children:u})},"dataNotFound"))}return n(W,{children:i})},Core:t=>{let{val_status:e,set_status:r}=t,{searchKeyword:i,filter:u,order:a,paging:S}=e,y=[...e.rows],h=[...e.rows],c=[...e.rows],o=[...e.rows];if(i&&(h=y.filter(l=>(l.__sys4SearchKey||"").match(new RegExp(i,"i"))?1:0),c=[...h],o=[...h]),u.enabled)for(let l=0;l<e.colLength;l++){let d=u.column[l],p=u.current[l];d&&p&&p.length&&(c=c.filter(P=>!p.includes(P[l].data)),o=[...c])}a.enabled&&(c=c.order({direction:a.current[1],keys:[a.current[0],"orderIndex"]}),o=[...c]);{let{currentPageIndex:l,rowLength:d}=S;o=[...o].splice((l-1)*d,d)}let g=f.__memoryID+"_"+e.tableID,C={tableComponentDidMount:!0,totalRows:y.length,pageRows:o.length,filteredRows:c.length,filter:e.filter,order:e.order,paging:e.paging,searchKeyword:e.searchKeyword};return k.update({[g]:{status:C,updatePageIndex:l=>{let d=Math.min(Math.max(1,l),e.paging.pageLength),p=s({},e);p.paging.currentPageIndex=d,r(p)},updateRowLength:l=>{let d=s({},e);d.paging={rowLength:l,currentPageIndex:1,pageLength:Math.ceil(c.length/l)},r(d)},updateKeyword:l=>{w.interval.clear("InputSearchTime"),w.interval.standBy("InputSearchTime",200,()=>{let d=s({},e);d.searchKeyword=l,d.paging.currentPageIndex=1,d.filter.current=d.filter.current.map(()=>[]),r(d)})},getRowData:()=>{let l=[...y];return a.enabled&&(l=l.order({direction:a.current[1],keys:[a.current[0],"orderIndex"]})),l.forEach(d=>{d.currentPage=!1,d.filtered=!1}),o.forEach(d=>{let{rowID:p}=d;l.find(P=>P.rowID==p).currentPage=!0}),c.forEach(d=>{let{rowID:p}=d;l.find(P=>P.rowID==p).filtered=!0}),l}}}),G(()=>{let l=f.Propagations[e.tableID]||[];Object.keys(l).forEach(d=>{let p=k.get(d);p!=null&&p.refresh&&p.refresh()})}),n(O,{className:m("TableBase"),children:n(x.Table,{className:m("Table"),children:_(x.Body,{children:[n(f.Header,{val_status:e,set_status:r,KeywordFilterRows:h}),n(f.Body,{val_status:e,set_status:r,PageRows:o})]})})})},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 a;return w.is.boolean(t.filter)?t.filter:(a=t.filter[u])!=null?a:!1}),t.order=(r=t.order)!=null?r:!0,t.order=Array.from({length:t.colLength}).map((i,u)=>{var a;return w.is.boolean(t.order)?t.order:(a=t.order[u])!=null?a:!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 a=[];i.forEach((S,y)=>{let{data:h,children:c,orderIndex:o}=S;S.orderIndex=w.is.exist(o)?String(o):String(h),S.children=c||String(h),a.push(String(S.data))}),i.__sys4SearchKey=a.join("/")}),n(f.StateManager,s({eventID:w.uuid.gen()},t))},StateManager:t=>{let{colLength:e,eventID:r,checker:i=!1,searchKeyword:u="",filter:a,order:S,defaultOrder:y=[0,"ASC"],pageRowLength:h=30}=t,[c]=F(w.uuid.gen()),o={tableID:t.tableID||c,componentID:c,colLength:e,checker:i,searchKeyword:u,filter:{enabled:a!==!1,column:a,current:Array.from({length:e},()=>[])},order:{enabled:S!==!1,column:S,current:y},paging:{rowLength:h,pageLength:Math.ceil(t.rows.length/h),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},[g,C]=F(o),[l,d]=F(t.eventID);return l!=t.eventID&&(d(t.eventID),C(o)),n(f.Core,{val_status:g,set_status:C})}},b={__memoryID:f.__memoryID,useStatus:t=>{var a;let[e]=F(w.uuid.gen()),[r,i]=F(w.uuid.gen()),u=f.__memoryID+"_"+t;return G(()=>(f.Propagations[t]=R(s({},f.Propagations[t]),{[e]:1}),k.set({[e]:{refresh:()=>{i(w.uuid.gen())}}}),()=>{delete f.Propagations[t][e]}),[]),((a=k.get(u))==null?void 0:a.status)||{tableComponentDidMount:!1}},getRowData:t=>{let e=k.get(f.__memoryID+"_"+t);if(e!=null&&e.getRowData)return e.getRowData()},setPageIndex:(t,e)=>{let r=k.get(f.__memoryID+"_"+t);r!=null&&r.updatePageIndex&&r.updatePageIndex(e)},setRowLength:(t,e)=>{let r=k.get(f.__memoryID+"_"+t);r!=null&&r.updateRowLength&&r.updateRowLength(e)},setSearchKeyword:(t,e)=>{let r=k.get(f.__memoryID+"_"+t);r!=null&&r.updateKeyword&&r.updateKeyword(e)}},z={SearchInput:t=>{let e=b.useStatus(t.tableID);return e.tableComponentDidMount?n(T.Text.Normal,{placeholder:"\u691C\u7D22...",clearButton:!0,padding:"2/3",paddingRight:3,rightIcon:n(T.Comps.RightIcon,{fontColor:"5.translucent",right:"2/3",children:n(K.Search,{})}),override:"force",value:e.searchKeyword,onUpdateValidValue:({value:r})=>{w.interval.clear("InputSearchTime"),w.interval.standBy("InputSearchTime",500,()=>{b.setSearchKeyword(t.tableID,r)})}}):null},Info:t=>{let e=b.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.filteredRows.ratio(e.totalRows)||0;return _(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=b.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 _(A.Center,{children:[_(A.Center,{gap:"1/2",children:["\u30DA\u30FC\u30B8 :",n(T.Select,{enableUnSelected:!1,padding:["1/3","2/3"],rightIcon:!1,placeholder:"",override:"force",value:e.paging.currentPageIndex,options:r,onUpdateValidValue:({value:i})=>{b.setPageIndex(t.tableID,i)}}),"/ ",e.paging.pageLength]}),_(A.Right,{gap:"1/2",children:[n(E.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==1){b.setPageIndex(t.tableID,e.paging.pageLength);return}b.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){b.setPageIndex(t.tableID,1);return}b.setPageIndex(t.tableID,e.paging.currentPageIndex+1)},children:n(K.ChevronRight,{})})]})]})},RowLength:t=>{let e=b.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.paging.rowLength,i=0,u=t.lengthSelect.map(a=>(i|=+(a==r),{value:a,label:a.toString()}));return i||u.push({value:r,label:r.toString()}),u=u.order({direction:"ASC",keys:["value"]}),_(A.Center,{gap:"1/2",children:["\u4EF6\u6570 :",n(T.Select,{enableUnSelected:!1,rightIcon:!1,placeholder:"\u9078\u629E",override:"force",padding:["1/3","2/3"],value:e.paging.rowLength,options:u,onUpdateValidValue:({value:a})=>{b.setRowLength(t.tableID,a)}})]})}},ne=t=>n(oe,R(s({},t),{type:"data",JSXChildren:f.DataLeveler})),I=ne;I.__memoryID=f.__memoryID,I.useStatus=b.useStatus,I.getRowData=b.getRowData,I.setPageIndex=b.setPageIndex,I.setRowLength=b.setRowLength,I.setSearchKeyword=b.setSearchKeyword,I.Info=z.Info,I.Paging=z.Paging,I.RowLength=z.RowLength,I.SearchInput=z.SearchInput;export{I as Data,I as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "amotify",
-  "version": "0.2.9",
+  "version": "0.2.10",
   "description": "UI Component for React,NextJS,esbuild",
   "scripts": {
     "start": "run-p clean build:*",
@@ -89,7 +89,7 @@
     "@fortawesome/free-regular-svg-icons": "^6.5.2",
     "@fortawesome/free-solid-svg-icons": "^6.5.1",
     "@fortawesome/react-fontawesome": "^0.2.0",
-    "@mingoo/jsmin": "^0.0.46",
+    "@mingoo/jsmin": "^0.0.48",
     "react": "^18.3.1"
   },
   "devDependencies": {