amotify 0.2.9 → 0.2.10
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/demo/esbuild/public/index.js +61 -61
- package/demo/esbuild/server.ts +0 -1
- package/dist/fn/Input/Chips/index.js +1 -1
- package/dist/fn/Input/Contenteditable.js +1 -1
- package/dist/fn/Input/DigitCharacters.js +1 -1
- package/dist/fn/Input/Filer.js +1 -1
- package/dist/fn/Input/List.js +1 -1
- package/dist/fn/Input/RichSelect.js +1 -1
- package/dist/fn/Input/Select.js +1 -1
- package/dist/fn/Input/Slider.js +1 -1
- package/dist/fn/Input/Switch.js +1 -1
- package/dist/fn/Input/Text.js +1 -1
- package/dist/fn/Input/TextArea.js +1 -1
- package/dist/fn/Input/Time/Picker.js +1 -1
- package/dist/fn/Input/Time/index.js +1 -1
- package/dist/fn/Input/core.js +1 -1
- package/dist/fn/Sheet.js +1 -1
- package/dist/fn/Table/Data.js +1 -1
- package/package.json +2 -2
package/demo/esbuild/server.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as r,c as
|
|
1
|
+
import{b as r,c as v,d as K}from"../../../chunk-C5N2D3ZX.js";import{jsx as a,jsxs as g}from"react/jsx-runtime";import{useState as b,useEffect as L,useRef as H}from"react";import B from"@mingoo/jsmin";import{$$fromRoot as T}from"../../../@utils";import Q from"../../../atoms/Box";import N from"../../../atoms/FAI";import X from"../../../mols/Row";import U from"../../Button";import Y from"../../Sheet";import{Wrapper as Z,BoxWrapper as j,CommonEffects as ee,DefaultStyles as te}from"../core";import ne from"../Hidden";import W from"./Selector";function oe(e){let{value:s,states:u}=e,{required:o}=u,c=[];return o&&!s.length&&c.push({type:"invalid",label:"\u4E00\u3064\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044"}),{ok:!c.filter(({type:f})=>f=="invalid").length,notice:c}}const le=e=>{let w=e,{required:s,form:u,name:o,checkValidationAtFirst:c,onValidate:f,onUpdateValue:O,onUpdateValidValue:M,value:F=[],limit:A,leftIndicator:ie,rightIndicator:pe,leftIcon:re,rightIcon:se,SelectedCellComponent:x,AddButtonComponent:R,componentID:ue,defaultOptions:ce,enableFormSubmit:de,onDynamicSearch:me}=w,q=K(w,["required","form","name","checkValidationAtFirst","onValidate","onUpdateValue","onUpdateValidValue","value","limit","leftIndicator","rightIndicator","leftIcon","rightIcon","SelectedCellComponent","AddButtonComponent","componentID","defaultOptions","enableFormSubmit","onDynamicSearch"]);R=R;let[p]=b(B.uuid.gen()),[C,D]=b({componentID:e.componentID||"",dataValue:F.map(t=>t),eventID:B.uuid.gen(),eventType:"init"}),[k,z]=b({ok:!1,notice:[]}),[n,G]=b([...F]);ee({states:e,val_status:C,set_status:D,val_validate:k,set_validate:z,DefaultValidation:oe,onUpdateValue:O,onUpdateValidValue:M,ExtraOverrideStates:{formatValue:n,dataValue:n.map(t=>t)},ExtraStoreStates:{searchTimer:null}});const y=t=>{G(t),D(i=>v(r({},i),{dataValue:t.map(d=>d),eventID:B.uuid.gen(),eventType:"update"}))};let E=`[data-chips-input-wrapper="${p}"]`;const S=()=>{W.openSelector({parent:E,gravityPoint:e.selectorGravityPoint,SelectorCellComponent:e.SelectorCellComponent,selectorID:p,options:e.defaultOptions||[],selected:n,limit:e.limit,onDynamicSearch:e.onDynamicSearch,onUpdated:t=>{y(t.values)},onClosed:()=>{T(E).focus()}})};let I=A&&A<=n.length;const _=H(!1);L(()=>{_.current?I&&(Y.close(p),T(`[data-chips-input-wrapper="${p}"]`).focus()):_.current=!0},[n]);let J=n.map(t=>{let{value:i,label:d}=t;x=x;const h=()=>{let l=n.findIndex(P=>P.value==i);if(l==-1)return;let m=[...n];m.splice(l,1),y(m),m.length||setTimeout(()=>{T(`[data-chips-input-wrapper="${p}"]`).focus()},200)};return a(x,{value:i,label:d,removeCallback:h,defaultRemoveButton:a(U.Button.Sub.S,{flexSizing:"none",color:"cloud",backgroundColor:"cloud",flexCenter:!0,isRounded:!0,freeCSS:{aspectRatio:"1/1"},onClick:()=>{h()},children:a(N.Times,{})}),openCallback:()=>{S()}},JSON.stringify(i))});return g(j,{val_status:C,set_status:D,val_validate:k,states:e,children:[a(ne,{"data-value":JSON.stringify(C.dataValue.map(t=>t.value)),name:o,form:u,"data-input-type":"chips-"+["single","multi"][+(e.limit!=1)],"data-validation":k.ok,componentID:C.componentID,"data-focusor":p}),g("button",v(r({"data-chips-input-wrapper":p,onKeyDown:t=>{let{key:i,ctrlKey:d,metaKey:h,keyCode:l}=t,m=d||h;if(l>=48&&l<=57||l>=65&&l<=90||l>=96&&l<=105){if(I)return;S()}else if(i!="Tab"){if(i=="Backspace"){if(!n.length)return;if(m)y([]);else{let $=[...n];$.pop(),y($)}}}},onClick:()=>{I||S()}},q),{children:[!I&&a(R,{selected:n,openCallback:S}),J]}))]})},ae=e=>{let u=[...e.value||[]].splice(0,e.limit||65535);return a(le,v(r({SelectedCellComponent:o=>{let{value:c,label:f,removeCallback:O}=o;return g(X.Left,{ssCardBox:!0,padding:"1/3",gap:0,isRounded:!0,textAlign:"left",children:[a(Q,{padding:[0,"1/2"],children:f}),o.defaultRemoveButton]})},AddButtonComponent:o=>e.limit&&e.limit<=o.selected.length?null:g(U.Button.Sub.R,{color:"cloud",padding:"1/2",onClick:()=>{o.openCallback()},children:[a(N.Plus,{}),"\u8FFD\u52A0\u3059\u308B"]})},e),{value:u}))},V=e=>{e=r({},e),e=r({gap:1,display:"flex",horizontalAlign:"left",verticalAlign:"center",flexWrap:!0},e);let s=te.Boxish(e);return a(Z,{componentID:e.componentID,children:ae,states:s})};V.fn=W;export{V as Chips,V as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as a,c as s,d as y}from"../../chunk-C5N2D3ZX.js";import{jsx as p}from"react/jsx-runtime";import{useState as T}from"react";import g from"@mingoo/jsmin";import{Wrapper as
|
|
1
|
+
import{b as a,c as s,d as y}from"../../chunk-C5N2D3ZX.js";import{jsx as p}from"react/jsx-runtime";import{useState as T}from"react";import g from"@mingoo/jsmin";import{Wrapper as k,BoxWrapper as w,SubmitForm as L,CommonEffects as F,DefaultStyles as B}from"./core";function H(t){let{value:e,states:n}=t,{required:o}=n,i=[];return o&&!e&&i.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!i.filter(({type:u})=>u=="invalid").length,notice:i}}const M=t=>{let v=t,{componentID:e,tone:n,required:o,form:i,value:u,enableFormSubmit:b,checkValidationAtFirst:W,onInput:m,onKeyDown:f,onValidate:q,onUpdateValue:D,onUpdateValidValue:R,children:C="",leftIndicator:A,rightIndicator:K,leftIcon:U,rightIcon:$}=v,V=y(v,["componentID","tone","required","form","value","enableFormSubmit","checkValidationAtFirst","onInput","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","children","leftIndicator","rightIndicator","leftIcon","rightIcon"]),E={componentID:e,dataValue:u,eventType:"init",eventID:g.uuid.gen()},[r,c]=T(E),[d,I]=T({ok:!1,notice:[]});return F({states:t,val_status:r,set_status:c,val_validate:d,set_validate:I,onUpdateValue:D,onUpdateValidValue:R,DefaultValidation:H}),p(w,{val_status:r,set_status:c,val_validate:d,states:t,children:p("div",s(a({contentEditable:!0,"data-form":i,"data-name":t.name,"data-input-type":"contenteditable","data-validation":d.ok,"data-value":r.dataValue,"data-component-id":r.componentID,onKeyDown:l=>{f&&f(l),b&&L(l)},onInput:l=>{let S=l.currentTarget,{innerHTML:N,innerText:x}=S;d.ok&&I({ok:!1,notice:[]}),c(_=>s(a({},_),{dataValue:x,eventType:"update",eventID:g.uuid.gen()})),m&&m(l)}},V),{children:C}))})},h=t=>{var n,o;t=a({},t),t.rightIcon&&(t.paddingRight=(n=t.paddingRight)!=null?n:3),t.leftIcon&&(t.paddingLeft=(o=t.paddingLeft)!=null?o:3),t=s(a({},t),{freeCSS:a({whiteSpace:"pre-wrap"},t.freeCSS)});let e=B.Boxish(t);return e.rows=e.rows||5,p(k,{componentID:t.componentID,children:M,states:e})};export{h as Contenteditable,h as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as e,c as m,d as T}from"../../chunk-C5N2D3ZX.js";import{jsx as
|
|
1
|
+
import{b as e,c as m,d as T}from"../../chunk-C5N2D3ZX.js";import{jsx as h,jsxs as Z}from"react/jsx-runtime";import{useState as V}from"react";import I from"@mingoo/jsmin";import{$$fromRoot as K}from"../../@utils";import{Wrapper as O,BoxWrapper as q,SubmitForm as U,CommonEffects as j,DefaultStyles as z}from"./core";import G from"../../atoms/Flex";import J from"./Hidden";import{InputClasses as w}from"../../@styles/componentClasses";function Q(t){let{value:a,states:s}=t,{required:u,numericOnly:o=!1,digits:f}=s,l=[];return u&&!a&&l.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),a&&(o&&a.match(/\D/)&&l.push({type:"invalid",label:"\u6570\u5B57\u306E\u307F\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),a.length!=f&&l.push({type:"warn",label:"\u6700\u5F8C\u307E\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"})),{ok:!l.filter(({type:p})=>p=="invalid"||p=="warn").length,notice:l}}const X=(t,a="")=>{let s=String(a),u=[];for(let o=0;o<t;o++)u[o]=s[o]||"";return{formatValue:u,dataValue:s}},R=(t="")=>{let a=t,s=a.join("");return{formatValue:a,dataValue:s}},Y=t=>{let b=t,{tone:a,required:s,form:u,name:o,className:f="",digits:l,numericOnly:p=!1,enableFormSubmit:M,checkValidationAtFirst:tt,onChange:et,onKeyDown:at,onValidate:nt,onUpdateValue:_,onUpdateValidValue:k,value:A="",override:it,componentID:rt,listStyles:N}=b,B=T(b,["tone","required","form","name","className","digits","numericOnly","enableFormSubmit","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","override","componentID","listStyles"]);p&&(t.inputMode=t.inputMode||"numeric");let E=m(e({componentID:t.componentID||""},X(l,A)),{eventType:"init",eventID:I.uuid.gen()}),[i,g]=V(E),[D,H]=V({ok:!1,notice:[]});j({states:t,val_status:i,set_status:g,val_validate:D,set_validate:H,onUpdateValue:_,onUpdateValidValue:k,DefaultValidation:Q});let v=[];for(let n=0;n<l;n++){let L=i.formatValue[n],W={},x=f;t.combineInput&&(x=[f,w("DigitCharacterCell"),w("Combined")].join(" ")),v.push(h("input",{type:"text",inputMode:t.inputMode||"text",value:L,"data-form-name":u,id:"Digit-"+n+"-"+i.componentID,className:x,style:e(e({},t.style),W),onKeyDown:C=>{let{key:y,code:P}=C;if(y=="Tab")return;C.preventDefault();let d=null;if(y=="Backspace"){let r=i.formatValue;r[n]="",g(c=>m(e(e({},c),R(r)),{eventType:"update",eventID:I.uuid.gen()})),d=n-1}else if(["ArrowLeft","ArrowRight"].includes(y)){let r=+(y=="ArrowRight")*2-1;d=n+r}else M&&U(C),(()=>{let r=P.match(/^(Key(.)|Digit(\d)|Numpad(\d))/);if(!r)return;let c=r[2]||r[3]||r[4];if(p&&!c.match(/\d/)||!c)return;let S=i.formatValue;S[n]=c,g($=>m(e(e({},$),R(S)),{eventType:"update",eventID:I.uuid.gen()})),d=n+1})();I.is.exist(d)&&K("#Digit-"+d+"-"+i.componentID).focus()},onChange:()=>{}},n))}return Z(q,{val_status:i,set_status:g,val_validate:D,states:t,children:[h(J,e({name:o,"data-input-type":"digitCharacters","data-form":u,"data-validation":D.ok,componentID:i.componentID,"data-value":i.dataValue},B)),h(G,m(e({gap:"1/2",flexChilds:"even",flexWrap:!1,flexSizing:"auto"},N),{children:v}))]})},F=t=>{t=e({},t),t=e({textAlign:"center",width:0},t),t.combineInput&&(t=m(e({textAlign:"center",width:0},t),{freeCSS:e({minWidth:12*2,marginRight:-1},t.freeCSS),listStyles:e({borderRadius:"2.tone.secondary",border:"unset",gap:0},t.listStyles)}));let a=z.Boxish(t);return h(O,{componentID:t.componentID,children:Y,states:a})};export{F as DigitCharacters,F as default};
|
package/dist/fn/Input/Filer.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as
|
|
1
|
+
import{b as y,c as x,d as Z,e as L}from"../../chunk-C5N2D3ZX.js";import{Fragment as ee,jsx as l,jsxs as m}from"react/jsx-runtime";import{useState as q,useEffect as te}from"react";import v from"@mingoo/jsmin";import{$$fromRoot as z,useStore as Q,GenerateClassName as ae}from"../../@utils";import F from"../../atoms/Box";import W from"../../atoms/FAI";import M from"../../atoms/Flex";import X from"../../mols/Column";import le from"../../mols/Row";import O from"../Button";import H from"../Snackbar";import{Wrapper as ne,BoxWrapper as ie,CommonEffects as oe,DefaultStyles as se}from"./core";import re from"./Text";import{InputFilerClasses as c}from"../../@styles/componentClasses";import{faCloudArrowUp as pe}from"@fortawesome/free-solid-svg-icons/faCloudArrowUp";function ue(e){let{value:t,states:a}=e,{required:s}=a,n=[];return s&&!t.length&&n.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!n.filter(({type:r})=>r=="invalid").length,notice:n}}const Y={List:e=>{let{files:t,states:a,val_status:s,set_status:n}=e,r=(a.limit||1)-s.dataValue.length,u=t.map((p,b)=>l(Y.Cell,{index:b,file:p,className:a.cellClassName,val_status:s,set_status:n,fileNameEdit:a.fileNameEdit},p.name));return r>0&&u.push(l("label",{className:[a.cellClassName,c("AddButton")].join(" "),"data-component-id":s.componentID,htmlFor:a.id,tabIndex:a.tabIndex,onKeyDown:p=>{let{key:b}=p;a.tabIndex!=-1&&[" ","Enter"].includes(b)&&z("#"+a.id).click()},children:m(le.Center,{padding:["1/3",0],children:[l(F,{isRounded:!0,className:c("AddIcon"),children:l(W,{icon:pe,className:c("Icon"),fontColor:"theme",fontSize:"4.thirdTitle",backgroundColor:"theme.opa.low",ssSphere:3,padding:"1/2"})}),m(F,{children:[l(F,{children:`\u30D5\u30A1\u30A4\u30EB\u3092\u9078\u629E\uFF08${r}\uFF09`,fontColor:"theme",fontSize:"2.normal",isSemiBoldFont:!0}),l(F,{isSemiBoldFont:!0,fontColor:"4.thin",fontSize:"0.xs",children:"\u30D5\u30A1\u30A4\u30EB\u3092\u30C9\u30ED\u30C3\u30D7"})]})]})},"AddButton")),l(X,{flexSizing:"auto",className:a.className,children:u})},Cell:e=>{let{index:t,file:a,className:s,val_status:n,set_status:r,fileNameEdit:u=!0}=e,{name:p,size:b,type:i}=a,[_,N]=q(!1),T=v.uuid.gen(),k=b.rank(),[G,U]=p.replace(/\s/,"").replace(/(.*)\.(.*)$/,"$1 $2").split(" "),o="\u30D5\u30A1\u30A4\u30EB";return i.match(/image/)?o=i.replace(/image\//,""):i.match(/pdf/)?o="PDF":i.match(/csv/)?o="CSV":i.match(/spreadsheet/)?o="SpreadSheet":i.match(/presentation/)?o="PowerPoint":i.match(/word/)?o="Word":i.match(/zip/)?o="Zip":i.match(/powerpoint/)?o="PowerPoint":i.match(/html/)?o="HTML":i.match(/js/)?o="JavaScript":i.match(/css/)?o="CSS":i.match(/text\/plain/)&&(o="\u30C6\u30AD\u30B9\u30C8"),te(()=>{_&&setTimeout(()=>{z("#"+T).focus()},100)},[_]),m(M,{verticalAlign:"center",flexWrap:!1,gap:1,className:s,children:[l(W.File,{fontSize:"4.thirdTitle",fontColor:"4.thin"}),m(F,{flexSizing:0,children:[l(F,{children:l(M,{verticalAlign:"center",gap:"2/3",flexWrap:!1,className:c("FileName"),children:_?l(ee,{children:m(X,{gap:"1/2",flexSizing:0,children:[m(M,{gap:"2/3",verticalAlign:"center",children:[l(re.Normal,{tone:"border",wrapStyles:{flexSizing:"auto"},restrict:"fileName",name:"name",required:!0,id:T,form:"form-"+T,enableFormSubmit:!0,value:G,onKeyDown:g=>{let{key:R}=g;R=="Escape"&&N(!1)}}),m(F,{children:[". ",U]})]}),m(M,{gap:"2/3",horizontalAlign:"right",flexWrap:!1,children:[l(O.Button.Sub.R,{padding:["2/3",1],children:"\u9589\u3058\u308B",onClick:()=>{N(!1)}}),l(O.Button.Prime.R,{padding:["2/3",1],submitOption:{formName:"form-"+T,callback:g=>L(void 0,null,function*(){let{name:R}=g,B=[...n.dataValue],D=B[t],j=D.id;if(!D)return;let{target:d}=yield D.read();if(!d)return;let w=yield String(d.result).toBlob(a.type);if(!w)return;let $=new File([w],R+"."+U,{type:D.type});$.id=j,B[t]=$,r(E=>x(y({},E),{dataValue:B,eventType:"update",eventID:v.uuid.gen()})),N(!1)})},children:"\u6C7A\u5B9A"})]})]})}):m(ee,{children:[p,!!u&&l(O.Button.Clear.R,{ssSphere:2.5,flexSizing:"none",color:"cloud",fontColor:"4.thin",padding:"1/3",ssEffectsOnActive:"expand",onClick:()=>{N(!0)},children:l(W.Pen,{})})]})})}),!_&&l(F,{fontSize:"1.mini",fontColor:"4.thin",flexSizing:0,children:o+"\u30D5\u30A1\u30A4\u30EB / "+k+"B"})]}),l(O.Button.Sub.R,{color:"cloud",fontColor:"4.thin",ssSphere:3,onClick:()=>{let g=[...n.dataValue];g[t]&&(g.splice(t,1),r(B=>x(y({},B),{dataValue:g,eventType:"update",eventID:v.uuid.gen()})))},children:l(W.Times,{})})]})}},de=e=>{let J=e,{tone:t,required:a,form:s,fileNameEdit:n=!0,systemOnly:r=!1,accept:u="*",limit:p=1,checkValidationAtFirst:b,onChange:i,onValidate:_,onUpdateValue:N,onUpdateValidValue:T,value:k=[],className:G,cellStyles:U,cellClassName:o,componentID:g,status_id:R,enableFormSubmit:B}=J,D=Z(J,["tone","required","form","fileNameEdit","systemOnly","accept","limit","checkValidationAtFirst","onChange","onValidate","onUpdateValue","onUpdateValidValue","value","className","cellStyles","cellClassName","componentID","status_id","enableFormSubmit"]),j={componentID:e.componentID||"",dataValue:k,eventType:"init",eventID:v.uuid.gen()},[d,A]=q(j),[w,$]=q({ok:!1,notice:[]});oe({type:"file",states:e,val_status:d,set_status:A,val_validate:w,set_validate:$,DefaultValidation:ue,onUpdateValue:N,onUpdateValidValue:T,ExtraOverrideStates:{dataValue:k,formatValue:k},ExtraStoreStates:{AddFiles:V=>L(void 0,null,function*(){let P=Q.get(d.componentID).Files,I=[];for(var S=0;S<(V==null?void 0:V.length);S++){let f=V[S],{type:h,name:C}=f;if(S+1+P.length>p){H.add({componentID:C,secondsToClose:12e3,children:`\u30D5\u30A1\u30A4\u30EB\u9078\u629E\u4E0A\u9650\u3092\u8D85\u3048\u305F\u305F\u3081\u3001${C}}\u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3002`,backgroundColor:"nega"});continue}if(u&&u=="image"&&!h.match(/image/)){H.add({componentID:C,secondsToClose:12e3,children:`\u30D5\u30A1\u30A4\u30EB\u5F62\u5F0F\u304C\u7570\u306A\u308B\u305F\u3081\u3001${C} \u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3002`,backgroundColor:"nega"});continue}I.push(f)}A(f=>x(y({},f),{dataValue:[...P,...I],eventType:"update",eventID:v.uuid.gen()}))})}});let E="";return u&&(u=="image"?E="image/png,image/jpeg":E=u),m(ie,{val_status:d,set_status:A,val_validate:w,states:e,children:[l("input",x(y({type:"file",className:c("Input"),"data-form":s,"data-input-type":"file","data-component-id":d.componentID,"data-validation":w.ok,accept:E,multiple:p!=1,onChange:V=>L(void 0,null,function*(){let P=V.target,I=P.files,S=[];for(var f=0;f<(I==null?void 0:I.length);f++){let h=I[f],C=h.name;if(h.id=v.uuid.gen(),f+1+d.dataValue.length>p){H.add({componentID:C,secondsToClose:12e3,children:`\u30D5\u30A1\u30A4\u30EB\u767B\u9332\u6570\u3092\u8D85\u3048\u305F\u305F\u3081\u3001${C}}\u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3067\u3057\u305F\u3002`,backgroundColor:"nega"});continue}S.push(h)}A(h=>x(y({},h),{dataValue:[...h.dataValue,...S],eventType:"update",eventID:v.uuid.gen()})),P.value=""})},D),{tabIndex:-1,value:""})),!r&&l(Y.List,{files:d.dataValue,states:e,val_status:d,set_status:A})]})};typeof window!="undefined"&&window.document&&v(document).addEvent({eventType:"dragover",callback:e=>{e.preventDefault(),z("."+c("AddButton")).addClass(c("Draggable"))},options:{passive:!1}}).addEvent({eventType:"drop",callback:e=>{e.preventDefault(),z("."+c("AddButton")).removeClass(c("Draggable"));let t=e.dataTransfer.files;if(t.length){let a=e.target;if(z(a).hasClass(c("AddButton"))){let{componentId:s}=a.dataset,n=Q.get(s);n&&n.AddFiles&&n.AddFiles(t)}}},options:{passive:!1}});const K=e=>{e=y({},e),e.override="force";let t=ae(e);return t.cellClassName=[t.cellClassName,se.Boxish(x(y({},t.cellStyles),{tone:t.tone})).className].join(" "),l(ne,{componentID:e.componentID,children:de,states:t})};K.fn={openDialog:e=>{let{multiple:t,accept:a}=e;return new Promise(s=>{const n=document.createElement("input");n.type="file",n.multiple=t!=null?t:!0,a&&(a=="image"?n.accept="image/png,image/jpeg":n.accept=a),n.onchange=r=>{s(r.target.files)},n.click()})}};export{K as Filer,K as default};
|
package/dist/fn/Input/List.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as t,c,d as B}from"../../chunk-C5N2D3ZX.js";import{jsx as l,jsxs as te}from"react/jsx-runtime";import{useState as X}from"react";import S from"@mingoo/jsmin";import{$$fromRoot as ne}from"../../@utils";import D from"../../atoms/Box";import ie from"../../atoms/Flex";import se from"../../atoms/FAI";import oe from"../Button";import{BoxWrapper as re,SubmitForm as ce,CommonEffects as ue,DefaultStyles as de,Wrapper as pe}from"./core";import fe from"./Hidden";import{InputListClasses as o}from"../../@styles/componentClasses";function me(e){let{value:n,states:
|
|
1
|
+
import{b as t,c as u,d as B}from"../../chunk-C5N2D3ZX.js";import{jsx as l,jsxs as te}from"react/jsx-runtime";import{useState as X}from"react";import S from"@mingoo/jsmin";import{$$fromRoot as ne}from"../../@utils";import D from"../../atoms/Box";import ie from"../../atoms/Flex";import se from"../../atoms/FAI";import oe from"../Button";import{BoxWrapper as re,SubmitForm as ce,CommonEffects as ue,DefaultStyles as de,Wrapper as pe}from"./core";import fe from"./Hidden";import{InputListClasses as o}from"../../@styles/componentClasses";function me(e){let{value:n,states:r}=e,{type:I,required:d,minSelect:a=0}=r,i=[];return d&&(n.length||I=="radio"&&i.push({type:"invalid",label:"\u9078\u629E\u3055\u308C\u3066\u3044\u307E\u305B\u3093"})),a&&n.length<a&&i.push({type:"invalid",label:`${a}\u500B\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044`}),{ok:!i.filter(({type:c})=>c=="invalid").length,notice:i}}const ye=e=>{let{value:n,options:r=[]}=e,I=S.is.exist(n)?S.flatArray(n):[],d=r.map(i=>{let{value:c,label:h}=i;return u(t({},i),{value:JSON.stringify(c),label:h})}),a=[];return I.forEach(i=>{let c=JSON.stringify(i);d.findIndex(k=>k.value==c)!=-1&&a.push(c)}),l(R.Core,u(t({},e),{value:a,options:d}))},R={Core:e=>{let N=e,{type:n,tone:r,required:I,componentID:d="",form:a,override:i,freeCSS:c,icon:h,iconType:k,enableFormSubmit:$,defaultActiveStyling:w,checkValidationAtFirst:J,onValidate:W,onUpdateValue:_,onUpdateValidValue:P,value:A,options:v,leftIndicator:j,rightIndicator:z,className:F,cellStyles:U,cellClassName:q,cellCheckedStyles:H,cellCheckedClassName:K}=N,T=B(N,["type","tone","required","componentID","form","override","freeCSS","icon","iconType","enableFormSubmit","defaultActiveStyling","checkValidationAtFirst","onValidate","onUpdateValue","onUpdateValidValue","value","options","leftIndicator","rightIndicator","className","cellStyles","cellClassName","cellCheckedStyles","cellCheckedClassName"]),b={componentID:d,dataValue:A,eventType:"init",eventID:S.uuid.gen()},[p,C]=X(b),[x,g]=X({ok:!1,notice:[]});return ue({type:"list",states:e,val_status:p,set_status:C,val_validate:x,set_validate:g,onUpdateValue:_,onUpdateValidValue:P,DefaultValidation:me}),te(re,{val_status:p,set_status:C,val_validate:x,states:e,children:[l(fe,u(t({"data-value":JSON.stringify(p.dataValue),form:a,"data-input-type":n,"data-validation":x.ok},T),{componentID:p.componentID})),l(R.List,{states:e,val_status:p,set_status:C})]})},List:e=>{let{states:n,val_status:r,set_status:I}=e,{componentID:d,type:a,tone:i,icon:c=!0,options:h,name:k,form:$,tabIndex:w,hideInput:J,disabled:W,className:_,cellStyles:P,cellClassName:A="",cellCheckedStyles:v,cellCheckedClassName:j="",enableFormSubmit:z,defaultActiveStyling:F=!0}=n,{dataValue:U}=r,q=c?l(D,{flexSizing:"none",children:n.iconType=="radio"?l(R.RadioIcon,{}):n.iconType=="checkbox"?l(R.CheckboxIcon,{}):null}):null,H=h.map((K,T)=>{let Q=K,{value:b,label:p,disabled:C=W,className:x="",checkedStyles:g,checkedClassName:N=""}=Q,ae=B(Q,["value","label","disabled","className","checkedStyles","checkedClassName"]),G=S.uuid.gen(),M=U.findIndex(f=>f===b)!=-1,L=t(t({},P),ae),O=[o("Label"),o("defaultActiveStyling_"+!!F),A,x];return M&&(L=u(t(t(t({},L),v),g),{freeCSS:t(t(t({},L.freeCSS),v==null?void 0:v.freeCSS),g==null?void 0:g.freeCSS)}),O=[...O,j,N]),[l("input",{type:a=="radio"?"radio":"checkbox",className:[o("Input"),o("defaultActiveStyling_"+!!F)].join(" "),name:"RadioCheckbox-"+k,"data-list-index":d+"-"+T,id:G,value:String(b),"data-form-name":$,disabled:C,checked:M,onFocus:f=>{if(C||a!="radio"||r.dataValue.length)return;let{value:m,checked:V}=f.target,y=[m];I(s=>u(t({},s),{dataValue:y,eventType:"update",eventID:S.uuid.gen()}))},onChange:f=>{if(C)return;let{value:m,checked:V}=f.target,y=[];if(a=="radio")y=[m];else if(a=="checkbox"||a=="checker")if(V)y=[...r.dataValue,m];else{let s=[...r.dataValue];s.splice(r.dataValue.findIndex(le=>le==m),1),y=s}I(s=>u(t({},s),{dataValue:y,eventType:"update",eventID:S.uuid.gen()}))},onKeyDown:f=>{let{key:m,shiftKey:V}=f;if((a=="checkbox"||a=="checker")&&m!="Tab"){if(m.match(/Arrow/)){f.preventDefault();let y=["ArrowLeft","ArrowUp"].includes(m)?-1:1,s=T+y;s<0?s=h.length-1:s>=h.length&&(s=0),ne(`input[data-list-index="${d}-${s}"]`).focus()}}z&&ce(f)},tabIndex:w},"List-"+JSON.stringify(b)),te(oe.Label.Plain,u(t({htmlFor:G,className:O.join(" "),tabIndex:-1,display:"flex",ssEffectsOnActive:!1,verticalAlign:"center",gap:"1/3",flexWrap:!1},L),{children:[q,S.is.string(p)?l(D,{children:p}):p]}),"ListTrigger-"+JSON.stringify(b))]});return l(ie,{flexSizing:"auto",freeCSS:t({},n.freeCSS),className:[_,o("CellBase"),o("HideInput_"+J),o("IconIndicator_"+!!c),o("Tone_"+i)].join(" "),children:H})},RadioIcon:()=>l(D,{className:o("Icon"),backgroundColor:"layer.1",border:!0,transition:"middle",position:"relative",borderRadius:"sphere",flexCenter:!0}),CheckboxIcon:()=>l(D,{className:[o("Icon"),o("CheckboxIcon")].join(" "),borderRadius:"3.tone.tertiary",backgroundColor:"layer.1",border:!0,transition:"middle",fontColor:"white",position:"relative",flexCenter:!0,children:l(se.Check,{className:o("I"),transition:"middle",opacity:"trans",freeCSS:{zIndex:8}})})},E=e=>{e=t({},e);let n=de.ListCell(e);return l(pe,{componentID:e.componentID,children:ye,states:n})},Y=e=>l(E,u(t({iconType:"radio",tone:e.tone},e),{type:"radio"})),Z=e=>l(E,u(t({iconType:"checkbox",tone:e.tone},e),{type:"checkbox"})),ee={Plain:E,Radio:Y,Checkbox:Z};export{Z as Checkbox,ee as List,Y as Radio,ee as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as t,c as o,d as O}from"../../chunk-C5N2D3ZX.js";import{jsx as l}from"react/jsx-runtime";import{useState as R}from"react";import p from"@mingoo/jsmin";import
|
|
1
|
+
import{b as t,c as o,d as O}from"../../chunk-C5N2D3ZX.js";import{jsx as l}from"react/jsx-runtime";import{useState as R}from"react";import p from"@mingoo/jsmin";import K from"../../atoms/Box";import q from"../../atoms/FAI";import M from"../../mols/Column";import $ from"../Button";import P from"../Tooltips";import{Wrapper as j,BoxWrapper as z,CommonEffects as G,DefaultStyles as Q}from"./core";import X from"./Parts";import{InputRichSelectClasses as Y,InputClasses as Z}from"../../@styles/componentClasses";function ee(e){let{value:a,states:r}=e,{required:n,options:i}=r,u=[];return n&&(!i.length||i.length&&p.is.nullish(JSON.parse(a)))&&u.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!u.filter(({type:d})=>d=="invalid").length,notice:u}}const te=e=>{let E=e,{tone:a,required:r,form:n,className:i,enableFormSubmit:u,enableUnSelected:d,checkValidationAtFirst:b,onChange:I,onKeyDown:V,onValidate:C,onUpdateValue:m,onUpdateValidValue:h,value:y="",options:D,placeholder:k,leftIndicator:le,rightIndicator:ne,leftIcon:oe,rightIcon:ie,componentID:re,status_id:ue,cellStyles:A,sheetStyles:f,gravityPoint:F}=E,L=O(E,["tone","required","form","className","enableFormSubmit","enableUnSelected","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","options","placeholder","leftIndicator","rightIndicator","leftIcon","rightIcon","componentID","status_id","cellStyles","sheetStyles","gravityPoint"]),w={componentID:e.componentID||"",dataValue:y,eventType:"init",eventID:p.uuid.gen()},[x]=R(p.uuid.gen()),[s,S]=R(w),[v,H]=R({ok:!1,notice:[]});G({type:"richSelect",states:e,val_status:s,set_status:S,ExtraOverrideStates:{dataValue:y,formatValue:y},val_validate:v,set_validate:H,DefaultValidation:ee,onUpdateValue:m,onUpdateValidValue:h});let T=l(K,{fontColor:"4.thin",textAlign:"left",children:k||"\u9078\u629E"});if(s.dataValue){let c=D.find(g=>g.type=="button"&&g.value==s.dataValue);c&&(T=c.selectedLabel||c.label)}return l(z,{val_status:s,set_status:S,val_validate:v,states:e,children:l("button",o(t({},L),{"data-form":n,"data-validation":v.ok,"data-component-id":s.componentID,"data-value":s.dataValue,"data-input-type":"richSelect",className:[i,Y("SelectLegend"),Z("InputCover")].join(" "),onClick:c=>{P.open({tipsID:x,parent:c.currentTarget,gravityPoint:F||13,close_option:{parentBlur:!1},content:()=>{let g=D.map(J=>{let{type:U,value:B,label:_}=J;return U=="button"?l($.Button.Clear.R,o(t({color:"cloud",borderRadius:0,fontColor:"2.normal",textAlign:"left",padding:0,onClick:()=>{S(W=>o(t({},W),{dataValue:B,eventType:"update",eventID:p.uuid.gen()})),P.close(x)}},A),{children:_}),String(B)):_});return l(M,o(t({ssCardBox:!0,padding:[1,0],gap:0,overflow:"auto"},f),{freeCSS:t({minWidth:12*20,maxHeight:"90vh"},f==null?void 0:f.freeCSS),children:g}))}})},children:T}))})},ae=e=>{let{value:a=null,placeholder:r,options:n=[]}=e,i=0,u=JSON.stringify(a),d=n.map(I=>{let{type:V,value:C}=I,m=JSON.stringify(C),h=m==u;return i|=Number(h),o(t({},I),{type:V||"button",value:m})});i||(a=null);let b=JSON.stringify(a);return l(te,o(t({},e),{value:b,options:d}))},N=e=>{var r,n;e=t({},e),p.is.nullish(e.rightIcon)&&(e.rightIcon=l(X.RightIcon,o(t({flexType:"col"},e.rightIconStyles),{children:l(q.AngleDown,{})}))),e.rightIcon&&(e.paddingRight=(r=e.paddingRight)!=null?r:3),e.leftIcon&&(e.paddingLeft=(n=e.paddingLeft)!=null?n:3);let a=Q.Boxish(e);return delete a.rightIconStyles,l(j,{componentID:e.componentID,children:ae,states:a})};export{N as RichSelect,N as default};
|
package/dist/fn/Input/Select.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as
|
|
1
|
+
import{b as u,c as d,d as T}from"../../chunk-C5N2D3ZX.js";import{Fragment as G,jsx as t,jsxs as z}from"react/jsx-runtime";import{useState as C}from"react";import S from"@mingoo/jsmin";import E from"../../atoms/Box";import P from"../../atoms/FAI";import{Wrapper as U,BoxWrapper as w,SubmitForm as K,CommonEffects as W,DefaultStyles as q}from"./core";import M from"./Parts";import{InputClasses as $,InputSelectClasses as N}from"../../@styles/componentClasses";function H(e){let{value:l,states:s}=e,{required:a,options:n}=s,o=[];return a&&(!n.length||n.length&&S.is.nullish(JSON.parse(l)))&&o.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!o.filter(({type:p})=>p=="invalid").length,notice:o}}const _={Core:e=>{var O;let x=e,{tone:l,required:s,form:a,className:n,enableFormSubmit:o,enableUnSelected:p,checkValidationAtFirst:f,onChange:r,onKeyDown:m,onValidate:b,onUpdateValue:I,onUpdateValidValue:y,value:h="",options:B,placeholder:F,leftIndicator:Q,rightIndicator:X,leftIcon:Y,rightIcon:Z,componentID:ee,status_id:te}=x,L=T(x,["tone","required","form","className","enableFormSubmit","enableUnSelected","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","options","placeholder","leftIndicator","rightIndicator","leftIcon","rightIcon","componentID","status_id"]),A={componentID:e.componentID||"",dataValue:h,eventType:"init",eventID:S.uuid.gen()},[c,v]=C(A),[g,D]=C({ok:!1,notice:[]});W({type:"select",states:e,val_status:c,set_status:v,ExtraOverrideStates:{dataValue:h,formatValue:h},val_validate:g,set_validate:D,DefaultValidation:H,onUpdateValue:I,onUpdateValidValue:y});let R=t(E,{fontColor:"4.thin",textAlign:"left",children:F||"\u9078\u629E"});if(c.dataValue){let i=B.find(V=>V.value==c.dataValue);i&&(R=(O=i.displayLabel)!=null?O:i.label)}return t(w,{val_status:c,set_status:v,val_validate:g,states:e,children:z(E,{className:[n,N("SelectLegend"),$("InputCover")].join(" "),children:[R,t("select",d(u({"data-form":a,"data-input-type":"select","data-validation":g.ok,"data-component-id":c.componentID,"data-value":c.dataValue,value:c.dataValue,onKeyDown:i=>{m&&m(i),o&&K(i)},onChange:i=>{let{value:V}=i.target;g.ok&&D({ok:!1,notice:[]}),v(J=>d(u({},J),{dataValue:V,eventType:"update",eventID:S.uuid.gen()})),r&&r(i)}},L),{className:N("Select"),children:t(_.Options,u({},e))}))]})})},Options:e=>{let{options:l=[],placeholder:s="\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044",enableUnSelected:a=!0}=e,n=l.map(o=>{let{value:p,label:f}=o,r=String(p);return t("option",{value:r,children:f},r)});return a&&n.unshift(t("option",{value:JSON.stringify(null),children:s},0)),t(G,{children:n})}},j=e=>{let{value:l=null,placeholder:s,options:a=[]}=e,n=0,o=JSON.stringify(l),p=a.map(r=>{let{value:m,label:b}=r,I=JSON.stringify(m),y=I==o;return n|=Number(y),d(u({},r),{value:I,label:b})});n||(l=null);let f=JSON.stringify(l);return t(_.Core,d(u({},e),{value:f,options:p}))},k=e=>{var s,a;e=u({},e),S.is.nullish(e.rightIcon)&&(e.rightIcon=t(M.RightIcon,d(u({flexType:"col"},e.rightIconStyles),{children:t(P.AngleDown,{})}))),e.rightIcon&&(e.paddingRight=(s=e.paddingRight)!=null?s:3),e.leftIcon&&(e.paddingLeft=(a=e.paddingLeft)!=null?a:3);let l=q.Boxish(e);return delete e.rightIconStyles,t(U,{componentID:e.componentID,children:j,states:l})};export{k as Select,k as default};
|
package/dist/fn/Input/Slider.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as I,c as V,d as
|
|
1
|
+
import{b as I,c as V,d as A}from"../../chunk-C5N2D3ZX.js";import{jsx as d,jsxs as B}from"react/jsx-runtime";import{useState as F,useEffect as q}from"react";import c from"@mingoo/jsmin";import{$$fromRoot as L,useStore as M,GenerateClassName as O}from"../../@utils";import x from"../../atoms/Box";import N from"../../atoms/Flex";import G from"../../mols/Column";import X from"../Button";import{Wrapper as j,BoxWrapper as J,SubmitForm as Q,CommonEffects as Y}from"./core";import Z from"./Hidden";import{InputSliderClasses as v}from"../../@styles/componentClasses";function ee(a){let{value:e,states:o}=a,{required:n}=o,s=[];return n&&!e&&s.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!s.filter(({type:i})=>i=="invalid").length,notice:s}}const z=a=>{let{value:e,val_status:o}=a,{min:n,max:s,step:i}=o;e=Math.max(e,n),e=Math.min(e,s);let t=e/s*s;return t=Math.round(t/i),{stepValue:t*i,stepIndex:t,positionLeft:t*i/s*100+"%"}},H={IndicatorLabels:a=>{let{componentID:e,min:o,max:n,step:s,customLegends:i}=a,r=[],t=Math.round(o/s),p=Math.round(n/s),f=p-t+1;for(var u=t;u<=p;u++){let l=u*s;l=Math.max(l,o),l=Math.min(l,n);let S=l/n*100+"%";r.push(d(x,{className:v("Label"),id:"Legend-"+e+"-"+u,display:u==t||u==p?"flex":"none",position:"absolute",top:0,unitHeight:1,unitWidth:1.5,transition:"middle",fontColor:"1.clear",freeCSS:{left:S,whiteSpace:"nowrap",textAlign:"center"},verticalAlign:"center",horizontalAlign:"center",children:i?i(l):l.rank()},l))}return q(()=>{const l=()=>{let S=L("#Labels-"+e),{width:h}=S.position(),C=Math.round(h/50)-1,y=Math.round(f/C);for(let m=t+1;m<p;m++)L("#Legend-"+e+"-"+m).css({display:m%y==0?"flex":"none"})};return c(window).addEvent({eventID:"SliderResizeCallback-"+e,eventType:"resize",callback:()=>{l()}}),l(),()=>{c(window).removeEvent("SliderResizeCallback-"+e)}},[]),d(N,{className:v("Labels"),verticalAlign:"center",horizontalAlign:"between",fontSize:"0.xs",position:"relative",unitHeight:1,id:"Labels-"+e,children:d(x,{position:"absolute",top:0,left:0,bottom:0,freeCSS:{right:12*1.5},children:r})})},Rail:a=>{let{val_status:e,set_status:o,DotData:n,form:s,enableFormSubmit:i}=a,{componentID:r}=e;return B(N,{className:v("Rail"),position:"relative",paddingLeft:"1/2",unitHeight:1.5,verticalAlign:"center",freeCSS:{minWidth:"10rem",zIndex:1,cursor:"pointer"},onMouseDown:t=>{t.stopPropagation(),g.Effects.Start(t,{val_status:e,set_status:o,DotData:n})},onTouchStart:t=>{t.stopPropagation(),g.Effects.Start(t,{val_status:e,set_status:o,DotData:n})},children:[d(x,{className:v("Bar"),backgroundColor:"layer.4",position:"relative",borderRadius:"sphere",transition:"middle",flexSizing:"none",unitHeight:"2/3",width:1,id:r+"_Bar",children:d(x,{className:v("BarColor"),position:"relative",height:1,width:0,left:0,transition:"long",borderRadius:"inherit",backgroundColor:a.color,opacity:"middle",overflow:"hidden",freeCSS:{width:n.positionLeft},id:r+"_BarColor"})}),d(x,{className:v("BallWrap"),position:"absolute",top:0,left:0,bottom:0,freeCSS:{right:12*1.5},children:d(X.Button.Plain,{className:v("Ball"),position:"absolute",backgroundColor:a.color,top:0,left:0,ssSphere:1.5,freeCSS:{zIndex:2,left:n.positionLeft},"data-form-name":s,id:r+"_Ball",onKeyDown:t=>{g.KeyDownEvent({event:t,val_status:e,set_status:o,DotData:n}),i&&Q(t)}})})]})}},g={Effects:{Start:(a,e)=>{c(document).addEvent({eventID:"SliderMouseMove",eventType:"mousemove",callback:o=>{g.Effects.Move(o,e)},options:{passive:!1}}).addEvent({eventID:"SliderTouchMove",eventType:"touchmove",callback:o=>{g.Effects.Move(o,e)},options:{passive:!1}}).addEvent({eventID:"SliderMouseUp",eventType:"mouseup",callback:()=>{g.Effects.End()}}).addEvent({eventID:"SliderTouchEnd",eventType:"touchend",callback:()=>{g.Effects.End()}})},Move:(a,e)=>{let o=c.getCursor(a).x,{val_status:n,set_status:s}=e,{componentID:i,min:r,max:t}=n,p=L("#"+i+"_Ball"),f=L("#"+i+"_Bar"),u=L("#"+i+"_BarColor"),{width:l,left:S}=f.position(),h=(o-S)/l;h=Math.max(h,0),h=Math.min(h,1);let C=h*t,y=z({value:C,val_status:n}),m=y.positionLeft,D=y.stepValue;p.css({left:m}),u.css({width:m});let{prevValue:T}=M.get(i);return D!=T&&(M.update({[i]:{prevValue:D}}),s(_=>V(I({},_),{dataValue:D,eventType:"update",eventID:c.uuid.gen()}))),a.preventDefault(),a.stopPropagation(),!1},End:()=>{c(document).removeEvent(["SliderMouseMove","SliderTouchMove","SliderMouseUp","SliderTouchEnd"])}},KeyDownEvent:a=>{let{event:e,val_status:o,set_status:n}=a,{min:s,max:i,step:r}=o,{key:t,metaKey:p,ctrlKey:f}=e,u=f||p,l=o.dataValue;t.match(/Arrow/)&&(e.preventDefault(),t.match(/Left|Up/)?u?l=s:l-=r:t.match(/Right|Down/)&&(u?l=i:l+=r),l=Math.max(Math.min(l,i),s),M.update({[o.componentID]:{prevValue:l}}),n(S=>V(I({},S),{dataValue:l,eventType:"update",eventID:c.uuid.gen()})))}},te=a=>{let k=a,{color:e="theme",required:o,form:n="",legends:{enable:s=!0,custom:i,showAlways:r=!1}={},min:t,max:p,step:f,enableFormSubmit:u,checkValidationAtFirst:l,onChange:S,onKeyDown:h,onValidate:C,onUpdateValue:y,onUpdateValidValue:m,value:D="",className:T}=k,_=A(k,["color","required","form","legends","min","max","step","enableFormSubmit","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","className"]),W={componentID:a.componentID||"",dataValue:D,min:t,max:p,step:f,eventType:"init",eventID:c.uuid.gen()},[b,w]=F(W),[R,U]=F({ok:!1,notice:[]});Y({states:a,val_status:b,set_status:w,val_validate:R,set_validate:U,onUpdateValue:y,onUpdateValidValue:m,DefaultValidation:ee,ExtraOverrideStates:{dataValue:D},ExtraStoreStates:{prevValue:b.dataValue,setValueByForeign:P=>{w($=>V(I({},$),{dataValue:P,eventType:"update",eventID:c.uuid.gen()}))}}});let E=z({value:b.dataValue,val_status:b});return B(J,{val_status:b,set_status:w,val_validate:R,states:a,children:[d(Z,I({value:E.stepValue,form:n,"data-value":E.stepValue,"data-validation":R.ok,"data-input-type":"slider"},_)),B(G,{gap:"1/2",flexSizing:"auto",className:[v("Wrap"),T,v("ShowLegendsAlways_"+r)].join(" "),children:[d(H.Rail,{color:e,val_status:b,set_status:w,DotData:E,form:n,enableFormSubmit:u}),!!s&&d(H.IndicatorLabels,{componentID:b.componentID,min:t,max:p,step:f,customLegends:i})]})]})},K=a=>(a=I({},a),d(j,{componentID:a.componentID,children:te,states:O(a)}));export{K as Slider,K as default};
|
package/dist/fn/Input/Switch.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as l,c as f,d as V}from"../../chunk-C5N2D3ZX.js";import{jsx as
|
|
1
|
+
import{b as l,c as f,d as V}from"../../chunk-C5N2D3ZX.js";import{jsx as t,jsxs as D}from"react/jsx-runtime";import{useState as g}from"react";import k from"@mingoo/jsmin";import d from"../../atoms/Box";import N from"../../mols/Row";import L from"../Button";import{Wrapper as q,BoxWrapper as H,SubmitForm as O,CommonEffects as P}from"./core";import{InputSwitchClasses as m}from"../../@styles/componentClasses";function U(e){let{value:I,states:a}=e,{required:y}=a,i=[];return y&&!I&&i.push({type:"invalid",label:"ON\u306B\u306A\u3063\u3066\u3044\u307E\u305B\u3093"}),{ok:!i.filter(({type:r})=>r=="invalid").length,notice:i}}const W=e=>{let S=e,{componentID:I,color:a="posi",required:y,form:i,id:r,enableFormSubmit:R,checkValidationAtFirst:A,onChange:b,onKeyDown:v,onValidate:K,onUpdateValue:T,onUpdateValidValue:B,value:c="",icon:C="",appearance:s="material"}=S,_=V(S,["componentID","color","required","form","id","enableFormSubmit","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","icon","appearance"]),E={componentID:e.componentID||"",dataValue:c,eventType:"init",eventID:k.uuid.gen()},[o,h]=g(E),[p,w]=g({ok:!1,notice:[]}),u=!!o.dataValue;return P({states:e,val_status:o,set_status:h,val_validate:p,set_validate:w,DefaultValidation:U,onUpdateValue:T,onUpdateValidValue:B,ExtraOverrideStates:{dataValue:c,formatValue:c}}),D(H,{val_status:o,set_status:h,val_validate:p,states:e,children:[t("input",l({type:"checkbox","data-form":i,"data-input-type":"switch","data-validation":p.ok,"data-component-id":o.componentID,"data-value":o.dataValue,checked:o.dataValue,className:m("Input"),id:r,onKeyDown:n=>{v&&v(n),R&&O(n)},onChange:n=>{p.ok&&w({ok:!1,notice:[]}),h(F=>f(l({},F),{dataValue:n.target.checked,eventType:"update",eventID:k.uuid.gen()})),b&&b(n)}},_)),t(L.Label.Plain,{tabIndex:-1,htmlFor:r,padding:"1/3",transition:"middle",borderRadius:"1.tone.primary",className:m("Label"),children:t(d,f(l({},s=="applely"?{padding:"1/4",isRounded:!0,backgroundColor:u?a:"layer.5"}:{}),{children:D(N.Center,{unitHeight:2.5,position:"relative",freeCSS:{width:12*4.5},children:[s=="material"&&t(d,{position:"absolute",backgroundColor:u?a:"layer.5",borderRadius:"sphere",unitHeight:1,transition:"middle",width:1,className:m("Bar"),opacity:"middle"}),t(d,{position:"absolute",top:0,left:0,backgroundColor:s=="material"&&u?a:"white",transition:"middle",ssSphere:2.5,boxShadow:"1.remark",className:m("Dot"),children:C&&t(d,{transition:"middle",ssSquare:2,flexCenter:!0,fontColor:s=="applely"&&u?a:"white",children:C})})]})}))})]})},x=e=>(e=l({},e),e.color=e.color||"theme",t(q,{componentID:e.componentID,children:W,states:e}));export{x as Switch,x as default};
|
package/dist/fn/Input/Text.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as o,c as I,d as P}from"../../chunk-C5N2D3ZX.js";import{Fragment as H,jsx as n,jsxs as W}from"react/jsx-runtime";import{useState as E,useEffect as z}from"react";import x from"@mingoo/jsmin";import{$$fromRoot as ae,useStore as re}from"../../@utils";import C from"../../atoms/Box";import F from"../../atoms/FAI";import U from"../Button";import R from"../Tooltips";import{faEye as K}from"@fortawesome/free-solid-svg-icons/faEye";import{Wrapper as ne,BoxWrapper as ie,SubmitForm as oe,CommonEffects as le,DefaultStyles as se}from"./core";import S from"./Parts";const ue={number:{reg:/^-?[0-9\.]+$/g,exist:!0,reason:"\u534A\u89D2\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},katakana:{reg:/^[ァ-ヶー ｦ-ﾟ ]*$/g,exist:!0,reason:"\u30AB\u30BF\u30AB\u30CA\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},"hankaku.katakana":{reg:/^[ｦ-ﾟ ]*$/g,exist:!0,reason:"\u534A\u89D2\u30AB\u30BF\u30AB\u30CA\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},digitNumber:{reg:/^-?[0-9\.]+$/g,exist:!0,reason:"\u534A\u89D2\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},fileName:{reg:/[¥\/:*\?\"\'\|\.\s\n\r\<\>]/g,exist:!1,reason:"\u7A7A\u767D\u307E\u305F\u306F\u4E00\u90E8\u306E\u7279\u6B8A\u6587\u5B57\u306F\u4F7F\u7528\u3067\u304D\u307E\u305B\u3093"},creditCard:{reg:/^\d{14,16}$/g,exist:!0,reason:"14~16\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},email:{reg:/^[A-Za-z0-9]{1}[A-Za-z0-9_.-]*@{1}[A-Za-z0-9_.-]+\.[A-Za-z0-9]+$/,exist:!0,reason:W(H,{children:[n(C,{children:"\u25CB\u25CB\u25CB\u25CB@\u25CB\u25CB\u25CB\u25CB.\u25CB\u25CB\u25CB\u306E\u5F62\u5F0F\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),n(C,{children:"\u6700\u5F8C\u306E\u6587\u5B57\u306B.(\u30C9\u30C3\u30C8)\u3092\u5165\u308C\u308B\u3053\u3068\u306F\u3067\u304D\u307E\u305B\u3093"})]})},password:{reg:/^(?=[^A-Z]*[A-Z])(?=[^a-z]*[a-z])(?=[^0-9]*[0-9]).{8,}$/,exist:!0,reason:"8\u6587\u5B57\u4EE5\u4E0A\u3001\u534A\u89D2\u82F1\u6570\u5927\u5C0F\u6587\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},tel:{reg:/.*$/g,exist:!0,reason:W(H,{children:[n(C,{children:"0\u304B\u3089\u59CB\u307E\u308B\u756A\u53F7\u306E\u307F\u5165\u529B\u53EF\u80FD\u3067\u3059"}),n(C,{children:"9~12\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),n(C,{children:"\u6570\u5B57\u306E\u307F\u5165\u529B\u53EF\u80FD\u3067\u3059"})]})},url:{reg:/^https?:\/\/[^\n\s]+(\.|\:)[^\n\s\.\:]+$/,exist:!0,reason:"URL\u5F62\u5F0F : http(s)://\u25EF\u25EF\u25EF\u25EF"},postal:{reg:/^\d{7}$/g,exist:!0,reason:"7\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}},T=e=>{let{restrict:r,value:u=""}=e,t=String(u),a=!1;if(["tel","number","digitNumber","test","postal","creditCard"].includes(r)&&(t=t.zen2hanNumber()),r=="katakana"&&(t=t.replace(/[^ァ-ヶー ｦ-ﾟ ]/ig,"")),r=="hankaku.katakana"&&(t=t.replace(/[^ｦ-ﾟ ]/ig,"")),["postal","creditCard"].includes(r)&&(t=t.removeLetters()),["number","digitNumber"].includes(r)&&t&&t!="-")if(t=="0-")t="-";else{t[0]=="-"&&(a=!0),t=t.replace(/[^0-9\.]/ig,"");let i=Number(t);i===0&&(a=!1),a&&(i=-1*i),x.is.exist(e.min)&&(i=Math.max(i,Number(e.min))),x.is.exist(e.max)&&(i=Math.min(i,Number(e.max))),t=String(Math.abs(i))}let p=t;if(r=="digitNumber"){if(t&&t!="-"){let i=[];for(let l=t.length-1;l>=0;l--){i.unshift(t[l]);let g=t.length-1-l+1;l!=0&&g%3==0&&i.unshift(",")}p=i.join("")}}else r=="postal"?t.length>=4&&(p=t.clip(0,3)+"-"+t.clip(3)):r=="creditCard"&&(p=t.replace(/.{4}(?=.)/g,"$& "));return["number","digitNumber"].includes(r)&&a&&(t="-"+t,p="-"+p),{formatValue:p,dataValue:t}},pe=e=>{let{id:r,restrict:u,val_status:t}=e,a=ae("#"+r)[0];if(a&&t.prevValue&&t.formatValue){let{formatValue:p,prevValue:i,caretFrom:l,caretTo:g}=t;if(u=="creditCard")p.length>=i.length&&l%5==0&&(l++,g++),a.setSelectionRange(l,g);else if(u=="postal")p.length==5&&i.length==3&&(l++,g++),a.setSelectionRange(l,g);else if(u=="digitNumber"){let D=p.length-i.length;D==2&&(l++,g++),D==-2&&(l--,g--),a.setSelectionRange(l,g)}}},Z=(e,r)=>{let u={ok:!0,body:""};return(()=>{let t=ue[r];if(!t)return;let a=t.reason;if(t){let p=!!(+!!e.match(t.reg)^+!t.exist);u={ok:p,body:p?"":a}}})(),u};function me(e){let{value:r,states:u}=e,{restrict:t="text",maxLength:a=255,required:p}=u,i=[];if(x.is.exist(a)&&r.length>=Number(a)&&i.push({type:"invalid",label:a+"\u5B57\u4EE5\u5185\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),r){let l=Z(r,t);l.ok||i.push({type:"invalid",label:l.body})}else p&&i.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"});return{ok:!i.filter(({type:l})=>l=="invalid").length,notice:i}}const de=e=>{let L=e,{componentID:r,tone:u,required:t,restrict:a="text",form:p,autoComplete:i="off",autoCapitalize:l="off",enableFormSubmit:g,clearButton:D=!1,checkValidationAtFirst:ce,onChange:J,onKeyDown:M,onValidate:fe,onUpdateValue:q,onUpdateValidValue:Y,wrapStyles:ge,value:$="",leftIndicator:xe,rightIndicator:be,leftIcon:he,rightIcon:Ie,maxLength:ve,min:y,max:N}=L,d=P(L,["componentID","tone","required","restrict","form","autoComplete","autoCapitalize","enableFormSubmit","clearButton","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","wrapStyles","value","leftIndicator","rightIndicator","leftIcon","rightIcon","maxLength","min","max"]),j=a=="password"||a=="concealed"?"password":"text",G=["number","digitNumber","creditCard"].includes(a)?"numeric":a=="email"?"email":"text",Q=I(o({componentID:r},T({min:y,max:N,restrict:a,value:$})),{prevValue:"",eventType:"init",eventID:x.uuid.gen(),caretFrom:null,caretTo:null}),[ee,X]=E(!1),[s,v]=E(Q),[k,B]=E({ok:!1,notice:[]});return le({states:e,val_status:s,set_status:v,val_validate:k,set_validate:B,DefaultValidation:me,onUpdateValue:q,onUpdateValidValue:Y,ExtraOverrideStates:o({},T({min:y,max:N,restrict:a,value:$}))}),z(()=>{pe({id:e.id,restrict:a,val_status:s})},[s]),n(ie,{val_status:s,set_status:v,val_validate:k,states:e,children:n("input",I(o({type:j,inputMode:G,"data-form":p,"data-input-type":"text","data-validation":k.ok,"data-value":s.dataValue,"data-component-id":s.componentID,value:s.formatValue,autoComplete:i,autoCapitalize:l,onKeyDown:c=>{let{key:f,target:w}=c;{let b=w,{selectionStart:h,selectionEnd:te}=b,V=Number(h),O=Number(te),_=s.formatValue[Number(V)],A=s.formatValue[Number(V)-1];f=="Delete"&&(a=="creditCard"&&_==" "||a=="postal"&&_=="-"||a=="digitNumber"&&_==",")&&(b.setSelectionRange(V+1,O+1),c.preventDefault()),f=="Backspace"&&(a=="creditCard"&&A==" "||a=="postal"&&A=="-"||a=="digitNumber"&&A==",")&&(b.setSelectionRange(V-1,O-1),c.preventDefault()),f=="Enter"||f=="Tab"}if(["number","digitNumber","creditCard"].includes(a)&&f=="Clear"&&v(I(o({},s),{dataValue:"",formatValue:"",eventType:"update",eventID:x.uuid.gen()})),["number","digitNumber"].includes(a)&&["ArrowUp","ArrowDown"].includes(f)){let b=+(f=="ArrowUp")*2-1,h=String(Number(s.dataValue)+b);k.ok&&B({ok:!1,notice:[]}),v(I(o(o({},s),T({min:y,max:N,restrict:a,value:h})),{eventType:"update",eventID:x.uuid.gen()})),c.preventDefault()}M&&M(c),g&&oe(c)},onChange:c=>{let{value:f,selectionStart:w,selectionEnd:b}=c.target,h=T({min:y,max:N,restrict:a,value:f});ee&&(h.formatValue=f),h.formatValue!=s.formatValue&&(k.ok&&B({ok:!1,notice:[]}),v(I(o(o({},s),h),{prevValue:s.formatValue,eventType:"update",eventID:x.uuid.gen(),caretFrom:Number(w),caretTo:Number(b)})),J&&J(c))}},d),{onCompositionStart:c=>{d!=null&&d.onCompositionStart&&(d==null||d.onCompositionStart(c)),X(!0)},onCompositionEnd:c=>{if(d!=null&&d.onCompositionEnd&&(d==null||d.onCompositionEnd(c)),a=="text")return;let f=T({min:y,max:N,restrict:a,value:s.formatValue});v(I(o(o({},s),f),{prevValue:s.formatValue,eventType:"update",eventID:x.uuid.gen(),caretFrom:Number(s.formatValue.length+1),caretTo:Number(s.formatValue.length+1)})),X(!1)}}))})},m={Validate:Z,Normal:e=>{var r,u;return e=o({},e),e.rightIcon&&(e.paddingRight=(r=e.paddingRight)!=null?r:3),e.leftIcon&&(e.paddingLeft=(u=e.paddingLeft)!=null?u:3),n(ne,{componentID:e.componentID,children:de,states:se.Boxish(e)})},Katakana:e=>n(m.Normal,o({restrict:"katakana"},e)),HankakuKatakana:e=>n(m.Normal,o({restrict:"hankaku.katakana"},e)),CreditCard:e=>n(m.Normal,o({restrict:"creditCard"},e)),Tel:e=>n(m.Normal,o({restrict:"tel",placeholder:"xxx-xxxx-xxxx"},e)),Number:e=>n(m.Normal,o({restrict:"number"},e)),DigitNumber:e=>n(m.Normal,o({restrict:"digitNumber"},e)),Email:e=>n(m.Normal,o({restrict:"email"},e)),Url:e=>n(m.Normal,o({restrict:"url"},e)),Postal:e=>{let[r]=E(x.uuid.gen());return z(()=>()=>{re.delete(r)},[]),n(m.Normal,o({restrict:"postal",placeholder:"\u90F5\u4FBF\u756A\u53F7",leftIndicator:n(S.LeftIndicator,{children:"\u3012"})},e))},Password:e=>n(m.Normal,o({restrict:"password",placeholder:"\u30D1\u30B9\u30EF\u30FC\u30C9\u3092\u5165\u529B",rightIndicator:n(S.RightIndicator,{padding:0,children:n(U.Button.Normal.R,{padding:[0,1],fontColor:"theme",borderRadius:"inherit",backgroundColor:"inherit",flexCenter:!0,height:1,ssEffectsOnActive:["expand"],onMouseOver:r=>{R.open({parent:r.currentTarget,gravityPoint:24,padding:[1,0],content:n(R.Comps.Body,{children:"\u30D1\u30B9\u30EF\u30FC\u30C9\u3092\u8868\u793A"})})},tabIndex:-1,onClick:r=>{x(r.target).parent().parent().find("input").callback(u=>{let t=u[0];t.type=t.type==="password"?"text":"password"})},children:n(F,{icon:K})})})},e)),Concealed:e=>n(m.Normal,o({restrict:"concealed",placeholder:"\u79D8\u5BC6\u9375\u3092\u5165\u529B",rightIndicator:n(S.RightIndicator,{padding:0,children:n(U.Button.Normal.R,{padding:[0,1],fontColor:"theme",borderRadius:"inherit",backgroundColor:"inherit",flexCenter:!0,height:1,ssEffectsOnActive:["expand"],onMouseOver:r=>{R.open({parent:r.currentTarget,gravityPoint:24,padding:[1,0],content:n(R.Comps.Body,{children:"\u5024\u3092\u8868\u793A"})})},tabIndex:-1,onClick:r=>{x(r.target).parent().parent().parent().find("input").callback(u=>{let t=u[0];t.type=t.type==="password"?"text":"password"})},children:n(F,{icon:K})})})},e)),Money:{JPY:e=>n(m.DigitNumber,o({placeholder:"\u91D1\u984D\u3092\u5165\u529B",rightIndicator:n(S.RightIndicator,{children:"\u5186"})},e))}};export{m as Text,de as TextInput,m as default};
|
|
1
|
+
import{b as o,c as y,d as z}from"../../chunk-C5N2D3ZX.js";import{Fragment as W,jsx as n,jsxs as q}from"react/jsx-runtime";import{useState as S,useEffect as F}from"react";import x from"@mingoo/jsmin";import{$$fromRoot as ae,useStore as re}from"../../@utils";import V from"../../atoms/Box";import U from"../../atoms/FAI";import K from"../Button";import D from"../Tooltips";import{faEye as Z}from"@fortawesome/free-solid-svg-icons/faEye";import{Wrapper as ne,BoxWrapper as ie,SubmitForm as oe,CommonEffects as le,DefaultStyles as se}from"./core";import B from"./Parts";const ue={number:{reg:/^-?[0-9\.]+$/g,exist:!0,reason:"\u534A\u89D2\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},katakana:{reg:/^[ァ-ヶー ｦ-ﾟ ]*$/g,exist:!0,reason:"\u30AB\u30BF\u30AB\u30CA\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},"hankaku.katakana":{reg:/^[ｦ-ﾟ ]*$/g,exist:!0,reason:"\u534A\u89D2\u30AB\u30BF\u30AB\u30CA\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},digitNumber:{reg:/^-?[0-9\.]+$/g,exist:!0,reason:"\u534A\u89D2\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},fileName:{reg:/[¥\/:*\?\"\'\|\.\s\n\r\<\>]/g,exist:!1,reason:"\u7A7A\u767D\u307E\u305F\u306F\u4E00\u90E8\u306E\u7279\u6B8A\u6587\u5B57\u306F\u4F7F\u7528\u3067\u304D\u307E\u305B\u3093"},creditCard:{reg:/^\d{14,16}$/g,exist:!0,reason:"14~16\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},email:{reg:/^[A-Za-z0-9]{1}[A-Za-z0-9_.-]*@{1}[A-Za-z0-9_.-]+\.[A-Za-z0-9]+$/,exist:!0,reason:q(W,{children:[n(V,{children:"\u25CB\u25CB\u25CB\u25CB@\u25CB\u25CB\u25CB\u25CB.\u25CB\u25CB\u25CB\u306E\u5F62\u5F0F\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),n(V,{children:"\u6700\u5F8C\u306E\u6587\u5B57\u306B.(\u30C9\u30C3\u30C8)\u3092\u5165\u308C\u308B\u3053\u3068\u306F\u3067\u304D\u307E\u305B\u3093"})]})},password:{reg:/^(?=[^A-Z]*[A-Z])(?=[^a-z]*[a-z])(?=[^0-9]*[0-9]).{8,}$/,exist:!0,reason:"8\u6587\u5B57\u4EE5\u4E0A\u3001\u534A\u89D2\u82F1\u6570\u5927\u5C0F\u6587\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},tel:{reg:/.*$/g,exist:!0,reason:q(W,{children:[n(V,{children:"0\u304B\u3089\u59CB\u307E\u308B\u756A\u53F7\u306E\u307F\u5165\u529B\u53EF\u80FD\u3067\u3059"}),n(V,{children:"9~12\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),n(V,{children:"\u6570\u5B57\u306E\u307F\u5165\u529B\u53EF\u80FD\u3067\u3059"})]})},url:{reg:/^https?:\/\/[^\n\s]+(\.|\:)[^\n\s\.\:]+$/,exist:!0,reason:"URL\u5F62\u5F0F : http(s)://\u25EF\u25EF\u25EF\u25EF"},postal:{reg:/^\d{7}$/g,exist:!0,reason:"7\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}},E=e=>{let{restrict:r,value:s=""}=e,t=String(s),a=!1;if(["tel","number","digitNumber","test","postal","creditCard"].includes(r)&&(t=t.zen2hanNumber()),r=="katakana"&&(t=t.replace(/[^ァ-ヶー ｦ-ﾟ ]/ig,"")),r=="hankaku.katakana"&&(t=t.replace(/[^ｦ-ﾟ ]/ig,"")),["postal","creditCard"].includes(r)&&(t=t.removeLetters()),["number","digitNumber"].includes(r)&&t&&t!="-")if(t=="0-")t="-";else{t[0]=="-"&&(a=!0),t=t.replace(/[^0-9\.]/ig,"");let i=Number(t);i===0&&(a=!1),a&&(i=-1*i),x.is.exist(e.min)&&(i=Math.max(i,Number(e.min))),x.is.exist(e.max)&&(i=Math.min(i,Number(e.max))),t=String(Math.abs(i))}let u=t;if(r=="digitNumber"){if(t&&t!="-"){let i=[];for(let l=t.length-1;l>=0;l--){i.unshift(t[l]);let g=t.length-1-l+1;l!=0&&g%3==0&&i.unshift(",")}u=i.join("")}}else r=="postal"?t.length>=4&&(u=t.clip(0,3)+"-"+t.clip(3)):r=="creditCard"&&(u=t.replace(/.{4}(?=.)/g,"$& "));return["number","digitNumber"].includes(r)&&a&&(t="-"+t,u="-"+u),{formatValue:u,dataValue:t}},pe=e=>{let{id:r,restrict:s,val_status:t}=e,a=ae("#"+r)[0];if(a&&t.prevValue&&t.formatValue){let{formatValue:u,prevValue:i,caretFrom:l,caretTo:g}=t;if(s=="creditCard")u.length>=i.length&&l%5==0&&(l++,g++),a.setSelectionRange(l,g);else if(s=="postal")u.length==5&&i.length==3&&(l++,g++),a.setSelectionRange(l,g);else if(s=="digitNumber"){let w=u.length-i.length;w==2&&(l++,g++),w==-2&&(l--,g--),a.setSelectionRange(l,g)}}},H=(e,r)=>{let s={ok:!0,body:""};return(()=>{let t=ue[r];if(!t)return;let a=t.reason;if(t){let u=!!(+!!e.match(t.reg)^+!t.exist);s={ok:u,body:u?"":a}}})(),s};function me(e){let{value:r,states:s}=e,{restrict:t="text",maxLength:a=255,required:u}=s,i=[];if(x.is.exist(a)&&r.length>=Number(a)&&i.push({type:"invalid",label:a+"\u5B57\u4EE5\u5185\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),r){let l=H(r,t);l.ok||i.push({type:"invalid",label:l.body})}else u&&i.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"});return{ok:!i.filter(({type:l})=>l=="invalid").length,notice:i}}const de=e=>{let O=e,{componentID:r,tone:s,required:t,restrict:a="text",form:u,autoComplete:i="off",autoCapitalize:l="off",enableFormSubmit:g,clearButton:w=!1,checkValidationAtFirst:ce,onChange:M,onKeyDown:$,onValidate:fe,onUpdateValue:Y,onUpdateValidValue:j,wrapStyles:ge,value:X="",leftIndicator:xe,rightIndicator:be,leftIcon:he,rightIcon:Ie,maxLength:ye,min:k,max:v}=O,m=z(O,["componentID","tone","required","restrict","form","autoComplete","autoCapitalize","enableFormSubmit","clearButton","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","wrapStyles","value","leftIndicator","rightIndicator","leftIcon","rightIcon","maxLength","min","max"]),G=a=="password"||a=="concealed"?"password":"text",Q=["number","digitNumber","creditCard"].includes(a)?"numeric":a=="email"?"email":"text",ee=y(o({componentID:r},E({min:k,max:v,restrict:a,value:X})),{prevValue:"",eventType:"init",eventID:x.uuid.gen(),caretFrom:null,caretTo:null}),[te,L]=S(!1),[d,N]=S(ee),[C,_]=S({ok:!1,notice:[]});return le({states:e,val_status:d,set_status:N,val_validate:C,set_validate:_,DefaultValidation:me,onUpdateValue:Y,onUpdateValidValue:j,ExtraOverrideStates:o({},E({min:k,max:v,restrict:a,value:X}))}),F(()=>{pe({id:e.id,restrict:a,val_status:d})},[d]),n(ie,{val_status:d,set_status:N,val_validate:C,states:e,children:n("input",y(o({type:G,inputMode:Q,"data-form":u,"data-input-type":"text","data-validation":C.ok,"data-value":d.dataValue,"data-component-id":d.componentID,value:d.formatValue,autoComplete:i,autoCapitalize:l,onKeyDown:c=>{let{key:f,target:h}=c;{let b=h,{selectionStart:I,selectionEnd:T}=b,R=Number(I),P=Number(T),A=d.formatValue[Number(R)],J=d.formatValue[Number(R)-1];f=="Delete"&&(a=="creditCard"&&A==" "||a=="postal"&&A=="-"||a=="digitNumber"&&A==",")&&(b.setSelectionRange(R+1,P+1),c.preventDefault()),f=="Backspace"&&(a=="creditCard"&&J==" "||a=="postal"&&J=="-"||a=="digitNumber"&&J==",")&&(b.setSelectionRange(R-1,P-1),c.preventDefault()),f=="Enter"||f=="Tab"}if(["number","digitNumber","creditCard"].includes(a)&&f=="Clear"&&N(b=>y(o({},b),{dataValue:"",formatValue:"",eventType:"update",eventID:x.uuid.gen()})),["number","digitNumber"].includes(a)&&["ArrowUp","ArrowDown"].includes(f)){let b=+(f=="ArrowUp")*2-1,I=String(Number(d.dataValue)+b);C.ok&&_({ok:!1,notice:[]}),N(T=>y(o(o({},T),E({min:k,max:v,restrict:a,value:I})),{eventType:"update",eventID:x.uuid.gen()})),c.preventDefault()}$&&$(c),g&&oe(c)},onChange:c=>{let{value:f,selectionStart:h,selectionEnd:b}=c.target,I=E({min:k,max:v,restrict:a,value:f});te&&(I.formatValue=f),I.formatValue!=d.formatValue&&(C.ok&&_({ok:!1,notice:[]}),N(T=>y(o(o({},T),I),{prevValue:d.formatValue,eventType:"update",eventID:x.uuid.gen(),caretFrom:Number(h),caretTo:Number(b)})),M&&M(c))}},m),{onCompositionStart:c=>{m!=null&&m.onCompositionStart&&(m==null||m.onCompositionStart(c)),L(!0)},onCompositionEnd:c=>{if(m!=null&&m.onCompositionEnd&&(m==null||m.onCompositionEnd(c)),a=="text")return;let f=E({min:k,max:v,restrict:a,value:d.formatValue});N(h=>y(o(o({},h),f),{prevValue:h.formatValue,eventType:"update",eventID:x.uuid.gen(),caretFrom:Number(h.formatValue.length+1),caretTo:Number(h.formatValue.length+1)})),L(!1)}}))})},p={Validate:H,Normal:e=>{var r,s;return e=o({},e),e.rightIcon&&(e.paddingRight=(r=e.paddingRight)!=null?r:3),e.leftIcon&&(e.paddingLeft=(s=e.paddingLeft)!=null?s:3),n(ne,{componentID:e.componentID,children:de,states:se.Boxish(e)})},Katakana:e=>n(p.Normal,o({restrict:"katakana"},e)),HankakuKatakana:e=>n(p.Normal,o({restrict:"hankaku.katakana"},e)),CreditCard:e=>n(p.Normal,o({restrict:"creditCard"},e)),Tel:e=>n(p.Normal,o({restrict:"tel",placeholder:"xxx-xxxx-xxxx"},e)),Number:e=>n(p.Normal,o({restrict:"number"},e)),DigitNumber:e=>n(p.Normal,o({restrict:"digitNumber"},e)),Email:e=>n(p.Normal,o({restrict:"email"},e)),Url:e=>n(p.Normal,o({restrict:"url"},e)),Postal:e=>{let[r]=S(x.uuid.gen());return F(()=>()=>{re.delete(r)},[]),n(p.Normal,o({restrict:"postal",placeholder:"\u90F5\u4FBF\u756A\u53F7",leftIndicator:n(B.LeftIndicator,{children:"\u3012"})},e))},Password:e=>n(p.Normal,o({restrict:"password",placeholder:"\u30D1\u30B9\u30EF\u30FC\u30C9\u3092\u5165\u529B",rightIndicator:n(B.RightIndicator,{padding:0,children:n(K.Button.Normal.R,{padding:[0,1],fontColor:"theme",borderRadius:"inherit",backgroundColor:"inherit",flexCenter:!0,height:1,ssEffectsOnActive:["expand"],onMouseOver:r=>{D.open({parent:r.currentTarget,gravityPoint:24,padding:[1,0],content:n(D.Comps.Body,{children:"\u30D1\u30B9\u30EF\u30FC\u30C9\u3092\u8868\u793A"})})},tabIndex:-1,onClick:r=>{x(r.target).parent().parent().find("input").callback(s=>{let t=s[0];t.type=t.type==="password"?"text":"password"})},children:n(U,{icon:Z})})})},e)),Concealed:e=>n(p.Normal,o({restrict:"concealed",placeholder:"\u79D8\u5BC6\u9375\u3092\u5165\u529B",rightIndicator:n(B.RightIndicator,{padding:0,children:n(K.Button.Normal.R,{padding:[0,1],fontColor:"theme",borderRadius:"inherit",backgroundColor:"inherit",flexCenter:!0,height:1,ssEffectsOnActive:["expand"],onMouseOver:r=>{D.open({parent:r.currentTarget,gravityPoint:24,padding:[1,0],content:n(D.Comps.Body,{children:"\u5024\u3092\u8868\u793A"})})},tabIndex:-1,onClick:r=>{x(r.target).parent().parent().parent().find("input").callback(s=>{let t=s[0];t.type=t.type==="password"?"text":"password"})},children:n(U,{icon:Z})})})},e)),Money:{JPY:e=>n(p.DigitNumber,o({placeholder:"\u91D1\u984D\u3092\u5165\u529B",rightIndicator:n(B.RightIndicator,{children:"\u5186"})},e))}};export{p as Text,de as TextInput,p as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as s,c as g,d as T}from"../../chunk-C5N2D3ZX.js";import{jsx as p}from"react/jsx-runtime";import{useState as v}from"react";import y from"@mingoo/jsmin";import{Wrapper as
|
|
1
|
+
import{b as s,c as g,d as T}from"../../chunk-C5N2D3ZX.js";import{jsx as p}from"react/jsx-runtime";import{useState as v}from"react";import y from"@mingoo/jsmin";import{Wrapper as _,BoxWrapper as k,SubmitForm as C,CommonEffects as S,DefaultStyles as F}from"./core";function w(t){let{value:e,states:a}=t,{required:n}=a,o=[];return n&&!e&&o.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!o.filter(({type:u})=>u=="invalid").length,notice:o}}const B=t=>{let I=t,{componentID:e,tone:a,required:n,form:o,enableFormSubmit:u,checkValidationAtFirst:L,onChange:c,onKeyDown:f,onValidate:W,onUpdateValue:x,onUpdateValidValue:V,value:D="",leftIndicator:q,rightIndicator:H,leftIcon:K,rightIcon:M}=I,R=T(I,["componentID","tone","required","form","enableFormSubmit","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator","leftIcon","rightIcon"]),b={componentID:e,dataValue:D,eventType:"init",eventID:y.uuid.gen()},[i,d]=v(b),[r,m]=v({ok:!1,notice:[]});return S({states:t,val_status:i,set_status:d,val_validate:r,set_validate:m,onUpdateValue:x,onUpdateValidValue:V,DefaultValidation:w}),p(k,{val_status:i,set_status:d,val_validate:r,states:t,children:p("textarea",s({"data-form":o,"data-input-type":"textarea","data-validation":r.ok,"data-value":i.dataValue,"data-component-id":i.componentID,value:i.dataValue,onKeyDown:l=>{f&&f(l),u&&C(l)},onChange:l=>{let{value:A}=l.target;r.ok&&m({ok:!1,notice:[]}),d(E=>g(s({},E),{dataValue:A,eventType:"update",eventID:y.uuid.gen()})),c&&c(l)}},R))})},h=t=>{var a,n;t=s({},t),t.rightIcon&&(t.paddingRight=(a=t.paddingRight)!=null?a:3),t.leftIcon&&(t.paddingLeft=(n=t.paddingLeft)!=null?n:3);let e=F.Boxish(t);return e.rows=e.rows||5,p(_,{componentID:t.componentID,children:B,states:e})};export{h as TextArea,h as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as f,c as T}from"../../../chunk-C5N2D3ZX.js";import{Fragment as $,jsx as i,jsxs as y}from"react/jsx-runtime";import{createElement as I}from"react";import{useState as P,useEffect as z,useRef as Y}from"react";import c from"@mingoo/jsmin";import C from"../../../atoms/Box";import N from"../../../atoms/FAI";import B from"../../../atoms/Flex";import _ from"../../../atoms/Grid";import M from"../../../mols/Row";import x from"../../../mols/Column";import O from"../../../mols/Text";import v from"../../Button";import H from"../../Tooltips";import R from"../Select";import{List as F}from"../List";import{InputTimeClasses as g}from"../../../@styles/componentClasses";let A=r=>{var t,a;let e=[],d=Number((t=r==null?void 0:r.min)!=null?t:1900),o=Number((a=r==null?void 0:r.max)!=null?a:c.Time().addYear(10).year);for(let m=d;m<=o;m++)e.unshift({value:m,label:[m,...c.transformer.wareki(m).value].join(" - ")});return e};const L=r=>{let{restrict:e,era:d="year",defaultValue:o=""}=r;r=f({},r),r.tipsID=r.tipsID||c.uuid.gen();const t=Y(!1);let[a,m]=P((()=>{var s,p;if(e=="clock"){let l=String(o).split(/[^\d]/);l[0]||(l=[0,0]);let u=Number(l[0]),h=Number(l[1]);return{modifiedType:"init",hour:u,minutes:h}}else if(e=="date"){let[l,u,h]=(s=String(o))==null?void 0:s.split(/\D/);return(c.is.nullish(l)||c.is.nullish(u)||c.is.nullish(h))&&([l,u,h]=c.Time().toFormat("%Y-%M-%D").split("-")),{modifiedType:"init",year:Number(l),month:Number(u),date:Number(h)}}else if(e!="week"){if(e=="month"){let[l,u]=String(o).split(/\D/);return(c.is.nullish(l)||c.is.nullish(u))&&([l,u]=c.Time().toFormat("%Y-%M").split("-")),{modifiedType:"init",year:Number(l),month:Number(u)}}else if(e=="year"){let[l]=String(o).split(/\D/);return c.is.nullish(l)&&([l]=c.Time().toFormat("%Y").split("-")),{modifiedType:"init",year:Number(l)}}else if(e=="dateWareki"){let[l,u,h]=(p=String(o))==null?void 0:p.split(/\D/);return(c.is.nullish(l)||c.is.nullish(u)||c.is.nullish(h))&&([l,u,h]=c.Time().toFormat("%Y-%M-%D").split("-")),{modifiedType:"init",era:d||"year",year:Number(l),month:Number(u),date:Number(h)}}}return{}})());z(()=>{if(t.current){if(a.modifiedType=="update"){let s="",p=d||"year";if(e=="clock"){let{hour:l,minutes:u}=a;s=[l.zeroEmbed(2),u.zeroEmbed(2)].join("/")}else if(e=="date"){let{year:l,month:u,date:h}=a;s=[l,u.zeroEmbed(2),h.zeroEmbed(2)].join("/")}else if(e!="week"){if(e=="month"){let{year:l,month:u}=a;s=[l,u.zeroEmbed(2)].join("/")}else if(e=="year"){let{year:l}=a;s=String(l)}else if(e=="dateWareki"){let{year:l,month:u,date:h,era:S}=a;p=S,s=[l,u.zeroEmbed(2),h.zeroEmbed(2)].join("/")}}r.onValueUpdate(s,p)}}else t.current=!0},[a]);let n=T(f({},r),{val_value:a,set_value:m});return i(C,{backgroundColor:"layer.1",borderRadius:"2.tone.secondary",boxShadow:"1.remark",border:!0,overflow:"hidden",children:i(C,{overflow:"auto",className:g(e.toCapital()+"Base"),children:e=="clock"?i(k.Clock._,f({},n)):e=="date"?i(k.Date._,f({},n)):e=="week"?"":e=="month"?i(k.Month._,f({},n)):e=="year"?i(k.Year._,f({},n)):e=="dates"||e=="months"?"":e=="dateWareki"?i(k.DateWareki._,f({},n)):i($,{})})})},k={Clock:{_:r=>{let{min:e,max:d,onValueUpdate:o,tipsID:t,val_value:a,set_value:m}=r,[n,s]=P(a.hour>12?2:1),[p,l]=P(Number(localStorage.getItem("timePickerUnit")||5));z(()=>{localStorage.setItem("timePickerUnit",String(p))},[p]);let{hour:u,minutes:h}=a;return y(x,{padding:1,children:[y(B,{flexType:"row",flexWrap:!1,gap:1,className:g("Body"),children:[y(x,{className:g("DesignSide"),flexSizing:0,children:[i(C,{className:g("ClockUiBase"),padding:[1,"2/3"],flexCenter:!0,children:y(C,{className:g("ClockUi"),backgroundColor:"theme.opa.low",isRounded:!0,position:"relative",children:[i(C,{position:"absolute",backgroundColor:"theme",unitWidth:"1/12",className:[g("Needle"),g("hour")].join(" "),freeCSS:{transform:`rotate(${u*30+h/2}deg)`}}),i(C,{position:"absolute",backgroundColor:"theme",unitWidth:"1/12",className:[g("Needle"),g("minute")].join(" "),freeCSS:{transform:`rotate(${h*6}deg)`}})]})}),i(F.Radio,{tone:"plain",icon:!0,value:[n],options:[{value:1,label:"AM"},{value:2,label:"PM"}],flexType:"col",gap:0,cellStyles:{padding:"1/2",horizontalAlign:"between",gap:"1/3"},tabIndex:-1,onUpdateValidValue:({value:S})=>{let D=a.hour%12+(S==2?12:0);s(S),m({modifiedType:"update",hour:D,minutes:a.minutes})}}),i(C,{borderTop:!0,margin:[0,1]}),i(F.Radio,{tone:"plain",icon:!0,value:[p],options:[{value:1,label:"/ 1\u5206"},{value:2,label:"/ 2\u5206"},{value:5,label:"/ 5\u5206"}],flexType:"col",gap:0,cellStyles:{padding:"1/2",horizontalAlign:"between",gap:"1/3"},tabIndex:-1,onUpdateValidValue:({value:S})=>{l(S)}})]}),y(x,{children:[y(C,{flexCenter:!0,fontSize:"3.paragraph",isSemiBoldFont:!0,children:[a.hour.zeroEmbed(2)," : ",a.minutes.zeroEmbed(2)]}),y(B,{flexWrap:!1,borderRadius:"1.tone.primary",boxShadow:"0.remark.inset",flexChilds:"even",freeCSS:{minWidth:12*12},padding:["1/3",0],children:[i(x,{gap:0,overflow:"auto",padding:"2/3",borderRight:!0,freeCSS:{maxHeight:12*22},children:k.Clock.Hours({onClick:S=>{let V=S+(n==2?12:0);m({modifiedType:"update",hour:V,minutes:a.minutes})},min:e,max:d,ampm:n})}),i(x,{gap:0,overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*22},children:k.Clock.Minutes({onClick:S=>{m({modifiedType:"update",hour:a.hour,minutes:S})},min:e,max:d,unit:p})})]})]})]}),i(k.Variables.Footer,{tipsID:t,onValueUpdate:o})]})},Hours:r=>{let e=[];for(let d=0;d<12;d++){let o=r.ampm==2?d+12:d,t=!1;{let a=Number(String(o*100).replace(/\D/ig,""));if(r.min&&Number(String(r.min).replace(/\D/ig,""))>a&&(t=!0),r.max){let m=Number(String(r.max).replace(/\D/ig,""));a>m&&(t=!0)}}e.push(i(v.Button.Normal.R,{isLocked:t,borderBottom:!0,borderRadius:0,padding:["1/2",1],freeCSS:{whiteSpace:"nowrap"},tabIndex:-1,onClick:()=>{r.onClick(d)},children:o.zeroEmbed(2)},d))}return e},Minutes:r=>{let e=[];for(let d=0;d<60/r.unit;d++){let o=d*r.unit;e.push(i(v.Button.Normal.R,{borderBottom:!0,borderRadius:0,padding:["1/2",1],freeCSS:{whiteSpace:"nowrap"},tabIndex:-1,onClick:()=>{r.onClick(o)},children:o.zeroEmbed(2)},o))}return e}},Date:{_:r=>{let{min:e,max:d,onValueUpdate:o,tipsID:t,val_value:a,set_value:m}=r,{year:n,month:s,date:p}=a;return y(x,{padding:1,children:[y(B,{horizontalAlign:"between",verticalAlign:"center",flexWrap:!1,children:[y(B,{verticalAlign:"bottom",horizontalAlign:"left",gap:"2/3",flexWrap:!1,children:[i(R,{override:"force",enableUnSelected:!1,value:n,options:A(),border:"1.thin",padding:["1/3","2/3"],paddingRight:2,rightIconStyles:{right:"1/3"},onUpdateValidValue:({value:l})=>{m({modifiedType:"update",year:Number(l),month:s,date:p})}}),i(R,{override:"force",enableUnSelected:!1,value:s,options:(()=>{let l=[];for(let u=1;u<=12;u++)l.push({value:u,label:String(u),displayLabel:String(u)+"\u6708"});return l})(),placeholder:"",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,rightIconStyles:{right:"1/3"},onUpdateValidValue:({value:l})=>{m({modifiedType:"update",year:n,month:Number(l),date:p})}})]}),i(k.Variables.ShiftButtons,{callback:l=>{let u=s+l,h=n;l==-1?(u<=0&&h--,u=u||12):s==12&&h++,m({modifiedType:"update",year:h,month:u,date:a.date})}})]}),i(C,{borderTop:!0}),i(C,{children:k.Date.MonthCalendar({min:e,max:d,year:a.year,month:a.month,current:[a.year,a.month,a.date],callback:l=>{let[u,h,S]=l;m({modifiedType:"update",year:u,month:h,date:S})}})}),i(k.Variables.Footer,{tipsID:t,onValueUpdate:o})]})},MonthCalendar:r=>{let{min:e,max:d,year:o,month:t,current:a,callback:m}=r,n=c.Time(),s=c.Time([o,t.zeroEmbed(2),"01"].join("/")),p=s.getLastDayOfTheMonth(),l=c.Time(s).addMonth(-1).getLastDayOfTheMonth().date,u=[],h=[],S=[],V=[],D={padding:0,unitWidth:3,unitHeight:3,flexCenter:!0,borderRadius:"3.tone.tertiary"};for(var b=0;b<7;b++)u.push(I(C,T(f({className:[g("CalendarDay"),g("Legend")].join(" ")},D),{key:b}),["\u65E5","\u6708","\u706B","\u6C34","\u6728","\u91D1","\u571F"][b]));for(var b=0;b<s.weekday;b++)h.unshift(I(C,T(f({className:[g("CalendarDay"),g("Dummy")].join(" "),fontColor:"4.thin"},D),{key:b}),l-b));for(var b=1;b<=p.date;b++){let U=b,j=o==n.year&&t==n.month&&b==n.date,w=!1;{let E=Number(String([o,t.zeroEmbed(2),b.zeroEmbed(2)].join("/")).replace(/\D/ig,""));if(r.min&&Number(String(r.min).replace(/\D/ig,""))>E&&(w=!0),r.max){let W=Number(String(r.max).replace(/\D/ig,""));E>W&&(w=!0)}}S.push(I(v.Button.Clear.R,T(f({className:[g("CalendarDay"),g("isToday_"+j)].join(" ")},D),{onClick:()=>{m([o,t,U])},tabIndex:-1,key:U,isLocked:w,fontColor:"1.clear",ssEffectsOnActive:"shrink",padding:0,flexCenter:!0,borderRadius:"sphere",children:b})))}for(var b=1;b<7-p.weekday;b++)V.push(I(C,T(f({className:[g("CalendarDay"),g("Dummy")].join(" "),fontColor:"4.thin"},D),{key:b}),b));return y(_,{gridCols:7,gap:"1/3",children:[u,h,S,V]})}},Month:{_:r=>{let{min:e,max:d,onValueUpdate:o,tipsID:t,val_value:a,set_value:m}=r,{year:n,month:s}=a;return y(x,{padding:1,children:[y(M.Separate,{gap:0,children:[i(M.Center,{verticalAlign:"bottom",gap:"2/3",children:i(R,{enableUnSelected:!1,value:n,options:A(),override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,rightIconStyles:{right:"1/3"},onUpdateValidValue:({value:p})=>{m({modifiedType:"update",year:Number(p),month:s})}})}),i(k.Variables.ShiftButtons,{callback:p=>{let l=Math.min(Math.max(n+p,1900),2100);m({modifiedType:"update",year:l,month:s})}})]}),i(C,{borderTop:!0}),k.Month.Months({min:e,max:d,year:a.year,callback:p=>{let[l,u]=p;m({modifiedType:"update",year:l,month:u})}}),i(k.Variables.Footer,{tipsID:t,onValueUpdate:o})]})},Months:r=>{let{year:e,callback:d}=r,o=c.Time(),t=[];for(let a=1;a<=12;a++){let m=e==o.year&&a==o.month,n=!1;{let p=Number(String([e,a.zeroEmbed(2)].join("/")).replace(/\D/ig,""));if(r.min&&Number(String(r.min).replace(/\D/ig,""))>p&&(n=!0),r.max){let l=Number(String(r.max).replace(/\D/ig,""));p>l&&(n=!0)}}let s=[g("Cell"),m?g("isThisMonth"):""].join(" ");t.push(y(v.Button.Clear.R,{className:s,isLocked:n,fontColor:"2.normal",padding:["2/3",1],ssEffectsOnActive:"shrink",onClick:()=>{d([e,a])},children:[a," \u6708"]},e+"-"+a))}return i(_,{gridCols:4,gap:"2/3",children:t})}},Year:{_:r=>{let{min:e,max:d,onValueUpdate:o,tipsID:t,val_value:a,set_value:m}=r,{year:n}=a;return y(x,{padding:1,children:[i(R,{enableUnSelected:!1,value:n||c.Time().year,override:"force",options:A({min:e,max:d}),onUpdateValidValue:({value:s})=>{m({modifiedType:"update",year:Number(s)})}}),i(k.Variables.Footer,{tipsID:t,onValueUpdate:o,onSubmit:()=>{m({modifiedType:"update",year:Number(n||c.Time().year)})}})]})}},DateWareki:{_:r=>{let{min:e,max:d,onValueUpdate:o,tipsID:t,val_value:a,set_value:m}=r,{era:n,year:s,month:p,date:l}=a,u={val_value:a,set_value:m};return y(C,{children:[y(M.Left,{verticalAlign:"unset",borderBottom:!0,gap:0,children:[i(k.DateWareki.EraSelect,f({},u)),i(C,{borderRight:!0}),i(k.DateWareki.Calendar,f({},u))]}),i(C,{padding:1,children:i(k.Variables.Footer,{tipsID:t,onValueUpdate:o})})]})},EraSelect:r=>{let{val_value:e,set_value:d}=r,o={padding:["1/2",1.5],fontColor:"3.blur"},t={backgroundColor:"cloud",fontColor:"2.normal",isSemiBoldFont:!0};return y(x,{gap:0,padding:1,children:[i(v.Button.Clear.R,T(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="year",onClick:()=>{let a=c.Time();d({modifiedType:"update",era:"year",year:a.year,month:a.month,date:a.date})},children:"\u897F\u66A6"})),i(v.Button.Clear.R,T(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="reiwa",onClick:()=>{let a=c.Time();d({modifiedType:"update",era:"reiwa",year:a.year,month:a.month,date:a.date})},children:"\u4EE4\u548C"})),i(v.Button.Clear.R,T(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="heisei",onClick:()=>{d({modifiedType:"update",era:"heisei",year:2019,month:1,date:1})},children:"\u5E73\u6210"})),i(v.Button.Clear.R,T(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="shouwa",onClick:()=>{d({modifiedType:"update",era:"shouwa",year:1989,month:1,date:1})},children:"\u662D\u548C"})),i(v.Button.Clear.R,T(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="taisho",onClick:()=>{d({modifiedType:"update",era:"taisho",year:1926,month:1,date:1})},children:"\u5927\u6B63"})),i(v.Button.Clear.R,T(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="meiji",onClick:()=>{d({modifiedType:"update",era:"meiji",year:1912,month:1,date:1})},children:"\u660E\u6CBB"}))]})},Calendar:r=>{let{val_value:e,set_value:d}=r,o=[];if(e.era=="year")for(let t=1900;t<2100;t++)o.unshift({value:t,label:t+"\u5E74"});else if(e.era=="reiwa"){let t=c.Time().year-2018;for(let a=1;a<=t+10;a++)o.unshift({value:2019+a-1,label:"\u4EE4\u548C"+(a==1?"\u5143":a)+"\u5E74"})}else if(e.era=="heisei")for(let t=1;t<=31;t++)o.unshift({value:1989+t-1,label:"\u5E73\u6210"+(t==1?"\u5143":t)+"\u5E74"});else if(e.era=="shouwa")for(let t=1;t<=64;t++)o.unshift({value:1926+t-1,label:"\u662D\u548C"+(t==1?"\u5143":t)+"\u5E74"});else if(e.era=="taisho")for(let t=1;t<=15;t++)o.unshift({value:1912+t-1,label:"\u5927\u6B63"+(t==1?"\u5143":t)+"\u5E74"});else if(e.era=="meiji")for(let t=1;t<=45;t++)o.unshift({value:1868+t-1,label:"\u660E\u6CBB"+(t==1?"\u5143":t)+"\u5E74"});return y(x,{padding:1,children:[y(M.Separate,{children:[i(R,{tone:"cloud",enableUnSelected:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,rightIconStyles:{right:"1/3"},options:o,value:e.year,onUpdateValidValue:({value:t})=>{d(T(f({},e),{modifiedType:"update",year:Number(t)}))}}),y(M.Center,{gap:"1/3",children:[i(v.Button.Clear.S,{ssSphere:2,onClick:()=>{let t=e.month-1;d({modifiedType:"update",era:e.era,year:t==0?e.year-1:e.year,month:t==0?12:t,date:1})},children:i(N.ChevronLeft,{})}),i(R,{tone:"cloud",enableUnSelected:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,rightIconStyles:{right:"1/3"},options:[{value:1,label:"1\u6708"},{value:2,label:"2\u6708"},{value:3,label:"3\u6708"},{value:4,label:"4\u6708"},{value:5,label:"5\u6708"},{value:6,label:"6\u6708"},{value:7,label:"7\u6708"},{value:8,label:"8\u6708"},{value:9,label:"9\u6708"},{value:10,label:"10\u6708"},{value:11,label:"11\u6708"},{value:12,label:"12\u6708"}],value:e.month,onUpdateValidValue:({value:t})=>{d({modifiedType:"update",era:e.era,year:e.year,month:Number(t),date:1})}}),i(v.Button.Clear.S,{ssSphere:2,onClick:()=>{let t=e.month+1;d({modifiedType:"update",era:e.era,year:t==13?e.year+1:e.year,month:t==13?1:t,date:1})},children:i(N.ChevronRight,{})})]})]}),i(k.DateWareki.MonthCell,f({},r))]},e.era)},MonthCell:r=>{let{val_value:e,set_value:d}=r,o=c.Time([e.year.zeroEmbed(4),e.month.zeroEmbed(2),e.date.zeroEmbed(2)].join("/"));if(!o.validate)return;let t=o.getFirstDayOfTheMonth().weekday,a=o.getLastDayOfTheMonth(),m=[];for(let n=0;n<7;n++)m.push(i(O.Supplement,{flexCenter:!0,fontColor:n==0?"googleRed":n==6?"googleBlue":"3.blur",children:c.transformer.weekday.shortJP(n)}));for(let n=0;n<t;n++){let s=c.Time(o).getFirstDayOfTheMonth().addDate(n-t);m.push(i(v.Button.Sub.R,{color:"cloud",border:"1.thin",ssSquare:3,opacity:"middle",onClick:p=>{p.preventDefault(),p.stopPropagation(),d({modifiedType:"update",era:e.era,year:s.year,month:s.month,date:s.date})},children:s.date}))}for(let n=1;n<=a.date;n++){let s=c.Time(o).setDate(n);m.push(i(v.Button.Border.R,{ssSquare:3,onClick:()=>{d({modifiedType:"update",era:e.era,year:s.year,month:s.month,date:s.date})},children:s.date}))}for(let n=0;n<7-a.weekday-1;n++){let s=c.Time(o).addMonth(1).setDate(1).addDate(n);m.push(i(v.Button.Sub.R,{color:"cloud",border:"1.thin",ssSquare:3,opacity:"middle",onClick:p=>{p.preventDefault(),p.stopPropagation(),d({modifiedType:"update",era:e.era,year:s.year,month:s.month,date:s.date})},children:s.date}))}return i(_,{gridCols:7,gap:"1/4",children:m})}},Variables:{Footer:r=>y(B,{flexWrap:!1,gap:1,flexChilds:"even",freeCSS:{whiteSpace:"nowrap"},children:[y(v.Button.Border.R,{onClick:()=>{r.onValueUpdate("")},tabIndex:-1,flexSizing:"none",padding:["2/3",1],children:[i(N.Times,{})," \u524A\u9664"]}),i(v.Button.Prime.R,{flexSizing:"auto",onClick:()=>{r.onSubmit&&r.onSubmit(),H.close(r.tipsID)},tabIndex:-1,children:"\u6C7A\u5B9A",padding:["2/3",1]})]}),ShiftButtons:r=>y(B,{flexWrap:!1,gap:"1/3",children:[i(v.Button.Clear.R,T(f({className:g("LeftButton"),tabIndex:-1,right:0},k.Variables.ShiftButtonStyles),{onClick:()=>{r.callback(-1)},children:i(N.ChevronLeft,{})})),i(v.Button.Clear.R,T(f({className:g("RightButton"),tabIndex:-1,left:0},k.Variables.ShiftButtonStyles),{onClick:()=>{r.callback(1)},children:i(N.ChevronRight,{})}))]}),ShiftButtonStyles:{flexCenter:!0,padding:0,unitWidth:3,unitHeight:3,borderRadius:"sphere",position:"relative"}}};export{L as Picker,L as default};
|
|
1
|
+
import{b as f,c as T}from"../../../chunk-C5N2D3ZX.js";import{Fragment as $,jsx as i,jsxs as y}from"react/jsx-runtime";import{createElement as I}from"react";import{useState as P,useEffect as z,useRef as Y}from"react";import c from"@mingoo/jsmin";import C from"../../../atoms/Box";import N from"../../../atoms/FAI";import B from"../../../atoms/Flex";import _ from"../../../atoms/Grid";import M from"../../../mols/Row";import x from"../../../mols/Column";import O from"../../../mols/Text";import v from"../../Button";import H from"../../Tooltips";import R from"../Select";import{List as F}from"../List";import{InputTimeClasses as g}from"../../../@styles/componentClasses";let A=r=>{var t,a;let e=[],d=Number((t=r==null?void 0:r.min)!=null?t:1900),o=Number((a=r==null?void 0:r.max)!=null?a:c.Time().addYear(10).year);for(let m=d;m<=o;m++)e.unshift({value:m,label:[m,...c.transformer.wareki(m).value].join(" - ")});return e};const L=r=>{let{restrict:e,era:d="year",defaultValue:o=""}=r;r=f({},r),r.tipsID=r.tipsID||c.uuid.gen();const t=Y(!1);let[a,m]=P((()=>{var s,p;if(e=="clock"){let l=String(o).split(/[^\d]/);l[0]||(l=[0,0]);let u=Number(l[0]),h=Number(l[1]);return{modifiedType:"init",hour:u,minutes:h}}else if(e=="date"){let[l,u,h]=(s=String(o))==null?void 0:s.split(/\D/);return(c.is.nullish(l)||c.is.nullish(u)||c.is.nullish(h))&&([l,u,h]=c.Time().toFormat("%Y-%M-%D").split("-")),{modifiedType:"init",year:Number(l),month:Number(u),date:Number(h)}}else if(e!="week"){if(e=="month"){let[l,u]=String(o).split(/\D/);return(c.is.nullish(l)||c.is.nullish(u))&&([l,u]=c.Time().toFormat("%Y-%M").split("-")),{modifiedType:"init",year:Number(l),month:Number(u)}}else if(e=="year"){let[l]=String(o).split(/\D/);return c.is.nullish(l)&&([l]=c.Time().toFormat("%Y").split("-")),{modifiedType:"init",year:Number(l)}}else if(e=="dateWareki"){let[l,u,h]=(p=String(o))==null?void 0:p.split(/\D/);return(c.is.nullish(l)||c.is.nullish(u)||c.is.nullish(h))&&([l,u,h]=c.Time().toFormat("%Y-%M-%D").split("-")),{modifiedType:"init",era:d||"year",year:Number(l),month:Number(u),date:Number(h)}}}return{}})());z(()=>{if(t.current){if(a.modifiedType=="update"){let s="",p=d||"year";if(e=="clock"){let{hour:l,minutes:u}=a;s=[l.zeroEmbed(2),u.zeroEmbed(2)].join("/")}else if(e=="date"){let{year:l,month:u,date:h}=a;s=[l,u.zeroEmbed(2),h.zeroEmbed(2)].join("/")}else if(e!="week"){if(e=="month"){let{year:l,month:u}=a;s=[l,u.zeroEmbed(2)].join("/")}else if(e=="year"){let{year:l}=a;s=String(l)}else if(e=="dateWareki"){let{year:l,month:u,date:h,era:S}=a;p=S,s=[l,u.zeroEmbed(2),h.zeroEmbed(2)].join("/")}}r.onValueUpdate(s,p)}}else t.current=!0},[a]);let n=T(f({},r),{val_value:a,set_value:m});return i(C,{backgroundColor:"layer.1",borderRadius:"2.tone.secondary",boxShadow:"1.remark",border:!0,overflow:"hidden",children:i(C,{overflow:"auto",className:g(e.toCapital()+"Base"),children:e=="clock"?i(k.Clock._,f({},n)):e=="date"?i(k.Date._,f({},n)):e=="week"?"":e=="month"?i(k.Month._,f({},n)):e=="year"?i(k.Year._,f({},n)):e=="dates"||e=="months"?"":e=="dateWareki"?i(k.DateWareki._,f({},n)):i($,{})})})},k={Clock:{_:r=>{let{min:e,max:d,onValueUpdate:o,tipsID:t,val_value:a,set_value:m}=r,[n,s]=P(a.hour>12?2:1),[p,l]=P(Number(localStorage.getItem("timePickerUnit")||5));z(()=>{localStorage.setItem("timePickerUnit",String(p))},[p]);let{hour:u,minutes:h}=a;return y(x,{padding:1,children:[y(B,{flexType:"row",flexWrap:!1,gap:1,className:g("Body"),children:[y(x,{className:g("DesignSide"),flexSizing:0,children:[i(C,{className:g("ClockUiBase"),padding:[1,"2/3"],flexCenter:!0,children:y(C,{className:g("ClockUi"),backgroundColor:"theme.opa.low",isRounded:!0,position:"relative",children:[i(C,{position:"absolute",backgroundColor:"theme",unitWidth:"1/12",className:[g("Needle"),g("hour")].join(" "),freeCSS:{transform:`rotate(${u*30+h/2}deg)`}}),i(C,{position:"absolute",backgroundColor:"theme",unitWidth:"1/12",className:[g("Needle"),g("minute")].join(" "),freeCSS:{transform:`rotate(${h*6}deg)`}})]})}),i(F.Radio,{tone:"plain",icon:!0,value:[n],options:[{value:1,label:"AM"},{value:2,label:"PM"}],flexType:"col",gap:0,cellStyles:{padding:"1/2",horizontalAlign:"between",gap:"1/3"},tabIndex:-1,onUpdateValidValue:({value:S})=>{let D=a.hour%12+(S==2?12:0);s(S),m({modifiedType:"update",hour:D,minutes:a.minutes})}}),i(C,{borderTop:!0,margin:[0,1]}),i(F.Radio,{tone:"plain",icon:!0,value:[p],options:[{value:1,label:"/ 1\u5206"},{value:2,label:"/ 2\u5206"},{value:5,label:"/ 5\u5206"}],flexType:"col",gap:0,cellStyles:{padding:"1/2",horizontalAlign:"between",gap:"1/3"},tabIndex:-1,onUpdateValidValue:({value:S})=>{l(S)}})]}),y(x,{children:[y(C,{flexCenter:!0,fontSize:"3.paragraph",isSemiBoldFont:!0,children:[a.hour.zeroEmbed(2)," : ",a.minutes.zeroEmbed(2)]}),y(B,{flexWrap:!1,borderRadius:"1.tone.primary",boxShadow:"0.remark.inset",flexChilds:"even",freeCSS:{minWidth:12*12},padding:["1/3",0],children:[i(x,{gap:0,overflow:"auto",padding:"2/3",borderRight:!0,freeCSS:{maxHeight:12*22},children:k.Clock.Hours({onClick:S=>{let V=S+(n==2?12:0);m({modifiedType:"update",hour:V,minutes:a.minutes})},min:e,max:d,ampm:n})}),i(x,{gap:0,overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*22},children:k.Clock.Minutes({onClick:S=>{m({modifiedType:"update",hour:a.hour,minutes:S})},min:e,max:d,unit:p})})]})]})]}),i(k.Variables.Footer,{tipsID:t,onValueUpdate:o})]})},Hours:r=>{let e=[];for(let d=0;d<12;d++){let o=r.ampm==2?d+12:d,t=!1;{let a=Number(String(o*100).replace(/\D/ig,""));if(r.min&&Number(String(r.min).replace(/\D/ig,""))>a&&(t=!0),r.max){let m=Number(String(r.max).replace(/\D/ig,""));a>m&&(t=!0)}}e.push(i(v.Button.Normal.R,{isLocked:t,borderBottom:!0,borderRadius:0,padding:["1/2",1],freeCSS:{whiteSpace:"nowrap"},tabIndex:-1,onClick:()=>{r.onClick(d)},children:o.zeroEmbed(2)},d))}return e},Minutes:r=>{let e=[];for(let d=0;d<60/r.unit;d++){let o=d*r.unit;e.push(i(v.Button.Normal.R,{borderBottom:!0,borderRadius:0,padding:["1/2",1],freeCSS:{whiteSpace:"nowrap"},tabIndex:-1,onClick:()=>{r.onClick(o)},children:o.zeroEmbed(2)},o))}return e}},Date:{_:r=>{let{min:e,max:d,onValueUpdate:o,tipsID:t,val_value:a,set_value:m}=r,{year:n,month:s,date:p}=a;return y(x,{padding:1,children:[y(B,{horizontalAlign:"between",verticalAlign:"center",flexWrap:!1,children:[y(B,{verticalAlign:"bottom",horizontalAlign:"left",gap:"2/3",flexWrap:!1,children:[i(R,{override:"force",enableUnSelected:!1,value:n,options:A(),border:"1.thin",padding:["1/3","2/3"],paddingRight:2,rightIconStyles:{right:"1/3"},onUpdateValidValue:({value:l})=>{m({modifiedType:"update",year:Number(l),month:s,date:p})}}),i(R,{override:"force",enableUnSelected:!1,value:s,options:(()=>{let l=[];for(let u=1;u<=12;u++)l.push({value:u,label:String(u),displayLabel:String(u)+"\u6708"});return l})(),placeholder:"",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,rightIconStyles:{right:"1/3"},onUpdateValidValue:({value:l})=>{m({modifiedType:"update",year:n,month:Number(l),date:p})}})]}),i(k.Variables.ShiftButtons,{callback:l=>{let u=s+l,h=n;l==-1?(u<=0&&h--,u=u||12):s==12&&h++,m({modifiedType:"update",year:h,month:u,date:a.date})}})]}),i(C,{borderTop:!0}),i(C,{children:k.Date.MonthCalendar({min:e,max:d,year:a.year,month:a.month,current:[a.year,a.month,a.date],callback:l=>{let[u,h,S]=l;m({modifiedType:"update",year:u,month:h,date:S})}})}),i(k.Variables.Footer,{tipsID:t,onValueUpdate:o})]})},MonthCalendar:r=>{let{min:e,max:d,year:o,month:t,current:a,callback:m}=r,n=c.Time(),s=c.Time([o,t.zeroEmbed(2),"01"].join("/")),p=s.getLastDayOfTheMonth(),l=c.Time(s).addMonth(-1).getLastDayOfTheMonth().date,u=[],h=[],S=[],V=[],D={padding:0,unitWidth:3,unitHeight:3,flexCenter:!0,borderRadius:"3.tone.tertiary"};for(var b=0;b<7;b++)u.push(I(C,T(f({className:[g("CalendarDay"),g("Legend")].join(" ")},D),{key:b}),["\u65E5","\u6708","\u706B","\u6C34","\u6728","\u91D1","\u571F"][b]));for(var b=0;b<s.weekday;b++)h.unshift(I(C,T(f({className:[g("CalendarDay"),g("Dummy")].join(" "),fontColor:"4.thin"},D),{key:b}),l-b));for(var b=1;b<=p.date;b++){let U=b,j=o==n.year&&t==n.month&&b==n.date,w=!1;{let E=Number(String([o,t.zeroEmbed(2),b.zeroEmbed(2)].join("/")).replace(/\D/ig,""));if(r.min&&Number(String(r.min).replace(/\D/ig,""))>E&&(w=!0),r.max){let W=Number(String(r.max).replace(/\D/ig,""));E>W&&(w=!0)}}S.push(I(v.Button.Clear.R,T(f({className:[g("CalendarDay"),g("isToday_"+j)].join(" ")},D),{onClick:()=>{m([o,t,U])},tabIndex:-1,key:U,isLocked:w,fontColor:"1.clear",ssEffectsOnActive:"shrink",padding:0,flexCenter:!0,borderRadius:"sphere",children:b})))}for(var b=1;b<7-p.weekday;b++)V.push(I(C,T(f({className:[g("CalendarDay"),g("Dummy")].join(" "),fontColor:"4.thin"},D),{key:b}),b));return y(_,{gridCols:7,gap:"1/3",children:[u,h,S,V]})}},Month:{_:r=>{let{min:e,max:d,onValueUpdate:o,tipsID:t,val_value:a,set_value:m}=r,{year:n,month:s}=a;return y(x,{padding:1,children:[y(M.Separate,{gap:0,children:[i(M.Center,{verticalAlign:"bottom",gap:"2/3",children:i(R,{enableUnSelected:!1,value:n,options:A(),override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,rightIconStyles:{right:"1/3"},onUpdateValidValue:({value:p})=>{m({modifiedType:"update",year:Number(p),month:s})}})}),i(k.Variables.ShiftButtons,{callback:p=>{let l=Math.min(Math.max(n+p,1900),2100);m({modifiedType:"update",year:l,month:s})}})]}),i(C,{borderTop:!0}),k.Month.Months({min:e,max:d,year:a.year,callback:p=>{let[l,u]=p;m({modifiedType:"update",year:l,month:u})}}),i(k.Variables.Footer,{tipsID:t,onValueUpdate:o})]})},Months:r=>{let{year:e,callback:d}=r,o=c.Time(),t=[];for(let a=1;a<=12;a++){let m=e==o.year&&a==o.month,n=!1;{let p=Number(String([e,a.zeroEmbed(2)].join("/")).replace(/\D/ig,""));if(r.min&&Number(String(r.min).replace(/\D/ig,""))>p&&(n=!0),r.max){let l=Number(String(r.max).replace(/\D/ig,""));p>l&&(n=!0)}}let s=[g("Cell"),m?g("isThisMonth"):""].join(" ");t.push(y(v.Button.Clear.R,{className:s,isLocked:n,fontColor:"2.normal",padding:["2/3",1],ssEffectsOnActive:"shrink",onClick:()=>{d([e,a])},children:[a," \u6708"]},e+"-"+a))}return i(_,{gridCols:4,gap:"2/3",children:t})}},Year:{_:r=>{let{min:e,max:d,onValueUpdate:o,tipsID:t,val_value:a,set_value:m}=r,{year:n}=a;return y(x,{padding:1,children:[i(R,{enableUnSelected:!1,value:n||c.Time().year,override:"force",options:A({min:e,max:d}),onUpdateValidValue:({value:s})=>{m({modifiedType:"update",year:Number(s)})}}),i(k.Variables.Footer,{tipsID:t,onValueUpdate:o,onSubmit:()=>{m({modifiedType:"update",year:Number(n||c.Time().year)})}})]})}},DateWareki:{_:r=>{let{min:e,max:d,onValueUpdate:o,tipsID:t,val_value:a,set_value:m}=r,{era:n,year:s,month:p,date:l}=a,u={val_value:a,set_value:m};return y(C,{children:[y(M.Left,{verticalAlign:"unset",borderBottom:!0,gap:0,children:[i(k.DateWareki.EraSelect,f({},u)),i(C,{borderRight:!0}),i(k.DateWareki.Calendar,f({},u))]}),i(C,{padding:1,children:i(k.Variables.Footer,{tipsID:t,onValueUpdate:o})})]})},EraSelect:r=>{let{val_value:e,set_value:d}=r,o={padding:["1/2",1.5],fontColor:"3.blur"},t={backgroundColor:"cloud",fontColor:"2.normal",isSemiBoldFont:!0};return y(x,{gap:0,padding:1,children:[i(v.Button.Clear.R,T(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="year",onClick:()=>{let a=c.Time();d({modifiedType:"update",era:"year",year:a.year,month:a.month,date:a.date})},children:"\u897F\u66A6"})),i(v.Button.Clear.R,T(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="reiwa",onClick:()=>{let a=c.Time();d({modifiedType:"update",era:"reiwa",year:a.year,month:a.month,date:a.date})},children:"\u4EE4\u548C"})),i(v.Button.Clear.R,T(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="heisei",onClick:()=>{d({modifiedType:"update",era:"heisei",year:2019,month:1,date:1})},children:"\u5E73\u6210"})),i(v.Button.Clear.R,T(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="shouwa",onClick:()=>{d({modifiedType:"update",era:"shouwa",year:1989,month:1,date:1})},children:"\u662D\u548C"})),i(v.Button.Clear.R,T(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="taisho",onClick:()=>{d({modifiedType:"update",era:"taisho",year:1926,month:1,date:1})},children:"\u5927\u6B63"})),i(v.Button.Clear.R,T(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="meiji",onClick:()=>{d({modifiedType:"update",era:"meiji",year:1912,month:1,date:1})},children:"\u660E\u6CBB"}))]})},Calendar:r=>{let{val_value:e,set_value:d}=r,o=[];if(e.era=="year")for(let t=1900;t<2100;t++)o.unshift({value:t,label:t+"\u5E74"});else if(e.era=="reiwa"){let t=c.Time().year-2018;for(let a=1;a<=t+10;a++)o.unshift({value:2019+a-1,label:"\u4EE4\u548C"+(a==1?"\u5143":a)+"\u5E74"})}else if(e.era=="heisei")for(let t=1;t<=31;t++)o.unshift({value:1989+t-1,label:"\u5E73\u6210"+(t==1?"\u5143":t)+"\u5E74"});else if(e.era=="shouwa")for(let t=1;t<=64;t++)o.unshift({value:1926+t-1,label:"\u662D\u548C"+(t==1?"\u5143":t)+"\u5E74"});else if(e.era=="taisho")for(let t=1;t<=15;t++)o.unshift({value:1912+t-1,label:"\u5927\u6B63"+(t==1?"\u5143":t)+"\u5E74"});else if(e.era=="meiji")for(let t=1;t<=45;t++)o.unshift({value:1868+t-1,label:"\u660E\u6CBB"+(t==1?"\u5143":t)+"\u5E74"});return y(x,{padding:1,children:[y(M.Separate,{children:[i(R,{tone:"cloud",enableUnSelected:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,rightIconStyles:{right:"1/3"},options:o,value:e.year,onUpdateValidValue:({value:t})=>{d(a=>T(f({},a),{modifiedType:"update",year:Number(t)}))}}),y(M.Center,{gap:"1/3",children:[i(v.Button.Clear.S,{ssSphere:2,onClick:()=>{let t=e.month-1;d({modifiedType:"update",era:e.era,year:t==0?e.year-1:e.year,month:t==0?12:t,date:1})},children:i(N.ChevronLeft,{})}),i(R,{tone:"cloud",enableUnSelected:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,rightIconStyles:{right:"1/3"},options:[{value:1,label:"1\u6708"},{value:2,label:"2\u6708"},{value:3,label:"3\u6708"},{value:4,label:"4\u6708"},{value:5,label:"5\u6708"},{value:6,label:"6\u6708"},{value:7,label:"7\u6708"},{value:8,label:"8\u6708"},{value:9,label:"9\u6708"},{value:10,label:"10\u6708"},{value:11,label:"11\u6708"},{value:12,label:"12\u6708"}],value:e.month,onUpdateValidValue:({value:t})=>{d({modifiedType:"update",era:e.era,year:e.year,month:Number(t),date:1})}}),i(v.Button.Clear.S,{ssSphere:2,onClick:()=>{let t=e.month+1;d({modifiedType:"update",era:e.era,year:t==13?e.year+1:e.year,month:t==13?1:t,date:1})},children:i(N.ChevronRight,{})})]})]}),i(k.DateWareki.MonthCell,f({},r))]},e.era)},MonthCell:r=>{let{val_value:e,set_value:d}=r,o=c.Time([e.year.zeroEmbed(4),e.month.zeroEmbed(2),e.date.zeroEmbed(2)].join("/"));if(!o.validate)return;let t=o.getFirstDayOfTheMonth().weekday,a=o.getLastDayOfTheMonth(),m=[];for(let n=0;n<7;n++)m.push(i(O.Supplement,{flexCenter:!0,fontColor:n==0?"googleRed":n==6?"googleBlue":"3.blur",children:c.transformer.weekday.shortJP(n)}));for(let n=0;n<t;n++){let s=c.Time(o).getFirstDayOfTheMonth().addDate(n-t);m.push(i(v.Button.Sub.R,{color:"cloud",border:"1.thin",ssSquare:3,opacity:"middle",onClick:p=>{p.preventDefault(),p.stopPropagation(),d({modifiedType:"update",era:e.era,year:s.year,month:s.month,date:s.date})},children:s.date}))}for(let n=1;n<=a.date;n++){let s=c.Time(o).setDate(n);m.push(i(v.Button.Border.R,{ssSquare:3,onClick:()=>{d({modifiedType:"update",era:e.era,year:s.year,month:s.month,date:s.date})},children:s.date}))}for(let n=0;n<7-a.weekday-1;n++){let s=c.Time(o).addMonth(1).setDate(1).addDate(n);m.push(i(v.Button.Sub.R,{color:"cloud",border:"1.thin",ssSquare:3,opacity:"middle",onClick:p=>{p.preventDefault(),p.stopPropagation(),d({modifiedType:"update",era:e.era,year:s.year,month:s.month,date:s.date})},children:s.date}))}return i(_,{gridCols:7,gap:"1/4",children:m})}},Variables:{Footer:r=>y(B,{flexWrap:!1,gap:1,flexChilds:"even",freeCSS:{whiteSpace:"nowrap"},children:[y(v.Button.Border.R,{onClick:()=>{r.onValueUpdate("")},tabIndex:-1,flexSizing:"none",padding:["2/3",1],children:[i(N.Times,{})," \u524A\u9664"]}),i(v.Button.Prime.R,{flexSizing:"auto",onClick:()=>{r.onSubmit&&r.onSubmit(),H.close(r.tipsID)},tabIndex:-1,children:"\u6C7A\u5B9A",padding:["2/3",1]})]}),ShiftButtons:r=>y(B,{flexWrap:!1,gap:"1/3",children:[i(v.Button.Clear.R,T(f({className:g("LeftButton"),tabIndex:-1,right:0},k.Variables.ShiftButtonStyles),{onClick:()=>{r.callback(-1)},children:i(N.ChevronLeft,{})})),i(v.Button.Clear.R,T(f({className:g("RightButton"),tabIndex:-1,left:0},k.Variables.ShiftButtonStyles),{onClick:()=>{r.callback(1)},children:i(N.ChevronRight,{})}))]}),ShiftButtonStyles:{flexCenter:!0,padding:0,unitWidth:3,unitHeight:3,borderRadius:"sphere",position:"relative"}}};export{L as Picker,L as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as Y,b as o,c as _,d as H}from"../../../chunk-C5N2D3ZX.js";import{Fragment as ke,jsx as T,jsxs as Z}from"react/jsx-runtime";import{useState as W,useEffect as X,useRef as ae}from"react";import b from"@mingoo/jsmin";import{$$fromRoot as re,Config as z,useStore as C}from"../../../@utils";import ie from"../../../atoms/Box";import ne from"../../../atoms/FAI";import q from"../../Button";import G from"../../Tooltips";import{faClock as le}from"@fortawesome/free-solid-svg-icons/faClock";import{faCalendarAlt as oe}from"@fortawesome/free-solid-svg-icons/faCalendarAlt";import{Wrapper as se,BoxWrapper as me,SubmitForm as ue,CommonEffects as ce,DefaultStyles as pe}from"../core";import de from"../Hidden";import fe from"../Select";import he from"../Parts";import ge from"./Picker";const P=" ~ ",ye={clock:{defaultValue:"--:--",format:/^\d{2}\D\d{2}$/,ranges:[{type:"hour",from:0,length:2},{type:"minute",from:3,length:2}],sets:1},date:{defaultValue:"----/--/--",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2},{type:"date",from:8,length:2}],sets:1},week:{defaultValue:"----\u5E74\u7B2C--\u9031",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4,region:6},{type:"week",from:6,length:2,region:3}],sets:1},month:{defaultValue:"----\u5E74--\u6708",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2,region:3}],sets:1},year:{defaultValue:"----\u5E74",format:/^\d{4}$/,ranges:[{type:"year",from:0,length:4,region:5}],sets:1},dates:{defaultValue:"----/--/--",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2},{type:"date",from:8,length:2,region:5},{type:"year",from:10+P.length,length:4},{type:"month",from:15+P.length,length:2},{type:"date",from:18+P.length,length:2}],sets:2},months:{defaultValue:"----\u5E74--\u6708",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2,region:6},{type:"year",from:8+P.length,length:4},{type:"month",from:13+P.length,length:2,region:3}],sets:2},dateWareki:{defaultValue:"----\u5E74--\u6708--\u65E5",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"dateWareki",from:0,length:4,region:5},{type:"month",from:5,length:2,region:3},{type:"date",from:8,length:2,region:3}],sets:1}},B=e=>{let{restrict:l,value:v,era:t}=e,D=b.flatArray(v||""),{defaultValue:h,format:d,ranges:c,sets:r}=ye[l],m=[],n=l=="clock"?":":"/";for(let i=0;i<D.length;i++)D[i]=String(D[i]).replace(/\D/ig,n);for(let i=0;i<r;i++){let p=D[i]||"";if(!p.match(d))D[i]="",m.push(h);else{let x=h;p.split(/\D/).forEach((S,w)=>{if(w==0&&l=="dateWareki"){let y=Number(S);t!="year"&&(y>=2019?t=="reiwa"?y-=2018:t=="heisei"&&(y=31):y>=1989?t=="heisei"?y-=1988:t=="shouwa"&&(y=64):y>=1926?t=="shouwa"?y-=1925:t=="taisho"&&(y=15):y>=1912?t=="taisho"?y-=1911:t=="meiji"&&(y=45):y>=1868&&(y-=1867)),S=y.zeroEmbed(4)}x=x.replace(new RegExp("------------------".slice(0,S.length)),S)}),m.push(x)}}return{formatValue:m.join(P),dataValue:["dates","months"].includes(l)?D:D[0],ranges:c}};function ve(e){let{states:l}=e,{restrict:v,min:t,max:D,required:h}=l,d=[],c=b.flatArray(e.value),r={empty:!1,escalated:1,filled:!0,correct:!0,prohibited:!1};(()=>{let m=v=="clock"?":":"/";for(let n=0;n<c.length;n++)c[n]=String(c[n]).replace(/\D/ig,m);for(let n=0;n<c.length;n++){let i=c[n],p=c[n-1];i.removeLetters()||(r.empty=!0),n>0&&(r.escalated&=+(i>=p))}r.escalated&&(r.empty||(v.match(/clock/)?c.forEach(n=>{let[i,p]=n.split(/\D+/);!i||!p?r.filled=!1:(Number(i)>23||Number(p)>59)&&(r.correct=!1)}):v.match(/date/)?c.forEach(n=>{let[i,p,x]=n.split(/\D+/);if(!i||!p||!x)r.filled=!1;else{let S=b.Time(n);(!S.validate||n!=S.toFormatYMD())&&(r.correct=!1)}}):v.match(/week/)?c.forEach(n=>{let[i,p]=n.split(/\D+/);if(!i||!p)r.filled=!1;else{let x=b.Time(i+"/01/01").weekday,w=b.Time(i+"/01/0"+(7-x+1)).addWeek(Number(p)-1);i!=String(w.year)&&(r.correct=!1)}}):v.match(/month/)?c.forEach(n=>{let[i,p]=n.split(/\D+/);!i||!p?r.filled=!1:b.Time([i,p,"01"].join("/")).validate||(r.correct=!1)}):v.match(/year/),r.filled&&r.correct&&c.forEach(n=>{{let i=Number(String(n).replace(/\D/ig,""));if(t&&Number(String(t).replace(/\D/ig,""))>i&&(r.prohibited=!0),D){let p=Number(String(D).replace(/\D/ig,""));i>p&&(r.prohibited=!0)}}})))})();{let{empty:m,escalated:n,filled:i,correct:p,prohibited:x}=r;m&&h&&(d=[{type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}]),n||d.push({type:"invalid",label:"\u6642\u7CFB\u5217\u3092\u6B63\u3057\u304F\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),p||d.push({type:"invalid",label:"\u7121\u52B9\u306A\u5024\u304C\u5165\u529B\u3055\u308C\u3066\u3044\u307E\u3059"}),i||d.push({type:"invalid",label:"\u6700\u5F8C\u307E\u3067\u5024\u3092\u57CB\u3081\u3066\u304F\u3060\u3055\u3044"}),x&&d.push({type:"invalid",label:Z(ke,{children:[T(ie,{children:"\u5165\u529B\u7BC4\u56F2\u304C\u5236\u9650\u3055\u308C\u3066\u3044\u307E\u3059"}),"[",t||"\u4E0B\u9650\u7121\u3057","] ~ [",D||"\u4E0A\u9650\u7121\u3057","]"]})})}return{ok:!d.filter(({type:m})=>m=="invalid").length,notice:d}}const Q={picker:{launch:e=>{let l=e.tipsID||b.uuid.gen();G.open(_(o({gravityPoint:e.gravityPoint||24,padding:"1/2",tipsID:l},e),{close_option:o({aroundClick:!0,parentBlur:!1},e.close_option),content:T(ge,{restrict:e.restrict,min:e.min,max:e.max,era:e.era,defaultValue:e.defaultValue,tipsID:l,onValueUpdate:(v,t)=>{e.onValueUpdate(v,t)}})}))},remove:e=>{G.close(e)}}},De=e=>{let U=e,{tone:l,required:v,restrict:t="clock",componentID:D,era:h,form:d,name:c,min:r,max:m,className:n,enableFormSubmit:i,checkValidationAtFirst:p,onKeyDown:x,onValidate:S,onUpdateValue:w,onUpdateValidValue:y,value:O="",leftIndicator:J,rightIndicator:F}=U,f=H(U,["tone","required","restrict","componentID","era","form","name","min","max","className","enableFormSubmit","checkValidationAtFirst","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator"]),[a,A]=W(h),[s,V]=W(_(o({componentID:e.componentID||""},B({restrict:t,value:O,era:a})),{eventType:"init",eventID:b.uuid.gen()})),[g,M]=W({ok:!1,notice:[]}),[I,k]=W({active:!1,index:0,prevIndex:-1});ce({type:"time",states:e,val_status:s,set_status:V,val_validate:g,set_validate:M,DefaultValidation:ve,onUpdateValue:w,onUpdateValidValue:y,ExtraOverrideStates:o({},B({restrict:t,value:O,era:a}))});const E=ae(!1);return X(()=>{if(E.current){V(o(o({},s),B({restrict:t,value:s.dataValue,era:a})));let u=C.get("refreshEra_"+s.componentID);u&&u.refreshEra(a)}else E.current=!0},[a]),C.update({[s.componentID]:{openPicker:()=>{e.disabled||Q.picker.launch({parent:"#Picker-"+s.componentID,tipsID:"PickerTips-"+s.componentID,restrict:t,min:r,max:m,defaultValue:s.dataValue,era:a,onValueUpdate:(u,R)=>{V(_(o(o({},s),B({restrict:t,value:u,era:R})),{eventType:"update",eventID:b.uuid.gen()})),A(R)}})},resetEra:u=>{A(u),V(_(o(o({},s),B({restrict:t,value:"",era:a})),{eventType:"update",eventID:b.uuid.gen()}))}}}),X(()=>{let{index:u,active:R}=I;if(R){u=Math.max(u,0),u=Math.min(u,s.ranges.length-1);let{from:$,length:L}=s.ranges[u],j=re("#"+e.id)[0];j&&j.setSelectionRange($,$+L)}},[I]),Z(me,{val_status:s,set_status:V,val_validate:g,states:e,children:[T(de,{name:c,"data-input-type":"time","data-form":d,"data-validation":g.ok,componentID:s.componentID,"data-value":JSON.stringify(["dates","months"].includes(t)?!s.dataValue[0]||!s.dataValue[1]?null:s.dataValue:s.dataValue||null)}),z.get().isTouchDevice?T(q.Button.Plain,{className:n,freeCSS:{textAlign:"left"},children:s.formatValue,onClick:u=>{let R=C.get(s.componentID);R&&R.openPicker(),u.stopPropagation()}}):T("input",o({type:"text",inputMode:"numeric","data-input-type":"time","data-form-name":d,value:s.formatValue,className:n,tabIndex:z.get().isTouchDevice?-1:0,onKeyDown:u=>{Ie({restrict:t,event:u,val_era:a,val_status:s,set_status:V,val_focus:I,set_focus:k}),x&&x(u),i&&ue(u)},onKeyUp:u=>{u.key=="Tab"&&k(_(o({},I),{active:!0}))},onClick:u=>{let R=u.target.selectionEnd,$=0;s.ranges.forEach((L,j)=>{let{from:K,length:ee,region:te}=L;K<=R&&R<=K+(te||ee)&&($=j)}),k(_(o({},I),{active:!0,index:$})),u.preventDefault()},onChange:()=>{}},f))]})},Ie=e=>{let{val_era:l,restrict:v,event:t,val_status:D,set_status:h,val_focus:d,set_focus:c}=e,{key:r,shiftKey:m,ctrlKey:n,metaKey:i}=t,p=n||i,{selectionStart:x,selectionEnd:S}=t.target,{index:w,prevIndex:y}=d,{ranges:O,formatValue:J}=D,F=O.length-1;if(["Tab","ArrowLeft","ArrowRight"].includes(r)){let f=0;if(r=="Tab"){let a=+!m*2-1;if(f=d.index+a,f<0||f>F)return}else{let a=r=="ArrowLeft"?-1:r=="ArrowRight"?1:0;p||x==0&&S==String(D.formatValue).length?f=a==1?F:0:f=Math.max(0,Math.min(w+a,F))}c(_(o({},d),{index:f,prevIndex:w})),t.preventDefault()}if(["Backspace","ArrowUp","ArrowDown","0","1","2","3","4","5","6","7","8","9"].includes(r)){t.preventDefault();let f=w;f=Math.max(f,0),f=Math.min(f,F);let{type:a,from:A,length:s}=O[f],V=J.slice(A,A+s),g;if(r=="Backspace")g="------".slice(0,s);else if(["ArrowUp","ArrowDown"].includes(r)){let M=r=="ArrowUp"?1:-1;V=V|0,g=V+M;let[I,k,E]=a=="dateWareki"?l=="year"?[0,2999,4]:l=="reiwa"?[1,2999,4]:l=="heisei"?[1,31,4]:l=="shouwa"?[1,64,4]:l=="taisho"?[1,15,4]:l=="meiji"?[1,45,4]:[0,0,0]:a=="minute"?[0,59,2]:a=="hour"?[0,23,2]:a=="date"?[1,31,2]:a=="week"?[1,53,2]:a=="month"?[1,12,2]:a=="year"?[0,2999,4]:[0,0,0];g>k?g=I:g<I&&(g=k),g=Number(g).zeroEmbed(E)}else if(["0","1","2","3","4","5","6","7","8","9"].includes(r)){let M=V|0,I=r,k=`${M}${I}`;if(y!=w&&(M=0,k="0"+I),a=="year"||a=="dateWareki"&&l=="year")Number(k)>1e4?g=I:g=k,(g|0)>1e3&&f++;else if(["hour","minute","date","week","month"].includes(a)||a=="dateWareki"&&l!="year"){let E=a=="dateWareki"?l=="reiwa"?100:l=="heisei"?31:l=="shouwa"?64:l=="taisho"?15:l=="meiji"?45:0:a=="minute"?59:a=="hour"?23:a=="date"?31:a=="week"?53:a=="month"?12:0;g=(k|0)>E?I:k,(Number(I)>Number(String(E)[0])||V=="0000".slice(0,String(E).length)&&(k!="0000".slice(0,String(E).length)||["minute","hour"].includes(a)&&y==w)||(k|0)>=Y(10,String(E).length-1))&&f++}a=="year"||a=="dateWareki"?g=(g|0).zeroEmbed(4):g=(g|0).zeroEmbed(2)}{let M=String(J).partReplace(A,String(g)),I=M.split(P).map(k=>k.replace(/(^\D|\D$)/,"").split(/\D+/).join(v=="clock"?":":"/").replace(/(^\D|\D$)/,""));if(v=="dateWareki"){let k=I[0].split(/\D/),[E,U,u]=k;k.length==3&&E&&(I=[[Number(E)-1+Number({year:1,reiwa:2019,heisei:1989,shouwa:1926,taisho:1912,meiji:1868}[l]),U,u].join("/")])}f=Math.max(f,0),f=Math.min(f,F),h(_(o({},D),{dataValue:["dates","months"].includes(v)?I:I[0],formatValue:M,eventType:"update",eventID:b.uuid.gen()})),c(_(o({},d),{index:f,prevIndex:d.index}))}}},N={Origin:e=>{e=o({},e);let[l]=W(e.componentID||b.uuid.gen());if(e.componentID=l,b.is.nullish(e.rightIndicator)){let v=(e.restrict||"").match(/clock/)?le:oe;e.rightIndicator=T(he.RightIndicator,{padding:0,children:T(q.Button.Sub.R,{color:"cloud",border:"unset",padding:[0,1],fontColor:"theme",borderRadius:"inherit",backgroundColor:"inherit",flexCenter:!0,height:1,ssEffectsOnActive:["ripple.cloud"],tabIndex:-1,id:"Picker-"+e.componentID,onClick:()=>{let t=C.get(e.componentID);t&&t.openPicker()},children:T(ne,{icon:v})})})}return T(se,{componentID:e.componentID,children:De,states:pe.Boxish(e)})},Clock:e=>T(N.Origin,o({restrict:"clock",era:"clock"},e)),Date:e=>T(N.Origin,o({restrict:"date"},e)),Week:e=>T(N.Origin,o({restrict:"week"},e)),Month:e=>T(N.Origin,o({restrict:"month"},e)),Year:e=>T(N.Origin,o({restrict:"year"},e)),DateWareki:e=>{e=o({},e);let[l]=W(e.componentID||b.uuid.gen());e.componentID=l;let{defaultEra:v="wareki"}=e,[t,D]=W((()=>{let h="year";if(v=="wareki"&&(h="reiwa",e.value)){let[d,c,r]=e.value.split(/\D/);if(d&&c&&r){let m=Number(d);m>=2019?(m-=2019,h="reiwa"):m>=1989?(m-=1989,h="heisei"):m>=1926?(m-=1926,h="shouwa"):m>=1912?(m-=1912,h="taisho"):m>=1868&&(m-=1868,h="meiji"),m+=1}}return h})());return X(()=>{C.set({["refreshEra_"+l]:{refreshEra:h=>{D(h)}}})},[]),T(N.Origin,_(o({restrict:"dateWareki",leftIndicator:T(fe,{enableUnSelected:!1,value:t,tone:e.tone,override:"force",flexCenter:!0,borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",height:1,freeCSS:{whiteSpace:"nowrap"},options:[{value:"year",label:"\u897F\u66A6"},{value:"reiwa",label:"\u4EE4\u548C"},{value:"heisei",label:"\u5E73\u6210"},{value:"shouwa",label:"\u662D\u548C"},{value:"taisho",label:"\u5927\u6B63"},{value:"meiji",label:"\u660E\u6CBB"}],onUpdateValidValue:({value:h,eventType:d})=>{D(h);let c=C.get(e.componentID);c&&c.resetEra&&c.resetEra(h)}})},e),{era:t}))},Periods:{Date:e=>T(N.Origin,o({restrict:"dates"},e)),Month:e=>T(N.Origin,o({restrict:"months"},e))},fn:Q};export{N as Time,N as default};
|
|
1
|
+
import{a as Y,b as o,c as _,d as H}from"../../../chunk-C5N2D3ZX.js";import{Fragment as ke,jsx as T,jsxs as Z}from"react/jsx-runtime";import{useState as P,useEffect as X,useRef as ae}from"react";import E from"@mingoo/jsmin";import{$$fromRoot as re,Config as z,useStore as O}from"../../../@utils";import ie from"../../../atoms/Box";import ne from"../../../atoms/FAI";import q from"../../Button";import G from"../../Tooltips";import{faClock as le}from"@fortawesome/free-solid-svg-icons/faClock";import{faCalendarAlt as oe}from"@fortawesome/free-solid-svg-icons/faCalendarAlt";import{Wrapper as se,BoxWrapper as me,SubmitForm as ue,CommonEffects as ce,DefaultStyles as pe}from"../core";import de from"../Hidden";import fe from"../Select";import he from"../Parts";import ge from"./Picker";const A=" ~ ",ye={clock:{defaultValue:"--:--",format:/^\d{2}\D\d{2}$/,ranges:[{type:"hour",from:0,length:2},{type:"minute",from:3,length:2}],sets:1},date:{defaultValue:"----/--/--",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2},{type:"date",from:8,length:2}],sets:1},week:{defaultValue:"----\u5E74\u7B2C--\u9031",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4,region:6},{type:"week",from:6,length:2,region:3}],sets:1},month:{defaultValue:"----\u5E74--\u6708",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2,region:3}],sets:1},year:{defaultValue:"----\u5E74",format:/^\d{4}$/,ranges:[{type:"year",from:0,length:4,region:5}],sets:1},dates:{defaultValue:"----/--/--",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2},{type:"date",from:8,length:2,region:5},{type:"year",from:10+A.length,length:4},{type:"month",from:15+A.length,length:2},{type:"date",from:18+A.length,length:2}],sets:2},months:{defaultValue:"----\u5E74--\u6708",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2,region:6},{type:"year",from:8+A.length,length:4},{type:"month",from:13+A.length,length:2,region:3}],sets:2},dateWareki:{defaultValue:"----\u5E74--\u6708--\u65E5",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"dateWareki",from:0,length:4,region:5},{type:"month",from:5,length:2,region:3},{type:"date",from:8,length:2,region:3}],sets:1}},U=e=>{let{restrict:l,value:v,era:a}=e,I=E.flatArray(v||""),{defaultValue:h,format:D,ranges:u,sets:r}=ye[l],s=[],n=l=="clock"?":":"/";for(let i=0;i<I.length;i++)I[i]=String(I[i]).replace(/\D/ig,n);for(let i=0;i<r;i++){let p=I[i]||"";if(!p.match(D))I[i]="",s.push(h);else{let b=h;p.split(/\D/).forEach((w,R)=>{if(R==0&&l=="dateWareki"){let y=Number(w);a!="year"&&(y>=2019?a=="reiwa"?y-=2018:a=="heisei"&&(y=31):y>=1989?a=="heisei"?y-=1988:a=="shouwa"&&(y=64):y>=1926?a=="shouwa"?y-=1925:a=="taisho"&&(y=15):y>=1912?a=="taisho"?y-=1911:a=="meiji"&&(y=45):y>=1868&&(y-=1867)),w=y.zeroEmbed(4)}b=b.replace(new RegExp("------------------".slice(0,w.length)),w)}),s.push(b)}}return{formatValue:s.join(A),dataValue:["dates","months"].includes(l)?I:I[0],ranges:u}};function ve(e){let{states:l}=e,{restrict:v,min:a,max:I,required:h}=l,D=[],u=E.flatArray(e.value),r={empty:!1,escalated:1,filled:!0,correct:!0,prohibited:!1};(()=>{let s=v=="clock"?":":"/";for(let n=0;n<u.length;n++)u[n]=String(u[n]).replace(/\D/ig,s);for(let n=0;n<u.length;n++){let i=u[n],p=u[n-1];i.removeLetters()||(r.empty=!0),n>0&&(r.escalated&=+(i>=p))}r.escalated&&(r.empty||(v.match(/clock/)?u.forEach(n=>{let[i,p]=n.split(/\D+/);!i||!p?r.filled=!1:(Number(i)>23||Number(p)>59)&&(r.correct=!1)}):v.match(/date/)?u.forEach(n=>{let[i,p,b]=n.split(/\D+/);if(!i||!p||!b)r.filled=!1;else{let w=E.Time(n);(!w.validate||n!=w.toFormatYMD())&&(r.correct=!1)}}):v.match(/week/)?u.forEach(n=>{let[i,p]=n.split(/\D+/);if(!i||!p)r.filled=!1;else{let b=E.Time(i+"/01/01").weekday,R=E.Time(i+"/01/0"+(7-b+1)).addWeek(Number(p)-1);i!=String(R.year)&&(r.correct=!1)}}):v.match(/month/)?u.forEach(n=>{let[i,p]=n.split(/\D+/);!i||!p?r.filled=!1:E.Time([i,p,"01"].join("/")).validate||(r.correct=!1)}):v.match(/year/),r.filled&&r.correct&&u.forEach(n=>{{let i=Number(String(n).replace(/\D/ig,""));if(a&&Number(String(a).replace(/\D/ig,""))>i&&(r.prohibited=!0),I){let p=Number(String(I).replace(/\D/ig,""));i>p&&(r.prohibited=!0)}}})))})();{let{empty:s,escalated:n,filled:i,correct:p,prohibited:b}=r;s&&h&&(D=[{type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}]),n||D.push({type:"invalid",label:"\u6642\u7CFB\u5217\u3092\u6B63\u3057\u304F\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),p||D.push({type:"invalid",label:"\u7121\u52B9\u306A\u5024\u304C\u5165\u529B\u3055\u308C\u3066\u3044\u307E\u3059"}),i||D.push({type:"invalid",label:"\u6700\u5F8C\u307E\u3067\u5024\u3092\u57CB\u3081\u3066\u304F\u3060\u3055\u3044"}),b&&D.push({type:"invalid",label:Z(ke,{children:[T(ie,{children:"\u5165\u529B\u7BC4\u56F2\u304C\u5236\u9650\u3055\u308C\u3066\u3044\u307E\u3059"}),"[",a||"\u4E0B\u9650\u7121\u3057","] ~ [",I||"\u4E0A\u9650\u7121\u3057","]"]})})}return{ok:!D.filter(({type:s})=>s=="invalid").length,notice:D}}const Q={picker:{launch:e=>{let l=e.tipsID||E.uuid.gen();G.open(_(o({gravityPoint:e.gravityPoint||24,padding:"1/2",tipsID:l},e),{close_option:o({aroundClick:!0,parentBlur:!1},e.close_option),content:T(ge,{restrict:e.restrict,min:e.min,max:e.max,era:e.era,defaultValue:e.defaultValue,tipsID:l,onValueUpdate:(v,a)=>{e.onValueUpdate(v,a)}})}))},remove:e=>{G.close(e)}}},De=e=>{let j=e,{tone:l,required:v,restrict:a="clock",componentID:I,era:h,form:D,name:u,min:r,max:s,className:n,enableFormSubmit:i,checkValidationAtFirst:p,onKeyDown:b,onValidate:w,onUpdateValue:R,onUpdateValidValue:y,value:$="",leftIndicator:L,rightIndicator:F}=j,d=H(j,["tone","required","restrict","componentID","era","form","name","min","max","className","enableFormSubmit","checkValidationAtFirst","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator"]),[t,C]=P(h),[f,S]=P(_(o({componentID:e.componentID||""},U({restrict:a,value:$,era:t})),{eventType:"init",eventID:E.uuid.gen()})),[g,M]=P({ok:!1,notice:[]}),[x,c]=P({active:!1,index:0,prevIndex:-1});ce({type:"time",states:e,val_status:f,set_status:S,val_validate:g,set_validate:M,DefaultValidation:ve,onUpdateValue:R,onUpdateValidValue:y,ExtraOverrideStates:o({},U({restrict:a,value:$,era:t}))});const V=ae(!1);return X(()=>{if(V.current){S(k=>o(o({},k),U({restrict:a,value:k.dataValue,era:t})));let m=O.get("refreshEra_"+f.componentID);m&&m.refreshEra(t)}else V.current=!0},[t]),O.update({[f.componentID]:{openPicker:()=>{e.disabled||Q.picker.launch({parent:"#Picker-"+f.componentID,tipsID:"PickerTips-"+f.componentID,restrict:a,min:r,max:s,defaultValue:f.dataValue,era:t,onValueUpdate:(m,k)=>{S(W=>_(o(o({},W),U({restrict:a,value:m,era:k})),{eventType:"update",eventID:E.uuid.gen()})),C(k)}})},resetEra:m=>{C(m),S(k=>_(o(o({},k),U({restrict:a,value:"",era:t})),{eventType:"update",eventID:E.uuid.gen()}))}}}),X(()=>{let{index:m,active:k}=x;if(k){m=Math.max(m,0),m=Math.min(m,f.ranges.length-1);let{from:W,length:B}=f.ranges[m],J=re("#"+e.id)[0];J&&J.setSelectionRange(W,W+B)}},[x]),Z(me,{val_status:f,set_status:S,val_validate:g,states:e,children:[T(de,{name:u,"data-input-type":"time","data-form":D,"data-validation":g.ok,componentID:f.componentID,"data-value":JSON.stringify(["dates","months"].includes(a)?!f.dataValue[0]||!f.dataValue[1]?null:f.dataValue:f.dataValue||null)}),z.get().isTouchDevice?T(q.Button.Plain,{className:n,freeCSS:{textAlign:"left"},children:f.formatValue,onClick:m=>{let k=O.get(f.componentID);k&&k.openPicker(),m.stopPropagation()}}):T("input",o({type:"text",inputMode:"numeric","data-input-type":"time","data-form-name":D,value:f.formatValue,className:n,tabIndex:z.get().isTouchDevice?-1:0,onKeyDown:m=>{Ie({restrict:a,event:m,val_era:t,val_status:f,set_status:S,val_focus:x,set_focus:c}),b&&b(m),i&&ue(m)},onKeyUp:m=>{m.key=="Tab"&&c(k=>_(o({},k),{active:!0}))},onClick:m=>{let k=m.target.selectionEnd,W=0;f.ranges.forEach((B,J)=>{let{from:K,length:ee,region:te}=B;K<=k&&k<=K+(te||ee)&&(W=J)}),c(B=>_(o({},B),{active:!0,index:W})),m.preventDefault()},onChange:()=>{}},d))]})},Ie=e=>{let{val_era:l,restrict:v,event:a,val_status:I,set_status:h,val_focus:D,set_focus:u}=e,{key:r,shiftKey:s,ctrlKey:n,metaKey:i}=a,p=n||i,{selectionStart:b,selectionEnd:w}=a.target,{index:R,prevIndex:y}=D,{ranges:$,formatValue:L}=I,F=$.length-1;if(["Tab","ArrowLeft","ArrowRight"].includes(r)){let d=0;if(r=="Tab"){let t=+!s*2-1;if(d=D.index+t,d<0||d>F)return}else{let t=r=="ArrowLeft"?-1:r=="ArrowRight"?1:0;p||b==0&&w==String(I.formatValue).length?d=t==1?F:0:d=Math.max(0,Math.min(R+t,F))}u(t=>_(o({},t),{index:d,prevIndex:R})),a.preventDefault()}if(["Backspace","ArrowUp","ArrowDown","0","1","2","3","4","5","6","7","8","9"].includes(r)){a.preventDefault();let d=R;d=Math.max(d,0),d=Math.min(d,F);let{type:t,from:C,length:f}=$[d],S=L.slice(C,C+f),g;if(r=="Backspace")g="------".slice(0,f);else if(["ArrowUp","ArrowDown"].includes(r)){let M=r=="ArrowUp"?1:-1;S=S|0,g=S+M;let[x,c,V]=t=="dateWareki"?l=="year"?[0,2999,4]:l=="reiwa"?[1,2999,4]:l=="heisei"?[1,31,4]:l=="shouwa"?[1,64,4]:l=="taisho"?[1,15,4]:l=="meiji"?[1,45,4]:[0,0,0]:t=="minute"?[0,59,2]:t=="hour"?[0,23,2]:t=="date"?[1,31,2]:t=="week"?[1,53,2]:t=="month"?[1,12,2]:t=="year"?[0,2999,4]:[0,0,0];g>c?g=x:g<x&&(g=c),g=Number(g).zeroEmbed(V)}else if(["0","1","2","3","4","5","6","7","8","9"].includes(r)){let M=S|0,x=r,c=`${M}${x}`;if(y!=R&&(M=0,c="0"+x),t=="year"||t=="dateWareki"&&l=="year")Number(c)>1e4?g=x:g=c,(g|0)>1e3&&d++;else if(["hour","minute","date","week","month"].includes(t)||t=="dateWareki"&&l!="year"){let V=t=="dateWareki"?l=="reiwa"?100:l=="heisei"?31:l=="shouwa"?64:l=="taisho"?15:l=="meiji"?45:0:t=="minute"?59:t=="hour"?23:t=="date"?31:t=="week"?53:t=="month"?12:0;g=(c|0)>V?x:c,(Number(x)>Number(String(V)[0])||S=="0000".slice(0,String(V).length)&&(c!="0000".slice(0,String(V).length)||["minute","hour"].includes(t)&&y==R)||(c|0)>=Y(10,String(V).length-1))&&d++}t=="year"||t=="dateWareki"?g=(g|0).zeroEmbed(4):g=(g|0).zeroEmbed(2)}{let M=String(L).partReplace(C,String(g)),x=M.split(A).map(c=>c.replace(/(^\D|\D$)/,"").split(/\D+/).join(v=="clock"?":":"/").replace(/(^\D|\D$)/,""));if(v=="dateWareki"){let c=x[0].split(/\D/),[V,j,m]=c;c.length==3&&V&&(x=[[Number(V)-1+Number({year:1,reiwa:2019,heisei:1989,shouwa:1926,taisho:1912,meiji:1868}[l]),j,m].join("/")])}d=Math.max(d,0),d=Math.min(d,F),h(c=>_(o({},c),{dataValue:["dates","months"].includes(v)?x:x[0],formatValue:M,eventType:"update",eventID:E.uuid.gen()})),u(c=>_(o({},c),{index:d,prevIndex:c.index}))}}},N={Origin:e=>{e=o({},e);let[l]=P(e.componentID||E.uuid.gen());if(e.componentID=l,E.is.nullish(e.rightIndicator)){let v=(e.restrict||"").match(/clock/)?le:oe;e.rightIndicator=T(he.RightIndicator,{padding:0,children:T(q.Button.Sub.R,{color:"cloud",border:"unset",padding:[0,1],fontColor:"theme",borderRadius:"inherit",backgroundColor:"inherit",flexCenter:!0,height:1,ssEffectsOnActive:["ripple.cloud"],tabIndex:-1,id:"Picker-"+e.componentID,onClick:()=>{let a=O.get(e.componentID);a&&a.openPicker()},children:T(ne,{icon:v})})})}return T(se,{componentID:e.componentID,children:De,states:pe.Boxish(e)})},Clock:e=>T(N.Origin,o({restrict:"clock",era:"clock"},e)),Date:e=>T(N.Origin,o({restrict:"date"},e)),Week:e=>T(N.Origin,o({restrict:"week"},e)),Month:e=>T(N.Origin,o({restrict:"month"},e)),Year:e=>T(N.Origin,o({restrict:"year"},e)),DateWareki:e=>{e=o({},e);let[l]=P(e.componentID||E.uuid.gen());e.componentID=l;let{defaultEra:v="wareki"}=e,[a,I]=P((()=>{let h="year";if(v=="wareki"&&(h="reiwa",e.value)){let[D,u,r]=e.value.split(/\D/);if(D&&u&&r){let s=Number(D);s>=2019?(s-=2019,h="reiwa"):s>=1989?(s-=1989,h="heisei"):s>=1926?(s-=1926,h="shouwa"):s>=1912?(s-=1912,h="taisho"):s>=1868&&(s-=1868,h="meiji"),s+=1}}return h})());return X(()=>{O.set({["refreshEra_"+l]:{refreshEra:h=>{I(h)}}})},[]),T(N.Origin,_(o({restrict:"dateWareki",leftIndicator:T(fe,{enableUnSelected:!1,value:a,tone:e.tone,override:"force",flexCenter:!0,borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",height:1,freeCSS:{whiteSpace:"nowrap"},options:[{value:"year",label:"\u897F\u66A6"},{value:"reiwa",label:"\u4EE4\u548C"},{value:"heisei",label:"\u5E73\u6210"},{value:"shouwa",label:"\u662D\u548C"},{value:"taisho",label:"\u5927\u6B63"},{value:"meiji",label:"\u660E\u6CBB"}],onUpdateValidValue:({value:h,eventType:D})=>{I(h);let u=O.get(e.componentID);u&&u.resetEra&&u.resetEra(h)}})},e),{era:a}))},Periods:{Date:e=>T(N.Origin,o({restrict:"dates"},e)),Month:e=>T(N.Origin,o({restrict:"months"},e))},fn:Q};export{N as Time,N as default};
|