amotify 0.2.245 → 0.2.247
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/fn/Button.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as s,c as i,d as I,e as F}from"../chunk-C5N2D3ZX.js";import{jsx as u}from"react/jsx-runtime";import M,{useStore as A,UUID as V}from"jmini";import{pageRouter as R,ReadStyleSet as D}from"../@utils";import{Input as O}from".";import{Box as N}from"../atoms";import{ButtonClasses as C}from"../@styles/componentClasses";const w={Size:(a,t,o,n)=>{let e={fontSize:"inherit"};return o=o||"R",t=="plain"?{}:(t=="link"?o=="xsmall"?e.fontSize="0.xs":o=="small"?e.fontSize="1.mini":o=="regular"||o=="large"&&(e.fontSize="3.paragraph"):e=s({borderRadius:"2.tone.secondary",transition:"middle",position:"relative",textAlign:"center"},e),o=="xsmall"?e=i(s({},e),{padding:["1/3","2/3"],fontSize:"0.xs",borderRadius:"3.tone.tertiary"}):o=="small"?e=i(s({},e),{padding:["1/2","3/4"],fontSize:"1.mini",borderRadius:"
|
|
1
|
+
import{b as s,c as i,d as I,e as F}from"../chunk-C5N2D3ZX.js";import{jsx as u}from"react/jsx-runtime";import M,{useStore as A,UUID as V}from"jmini";import{pageRouter as R,ReadStyleSet as D}from"../@utils";import{Input as O}from".";import{Box as N}from"../atoms";import{ButtonClasses as C}from"../@styles/componentClasses";const w={Size:(a,t,o,n)=>{let e={fontSize:"inherit"};return o=o||"R",t=="plain"?{}:(t=="link"?o=="xsmall"?e.fontSize="0.xs":o=="small"?e.fontSize="1.mini":o=="regular"||o=="large"&&(e.fontSize="3.paragraph"):e=s({borderRadius:"2.tone.secondary",transition:"middle",position:"relative",textAlign:"center"},e),o=="xsmall"?e=i(s({},e),{padding:["1/3","2/3"],fontSize:"0.xs",borderRadius:"3.tone.tertiary"}):o=="small"?e=i(s({},e),{padding:["1/2","3/4"],fontSize:"1.mini",borderRadius:"2.tone.secondary"}):o=="regular"?e.padding=["3/4",1]:o=="large"&&(e.padding=[1,2],e.fontSize="3.paragraph",e.isSemiBoldFont=!0),e)},Tone:(a,t,o,n)=>{let e={display:"inlineBlock",fontWeight:"inherit",fontColor:"inherit",border:"unset"};return t=="plain"||(t=="link"?(e.fontColor="theme",e.textAlign="left",e.backgroundColor="trans"):t=="normal"?e=i(s({},e),{backgroundColor:"trans"}):t=="border"?e=i(s({},e),{backgroundColor:"layer.1",border:"2.normal",borderStyle:"solid",boxShadow:"0.min"}):t=="prime"?(e=i(s({},e),{isSemiBoldFont:!0,fontColor:"white",backgroundColor:n,boxShadow:"0.normal",ssEffectsOnActive:["shrink","push","ripple.white"]}),n=="white"&&(e=i(s({},e),{fontColor:"theme",ssEffectsOnActive:["shrink","push","ripple.cloud"]}))):t=="sub"?e=i(s({},e),{fontColor:n,ssEffectsOnActive:["shrink","ripple.cloud"]}):t=="clear"?e=i(s({},e),{fontColor:n,backgroundColor:"trans",ssEffectsOnActive:["shrink","ripple.cloud"]}):t=="fillToBorder"?e=i(s({},e),{boxShadow:"0.normal",border:"2.normal",borderWidth:2,borderColor:n,fontColor:n,backgroundColor:n}):t=="borderToFill"&&(e=i(s({},e),{fontColor:n,boxShadow:"0.normal",border:"2.normal",borderWidth:2,borderColor:n,backgroundColor:n})),n=="cloud"&&(e.fontColor="2.normal"),t!="link"&&(e=s({position:"relative",ssEffectsOnActive:["shrink","push"]},e))),e}},K=a=>{var e;let t=D(s({isLocked:!1,isActive:!1,isActiveStyles:{},isActiveClassName:"",tabIndex:0,className:"",color:"theme",tone:"border","aria-label":V()},a)),o=t.seed;{let{isLocked:m=!1,isActive:h=!1,isActiveStyles:B={},isActiveClassName:g="",tone:r="border",size:l="regular",color:p="theme",className:d=""}=t;t=s(s(s({},w.Size(a.seed,r,l,p)),w.Tone(a.seed,r,l,p)),t),t.className=[d,C("Wrap"),C("isNeutral_"+!h),C("isLocked_"+m),C("Tone_"+r),C("Color_"+p),C("Tone_"+r+"_Color_"+p)].join(" "),h&&(t=s(s({className:[t.className,g].join(" ")},t),B))}if(o=="button"){let n=t,{isLocked:m,isActive:h,isActiveClassName:B,isActiveStyles:g,submitOption:r,onFormSubmit:l,onClick:p}=n,d=I(n,["isLocked","isActive","isActiveClassName","isActiveStyles","submitOption","onFormSubmit","onClick"]);return l!=null&&l[1]&&(d=i(s({},d),{"data-form-submit-button":l[0],"data-sdfike":M.flatArray(((e=l[2])==null?void 0:e.submitableKey)||"auxEnter").join(",")})),r&&(r=s({acceptInvalidForm:!1,submitDelegationKey:"auxEnter"},r),d=i(s({},d),{"data-form-submit-button":r.formName,"data-sdfike":M.flatArray(r.submitDelegationKey).join(",")})),u(N,i(s({htmlTag:"button",fontHeight:"inherit"},d),{onClick:k=>{m||(p&&p(k),M.scope(()=>F(void 0,null,function*(){if(!(l!=null&&l[1]))return;l[2]=s({validOnly:!0,submitableKey:"auxEnter",releaseOnFinish:!0},l==null?void 0:l[2]);let[c,T,f]=l,S="prevent-form-submit-"+c,b=A.get(S),x=()=>A.delete(S);const z=()=>(A.set({[S]:!0}),{release:x});if(b)return f.validOnly?void 0:T({body:{},isValid:!1,serialLock:z});z();let v=yield O.CollectForm(c);if(!v.isValid&&f.validOnly){x();return}yield T({body:v.data,isValid:v.isValid,serialLock:z}),f.releaseOnFinish&&x()})),M.scope(()=>F(void 0,null,function*(){if(!r)return;let c=yield O.CollectForm(r.formName);!c.isValid&&!r.acceptInvalidForm||r.callback(c.data,c.isValid)})))}}))}else if(o=="label"){let P=t,{isLocked:m,isActive:h,isActiveClassName:B,isActiveStyles:g,onClick:r}=P,l=I(P,["isLocked","isActive","isActiveClassName","isActiveStyles","onClick"]);return u(N,i(s({htmlTag:"label"},l),{onClick:p=>{m||r&&r(p)}}))}else if(o=="anchor"){let E=t,{isLocked:m,isActive:h,isActiveClassName:B,isActiveStyles:g,onClick:r,href:l="",newTab:p,sync:d,shiftQueryParams:k}=E,c=I(E,["isLocked","isActive","isActiveClassName","isActiveStyles","onClick","href","newTab","sync","shiftQueryParams"]);return u(N,i(s({htmlTag:"button"},c),{onClick:T=>{if(m)return;if(r)return r(T);let f=T.ctrlKey||T.metaKey,S=p||!!f,b=l;if(k&&(b+=location.search),d){R.pushSync(b);return}R.push(b,!!S)}}))}return null},y=function(a,t){const o=e=>u(K,s({seed:a,tone:t,size:"regular"},e)),n=o;return n.Plain=e=>u(o,s({size:"plain",tone:t},e)),n.XS=e=>u(o,s({size:"xsmall",tone:t},e)),n.S=e=>u(o,s({size:"small",tone:t},e)),n.R=e=>u(o,s({size:"regular",tone:t},e)),n.L=e=>u(o,s({size:"large",tone:t},e)),n},L=function(a){const o=n=>u(K,s({seed:a,tone:"prime",size:"regular"},n));return o.Plain=y(a,"plain"),o.Link=y(a,"link"),o.Normal=y(a,"normal"),o.Border=y(a,"border"),o.Prime=y(a,"prime"),o.Sub=y(a,"sub"),o.Clear=y(a,"clear"),o.FillToBorder=y(a,"fillToBorder"),o.BorderToFill=y(a,"borderToFill"),o},H=L("button"),W=L("label"),_=L("anchor");export{_ as Anchor,H as Button,W as Label};
|
package/dist/fn/Input/Select.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as o,c as d,d as q}from"../../chunk-C5N2D3ZX.js";import{Fragment as le,jsx as a,jsxs as V}from"react/jsx-runtime";import S,{UUID as h}from"jmini";import{useState as A,useEffect as z}from"react";import{ExtractStyles as Ce}from"../../@utils";import{Box as I,FAI as Z,Column as Ve}from"../../atoms";import{Literal as E,Row as H}from"../../mols";import{Button as Oe}from"../Button";import{Sheet as xe}from"../Sheet";import{OptionalInputWrapper as Fe,BoxWrapper as Te,CoreEffects as k,DefaultBoxishStyles as _e}from"./core";import{InputAutocompleteClasses as R}from"../../@styles/componentClasses";import{InputLabel as we}from"./Label";import{RightIcon as De}from".";function ke(e){let{value:t,states:l}=e,{required:s,options:i}=l,m=[];return s&&t===null&&m.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!m.filter(({type:c})=>c=="invalid").length,notice:m}}const ee={FilterSelectableOptions:(e,t)=>{let l=e.rootStates.options;return t||(l=l.filter(s=>(s==null?void 0:s.type)!="label")),l}},C={Shallow:e=>{let{rootStates:t,val_status:l}=e,s=Ce(t);return a(I,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:a(E.Description,d(o({className:t.className},s),{position:"absolute",width:1,freeCSS:d(o({},s.freeCSS),{color:"orange"}),children:a(I,{"data-input-value-shallow":l.componentId,children:"A"})}))})},Button:e=>V(le,{children:[a(C.LegacySelector,o({},e)),a(C.Original,o({},e))]}),Placeholder:e=>!e.rootStates.placeholder||e.val_status.dataValue!==null?null:a(I,{position:"absolute",opacity:"middle",fontColor:"3.blur",children:e.rootStates.placeholder||""}),Original:e=>{let{rootStates:t,val_preventOpenSelectorOnFocus:l,set_preventOpenSelectorOnFocus:s,val_optionFocused:i,set_optionFocused:m,val_status:c,set_status:g,val_selectorOpen:y,set_selectorOpen:p}=e,N=t,{tone:B,required:F,form:T,className:O,label:ae,isLabelActive:oe,placeholder:ne,enableFormSubmit:L,emptySelect:$,checkValidationAtFirst:W,onValidate:re,onValidateDelay:se,onUpdateValue:ie,onUpdateValidValue:ce,onUserAction:ue,value:P="",options:M,leftIndicator:de,rightIndicator:j,leftIcon:Se,rightIcon:pe,componentId:fe,status_id:me,wrapStyles:ye,SelectedCellStyles:ve,SelectorCellStyles:ge,SelectorMode:be,SelectorStyles:Ie,SelectorPosition:he}=N,n=q(N,["tone","required","form","className","label","isLabelActive","placeholder","enableFormSubmit","emptySelect","checkValidationAtFirst","onValidate","onValidateDelay","onUpdateValue","onUpdateValidValue","onUserAction","value","options","leftIndicator","rightIndicator","leftIcon","rightIcon","componentId","status_id","wrapStyles","SelectedCellStyles","SelectorCellStyles","SelectorMode","SelectorStyles","SelectorPosition"]);return z(()=>{if(e.rootStates.SelectorMode!="original"||t.disabled)return;let u="select-click-"+t.componentId;if(y){if(!S('[data-input-origin="'+t.componentId+'"]'))return;S(document).addEvent({eventID:u,eventType:"click",callback:r=>{let _=S(r.target),w=!!S(_).parent("."+R("Core")).length;S(_).parent("."+R("Selector")).length||w||p(!1)}})}else S(document).removeEvent([u])},[y]),z(()=>{if(e.rootStates.SelectorMode!="original"||c.eventType=="init"||!y)return;let u=S('[data-input-origin="'+t.componentId+'"]');u&&u.focus()},[c.dataValue]),e.rootStates.SelectorMode!="original"?null:V(le,{children:[a(I,d(o({tabIndex:0},n),{"data-disabled":t.disabled,"data-show-validation":k.isShowValidation(c,!!W),"data-component-id":c.componentId,"data-input-origin":c.componentId,className:[O,R("Core")].join(" "),onFocus:u=>{if(n!=null&&n.onFocus&&(n==null||n.onFocus(u)),g(f=>d(o({},f),{eventID:h(12),isFocusing:!0})),!t.disabled){if(l)return s(!1);p(!0)}},onBlur:u=>{n!=null&&n.onBlur&&(n==null||n.onBlur(u)),g(f=>d(o({},f),{eventID:h(12),isFocusing:!1}))},onClick:u=>{n!=null&&n.onClick&&(n==null||n.onClick(u)),!t.disabled&&p(!0)},onKeyDown:u=>{let{key:f,metaKey:r,ctrlKey:_}=u,w=r||_;if(n!=null&&n.onKeyDown&&(n==null||n.onKeyDown(u)),L&&k.SubmitForm(u,T),!t.disabled){if(S.scope(()=>{if(!["ArrowDown","ArrowUp"].includes(f))return;if(u.preventDefault(),!y)return p(!0);let b=f=="ArrowDown"?1:-1,v=ee.FilterSelectableOptions(e),K=v.length-1,x=null;S.scope(()=>{var J,X,G,Q,Y;let D=v.findIndex(U=>(U==null?void 0:U.id)==i);if(b==1){if(x=(J=v[0])==null?void 0:J.id,w){x=v[K].id;return}if(D==-1||D==K)return;x=(X=v[D+1])==null?void 0:X.id}else{if(x=(G=v[K])==null?void 0:G.id,w){x=(Q=v[0])==null?void 0:Q.id;return}if(D==-1||D==0)return;x=(Y=v[D-1])==null?void 0:Y.id}}),m(x)}),f=="Escape")p(!1);else if(f=="Tab")p(!1);else if(f=="Backspace")g(b=>d(o({},b),{dataValue:null,eventType:"update",eventID:h(12),isInspected:!1}));else if(f==" ")u.preventDefault(),p(!0);else if(f=="Enter"){if(!y)return p(!0);u.preventDefault();let b=t.options.find(v=>(v==null?void 0:v.id)==i);if(!b)return;g(v=>d(o({},v),{dataValue:b==null?void 0:b.value,eventType:"update",eventID:h(12),isInspected:!1})),p(!1)}}},children:V(H.Left,{gap:0,children:[a(I,{freeCSS:{width:0},overflow:"hidden",opacity:"trans",children:"A"}),V(H.Left,{flexWrap:!0,gap:"1/3",freeCSS:{letterSpacing:".5px"},children:[a(C.Placeholder,o({},e)),a(C.Selected,o({},e))]})]})})),y&&a(C.Selector,o({},e))]})},LegacySelector:e=>{let{rootStates:t,val_preventOpenSelectorOnFocus:l,set_preventOpenSelectorOnFocus:s,val_optionFocused:i,set_optionFocused:m,val_status:c,set_status:g,val_selectorOpen:y,set_selectorOpen:p}=e,f=t,{tone:B,required:F,form:T,className:O,label:ae,isLabelActive:oe,placeholder:ne,enableFormSubmit:L,emptySelect:$,checkValidationAtFirst:W,onValidate:re,onValidateDelay:se,onUpdateValue:ie,onUpdateValidValue:ce,onUserAction:ue,onKeyDown:P,onChange:M,value:de="",options:j,leftIndicator:Se,rightIndicator:pe,leftIcon:fe,rightIcon:me,componentId:ye,status_id:ve,wrapStyles:ge,SelectedCellStyles:be,SelectorCellStyles:Ie,SelectorMode:he,SelectorStyles:n,SelectorPosition:N}=f,u=q(f,["tone","required","form","className","label","isLabelActive","placeholder","enableFormSubmit","emptySelect","checkValidationAtFirst","onValidate","onValidateDelay","onUpdateValue","onUpdateValidValue","onUserAction","onKeyDown","onChange","value","options","leftIndicator","rightIndicator","leftIcon","rightIcon","componentId","status_id","wrapStyles","SelectedCellStyles","SelectorCellStyles","SelectorMode","SelectorStyles","SelectorPosition"]);return e.rootStates.SelectorMode!="legacy"?null:V(I,d(o({htmlTag:"select",tabIndex:0},u),{"data-disabled":t.disabled,"data-show-validation":k.isShowValidation(c,!!W),"data-component-id":c.componentId,"data-input-origin":c.componentId,className:[O,R("Core")].join(" "),onKeyDown:r=>{P&&P(r),L&&k.SubmitForm(r,T)},onChange:r=>{let{value:_}=r.target;g(w=>d(o({},w),{dataValue:_,eventType:"update",eventID:h(12),isInspected:!1,isValidated:!1,notice:[]})),M&&M(r)},children:[!!$&&a("option",{value:"null",children:"\u9078\u629E"}),j.map(r=>S.is.nullish(r==null?void 0:r.value)?null:a("option",{value:r==null?void 0:r.value,children:(r==null?void 0:r.label)||(r==null?void 0:r.value)},String(r==null?void 0:r.value)))]}))},Selector:e=>{var s;z(()=>{let i=S(`[data-selector-id="${e.val_status.componentId}"]`)[0];if(!i)return;let m=S(`[data-select-input-value="${e.val_optionFocused}"]`)[0];m&&(i.scrollTop=m.offsetTop-24)},[e.val_optionFocused]);let t=ee.FilterSelectableOptions(e,!0),l={position:"absolute",minWidth:1,freeCSS:{zIndex:1e3}};switch(e.rootStates.SelectorPosition){case 1:l.bottom="100%",l.left=0,l.paddingBottom="1/3";break;case 2:l.bottom="100%",l.right=0,l.paddingBottom="1/3";break;case 3:l.top="100%",l.left=0,l.paddingTop="1/3";break;case 4:l.top="100%",l.right=0,l.paddingTop="1/3";break;default:break}return a(I,d(o({},l),{children:a(xe.Body,d(o({className:R("Selector"),ssCardBox:!0,borderRadius:"2.tone.secondary",boxShadow:"1.normal",overflow:"auto","data-selector-id":e.val_status.componentId},e.rootStates.SelectorStyles),{freeCSS:o({minWidth:12*6,maxHeight:12*24},(s=e.rootStates.SelectorStyles)==null?void 0:s.freeCSS),children:V(Ve,{gap:"1/12",padding:[1,0],children:[t.map((i,m)=>{if(!i)return null;let{type:c,value:g}=i,y=e.val_optionFocused==i.id,p=e.val_status.dataValue===g;return c=="label"?a(I,{children:i.label||i.value},h()):a(Oe.Sub.S,d(o({"data-select-input-value":i.id,color:"cloud",backgroundColor:"trans",borderRadius:0,fontColor:"2.normal",textAlign:"left",padding:["1/2",1],isActive:p||y,isActiveStyles:y?{backgroundColor:"cloud"}:{backgroundColor:"theme.opa.few",fontColor:"theme"}},e.rootStates.SelectorCellStyles),{onClick:B=>{e.set_status(F=>d(o({},F),{dataValue:g,eventType:"update",eventID:h(12),isInspected:!1})),e.set_selectorOpen(!1),e.set_preventOpenSelectorOnFocus(!0)},children:V(H.Left,{gap:"1/2",children:[p&&a(Z.Check,{fontColor:"theme"}),a(E.Supplement,{transition:"short",flexSizing:0,children:i.label||i.value})]})}),i.id)}),!t.length&&a(E.Supplement,{padding:[0,1],fontColor:"4.thin",children:"\u5019\u88DC\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093"},"no-selector-notice")]})}))}))},Selected:e=>{let t=e.rootStates.options.find(l=>S.is.equal(l==null?void 0:l.value,e.val_status.dataValue));return t?a(I,d(o({},e.rootStates.SelectedCellStyles),{children:(t==null?void 0:t.label)||(t==null?void 0:t.value)}),String(t==null?void 0:t.value)):null},Core:e=>{var F,T;let{value:t}=e,[l,s]=A(k.DefaultStatus(e.componentId,t)),[i,m]=A(!1),[c,g]=A(!1),[y,p]=A(((F=e.options.find(O=>(O==null?void 0:O.value)===e.value))==null?void 0:F.id)||((T=e.options[0])==null?void 0:T.id)||""),B={rootStates:e,val_preventOpenSelectorOnFocus:i,set_preventOpenSelectorOnFocus:m,val_optionFocused:y,set_optionFocused:p,val_selectorOpen:c,set_selectorOpen:g,val_status:l,set_status:s};return k.CommonEffects({type:"select",states:e,val_status:l,set_status:s,SystemValidation:ke}),V(Te,{val_status:l,set_status:s,states:e,children:[a(we,{componentId:e.componentId,fontSize:e.fontSize,required:e.required,label:e.label,isActive:e.isLabelActive||l.dataValue!==null}),a(C.Shallow,o({},B)),a(C.Button,o({},B))]})}},te=e=>{var l;let t=o({},e);return t=d(o({emptySelect:!0,SelectorMode:"original",SelectorPosition:3},t),{freeCSS:o({cursor:"pointer"},t.freeCSS)}),t.emptySelect&&(t.options=[{value:null,label:a(E.Supplement,{fontColor:"4.thin",children:"\u672A\u9078\u629E"})},...t.options]),t.value=(l=t.value)!=null?l:null,t.options.forEach((s,i)=>{if(!s)return;let{type:m,value:c,searchValue:g}=s,y=g||S.is.string(c)&&c||S.Stringify(c||"")||"";t.options[i]=d(o({id:h()},s),{value:c,searchValue:y,type:m||"selector"})}),S.is.nullish(t.rightIcon)&&(t.rightIcon=a(De,{children:a(Z.AngleDown,{})})),a(Fe,{componentId:t.componentId,children:C.Core,states:_e(t)})};export{te as Select,te as default};
|
|
1
|
+
import{b as o,c as d,d as q}from"../../chunk-C5N2D3ZX.js";import{Fragment as le,jsx as a,jsxs as V}from"react/jsx-runtime";import S,{UUID as h}from"jmini";import{useState as A,useEffect as z}from"react";import{ExtractStyles as Ce}from"../../@utils";import{Box as I,FAI as Z,Column as Ve}from"../../atoms";import{Literal as E,Row as H}from"../../mols";import{Button as Oe}from"../Button";import{Sheet as xe}from"../Sheet";import{OptionalInputWrapper as Fe,BoxWrapper as Te,CoreEffects as k,DefaultBoxishStyles as _e}from"./core";import{InputAutocompleteClasses as R}from"../../@styles/componentClasses";import{InputLabel as we}from"./Label";import{RightIcon as De}from".";function ke(e){let{value:t,states:l}=e,{required:s,options:i}=l,m=[];return s&&t===null&&m.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!m.filter(({type:u})=>u=="invalid").length,notice:m}}const ee={FilterSelectableOptions:(e,t)=>{let l=e.rootStates.options;return t||(l=l.filter(s=>(s==null?void 0:s.type)!="label")),l}},C={Shallow:e=>{let{rootStates:t,val_status:l}=e,s=Ce(t);return a(I,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:a(E.Description,d(o({className:t.className},s),{position:"absolute",width:1,freeCSS:d(o({},s.freeCSS),{color:"orange"}),children:a(I,{"data-input-value-shallow":l.componentId,children:"A"})}))})},Button:e=>V(le,{children:[a(C.LegacySelector,o({},e)),a(C.Original,o({},e))]}),Placeholder:e=>!e.rootStates.placeholder||e.val_status.dataValue!==null?null:a(I,{position:"absolute",opacity:"middle",fontColor:"3.blur",children:e.rootStates.placeholder||""}),Original:e=>{let{rootStates:t,val_preventOpenSelectorOnFocus:l,set_preventOpenSelectorOnFocus:s,val_optionFocused:i,set_optionFocused:m,val_status:u,set_status:g,val_selectorOpen:y,set_selectorOpen:p}=e,N=t,{tone:B,required:F,form:T,className:O,label:ae,isLabelActive:oe,placeholder:ne,enableFormSubmit:L,emptySelect:$,checkValidationAtFirst:W,onValidate:re,onValidateDelay:se,onUpdateValue:ie,onUpdateValidValue:ue,onUserAction:ce,value:P="",options:M,leftIndicator:de,rightIndicator:j,leftIcon:Se,rightIcon:pe,componentId:fe,status_id:me,wrapStyles:ye,SelectedCellStyles:ve,SelectorCellStyles:ge,SelectorMode:be,SelectorStyles:Ie,SelectorPosition:he}=N,n=q(N,["tone","required","form","className","label","isLabelActive","placeholder","enableFormSubmit","emptySelect","checkValidationAtFirst","onValidate","onValidateDelay","onUpdateValue","onUpdateValidValue","onUserAction","value","options","leftIndicator","rightIndicator","leftIcon","rightIcon","componentId","status_id","wrapStyles","SelectedCellStyles","SelectorCellStyles","SelectorMode","SelectorStyles","SelectorPosition"]);return z(()=>{if(e.rootStates.SelectorMode!="original"||t.disabled)return;let c="select-click-"+t.componentId;if(y){if(!S('[data-input-origin="'+t.componentId+'"]'))return;S(document).addEvent({eventID:c,eventType:"click",callback:r=>{let _=S(r.target),w=!!S(_).parent("."+R("Core")).length;S(_).parent("."+R("Selector")).length||w||p(!1)}})}else S(document).removeEvent([c])},[y]),z(()=>{if(e.rootStates.SelectorMode!="original"||u.eventType=="init"||!y)return;let c=S('[data-input-origin="'+t.componentId+'"]');c&&c.focus()},[u.dataValue]),e.rootStates.SelectorMode!="original"?null:V(le,{children:[a(I,d(o({tabIndex:0},n),{"data-disabled":t.disabled,"data-show-validation":k.isShowValidation(u,!!W),"data-component-id":u.componentId,"data-input-origin":u.componentId,className:[O,R("Core")].join(" "),onFocus:c=>{if(n!=null&&n.onFocus&&(n==null||n.onFocus(c)),g(f=>d(o({},f),{eventID:h(12),isFocusing:!0})),!t.disabled){if(l)return s(!1);p(!0)}},onBlur:c=>{n!=null&&n.onBlur&&(n==null||n.onBlur(c)),g(f=>d(o({},f),{eventID:h(12),isFocusing:!1}))},onClick:c=>{n!=null&&n.onClick&&(n==null||n.onClick(c)),!t.disabled&&p(!0)},onKeyDown:c=>{let{key:f,metaKey:r,ctrlKey:_}=c,w=r||_;if(n!=null&&n.onKeyDown&&(n==null||n.onKeyDown(c)),L&&k.SubmitForm(c,T),!t.disabled){if(S.scope(()=>{if(!["ArrowDown","ArrowUp"].includes(f))return;if(c.preventDefault(),!y)return p(!0);let b=f=="ArrowDown"?1:-1,v=ee.FilterSelectableOptions(e),K=v.length-1,x=null;S.scope(()=>{var J,X,G,Q,Y;let D=v.findIndex(U=>(U==null?void 0:U.id)==i);if(b==1){if(x=(J=v[0])==null?void 0:J.id,w){x=v[K].id;return}if(D==-1||D==K)return;x=(X=v[D+1])==null?void 0:X.id}else{if(x=(G=v[K])==null?void 0:G.id,w){x=(Q=v[0])==null?void 0:Q.id;return}if(D==-1||D==0)return;x=(Y=v[D-1])==null?void 0:Y.id}}),m(x)}),f=="Escape")p(!1);else if(f=="Tab")p(!1);else if(f=="Backspace")g(b=>d(o({},b),{dataValue:null,eventType:"update",eventID:h(12),isInspected:!1}));else if(f==" ")c.preventDefault(),p(!0);else if(f=="Enter"){if(!y)return p(!0);c.preventDefault();let b=t.options.find(v=>(v==null?void 0:v.id)==i);if(!b)return;g(v=>d(o({},v),{dataValue:b==null?void 0:b.value,eventType:"update",eventID:h(12),isInspected:!1})),p(!1)}}},children:V(H.Left,{gap:0,children:[a(I,{freeCSS:{width:0},overflow:"hidden",opacity:"trans",children:"A"}),V(H.Left,{flexWrap:!0,gap:"1/3",freeCSS:{letterSpacing:".5px"},children:[a(C.Placeholder,o({},e)),a(C.Selected,o({},e))]})]})})),y&&a(C.Selector,o({},e))]})},LegacySelector:e=>{let{rootStates:t,val_preventOpenSelectorOnFocus:l,set_preventOpenSelectorOnFocus:s,val_optionFocused:i,set_optionFocused:m,val_status:u,set_status:g,val_selectorOpen:y,set_selectorOpen:p}=e,f=t,{tone:B,required:F,form:T,className:O,label:ae,isLabelActive:oe,placeholder:ne,enableFormSubmit:L,emptySelect:$,checkValidationAtFirst:W,onValidate:re,onValidateDelay:se,onUpdateValue:ie,onUpdateValidValue:ue,onUserAction:ce,onKeyDown:P,onChange:M,value:de="",options:j,leftIndicator:Se,rightIndicator:pe,leftIcon:fe,rightIcon:me,componentId:ye,status_id:ve,wrapStyles:ge,SelectedCellStyles:be,SelectorCellStyles:Ie,SelectorMode:he,SelectorStyles:n,SelectorPosition:N}=f,c=q(f,["tone","required","form","className","label","isLabelActive","placeholder","enableFormSubmit","emptySelect","checkValidationAtFirst","onValidate","onValidateDelay","onUpdateValue","onUpdateValidValue","onUserAction","onKeyDown","onChange","value","options","leftIndicator","rightIndicator","leftIcon","rightIcon","componentId","status_id","wrapStyles","SelectedCellStyles","SelectorCellStyles","SelectorMode","SelectorStyles","SelectorPosition"]);return e.rootStates.SelectorMode!="legacy"?null:V(I,d(o({htmlTag:"select",tabIndex:0},c),{"data-disabled":t.disabled,"data-show-validation":k.isShowValidation(u,!!W),"data-component-id":u.componentId,"data-input-origin":u.componentId,className:[O,R("Core")].join(" "),onKeyDown:r=>{P&&P(r),L&&k.SubmitForm(r,T)},onChange:r=>{let{value:_}=r.target;g(w=>d(o({},w),{dataValue:_,eventType:"update",eventID:h(12),isInspected:!1,isValidated:!1,notice:[]})),M&&M(r)},children:[!!$&&a("option",{value:"null",children:"\u9078\u629E"}),j.map(r=>S.is.nullish(r==null?void 0:r.value)?null:a("option",{value:r==null?void 0:r.value,children:(r==null?void 0:r.label)||(r==null?void 0:r.value)},String(r==null?void 0:r.value)))]}))},Selector:e=>{var s;z(()=>{let i=S(`[data-selector-id="${e.val_status.componentId}"]`)[0];if(!i)return;let m=S(`[data-select-input-value="${e.val_optionFocused}"]`)[0];m&&(i.scrollTop=m.offsetTop-24)},[e.val_optionFocused]);let t=ee.FilterSelectableOptions(e,!0),l={position:"absolute",minWidth:1,freeCSS:{zIndex:1e3}};switch(e.rootStates.SelectorPosition){case 1:l.bottom="100%",l.left=0,l.paddingBottom="1/3";break;case 2:l.bottom="100%",l.right=0,l.paddingBottom="1/3";break;case 3:l.top="100%",l.left=0,l.paddingTop="1/3";break;case 4:l.top="100%",l.right=0,l.paddingTop="1/3";break;default:break}return a(I,d(o({},l),{children:a(xe.Body,d(o({className:R("Selector"),ssCardBox:!0,borderRadius:"2.tone.secondary",boxShadow:"1.normal",overflow:"auto","data-selector-id":e.val_status.componentId},e.rootStates.SelectorStyles),{freeCSS:o({minWidth:12*6,maxHeight:12*24},(s=e.rootStates.SelectorStyles)==null?void 0:s.freeCSS),children:V(Ve,{gap:"1/12",padding:[1,0],children:[t.map((i,m)=>{if(!i)return null;let{type:u,value:g}=i,y=e.val_optionFocused==i.id,p=e.val_status.dataValue===g;return u=="label"?a(I,{children:i.label||i.value},h()):a(Oe.Sub.S,d(o({"data-select-input-value":i.id,color:"cloud",backgroundColor:"trans",borderRadius:0,fontColor:"2.normal",textAlign:"left",padding:["1/2",1],isActive:p||y,isActiveStyles:y?{backgroundColor:"cloud"}:{backgroundColor:"theme.opa.few",fontColor:"theme"}},e.rootStates.SelectorCellStyles),{onClick:B=>{e.set_status(F=>d(o({},F),{dataValue:g,eventType:"update",eventID:h(12),isInspected:!1})),e.set_selectorOpen(!1),e.set_preventOpenSelectorOnFocus(!0)},children:V(H.Left,{gap:"1/2",children:[p&&a(Z.Check,{fontColor:"theme"}),a(E.Supplement,{transition:"short",flexSizing:0,children:i.label||i.value})]})}),i.id)}),!t.length&&a(E.Supplement,{padding:[0,1],fontColor:"4.thin",children:"\u5019\u88DC\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093"},"no-selector-notice")]})}))}))},Selected:e=>{let t=e.rootStates.options.find(l=>S.is.equal(l==null?void 0:l.value,e.val_status.dataValue));return!t||e.val_status.dataValue===null&&(e.rootStates.label||e.rootStates.placeholder)?null:a(I,d(o({},e.rootStates.SelectedCellStyles),{children:(t==null?void 0:t.label)||(t==null?void 0:t.value)}),String(t==null?void 0:t.value))},Core:e=>{var F,T;let{value:t}=e,[l,s]=A(k.DefaultStatus(e.componentId,t)),[i,m]=A(!1),[u,g]=A(!1),[y,p]=A(((F=e.options.find(O=>(O==null?void 0:O.value)===e.value))==null?void 0:F.id)||((T=e.options[0])==null?void 0:T.id)||""),B={rootStates:e,val_preventOpenSelectorOnFocus:i,set_preventOpenSelectorOnFocus:m,val_optionFocused:y,set_optionFocused:p,val_selectorOpen:u,set_selectorOpen:g,val_status:l,set_status:s};return k.CommonEffects({type:"select",states:e,val_status:l,set_status:s,SystemValidation:ke}),V(Te,{val_status:l,set_status:s,states:e,children:[a(we,{componentId:e.componentId,fontSize:e.fontSize,required:e.required,label:e.label,isActive:e.isLabelActive||l.dataValue!==null}),a(C.Shallow,o({},B)),a(C.Button,o({},B))]})}},te=e=>{var l;let t=o({},e);return t=d(o({emptySelect:!0,SelectorMode:"original",SelectorPosition:3},t),{freeCSS:o({cursor:"pointer"},t.freeCSS)}),t.emptySelect&&(t.options=[{value:null,label:a(E.Supplement,{fontColor:"4.thin",children:"\u672A\u9078\u629E"})},...t.options]),t.value=(l=t.value)!=null?l:null,t.options.forEach((s,i)=>{if(!s)return;let{type:m,value:u,searchValue:g}=s,y=g||S.is.string(u)&&u||S.Stringify(u||"")||"";t.options[i]=d(o({id:h()},s),{value:u,searchValue:y,type:m||"selector"})}),S.is.nullish(t.rightIcon)&&(t.rightIcon=a(De,{children:a(Z.AngleDown,{})})),a(Fe,{componentId:t.componentId,children:C.Core,states:_e(t)})};export{te as Select,te as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as f,c as h}from"../../../chunk-C5N2D3ZX.js";import{Fragment as G,jsx as e,jsxs as s}from"react/jsx-runtime";import{createElement as K}from"react";import g,{UUID as A,Time as c}from"jmini";import H,{useState as D,useEffect as M}from"react";import{Box as C,Flex as q,Grid as O,FAI as R,Column as b,FlexMargin as Y}from"../../../atoms";import{Row as S,Literal as x}from"../../../mols";import{Button as T}from"../../Button";import N from"../../Sheet";import L from"../Select";import{Radio as J}from"../List";import{RightIcon as F}from"..";import{InputTimeClasses as P}from"../../../@styles/componentClasses";const j=a=>{let{restrict:n}=a;return n=="year"?e(u.Year,f({},a)):n=="month"?e(u.Month.index,f({},a)):n=="week"?"[DEV]":n=="date"?e(u.Date.index,f({},a)):n=="locale.jp.warekiDate"?e(u.Locale.JP.WarekiDate.index,f({},a)):n=="clock"?e(u.Clock.index,f({},a)):n=="period.month"?e(u.Period.Month.index,f({},a)):n=="period.date"?e(u.Period.Date.index,f({},a)):null},u={YearOptions:a=>{var l,o;let n=[],p=Number((l=a==null?void 0:a.min)!=null?l:1900),r=Number((o=a==null?void 0:a.max)!=null?o:c().addYear(10).year);for(let t=p;t<=r;t++){let i=[t],[m,d]=g.transformer.wareki(t).value;m&&i.push(e(x.Supplement,{fontSize:"0.xs",fontColor:"4.thin",children:m},1)),d&&i.push(s(x.Supplement,{fontSize:"0.xs",fontColor:"4.thin",children:["[",d,"]"]},2)),n.unshift({value:t,label:e(S.Left,{gap:"1/4",verticalAlign:"baseline",flexWrap:!0,children:i})})}return n},Year:a=>{let{min:n,max:p}=a,[r,l]=D(g.scope(()=>{let[o]=String(a.defaultValue).split(/\D/);return g.is.nullish(o)&&([o]=c().toFormat("%Y").split("-")),{eventType:"init",from:c().setYear(Number(o))}}));return M(()=>{a.onValueUpdate({value:String(r.from.year||null),era:"year",eventType:r.eventType})},[r]),s(b,{freeCSS:{minWidth:12*16},children:[e(x.Supplement,{children:"\u5E74\u306E\u9078\u629E"}),e(L,{fontSize:"1.mini",override:"force",value:r.from.year||null,SelectorStyles:{freeCSS:{maxHeight:12*32,minWidth:12*16}},options:u.YearOptions({min:n,max:p}),onUpdateValidValue:o=>{l(t=>({eventType:"update",from:t.from.clone().setYear(Number(o))}))}}),e(u.Parts.FooterNav,h(f({},a),{set_value:l,onClear:()=>{l(o=>({eventType:"update",from:c(null)}))}}))]})},Month:{index:a=>{let{min:n,max:p}=a,[r,l]=D(g.scope(()=>{let[o,t]=String(a.defaultValue).split(/\D/);(g.is.nullish(o)||g.is.nullish(t))&&([o,t]=c().toFormat("%Y-%M").split("-"));let i=c(),m=c().setYear(Number(o)||i.year).setMonth(Number(t)||i.month).setDate(1);return{eventType:"init",from:m,display:m}}));return M(()=>{a.onValueUpdate({value:r.from.toFormatYM(),era:"year",eventType:r.eventType})},[r]),s(b,{freeCSS:{minWidth:12*16},children:[s(S.Left,{children:[e(x.Paragraph,{children:r.from.toFormatYM()||"----/--"}),e(Y,{}),e(S.Center,{verticalAlign:"bottom",gap:"2/3",children:e(L,{emptySelect:!1,value:r.display.year,options:u.YearOptions({}),override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,SelectorStyles:{freeCSS:{minWidth:12*12}},rightIcon:e(F,{right:"2/3",children:e(R.AngleDown,{})}),onUpdateValidValue:o=>{l(t=>h(f({},t),{eventType:"update",display:t.display.clone().setYear(Number(o))}))}})}),e(u.Parts.ShiftButtons,{callback:o=>{l(t=>{let i=t.display.clone().addYear(o);return i.year<1900&&i.setYear(2100),i.year>2100&&i.setYear(1900),h(f({},t),{eventType:"update",display:i})})}})]}),e(C,{borderTop:!0}),e(S.Left,{verticalAlign:"top",flexWrap:!0,children:Array.from({length:4}).map((o,t)=>{let i=u.Parts.MonthCalendar({min:n,max:p,targetYear:r.display.year+t,from:r.from,onChange:m=>{l(d=>h(f({},d),{eventType:"update",from:m}))}});return e(S.Center,{flexSizing:0,children:i},t)})}),e(u.Parts.FooterNav,h(f({},a),{set_value:l,onClear:()=>{l(o=>h(f({},o),{eventType:"commit",from:c(null)}))}}))]})}},Date:{index:a=>{let{min:n,max:p}=a,[r,l]=D(g.scope(()=>{var v;let[o,t,i]=(v=String(a.defaultValue))==null?void 0:v.split(/\D/);(g.is.nullish(o)||g.is.nullish(t)||g.is.nullish(i))&&([o,t,i]=c().toFormat("%Y-%M-%D").split("-"));let m=c(),d=c([Number(o)||m.year,Number(t)||m.month,Number(i)||m.date]);return{eventType:"init",era:"year",display:d,from:d}}));return M(()=>{a.onValueUpdate({value:r.from.toFormatYMD(),era:"year",eventType:r.eventType})},[r]),s(b,{freeCSS:{minWidth:12*16},children:[s(S.Left,{flexWrap:!0,children:[e(x.Paragraph,{children:r.from.toFormatYMD()||"----/--/--"}),e(Y,{}),s(S.Center,{verticalAlign:"bottom",horizontalAlign:"left",gap:"1/2",children:[e(L,{override:"force",emptySelect:!1,value:r.display.year,options:u.YearOptions({}),fontSize:"1.mini",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,SelectorStyles:{freeCSS:{minWidth:12*12}},onUpdateValidValue:o=>{l(t=>h(f({},t),{eventType:"update",display:t.display.clone().setYear(Number(o))}))},rightIcon:e(F,{right:"2/3",children:e(R.AngleDown,{})})}),e(L,{override:"force",emptySelect:!1,value:r.display.month,options:(()=>{let o=[];for(let t=1;t<=12;t++)o.push({value:t,label:String(t)+"\u6708"});return o})(),fontSize:"1.mini",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,SelectorStyles:{freeCSS:{minWidth:12*8}},rightIcon:e(F,{right:"2/3",children:e(R.AngleDown,{})}),onUpdateValidValue:o=>{l(t=>h(f({},t),{eventType:"update",display:t.display.clone().setMonth(Number(o))}))}})]}),e(u.Parts.ShiftButtons,{callback:o=>{l(t=>h(f({},t),{eventType:"update",display:t.display.clone().addMonth(o)}))}})]}),e(C,{borderTop:!0}),e(S.Left,{verticalAlign:"top",flexWrap:!0,children:Array.from({length:4}).map((o,t)=>{let i=u.Parts.Calendar({min:n,max:p,targetMonth:r.display.clone().addMonth(t),from:r.from,onChange:m=>{l(d=>h(f({},d),{eventType:"update",from:m}))}});return e(S.Center,{flexSizing:0,ssHiddenOnBreak:t>=2,children:i},t)})}),e(u.Parts.FooterNav,h(f({},a),{set_value:l,onClear:()=>{l(o=>h(f({},o),{eventType:"commit",from:c(null)}))}}))]})}},Locale:{JP:{WarekiDate:{index:a=>{let[n,p]=D(g.scope(()=>{var d;let[r,l,o]=(d=String(a.defaultValue))==null?void 0:d.split(/\D/),t=a.era||"year";if(g.is.nullish(r)||g.is.nullish(l)||g.is.nullish(o)){let v=c();t=="heisei"?v.setYear(1989):t=="shouwa"?v.setYear(1926):t=="taisho"?v.setYear(1912):t=="meiji"&&v.setYear(1868),[r,l,o]=v.toFormat("%Y-%M-%D").split("-")}let i=c(),m=c([Number(r)||i.year,Number(l)||i.month,Number(o)||i.date]);return{eventType:"init",era:t,from:m}}));return M(()=>{a.onValueUpdate({value:n.from.toFormatYMD(),era:n.era,eventType:n.eventType})},[n]),s(b,{children:[s(S.Left,{verticalAlign:"unset",children:[e(u.Locale.JP.WarekiDate.EraSelect,{val_value:n,set_value:p}),e(u.Locale.JP.WarekiDate.Calendar,{val_value:n,set_value:p})]}),e(u.Parts.FooterNav,h(f({},a),{set_value:p,onClear:()=>{p({eventType:"commit",era:"year",from:c(null)})}}))]})},EraSelect:a=>{let{val_value:n,set_value:p}=a;return e(b,{gap:"1/4",borderRight:!0,paddingRight:1,children:[{value:"year",label:"\u897F\u66A6"},{value:"reiwa",label:"\u4EE4\u548C"},{value:"heisei",label:"\u5E73\u6210",year:1989},{value:"shouwa",label:"\u662D\u548C",year:1926},{value:"taisho",label:"\u5927\u6B63",year:1912},{value:"meiji",label:"\u660E\u6CBB",year:1868}].map(l=>e(T.Clear.S,{fontColor:"3.blur",borderRadius:"2.tone.secondary",isActive:n.era==l.value,isActiveStyles:{backgroundColor:"theme",fontColor:"white",boxShadow:"0.remark"},onClick:()=>{let o=c();l.year&&(o=c().setYear(l.year).setMonth(1).setDate(1)),p({eventType:"update",era:l.value,from:o})},children:l.label},l.value))})},Calendar:a=>{let{val_value:n,set_value:p}=a,r=0,l=c().year+10,o=[];if(n.era=="year")for(let t=1900;t<l;t++)o.unshift({value:t,label:t+"\u5E74"});else if(n.era=="reiwa"){r=2019,l=c().year+10;let t=c().year-2018;for(let i=1;i<=t+10;i++)o.unshift({value:r+i-1,label:"\u4EE4\u548C"+(i==1?"\u5143":i)+"\u5E74"})}else{let t="";n.era=="heisei"?(t="\u5E73\u6210",r=1989,l=2019):n.era=="shouwa"?(t="\u662D\u548C",r=1926,l=1989):n.era=="taisho"?(t="\u5927\u6B63",r=1912,l=1926):n.era=="meiji"&&(t="\u660E\u6CBB",r=1868,l=1912);for(let i=r;i<=l;i++){let m=i==r,d=i-r+1;o.unshift({value:i,label:t+(m?"\u5143":d)+"\u5E74"})}}return s(b,{children:[s(S.Left,{gap:"1/2",children:[e(L,{emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,fontSize:"1.mini",SelectorStyles:{freeCSS:{minWidth:12*12}},rightIcon:e(F,{right:"2/3",children:e(R.AngleDown,{})}),options:o,value:n.from.year,onUpdateValidValue:t=>{p(i=>({era:i.era,eventType:"update",from:i.from.clone().setYear(Number(t))}))}}),e(L,{emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,fontSize:"1.mini",SelectorStyles:{freeCSS:{minWidth:12*9}},rightIcon:e(F,{right:"2/3",children:e(R.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:n.from.month,onUpdateValidValue:t=>{p(i=>({era:i.era,eventType:"update",from:i.from.clone().setMonth(Number(t)).setDate(1)}))}}),e(Y,{}),e(u.Parts.ShiftButtons,{callback:t=>{p(i=>({era:i.era,eventType:"update",from:i.from.clone().addMonth(t)}))}})]}),e(u.Parts.Calendar,{showTitle:!1,targetMonth:n.from,from:n.from,onChange:t=>{p(i=>({era:i.era,eventType:"update",from:t}))}})]})}}}},Clock:{index:a=>{let{min:n,max:p}=a,[r,l]=D(g.scope(()=>{let d=String(a.defaultValue).split(/[^\d]/);d[0]||(d=[0,0]);let v=Number(d[0]),k=Number(d[1]);return{eventType:"init",from:c().setHours(v).setMinutes(k)}}));M(()=>{a.onValueUpdate({value:r.from.toFormatHM(),era:"clock",eventType:r.eventType})},[r]);let[o,t]=D(r.from.hours>=12?2:1),[i,m]=D(Number(localStorage.getItem("@env/input/time/selector/clock/minutesUnit")||5));return M(()=>{localStorage.setItem("@env/input/time/selector/clock/minutesUnit",String(i))},[i]),s(b,{freeCSS:{minWidth:12*16},children:[e(b,{gap:"1/2",children:s(S.Center,{children:[e(C,{className:P("ClockBase"),children:e(u.Clock.UI,{val_value:r})}),s(C,{textAlign:"center",fontHeight:1.2,children:[s(x.Paragraph,{children:[r.from.hours.zeroEmbed(2)," : ",r.from.minutes.zeroEmbed(2)]}),s(x.Supplement,{fontColor:"4.thin",children:[r.from.hours>=12&&"PM"||"AM",r.from.hours%12,":",r.from.minutes.zeroEmbed(2)]})]})]})}),s(q,{flexType:"row",flexWrap:!1,gap:1,children:[s(b,{flexSizing:0,children:[e(J.Border,{value:[o],options:[{value:0,label:"24H"},{value:1,label:"AM"},{value:2,label:"PM"}],flexType:"col",gap:"1/4",cellStyles:{gap:"1/4"},tabIndex:-1,onUpdateValidValue:d=>{let k=r.from.hours%12+(d==2?12:0);t(d),l(y=>({eventType:"update",from:y.from.clone().setHours(k)}))}}),e(C,{borderTop:!0,margin:[0,1]}),e(J.Border,{value:[i],options:[{value:1,label:"/1\u5206"},{value:5,label:"/5\u5206"},{value:10,label:"/10\u5206"}],flexType:"col",gap:"1/4",cellStyles:{gap:"1/4"},tabIndex:-1,onUpdateValidValue:d=>{m(d)}})]}),e(b,{children:s(S.Center,{gap:0,ssCardBox:!0,flexChilds:"even",freeCSS:{minWidth:12*14},children:[e(b,{gap:"1/4",overflow:"auto",padding:"1/2",borderRight:!0,freeCSS:{maxHeight:12*24},children:u.Clock.Hours({current:r.from.hours,min:n,max:p,ampm:o,onClick:d=>{let v=d+(o==2?12:0);l(k=>({eventType:"update",from:k.from.clone().setHours(v)}))}})}),e(b,{gap:"1/4",overflow:"auto",padding:"1/2",freeCSS:{maxHeight:12*24},children:u.Clock.Minutes({current:r.from.minutes,min:n,max:p,unit:i,onClick:d=>{l(v=>({eventType:"update",from:v.from.clone().setMinutes(d)}))}})})]})})]}),e(u.Parts.FooterNav,h(f({},a),{set_value:l,onClear:()=>{l({eventType:"update",from:c().setFirstOfDay()})}}))]})},Hours:a=>{let n=[],[p]=D(A());M(()=>{g("#"+p+"-"+a.current).focus()},[]);for(let r=0;r<(a.ampm==0?24:12);r++){let l=a.ampm==2?r+12:r,o=!1;{let i=Number(String(l*100).replace(/\D/ig,""));if(a.min&&Number(String(a.min).replace(/\D/ig,""))>i&&(o=!0),a.max){let m=Number(String(a.max).replace(/\D/ig,""));i>m&&(o=!0)}}let t=l==a.current;n.push(s(H.Fragment,{children:[e(T.Normal,{id:p+"-"+l,isActive:t,isActiveStyles:{fontColor:"white",backgroundColor:"theme",boxShadow:"0.remark"},isLocked:o,padding:["1/2",1],freeCSS:{whiteSpace:"nowrap"},tabIndex:-1,onClick:()=>{a.onClick(l)},children:l.zeroEmbed(2)}),e(C,{borderBottom:!0})]},l))}return n},Minutes:a=>{let n=[],[p]=D(A());M(()=>{g("#"+p+"-"+a.current).focus()},[]);for(let r=0;r<60/a.unit;r++){let l=r*a.unit,o=l==a.current;n.push(s(H.Fragment,{children:[e(T.Normal,{id:p+"-"+l,isActive:o,isActiveStyles:{fontColor:"white",backgroundColor:"theme",boxShadow:"0.remark"},padding:["1/2",1],freeCSS:{whiteSpace:"nowrap"},tabIndex:-1,onClick:()=>{a.onClick(l)},children:l.zeroEmbed(2)}),e(C,{borderBottom:!0})]},l))}return n},UI:a=>{let{val_value:n}=a;return e(C,{className:P("ClockUiBase"),flexCenter:!0,children:s(C,{className:P("ClockUi"),backgroundColor:"theme.opa.low",isRounded:!0,position:"relative",children:[e(C,{position:"absolute",backgroundColor:"theme",unitWidth:"1/12",className:[P("Needle"),P("hour")].join(" "),freeCSS:{transform:`rotate(${n.from.hours*30+n.from.minutes/2}deg)`}}),e(C,{position:"absolute",backgroundColor:"theme",unitWidth:"1/12",className:[P("Needle"),P("minute")].join(" "),freeCSS:{transform:`rotate(${n.from.minutes*6}deg)`}})]})})}},Period:{Date:{index:a=>{let{min:n,max:p}=a,[r,l]=D(g.scope(()=>{let[o,t]=g.flatArray(a.defaultValue),i=c(o||void 0).setFirstOfDay(),m=c(t||null).setFirstOfDay();return{eventType:"init",forcus:0,display:i,from:i,to:m}}));return M(()=>{if(!r.to.value)return;if(r.from.value>r.to.value){l(t=>h(f({},t),{eventType:"update",from:t.to,to:t.from}));return}a.onValueUpdate({value:[r.from.toFormatYMD(),r.to.toFormatYMD()],era:"year",eventType:r.eventType})},[r]),s(b,{freeCSS:{minWidth:12*16},children:[s(S.Left,{flexWrap:!0,children:[s(S.Left,{gap:"1/2",children:[s(T.Clear,{color:"cloud",borderRadius:"1.tone.primary",isSemiBoldFont:!0,fontColor:"inherit",onClick:()=>{l(o=>h(f({},o),{forcus:0,display:o.from}))},children:[r.from.toFormatYMD()||"----/--/--",r.forcus==0&&e(u.Parts.PeriodFocusSign,{})]}),e(x.Supplement,{children:"-"}),s(T.Clear,{color:"cloud",borderRadius:"1.tone.primary",isSemiBoldFont:!0,fontColor:"inherit",onClick:()=>{l(o=>h(f({},o),{forcus:1}))},children:[r.to.toFormatYMD()||"----/--/--",r.forcus==1&&e(u.Parts.PeriodFocusSign,{})]})]}),e(Y,{}),s(S.Left,{gap:"1/2",children:[e(L,{emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,fontSize:"1.mini",SelectorStyles:{freeCSS:{minWidth:12*12}},rightIcon:e(F,{right:"2/3",children:e(R.AngleDown,{})}),options:u.YearOptions({}),value:r.display.year,onUpdateValidValue:o=>{l(t=>h(f({},t),{eventType:"update",display:t.display.clone().setYear(Number(o))}))}}),e(L,{emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,fontSize:"1.mini",SelectorStyles:{freeCSS:{minWidth:12*9}},rightIcon:e(F,{right:"2/3",children:e(R.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:r.display.month,onUpdateValidValue:o=>{l(t=>h(f({},t),{eventType:"update",display:t.display.clone().setMonth(Number(o)).setDate(1)}))}}),e(Y,{}),e(u.Parts.ShiftButtons,{callback:o=>{l(t=>h(f({},t),{eventType:"update",display:t.display.clone().addMonth(o)}))}})]})]}),e(C,{borderBottom:!0}),e(S.Left,{verticalAlign:"top",flexWrap:!0,children:Array.from({length:4}).map((o,t)=>{let i=u.Parts.Calendar({min:n,max:p,targetMonth:r.display.clone().addMonth(t),from:r.from,to:r.to,onChange:m=>{if(r.forcus==0){l(d=>h(f({},d),{eventType:"update",forcus:1,from:m,to:c(null)}));return}l(d=>h(f({},d),{eventType:"update",to:m}))}});return e(S.Center,{flexSizing:0,ssHiddenOnBreak:t>=2,children:i},t)})}),e(u.Parts.FooterNav,h(f({},a),{set_value:l,onClear:()=>{l({eventType:"update",forcus:0,display:c(),from:c(null),to:c(null)})}}))]})}},Month:{index:a=>{let{min:n,max:p}=a,[r,l]=D(g.scope(()=>{let[o,t]=g.flatArray(a.defaultValue),i=c(o||void 0).setDate(1).setFirstOfDay(),m=c(t||null).setDate(1).setFirstOfDay();return{eventType:"init",forcus:0,display:i,from:i,to:m}}));return M(()=>{if(!r.to.value)return;if(r.from.value>r.to.value){l(t=>h(f({},t),{eventType:"update",from:t.to,to:t.from}));return}a.onValueUpdate({value:[r.from.toFormatYM(),r.to.toFormatYM()],era:"year",eventType:r.eventType})},[r]),s(b,{freeCSS:{minWidth:12*16},children:[s(S.Left,{flexWrap:!0,children:[s(S.Left,{gap:"1/2",children:[s(T.Clear,{color:"cloud",borderRadius:"1.tone.primary",isSemiBoldFont:!0,fontColor:"inherit",onClick:()=>{l(o=>h(f({},o),{forcus:0,display:o.from}))},children:[r.from.toFormatYM("JP")||"----/--",r.forcus==0&&e(u.Parts.PeriodFocusSign,{})]}),e(x.Supplement,{children:"-"}),s(T.Clear,{color:"cloud",borderRadius:"1.tone.primary",isSemiBoldFont:!0,fontColor:"inherit",onClick:()=>{l(o=>h(f({},o),{forcus:1}))},children:[r.to.toFormatYM("JP")||"----/--",r.forcus==1&&e(u.Parts.PeriodFocusSign,{})]})]}),e(Y,{}),s(S.Left,{gap:"1/2",children:[e(L,{emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,fontSize:"1.mini",SelectorStyles:{freeCSS:{minWidth:12*12}},rightIcon:e(F,{right:"2/3",children:e(R.AngleDown,{})}),options:u.YearOptions({}),value:r.display.year,onUpdateValidValue:o=>{l(t=>h(f({},t),{eventType:"update",display:t.display.clone().setYear(Number(o))}))}}),e(Y,{}),e(u.Parts.ShiftButtons,{callback:o=>{l(t=>h(f({},t),{eventType:"update",display:t.display.clone().addYear(o)}))}})]})]}),e(C,{borderBottom:!0}),e(S.Left,{verticalAlign:"top",flexWrap:!0,children:Array.from({length:4}).map((o,t)=>{let i=u.Parts.MonthCalendar({min:n,max:p,targetYear:r.display.year+t,from:r.from,to:r.to,onChange:m=>{if(r.forcus==0){l(d=>h(f({},d),{eventType:"update",forcus:1,from:m,to:c(null)}));return}l(d=>h(f({},d),{eventType:"update",to:m}))}});return e(S.Center,{flexSizing:0,ssHiddenOnBreak:t>=2,children:i},t)})}),e(u.Parts.FooterNav,h(f({},a),{set_value:l,onClear:()=>{l({eventType:"update",forcus:0,display:c(),from:c(null),to:c(null)})}}))]})}}},Parts:{FooterNav:a=>a.commitFooter?s(G,{children:[e(C,{borderBottom:!0}),s(S.Separate,{gap:"1/2",children:[s(T.Sub,{color:"cloud",tabIndex:-1,fontSize:"1.mini",borderRadius:"2.tone.secondary",flexSizing:"none",onClick:()=>{a.onClear()},children:[e(R.X,{})," \u30EA\u30BB\u30C3\u30C8"]}),e(T.Prime,{tabIndex:-1,borderRadius:"2.tone.secondary",freeCSS:{minWidth:12*8},onClick:()=>{a.onCommit&&a.onCommit(),a.set_value(n=>h(f({},n),{eventType:"commit"}))},children:"\u6C7A\u5B9A"})]})]}):null,ShiftButtons:a=>s(S.Center,{gap:"1/3",children:[e(T.Sub,{className:P("LeftButton"),tabIndex:-1,right:0,position:"relative",flexCenter:!0,ssSquare:3,onClick:()=>{a.callback(-1)},children:e(R.ChevronLeft,{})}),e(T.Sub,{className:P("RightButton"),tabIndex:-1,left:0,position:"relative",flexCenter:!0,ssSquare:3,onClick:()=>{a.callback(1)},children:e(R.ChevronRight,{})})]}),CalendarCellStyles:{ssSquare:3,borderRadius:"3.tone.tertiary"},Calendar:a=>{var _;let{targetMonth:n,from:p,to:r}=a,l=c();if(!a.targetMonth.validate)return null;let o=n.clone().setDate(1),t=o.getLastDayOfMonth(),i=c(o).addMonth(-1).getLastDayOfMonth().date,m=[],d=[],v=[],k=[];for(var y=0;y<7;y++){let I=y==6,w=y==0;m.push(e(x,{textAlign:"center",fontSize:"0.xs",fontColor:I?"googleBlue":w?"googleRed":"inherit",children:g.transformer.weekday.shortJP(y)},y))}for(var y=0;y<o.weekday;y++)d.unshift(K(C,h(f({fontColor:"4.thin"},u.Parts.CalendarCellStyles),{key:y}),i-y));for(var y=1;y<=t.date;y++){let w=n.clone().setDate(y),X=p.isSameDate(w),V=!1,U=!1;r&&r.validate&&(V=w.isInRange(p,r),U=r.isSameDate(w));let $=l.isSameDate(w),B=!1;{let z=Number(String([n.year,n.month.zeroEmbed(2),y.zeroEmbed(2)].join("/")).replace(/\D/ig,""));if(a.min&&Number(String(a.min).replace(/\D/ig,""))>z&&(B=!0),a.max){let E=Number(String(a.max).replace(/\D/ig,""));z>E&&(B=!0)}}v.push(s(T.Clear,h(f({isActive:X||U,isActiveStyles:{fontColor:"white",backgroundColor:"theme",boxShadow:"0.remark"}},u.Parts.CalendarCellStyles),{fontColor:V?"theme":"inherit",fontSize:"inherit",padding:0,flexCenter:!0,borderRadius:"2.tone.secondary",ssEffectsOnActive:"shrink",tabIndex:-1,isLocked:B,onClick:()=>{a.onChange(w)},children:[y,V&&e(u.Parts.RangeSign,{}),$&&e(u.Parts.CurrentSign,{})]}),w.toFormatYMD()))}for(var y=1;y<7-t.weekday;y++)k.push(e(C,h(f({fontColor:"4.thin"},u.Parts.CalendarCellStyles),{children:y}),y));return s(b,{gap:"1/2",children:[((_=a.showTitle)!=null?_:!0)&&s(x.Supplement,{isSemiBoldFont:!0,children:[n.year,"\u5E74",n.month,"\u6708"]}),s(O,{gridCols:7,gap:"1/6",children:[m,d,v,k]})]},n.toFormatYM())},MonthCalendar:a=>{var t;let{targetYear:n,from:p,to:r}=a,l=c(),o=[];for(let i=1;i<=12;i++){let m=c().setYear(a.targetYear).setMonth(i).setDate(1),d=!1;{let I=Number(String([n,m.month.zeroEmbed(2)].join("/")).replace(/\D/ig,""));if(a.min&&Number(String(a.min).replace(/\D/ig,""))>I&&(d=!0),a.max){let w=Number(String(a.max).replace(/\D/ig,""));I>w&&(d=!0)}}let v=p.year==n&&p.month==m.month,k=!1,y=!1;r&&r.validate&&(k=m.isInRange(p,r),y=r.year==n&&r.month==m.month);let _=l.year==n&&l.month==m.month;o.push(e(b,{gap:"1/12",children:s(T.Clear,{isLocked:d,isActive:v||y,isActiveStyles:{fontColor:"white",backgroundColor:"theme",boxShadow:"0.remark"},fontColor:k?"theme":"inherit",padding:["1/3","2/3"],ssEffectsOnActive:"shrink",onClick:()=>{a.onChange(m)},children:[s(x,{freeCSS:{whiteSpace:"nowrap"},children:[m.month," \u6708"]}),k&&e(u.Parts.RangeSign,{}),_&&e(u.Parts.CurrentSign,{})]})},n+"-"+m.month))}return s(b,{gap:"1/2",children:[((t=a.showTitle)!=null?t:!0)&&s(x.Supplement,{isSemiBoldFont:!0,children:[a.targetYear,"\u5E74"]}),e(O,{gridCols:4,gap:"1/6",children:o})]},a.targetYear)},CurrentSign:()=>e(C,{position:"absolute",bottom:"1/6",left:"1/2",right:"1/2",unitHeight:"1/6",backgroundColor:"warn",isRounded:!0}),RangeSign:()=>e(C,{position:"absolute",top:"50%",unitHeight:2,backgroundColor:"theme.opa.low",freeCSS:{left:-1,right:-1,transform:"translateY(-50%)"}}),PeriodFocusSign:()=>e(C,{position:"absolute",bottom:"1/4",left:"1/2",right:"1/2",backgroundColor:"theme",unitHeight:"1/4",boxShadow:"0.remark",isRounded:!0})}},W=j;W.picker={open:a=>{let n=null,p=null,r=a.sheetID||A();N.open("middleCenter",{sheetID:r,size:"L",closeAtAroundClick:!0,closeAtParentBlur:!1,onClose:()=>{a.onValueUpdate({value:n,era:p,eventType:"commit"})},content:e(S.Center,{children:s(b,{children:[e(S.Right,{children:e(T.Sub.S,{color:"cloud",ssSphere:3,onClick:()=>{N.close(r)},children:e(R.X,{})})}),e(N.Body,{children:e(b,{padding:1.5,children:e(j,{restrict:a.restrict,commitFooter:!0,min:a.min,max:a.max,era:a.era,defaultValue:a.defaultValue,onValueUpdate:l=>{a.onValueUpdate(l),n=l.value,p=l.era,l.eventType=="commit"&&N.close(r)}})})})]})})}),console.log(a)},close:a=>{N.close(a)}};export{W as TimeSelector,W as default};
|
|
1
|
+
import{b as f,c as h}from"../../../chunk-C5N2D3ZX.js";import{Fragment as G,jsx as e,jsxs as s}from"react/jsx-runtime";import{createElement as K}from"react";import v,{UUID as A,Time as c}from"jmini";import H,{useState as D,useEffect as M}from"react";import{Box as C,Flex as q,Grid as O,FAI as R,Column as b,FlexMargin as Y}from"../../../atoms";import{Row as S,Literal as x}from"../../../mols";import{Button as T}from"../../Button";import N from"../../Sheet";import L from"../Select";import{Radio as J}from"../List";import{RightIcon as F}from"..";import{InputTimeClasses as P}from"../../../@styles/componentClasses";const j=a=>{let{restrict:n}=a;return n=="year"?e(u.Year,f({},a)):n=="month"?e(u.Month.index,f({},a)):n=="week"?"[DEV]":n=="date"?e(u.Date.index,f({},a)):n=="locale.jp.warekiDate"?e(u.Locale.JP.WarekiDate.index,f({},a)):n=="clock"?e(u.Clock.index,f({},a)):n=="period.month"?e(u.Period.Month.index,f({},a)):n=="period.date"?e(u.Period.Date.index,f({},a)):null},u={YearOptions:a=>{var l,o;let n=[],p=Number((l=a==null?void 0:a.min)!=null?l:1900),r=Number((o=a==null?void 0:a.max)!=null?o:c().addYear(10).year);for(let t=p;t<=r;t++){let i=[t],[m,d]=v.transformer.wareki(t).value;m&&i.push(e(x.Supplement,{fontSize:"0.xs",fontColor:"4.thin",children:m},1)),d&&i.push(s(x.Supplement,{fontSize:"0.xs",fontColor:"4.thin",children:["[",d,"]"]},2)),n.unshift({value:t,label:e(S.Left,{gap:"1/4",verticalAlign:"baseline",flexWrap:!0,children:i})})}return n},Year:a=>{let{min:n,max:p}=a,[r,l]=D(v.scope(()=>{let[o]=String(a.defaultValue).split(/\D/);return v.is.nullish(o)&&([o]=c().toFormat("%Y").split("-")),{eventType:"init",from:c().setYear(Number(o))}}));return M(()=>{a.onValueUpdate({value:String(r.from.year||null),era:"year",eventType:r.eventType})},[r]),s(b,{freeCSS:{minWidth:12*16},children:[e(x.Supplement,{children:"\u5E74\u306E\u9078\u629E"}),e(L,{fontSize:"1.mini",override:"force",value:r.from.year||null,SelectorStyles:{freeCSS:{maxHeight:12*32,minWidth:12*16}},options:u.YearOptions({min:n,max:p}),onUpdateValidValue:o=>{l(t=>({eventType:"update",from:t.from.clone().setYear(Number(o))}))}}),e(u.Parts.FooterNav,h(f({},a),{set_value:l,onClear:()=>{l(o=>({eventType:"update",from:c(null)}))}}))]})},Month:{index:a=>{let{min:n,max:p}=a,[r,l]=D(v.scope(()=>{let[o,t]=String(a.defaultValue).split(/\D/);(v.is.nullish(o)||v.is.nullish(t))&&([o,t]=c().toFormat("%Y-%M").split("-"));let i=c(),m=c().setYear(Number(o)||i.year).setMonth(Number(t)||i.month).setDate(1);return{eventType:"init",from:m,display:m}}));return M(()=>{a.onValueUpdate({value:r.from.toFormatYM(),era:"year",eventType:r.eventType})},[r]),s(b,{freeCSS:{minWidth:12*16},children:[s(S.Left,{children:[e(x.Paragraph,{children:r.from.toFormatYM()||"----/--"}),e(Y,{}),e(S.Center,{verticalAlign:"bottom",gap:"2/3",children:e(L,{emptySelect:!1,value:r.display.year,options:u.YearOptions({}),override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,SelectorStyles:{freeCSS:{minWidth:12*12}},rightIcon:e(F,{right:"2/3",children:e(R.AngleDown,{})}),onUpdateValidValue:o=>{l(t=>h(f({},t),{eventType:"update",display:t.display.clone().setYear(Number(o))}))}})}),e(u.Parts.ShiftButtons,{callback:o=>{l(t=>{let i=t.display.clone().addYear(o);return i.year<1900&&i.setYear(2100),i.year>2100&&i.setYear(1900),h(f({},t),{eventType:"update",display:i})})}})]}),e(C,{borderTop:!0}),e(S.Left,{verticalAlign:"top",flexWrap:!0,children:Array.from({length:4}).map((o,t)=>{let i=u.Parts.MonthCalendar({min:n,max:p,targetYear:r.display.year+t-1,from:r.from,onChange:m=>{l(d=>h(f({},d),{eventType:"update",from:m}))}});return e(S.Center,{flexSizing:0,ssHiddenOnBreak:t<1||t>2,children:i},t)})}),e(u.Parts.FooterNav,h(f({},a),{set_value:l,onClear:()=>{l(o=>h(f({},o),{eventType:"commit",from:c(null)}))}}))]})}},Date:{index:a=>{let{min:n,max:p}=a,[r,l]=D(v.scope(()=>{var g;let[o,t,i]=(g=String(a.defaultValue))==null?void 0:g.split(/\D/);(v.is.nullish(o)||v.is.nullish(t)||v.is.nullish(i))&&([o,t,i]=c().toFormat("%Y-%M-%D").split("-"));let m=c(),d=c([Number(o)||m.year,Number(t)||m.month,Number(i)||m.date]);return{eventType:"init",era:"year",display:d,from:d}}));return M(()=>{a.onValueUpdate({value:r.from.toFormatYMD(),era:"year",eventType:r.eventType})},[r]),s(b,{freeCSS:{minWidth:12*16},children:[s(S.Left,{flexWrap:!0,children:[e(x.Paragraph,{children:r.from.toFormatYMD()||"----/--/--"}),e(Y,{}),s(S.Center,{verticalAlign:"bottom",horizontalAlign:"left",gap:"1/2",children:[e(L,{override:"force",emptySelect:!1,value:r.display.year,options:u.YearOptions({}),fontSize:"1.mini",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,SelectorStyles:{freeCSS:{minWidth:12*12}},onUpdateValidValue:o=>{l(t=>h(f({},t),{eventType:"update",display:t.display.clone().setYear(Number(o))}))},rightIcon:e(F,{right:"2/3",children:e(R.AngleDown,{})})}),e(L,{override:"force",emptySelect:!1,value:r.display.month,options:(()=>{let o=[];for(let t=1;t<=12;t++)o.push({value:t,label:String(t)+"\u6708"});return o})(),fontSize:"1.mini",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,SelectorStyles:{freeCSS:{minWidth:12*8}},rightIcon:e(F,{right:"2/3",children:e(R.AngleDown,{})}),onUpdateValidValue:o=>{l(t=>h(f({},t),{eventType:"update",display:t.display.clone().setMonth(Number(o))}))}})]}),e(u.Parts.ShiftButtons,{callback:o=>{l(t=>h(f({},t),{eventType:"update",display:t.display.clone().addMonth(o)}))}})]}),e(C,{borderTop:!0}),e(S.Left,{verticalAlign:"top",flexWrap:!0,children:Array.from({length:4}).map((o,t)=>{let i=u.Parts.Calendar({min:n,max:p,targetMonth:r.display.clone().addMonth(t-1),from:r.from,onChange:m=>{l(d=>h(f({},d),{eventType:"update",from:m}))}});return e(S.Center,{flexSizing:0,ssHiddenOnBreak:t<1||t>2,children:i},t)})}),e(u.Parts.FooterNav,h(f({},a),{set_value:l,onClear:()=>{l(o=>h(f({},o),{eventType:"commit",from:c(null)}))}}))]})}},Locale:{JP:{WarekiDate:{index:a=>{let[n,p]=D(v.scope(()=>{var d;let[r,l,o]=(d=String(a.defaultValue))==null?void 0:d.split(/\D/),t=a.era||"year";if(v.is.nullish(r)||v.is.nullish(l)||v.is.nullish(o)){let g=c();t=="heisei"?g.setYear(1989):t=="shouwa"?g.setYear(1926):t=="taisho"?g.setYear(1912):t=="meiji"&&g.setYear(1868),[r,l,o]=g.toFormat("%Y-%M-%D").split("-")}let i=c(),m=c([Number(r)||i.year,Number(l)||i.month,Number(o)||i.date]);return{eventType:"init",era:t,from:m}}));return M(()=>{a.onValueUpdate({value:n.from.toFormatYMD(),era:n.era,eventType:n.eventType})},[n]),s(b,{children:[s(S.Left,{verticalAlign:"unset",children:[e(u.Locale.JP.WarekiDate.EraSelect,{val_value:n,set_value:p}),e(u.Locale.JP.WarekiDate.Calendar,{val_value:n,set_value:p})]}),e(u.Parts.FooterNav,h(f({},a),{set_value:p,onClear:()=>{p({eventType:"commit",era:"year",from:c(null)})}}))]})},EraSelect:a=>{let{val_value:n,set_value:p}=a;return e(b,{gap:"1/4",borderRight:!0,paddingRight:1,children:[{value:"year",label:"\u897F\u66A6"},{value:"reiwa",label:"\u4EE4\u548C"},{value:"heisei",label:"\u5E73\u6210",year:1989},{value:"shouwa",label:"\u662D\u548C",year:1926},{value:"taisho",label:"\u5927\u6B63",year:1912},{value:"meiji",label:"\u660E\u6CBB",year:1868}].map(l=>e(T.Clear.S,{fontColor:"3.blur",borderRadius:"2.tone.secondary",isActive:n.era==l.value,isActiveStyles:{backgroundColor:"theme",fontColor:"white",boxShadow:"0.remark"},onClick:()=>{let o=c();l.year&&(o=c().setYear(l.year).setMonth(1).setDate(1)),p({eventType:"update",era:l.value,from:o})},children:l.label},l.value))})},Calendar:a=>{let{val_value:n,set_value:p}=a,r=0,l=c().year+10,o=[];if(n.era=="year")for(let t=1900;t<l;t++)o.unshift({value:t,label:t+"\u5E74"});else if(n.era=="reiwa"){r=2019,l=c().year+10;let t=c().year-2018;for(let i=1;i<=t+10;i++)o.unshift({value:r+i-1,label:"\u4EE4\u548C"+(i==1?"\u5143":i)+"\u5E74"})}else{let t="";n.era=="heisei"?(t="\u5E73\u6210",r=1989,l=2019):n.era=="shouwa"?(t="\u662D\u548C",r=1926,l=1989):n.era=="taisho"?(t="\u5927\u6B63",r=1912,l=1926):n.era=="meiji"&&(t="\u660E\u6CBB",r=1868,l=1912);for(let i=r;i<=l;i++){let m=i==r,d=i-r+1;o.unshift({value:i,label:t+(m?"\u5143":d)+"\u5E74"})}}return s(b,{children:[s(S.Left,{gap:"1/2",children:[e(L,{emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,fontSize:"1.mini",SelectorStyles:{freeCSS:{minWidth:12*12}},rightIcon:e(F,{right:"2/3",children:e(R.AngleDown,{})}),options:o,value:n.from.year,onUpdateValidValue:t=>{p(i=>({era:i.era,eventType:"update",from:i.from.clone().setYear(Number(t))}))}}),e(L,{emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,fontSize:"1.mini",SelectorStyles:{freeCSS:{minWidth:12*9}},rightIcon:e(F,{right:"2/3",children:e(R.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:n.from.month,onUpdateValidValue:t=>{p(i=>({era:i.era,eventType:"update",from:i.from.clone().setMonth(Number(t)).setDate(1)}))}}),e(Y,{}),e(u.Parts.ShiftButtons,{callback:t=>{p(i=>({era:i.era,eventType:"update",from:i.from.clone().addMonth(t)}))}})]}),e(u.Parts.Calendar,{showTitle:!1,targetMonth:n.from,from:n.from,onChange:t=>{p(i=>({era:i.era,eventType:"update",from:t}))}})]})}}}},Clock:{index:a=>{let{min:n,max:p}=a,[r,l]=D(v.scope(()=>{let d=String(a.defaultValue).split(/[^\d]/);d[0]||(d=[0,0]);let g=Number(d[0]),k=Number(d[1]);return{eventType:"init",from:c().setHours(g).setMinutes(k)}}));M(()=>{a.onValueUpdate({value:r.from.toFormatHM(),era:"clock",eventType:r.eventType})},[r]);let[o,t]=D(r.from.hours>=12?2:1),[i,m]=D(Number(localStorage.getItem("@env/input/time/selector/clock/minutesUnit")||5));return M(()=>{localStorage.setItem("@env/input/time/selector/clock/minutesUnit",String(i))},[i]),s(b,{freeCSS:{minWidth:12*16},children:[e(b,{gap:"1/2",children:s(S.Center,{children:[e(C,{className:P("ClockBase"),children:e(u.Clock.UI,{val_value:r})}),s(C,{textAlign:"center",fontHeight:1.2,children:[s(x.Paragraph,{children:[r.from.hours.zeroEmbed(2)," : ",r.from.minutes.zeroEmbed(2)]}),s(x.Supplement,{fontColor:"4.thin",children:[r.from.hours>=12&&"PM"||"AM",r.from.hours%12,":",r.from.minutes.zeroEmbed(2)]})]})]})}),s(q,{flexType:"row",flexWrap:!1,gap:1,children:[s(b,{flexSizing:0,children:[e(J.Border,{value:[o],options:[{value:0,label:"24H"},{value:1,label:"AM"},{value:2,label:"PM"}],flexType:"col",gap:"1/4",cellStyles:{gap:"1/4"},tabIndex:-1,onUpdateValidValue:d=>{let k=r.from.hours%12+(d==2?12:0);t(d),l(y=>({eventType:"update",from:y.from.clone().setHours(k)}))}}),e(C,{borderTop:!0,margin:[0,1]}),e(J.Border,{value:[i],options:[{value:1,label:"/1\u5206"},{value:5,label:"/5\u5206"},{value:10,label:"/10\u5206"}],flexType:"col",gap:"1/4",cellStyles:{gap:"1/4"},tabIndex:-1,onUpdateValidValue:d=>{m(d)}})]}),e(b,{children:s(S.Center,{gap:0,ssCardBox:!0,flexChilds:"even",freeCSS:{minWidth:12*14},children:[e(b,{gap:"1/4",overflow:"auto",padding:"1/2",borderRight:!0,freeCSS:{maxHeight:12*24},children:u.Clock.Hours({current:r.from.hours,min:n,max:p,ampm:o,onClick:d=>{let g=d+(o==2?12:0);l(k=>({eventType:"update",from:k.from.clone().setHours(g)}))}})}),e(b,{gap:"1/4",overflow:"auto",padding:"1/2",freeCSS:{maxHeight:12*24},children:u.Clock.Minutes({current:r.from.minutes,min:n,max:p,unit:i,onClick:d=>{l(g=>({eventType:"update",from:g.from.clone().setMinutes(d)}))}})})]})})]}),e(u.Parts.FooterNav,h(f({},a),{set_value:l,onClear:()=>{l({eventType:"update",from:c().setFirstOfDay()})}}))]})},Hours:a=>{let n=[],[p]=D(A());M(()=>{v("#"+p+"-"+a.current).focus()},[]);for(let r=0;r<(a.ampm==0?24:12);r++){let l=a.ampm==2?r+12:r,o=!1;{let i=Number(String(l*100).replace(/\D/ig,""));if(a.min&&Number(String(a.min).replace(/\D/ig,""))>i&&(o=!0),a.max){let m=Number(String(a.max).replace(/\D/ig,""));i>m&&(o=!0)}}let t=l==a.current;n.push(s(H.Fragment,{children:[e(T.Normal,{id:p+"-"+l,isActive:t,isActiveStyles:{fontColor:"white",backgroundColor:"theme",boxShadow:"0.remark"},isLocked:o,padding:["1/2",1],freeCSS:{whiteSpace:"nowrap"},tabIndex:-1,onClick:()=>{a.onClick(l)},children:l.zeroEmbed(2)}),e(C,{borderBottom:!0})]},l))}return n},Minutes:a=>{let n=[],[p]=D(A());M(()=>{v("#"+p+"-"+a.current).focus()},[]);for(let r=0;r<60/a.unit;r++){let l=r*a.unit,o=l==a.current;n.push(s(H.Fragment,{children:[e(T.Normal,{id:p+"-"+l,isActive:o,isActiveStyles:{fontColor:"white",backgroundColor:"theme",boxShadow:"0.remark"},padding:["1/2",1],freeCSS:{whiteSpace:"nowrap"},tabIndex:-1,onClick:()=>{a.onClick(l)},children:l.zeroEmbed(2)}),e(C,{borderBottom:!0})]},l))}return n},UI:a=>{let{val_value:n}=a;return e(C,{className:P("ClockUiBase"),flexCenter:!0,children:s(C,{className:P("ClockUi"),backgroundColor:"theme.opa.low",isRounded:!0,position:"relative",children:[e(C,{position:"absolute",backgroundColor:"theme",unitWidth:"1/12",className:[P("Needle"),P("hour")].join(" "),freeCSS:{transform:`rotate(${n.from.hours*30+n.from.minutes/2}deg)`}}),e(C,{position:"absolute",backgroundColor:"theme",unitWidth:"1/12",className:[P("Needle"),P("minute")].join(" "),freeCSS:{transform:`rotate(${n.from.minutes*6}deg)`}})]})})}},Period:{Date:{index:a=>{let{min:n,max:p}=a,[r,l]=D(v.scope(()=>{let[o,t]=v.flatArray(a.defaultValue),i=c(o||void 0).setFirstOfDay(),m=c(t||null).setFirstOfDay();return{eventType:"init",forcus:0,display:i,from:i,to:m}}));return M(()=>{if(!r.to.value)return;if(r.from.value>r.to.value){l(t=>h(f({},t),{eventType:"update",from:t.to,to:t.from}));return}a.onValueUpdate({value:[r.from.toFormatYMD(),r.to.toFormatYMD()],era:"year",eventType:r.eventType})},[r]),s(b,{freeCSS:{minWidth:12*16},children:[s(S.Left,{flexWrap:!0,children:[s(S.Left,{gap:"1/2",children:[s(T.Clear,{color:"cloud",borderRadius:"1.tone.primary",isSemiBoldFont:!0,fontColor:"inherit",onClick:()=>{l(o=>h(f({},o),{forcus:0}))},children:[r.from.toFormatYMD()||"----/--/--",r.forcus==0&&e(u.Parts.PeriodFocusSign,{})]}),e(x.Supplement,{children:"-"}),s(T.Clear,{color:"cloud",borderRadius:"1.tone.primary",isSemiBoldFont:!0,fontColor:"inherit",onClick:()=>{l(o=>h(f({},o),{forcus:1}))},children:[r.to.toFormatYMD()||"----/--/--",r.forcus==1&&e(u.Parts.PeriodFocusSign,{})]})]}),e(Y,{}),s(S.Left,{gap:"1/2",children:[e(L,{emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,fontSize:"1.mini",SelectorStyles:{freeCSS:{minWidth:12*12}},rightIcon:e(F,{right:"2/3",children:e(R.AngleDown,{})}),options:u.YearOptions({}),value:r.display.year,onUpdateValidValue:o=>{l(t=>h(f({},t),{eventType:"update",display:t.display.clone().setYear(Number(o))}))}}),e(L,{emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,fontSize:"1.mini",SelectorStyles:{freeCSS:{minWidth:12*9}},rightIcon:e(F,{right:"2/3",children:e(R.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:r.display.month,onUpdateValidValue:o=>{l(t=>h(f({},t),{eventType:"update",display:t.display.clone().setMonth(Number(o)).setDate(1)}))}}),e(Y,{}),e(u.Parts.ShiftButtons,{callback:o=>{l(t=>h(f({},t),{eventType:"update",display:t.display.clone().addMonth(o)}))}})]})]}),e(C,{borderBottom:!0}),e(S.Left,{verticalAlign:"top",flexWrap:!0,children:Array.from({length:4}).map((o,t)=>{let i=u.Parts.Calendar({min:n,max:p,targetMonth:r.display.clone().addMonth(t-1),from:r.from,to:r.to,onChange:m=>{if(r.forcus==0){l(d=>h(f({},d),{eventType:"update",forcus:1,from:m,to:c(null)}));return}l(d=>h(f({},d),{eventType:"update",to:m}))}});return e(S.Center,{flexSizing:0,ssHiddenOnBreak:t<1||t>2,children:i},t)})}),e(u.Parts.FooterNav,h(f({},a),{set_value:l,onClear:()=>{l({eventType:"update",forcus:0,display:c(),from:c(null),to:c(null)})}}))]})}},Month:{index:a=>{let{min:n,max:p}=a,[r,l]=D(v.scope(()=>{let[o,t]=v.flatArray(a.defaultValue),i=c(o||void 0).setDate(1).setFirstOfDay(),m=c(t||null).setDate(1).setFirstOfDay();return{eventType:"init",forcus:0,display:i,from:i,to:m}}));return M(()=>{if(!r.to.value)return;if(r.from.value>r.to.value){l(t=>h(f({},t),{eventType:"update",from:t.to,to:t.from}));return}a.onValueUpdate({value:[r.from.toFormatYM(),r.to.toFormatYM()],era:"year",eventType:r.eventType})},[r]),s(b,{freeCSS:{minWidth:12*16},children:[s(S.Left,{flexWrap:!0,children:[s(S.Left,{gap:"1/2",children:[s(T.Clear,{color:"cloud",borderRadius:"1.tone.primary",isSemiBoldFont:!0,fontColor:"inherit",onClick:()=>{l(o=>h(f({},o),{forcus:0}))},children:[r.from.toFormatYM("JP")||"----/--",r.forcus==0&&e(u.Parts.PeriodFocusSign,{})]}),e(x.Supplement,{children:"-"}),s(T.Clear,{color:"cloud",borderRadius:"1.tone.primary",isSemiBoldFont:!0,fontColor:"inherit",onClick:()=>{l(o=>h(f({},o),{forcus:1}))},children:[r.to.toFormatYM("JP")||"----/--",r.forcus==1&&e(u.Parts.PeriodFocusSign,{})]})]}),e(Y,{}),s(S.Left,{gap:"1/2",children:[e(L,{emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,fontSize:"1.mini",SelectorStyles:{freeCSS:{minWidth:12*12}},rightIcon:e(F,{right:"2/3",children:e(R.AngleDown,{})}),options:u.YearOptions({}),value:r.display.year,onUpdateValidValue:o=>{l(t=>h(f({},t),{eventType:"update",display:t.display.clone().setYear(Number(o))}))}}),e(Y,{}),e(u.Parts.ShiftButtons,{callback:o=>{l(t=>h(f({},t),{eventType:"update",display:t.display.clone().addYear(o)}))}})]})]}),e(C,{borderBottom:!0}),e(S.Left,{verticalAlign:"top",flexWrap:!0,children:Array.from({length:4}).map((o,t)=>{let i=u.Parts.MonthCalendar({min:n,max:p,targetYear:r.display.year+t-1,from:r.from,to:r.to,onChange:m=>{if(r.forcus==0){l(d=>h(f({},d),{eventType:"update",forcus:1,from:m,to:c(null)}));return}l(d=>h(f({},d),{eventType:"update",to:m}))}});return e(S.Center,{flexSizing:0,ssHiddenOnBreak:t<1||t>2,children:i},t)})}),e(u.Parts.FooterNav,h(f({},a),{set_value:l,onClear:()=>{l({eventType:"update",forcus:0,display:c(),from:c(null),to:c(null)})}}))]})}}},Parts:{FooterNav:a=>a.commitFooter?s(G,{children:[e(C,{borderBottom:!0}),s(S.Separate,{gap:"1/2",children:[s(T.Sub,{color:"cloud",tabIndex:-1,fontSize:"1.mini",borderRadius:"2.tone.secondary",flexSizing:"none",onClick:()=>{a.onClear()},children:[e(R.X,{})," \u30EA\u30BB\u30C3\u30C8"]}),e(T.Prime,{tabIndex:-1,borderRadius:"2.tone.secondary",freeCSS:{minWidth:12*8},onClick:()=>{a.onCommit&&a.onCommit(),a.set_value(n=>h(f({},n),{eventType:"commit"}))},children:"\u6C7A\u5B9A"})]})]}):null,ShiftButtons:a=>s(S.Center,{gap:"1/3",children:[e(T.Sub,{className:P("LeftButton"),tabIndex:-1,right:0,position:"relative",flexCenter:!0,ssSquare:3,onClick:()=>{a.callback(-1)},children:e(R.ChevronLeft,{})}),e(T.Sub,{className:P("RightButton"),tabIndex:-1,left:0,position:"relative",flexCenter:!0,ssSquare:3,onClick:()=>{a.callback(1)},children:e(R.ChevronRight,{})})]}),CalendarCellStyles:{ssSquare:3,borderRadius:"3.tone.tertiary"},Calendar:a=>{var _;let{targetMonth:n,from:p,to:r}=a,l=c();if(!a.targetMonth.validate)return null;let o=n.clone().setDate(1),t=o.getLastDayOfMonth(),i=c(o).addMonth(-1).getLastDayOfMonth().date,m=[],d=[],g=[],k=[];for(var y=0;y<7;y++){let I=y==6,w=y==0;m.push(e(x,{textAlign:"center",fontSize:"0.xs",fontColor:I?"googleBlue":w?"googleRed":"inherit",children:v.transformer.weekday.shortJP(y)},y))}for(var y=0;y<o.weekday;y++)d.unshift(K(C,h(f({fontColor:"4.thin"},u.Parts.CalendarCellStyles),{key:y}),i-y));for(var y=1;y<=t.date;y++){let w=n.clone().setDate(y),X=p.isSameDate(w),V=!1,U=!1;r&&r.validate&&(V=w.isInRange(p,r),U=r.isSameDate(w));let $=l.isSameDate(w),B=!1;{let z=Number(String([n.year,n.month.zeroEmbed(2),y.zeroEmbed(2)].join("/")).replace(/\D/ig,""));if(a.min&&Number(String(a.min).replace(/\D/ig,""))>z&&(B=!0),a.max){let E=Number(String(a.max).replace(/\D/ig,""));z>E&&(B=!0)}}g.push(s(T.Clear,h(f({isActive:X||U,isActiveStyles:{fontColor:"white",backgroundColor:"theme",boxShadow:"0.remark"}},u.Parts.CalendarCellStyles),{fontColor:V?"theme":"inherit",fontSize:"inherit",padding:0,flexCenter:!0,borderRadius:"2.tone.secondary",ssEffectsOnActive:"shrink",tabIndex:-1,isLocked:B,onClick:()=>{a.onChange(w)},children:[y,V&&e(u.Parts.RangeSign,{}),$&&e(u.Parts.CurrentSign,{})]}),w.toFormatYMD()))}for(var y=1;y<7-t.weekday;y++)k.push(e(C,h(f({fontColor:"4.thin"},u.Parts.CalendarCellStyles),{children:y}),y));return s(b,{gap:"1/2",children:[((_=a.showTitle)!=null?_:!0)&&s(x.Supplement,{isSemiBoldFont:!0,children:[n.year,"\u5E74",n.month,"\u6708"]}),s(O,{gridCols:7,gap:"1/6",children:[m,d,g,k]})]},n.toFormatYM())},MonthCalendar:a=>{var t;let{targetYear:n,from:p,to:r}=a,l=c(),o=[];for(let i=1;i<=12;i++){let m=c().setYear(a.targetYear).setMonth(i).setDate(1),d=!1;{let I=Number(String([n,m.month.zeroEmbed(2)].join("/")).replace(/\D/ig,""));if(a.min&&Number(String(a.min).replace(/\D/ig,""))>I&&(d=!0),a.max){let w=Number(String(a.max).replace(/\D/ig,""));I>w&&(d=!0)}}let g=p.year==n&&p.month==m.month,k=!1,y=!1;r&&r.validate&&(k=m.isInRange(p,r),y=r.year==n&&r.month==m.month);let _=l.year==n&&l.month==m.month;o.push(e(b,{gap:"1/12",children:s(T.Clear,{isLocked:d,isActive:g||y,isActiveStyles:{fontColor:"white",backgroundColor:"theme",boxShadow:"0.remark"},fontColor:k?"theme":"inherit",padding:["1/3","2/3"],ssEffectsOnActive:"shrink",onClick:()=>{a.onChange(m)},children:[s(x,{freeCSS:{whiteSpace:"nowrap"},children:[m.month," \u6708"]}),k&&e(u.Parts.RangeSign,{}),_&&e(u.Parts.CurrentSign,{})]})},n+"-"+m.month))}return s(b,{gap:"1/2",children:[((t=a.showTitle)!=null?t:!0)&&s(x.Supplement,{isSemiBoldFont:!0,children:[a.targetYear,"\u5E74"]}),e(O,{gridCols:4,gap:"1/6",children:o})]},a.targetYear)},CurrentSign:()=>e(C,{position:"absolute",bottom:"1/6",left:"1/2",right:"1/2",unitHeight:"1/6",backgroundColor:"warn",isRounded:!0}),RangeSign:()=>e(C,{position:"absolute",top:"50%",unitHeight:2,backgroundColor:"theme.opa.low",freeCSS:{left:-1,right:-1,transform:"translateY(-50%)"}}),PeriodFocusSign:()=>e(C,{position:"absolute",bottom:"1/4",left:"1/2",right:"1/2",backgroundColor:"theme",unitHeight:"1/4",boxShadow:"0.remark",isRounded:!0})}},W=j;W.picker={open:a=>{let n=null,p=null,r=a.sheetID||A();N.open("middleCenter",{sheetID:r,size:"L",closeAtAroundClick:!0,closeAtParentBlur:!1,onClose:()=>{a.onValueUpdate({value:n,era:p,eventType:"commit"})},content:e(S.Center,{children:s(b,{children:[e(S.Right,{children:e(T.Sub.S,{color:"cloud",ssSphere:3,onClick:()=>{N.close(r)},children:e(R.X,{})})}),e(N.Body,{children:e(b,{padding:1.5,children:e(j,{restrict:a.restrict,commitFooter:!0,min:a.min,max:a.max,era:a.era,defaultValue:a.defaultValue,onValueUpdate:l=>{a.onValueUpdate(l),n=l.value,p=l.era,l.eventType=="commit"&&N.close(r)}})})})]})})}),console.log(a)},close:a=>{N.close(a)}};export{W as TimeSelector,W as default};
|