amotify 0.2.247 → 0.2.249
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
import{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};
|
|
1
|
+
import{b as f,c as h}from"../../../chunk-C5N2D3ZX.js";import{Fragment as G,jsx as t,jsxs as u}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 B}from"../../../atoms";import{Row as S,Literal as k}from"../../../mols";import{Button as T}from"../../Button";import Y 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 X=a=>{let{restrict:n}=a;return n=="year"?t(m.Year,f({},a)):n=="month"?t(m.Month.index,f({},a)):n=="week"?"[DEV]":n=="date"?t(m.Date.index,f({},a)):n=="locale.jp.warekiDate"?t(m.Locale.JP.WarekiDate.index,f({},a)):n=="clock"?t(m.Clock.index,f({},a)):n=="period.month"?t(m.Period.Month.index,f({},a)):n=="period.date"?t(m.Period.Date.index,f({},a)):null},m={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 e=p;e<=r;e++){let i=[e],[d,s]=v.transformer.wareki(e).value;d&&i.push(t(k.Supplement,{fontSize:"0.xs",fontColor:"4.thin",children:d},1)),s&&i.push(u(k.Supplement,{fontSize:"0.xs",fontColor:"4.thin",children:["[",s,"]"]},2)),n.unshift({value:e,label:t(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]),u(b,{freeCSS:{minWidth:12*16},children:[t(k.Supplement,{children:"\u5E74\u306E\u9078\u629E"}),t(L,{fontSize:"1.mini",override:"force",value:r.from.year||null,SelectorStyles:{freeCSS:{maxHeight:12*32,minWidth:12*16}},options:m.YearOptions({min:n,max:p}),onUpdateValidValue:o=>{l(e=>({eventType:"update",from:e.from.clone().setYear(Number(o))}))}}),t(m.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,e]=String(a.defaultValue).split(/\D/);(v.is.nullish(o)||v.is.nullish(e))&&([o,e]=c().toFormat("%Y-%M").split("-"));let i=c(),d=c().setYear(Number(o)||i.year).setMonth(Number(e)||i.month).setDate(1);return{eventType:"init",from:d,display:d}}));return M(()=>{a.onValueUpdate({value:r.from.toFormatYM(),era:"year",eventType:r.eventType})},[r]),u(b,{freeCSS:{minWidth:12*16},children:[u(S.Left,{children:[t(k.Paragraph,{children:r.from.toFormatYM()||"----/--"}),t(B,{}),u(S.Center,{gap:"2/3",children:[t(T.Border.XS,{fontColor:"theme",borderRadius:"2.tone.secondary",onClick:()=>{let o=c();l({eventType:"update",from:o,display:o})},children:"\u4ECA\u6708"}),t(L,{emptySelect:!1,value:r.display.year,options:m.YearOptions({}),override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,SelectorStyles:{freeCSS:{minWidth:12*12}},rightIcon:t(F,{right:"2/3",children:t(R.AngleDown,{})}),onUpdateValidValue:o=>{l(e=>h(f({},e),{eventType:"update",display:e.display.clone().setYear(Number(o))}))}})]}),t(m.Parts.ShiftButtons,{callback:o=>{l(e=>{let i=e.display.clone().addYear(o);return i.year<1900&&i.setYear(2100),i.year>2100&&i.setYear(1900),h(f({},e),{eventType:"update",display:i})})}})]}),t(C,{borderTop:!0}),t(S.Left,{verticalAlign:"top",flexWrap:!0,children:Array.from({length:4}).map((o,e)=>{let i=m.Parts.MonthCalendar({min:n,max:p,targetYear:r.display.year+e-1,from:r.from,onChange:d=>{l(s=>h(f({},s),{eventType:"update",from:d}))}});return t(S.Center,{flexSizing:0,ssHiddenOnBreak:e<1||e>2,children:i},e)})}),t(m.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,e,i]=(g=String(a.defaultValue))==null?void 0:g.split(/\D/);(v.is.nullish(o)||v.is.nullish(e)||v.is.nullish(i))&&([o,e,i]=c().toFormat("%Y-%M-%D").split("-"));let d=c(),s=c([Number(o)||d.year,(Number(e)||d.month).zeroEmbed(2),(Number(i)||d.date).zeroEmbed(2)].join("/"));return{eventType:"init",era:"year",display:s,from:s}}));return M(()=>{a.onValueUpdate({value:r.from.toFormatYMD(),era:"year",eventType:r.eventType})},[r]),u(b,{freeCSS:{minWidth:12*16},children:[u(S.Left,{flexWrap:!0,children:[t(k.Paragraph,{children:r.from.toFormatYMD()||"----/--/--"}),t(B,{}),u(S.Center,{horizontalAlign:"left",gap:"1/2",children:[t(T.Border.XS,{fontColor:"theme",borderRadius:"2.tone.secondary",onClick:()=>{let o=c();l({eventType:"update",era:"year",from:o,display:o})},children:"\u4ECA\u65E5"}),t(L,{override:"force",emptySelect:!1,value:r.display.year,options:m.YearOptions({}),fontSize:"1.mini",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,SelectorStyles:{freeCSS:{minWidth:12*12}},onUpdateValidValue:o=>{l(e=>h(f({},e),{eventType:"update",display:e.display.clone().setYear(Number(o))}))},rightIcon:t(F,{right:"2/3",children:t(R.AngleDown,{})})}),t(L,{override:"force",emptySelect:!1,value:r.display.month,options:(()=>{let o=[];for(let e=1;e<=12;e++)o.push({value:e,label:String(e)+"\u6708"});return o})(),fontSize:"1.mini",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,SelectorStyles:{freeCSS:{minWidth:12*8}},rightIcon:t(F,{right:"2/3",children:t(R.AngleDown,{})}),onUpdateValidValue:o=>{l(e=>h(f({},e),{eventType:"update",display:e.display.clone().setMonth(Number(o))}))}})]}),t(m.Parts.ShiftButtons,{callback:o=>{l(e=>h(f({},e),{eventType:"update",display:e.display.clone().addMonth(o)}))}})]}),t(C,{borderTop:!0}),t(S.Left,{verticalAlign:"top",flexWrap:!0,children:Array.from({length:4}).map((o,e)=>{let i=m.Parts.Calendar({min:n,max:p,targetMonth:r.display.clone().addMonth(e-1),from:r.from,onChange:d=>{l(s=>h(f({},s),{eventType:"update",from:d}))}});return t(S.Center,{flexSizing:0,ssHiddenOnBreak:e<1||e>2,children:i},e)})}),t(m.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 s;let[r,l,o]=(s=String(a.defaultValue))==null?void 0:s.split(/\D/),e=a.era||"year";if(v.is.nullish(r)||v.is.nullish(l)||v.is.nullish(o)){let g=c();e=="heisei"?g.setYear(1989):e=="shouwa"?g.setYear(1926):e=="taisho"?g.setYear(1912):e=="meiji"&&g.setYear(1868),[r,l,o]=g.toFormat("%Y-%M-%D").split("-")}let i=c(),d=c([Number(r)||i.year,(Number(l)||i.month).zeroEmbed(2),(Number(o)||i.date).zeroEmbed(2)].join("/"));return{eventType:"init",era:e,from:d}}));return M(()=>{a.onValueUpdate({value:n.from.toFormatYMD(),era:n.era,eventType:n.eventType})},[n]),u(b,{children:[u(S.Left,{verticalAlign:"unset",children:[t(m.Locale.JP.WarekiDate.EraSelect,{val_value:n,set_value:p}),t(m.Locale.JP.WarekiDate.Calendar,{val_value:n,set_value:p})]}),t(m.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 t(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=>t(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 e=1900;e<l;e++)o.unshift({value:e,label:e+"\u5E74"});else if(n.era=="reiwa"){r=2019,l=c().year+10;let e=c().year-2018;for(let i=1;i<=e+10;i++)o.unshift({value:r+i-1,label:"\u4EE4\u548C"+(i==1?"\u5143":i)+"\u5E74"})}else{let e="";n.era=="heisei"?(e="\u5E73\u6210",r=1989,l=2019):n.era=="shouwa"?(e="\u662D\u548C",r=1926,l=1989):n.era=="taisho"?(e="\u5927\u6B63",r=1912,l=1926):n.era=="meiji"&&(e="\u660E\u6CBB",r=1868,l=1912);for(let i=r;i<=l;i++){let d=i==r,s=i-r+1;o.unshift({value:i,label:e+(d?"\u5143":s)+"\u5E74"})}}return u(b,{children:[u(S.Left,{gap:"1/2",children:[t(L,{emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,fontSize:"1.mini",SelectorStyles:{freeCSS:{minWidth:12*12}},rightIcon:t(F,{right:"2/3",children:t(R.AngleDown,{})}),options:o,value:n.from.year,onUpdateValidValue:e=>{p(i=>({era:i.era,eventType:"update",from:i.from.clone().setYear(Number(e))}))}}),t(L,{emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,fontSize:"1.mini",SelectorStyles:{freeCSS:{minWidth:12*9}},rightIcon:t(F,{right:"2/3",children:t(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:e=>{p(i=>({era:i.era,eventType:"update",from:i.from.clone().setMonth(Number(e)).setDate(1)}))}}),t(B,{}),t(m.Parts.ShiftButtons,{callback:e=>{p(i=>({era:i.era,eventType:"update",from:i.from.clone().addMonth(e)}))}})]}),t(m.Parts.Calendar,{showTitle:!1,targetMonth:n.from,from:n.from,onChange:e=>{p(i=>({era:i.era,eventType:"update",from:e}))}})]})}}}},Clock:{index:a=>{let{min:n,max:p}=a,[r,l]=D(v.scope(()=>{let s=String(a.defaultValue).split(/[^\d]/);s[0]||(s=[0,0]);let g=Number(s[0]),x=Number(s[1]);return{eventType:"init",from:c().setHours(g).setMinutes(x)}}));M(()=>{a.onValueUpdate({value:r.from.toFormatHM(),era:"clock",eventType:r.eventType})},[r]);let[o,e]=D(r.from.hours>=12?2:1),[i,d]=D(Number(localStorage.getItem("@env/input/time/selector/clock/minutesUnit")||5));return M(()=>{localStorage.setItem("@env/input/time/selector/clock/minutesUnit",String(i))},[i]),u(b,{freeCSS:{minWidth:12*16},children:[t(b,{gap:"1/2",children:u(S.Center,{children:[t(C,{className:P("ClockBase"),children:t(m.Clock.UI,{val_value:r})}),u(C,{textAlign:"center",fontHeight:1.2,children:[u(k.Paragraph,{children:[r.from.hours.zeroEmbed(2)," : ",r.from.minutes.zeroEmbed(2)]}),u(k.Supplement,{fontColor:"4.thin",children:[r.from.hours>=12&&"PM"||"AM",r.from.hours%12,":",r.from.minutes.zeroEmbed(2)]})]}),t(T.Border.XS,{borderRadius:"2.tone.secondary",fontColor:"theme",onClick:()=>{let s=c().setSeconds(0);e(s.hours>=12?2:1),l({eventType:"update",from:s})},children:"\u73FE\u6642\u523B"})]})}),u(q,{flexType:"row",flexWrap:!1,gap:1,children:[u(b,{flexSizing:0,children:[t(J.Border,{value:[o],options:[{value:0,label:"24H"},{value:1,label:"AM"},{value:2,label:"PM"}],flexType:"col",override:"force",gap:"1/4",cellStyles:{gap:"1/4"},tabIndex:-1,onUpdateValidValue:s=>{let x=r.from.hours%12+(s==2?12:0);e(s),l(y=>({eventType:"update",from:y.from.clone().setHours(x)}))}}),t(C,{borderTop:!0,margin:[0,1]}),t(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:s=>{d(s)}})]}),t(b,{children:u(S.Center,{gap:0,ssCardBox:!0,flexChilds:"even",freeCSS:{minWidth:12*14},children:[t(b,{gap:"1/4",overflow:"auto",padding:"1/2",borderRight:!0,freeCSS:{maxHeight:12*24},children:m.Clock.Hours({current:r.from.hours,min:n,max:p,ampm:o,onClick:s=>{let g=s+(o==2?12:0);l(x=>({eventType:"update",from:x.from.clone().setHours(g)}))}})}),t(b,{gap:"1/4",overflow:"auto",padding:"1/2",freeCSS:{maxHeight:12*24},children:m.Clock.Minutes({current:r.from.minutes,min:n,max:p,unit:i,onClick:s=>{l(g=>({eventType:"update",from:g.from.clone().setMinutes(s)}))}})})]})})]}),t(m.Parts.FooterNav,h(f({},a),{set_value:l,onClear:()=>{l({eventType:"update",from:c().setFirstOfDay()})}}))]})},Hours:a=>{let{ampm:n}=a,p=[],[r]=D(A());M(()=>{v("#"+r+"-"+a.current).focus()},[]);for(let l=0;l<(n==0?24:12);l++){let o=l;n==2&&(o+=12);let e=!1;{let d=Number(String(o*100).replace(/\D/ig,""));if(a.min&&Number(String(a.min).replace(/\D/ig,""))>d&&(e=!0),a.max){let s=Number(String(a.max).replace(/\D/ig,""));d>s&&(e=!0)}}let i=o==a.current;p.push(u(H.Fragment,{children:[u(T.Normal,{id:r+"-"+o,isActive:i,isActiveStyles:{fontColor:"white",backgroundColor:"theme",boxShadow:"0.remark"},isLocked:e,padding:["1/2",1],freeCSS:{whiteSpace:"nowrap"},tabIndex:-1,onClick:()=>{a.onClick(o)},children:[n!=2&&o.zeroEmbed(2),n==2&&(o%12).zeroEmbed(2)]}),t(C,{borderBottom:!0})]},o))}return p},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(u(H.Fragment,{children:[t(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)}),t(C,{borderBottom:!0})]},l))}return n},UI:a=>{let{val_value:n}=a;return t(C,{className:P("ClockUiBase"),flexCenter:!0,children:u(C,{className:P("ClockUi"),backgroundColor:"theme.opa.low",isRounded:!0,position:"relative",children:[t(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)`}}),t(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,e]=v.flatArray(a.defaultValue),i=c(o||void 0).setFirstOfDay(),d=c(e||null).setFirstOfDay();return{eventType:"init",forcus:0,display:i,from:i,to:d}}));return M(()=>{if(!r.to.value)return;if(r.from.value>r.to.value){l(e=>h(f({},e),{eventType:"update",from:e.to,to:e.from}));return}a.onValueUpdate({value:[r.from.toFormatYMD(),r.to.toFormatYMD()],era:"year",eventType:r.eventType})},[r]),u(b,{freeCSS:{minWidth:12*16},children:[u(S.Left,{flexWrap:!0,children:[u(S.Left,{gap:"1/2",children:[u(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&&t(m.Parts.PeriodFocusSign,{})]}),t(k.Supplement,{children:"-"}),u(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&&t(m.Parts.PeriodFocusSign,{})]})]}),t(B,{}),u(S.Left,{gap:"1/2",children:[t(L,{emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,fontSize:"1.mini",SelectorStyles:{freeCSS:{minWidth:12*12}},rightIcon:t(F,{right:"2/3",children:t(R.AngleDown,{})}),options:m.YearOptions({}),value:r.display.year,onUpdateValidValue:o=>{l(e=>h(f({},e),{eventType:"update",display:e.display.clone().setYear(Number(o))}))}}),t(L,{emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,fontSize:"1.mini",SelectorStyles:{freeCSS:{minWidth:12*9}},rightIcon:t(F,{right:"2/3",children:t(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(e=>h(f({},e),{eventType:"update",display:e.display.clone().setMonth(Number(o)).setDate(1)}))}}),t(B,{}),t(m.Parts.ShiftButtons,{callback:o=>{l(e=>h(f({},e),{eventType:"update",display:e.display.clone().addMonth(o)}))}})]})]}),t(C,{borderBottom:!0}),t(S.Left,{verticalAlign:"top",flexWrap:!0,children:Array.from({length:4}).map((o,e)=>{let i=m.Parts.Calendar({min:n,max:p,targetMonth:r.display.clone().addMonth(e-1),from:r.from,to:r.to,onChange:d=>{if(r.forcus==0){l(s=>h(f({},s),{eventType:"update",forcus:1,from:d,to:c(null)}));return}l(s=>h(f({},s),{eventType:"update",to:d}))}});return t(S.Center,{flexSizing:0,ssHiddenOnBreak:e<1||e>2,children:i},e)})}),t(m.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,e]=v.flatArray(a.defaultValue),i=c(o||void 0).setDate(1).setFirstOfDay(),d=c(e||null).setDate(1).setFirstOfDay();return{eventType:"init",forcus:0,display:i,from:i,to:d}}));return M(()=>{if(!r.to.value)return;if(r.from.value>r.to.value){l(e=>h(f({},e),{eventType:"update",from:e.to,to:e.from}));return}a.onValueUpdate({value:[r.from.toFormatYM(),r.to.toFormatYM()],era:"year",eventType:r.eventType})},[r]),u(b,{freeCSS:{minWidth:12*16},children:[u(S.Left,{flexWrap:!0,children:[u(S.Left,{gap:"1/2",children:[u(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&&t(m.Parts.PeriodFocusSign,{})]}),t(k.Supplement,{children:"-"}),u(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&&t(m.Parts.PeriodFocusSign,{})]})]}),t(B,{}),u(S.Left,{gap:"1/2",children:[t(L,{emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,fontSize:"1.mini",SelectorStyles:{freeCSS:{minWidth:12*12}},rightIcon:t(F,{right:"2/3",children:t(R.AngleDown,{})}),options:m.YearOptions({}),value:r.display.year,onUpdateValidValue:o=>{l(e=>h(f({},e),{eventType:"update",display:e.display.clone().setYear(Number(o))}))}}),t(B,{}),t(m.Parts.ShiftButtons,{callback:o=>{l(e=>h(f({},e),{eventType:"update",display:e.display.clone().addYear(o)}))}})]})]}),t(C,{borderBottom:!0}),t(S.Left,{verticalAlign:"top",flexWrap:!0,children:Array.from({length:4}).map((o,e)=>{let i=m.Parts.MonthCalendar({min:n,max:p,targetYear:r.display.year+e-1,from:r.from,to:r.to,onChange:d=>{if(r.forcus==0){l(s=>h(f({},s),{eventType:"update",forcus:1,from:d,to:c(null)}));return}l(s=>h(f({},s),{eventType:"update",to:d}))}});return t(S.Center,{flexSizing:0,ssHiddenOnBreak:e<1||e>2,children:i},e)})}),t(m.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?u(G,{children:[t(C,{borderBottom:!0}),u(S.Separate,{gap:"1/2",children:[u(T.Sub,{color:"cloud",tabIndex:-1,fontSize:"1.mini",borderRadius:"2.tone.secondary",flexSizing:"none",onClick:()=>{a.onClear()},children:[t(R.X,{})," \u30EA\u30BB\u30C3\u30C8"]}),t(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=>u(S.Center,{gap:"1/3",children:[t(T.Sub,{className:P("LeftButton"),tabIndex:-1,right:0,position:"relative",flexCenter:!0,ssSquare:3,onClick:()=>{a.callback(-1)},children:t(R.ChevronLeft,{})}),t(T.Sub,{className:P("RightButton"),tabIndex:-1,left:0,position:"relative",flexCenter:!0,ssSquare:3,onClick:()=>{a.callback(1)},children:t(R.ChevronRight,{})})]}),CalendarCellStyles:{ssSquare:3,borderRadius:"3.tone.tertiary"},Calendar:a=>{var N;let{targetMonth:n,from:p,to:r}=a,l=c();if(!a.targetMonth.validate)return null;let o=n.clone().setDate(1),e=o.getLastDayOfMonth(),i=c(o).addMonth(-1).getLastDayOfMonth().date,d=[],s=[],g=[],x=[];for(var y=0;y<7;y++){let _=y==6,w=y==0;d.push(t(k,{textAlign:"center",fontSize:"0.xs",fontColor:_?"googleBlue":w?"googleRed":"inherit",children:v.transformer.weekday.shortJP(y)},y))}for(var y=0;y<o.weekday;y++)s.unshift(K(C,h(f({fontColor:"4.thin"},m.Parts.CalendarCellStyles),{key:y}),i-y));for(var y=1;y<=e.date;y++){let w=n.clone().setDate(y),j=p.isSameDate(w),I=!1,z=!1;r&&r.validate&&(I=w.isInRange(p,r),z=r.isSameDate(w));let $=l.isSameDate(w),V=!1;{let E=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,""))>E&&(V=!0),a.max){let U=Number(String(a.max).replace(/\D/ig,""));E>U&&(V=!0)}}g.push(u(T.Clear,h(f({isActive:j||z,isActiveStyles:{fontColor:"white",backgroundColor:"theme",boxShadow:"0.remark"}},m.Parts.CalendarCellStyles),{fontColor:I?"theme":"inherit",fontSize:"inherit",padding:0,flexCenter:!0,borderRadius:"2.tone.secondary",ssEffectsOnActive:"shrink",tabIndex:-1,isLocked:V,onClick:()=>{a.onChange(w)},children:[y,I&&t(m.Parts.RangeSign,{}),$&&t(m.Parts.CurrentSign,{})]}),w.toFormatYMD()))}for(var y=1;y<7-e.weekday;y++)x.push(t(C,h(f({fontColor:"4.thin"},m.Parts.CalendarCellStyles),{children:y}),y));return u(b,{gap:"1/2",children:[((N=a.showTitle)!=null?N:!0)&&u(k.Supplement,{isSemiBoldFont:!0,children:[n.year,"\u5E74",n.month,"\u6708"]}),u(O,{gridCols:7,gap:"1/6",children:[d,s,g,x]})]},n.toFormatYM())},MonthCalendar:a=>{var e;let{targetYear:n,from:p,to:r}=a,l=c(),o=[];for(let i=1;i<=12;i++){let d=c().setYear(a.targetYear).setMonth(i).setDate(1),s=!1;{let _=Number(String([n,d.month.zeroEmbed(2)].join("/")).replace(/\D/ig,""));if(a.min&&Number(String(a.min).replace(/\D/ig,""))>_&&(s=!0),a.max){let w=Number(String(a.max).replace(/\D/ig,""));_>w&&(s=!0)}}let g=p.year==n&&p.month==d.month,x=!1,y=!1;r&&r.validate&&(x=d.isInRange(p,r),y=r.year==n&&r.month==d.month);let N=l.year==n&&l.month==d.month;o.push(t(b,{gap:"1/12",children:u(T.Clear,{isLocked:s,isActive:g||y,isActiveStyles:{fontColor:"white",backgroundColor:"theme",boxShadow:"0.remark"},fontColor:x?"theme":"inherit",padding:["1/3","2/3"],ssEffectsOnActive:"shrink",onClick:()=>{a.onChange(d)},children:[u(k,{freeCSS:{whiteSpace:"nowrap"},children:[d.month," \u6708"]}),x&&t(m.Parts.RangeSign,{}),N&&t(m.Parts.CurrentSign,{})]})},n+"-"+d.month))}return u(b,{gap:"1/2",children:[((e=a.showTitle)!=null?e:!0)&&u(k.Supplement,{isSemiBoldFont:!0,children:[a.targetYear,"\u5E74"]}),t(O,{gridCols:4,gap:"1/6",children:o})]},a.targetYear)},CurrentSign:()=>t(C,{position:"absolute",bottom:"1/6",left:"1/2",right:"1/2",unitHeight:"1/6",backgroundColor:"warn",isRounded:!0}),RangeSign:()=>t(C,{position:"absolute",top:"50%",unitHeight:2,backgroundColor:"theme.opa.low",freeCSS:{left:-1,right:-1,transform:"translateY(-50%)"}}),PeriodFocusSign:()=>t(C,{position:"absolute",bottom:"1/4",left:"1/2",right:"1/2",backgroundColor:"theme",unitHeight:"1/4",boxShadow:"0.remark",isRounded:!0})}},W=X;W.picker={open:a=>{let n=null,p=null,r=a.sheetID||A();Y.open("middleCenter",{sheetID:r,size:"L",closeAtAroundClick:!0,closeAtParentBlur:!1,onClose:()=>{a.onValueUpdate({value:n,era:p,eventType:"commit"})},content:t(S.Center,{children:u(b,{children:[t(S.Right,{children:t(T.Sub.S,{color:"cloud",ssSphere:3,onClick:()=>{Y.close(r)},children:t(R.X,{})})}),t(Y.Body,{children:t(b,{padding:1.5,children:t(X,{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"&&Y.close(r)}})})})]})})}),console.log(a)},close:a=>{Y.close(a)}};export{W as TimeSelector,W as default};
|