amotify 0.2.257 → 0.2.258
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/fn/Input/core.js +1 -1
- package/package.json +1 -1
package/dist/fn/Input/core.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as n,c as u,e as b}from"../../chunk-C5N2D3ZX.js";import{jsx as m,jsxs as C}from"react/jsx-runtime";import{useState as w,useEffect as v}from"react";import d,{UUID as
|
|
1
|
+
import{b as n,c as u,e as b}from"../../chunk-C5N2D3ZX.js";import{jsx as m,jsxs as C}from"react/jsx-runtime";import{useState as w,useEffect as v}from"react";import d,{UUID as p,useStore as I}from"jmini";import{$$fromRoot as D}from"../../@utils";import{InputClasses as _}from"../../@styles/componentClasses";import{Box as k,Flex as B,FAI as g,Column as E}from"../../atoms";import{Row as x,Literal as F}from"../../mols";import{Button as O}from"../Button";import V from"../Tooltips";const te=e=>{let[i]=w(e.componentId||p(12));e=n({},e),e.states=u(n({enableFormSubmit:!0,status_id:p(8),override:"never",form:"",id:p(),"aria-label":"Input-"+i},e.states),{componentId:i});let{children:a}=e;return m(a,n({},e.states))},ae=e=>{let{children:i,val_status:a,states:t}=e,{leftIcon:l,wrapStyles:f}=t,s=a.notice||[];return t.checkValidationAtFirst||a.eventType=="init"&&(s=[]),C(x.Center,u(n({position:"relative",verticalAlign:"unset",gap:0},f),{className:_("Wrapper"),"data-notice-uid":a.componentId,children:[m(T.Notice,{notice:s,val_status:a}),t.leftIndicator,C(B,{position:"relative",flexSizing:"auto",children:[i,l,m(T.RightIcon,n({},e)),m(T.ClearButton,n({},e))]}),t.rightIndicator]}))},T={ClearButton:e=>!e.states.clearButton||!e.val_status.rawValue?null:m(O.Normal,{ssSphere:2,flexCenter:!0,fontColor:"5.translucent",ssEffectsOnActive:["ripple.theme"],position:"absolute",right:1,top:"50%",freeCSS:{zIndex:3,transform:"translateY(-50%)"},onClick:()=>{e.set_status(i=>u(n({},i),{rawValue:"",safeValue:"",eventType:"update",eventID:p(12),isInspected:!1}))},children:m(g.X,{})}),RightIcon:e=>e.states.clearButton&&e.val_status.rawValue?null:e.states.rightIcon,Notice:e=>{let{notice:i,val_status:a}=e,{componentId:t}=a,l="NoticeTimer-"+t,f="NoticeTimerClose-"+t,s="notice-tips-"+t;return v(()=>{d.interval.once(()=>{if(!(i!=null&&i.length)){V.close(s);return}V.open({tipsID:s,parent:`[data-notice-uid="${t}"]`,gravityPoint:24,padding:[1,0],closeAtParentBlur:!1,content:C(V.Body,{padding:["1/2","2/3"],fontSize:"1.mini",position:"relative",children:[m(k,{position:"absolute",unitHeight:1,unitWidth:1,right:1,backgroundColor:"dark",freeCSS:{zIndex:1,transform:"rotate(45deg)",top:-6}}),m(E,{backgroundColor:"inherit",gap:"1/3",position:"relative",freeCSS:{zIndex:2},children:i.map((o,c)=>{let{type:r,label:y}=o,S=r=="invalid"?g.Exclamation:r=="warn"?g.Exclamation:g.Check;return C(x.Left,{gap:0,borderRadius:"2.tone.secondary",children:[m(S,{flexCenter:!0,fontSize:"2.normal",fontColor:{invalid:"nega",warn:"warn",valid:"posi"}[r]}),m(F.Supplement,{fontSize:"0.xs",fontColor:"white",children:y})]},c+"-"+d.Stringify(o))})})]})})},350,l),d.interval.once(()=>{V.close(s)},6e3,f)},[i]),null}},A={DefaultStatus:(e,i)=>({componentId:e,rawValue:i,eventType:"init",eventID:p(12)}),CommonEffects:function(e){let{type:i,states:a,val_status:t,set_status:l,SystemValidation:f}=e;a=n({},a);let{componentId:s}=t;v(()=>(I.update({[`input_alias:id:${a.id}`]:{componentId:s},[`input_alias:name:${a.name}`]:{componentId:s},[s]:{ResolveRefresh:null,remoteUpdate:o=>{l(c=>u(n({},c),{isInspected:!1,isValidated:!1,rawValue:o,status_id:p(8),eventType:"update.remote",eventID:p(12)}))},Refresh:()=>new Promise((o,c)=>{I.get(s).ResolveRefresh=o,l(r=>u(n({},r),{isInspected:!1,eventType:"refresh",eventID:p(12)}))})}}),()=>{I.delete(s)}),[]),v(()=>{A.ValidationCheck({val_status:t,set_status:l,SystemValidation:f,states:a})},[t.eventID,t.rawValue]),d.scope(()=>{let{override:o}=a;if(t.eventType=="update.remote"){l(h=>u(n(n({},h),e.ExtraOverrideStates&&e.ExtraOverrideStates(t.rawValue)),{eventType:"override",eventID:p(12),isInspected:!1,isValidated:!1}));return}if(o=="never"||o=="beforeModified"&&!["init","override"].includes(t.eventType)||t.isComposing)return;let c=I.get(t.componentId);if(!c)return;let r=a.value,y=t.rawValue;if(e.ExtraOverrideStates&&(r=e.ExtraOverrideStates(r).rawValue||r),d.is.equal(r,y)){c.status_id=a.status_id;return}let S=d.SortifyObject(r),R=d.SortifyObject(y);if(S&&R&&d.is.equal(S,R)){c.status_id=a.status_id;return}a.status_id!=c.status_id&&(t.eventType=="update"&&!t.isInspected||l(h=>u(n(u(n({},h),{rawValue:r}),e.ExtraOverrideStates&&e.ExtraOverrideStates(r)),{eventType:"override",eventID:p(12),isInspected:!1,isValidated:!1})))});{let{componentId:o,eventType:c}=t,r=t.rawValue;i=="autocomplete.single"?r=d.flatArray(r)[0]:i=="list.radio"?r=d.flatArray(r)[0]:a.isChecker&&(r=!!d.flatArray(r)[0]),v(()=>(d.scope(()=>{if(a.form=a.form||"testForm",a.name&&a.form&&I.update({[["form-data",a.form].join("-")]:{[a.name]:{componentId:o,type:i,value:r,validation:t.isValidated}}}),!t.isInspected||c!="refresh")return;let y=I.get(o);y&&y.ResolveRefresh&&y.ResolveRefresh(null)}),()=>{I.update({[["form-data",a.form].join("-")]:{[a.name]:null}})}),[t]),v(()=>{a.onUserAction&&a.onUserAction(r,{eventType:c,componentId:o,isInspected:!!t.isInspected,isValidated:!!t.isValidated,isComposing:!!t.isComposing,isFocusing:!!t.isFocusing})},[t]),v(()=>{t.isInspected&&c=="update"&&(a.onUpdateValue&&a.onUpdateValue(r,{eventType:c,componentId:o,isValidated:!!t.isValidated,isComposing:!!t.isComposing,isFocusing:!!t.isFocusing}),t.isValidated&&a.onUpdateValidValue&&a.onUpdateValidValue(r,{eventType:c,componentId:o,isValidated:!!t.isValidated,isComposing:!!t.isComposing,isFocusing:!!t.isFocusing}))},[t.isValidated,t.isInspected,t.rawValue])}},ValidationCheck:e=>{let{states:i}=e;if(e.val_status.isInspected)return;let a="ValidationTimer-"+e.val_status.componentId;d.interval.abort(a),e.set_status(s=>u(n({},s),{isInspected:!1,isValidated:!1}));let t=e.SystemValidation({value:e.val_status.rawValue,states:i});if(!t.ok){e.set_status(s=>u(n({},s),{isInspected:!0,isValidated:!!t.ok,notice:t.notice||[]}));return}let l=t.notice||[];const f=()=>b(void 0,null,function*(){if(!i.onValidate)return;let s=yield i.onValidate(e.val_status.rawValue,e.val_status.eventType,e.val_status);e.set_status(o=>u(n({},o),{isInspected:!0,isValidated:!!s.ok,notice:[...l,...s.notice||[]]}))});if(i.onValidate){if(e.val_status.eventType=="refresh"){f();return}d.interval.once(f,i.onValidateDelay||400,a);return}e.set_status(s=>u(n({},s),{eventID:p(12),isInspected:!0,isValidated:!0,notice:l}))},SubmitForm:(e,i)=>{let a=!1;if(!i)return a;let t=D(`[data-form-submit-button="${i}"]`)[0];if(!t)return a;let l=t.dataset.sdfike||"",f=e.key,s=e.ctrlKey||e.metaKey;return d.scope(()=>{l.includes("enter")&&(f!="Enter"||e.nativeEvent.isComposing||(e==null?void 0:e.keyCode)==229)||((f=="Enter"&&(l.includes("enter")||l.includes("auxEnter")&&s)||f==" "&&l.includes("space"))&&(t.click(),e.preventDefault()),a=!0)}),a},isShowValidation:(e,i)=>{let a=e.isValidated;return!i&&e.eventType=="init"?!0:a}},ie=function(e){e=n({tone:"border"},e);let i=d.scope(()=>{if(e.tone=="plain")return{};let t={padding:1,transition:"middle",flexSizing:"auto",boxShadow:"0.min"};return e.tone=="border"?t=u(n({},t),{border:!0,borderRadius:"2.tone.secondary",backgroundColor:"layer.1"}):e.tone=="cloud"?t=u(n({},t),{border:"1.thin",borderRadius:"2.tone.secondary",backgroundColor:"cloud"}):e.tone=="bottomBorder"&&(t=u(n({},t),{borderRadius:0,border:"unset",borderBottom:!0,backgroundColor:"cloud"})),t});return u(n(n(n(n(n(n({fontColor:"2.normal"},i),!!e.rightIcon&&{paddingRight:3}),!!e.leftIcon&&{paddingLeft:3}),!!e.leftIndicator&&{borderTopLeftRadius:"2/3",borderBottomLeftRadius:"2/3",marginLeft:"1/4"}),!!e.rightIndicator&&{borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",marginRight:"1/4"}),e),{freeCSS:n({letterSpacing:"1px",resize:"none"},e.freeCSS),className:[_("Input"),e.className].join(" ")})};export{ae as BoxWrapper,A as CoreEffects,ie as DefaultBoxishStyles,te as OptionalInputWrapper};
|