amotify 0.2.207 → 0.2.208
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.
|
@@ -109,30 +109,34 @@ let Page = () => {
|
|
|
109
109
|
val_value { val_value || "null" }
|
|
110
110
|
</Literal>
|
|
111
111
|
<Input.TextField
|
|
112
|
+
form='form_test'
|
|
113
|
+
name='testInput'
|
|
112
114
|
// override='force'
|
|
113
115
|
value={ val_value }
|
|
114
116
|
required
|
|
115
|
-
|
|
117
|
+
onUserAction={ ( ...args ) => {
|
|
116
118
|
console.log(
|
|
117
|
-
'[
|
|
119
|
+
'[onUserAction]',...args
|
|
118
120
|
)
|
|
119
|
-
set_value( value )
|
|
120
121
|
} }
|
|
121
|
-
|
|
122
|
-
<Input.Switch
|
|
123
|
-
onUserAction={ ( value,opt ) => {
|
|
122
|
+
onUpdateValidValue={ value => {
|
|
124
123
|
// console.log(
|
|
125
|
-
// '[
|
|
124
|
+
// '[onUpdateValidValue]',value
|
|
126
125
|
// )
|
|
127
|
-
|
|
128
|
-
onUpdateValue={ ( ...args ) => {
|
|
129
|
-
// console.log( '[onUpdateValue]',args )
|
|
130
|
-
} }
|
|
131
|
-
onUpdateValidValue={ ( ...args ) => {
|
|
132
|
-
console.log( '[onUpdateValidValue]',args )
|
|
126
|
+
// set_value( value )
|
|
133
127
|
} }
|
|
134
128
|
/>
|
|
135
129
|
</Box>
|
|
130
|
+
<Button.Prime
|
|
131
|
+
submitOption={ {
|
|
132
|
+
formName: 'form_test',
|
|
133
|
+
callback: form => {
|
|
134
|
+
console.log( form )
|
|
135
|
+
}
|
|
136
|
+
} }
|
|
137
|
+
>
|
|
138
|
+
Submit
|
|
139
|
+
</Button.Prime>
|
|
136
140
|
</Column>
|
|
137
141
|
</Plate>
|
|
138
142
|
}
|
package/dist/fn/Button.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as s,c as i,d as B,e as z}from"../chunk-C5N2D3ZX.js";import{jsx as p}from"react/jsx-runtime";import L,{UUID as P}from"jmini";import{pageRouter as k,ReadStyleSet as R}from"../@utils";import{Input as E}from".";import{Box as I}from"../atoms";import{ButtonClasses as c}from"../@styles/componentClasses";const x={Size:(l,t,o,n)=>{let e={fontSize:"inherit"};return o=o||"R",t=="plain"?{}:(t=="link"?o=="xsmall"?e.fontSize="0.xs":o=="small"?e.fontSize="1.mini":o=="regular"||o=="large"&&(e.fontSize="3.paragraph"):e=s({borderRadius:"2.tone.secondary",transition:"middle",position:"relative",textAlign:"center"},e),o=="xsmall"?e=i(s({},e),{padding:["1/3","2/3"],fontSize:"0.xs",borderRadius:"3.tone.tertiary"}):o=="small"?e=i(s({},e),{padding:["1/2","3/4"],fontSize:"1.mini",borderRadius:"3.tone.tertiary"}):o=="regular"?e.padding=["3/4",1]:o=="large"&&(e.padding=[1,2],e.fontSize="3.paragraph",e.isSemiBoldFont=!0),e)},Tone:(l,t,o,n)=>{let e={display:"inlineBlock",fontWeight:"inherit",fontColor:"inherit",border:"unset"};return t=="plain"||(t=="link"?(e.fontColor="theme",e.textAlign="left",e.backgroundColor="trans"):t=="normal"?e=i(s({},e),{backgroundColor:"trans"}):t=="border"?e=i(s({},e),{backgroundColor:"layer.1",border:"2.normal",borderStyle:"solid",boxShadow:"0.min"}):t=="prime"?(e=i(s({},e),{isSemiBoldFont:!0,fontColor:"white",backgroundColor:n,boxShadow:"0.normal",ssEffectsOnActive:["shrink","push","ripple.white"]}),n=="white"&&(e=i(s({},e),{fontColor:"theme",ssEffectsOnActive:["shrink","push","ripple.cloud"]}))):t=="sub"?e=i(s({},e),{fontColor:n,ssEffectsOnActive:["shrink","ripple.cloud"]}):t=="clear"?e=i(s({},e),{fontColor:n,backgroundColor:"trans",ssEffectsOnActive:["shrink","ripple.cloud"]}):t=="fillToBorder"?e=i(s({},e),{boxShadow:"0.normal",border:"2.normal",borderWidth:2,borderColor:n,fontColor:n,backgroundColor:n}):t=="borderToFill"&&(e=i(s({},e),{fontColor:n,boxShadow:"0.normal",border:"2.normal",borderWidth:2,borderColor:n,backgroundColor:n})),n=="cloud"&&(e.fontColor="2.normal"),t!="link"&&(e=s({position:"relative",ssEffectsOnActive:["shrink","push"]},e))),e}},F=l=>{let t=R(s({isLocked:!1,isActive:!1,isActiveStyles:{},isActiveClassName:"",tabIndex:0,className:"",color:"theme",tone:"border","aria-label":P()},l)),o=t.seed;{let{isLocked:y=!1,isActive:m=!1,isActiveStyles:h={},isActiveClassName:C="",tone:r="border",size:u="regular",color:a="theme",className:T=""}=t;t=s(s(s({},x.Size(l.seed,r,u,a)),x.Tone(l.seed,r,u,a)),t),t.className=[T,c("Wrap"),c("isNeutral_"+!m),c("isLocked_"+y),c("Tone_"+r),c("Color_"+a),c("Tone_"+r+"_Color_"+a)].join(" "),m&&(t=s(s({className:[t.className,C].join(" ")},t),h))}if(o=="button"){let n=t,{isLocked:y,isActive:m,isActiveClassName:h,isActiveStyles:C,submitOption:r,onClick:u}=n,a=B(n,["isLocked","isActive","isActiveClassName","isActiveStyles","submitOption","onClick"]);return r&&(r=s({acceptInvalidForm:!1,submitDelegationKey:"auxEnter"},r),a=i(s({},a),{"data-form-submit-button":r.formName,"data-sdfike":L.flatArray(r.submitDelegationKey).join(",")})),p(I,i(s({htmlTag:"button",fontHeight:"inherit"},a),{onClick:T=>z(void 0,null,function*(){if(y||(u&&u(T),!r))return;let S=yield E.CollectForm(r.formName);!r.acceptInvalidForm
|
|
1
|
+
import{b as s,c as i,d as B,e as z}from"../chunk-C5N2D3ZX.js";import{jsx as p}from"react/jsx-runtime";import L,{UUID as P}from"jmini";import{pageRouter as k,ReadStyleSet as R}from"../@utils";import{Input as E}from".";import{Box as I}from"../atoms";import{ButtonClasses as c}from"../@styles/componentClasses";const x={Size:(l,t,o,n)=>{let e={fontSize:"inherit"};return o=o||"R",t=="plain"?{}:(t=="link"?o=="xsmall"?e.fontSize="0.xs":o=="small"?e.fontSize="1.mini":o=="regular"||o=="large"&&(e.fontSize="3.paragraph"):e=s({borderRadius:"2.tone.secondary",transition:"middle",position:"relative",textAlign:"center"},e),o=="xsmall"?e=i(s({},e),{padding:["1/3","2/3"],fontSize:"0.xs",borderRadius:"3.tone.tertiary"}):o=="small"?e=i(s({},e),{padding:["1/2","3/4"],fontSize:"1.mini",borderRadius:"3.tone.tertiary"}):o=="regular"?e.padding=["3/4",1]:o=="large"&&(e.padding=[1,2],e.fontSize="3.paragraph",e.isSemiBoldFont=!0),e)},Tone:(l,t,o,n)=>{let e={display:"inlineBlock",fontWeight:"inherit",fontColor:"inherit",border:"unset"};return t=="plain"||(t=="link"?(e.fontColor="theme",e.textAlign="left",e.backgroundColor="trans"):t=="normal"?e=i(s({},e),{backgroundColor:"trans"}):t=="border"?e=i(s({},e),{backgroundColor:"layer.1",border:"2.normal",borderStyle:"solid",boxShadow:"0.min"}):t=="prime"?(e=i(s({},e),{isSemiBoldFont:!0,fontColor:"white",backgroundColor:n,boxShadow:"0.normal",ssEffectsOnActive:["shrink","push","ripple.white"]}),n=="white"&&(e=i(s({},e),{fontColor:"theme",ssEffectsOnActive:["shrink","push","ripple.cloud"]}))):t=="sub"?e=i(s({},e),{fontColor:n,ssEffectsOnActive:["shrink","ripple.cloud"]}):t=="clear"?e=i(s({},e),{fontColor:n,backgroundColor:"trans",ssEffectsOnActive:["shrink","ripple.cloud"]}):t=="fillToBorder"?e=i(s({},e),{boxShadow:"0.normal",border:"2.normal",borderWidth:2,borderColor:n,fontColor:n,backgroundColor:n}):t=="borderToFill"&&(e=i(s({},e),{fontColor:n,boxShadow:"0.normal",border:"2.normal",borderWidth:2,borderColor:n,backgroundColor:n})),n=="cloud"&&(e.fontColor="2.normal"),t!="link"&&(e=s({position:"relative",ssEffectsOnActive:["shrink","push"]},e))),e}},F=l=>{let t=R(s({isLocked:!1,isActive:!1,isActiveStyles:{},isActiveClassName:"",tabIndex:0,className:"",color:"theme",tone:"border","aria-label":P()},l)),o=t.seed;{let{isLocked:y=!1,isActive:m=!1,isActiveStyles:h={},isActiveClassName:C="",tone:r="border",size:u="regular",color:a="theme",className:T=""}=t;t=s(s(s({},x.Size(l.seed,r,u,a)),x.Tone(l.seed,r,u,a)),t),t.className=[T,c("Wrap"),c("isNeutral_"+!m),c("isLocked_"+y),c("Tone_"+r),c("Color_"+a),c("Tone_"+r+"_Color_"+a)].join(" "),m&&(t=s(s({className:[t.className,C].join(" ")},t),h))}if(o=="button"){let n=t,{isLocked:y,isActive:m,isActiveClassName:h,isActiveStyles:C,submitOption:r,onClick:u}=n,a=B(n,["isLocked","isActive","isActiveClassName","isActiveStyles","submitOption","onClick"]);return r&&(r=s({acceptInvalidForm:!1,submitDelegationKey:"auxEnter"},r),a=i(s({},a),{"data-form-submit-button":r.formName,"data-sdfike":L.flatArray(r.submitDelegationKey).join(",")})),p(I,i(s({htmlTag:"button",fontHeight:"inherit"},a),{onClick:T=>z(void 0,null,function*(){if(y||(u&&u(T),!r))return;let S=yield E.CollectForm(r.formName);!S.valid&&!r.acceptInvalidForm||r.callback(S.data,S.valid)})}))}else if(o=="label"){let e=t,{isLocked:y,isActive:m,isActiveClassName:h,isActiveStyles:C,onClick:r}=e,u=B(e,["isLocked","isActive","isActiveClassName","isActiveStyles","onClick"]);return p(I,i(s({htmlTag:"label"},u),{onClick:a=>{y||r&&r(a)}}))}else if(o=="anchor"){let M=t,{isLocked:y,isActive:m,isActiveClassName:h,isActiveStyles:C,onClick:r,href:u="",newTab:a,sync:T,shiftQueryParams:S}=M,A=B(M,["isLocked","isActive","isActiveClassName","isActiveStyles","onClick","href","newTab","sync","shiftQueryParams"]);return p(I,i(s({htmlTag:"button"},A),{onClick:f=>{if(y)return;if(r)return r(f);let v=f.ctrlKey||f.metaKey,N=a||!!v,b=u;if(S&&(b+=location.search),T){k.pushSync(b);return}k.push(b,!!N)}}))}return null},d=function(l,t){const o=e=>p(F,s({seed:l,tone:t,size:"regular"},e)),n=o;return n.Plain=e=>p(o,s({size:"plain",tone:t},e)),n.XS=e=>p(o,s({size:"xsmall",tone:t},e)),n.S=e=>p(o,s({size:"small",tone:t},e)),n.R=e=>p(o,s({size:"regular",tone:t},e)),n.L=e=>p(o,s({size:"large",tone:t},e)),n},g=function(l){const o=n=>p(F,s({seed:l,tone:"prime",size:"regular"},n));return o.Plain=d(l,"plain"),o.Link=d(l,"link"),o.Normal=d(l,"normal"),o.Border=d(l,"border"),o.Prime=d(l,"prime"),o.Sub=d(l,"sub"),o.Clear=d(l,"clear"),o.FillToBorder=d(l,"fillToBorder"),o.BorderToFill=d(l,"borderToFill"),o},w=g("button"),H=g("label"),K=g("anchor");export{K as Anchor,w as Button,H as Label};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{e as
|
|
1
|
+
import{e as l}from"../../chunk-C5N2D3ZX.js";import m,{useStore as o}from"jmini";const p=e=>l(void 0,null,function*(){let a=0,s={};return yield m.scope(()=>l(void 0,null,function*(){if(o.get("form-process-"+e)){console.log("currently processing form",e);return}a=1,o.set({["form-process-"+e]:!0});let i=document.activeElement;i&&i.blur();let r=o.get(["form-data",e].join("-"));if(!r){o.set({["form-process-"+e]:!1});return}for(let[c,t]of Object.entries(r)){if(!t)continue;let n=o.get(t.componentId);n&&n.Refresh&&(yield n.Refresh())}for(let[c,t]of Object.entries(r))t&&(a&=Number(t.validation),s[c]=t.value);o.set({["form-process-"+e]:!1})})),{valid:!!a,data:s}});export{p as CollectForm,p as default};
|
package/dist/fn/Input/core.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as i,c as p,e as b}from"../../chunk-C5N2D3ZX.js";import{jsx as m,jsxs as h}from"react/jsx-runtime";import{useState as x,useEffect as S}from"react";import f,{UUID as y,useStore as v}from"jmini";import{$$fromRoot as D}from"../../@utils";import{InputClasses as _}from"../../@styles/componentClasses";import{Box as B,Flex as E,FAI as V,Column as F}from"../../atoms";import{Row as k,Literal as N}from"../../mols";import{Button as w}from"../Button";import C from"../Tooltips";const et=t=>{let[n]=x(t.componentId||y());t=i({},t),t.states=p(i({enableFormSubmit:!0,status_id:y(),override:"never",form:"",id:y(),"aria-label":"Input-"+n},t.states),{componentId:n});let{children:e}=t;return m(e,i({},t.states))},at=t=>{let{children:n,val_status:e,val_validate:a,states:
|
|
1
|
+
import{b as i,c as p,e as b}from"../../chunk-C5N2D3ZX.js";import{jsx as m,jsxs as h}from"react/jsx-runtime";import{useState as x,useEffect as S}from"react";import f,{UUID as y,useStore as v}from"jmini";import{$$fromRoot as D}from"../../@utils";import{InputClasses as _}from"../../@styles/componentClasses";import{Box as B,Flex as E,FAI as V,Column as F}from"../../atoms";import{Row as k,Literal as N}from"../../mols";import{Button as w}from"../Button";import C from"../Tooltips";const et=t=>{let[n]=x(t.componentId||y());t=i({},t),t.states=p(i({enableFormSubmit:!0,status_id:y(),override:"never",form:"",id:y(),"aria-label":"Input-"+n},t.states),{componentId:n});let{children:e}=t;return m(e,i({},t.states))},at=t=>{let{children:n,val_status:e,val_validate:a,states:r}=t,{leftIcon:o,wrapStyles:d}=r;return r.checkValidationAtFirst||e.eventType=="init"&&(a.notice=[]),h(k.Center,p(i({position:"relative",verticalAlign:"unset",gap:0},d),{className:_("Wrapper"),"data-notice-uid":e.componentId,children:[m(T.Notice,{notice:a.notice,val_status:e}),r.leftIndicator,h(E,{position:"relative",flexSizing:"auto",children:[n,o,m(T.RightIcon,i({},t)),m(T.ClearButton,i({},t))]}),r.rightIndicator]}))},T={ClearButton:t=>!t.states.clearButton||!t.val_status.dataValue?null:m(w.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=>p(i({},n),{dataValue:"",formatValue:"",eventType:"update",eventID:y()}))},children:m(V.X,{})}),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,r="NoticeTimer-"+a,o="NoticeTimerClose-"+a,d="notice-tips-"+a;return S(()=>{f.interval.once(()=>{if(!n.length){C.close(d);return}C.open({tipsID:d,parent:`[data-notice-uid="${a}"]`,gravityPoint:24,padding:[1,0],closeAtParentBlur:!1,content:h(C.Body,{padding:["1/2","2/3"],fontSize:"1.mini",position:"relative",children:[m(B,{position:"absolute",unitHeight:1,unitWidth:1,right:1,backgroundColor:"dark",freeCSS:{zIndex:1,transform:"rotate(45deg)",top:-6}}),m(F,{backgroundColor:"inherit",gap:"1/3",position:"relative",freeCSS:{zIndex:2},children:n.map((I,g)=>{let{type:s,label:u}=I,c=s=="invalid"?V.Exclamation:s=="warn"?V.Exclamation:V.Check;return h(k.Left,{gap:0,borderRadius:"2.tone.secondary",children:[m(c,{flexCenter:!0,fontSize:"2.normal",fontColor:{invalid:"nega",warn:"warn",valid:"posi"}[s]}),m(N.Supplement,{fontSize:"0.xs",fontColor:"white",children:u})]},g+"-"+f.Stringify(I))})})]})})},350,r),f.interval.once(()=>{C.close(d)},6e3,o)},[n]),null}},A={DefaultStatus:(t,n)=>({componentId:t,dataValue:n,eventType:"init",eventID:y()}),CommonEffects:function(t){let{type:n,states:e,val_status:a,set_status:r,val_validate:o,set_validate:d,SystemValidation:I}=t;e=i({},e);let{componentId:g}=a;S(()=>(v.update({[g]:{ResolveRefresh:null,Refresh:()=>new Promise((s,u)=>{v.get(g).ResolveRefresh=s,r(c=>p(i({},c),{eventType:"refresh",eventID:y()}))}),GenNotice:s=>{let{ok:u,notice:c}=s;d({ok:u,notice:c})}}}),()=>{v.delete(g)}),[]),f.scope(()=>{let{override:s}=e;if(s=="never"||s=="beforeModified"&&!["init","override"].includes(a.eventType)||a.isComposing)return;let u=v.get(a.componentId);if(u){if(e.value==a.dataValue){u.status_id=e.status_id;return}e.status_id!=u.status_id&&r(c=>p(i(p(i({},c),{dataValue:e.value}),t.ExtraOverrideStates&&t.ExtraOverrideStates()),{eventType:"override",eventID:y()}))}}),S(()=>{A.ValidationCheck({val_status:a,set_validate:d,SystemValidation:I,states:e})},[a.eventID,a.dataValue]),S(()=>{let{componentId:s,eventType:u,dataValue:c}=a,l=c;if(n=="autocomplete.single"||n=="list.radio"?l=l[0]:e.isChecker&&(l=!!l[0]),e.form=e.form||"testForm",e.name&&e.form&&v.update({[["form-data",e.form].join("-")]:{[e.name]:{componentId:s,type:n,value:l,validation:o.ok}}}),e.onUserAction&&e.onUserAction(l,{eventType:u,componentId:s,isValidated:!!o.ok,isComposing:!!a.isComposing,isFocusing:!!a.isFocusing}),u=="refresh"){let R=v.get(s);R&&R.ResolveRefresh&&R.ResolveRefresh(null)}return()=>{v.update({[["form-data",e.form].join("-")]:{[e.name]:null}})}},[a,o]),S(()=>{f.scope(()=>{let{componentId:s,eventType:u,dataValue:c}=a,l=c;n=="autocomplete.single"||n=="list.radio"?l=l[0]:e.isChecker&&(l=!!l[0]),u=="update"&&(e.onUpdateValue&&e.onUpdateValue(l,{eventType:u,componentId:s,isValidated:!!o.ok,isComposing:!!a.isComposing,isFocusing:!!a.isFocusing}),f.scope(()=>{e.onUpdateValidValue&&o.ok&&e.onUpdateValidValue(l,{eventType:u,componentId:s,isValidated:!!o.ok,isComposing:!!a.isComposing,isFocusing:!!a.isFocusing})}))})},[o.ok,a.dataValue])},ValidationCheck:t=>{let{states:n}=t,e="ValidationTimer-"+t.val_status.componentId;f.interval.abort(e);let a=t.SystemValidation({value:t.val_status.dataValue,states:n});if(!a.ok){t.set_validate(a);return}let r=a.notice;const o=()=>b(void 0,null,function*(){if(!n.onValidate)return;let d=yield n.onValidate(t.val_status.dataValue,t.val_status.eventType,t);t.set_validate({ok:d.ok,notice:[...r,...d.notice]})});if(n.onValidate){if(t.val_status.eventType=="refresh"){o();return}f.interval.once(o,n.onValidateDelay||500,e);return}t.set_validate({ok:!0,notice:r})},SubmitForm:(t,n)=>{let e=!1;if(!n)return e;let a=D(`[data-form-submit-button="${n}"]`)[0];if(!a)return e;let r=a.dataset.sdfike||"",o=t.key,d=t.ctrlKey||t.metaKey;return f.scope(()=>{r.includes("enter")&&(o!="Enter"||t.nativeEvent.isComposing||(t==null?void 0:t.keyCode)==229)||((o=="Enter"&&(r.includes("enter")||r.includes("auxEnter")&&d)||o==" "&&r.includes("space"))&&(a.click(),t.preventDefault()),e=!0)}),e},isShowValidation:(t,n,e)=>{let a=t.ok;return!e&&n.eventType=="init"?!0:a}},nt=function(t){t=i({tone:"border"},t);let n=f.scope(()=>{if(t.tone=="plain")return{};let a={padding:1,transition:"middle",flexSizing:"auto",boxShadow:"0.min"};return t.tone=="border"?a=p(i({},a),{border:!0,borderRadius:"2.tone.secondary",backgroundColor:"layer.1"}):t.tone=="cloud"?a=p(i({},a),{border:"1.thin",borderRadius:"2.tone.secondary",backgroundColor:"cloud"}):t.tone=="bottomBorder"&&(a=p(i({},a),{borderRadius:0,border:"unset",borderBottom:!0,backgroundColor:"cloud"})),a});return p(i(i(i(i(i(i({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:i({letterSpacing:"1px",resize:"none"},t.freeCSS),className:[_("Input"),t.className].join(" ")})};export{at as BoxWrapper,A as CoreEffects,nt as DefaultBoxishStyles,et as OptionalInputWrapper};
|