amotify 0.2.44 → 0.2.46

package/dist/@utils/LaunchReactApp.js

@@ -1 +1 @@
-import"../chunk-C5N2D3ZX.js";import{Fragment as R,jsx as e,jsxs as p}from"react/jsx-runtime";import{Config as o}from".";import s from"./useRecycle";import{Box as l}from"../atoms";import{Sheet as c,Snackbar as m,Loader as f,Effect as r}from"../fn";const i=t=>{var a;let n=s.set("RootViewController_"+o.get().sessionUID);return p(R,{children:[e("style",{children:t.inlineCSS}),p("amotify-app",{id:"appRoot_"+o.get().sessionUID,children:[e(r.Pudding.Wrapper,{}),e(r.Ripple.Wrapper,{}),e(f.Wrapper,{}),e(m.Wrapper,{}),e(c.Wrapper,{}),e(l,{className:["AMOTIFY_be","AMOTIFY_be_root",(a=t.isRootPage)==null||a?"AMOTIFY_be_origin":"",t.originClassName||""].join(" "),children:t.children},n)]})]})};export{i as LaunchReactApp,i as default};
+import"../chunk-C5N2D3ZX.js";import{Fragment as R,jsx as e,jsxs as p}from"react/jsx-runtime";import{Config as o}from".";import s from"./useRefresh";import{Box as l}from"../atoms";import{Sheet as c,Snackbar as m,Loader as f,Effect as r}from"../fn";const i=t=>{var a;let n=s.catch("RootViewController_"+o.get().sessionUID);return p(R,{children:[e("style",{children:t.inlineCSS}),p("amotify-app",{id:"appRoot_"+o.get().sessionUID,children:[e(r.Pudding.Wrapper,{}),e(r.Ripple.Wrapper,{}),e(f.Wrapper,{}),e(m.Wrapper,{}),e(c.Wrapper,{}),e(l,{className:["AMOTIFY_be","AMOTIFY_be_root",(a=t.isRootPage)==null||a?"AMOTIFY_be_origin":"",t.originClassName||""].join(" "),children:t.children},n)]})]})};export{i as LaunchReactApp,i as default};

package/dist/@utils/config.js

@@ -1 +1 @@
-import{b as s,c as h}from"../chunk-C5N2D3ZX.js";import r from"@mingoo/jsmin";import{useRecycle as w}from"./useRecycle";import{ColorObjects as f,SetThemeColorTag as u}from"./color";let n={sessionUID:r.uuid.gen(),appRoot:null,darkMode:"light",themeColor:"comun",roundness:2,isSystemDarkmode:()=>window.matchMedia("(prefers-color-scheme: dark)").matches==!0,deviceIs:"",browserIs:"",isPhone:!1,isTouchDevice:!1,isIOS:!1,screen:{breakpoint:834,phonepoint:690,viewHeight:0,viewWidth:0,isBreakpoint:(e=834)=>window.innerWidth<=e,isPhonepoint:(e=690)=>window.innerWidth<=e}};const o={get:()=>n,set:e=>{n=s(s({},n),e)},update:{themeColor:e=>{if(f.find(d=>d.key==e)||(e="comun"),e==o.get().themeColor)return;o.set(h(s({},o.get()),{themeColor:e}));let t=r(document.body);t.removeClass(t.findClass(/^bdsTC/)).addClass("bdsTC_"+e).callback(()=>{u()}),o.restart()},darkMode:e=>{if(["light","dark","dim","auto"].includes(e)||(e="light"),e==o.get().darkMode)return;let t=e=="auto"?o.get().isSystemDarkmode()?"dark":"light":e;o.set(h(s({},o.get()),{darkMode:t}));let d=r(document.body);d.removeClass(d.findClass(/^bdsDM/)).addClass("bdsDM_"+t),o.restart()},roundness:e=>{e>=0&&e<=5||(e=2),e!=o.get().roundness&&(o.set(h(s({},o.get()),{roundness:e})),o.restart())},screen:e=>{o.get().screen=s(s({},o.get().screen),e)}},launch:e=>{const t=window.navigator.userAgent.toLowerCase(),d=t.indexOf("windows nt")!==-1?"windows":t.indexOf("android")!==-1?"android":t.indexOf("iphone")!==-1?"iPhone":t.indexOf("ipad")>-1||t.indexOf("macintosh")>-1&&"ontouchend"in document?"iPad":t.indexOf("mac os x")!==-1?"macOSX":"undefined",p=t.indexOf("msie")!==-1||t.indexOf("trident")!==-1?"ie":t.indexOf("edge")!==-1?"edge":t.indexOf("chrome")!==-1?"chrome":t.indexOf("safari")!==-1?"safari":t.indexOf("firefox")!==-1?"firefox":t.indexOf("opera")!==-1||t.indexOf("opr")!==-1?"opera":"undefined";n.appRoot=e.appRoot||document.body,n.appRoot instanceof HTMLElement&&(n.appRoot.tabIndex=0),r.is.exist(e.roundness)&&o.update.roundness(e.roundness),r.is.exist(e.themeColor)&&o.update.themeColor(e.themeColor),r.is.exist(e.darkMode)&&o.update.darkMode(e.darkMode),n.deviceIs=d,n.browserIs=p,n.isPhone=["Android","iPhone"].includes(d),n.isTouchDevice=window.ontouchstart!==void 0&&0<navigator.maxTouchPoints,n.isIOS=["iPhone","iPad"].includes(d),n.isTouchDevice=window.ontouchstart!==void 0&&0<navigator.maxTouchPoints,n.isIOS=["iPhone","iPad"].includes(d),n.screen={breakpoint:834,phonepoint:690,viewHeight:window.innerHeight,viewWidth:window.innerWidth,isBreakpoint:(i=834)=>window.innerWidth<=i,isPhonepoint:(i=690)=>window.innerWidth<=i},r(document.body).addClass(["AMOTIFY_be_body","usrDevice_"+o.get().deviceIs,"bdsDM_"+o.get().darkMode,"bdsTC_"+o.get().themeColor]),r(window).addEvent({eventType:"load",eventID:"windowLoad",callback:()=>{let i=document.body.style,a=r(document.body),m=Number(a.getStyleProperty("--topNavHeight").removeLetters()||0),c=Number(a.getStyleProperty("--footerNavHeight").removeLetters()||0),g=window.innerHeight-m-c;i.setProperty("--viewHeight",window.innerHeight+"px"),i.setProperty("--contentHeight",g+"px")}}).addEvent({eventType:"resize",eventID:"getDeviceInfo",callback:()=>{o.update.screen({viewHeight:window.innerHeight,viewWidth:window.innerWidth});let i=r(document.body),a=window.innerHeight,m=Number(i.getStyleProperty("--topNavHeight").removeLetters()),c=Number(i.getStyleProperty("--footerNavHeight").removeLetters()),l=a-m-c;i.setStyleProperty("--viewHeight",a+"px").setStyleProperty("--sideNavHeight",l+"px").setStyleProperty("--contentHeight",l+"px")}}),u()},restart:()=>{w.do("RootViewController_"+o.get().sessionUID)}};export{o as Config,o as default};
+import{b as s,c as h}from"../chunk-C5N2D3ZX.js";import r from"@mingoo/jsmin";import{useRefresh as w,ColorObjects as f,SetThemeColorTag as u}from".";let n={sessionUID:r.uuid.gen(),appRoot:null,darkMode:"light",themeColor:"comun",roundness:2,isSystemDarkmode:()=>window.matchMedia("(prefers-color-scheme: dark)").matches==!0,deviceIs:"",browserIs:"",isPhone:!1,isTouchDevice:!1,isIOS:!1,screen:{breakpoint:834,phonepoint:690,viewHeight:0,viewWidth:0,isBreakpoint:(e=834)=>window.innerWidth<=e,isPhonepoint:(e=690)=>window.innerWidth<=e}};const o={get:()=>n,set:e=>{n=s(s({},n),e)},update:{themeColor:e=>{if(f.find(d=>d.key==e)||(e="comun"),e==o.get().themeColor)return;o.set(h(s({},o.get()),{themeColor:e}));let t=r(document.body);t.removeClass(t.findClass(/^bdsTC/)).addClass("bdsTC_"+e).callback(()=>{u()}),o.restart()},darkMode:e=>{if(["light","dark","dim","auto"].includes(e)||(e="light"),e==o.get().darkMode)return;let t=e=="auto"?o.get().isSystemDarkmode()?"dark":"light":e;o.set(h(s({},o.get()),{darkMode:t}));let d=r(document.body);d.removeClass(d.findClass(/^bdsDM/)).addClass("bdsDM_"+t),o.restart()},roundness:e=>{e>=0&&e<=5||(e=2),e!=o.get().roundness&&(o.set(h(s({},o.get()),{roundness:e})),o.restart())},screen:e=>{o.get().screen=s(s({},o.get().screen),e)}},launch:e=>{const t=window.navigator.userAgent.toLowerCase(),d=t.indexOf("windows nt")!==-1?"windows":t.indexOf("android")!==-1?"android":t.indexOf("iphone")!==-1?"iPhone":t.indexOf("ipad")>-1||t.indexOf("macintosh")>-1&&"ontouchend"in document?"iPad":t.indexOf("mac os x")!==-1?"macOSX":"undefined",p=t.indexOf("msie")!==-1||t.indexOf("trident")!==-1?"ie":t.indexOf("edge")!==-1?"edge":t.indexOf("chrome")!==-1?"chrome":t.indexOf("safari")!==-1?"safari":t.indexOf("firefox")!==-1?"firefox":t.indexOf("opera")!==-1||t.indexOf("opr")!==-1?"opera":"undefined";n.appRoot=e.appRoot||document.body,n.appRoot instanceof HTMLElement&&(n.appRoot.tabIndex=0),r.is.exist(e.roundness)&&o.update.roundness(e.roundness),r.is.exist(e.themeColor)&&o.update.themeColor(e.themeColor),r.is.exist(e.darkMode)&&o.update.darkMode(e.darkMode),n.deviceIs=d,n.browserIs=p,n.isPhone=["Android","iPhone"].includes(d),n.isTouchDevice=window.ontouchstart!==void 0&&0<navigator.maxTouchPoints,n.isIOS=["iPhone","iPad"].includes(d),n.isTouchDevice=window.ontouchstart!==void 0&&0<navigator.maxTouchPoints,n.isIOS=["iPhone","iPad"].includes(d),n.screen={breakpoint:834,phonepoint:690,viewHeight:window.innerHeight,viewWidth:window.innerWidth,isBreakpoint:(i=834)=>window.innerWidth<=i,isPhonepoint:(i=690)=>window.innerWidth<=i},r(document.body).addClass(["AMOTIFY_be_body","usrDevice_"+o.get().deviceIs,"bdsDM_"+o.get().darkMode,"bdsTC_"+o.get().themeColor]),r(window).addEvent({eventType:"load",eventID:"windowLoad",callback:()=>{let i=document.body.style,a=r(document.body),m=Number(a.getStyleProperty("--topNavHeight").removeLetters()||0),l=Number(a.getStyleProperty("--footerNavHeight").removeLetters()||0),g=window.innerHeight-m-l;i.setProperty("--viewHeight",window.innerHeight+"px"),i.setProperty("--contentHeight",g+"px")}}).addEvent({eventType:"resize",eventID:"getDeviceInfo",callback:()=>{o.update.screen({viewHeight:window.innerHeight,viewWidth:window.innerWidth});let i=r(document.body),a=window.innerHeight,m=Number(i.getStyleProperty("--topNavHeight").removeLetters()),l=Number(i.getStyleProperty("--footerNavHeight").removeLetters()),c=a-m-l;i.setStyleProperty("--viewHeight",a+"px").setStyleProperty("--sideNavHeight",c+"px").setStyleProperty("--contentHeight",c+"px")}}),u()},restart:()=>{w.release("RootViewController_"+o.get().sessionUID)}};export{o as Config,o as default};

package/dist/@utils/index.d.ts

@@ -1,7 +1,7 @@
 export * from '../@declares';
 export * from './config';
 export * from './useStore';
-export * from './useRecycle';
+export * from './useRefresh';
 export * from './useRouterEffect';
 export * from './collectForm';
 export * from './pageRouter';

package/dist/@utils/index.js

@@ -1 +1 @@
-export*from"../@declares";export*from"./config";export*from"./useStore";export*from"./useRecycle";export*from"./useRouterEffect";export*from"./collectForm";export*from"./pageRouter";export*from"./color";export*from"./GenerateClassName";export*from"./LaunchReactApp";export*from"./getElement";
+export*from"../@declares";export*from"./config";export*from"./useStore";export*from"./useRefresh";export*from"./useRouterEffect";export*from"./collectForm";export*from"./pageRouter";export*from"./color";export*from"./GenerateClassName";export*from"./LaunchReactApp";export*from"./getElement";

package/dist/@utils/useRefresh.d.ts

@@ -0,0 +1,8 @@
+declare namespace useRefresh {
+    type Methods = {
+        catch<T = any>(key: string): T | undefined;
+        release(key: string, message?: any): void;
+    };
+}
+declare const useRefresh: useRefresh.Methods;
+export { useRefresh, useRefresh as default };

package/dist/@utils/useRefresh.js

@@ -0,0 +1 @@
+import"../chunk-C5N2D3ZX.js";import a from"@mingoo/jsmin";import e from"./useStore";import{useState as h,useEffect as c}from"react";const _={catch:s=>{let[t]=h(a.uuid.gen()),[f,n]=h(a.uuid.gen()),[u,l]=h(null),i="RefreshKey_"+t;return c(()=>{var o;e.set({[i]:r=>{n(a.uuid.gen()),l(r||null)}});let y=((o=e.get("RefreshKeys_"+s))==null?void 0:o.keys)||[];return y=[...y,t],e.update({["RefreshKeys_"+s]:{keys:y}}),()=>{var g;e.delete(i);let r=((g=e.get("RefreshKeys_"+s))==null?void 0:g.keys)||[],d=r.indexOf(t);d!==-1&&(r.splice(d,1),e.update({["RefreshKeys_"+s]:{keys:r}}))}},[]),u},release:(s,t)=>{var n;let f=((n=e.get("RefreshKeys_"+s))==null?void 0:n.keys)||[];if(f&&f.length)for(let u of f){let l=e.get("RefreshKey_"+u);l&&l(t)}}};export{_ as default,_ as useRefresh};

package/dist/@utils/useStore.d.ts

@@ -3,7 +3,7 @@ declare namespace useStore {
     type Methods = {
         set(p: KeyValueDict, privateKey?: string): boolean;
         update(p: KeyValueDict, privateKey?: string): boolean;
-        get(key: string, privateKey?: string): any;
+        get<T = any>(key: string, privateKey?: string): T | undefined;
         delete(key: string, privateKey?: string): boolean;
     };
 }

package/dist/fn/Input/Select.js

@@ -1 +1 @@
-import{b as u,c as y,d as J}from"../../chunk-C5N2D3ZX.js";import{Fragment as X,jsx as l,jsxs as Q}from"react/jsx-runtime";import{useState as _,useEffect as E}from"react";import s from"@mingoo/jsmin";import{ExtractStyles as ee,useStore as $}from"../../@utils";import{Box as C,Span as te,FAI as le,Column as ae}from"../../atoms";import{Text as k,Row as oe}from"../../mols";import ne from"../Button";import{Sheet as P}from"../Sheet";import{OptionalInputWrapper as re,BoxWrapper as se,CoreEffects as L,DefaultBoxishStyles as ie}from"./core";import{InputAutocompleteClasses as A}from"../../@styles/componentClasses";import{InputLabel as ue}from"./Label";import{RightIcon as ce}from".";function pe(e){let{value:t,states:a}=e,{required:r,options:i}=a,I=[];return r&&t==="null"&&I.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!I.filter(({type:b})=>b=="invalid").length,notice:I}}const N={FilterSelectableOptions:(e,t)=>{let a=e.rootStates.options;return t||(a=a.filter(r=>r.type!="label")),a}},V={Shallow:e=>{let{rootStates:t,val_status:a}=e,r=ee(t);return l(C,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:l(k.Description,y(u({className:t.className},r),{position:"absolute",width:1,freeCSS:y(u({},r.freeCSS),{color:"orange"}),children:l(C,{"data-input-value-shallow":a.componentID,children:"A"})}))})},Button:e=>{let{rootStates:t,val_preventOpenSelectorOnFocus:a,set_preventOpenSelectorOnFocus:r,val_optionFocused:i,set_optionFocused:I,val_validate:b,set_validate:f,val_status:d,set_status:h,val_selectorOpen:S,set_selectorOpen:c}=e,U=t,{tone:O,required:x,form:D,className:T,label:de,isLabelActive:Se,placeholder:fe,enableFormSubmit:Y,emptySelect:me,checkValidationAtFirst:Z,onValidate:ve,onUpdateValue:ye,onUpdateValidValue:Ie,value:be="",options:ge,leftIndicator:he,rightIndicator:De,leftIcon:_e,rightIcon:Ce,componentID:Ve,status_id:Oe,wrapStyles:xe,SelectedCellStyles:Re,SelectorCellStyles:Te,SelectorStyles:Fe,SelectorGravityPoint:we}=U,o=J(U,["tone","required","form","className","label","isLabelActive","placeholder","enableFormSubmit","emptySelect","checkValidationAtFirst","onValidate","onUpdateValue","onUpdateValidValue","value","options","leftIndicator","rightIndicator","leftIcon","rightIcon","componentID","status_id","wrapStyles","SelectedCellStyles","SelectorCellStyles","SelectorStyles","SelectorGravityPoint"]),K="select-sheet-"+t.componentID;return E(()=>{if(t.disabled)return;let n="select-click-"+t.componentID;if(S){let v=s('[data-input-origin="'+t.componentID+'"]');if(!v)return;P.open({sheetID:K,type:"custom",parent:v[0],padding:["1/4",0],gravityPoint:t.SelectorGravityPoint||22,close_option:{aroundClick:!1},content:l(V.Selector,u({},e))}),s(document).addEvent({eventID:n,eventType:"click",callback:B=>{let F=s(B.target),w=!!s(F).parent("."+A("Core")).length;s(F).parent("."+A("Selector")).length||w||c(!1)}})}else s(document).removeEvent([n]),P.close(K)},[S]),E(()=>{if(d.eventType=="init")return;let n=s('[data-input-origin="'+t.componentID+'"]');n&&n.focus()},[d.dataValue]),E(()=>{if(t.disabled||!S)return;let n=$.get("refresh-select-selector-"+t.componentID);n&&n(e)},[t.options,d.dataValue,i]),l(X,{children:l(C,y(u({tabIndex:0},o),{"data-disabled":t.disabled,"data-name":t.name,"data-form":D,"data-show-validation":L.isShowValidation(b,d,!!Z),"data-validation":b.ok,"data-component-id":d.componentID,"data-input-origin":d.componentID,"data-value":d.dataValue,"data-input-type":"select",className:[T,A("Core")].join(" "),onFocus:n=>{if(o!=null&&o.onFocus&&(o==null||o.onFocus(n)),!t.disabled){if(a)return r(!1);c(!0)}},onClick:n=>{o!=null&&o.onClick&&(o==null||o.onClick(n)),!t.disabled&&c(!0)},onKeyDown:n=>{let{key:v,metaKey:B,ctrlKey:F}=n,w=B||F;if(o!=null&&o.onKeyDown&&(o==null||o.onKeyDown(n)),Y&&L.SubmitForm(n),!t.disabled){if(s.scope(()=>{if(!["ArrowDown","ArrowUp"].includes(v))return;if(n.preventDefault(),!S)return c(!0);let g=v=="ArrowDown"?1:-1,p=N.FilterSelectableOptions(e),q=p.length-1,m=null;s.scope(()=>{var G,z,H,M;if(g==1){if(m=((G=p[0])==null?void 0:G.value)||null,i==null)return;if(w){m=p[q].value||m||null;return}let R=p.findIndex(W=>W.value==i);if(R==-1)return;m=((z=p[R+1])==null?void 0:z.value)||m||null}else{if(m=p[q].value||null,i==null)return;if(w){m=((H=p[0])==null?void 0:H.value)||m||null;return}let R=p.findIndex(W=>W.value==i);if(R==-1)return;m=((M=p[R-1])==null?void 0:M.value)||m||null}}),I(m)}),v=="Escape")c(!1);else if(v=="Tab")c(!1);else if(v=="Backspace")h(g=>y(u({},g),{dataValue:"null",eventType:"update",eventID:s.uuid.gen()}));else if(v==" ")n.preventDefault(),c(!0);else if(v=="Enter"){if(!S)return c(!0);if(!i)return;n.preventDefault();let g=t.options.find(p=>p.value==i);if(!g)return;h(p=>y(u({},p),{dataValue:g.value,eventType:"update",eventID:s.uuid.gen()})),c(!1)}}},children:Q(oe.Left,{flexWrap:!0,gap:"1/3",freeCSS:{letterSpacing:".5px"},children:[l(V.Placeholder,u({},e)),l(V.Selected,u({},e)),l(te,{width:0,overflow:"hidden",opacity:"trans",children:"A"})]})}))})},Placeholder:e=>!e.rootStates.placeholder||e.val_status.dataValue!=="null"?null:l(C,{position:"absolute",opacity:"middle",fontColor:"3.blur",children:e.rootStates.placeholder||""}),Selector:e=>{let[t,a]=_(e),{rootStates:r}=t;E(()=>{$.set({["refresh-select-selector-"+r.componentID]:f=>{a(f)}})},[]);let i=[],I=N.FilterSelectableOptions(t,!0),b=N.FilterSelectableOptions(t);return I.forEach((f,d)=>{let{type:h,value:S}=f,c=t.val_optionFocused==S,O=t.val_status.dataValue===S;if(h=="selector"){i.push(l(ne.Button.Sub.S,{color:"cloud",backgroundColor:"trans",borderRadius:0,fontColor:"2.normal",textAlign:"left",padding:["1/2",1.5],isActive:O||c,isActiveStyles:c?{backgroundColor:"cloud"}:{backgroundColor:"theme.opa.few",fontColor:"theme"},onClick:x=>{t.set_status(D=>y(u({},D),{dataValue:S,eventType:"update",eventID:s.uuid.gen()})),t.set_selectorOpen(!1),t.set_preventOpenSelectorOnFocus(!0)},children:l(k.Supplement,{paddingLeft:O?"1/2":0,transition:"short",children:f.label})},String(S)));return}i.push(l(C,{children:f.label},s.uuid.gen()))}),b.length||(i=[l(k.Supplement,{padding:[0,1],fontColor:"4.thin",children:"\u5019\u88DC\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093"},"no-selector-notice")]),l(P.Body,{className:A("Selector"),ssCardBox:!0,borderRadius:"3.tone.tertiary",boxShadow:"1.normal",freeCSS:{minWidth:12*18},children:l(ae,{gap:0,padding:[1,0],children:i})})},Selected:e=>{let t=[];return e.val_status.dataValue!=="null"&&s.scope(()=>{let a=e.rootStates.options.find(r=>r.value==e.val_status.dataValue);a&&t.push(l(C,y(u({},e.rootStates.SelectedCellStyles),{children:a.label}),String(a.value)))}),l(X,{children:t})},Core:e=>{let{onUpdateValue:t,onUpdateValidValue:a,value:r}=e,i={componentID:e.componentID||"",dataValue:r,eventType:"init",eventID:s.uuid.gen()},[I,b]=_(!1),[f,d]=_(i),[h,S]=_(!1),[c,O]=_(e.value||null),[x,D]=_({ok:!1,notice:[]}),T={rootStates:e,val_preventOpenSelectorOnFocus:I,set_preventOpenSelectorOnFocus:b,val_optionFocused:c,set_optionFocused:O,val_selectorOpen:h,set_selectorOpen:S,val_status:f,set_status:d,val_validate:x,set_validate:D};return L.CommonEffects({type:"select",states:e,val_status:f,set_status:d,val_validate:x,set_validate:D,onUpdateValue:t,onUpdateValidValue:a,DefaultValidation:pe,ExtraOverrideStates:{dataValue:r,formatValue:r}}),Q(se,{val_status:f,set_status:d,val_validate:x,states:e,children:[l(ue,{componentID:e.componentID,fontSize:e.fontSize,required:e.required,label:e.label,isActive:e.isLabelActive||f.dataValue!=="null"}),l(V.Shallow,u({},T)),l(V.Button,u({},T))]})}},j=e=>(e=y(u({emptySelect:!0},e),{freeCSS:u({cursor:"pointer"},e.freeCSS)}),e.value=s.JsonTo(e.value||null),e.emptySelect&&(e.options=[{value:null,label:l(k.Supplement,{fontColor:"4.thin",children:"\u9078\u629E\u3092\u89E3\u9664"})},...e.options]),e.options.forEach((t,a)=>{let{type:r,value:i}=t;e.options[a]=y(u({},t),{type:r||"selector",value:s.JsonTo(i)})}),s.is.nullish(e.rightIcon)&&(e.rightIcon=l(ce,{ssSphere:2,children:l(le.AngleDown,{})})),l(re,{componentID:e.componentID,children:V.Core,states:ie(e)}));export{j as Select,j as default};
+import{b as u,c as y,d as J}from"../../chunk-C5N2D3ZX.js";import{Fragment as X,jsx as l,jsxs as Q}from"react/jsx-runtime";import{useState as _,useEffect as E}from"react";import s from"@mingoo/jsmin";import{ExtractStyles as ee,useStore as $}from"../../@utils";import{Box as C,Span as te,FAI as le,Column as ae}from"../../atoms";import{Text as k,Row as oe}from"../../mols";import ne from"../Button";import{Sheet as P}from"../Sheet";import{OptionalInputWrapper as re,BoxWrapper as se,CoreEffects as L,DefaultBoxishStyles as ie}from"./core";import{InputAutocompleteClasses as A}from"../../@styles/componentClasses";import{InputLabel as ue}from"./Label";import{RightIcon as ce}from".";function pe(e){let{value:t,states:a}=e,{required:r,options:i}=a,I=[];return r&&t==="null"&&I.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!I.filter(({type:b})=>b=="invalid").length,notice:I}}const N={FilterSelectableOptions:(e,t)=>{let a=e.rootStates.options;return t||(a=a.filter(r=>r.type!="label")),a}},V={Shallow:e=>{let{rootStates:t,val_status:a}=e,r=ee(t);return l(C,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:l(k.Description,y(u({className:t.className},r),{position:"absolute",width:1,freeCSS:y(u({},r.freeCSS),{color:"orange"}),children:l(C,{"data-input-value-shallow":a.componentID,children:"A"})}))})},Button:e=>{let{rootStates:t,val_preventOpenSelectorOnFocus:a,set_preventOpenSelectorOnFocus:r,val_optionFocused:i,set_optionFocused:I,val_validate:b,set_validate:f,val_status:S,set_status:h,val_selectorOpen:p,set_selectorOpen:c}=e,U=t,{tone:O,required:x,form:D,className:T,label:de,isLabelActive:Se,placeholder:fe,enableFormSubmit:Y,emptySelect:me,checkValidationAtFirst:Z,onValidate:ve,onUpdateValue:ye,onUpdateValidValue:Ie,value:be="",options:ge,leftIndicator:he,rightIndicator:De,leftIcon:_e,rightIcon:Ce,componentID:Ve,status_id:Oe,wrapStyles:xe,SelectedCellStyles:Re,SelectorCellStyles:Te,SelectorStyles:Fe,SelectorGravityPoint:we}=U,o=J(U,["tone","required","form","className","label","isLabelActive","placeholder","enableFormSubmit","emptySelect","checkValidationAtFirst","onValidate","onUpdateValue","onUpdateValidValue","value","options","leftIndicator","rightIndicator","leftIcon","rightIcon","componentID","status_id","wrapStyles","SelectedCellStyles","SelectorCellStyles","SelectorStyles","SelectorGravityPoint"]),K="select-sheet-"+t.componentID;return E(()=>{if(t.disabled)return;let n="select-click-"+t.componentID;if(p){let v=s('[data-input-origin="'+t.componentID+'"]');if(!v)return;P.open({sheetID:K,type:"custom",parent:v[0],padding:["1/4",0],gravityPoint:t.SelectorGravityPoint||22,close_option:{aroundClick:!1},content:l(V.Selector,u({},e))}),s(document).addEvent({eventID:n,eventType:"click",callback:B=>{let F=s(B.target),w=!!s(F).parent("."+A("Core")).length;s(F).parent("."+A("Selector")).length||w||c(!1)}})}else s(document).removeEvent([n]),P.close(K)},[p]),E(()=>{if(S.eventType=="init"||!p)return;let n=s('[data-input-origin="'+t.componentID+'"]');n&&n.focus()},[S.dataValue]),E(()=>{if(t.disabled||!p)return;let n=$.get("refresh-select-selector-"+t.componentID);n&&n(e)},[t.options,S.dataValue,i]),l(X,{children:l(C,y(u({tabIndex:0},o),{"data-disabled":t.disabled,"data-name":t.name,"data-form":D,"data-show-validation":L.isShowValidation(b,S,!!Z),"data-validation":b.ok,"data-component-id":S.componentID,"data-input-origin":S.componentID,"data-value":S.dataValue,"data-input-type":"select",className:[T,A("Core")].join(" "),onFocus:n=>{if(o!=null&&o.onFocus&&(o==null||o.onFocus(n)),!t.disabled){if(a)return r(!1);c(!0)}},onClick:n=>{o!=null&&o.onClick&&(o==null||o.onClick(n)),!t.disabled&&c(!0)},onKeyDown:n=>{let{key:v,metaKey:B,ctrlKey:F}=n,w=B||F;if(o!=null&&o.onKeyDown&&(o==null||o.onKeyDown(n)),Y&&L.SubmitForm(n),!t.disabled){if(s.scope(()=>{if(!["ArrowDown","ArrowUp"].includes(v))return;if(n.preventDefault(),!p)return c(!0);let g=v=="ArrowDown"?1:-1,d=N.FilterSelectableOptions(e),q=d.length-1,m=null;s.scope(()=>{var G,z,H,M;if(g==1){if(m=((G=d[0])==null?void 0:G.value)||null,i==null)return;if(w){m=d[q].value||m||null;return}let R=d.findIndex(W=>W.value==i);if(R==-1)return;m=((z=d[R+1])==null?void 0:z.value)||m||null}else{if(m=d[q].value||null,i==null)return;if(w){m=((H=d[0])==null?void 0:H.value)||m||null;return}let R=d.findIndex(W=>W.value==i);if(R==-1)return;m=((M=d[R-1])==null?void 0:M.value)||m||null}}),I(m)}),v=="Escape")c(!1);else if(v=="Tab")c(!1);else if(v=="Backspace")h(g=>y(u({},g),{dataValue:"null",eventType:"update",eventID:s.uuid.gen()}));else if(v==" ")n.preventDefault(),c(!0);else if(v=="Enter"){if(!p)return c(!0);if(!i)return;n.preventDefault();let g=t.options.find(d=>d.value==i);if(!g)return;h(d=>y(u({},d),{dataValue:g.value,eventType:"update",eventID:s.uuid.gen()})),c(!1)}}},children:Q(oe.Left,{flexWrap:!0,gap:"1/3",freeCSS:{letterSpacing:".5px"},children:[l(V.Placeholder,u({},e)),l(V.Selected,u({},e)),l(te,{width:0,overflow:"hidden",opacity:"trans",children:"A"})]})}))})},Placeholder:e=>!e.rootStates.placeholder||e.val_status.dataValue!=="null"?null:l(C,{position:"absolute",opacity:"middle",fontColor:"3.blur",children:e.rootStates.placeholder||""}),Selector:e=>{let[t,a]=_(e),{rootStates:r}=t;E(()=>{$.set({["refresh-select-selector-"+r.componentID]:f=>{a(f)}})},[]);let i=[],I=N.FilterSelectableOptions(t,!0),b=N.FilterSelectableOptions(t);return I.forEach((f,S)=>{let{type:h,value:p}=f,c=t.val_optionFocused==p,O=t.val_status.dataValue===p;if(h=="selector"){i.push(l(ne.Button.Sub.S,{color:"cloud",backgroundColor:"trans",borderRadius:0,fontColor:"2.normal",textAlign:"left",padding:["1/2",1.5],isActive:O||c,isActiveStyles:c?{backgroundColor:"cloud"}:{backgroundColor:"theme.opa.few",fontColor:"theme"},onClick:x=>{t.set_status(D=>y(u({},D),{dataValue:p,eventType:"update",eventID:s.uuid.gen()})),t.set_selectorOpen(!1),t.set_preventOpenSelectorOnFocus(!0)},children:l(k.Supplement,{paddingLeft:O?"1/2":0,transition:"short",children:f.label})},String(p)));return}i.push(l(C,{children:f.label},s.uuid.gen()))}),b.length||(i=[l(k.Supplement,{padding:[0,1],fontColor:"4.thin",children:"\u5019\u88DC\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093"},"no-selector-notice")]),l(P.Body,{className:A("Selector"),ssCardBox:!0,borderRadius:"3.tone.tertiary",boxShadow:"1.normal",freeCSS:{minWidth:12*14},children:l(ae,{gap:0,padding:[1,0],children:i})})},Selected:e=>{let t=[];return e.val_status.dataValue!=="null"&&s.scope(()=>{let a=e.rootStates.options.find(r=>r.value==e.val_status.dataValue);a&&t.push(l(C,y(u({},e.rootStates.SelectedCellStyles),{children:a.label}),String(a.value)))}),l(X,{children:t})},Core:e=>{let{onUpdateValue:t,onUpdateValidValue:a,value:r}=e,i={componentID:e.componentID||"",dataValue:r,eventType:"init",eventID:s.uuid.gen()},[I,b]=_(!1),[f,S]=_(i),[h,p]=_(!1),[c,O]=_(e.value||null),[x,D]=_({ok:!1,notice:[]}),T={rootStates:e,val_preventOpenSelectorOnFocus:I,set_preventOpenSelectorOnFocus:b,val_optionFocused:c,set_optionFocused:O,val_selectorOpen:h,set_selectorOpen:p,val_status:f,set_status:S,val_validate:x,set_validate:D};return L.CommonEffects({type:"select",states:e,val_status:f,set_status:S,val_validate:x,set_validate:D,onUpdateValue:t,onUpdateValidValue:a,DefaultValidation:pe,ExtraOverrideStates:{dataValue:r,formatValue:r}}),Q(se,{val_status:f,set_status:S,val_validate:x,states:e,children:[l(ue,{componentID:e.componentID,fontSize:e.fontSize,required:e.required,label:e.label,isActive:e.isLabelActive||f.dataValue!=="null"}),l(V.Shallow,u({},T)),l(V.Button,u({},T))]})}},j=e=>(e=y(u({emptySelect:!0},e),{freeCSS:u({cursor:"pointer"},e.freeCSS)}),e.value=s.JsonTo(e.value||null),e.emptySelect&&(e.options=[{value:null,label:l(k.Supplement,{fontColor:"4.thin",children:"\u9078\u629E\u3092\u89E3\u9664"})},...e.options]),e.options.forEach((t,a)=>{let{type:r,value:i}=t;e.options[a]=y(u({},t),{type:r||"selector",value:s.JsonTo(i)})}),s.is.nullish(e.rightIcon)&&(e.rightIcon=l(ce,{ssSphere:2,children:l(le.AngleDown,{})})),l(re,{componentID:e.componentID,children:V.Core,states:ie(e)}));export{j as Select,j as default};

package/dist/fn/Input/Time/Picker.js

@@ -1 +1 @@
-import{b as f,c as x}from"../../../chunk-C5N2D3ZX.js";import{Fragment as G,jsx as a,jsxs as y}from"react/jsx-runtime";import{createElement as $}from"react";import{useState as P,useEffect as F,useRef as Y}from"react";import c from"@mingoo/jsmin";import{Box as C,Flex as R,Grid as A,FAI as T,Column as D}from"../../../atoms";import{Row as M,Text as O}from"../../../mols";import v from"../../Button";import H from"../../Tooltips";import V from"../Select";import{Radio as U}from"../List";import{RightIcon as I}from"..";import{InputTimeClasses as g}from"../../../@styles/componentClasses";let _=i=>{var t,r;let e=[],d=Number((t=i==null?void 0:i.min)!=null?t:1900),o=Number((r=i==null?void 0:i.max)!=null?r:c.Time().addYear(10).year);for(let m=d;m<=o;m++)e.unshift({value:m,label:[m,...c.transformer.wareki(m).value].join(" - ")});return e};const L=i=>{let{restrict:e,era:d="year",defaultValue:o=""}=i;i=f({},i),i.tipsID=i.tipsID||c.uuid.gen();const t=Y(!1);let[r,m]=P((()=>{var s,p;if(e=="clock"){let l=String(o).split(/[^\d]/);l[0]||(l=[0,0]);let u=Number(l[0]),h=Number(l[1]);return{modifiedType:"init",hour:u,minutes:h}}else if(e=="date"){let[l,u,h]=(s=String(o))==null?void 0:s.split(/\D/);return(c.is.nullish(l)||c.is.nullish(u)||c.is.nullish(h))&&([l,u,h]=c.Time().toFormat("%Y-%M-%D").split("-")),{modifiedType:"init",year:Number(l),month:Number(u),date:Number(h)}}else if(e!="week"){if(e=="month"){let[l,u]=String(o).split(/\D/);return(c.is.nullish(l)||c.is.nullish(u))&&([l,u]=c.Time().toFormat("%Y-%M").split("-")),{modifiedType:"init",year:Number(l),month:Number(u)}}else if(e=="year"){let[l]=String(o).split(/\D/);return c.is.nullish(l)&&([l]=c.Time().toFormat("%Y").split("-")),{modifiedType:"init",year:Number(l)}}else if(e=="dateWareki"){let[l,u,h]=(p=String(o))==null?void 0:p.split(/\D/);return(c.is.nullish(l)||c.is.nullish(u)||c.is.nullish(h))&&([l,u,h]=c.Time().toFormat("%Y-%M-%D").split("-")),{modifiedType:"init",era:d||"year",year:Number(l),month:Number(u),date:Number(h)}}}return{}})());F(()=>{if(t.current){if(r.modifiedType=="update"){let s="",p=d||"year";if(e=="clock"){let{hour:l,minutes:u}=r;s=[l.zeroEmbed(2),u.zeroEmbed(2)].join("/")}else if(e=="date"){let{year:l,month:u,date:h}=r;s=[l,u.zeroEmbed(2),h.zeroEmbed(2)].join("/")}else if(e!="week"){if(e=="month"){let{year:l,month:u}=r;s=[l,u.zeroEmbed(2)].join("/")}else if(e=="year"){let{year:l}=r;s=String(l)}else if(e=="dateWareki"){let{year:l,month:u,date:h,era:S}=r;p=S,s=[l,u.zeroEmbed(2),h.zeroEmbed(2)].join("/")}}i.onValueUpdate(s,p)}}else t.current=!0},[r]);let n=x(f({},i),{val_value:r,set_value:m});return a(C,{backgroundColor:"layer.1",borderRadius:"2.tone.secondary",boxShadow:"1.remark",border:!0,overflow:"hidden",children:a(C,{overflow:"auto",className:g(e.toCapital()+"Base"),children:e=="clock"?a(k.Clock.index,f({},n)):e=="date"?a(k.Date.index,f({},n)):e=="week"?"":e=="month"?a(k.Month.index,f({},n)):e=="year"?a(k.Year.index,f({},n)):e=="dates"||e=="months"?"":e=="dateWareki"?a(k.DateWareki.index,f({},n)):a(G,{})})})},k={Clock:{index:i=>{let{min:e,max:d,onValueUpdate:o,tipsID:t,val_value:r,set_value:m}=i,[n,s]=P(r.hour>12?2:1),[p,l]=P(Number(localStorage.getItem("timePickerUnit")||5));F(()=>{localStorage.setItem("timePickerUnit",String(p))},[p]);let{hour:u,minutes:h}=r;return y(D,{padding:1,children:[y(R,{flexType:"row",flexWrap:!1,gap:1,className:g("Body"),children:[y(D,{className:g("DesignSide"),flexSizing:0,children:[a(C,{className:g("ClockUiBase"),padding:[1,"2/3"],flexCenter:!0,children:y(C,{className:g("ClockUi"),backgroundColor:"theme.opa.low",isRounded:!0,position:"relative",children:[a(C,{position:"absolute",backgroundColor:"theme",unitWidth:"1/12",className:[g("Needle"),g("hour")].join(" "),freeCSS:{transform:`rotate(${u*30+h/2}deg)`}}),a(C,{position:"absolute",backgroundColor:"theme",unitWidth:"1/12",className:[g("Needle"),g("minute")].join(" "),freeCSS:{transform:`rotate(${h*6}deg)`}})]})}),a(U,{icon:!0,value:[n],options:[{value:1,label:"AM"},{value:2,label:"PM"}],flexType:"col",gap:0,cellStyles:{padding:"1/2",horizontalAlign:"between",gap:"1/3"},tabIndex:-1,onUpdateValidValue:({value:S})=>{let B=r.hour%12+(S==2?12:0);s(S),m({modifiedType:"update",hour:B,minutes:r.minutes})}}),a(C,{borderTop:!0,margin:[0,1]}),a(U,{icon:!0,value:[p],options:[{value:1,label:"/ 1\u5206"},{value:2,label:"/ 2\u5206"},{value:5,label:"/ 5\u5206"}],flexType:"col",gap:0,cellStyles:{padding:"1/2",horizontalAlign:"between",gap:"1/3"},tabIndex:-1,onUpdateValidValue:({value:S})=>{l(S)}})]}),y(D,{children:[y(C,{flexCenter:!0,isSemiBoldFont:!0,fontSize:"3.paragraph",children:[r.hour.zeroEmbed(2)," : ",r.minutes.zeroEmbed(2)]}),y(R,{flexWrap:!1,borderRadius:"1.tone.primary",boxShadow:"0.remark.inset",flexChilds:"even",padding:["1/3",0],freeCSS:{minWidth:12*12},children:[a(D,{gap:0,overflow:"auto",padding:"2/3",borderRight:!0,freeCSS:{maxHeight:12*22},children:k.Clock.Hours({onClick:S=>{let N=S+(n==2?12:0);m({modifiedType:"update",hour:N,minutes:r.minutes})},min:e,max:d,ampm:n})}),a(D,{gap:0,overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*22},children:k.Clock.Minutes({onClick:S=>{m({modifiedType:"update",hour:r.hour,minutes:S})},min:e,max:d,unit:p})})]})]})]}),a(k.Variables.Footer,{tipsID:t,onValueUpdate:o})]})},Hours:i=>{let e=[];for(let d=0;d<12;d++){let o=i.ampm==2?d+12:d,t=!1;{let r=Number(String(o*100).replace(/\D/ig,""));if(i.min&&Number(String(i.min).replace(/\D/ig,""))>r&&(t=!0),i.max){let m=Number(String(i.max).replace(/\D/ig,""));r>m&&(t=!0)}}e.push(a(v.Button.Normal.R,{isLocked:t,borderBottom:!0,borderRadius:0,padding:["1/2",1],freeCSS:{whiteSpace:"nowrap"},tabIndex:-1,onClick:()=>{i.onClick(d)},children:o.zeroEmbed(2)},d))}return e},Minutes:i=>{let e=[];for(let d=0;d<60/i.unit;d++){let o=d*i.unit;e.push(a(v.Button.Normal.R,{borderBottom:!0,borderRadius:0,padding:["1/2",1],freeCSS:{whiteSpace:"nowrap"},tabIndex:-1,onClick:()=>{i.onClick(o)},children:o.zeroEmbed(2)},o))}return e}},Date:{index:i=>{let{min:e,max:d,onValueUpdate:o,tipsID:t,val_value:r,set_value:m}=i,{year:n,month:s,date:p}=r;return y(D,{padding:1,children:[y(R,{flexWrap:!0,verticalAlign:"center",horizontalAlign:"between",children:[y(R,{verticalAlign:"bottom",horizontalAlign:"left",gap:"2/3",flexWrap:!1,children:[a(V,{override:"force",emptySelect:!1,value:n,options:_(),border:"1.thin",padding:["1/3","2/3"],paddingRight:2,onUpdateValidValue:({value:l})=>{m({modifiedType:"update",year:Number(l),month:s,date:p})},rightIcon:a(I,{ssSphere:2,right:"1/3",children:a(T.AngleDown,{})})}),a(V,{override:"force",emptySelect:!1,value:s,options:(()=>{let l=[];for(let u=1;u<=12;u++)l.push({value:u,label:String(u),displayLabel:String(u)+"\u6708"});return l})(),border:"1.thin",padding:["1/3","2/3"],paddingRight:2,rightIcon:a(I,{ssSphere:2,right:"1/3",children:a(T.AngleDown,{})}),onUpdateValidValue:({value:l})=>{m({modifiedType:"update",year:n,month:Number(l),date:p})}})]}),a(k.Variables.ShiftButtons,{callback:l=>{let u=s+l,h=n;l==-1?(u<=0&&h--,u=u||12):s==12&&h++,m({modifiedType:"update",year:h,month:u,date:r.date})}})]}),a(C,{borderTop:!0}),a(C,{children:k.Date.MonthCalendar({min:e,max:d,year:r.year,month:r.month,current:[r.year,r.month,r.date],callback:l=>{let[u,h,S]=l;m({modifiedType:"update",year:u,month:h,date:S})}})}),a(k.Variables.Footer,{tipsID:t,onValueUpdate:o})]})},MonthCalendar:i=>{let{min:e,max:d,year:o,month:t,current:r,callback:m}=i,n=c.Time(),s=c.Time([o,t.zeroEmbed(2),"01"].join("/")),p=s.getLastDayOfTheMonth(),l=c.Time(s).addMonth(-1).getLastDayOfTheMonth().date,u=[],h=[],S=[],N=[],B={padding:0,unitWidth:3,unitHeight:3,flexCenter:!0,borderRadius:"3.tone.tertiary"};for(var b=0;b<7;b++)u.push(a(C,x(f({className:[g("CalendarDay"),g("Legend")].join(" ")},B),{children:["\u65E5","\u6708","\u706B","\u6C34","\u6728","\u91D1","\u571F"][b]}),b));for(var b=0;b<s.weekday;b++)h.unshift($(C,x(f({className:[g("CalendarDay"),g("Dummy")].join(" "),fontColor:"4.thin"},B),{key:b}),l-b));for(var b=1;b<=p.date;b++){let E=b,j=o==n.year&&t==n.month&&b==n.date,w=!1;{let W=Number(String([o,t.zeroEmbed(2),b.zeroEmbed(2)].join("/")).replace(/\D/ig,""));if(i.min&&Number(String(i.min).replace(/\D/ig,""))>W&&(w=!0),i.max){let z=Number(String(i.max).replace(/\D/ig,""));W>z&&(w=!0)}}S.push(a(v.Button.Clear.R,x(f({className:[g("CalendarDay"),g("isToday_"+j)].join(" ")},B),{fontColor:"1.clear",padding:0,flexCenter:!0,isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{m([o,t,E])},tabIndex:-1,isLocked:w,children:b}),E))}for(var b=1;b<7-p.weekday;b++)N.push(a(C,x(f({className:[g("CalendarDay"),g("Dummy")].join(" "),fontColor:"4.thin"},B),{children:b}),b));return y(A,{gridCols:7,gap:"1/3",children:[u,h,S,N]})}},Month:{index:i=>{let{min:e,max:d,onValueUpdate:o,tipsID:t,val_value:r,set_value:m}=i,{year:n,month:s}=r;return y(D,{padding:1,children:[y(M.Separate,{gap:0,children:[a(M.Center,{verticalAlign:"bottom",gap:"2/3",children:a(V,{emptySelect:!1,value:n,options:_(),override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,rightIcon:a(I,{ssSphere:2,right:"1/3",children:a(T.AngleDown,{})}),onUpdateValidValue:({value:p})=>{m({modifiedType:"update",year:Number(p),month:s})}})}),a(k.Variables.ShiftButtons,{callback:p=>{let l=Math.min(Math.max(n+p,1900),2100);m({modifiedType:"update",year:l,month:s})}})]}),a(C,{borderTop:!0}),k.Month.Months({min:e,max:d,year:r.year,callback:p=>{let[l,u]=p;m({modifiedType:"update",year:l,month:u})}}),a(k.Variables.Footer,{tipsID:t,onValueUpdate:o})]})},Months:i=>{let{year:e,callback:d}=i,o=c.Time(),t=[];for(let r=1;r<=12;r++){let m=e==o.year&&r==o.month,n=!1;{let p=Number(String([e,r.zeroEmbed(2)].join("/")).replace(/\D/ig,""));if(i.min&&Number(String(i.min).replace(/\D/ig,""))>p&&(n=!0),i.max){let l=Number(String(i.max).replace(/\D/ig,""));p>l&&(n=!0)}}let s=[g("Cell"),m?g("isThisMonth"):""].join(" ");t.push(y(v.Button.Clear.R,{className:s,isLocked:n,fontColor:"2.normal",padding:["1/3",1],ssEffectsOnActive:"shrink",onClick:()=>{d([e,r])},children:[r," \u6708"]},e+"-"+r))}return a(A,{gridCols:4,gap:"2/3",children:t})}},Year:{index:i=>{let{min:e,max:d,onValueUpdate:o,tipsID:t,val_value:r,set_value:m}=i,{year:n}=r;return y(D,{padding:1,children:[a(V,{emptySelect:!1,value:n||c.Time().year,override:"force",options:_({min:e,max:d}),onUpdateValidValue:({value:s})=>{m({modifiedType:"update",year:Number(s)})}}),a(k.Variables.Footer,{tipsID:t,onValueUpdate:o,onSubmit:()=>{m({modifiedType:"update",year:Number(n||c.Time().year)})}})]})}},DateWareki:{index:i=>{let{min:e,max:d,onValueUpdate:o,tipsID:t,val_value:r,set_value:m}=i,{era:n,year:s,month:p,date:l}=r,u={val_value:r,set_value:m};return y(C,{children:[y(M.Left,{borderBottom:!0,gap:0,verticalAlign:"unset",children:[a(k.DateWareki.EraSelect,f({},u)),a(C,{borderRight:!0}),a(k.DateWareki.Calendar,f({},u))]}),a(C,{padding:1,children:a(k.Variables.Footer,{tipsID:t,onValueUpdate:o})})]})},EraSelect:i=>{let{val_value:e,set_value:d}=i,o={padding:["1/2",1.5],fontColor:"3.blur"},t={backgroundColor:"cloud",fontColor:"2.normal",isSemiBoldFont:!0};return y(D,{padding:1,gap:0,children:[a(v.Button.Clear.R,x(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="year",onClick:()=>{let r=c.Time();d({modifiedType:"update",era:"year",year:r.year,month:r.month,date:r.date})},children:"\u897F\u66A6"})),a(v.Button.Clear.R,x(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="reiwa",onClick:()=>{let r=c.Time();d({modifiedType:"update",era:"reiwa",year:r.year,month:r.month,date:r.date})},children:"\u4EE4\u548C"})),a(v.Button.Clear.R,x(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="heisei",onClick:()=>{d({modifiedType:"update",era:"heisei",year:2019,month:1,date:1})},children:"\u5E73\u6210"})),a(v.Button.Clear.R,x(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="shouwa",onClick:()=>{d({modifiedType:"update",era:"shouwa",year:1989,month:1,date:1})},children:"\u662D\u548C"})),a(v.Button.Clear.R,x(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="taisho",onClick:()=>{d({modifiedType:"update",era:"taisho",year:1926,month:1,date:1})},children:"\u5927\u6B63"})),a(v.Button.Clear.R,x(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="meiji",onClick:()=>{d({modifiedType:"update",era:"meiji",year:1912,month:1,date:1})},children:"\u660E\u6CBB"}))]})},Calendar:i=>{let{val_value:e,set_value:d}=i,o=[];if(e.era=="year")for(let t=1900;t<2100;t++)o.unshift({value:t,label:t+"\u5E74"});else if(e.era=="reiwa"){let t=c.Time().year-2018;for(let r=1;r<=t+10;r++)o.unshift({value:2019+r-1,label:"\u4EE4\u548C"+(r==1?"\u5143":r)+"\u5E74"})}else if(e.era=="heisei")for(let t=1;t<=31;t++)o.unshift({value:1989+t-1,label:"\u5E73\u6210"+(t==1?"\u5143":t)+"\u5E74"});else if(e.era=="shouwa")for(let t=1;t<=64;t++)o.unshift({value:1926+t-1,label:"\u662D\u548C"+(t==1?"\u5143":t)+"\u5E74"});else if(e.era=="taisho")for(let t=1;t<=15;t++)o.unshift({value:1912+t-1,label:"\u5927\u6B63"+(t==1?"\u5143":t)+"\u5E74"});else if(e.era=="meiji")for(let t=1;t<=45;t++)o.unshift({value:1868+t-1,label:"\u660E\u6CBB"+(t==1?"\u5143":t)+"\u5E74"});return y(D,{padding:1,children:[y(M.Separate,{children:[a(V,{tone:"cloud",emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,rightIcon:a(I,{ssSphere:2,right:"1/3",children:a(T.AngleDown,{})}),options:o,value:e.year,onUpdateValidValue:({value:t})=>{d(r=>x(f({},r),{modifiedType:"update",year:Number(t)}))}}),y(M.Center,{gap:"1/3",children:[a(v.Button.Clear.S,{ssSphere:2,onClick:()=>{let t=e.month-1;d({modifiedType:"update",era:e.era,year:t==0?e.year-1:e.year,month:t==0?12:t,date:1})},children:a(T.ChevronLeft,{})}),a(V,{tone:"cloud",emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,rightIcon:a(I,{ssSphere:2,right:"1/3",children:a(T.AngleDown,{})}),options:[{value:1,label:"1\u6708"},{value:2,label:"2\u6708"},{value:3,label:"3\u6708"},{value:4,label:"4\u6708"},{value:5,label:"5\u6708"},{value:6,label:"6\u6708"},{value:7,label:"7\u6708"},{value:8,label:"8\u6708"},{value:9,label:"9\u6708"},{value:10,label:"10\u6708"},{value:11,label:"11\u6708"},{value:12,label:"12\u6708"}],value:e.month,onUpdateValidValue:({value:t})=>{d({modifiedType:"update",era:e.era,year:e.year,month:Number(t),date:1})}}),a(v.Button.Clear.S,{ssSphere:2,onClick:()=>{let t=e.month+1;d({modifiedType:"update",era:e.era,year:t==13?e.year+1:e.year,month:t==13?1:t,date:1})},children:a(T.ChevronRight,{})})]})]}),a(k.DateWareki.MonthCell,f({},i))]},e.era)},MonthCell:i=>{let{val_value:e,set_value:d}=i,o=c.Time([e.year.zeroEmbed(4),e.month.zeroEmbed(2),e.date.zeroEmbed(2)].join("/"));if(!o.validate)return;let t=o.getFirstDayOfTheMonth().weekday,r=o.getLastDayOfTheMonth(),m=[];for(let n=0;n<7;n++)m.push(a(O.Supplement,{flexCenter:!0,fontColor:n==0?"googleRed":n==6?"googleBlue":"3.blur",children:c.transformer.weekday.shortJP(n)},"legend-"+n));for(let n=0;n<t;n++){let s=c.Time(o).getFirstDayOfTheMonth().addDate(n-t);m.push(a(v.Button.Sub.R,{color:"cloud",border:"1.thin",ssSphere:3,opacity:"middle",onClick:p=>{p.preventDefault(),p.stopPropagation(),d({modifiedType:"update",era:e.era,year:s.year,month:s.month,date:s.date})},children:s.date},"lastMonth-"+n))}for(let n=1;n<=r.date;n++){let s=c.Time(o).setDate(n);m.push(a(v.Button.Border.R,{ssSphere:3,onClick:()=>{d({modifiedType:"update",era:e.era,year:s.year,month:s.month,date:s.date})},children:s.date},"currentMonth-"+n))}for(let n=0;n<7-r.weekday-1;n++){let s=c.Time(o).addMonth(1).setDate(1).addDate(n);m.push(a(v.Button.Sub.R,{color:"cloud",border:"1.thin",ssSquare:3,opacity:"middle",onClick:p=>{p.preventDefault(),p.stopPropagation(),d({modifiedType:"update",era:e.era,year:s.year,month:s.month,date:s.date})},children:s.date},"nextMonth-"+n))}return a(A,{gridCols:7,gap:"1/4",children:m})}},Variables:{Footer:i=>y(R,{flexWrap:!1,gap:1,flexChilds:"even",freeCSS:{whiteSpace:"nowrap"},children:[y(v.Button.Border.R,{onClick:()=>{i.onValueUpdate("")},tabIndex:-1,flexSizing:"none",padding:["2/3",1],children:[a(T.Times,{})," \u524A\u9664"]}),a(v.Button.Prime.R,{flexSizing:"auto",padding:["2/3",1],onClick:()=>{i.onSubmit&&i.onSubmit(),H.close(i.tipsID)},tabIndex:-1,children:"\u6C7A\u5B9A"})]}),ShiftButtons:i=>y(R,{gap:"1/3",flexWrap:!1,children:[a(v.Button.Clear.R,x(f({className:g("LeftButton"),tabIndex:-1,right:0},k.Variables.ShiftButtonStyles),{onClick:()=>{i.callback(-1)},children:a(T.ChevronLeft,{})})),a(v.Button.Clear.R,x(f({className:g("RightButton"),tabIndex:-1,left:0},k.Variables.ShiftButtonStyles),{onClick:()=>{i.callback(1)},children:a(T.ChevronRight,{})}))]}),ShiftButtonStyles:{flexCenter:!0,padding:0,unitWidth:3,unitHeight:3,borderRadius:"sphere",position:"relative"}}};export{L as Picker,L as default};
+import{b as f,c as x}from"../../../chunk-C5N2D3ZX.js";import{Fragment as G,jsx as a,jsxs as y}from"react/jsx-runtime";import{createElement as $}from"react";import{useState as P,useEffect as F,useRef as Y}from"react";import c from"@mingoo/jsmin";import{Box as C,Flex as R,Grid as A,FAI as T,Column as D}from"../../../atoms";import{Row as M,Text as O}from"../../../mols";import v from"../../Button";import H from"../../Tooltips";import V from"../Select";import{Radio as U}from"../List";import{RightIcon as I}from"..";import{InputTimeClasses as g}from"../../../@styles/componentClasses";let _=i=>{var t,r;let e=[],d=Number((t=i==null?void 0:i.min)!=null?t:1900),o=Number((r=i==null?void 0:i.max)!=null?r:c.Time().addYear(10).year);for(let m=d;m<=o;m++)e.unshift({value:m,label:[m,...c.transformer.wareki(m).value].join(" - ")});return e};const L=i=>{let{restrict:e,era:d="year",defaultValue:o=""}=i;i=f({},i),i.tipsID=i.tipsID||c.uuid.gen();const t=Y(!1);let[r,m]=P((()=>{var u,p;if(e=="clock"){let l=String(o).split(/[^\d]/);l[0]||(l=[0,0]);let s=Number(l[0]),h=Number(l[1]);return{modifiedType:"init",hour:s,minutes:h}}else if(e=="date"){let[l,s,h]=(u=String(o))==null?void 0:u.split(/\D/);return(c.is.nullish(l)||c.is.nullish(s)||c.is.nullish(h))&&([l,s,h]=c.Time().toFormat("%Y-%M-%D").split("-")),{modifiedType:"init",year:Number(l),month:Number(s),date:Number(h)}}else if(e!="week"){if(e=="month"){let[l,s]=String(o).split(/\D/);return(c.is.nullish(l)||c.is.nullish(s))&&([l,s]=c.Time().toFormat("%Y-%M").split("-")),{modifiedType:"init",year:Number(l),month:Number(s)}}else if(e=="year"){let[l]=String(o).split(/\D/);return c.is.nullish(l)&&([l]=c.Time().toFormat("%Y").split("-")),{modifiedType:"init",year:Number(l)}}else if(e=="dateWareki"){let[l,s,h]=(p=String(o))==null?void 0:p.split(/\D/);return(c.is.nullish(l)||c.is.nullish(s)||c.is.nullish(h))&&([l,s,h]=c.Time().toFormat("%Y-%M-%D").split("-")),{modifiedType:"init",era:d||"year",year:Number(l),month:Number(s),date:Number(h)}}}return{}})());F(()=>{if(t.current){if(r.modifiedType=="update"){let u="",p=d||"year";if(e=="clock"){let{hour:l,minutes:s}=r;u=[l.zeroEmbed(2),s.zeroEmbed(2)].join("/")}else if(e=="date"){let{year:l,month:s,date:h}=r;u=[l,s.zeroEmbed(2),h.zeroEmbed(2)].join("/")}else if(e!="week"){if(e=="month"){let{year:l,month:s}=r;u=[l,s.zeroEmbed(2)].join("/")}else if(e=="year"){let{year:l}=r;u=String(l)}else if(e=="dateWareki"){let{year:l,month:s,date:h,era:S}=r;p=S,u=[l,s.zeroEmbed(2),h.zeroEmbed(2)].join("/")}}i.onValueUpdate(u,p)}}else t.current=!0},[r]);let n=x(f({},i),{val_value:r,set_value:m});return a(C,{backgroundColor:"layer.1",borderRadius:"2.tone.secondary",boxShadow:"1.remark",border:!0,overflow:"hidden",children:a(C,{overflow:"auto",className:g(e.toCapital()+"Base"),children:e=="clock"?a(k.Clock.index,f({},n)):e=="date"?a(k.Date.index,f({},n)):e=="week"?"":e=="month"?a(k.Month.index,f({},n)):e=="year"?a(k.Year.index,f({},n)):e=="dates"||e=="months"?"":e=="dateWareki"?a(k.DateWareki.index,f({},n)):a(G,{})})})},k={Clock:{index:i=>{let{min:e,max:d,onValueUpdate:o,tipsID:t,val_value:r,set_value:m}=i,[n,u]=P(r.hour>12?2:1),[p,l]=P(Number(localStorage.getItem("timePickerUnit")||5));F(()=>{localStorage.setItem("timePickerUnit",String(p))},[p]);let{hour:s,minutes:h}=r;return y(D,{padding:1,children:[y(R,{flexType:"row",flexWrap:!1,gap:1,className:g("Body"),children:[y(D,{className:g("DesignSide"),flexSizing:0,children:[a(C,{className:g("ClockUiBase"),padding:[1,"2/3"],flexCenter:!0,children:y(C,{className:g("ClockUi"),backgroundColor:"theme.opa.low",isRounded:!0,position:"relative",children:[a(C,{position:"absolute",backgroundColor:"theme",unitWidth:"1/12",className:[g("Needle"),g("hour")].join(" "),freeCSS:{transform:`rotate(${s*30+h/2}deg)`}}),a(C,{position:"absolute",backgroundColor:"theme",unitWidth:"1/12",className:[g("Needle"),g("minute")].join(" "),freeCSS:{transform:`rotate(${h*6}deg)`}})]})}),a(U,{icon:!0,value:[n],options:[{value:1,label:"AM"},{value:2,label:"PM"}],flexType:"col",gap:0,cellStyles:{padding:"1/2",horizontalAlign:"between",gap:"1/3"},tabIndex:-1,onUpdateValidValue:({value:S})=>{let B=r.hour%12+(S==2?12:0);u(S),m({modifiedType:"update",hour:B,minutes:r.minutes})}}),a(C,{borderTop:!0,margin:[0,1]}),a(U,{icon:!0,value:[p],options:[{value:1,label:"/ 1\u5206"},{value:2,label:"/ 2\u5206"},{value:5,label:"/ 5\u5206"}],flexType:"col",gap:0,cellStyles:{padding:"1/2",horizontalAlign:"between",gap:"1/3"},tabIndex:-1,onUpdateValidValue:({value:S})=>{l(S)}})]}),y(D,{children:[y(C,{flexCenter:!0,isSemiBoldFont:!0,fontSize:"3.paragraph",children:[r.hour.zeroEmbed(2)," : ",r.minutes.zeroEmbed(2)]}),y(R,{flexWrap:!1,borderRadius:"1.tone.primary",boxShadow:"0.remark.inset",flexChilds:"even",padding:["1/3",0],freeCSS:{minWidth:12*12},children:[a(D,{gap:0,overflow:"auto",padding:"2/3",borderRight:!0,freeCSS:{maxHeight:12*22},children:k.Clock.Hours({onClick:S=>{let N=S+(n==2?12:0);m({modifiedType:"update",hour:N,minutes:r.minutes})},min:e,max:d,ampm:n})}),a(D,{gap:0,overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*22},children:k.Clock.Minutes({onClick:S=>{m({modifiedType:"update",hour:r.hour,minutes:S})},min:e,max:d,unit:p})})]})]})]}),a(k.Variables.Footer,{tipsID:t,onValueUpdate:o})]})},Hours:i=>{let e=[];for(let d=0;d<12;d++){let o=i.ampm==2?d+12:d,t=!1;{let r=Number(String(o*100).replace(/\D/ig,""));if(i.min&&Number(String(i.min).replace(/\D/ig,""))>r&&(t=!0),i.max){let m=Number(String(i.max).replace(/\D/ig,""));r>m&&(t=!0)}}e.push(a(v.Button.Normal.R,{isLocked:t,borderBottom:!0,borderRadius:0,padding:["1/2",1],freeCSS:{whiteSpace:"nowrap"},tabIndex:-1,onClick:()=>{i.onClick(d)},children:o.zeroEmbed(2)},d))}return e},Minutes:i=>{let e=[];for(let d=0;d<60/i.unit;d++){let o=d*i.unit;e.push(a(v.Button.Normal.R,{borderBottom:!0,borderRadius:0,padding:["1/2",1],freeCSS:{whiteSpace:"nowrap"},tabIndex:-1,onClick:()=>{i.onClick(o)},children:o.zeroEmbed(2)},o))}return e}},Date:{index:i=>{let{min:e,max:d,onValueUpdate:o,tipsID:t,val_value:r,set_value:m}=i,{year:n,month:u,date:p}=r;return y(D,{padding:1,children:[y(R,{flexWrap:!0,verticalAlign:"center",horizontalAlign:"between",children:[y(R,{verticalAlign:"bottom",horizontalAlign:"left",gap:"2/3",flexWrap:!1,children:[a(V,{override:"force",emptySelect:!1,value:n,options:_(),border:"1.thin",padding:["1/3","2/3"],paddingRight:2,onUpdateValidValue:({value:l})=>{m({modifiedType:"update",year:Number(l),month:u,date:p})},rightIcon:a(I,{ssSphere:2,right:"1/3",children:a(T.AngleDown,{})})}),a(V,{override:"force",emptySelect:!1,value:u,options:(()=>{let l=[];for(let s=1;s<=12;s++)l.push({value:s,label:String(s)+"\u6708"});return l})(),border:"1.thin",padding:["1/3","2/3"],paddingRight:2,rightIcon:a(I,{ssSphere:2,right:"1/3",children:a(T.AngleDown,{})}),onUpdateValidValue:({value:l})=>{m({modifiedType:"update",year:n,month:Number(l),date:p})}})]}),a(k.Variables.ShiftButtons,{callback:l=>{let s=u+l,h=n;l==-1?(s<=0&&h--,s=s||12):u==12&&h++,m({modifiedType:"update",year:h,month:s,date:r.date})}})]}),a(C,{borderTop:!0}),a(C,{children:k.Date.MonthCalendar({min:e,max:d,year:r.year,month:r.month,current:[r.year,r.month,r.date],callback:l=>{let[s,h,S]=l;m({modifiedType:"update",year:s,month:h,date:S})}})}),a(k.Variables.Footer,{tipsID:t,onValueUpdate:o})]})},MonthCalendar:i=>{let{min:e,max:d,year:o,month:t,current:r,callback:m}=i,n=c.Time(),u=c.Time([o,t.zeroEmbed(2),"01"].join("/")),p=u.getLastDayOfTheMonth(),l=c.Time(u).addMonth(-1).getLastDayOfTheMonth().date,s=[],h=[],S=[],N=[],B={padding:0,unitWidth:3,unitHeight:3,flexCenter:!0,borderRadius:"3.tone.tertiary"};for(var b=0;b<7;b++)s.push(a(C,x(f({className:[g("CalendarDay"),g("Legend")].join(" ")},B),{children:["\u65E5","\u6708","\u706B","\u6C34","\u6728","\u91D1","\u571F"][b]}),b));for(var b=0;b<u.weekday;b++)h.unshift($(C,x(f({className:[g("CalendarDay"),g("Dummy")].join(" "),fontColor:"4.thin"},B),{key:b}),l-b));for(var b=1;b<=p.date;b++){let E=b,j=o==n.year&&t==n.month&&b==n.date,w=!1;{let W=Number(String([o,t.zeroEmbed(2),b.zeroEmbed(2)].join("/")).replace(/\D/ig,""));if(i.min&&Number(String(i.min).replace(/\D/ig,""))>W&&(w=!0),i.max){let z=Number(String(i.max).replace(/\D/ig,""));W>z&&(w=!0)}}S.push(a(v.Button.Clear.R,x(f({className:[g("CalendarDay"),g("isToday_"+j)].join(" ")},B),{fontColor:"1.clear",padding:0,flexCenter:!0,isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{m([o,t,E])},tabIndex:-1,isLocked:w,children:b}),E))}for(var b=1;b<7-p.weekday;b++)N.push(a(C,x(f({className:[g("CalendarDay"),g("Dummy")].join(" "),fontColor:"4.thin"},B),{children:b}),b));return y(A,{gridCols:7,gap:"1/3",children:[s,h,S,N]})}},Month:{index:i=>{let{min:e,max:d,onValueUpdate:o,tipsID:t,val_value:r,set_value:m}=i,{year:n,month:u}=r;return y(D,{padding:1,children:[y(M.Separate,{gap:0,children:[a(M.Center,{verticalAlign:"bottom",gap:"2/3",children:a(V,{emptySelect:!1,value:n,options:_(),override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,rightIcon:a(I,{ssSphere:2,right:"1/3",children:a(T.AngleDown,{})}),onUpdateValidValue:({value:p})=>{m({modifiedType:"update",year:Number(p),month:u})}})}),a(k.Variables.ShiftButtons,{callback:p=>{let l=Math.min(Math.max(n+p,1900),2100);m({modifiedType:"update",year:l,month:u})}})]}),a(C,{borderTop:!0}),k.Month.Months({min:e,max:d,year:r.year,callback:p=>{let[l,s]=p;m({modifiedType:"update",year:l,month:s})}}),a(k.Variables.Footer,{tipsID:t,onValueUpdate:o})]})},Months:i=>{let{year:e,callback:d}=i,o=c.Time(),t=[];for(let r=1;r<=12;r++){let m=e==o.year&&r==o.month,n=!1;{let p=Number(String([e,r.zeroEmbed(2)].join("/")).replace(/\D/ig,""));if(i.min&&Number(String(i.min).replace(/\D/ig,""))>p&&(n=!0),i.max){let l=Number(String(i.max).replace(/\D/ig,""));p>l&&(n=!0)}}let u=[g("Cell"),m?g("isThisMonth"):""].join(" ");t.push(y(v.Button.Clear.R,{className:u,isLocked:n,fontColor:"2.normal",padding:["1/3",1],ssEffectsOnActive:"shrink",onClick:()=>{d([e,r])},children:[r," \u6708"]},e+"-"+r))}return a(A,{gridCols:4,gap:"2/3",children:t})}},Year:{index:i=>{let{min:e,max:d,onValueUpdate:o,tipsID:t,val_value:r,set_value:m}=i,{year:n}=r;return y(D,{padding:1,children:[a(V,{emptySelect:!1,value:n||c.Time().year,override:"force",options:_({min:e,max:d}),onUpdateValidValue:({value:u})=>{m({modifiedType:"update",year:Number(u)})}}),a(k.Variables.Footer,{tipsID:t,onValueUpdate:o,onSubmit:()=>{m({modifiedType:"update",year:Number(n||c.Time().year)})}})]})}},DateWareki:{index:i=>{let{min:e,max:d,onValueUpdate:o,tipsID:t,val_value:r,set_value:m}=i,{era:n,year:u,month:p,date:l}=r,s={val_value:r,set_value:m};return y(C,{children:[y(M.Left,{borderBottom:!0,gap:0,verticalAlign:"unset",children:[a(k.DateWareki.EraSelect,f({},s)),a(C,{borderRight:!0}),a(k.DateWareki.Calendar,f({},s))]}),a(C,{padding:1,children:a(k.Variables.Footer,{tipsID:t,onValueUpdate:o})})]})},EraSelect:i=>{let{val_value:e,set_value:d}=i,o={padding:["1/2",1.5],fontColor:"3.blur"},t={backgroundColor:"cloud",fontColor:"2.normal",isSemiBoldFont:!0};return y(D,{padding:1,gap:0,children:[a(v.Button.Clear.R,x(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="year",onClick:()=>{let r=c.Time();d({modifiedType:"update",era:"year",year:r.year,month:r.month,date:r.date})},children:"\u897F\u66A6"})),a(v.Button.Clear.R,x(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="reiwa",onClick:()=>{let r=c.Time();d({modifiedType:"update",era:"reiwa",year:r.year,month:r.month,date:r.date})},children:"\u4EE4\u548C"})),a(v.Button.Clear.R,x(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="heisei",onClick:()=>{d({modifiedType:"update",era:"heisei",year:2019,month:1,date:1})},children:"\u5E73\u6210"})),a(v.Button.Clear.R,x(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="shouwa",onClick:()=>{d({modifiedType:"update",era:"shouwa",year:1989,month:1,date:1})},children:"\u662D\u548C"})),a(v.Button.Clear.R,x(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="taisho",onClick:()=>{d({modifiedType:"update",era:"taisho",year:1926,month:1,date:1})},children:"\u5927\u6B63"})),a(v.Button.Clear.R,x(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="meiji",onClick:()=>{d({modifiedType:"update",era:"meiji",year:1912,month:1,date:1})},children:"\u660E\u6CBB"}))]})},Calendar:i=>{let{val_value:e,set_value:d}=i,o=[];if(e.era=="year")for(let t=1900;t<2100;t++)o.unshift({value:t,label:t+"\u5E74"});else if(e.era=="reiwa"){let t=c.Time().year-2018;for(let r=1;r<=t+10;r++)o.unshift({value:2019+r-1,label:"\u4EE4\u548C"+(r==1?"\u5143":r)+"\u5E74"})}else if(e.era=="heisei")for(let t=1;t<=31;t++)o.unshift({value:1989+t-1,label:"\u5E73\u6210"+(t==1?"\u5143":t)+"\u5E74"});else if(e.era=="shouwa")for(let t=1;t<=64;t++)o.unshift({value:1926+t-1,label:"\u662D\u548C"+(t==1?"\u5143":t)+"\u5E74"});else if(e.era=="taisho")for(let t=1;t<=15;t++)o.unshift({value:1912+t-1,label:"\u5927\u6B63"+(t==1?"\u5143":t)+"\u5E74"});else if(e.era=="meiji")for(let t=1;t<=45;t++)o.unshift({value:1868+t-1,label:"\u660E\u6CBB"+(t==1?"\u5143":t)+"\u5E74"});return y(D,{padding:1,children:[y(M.Separate,{children:[a(V,{tone:"cloud",emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,rightIcon:a(I,{ssSphere:2,right:"1/3",children:a(T.AngleDown,{})}),options:o,value:e.year,onUpdateValidValue:({value:t})=>{d(r=>x(f({},r),{modifiedType:"update",year:Number(t)}))}}),y(M.Center,{gap:"1/3",children:[a(v.Button.Clear.S,{ssSphere:2,onClick:()=>{let t=e.month-1;d({modifiedType:"update",era:e.era,year:t==0?e.year-1:e.year,month:t==0?12:t,date:1})},children:a(T.ChevronLeft,{})}),a(V,{tone:"cloud",emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,rightIcon:a(I,{ssSphere:2,right:"1/3",children:a(T.AngleDown,{})}),options:[{value:1,label:"1\u6708"},{value:2,label:"2\u6708"},{value:3,label:"3\u6708"},{value:4,label:"4\u6708"},{value:5,label:"5\u6708"},{value:6,label:"6\u6708"},{value:7,label:"7\u6708"},{value:8,label:"8\u6708"},{value:9,label:"9\u6708"},{value:10,label:"10\u6708"},{value:11,label:"11\u6708"},{value:12,label:"12\u6708"}],value:e.month,onUpdateValidValue:({value:t})=>{d({modifiedType:"update",era:e.era,year:e.year,month:Number(t),date:1})}}),a(v.Button.Clear.S,{ssSphere:2,onClick:()=>{let t=e.month+1;d({modifiedType:"update",era:e.era,year:t==13?e.year+1:e.year,month:t==13?1:t,date:1})},children:a(T.ChevronRight,{})})]})]}),a(k.DateWareki.MonthCell,f({},i))]},e.era)},MonthCell:i=>{let{val_value:e,set_value:d}=i,o=c.Time([e.year.zeroEmbed(4),e.month.zeroEmbed(2),e.date.zeroEmbed(2)].join("/"));if(!o.validate)return;let t=o.getFirstDayOfTheMonth().weekday,r=o.getLastDayOfTheMonth(),m=[];for(let n=0;n<7;n++)m.push(a(O.Supplement,{flexCenter:!0,fontColor:n==0?"googleRed":n==6?"googleBlue":"3.blur",children:c.transformer.weekday.shortJP(n)},"legend-"+n));for(let n=0;n<t;n++){let u=c.Time(o).getFirstDayOfTheMonth().addDate(n-t);m.push(a(v.Button.Sub.R,{color:"cloud",border:"1.thin",ssSphere:3,opacity:"middle",onClick:p=>{p.preventDefault(),p.stopPropagation(),d({modifiedType:"update",era:e.era,year:u.year,month:u.month,date:u.date})},children:u.date},"lastMonth-"+n))}for(let n=1;n<=r.date;n++){let u=c.Time(o).setDate(n);m.push(a(v.Button.Border.R,{ssSphere:3,onClick:()=>{d({modifiedType:"update",era:e.era,year:u.year,month:u.month,date:u.date})},children:u.date},"currentMonth-"+n))}for(let n=0;n<7-r.weekday-1;n++){let u=c.Time(o).addMonth(1).setDate(1).addDate(n);m.push(a(v.Button.Sub.R,{color:"cloud",border:"1.thin",ssSquare:3,opacity:"middle",onClick:p=>{p.preventDefault(),p.stopPropagation(),d({modifiedType:"update",era:e.era,year:u.year,month:u.month,date:u.date})},children:u.date},"nextMonth-"+n))}return a(A,{gridCols:7,gap:"1/4",children:m})}},Variables:{Footer:i=>y(R,{flexWrap:!1,gap:1,flexChilds:"even",freeCSS:{whiteSpace:"nowrap"},children:[y(v.Button.Border.R,{onClick:()=>{i.onValueUpdate("")},tabIndex:-1,flexSizing:"none",padding:["2/3",1],children:[a(T.Times,{})," \u524A\u9664"]}),a(v.Button.Prime.R,{flexSizing:"auto",padding:["2/3",1],onClick:()=>{i.onSubmit&&i.onSubmit(),H.close(i.tipsID)},tabIndex:-1,children:"\u6C7A\u5B9A"})]}),ShiftButtons:i=>y(R,{gap:"1/3",flexWrap:!1,children:[a(v.Button.Clear.R,x(f({className:g("LeftButton"),tabIndex:-1,right:0},k.Variables.ShiftButtonStyles),{onClick:()=>{i.callback(-1)},children:a(T.ChevronLeft,{})})),a(v.Button.Clear.R,x(f({className:g("RightButton"),tabIndex:-1,left:0},k.Variables.ShiftButtonStyles),{onClick:()=>{i.callback(1)},children:a(T.ChevronRight,{})}))]}),ShiftButtonStyles:{flexCenter:!0,padding:0,unitWidth:3,unitHeight:3,borderRadius:"sphere",position:"relative"}}};export{L as Picker,L as default};

package/dist/fn/Table/Data.d.ts

@@ -35,49 +35,13 @@ declare namespace Data {
             (order: Order): void;
         };
     };
-    type FNs = {
-        __memoryID: string;
-        useStatus(tableID: string): useStatusOutput;
-        getRowData(tableID: string): BodyRow[];
-        setPageIndex(tableID: string, pageIndex: number): void;
-        setRowLength(tableID: string, rowLength: number): void;
-        setSearchKeyword(tableID: string, keyword: string): void;
-    };
-    type Parts = {
-        SearchInput: React.FC<{
-            tableID: string;
-        }>;
-        Info: React.FC<{
-            tableID: string;
-        }>;
-        Paging: React.FC<{
-            tableID: string;
-        }>;
-        RowLength: React.FC<{
-            tableID: string;
-            lengthSelect: number[];
-        }>;
-    };
-    type useStatusOutput = {
-        tableComponentDidMount: boolean;
-        totalRows: number;
-        pageRows: number;
-        filteredRows: number;
-        searchKeyword: string;
-        filter: {
-            enabled: boolean;
-            column: boolean[];
-            current: (string[])[];
-        };
-        order: {
-            enabled: boolean;
-            column: boolean[];
-            current: Data.Order;
-        };
-        paging: {
-            rowLength: number;
-            pageLength: number;
-            currentPageIndex: number;
+    type useRefreshOutput = {
+        val_status: Options;
+        set_status: React.Dispatch<React.SetStateAction<Options>>;
+        rows: {
+            total: number;
+            page: number;
+            filtered: number;
         };
     };
     type FilterColumnsProps = {
@@ -120,9 +84,30 @@ declare namespace Data {
             (args: Data.Order): void;
         };
     };
-    type Methods = {
-        (props: Data.Input): JSX.Element;
-    } & FNs & Parts;
+    namespace Methods {
+        type Component = (props: Data.Input) => JSX.Element;
+        type FNs = {
+            __memoryID: string;
+            getRowData(tableID: string): BodyRow[];
+        };
+        type Parts = {
+            SearchInput: React.FC<{
+                tableID: string;
+                onChange(keyword: string): void;
+            }>;
+            Info: React.FC<{
+                tableID: string;
+            }>;
+            Paging: React.FC<{
+                tableID: string;
+            }>;
+            RowLength: React.FC<{
+                tableID: string;
+                lengthSelect: number[];
+            }>;
+        };
+    }
+    type Methods = Methods.Component & Methods.FNs & Methods.Parts;
 }
 declare const Data: Data.Methods;
 export { Data, Data as default };

package/dist/fn/Table/Data.js

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

package/dist/index.d.ts

@@ -59,7 +59,7 @@ declare const amotify: {
     Placeholder: import("react").FC<atoms.Placeholder.Input>;
     Config: utils.Config.Methods;
     useStore: utils.useStore.Methods;
-    useRecycle: utils.useRecycle.Methods;
+    useRefresh: utils.useRefresh.Methods;
     useRouterEffect: (p: {
         pathname: string;
         beforeCB?: ((pathName: string) => void) | undefined;