amotify 0.2.65 → 0.2.66
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/app.tsx +1 -12
- package/demo/esbuild/bundler.ts +2 -2
- package/demo/esbuild/public/index.js +55 -240
- package/dist/fn/Input/Filer.js +1 -1
- package/dist/fn/Input/core.js +1 -1
- package/package.json +1 -1
package/dist/fn/Input/Filer.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as s,c as u,d as Q,e as U}from"../../chunk-C5N2D3ZX.js";import{Fragment as le,jsx as l,jsxs as p}from"react/jsx-runtime";import{useState as H,useEffect as X}from"react";import b from"@mingoo/jsmin";import{$$fromRoot as V,useStore as Y,ExtractStyles as ie}from"../../@utils";import{Box as d,FAI as R,Flex as P,Column as ee}from"../../atoms";import{Row as se}from"../../mols";import{Button as L}from"../Button";import j from"../Snackbar";import{OptionalInputWrapper as re,BoxWrapper as pe,CoreEffects as te,DefaultBoxishStyles as ue}from"./core";import me from"./TextField";import{InputFilerClasses as f}from"../../@styles/componentClasses";import{faCloudArrowUp as ce}from"@fortawesome/free-solid-svg-icons/faCloudArrowUp";function de(e){let{value:t,states:n}=e,{required:m}=n,a=[];return m&&!t.length&&a.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!a.filter(({type:c})=>c=="invalid").length,notice:a}}const ae={List:e=>{let{rootStates:t,val_status:n,set_status:m}=e;if(t.useSystemOnly)return null;let a=t.limit-(n.dataValue||[]).length,c=(n.dataValue||[]).map((r,g)=>l(ae.ListCell,u(s({},e),{index:g,val_file:r}),r.name));return a>0&&c.push(l(d,u(s({htmlTag:"label"},t.cellStyles),{className:[t.cellClassName,f("AddButton")].join(" "),"data-component-id":n.componentID,htmlFor:t.id,tabIndex:t.tabIndex,onKeyDown:r=>{let{key:g}=r;t.tabIndex!=-1&&[" ","Enter"].includes(g)&&V("#"+t.id).click()},children:p(se.Center,{padding:["1/3",0],children:[l(d,{isRounded:!0,className:f("AddIcon"),children:l(R,{icon:ce,className:f("Icon"),fontColor:"theme",fontSize:"4.thirdTitle",backgroundColor:"theme.opa.low",ssSphere:3,padding:"1/2"})}),p(d,{children:[p(d,{fontColor:"theme",fontSize:"2.normal",isSemiBoldFont:!0,children:["\u30D5\u30A1\u30A4\u30EB\u3092\u9078\u629E(",a,")"]}),l(d,{fontColor:"4.thin",fontSize:"0.xs",isSemiBoldFont:!0,children:"\u30D5\u30A1\u30A4\u30EB\u3092\u30C9\u30ED\u30C3\u30D7"})]})]})}),"AddButton")),l(ee,u(s({flexSizing:"auto"},ie(t)),{className:t.className,children:c}))},ListCell:e=>{let{index:t,rootStates:n,val_file:m,val_status:a,set_status:c}=e,{name:r,size:g,type:o}=m,[x,B]=H(!1),D=b.uuid.gen(),K=g.rank(),[W,M]=r.replace(/\s/,"").replace(/(.*)\.(.*)$/,"$1 $2").split(" "),i="\u30D5\u30A1\u30A4\u30EB";return o.match(/image/)?i=o.replace(/image\//,""):o.match(/pdf/)?i="PDF":o.match(/csv/)?i="CSV":o.match(/spreadsheet/)?i="SpreadSheet":o.match(/presentation/)?i="PowerPoint":o.match(/word/)?i="Word":o.match(/zip/)?i="Zip":o.match(/powerpoint/)?i="PowerPoint":o.match(/html/)?i="HTML":o.match(/js/)?i="JavaScript":o.match(/css/)?i="CSS":o.match(/text\/plain/)&&(i="\u30C6\u30AD\u30B9\u30C8"),X(()=>{x&&setTimeout(()=>{V("#"+D).focus()},100)},[x]),p(P,u(s({verticalAlign:"center",flexWrap:!1,gap:1,className:n.cellClassName},n.cellStyles),{children:[l(R.File,{fontSize:"4.thirdTitle",fontColor:"4.thin"}),p(d,{flexSizing:0,children:[l(d,{children:l(P,{verticalAlign:"center",gap:"2/3",flexWrap:!1,className:f("FileName"),children:x?l(le,{children:p(ee,{flexSizing:0,gap:"1/2",children:[p(P,{gap:"2/3",verticalAlign:"center",children:[l(me,{tone:"border",wrapStyles:{flexSizing:"auto"},restrict:"fileName",name:"name",required:!0,id:D,form:"form-"+D,enableFormSubmit:!0,value:W,onKeyDown:C=>{let{key:N}=C;N=="Escape"&&B(!1)}}),p(d,{children:[". ",M]})]}),p(P,{gap:"2/3",horizontalAlign:"right",flexWrap:!1,children:[l(L.Sub,{padding:["2/3",1],onClick:()=>{B(!1)},children:"\u9589\u3058\u308B"}),l(L,{padding:["2/3",1],submitOption:{formName:"form-"+D,callback:C=>U(void 0,null,function*(){let{name:N}=C,T=[...a.dataValue],w=T[t],J=w.id;if(!w)return;let{target:$}=yield w.convert();if(!$)return;let y=yield String($.result).toBlob(m.type);if(!y)return;let F=new File([y],N+"."+M,{type:w.type});F.id=J,T[t]=F,c(_=>u(s({},_),{dataValue:T,eventType:"update",eventID:b.uuid.gen()})),B(!1)})},children:"\u6C7A\u5B9A"})]})]})}):p(le,{children:[r,!!n.isNameEditable&&l(L.Clear,{ssSphere:2.5,flexSizing:"none",fontColor:"4.thin",padding:"1/3",ssEffectsOnActive:"expand",color:"cloud",onClick:()=>{B(!0)},children:l(R.Pen,{})})]})})}),!x&&p(d,{fontSize:"1.mini",fontColor:"4.thin",flexSizing:0,children:[i,"\u30D5\u30A1\u30A4\u30EB / ",K,"B"]})]}),l(L.Sub,{color:"cloud",fontColor:"4.thin",ssSphere:3,onClick:()=>{let C=[...a.dataValue];C[t]&&(C.splice(t,1),c(T=>u(s({},T),{dataValue:C,eventType:"update",eventID:b.uuid.gen()})))},children:l(R.Times,{})})]}))}},fe=e=>{let G=e,{tone:t,required:n,form:m,isNameEditable:a,useSystemOnly:c,accept:r="*",limit:g=1,checkValidationAtFirst:o,onChange:x,onValidate:B,onUpdateValue:D,onUpdateValidValue:K,value:W=[],className:M,cellStyles:i,cellClassName:C,componentID:N,status_id:T,enableFormSubmit:w,freeCSS:J,wrapStyles:$}=G,Z=Q(G,["tone","required","form","isNameEditable","useSystemOnly","accept","limit","checkValidationAtFirst","onChange","onValidate","onUpdateValue","onUpdateValidValue","value","className","cellStyles","cellClassName","componentID","status_id","enableFormSubmit","freeCSS","wrapStyles"]),[y,F]=H(te.DefaultStatus(e.componentID||"",W)),[_,ne]=H({ok:!1,notice:[]}),oe={rootStates:e,val_status:y,set_status:F};X(()=>{Y.set({["AddFiles-"+y.componentID]:v=>{F(A=>{let I=A.dataValue,k=[];for(var S=0;S<(v==null?void 0:v.length);S++){let h=v[S],{type:E,name:z}=h;if(S+1+I.length>g){j.add({componentID:z,secondsToClose:12e3,children:`\u30D5\u30A1\u30A4\u30EB\u9078\u629E\u4E0A\u9650\u3092\u8D85\u3048\u305F\u305F\u3081\u3001${z}}\u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3002`,backgroundColor:"nega"});continue}if(r&&r=="image"&&!E.match(/image/)){j.add({componentID:z,secondsToClose:12e3,children:`\u30D5\u30A1\u30A4\u30EB\u5F62\u5F0F\u304C\u7570\u306A\u308B\u305F\u3081\u3001${z} \u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3002`,backgroundColor:"nega"});continue}k.push(h)}return u(s({},A),{dataValue:[...I,...k],eventType:"update",eventID:b.uuid.gen()})})}})},[]),te.CommonEffects({type:"file",states:e,val_status:y,set_status:F,val_validate:_,set_validate:ne,SystemValidation:de});let O="";return r&&(r=="image"?O="image/png,image/jpeg":O=r),p(pe,{val_status:y,set_status:F,val_validate:_,states:e,children:[l(d,u(s({htmlTag:"input",type:"file",className:f("Input"),"data-component-id":y.componentID,accept:O,multiple:g!=1,onChange:v=>U(void 0,null,function*(){x&&x(v);let A=v.target,I=A.files,k=[];for(var S=0;S<(I==null?void 0:I.length);S++){let h=I[S],E=h.name;if(h.id=b.uuid.gen(),S+1+y.dataValue.length>g){j.add({componentID:E,secondsToClose:12e3,children:`\u30D5\u30A1\u30A4\u30EB\u767B\u9332\u6570\u3092\u8D85\u3048\u305F\u305F\u3081\u3001${E}}\u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3067\u3057\u305F\u3002`,backgroundColor:"nega"});continue}k.push(h)}F(h=>u(s({},h),{dataValue:[...h.dataValue,...k],eventType:"update",eventID:b.uuid.gen()})),A.value=""})},Z),{opacity:"low",tabIndex:-1,value:""})),l(ae.List,s({},oe))]})},q=e=>(e=u(s({limit:1,isNameEditable:!0,useSystemOnly:!1,tone:"border"},e),{override:"force",cellStyles:s(s({},ue({tone:e.tone||"border"})),e.cellStyles)}),l(re,{componentID:e.componentID,children:fe,states:e}));q.fn={openDialog:e=>{let{multiple:t,accept:n}=e;return new Promise(m=>{const a=document.createElement("input");a.type="file",a.multiple=t!=null?t:!0,n&&(n=="image"?a.accept="image/png,image/jpeg":a.accept=n),a.onchange=c=>{m(c.target.files)},a.click()})}},typeof window!="undefined"&&window.document&&b(document).addEvent({eventType:"dragover",callback:e=>{e.preventDefault(),V("."+f("AddButton")).addClass(f("Draggable"))},options:{passive:!1}}).addEvent({eventType:"drop",callback:e=>{e.preventDefault(),V("."+f("AddButton")).removeClass(f("Draggable"));let t=e.dataTransfer.files;if(t.length){let n=e.target;if(V(n).hasClass(f("AddButton"))){let{componentId:m}=n.dataset,a=Y.get("AddFiles-"+m);a&&a(t)}}},options:{passive:!1}});export{q as Filer,q as default};
|
|
1
|
+
import{b as s,c as u,d as Q,e as U}from"../../chunk-C5N2D3ZX.js";import{Fragment as le,jsx as l,jsxs as p}from"react/jsx-runtime";import{useState as H,useEffect as X}from"react";import b from"@mingoo/jsmin";import{$$fromRoot as V,useStore as Y,ExtractStyles as ie}from"../../@utils";import{Box as d,FAI as R,Flex as P,Column as ee}from"../../atoms";import{Row as se}from"../../mols";import{Button as L}from"../Button";import j from"../Snackbar";import{OptionalInputWrapper as re,BoxWrapper as pe,CoreEffects as te,DefaultBoxishStyles as ue}from"./core";import me from"./TextField";import{InputFilerClasses as f}from"../../@styles/componentClasses";import{faCloudArrowUp as ce}from"@fortawesome/free-solid-svg-icons/faCloudArrowUp";function de(e){let{value:t,states:n}=e,{required:m}=n,a=[];return m&&!t.length&&a.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!a.filter(({type:c})=>c=="invalid").length,notice:a}}const ae={List:e=>{let{rootStates:t,val_status:n,set_status:m}=e;if(t.useSystemOnly)return null;let a=t.limit-(n.dataValue||[]).length,c=(n.dataValue||[]).map((r,g)=>l(ae.ListCell,u(s({},e),{index:g,val_file:r}),r.name));return a>0&&c.push(l(d,u(s({htmlTag:"label"},t.cellStyles),{className:[t.cellClassName,f("AddButton")].join(" "),"data-component-id":n.componentID,htmlFor:t.id,tabIndex:t.tabIndex,onKeyDown:r=>{let{key:g}=r;t.tabIndex!=-1&&[" ","Enter"].includes(g)&&V("#"+t.id).click()},children:p(se.Center,{padding:["1/3",0],children:[l(d,{isRounded:!0,className:f("AddIcon"),children:l(R,{icon:ce,className:f("Icon"),fontColor:"theme",fontSize:"4.thirdTitle",backgroundColor:"theme.opa.low",ssSphere:3,padding:"1/2"})}),p(d,{children:[p(d,{fontColor:"theme",fontSize:"2.normal",isSemiBoldFont:!0,children:["\u30D5\u30A1\u30A4\u30EB\u3092\u9078\u629E(",a,")"]}),l(d,{fontColor:"4.thin",fontSize:"0.xs",isSemiBoldFont:!0,children:"\u30D5\u30A1\u30A4\u30EB\u3092\u30C9\u30ED\u30C3\u30D7"})]})]})}),"AddButton")),l(ee,u(s({flexSizing:"auto"},ie(t)),{className:t.className,children:c}))},ListCell:e=>{let{index:t,rootStates:n,val_file:m,val_status:a,set_status:c}=e,{name:r,size:g,type:o}=m,[x,B]=H(!1),D=b.uuid.gen(),K=g.rank(),[W,M]=r.replace(/\s/,"").replace(/(.*)\.(.*)$/,"$1 $2").split(" "),i="\u30D5\u30A1\u30A4\u30EB";return o.match(/image/)?i=o.replace(/image\//,""):o.match(/pdf/)?i="PDF":o.match(/csv/)?i="CSV":o.match(/spreadsheet/)?i="SpreadSheet":o.match(/presentation/)?i="PowerPoint":o.match(/word/)?i="Word":o.match(/zip/)?i="Zip":o.match(/powerpoint/)?i="PowerPoint":o.match(/html/)?i="HTML":o.match(/js/)?i="JavaScript":o.match(/css/)?i="CSS":o.match(/text\/plain/)&&(i="\u30C6\u30AD\u30B9\u30C8"),X(()=>{x&&setTimeout(()=>{V("#"+D).focus()},100)},[x]),p(P,u(s({verticalAlign:"center",flexWrap:!1,gap:1,className:n.cellClassName},n.cellStyles),{children:[l(R.File,{fontSize:"4.thirdTitle",fontColor:"4.thin"}),p(d,{flexSizing:0,children:[l(d,{children:l(P,{verticalAlign:"center",gap:"2/3",flexWrap:!1,className:f("FileName"),children:x?l(le,{children:p(ee,{flexSizing:0,gap:"1/2",children:[p(P,{gap:"2/3",verticalAlign:"center",children:[l(me,{tone:"border",wrapStyles:{flexSizing:"auto"},restrict:"fileName",name:"name",required:!0,id:D,form:"form-"+D,enableFormSubmit:!0,value:W,onKeyDown:C=>{let{key:N}=C;N=="Escape"&&B(!1)}}),p(d,{children:[". ",M]})]}),p(P,{gap:"2/3",horizontalAlign:"right",flexWrap:!1,children:[l(L.Sub,{padding:["2/3",1],onClick:()=>{B(!1)},children:"\u9589\u3058\u308B"}),l(L,{padding:["2/3",1],submitOption:{formName:"form-"+D,callback:C=>U(void 0,null,function*(){let{name:N}=C,T=[...a.dataValue],w=T[t],J=w.id;if(!w)return;let{target:$}=yield w.convert();if(!$)return;let y=yield String($.result).toBlob(m.type);if(!y)return;let F=new File([y],N+"."+M,{type:w.type});F.id=J,T[t]=F,c(_=>u(s({},_),{dataValue:T,eventType:"update",eventID:b.uuid.gen()})),B(!1)})},children:"\u6C7A\u5B9A"})]})]})}):p(le,{children:[r,!!n.isNameEditable&&l(L.Clear,{ssSphere:2.5,flexSizing:"none",fontColor:"4.thin",padding:"1/3",ssEffectsOnActive:"expand",color:"cloud",onClick:()=>{B(!0)},children:l(R.Pen,{})})]})})}),!x&&p(d,{fontSize:"1.mini",fontColor:"4.thin",flexSizing:0,children:[i,"\u30D5\u30A1\u30A4\u30EB / ",K,"B"]})]}),l(L.Sub,{color:"cloud",fontColor:"4.thin",ssSphere:3,onClick:()=>{let C=[...a.dataValue];C[t]&&(C.splice(t,1),c(T=>u(s({},T),{dataValue:C,eventType:"update",eventID:b.uuid.gen()})))},children:l(R.Times,{})})]}))}},fe=e=>{let G=e,{tone:t,required:n,form:m,isNameEditable:a,useSystemOnly:c,accept:r="*",limit:g=1,checkValidationAtFirst:o,onChange:x,onValidate:B,onUpdateValue:D,onUpdateValidValue:K,value:W=[],className:M,cellStyles:i,cellClassName:C,componentID:N,status_id:T,enableFormSubmit:w,freeCSS:J,wrapStyles:$}=G,Z=Q(G,["tone","required","form","isNameEditable","useSystemOnly","accept","limit","checkValidationAtFirst","onChange","onValidate","onUpdateValue","onUpdateValidValue","value","className","cellStyles","cellClassName","componentID","status_id","enableFormSubmit","freeCSS","wrapStyles"]),[y,F]=H(te.DefaultStatus(e.componentID||"",W)),[_,ne]=H({ok:!1,notice:[]}),oe={rootStates:e,val_status:y,set_status:F};X(()=>{Y.set({["AddFiles-"+y.componentID]:v=>{F(A=>{let I=A.dataValue,k=[];for(var S=0;S<(v==null?void 0:v.length);S++){let h=v[S],{type:E,name:z}=h;if(S+1+I.length>g){j.add({componentID:z,secondsToClose:12e3,children:`\u30D5\u30A1\u30A4\u30EB\u9078\u629E\u4E0A\u9650\u3092\u8D85\u3048\u305F\u305F\u3081\u3001${z}}\u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3002`,backgroundColor:"nega"});continue}if(r&&r=="image"&&!E.match(/image/)){j.add({componentID:z,secondsToClose:12e3,children:`\u30D5\u30A1\u30A4\u30EB\u5F62\u5F0F\u304C\u7570\u306A\u308B\u305F\u3081\u3001${z} \u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3002`,backgroundColor:"nega"});continue}k.push(h)}return u(s({},A),{dataValue:[...I,...k],eventType:"update",eventID:b.uuid.gen()})})}})},[]),te.CommonEffects({type:"file",states:e,val_status:y,set_status:F,val_validate:_,set_validate:ne,SystemValidation:de});let O="";return r&&(r=="image"?O="image/png,image/jpeg":O=r),p(pe,{val_status:y,set_status:F,val_validate:_,states:e,children:[l(d,u(s({htmlTag:"input",type:"file",className:f("Input"),"data-component-id":y.componentID,accept:O,multiple:g!=1,onChange:v=>U(void 0,null,function*(){x&&x(v);let A=v.target,I=A.files,k=[];for(var S=0;S<(I==null?void 0:I.length);S++){let h=I[S],E=h.name;if(h.id=b.uuid.gen(),S+1+y.dataValue.length>g){j.add({componentID:E,secondsToClose:12e3,children:`\u30D5\u30A1\u30A4\u30EB\u767B\u9332\u6570\u3092\u8D85\u3048\u305F\u305F\u3081\u3001${E}}\u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3067\u3057\u305F\u3002`,backgroundColor:"nega"});continue}k.push(h)}F(h=>u(s({},h),{dataValue:[...h.dataValue,...k],eventType:"update",eventID:b.uuid.gen()})),A.value=""})},Z),{opacity:"low",tabIndex:-1,value:""})),l(ae.List,s({},oe))]})},q=e=>(e=u(s({limit:1,isNameEditable:!0,useSystemOnly:!1,tone:"border",value:[]},e),{override:"force",cellStyles:s(s({},ue({tone:e.tone||"border"})),e.cellStyles)}),l(re,{componentID:e.componentID,children:fe,states:e}));q.fn={openDialog:e=>{let{multiple:t,accept:n}=e;return new Promise(m=>{const a=document.createElement("input");a.type="file",a.multiple=t!=null?t:!0,n&&(n=="image"?a.accept="image/png,image/jpeg":a.accept=n),a.onchange=c=>{m(c.target.files)},a.click()})}},typeof window!="undefined"&&window.document&&b(document).addEvent({eventType:"dragover",callback:e=>{e.preventDefault(),V("."+f("AddButton")).addClass(f("Draggable"))},options:{passive:!1}}).addEvent({eventType:"drop",callback:e=>{e.preventDefault(),V("."+f("AddButton")).removeClass(f("Draggable"));let t=e.dataTransfer.files;if(t.length){let n=e.target;if(V(n).hasClass(f("AddButton"))){let{componentId:m}=n.dataset,a=Y.get("AddFiles-"+m);a&&a(t)}}},options:{passive:!1}});export{q as Filer,q as default};
|
package/dist/fn/Input/core.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as o,c as d,e as C}from"../../chunk-C5N2D3ZX.js";import{jsx as p,jsxs as R}from"react/jsx-runtime";import{useState as x,useEffect as S}from"react";import r from"@mingoo/jsmin";import{$$fromRoot as D,Config as k,useStore as
|
|
1
|
+
import{b as o,c as d,e as C}from"../../chunk-C5N2D3ZX.js";import{jsx as p,jsxs as R}from"react/jsx-runtime";import{useState as x,useEffect as S}from"react";import r from"@mingoo/jsmin";import{$$fromRoot as D,Config as k,useStore as y}from"../../@utils";import{InputClasses as _}from"../../@styles/componentClasses";import{Box as B,Flex as E,FAI as g,Column as N}from"../../atoms";import{Row as b,Text as w}from"../../mols";import{Button as F}from"../Button";import T from"../Tooltips";const ot=t=>{let[n]=x(t.componentID||r.uuid.gen(24));t=o({},t),t.states=d(o({enableFormSubmit:!0,status_id:r.uuid.gen(),override:"never",form:"",id:r.uuid.gen(),"aria-label":"Input-"+n},t.states),{componentID:n});let{children:e}=t;return p(e,o({},t.states))},it=t=>{let{children:n,val_status:e,val_validate:a,states:i}=t,{leftIcon:l,wrapStyles:c}=i;return e.eventType=="init"&&!i.checkValidationAtFirst&&(a.notice=[]),R(b.Center,d(o({position:"relative",verticalAlign:"unset",gap:0},c),{className:_("Wrapper"),"data-notice-uid":e.componentID,children:[p(V.Notice,{notice:a.notice,val_status:e}),i.leftIndicator,R(E,{position:"relative",flexSizing:"auto",children:[n,l,p(V.RightIcon,o({},t)),p(V.ClearButton,o({},t))]}),i.rightIndicator]}))},V={ClearButton:t=>!t.states.clearButton||!t.val_status.dataValue?null:p(F.Normal,{ssSphere:2,flexCenter:!0,fontColor:"5.translucent",ssEffectsOnActive:["ripple.theme"],position:"absolute",right:1,top:"50%",freeCSS:{zIndex:3,transform:"translateY(-50%)"},onClick:()=>{t.set_status(n=>d(o({},n),{dataValue:"",formatValue:"",eventType:"update",eventID:r.uuid.gen()}))},children:p(g.Times,{})}),RightIcon:t=>t.states.clearButton&&t.val_status.dataValue?null:t.states.rightIcon,Notice:t=>{let{notice:n,val_status:e}=t,{componentID:a}=e,i="NoticeTimer-"+a,l="NoticeTimerClose-"+a,c="notice-tips-"+a;return S(()=>{r.interval.clear(i),r.interval.clear(l),r.interval.standBy(i,350,()=>{if(!n.length){T.close(c);return}T.open({tipsID:c,parent:`[data-notice-uid="${a}"]`,gravityPoint:22,padding:[1,0],closeAtParentBlur:!1,content:R(T.Body,{padding:["1/2","2/3"],fontSize:"1.mini",position:"relative",children:[p(B,{position:"absolute",unitHeight:1,unitWidth:1,left:1,backgroundColor:"dark",freeCSS:{zIndex:1,transform:"rotate(45deg)",top:-6}}),p(N,{backgroundColor:"inherit",gap:"1/3",position:"relative",freeCSS:{zIndex:2},children:n.map((v,I)=>{let{type:s,label:u}=v,f=s=="invalid"?g.Times:s=="warn"?g.Exclamation:g.Check;return R(b.Left,{gap:0,borderRadius:"2.tone.secondary",children:[p(f,{flexCenter:!0,fontSize:"2.normal",fontColor:{invalid:"nega",warn:"warn",valid:"posi"}[s]}),p(w.Supplement,{fontSize:"0.xs",fontColor:"white",children:u})]},I+"-"+JSON.stringify(v))})})]})})}),r.interval.standBy(l,6e3,()=>{T.close(c)})},[n]),null}},A={DefaultStatus:(t,n)=>({componentID:t,dataValue:n,eventType:"init",eventID:r.uuid.gen()}),CommonEffects:function(t){let{type:n,states:e,val_status:a,set_status:i,val_validate:l,set_validate:c,SystemValidation:v}=t;e=o({},e);let{componentID:I}=a;S(()=>(y.update({[I]:{ResolveRefresh:null,Refresh:()=>new Promise((s,u)=>{y.get(I).ResolveRefresh=s,i(f=>d(o({},f),{eventType:"refresh",eventID:r.uuid.gen()}))}),GenNotice:s=>{let{ok:u,notice:f}=s;c({ok:u,notice:f})}}}),()=>{y.delete(I)}),[]),r.scope(()=>{let{override:s}=e;if(s=="never"||s=="beforeModified"&&!["init","override"].includes(a.eventType))return;let u=y.get(a.componentID);u&&(e.value!=a.dataValue&&e.status_id!=u.status_id&&i(f=>d(o(d(o({},f),{dataValue:e.value}),t.ExtraOverrideStates),{eventType:"override",eventID:r.uuid.gen()})),u.status_id=e.status_id)}),S(()=>{A.ValidationCheck({val_status:a,set_validate:c,SystemValidation:v,states:e})},[a.eventID,a.dataValue]),S(()=>(r.scope(()=>{let{componentID:s,eventType:u,dataValue:f}=a,m=f;if(n=="autocomplete.single"||n=="list.radio"?m=m[0]:e.isChecker&&(m=!!m[0]),e.form=e.form||"testForm",e.name&&e.form&&y.update({["form-data-"+e.form]:{[e.name]:{componentID:s,type:n,value:m,validation:l.ok}}}),u=="refresh"){let h=y.get(s);h&&h.ResolveRefresh&&h.ResolveRefresh(null)}else u=="update"&&(e.onUpdateValue&&e.onUpdateValue({componentID:s,value:m,eventType:u}),r.scope(()=>{l.ok&&e.onUpdateValidValue&&e.onUpdateValidValue({componentID:s,value:m,eventType:u})}))}),()=>{y.update({["form-data-"+e.form]:{[e.name]:null}})}),[l])},ValidationCheck:t=>{let{states:n}=t;r.interval.clear("ValidationTimer-"+t.val_status.componentID);let e=t.SystemValidation({value:t.val_status.dataValue,states:n});if(!e.ok){t.set_validate(e);return}let a=e.notice;const i=()=>C(void 0,null,function*(){if(!n.onValidate)return;let l=yield n.onValidate({value:t.val_status.dataValue,eventType:t.val_status.eventType,props:t});t.set_validate({ok:l.ok,notice:[...a,...l.notice]})});if(n.onValidate){if(t.val_status.eventType=="refresh"){i();return}r.interval.standBy("ValidationTimer-"+t.val_status.componentID,450,i);return}t.set_validate({ok:!0,notice:a})},SubmitForm:(t,n)=>{let e=!1;if(!n)return e;let a=D(`[data-form-submit-button="${n}"]`)[0];if(!a)return e;let i=a.dataset.sdfike||"",l=t.key,c=t.ctrlKey||t.metaKey;return r.scope(()=>{i.includes("enter")&&(l!="Enter"||t.nativeEvent.isComposing||k.get().browserIs=="safari"&&t.keyCode==229)||((l=="Enter"&&(i.includes("enter")||i.includes("auxEnter")&&c)||l==" "&&i.includes("space"))&&(a.click(),t.preventDefault()),e=!0)}),e},isShowValidation:(t,n,e)=>{let a=t.ok;return!e&&n.eventType=="init"&&(a=!0),a}},rt=function(t){t=o({tone:"border"},t);let n=r.scope(()=>{if(t.tone=="plain")return{};let a={padding:"3/4",transition:"middle",flexSizing:"auto",boxShadow:"0.min"};return t.tone=="border"?a=d(o({},a),{border:!0,borderRadius:"2.tone.secondary",backgroundColor:"layer.1"}):t.tone=="cloud"?a=d(o({},a),{border:"1.thin",borderRadius:"2.tone.secondary",backgroundColor:"cloud"}):t.tone=="bottomBorder"&&(a=d(o({},a),{borderRadius:0,border:"unset",borderBottom:!0,backgroundColor:"cloud"})),a});return d(o(o(o(o(o(o({fontColor:"2.normal"},n),!!t.rightIcon&&{paddingRight:3}),!!t.leftIcon&&{paddingLeft:3}),!!t.leftIndicator&&{borderTopLeftRadius:"2/3",borderBottomLeftRadius:"2/3",marginLeft:"1/4"}),!!t.rightIndicator&&{borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",marginRight:"1/4"}),t),{freeCSS:o({letterSpacing:"1px",resize:"none"},t.freeCSS),className:[_("Input"),t.className].join(" ")})};export{it as BoxWrapper,A as CoreEffects,rt as DefaultBoxishStyles,ot as OptionalInputWrapper};
|