amotify 0.2.58 → 0.2.59
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/Select.js +1 -1
- package/package.json +1 -1
package/dist/fn/Input/Select.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as i,c as
|
|
1
|
+
import{b as i,c as m,d as M}from"../../chunk-C5N2D3ZX.js";import{Fragment as Q,jsx as l,jsxs as P}from"react/jsx-runtime";import{useState as _,useEffect as R}from"react";import u from"@mingoo/jsmin";import{ExtractStyles as le,useStore as U}from"../../@utils";import{Box as D,Span as ae,FAI as $,Column as oe}from"../../atoms";import{Text as F,Row as X}from"../../mols";import ne from"../Button";import{Sheet as W}from"../Sheet";import{OptionalInputWrapper as re,BoxWrapper as se,CoreEffects as w,DefaultBoxishStyles as ie}from"./core";import{InputAutocompleteClasses as E}from"../../@styles/componentClasses";import{InputLabel as ue}from"./Label";import{RightIcon as ce}from".";function pe(t){let{value:e,states:a}=t,{required:r,options:s}=a,S=[];return r&&e===null&&S.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!S.filter(({type:I})=>I=="invalid").length,notice:S}}const L={FilterSelectableOptions:(t,e)=>{let a=t.rootStates.options;return e||(a=a.filter(r=>r.type!="label")),a}},T={Shallow:t=>{let{rootStates:e,val_status:a}=t,r=le(e);return l(D,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:l(F.Description,m(i({className:e.className},r),{position:"absolute",width:1,freeCSS:m(i({},r.freeCSS),{color:"orange"}),children:l(D,{"data-input-value-shallow":a.componentID,children:"A"})}))})},Button:t=>{let{rootStates:e,val_preventOpenSelectorOnFocus:a,set_preventOpenSelectorOnFocus:r,val_optionFocused:s,set_optionFocused:S,val_validate:I,set_validate:b,val_status:v,set_status:g,val_selectorOpen:c,set_selectorOpen:p}=t,K=e,{tone:C,required:Y,form:k,className:Z,label:de,isLabelActive:Se,placeholder:fe,enableFormSubmit:ee,emptySelect:me,checkValidationAtFirst:te,onValidate:ve,onUpdateValue:ye,onUpdateValidValue:be,value:Ie="",options:he,leftIndicator:ge,rightIndicator:Ce,leftIcon:_e,rightIcon:De,componentID:Te,status_id:xe,wrapStyles:Oe,SelectedCellStyles:Ve,SelectorCellStyles:Re,SelectorStyles:Fe,SelectorGravityPoint:we}=K,o=M(K,["tone","required","form","className","label","isLabelActive","placeholder","enableFormSubmit","emptySelect","checkValidationAtFirst","onValidate","onUpdateValue","onUpdateValidValue","value","options","leftIndicator","rightIndicator","leftIcon","rightIcon","componentID","status_id","wrapStyles","SelectedCellStyles","SelectorCellStyles","SelectorStyles","SelectorGravityPoint"]),N="select-sheet-"+e.componentID;return R(()=>{if(e.disabled)return;let n="select-click-"+e.componentID;if(c){let f=u('[data-input-origin="'+e.componentID+'"]');if(!f)return;W.open({sheetID:N,type:"custom",parent:f[0],padding:["1/4",0],gravityPoint:e.SelectorGravityPoint||22,close_option:{aroundClick:!1},content:l(T.Selector,i({},t))}),u(document).addEvent({eventID:n,eventType:"click",callback:A=>{let O=u(A.target),V=!!u(O).parent("."+E("Core")).length;u(O).parent("."+E("Selector")).length||V||p(!1)}})}else u(document).removeEvent([n]),W.close(N)},[c]),R(()=>{if(v.eventType=="init"||!c)return;let n=u('[data-input-origin="'+e.componentID+'"]');n&&n.focus()},[v.dataValue]),R(()=>{if(e.disabled||!c)return;let n=U.get("refresh-select-selector-"+e.componentID);n&&n(t)},[e.options,v.dataValue,s]),l(Q,{children:l(D,m(i({tabIndex:0},o),{"data-disabled":e.disabled,"data-show-validation":w.isShowValidation(I,v,!!te),"data-component-id":v.componentID,"data-input-origin":v.componentID,className:[Z,E("Core")].join(" "),onFocus:n=>{if(o!=null&&o.onFocus&&(o==null||o.onFocus(n)),!e.disabled){if(a)return r(!1);p(!0)}},onClick:n=>{o!=null&&o.onClick&&(o==null||o.onClick(n)),!e.disabled&&p(!0)},onKeyDown:n=>{let{key:f,metaKey:A,ctrlKey:O}=n,V=A||O;if(o!=null&&o.onKeyDown&&(o==null||o.onKeyDown(n)),ee&&w.SubmitForm(n,k),!e.disabled){if(u.scope(()=>{if(!["ArrowDown","ArrowUp"].includes(f))return;if(n.preventDefault(),!c)return p(!0);let h=f=="ArrowDown"?1:-1,d=L.FilterSelectableOptions(t),q=d.length-1,y=null;u.scope(()=>{var G,z,H,J;if(h==1){if(y=((G=d[0])==null?void 0:G.value)||null,s==null)return;if(V){y=d[q].value||null;return}let x=d.findIndex(B=>B.value==s);if(x==-1)return;y=((z=d[x+1])==null?void 0:z.value)||y||null}else{if(y=d[q].value||null,s==null)return;if(V){y=((H=d[0])==null?void 0:H.value)||null;return}let x=d.findIndex(B=>B.value==s);if(x==-1)return;y=((J=d[x-1])==null?void 0:J.value)||y||null}}),S(y)}),f=="Escape")p(!1);else if(f=="Tab")p(!1);else if(f=="Backspace")g(h=>m(i({},h),{dataValue:null,eventType:"update",eventID:u.uuid.gen()}));else if(f==" ")n.preventDefault(),p(!0);else if(f=="Enter"){if(!c)return p(!0);if(!s)return;n.preventDefault();let h=e.options.find(d=>d.value==s);if(!h)return;g(d=>m(i({},d),{dataValue:h.value,eventType:"update",eventID:u.uuid.gen()})),p(!1)}}},children:P(X.Left,{flexWrap:!0,gap:"1/3",freeCSS:{letterSpacing:".5px"},children:[l(T.Placeholder,i({},t)),l(T.Selected,i({},t)),l(ae,{width:0,overflow:"hidden",opacity:"trans",children:"A"})]})}))})},Placeholder:t=>!t.rootStates.placeholder||t.val_status.dataValue!==null?null:l(D,{position:"absolute",opacity:"middle",fontColor:"3.blur",children:t.rootStates.placeholder||""}),Selector:t=>{let[e,a]=_(t),{rootStates:r}=e;R(()=>{U.set({["refresh-select-selector-"+r.componentID]:b=>{a(b)}})},[]);let s=[],S=L.FilterSelectableOptions(e,!0),I=L.FilterSelectableOptions(e);return S.forEach((b,v)=>{let{type:g,value:c}=b,p=e.val_optionFocused==c,C=e.val_status.dataValue===c;if(g=="selector"){s.push(l(ne.Button.Sub.S,{color:"cloud",backgroundColor:"trans",borderRadius:0,fontColor:"2.normal",textAlign:"left",padding:["1/2",1.5],isActive:C||p,isActiveStyles:p?{backgroundColor:"cloud"}:{backgroundColor:"theme.opa.few",fontColor:"theme"},onClick:Y=>{e.set_status(k=>m(i({},k),{dataValue:c,eventType:"update",eventID:u.uuid.gen()})),e.set_selectorOpen(!1),e.set_preventOpenSelectorOnFocus(!0)},children:P(X.Left,{gap:"1/2",children:[C&&l($.Check,{fontColor:"theme"}),l(F.Supplement,{transition:"short",children:b.label})]})},String(c)));return}s.push(l(D,{children:b.label},u.uuid.gen()))}),I.length||(s=[l(F.Supplement,{padding:[0,1],fontColor:"4.thin",children:"\u5019\u88DC\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093"},"no-selector-notice")]),l(W.Body,{className:E("Selector"),ssCardBox:!0,borderRadius:"3.tone.tertiary",boxShadow:"1.normal",freeCSS:{minWidth:12*14},children:l(oe,{gap:0,padding:[1,0],children:s})})},Selected:t=>{let e=[];return t.val_status.dataValue!==null&&u.scope(()=>{let a=t.rootStates.options.find(r=>u.JsonTo(r.value)==u.JsonTo(t.val_status.dataValue));a&&e.push(l(D,m(i({},t.rootStates.SelectedCellStyles),{children:a.label}),String(a.value)))}),l(Q,{children:e})},Core:t=>{let{value:e}=t,[a,r]=_(w.DefaultStatus(t.componentID,e)),[s,S]=_(!1),[I,b]=_(!1),[v,g]=_(t.value||null),[c,p]=_({ok:!1,notice:[]}),C={rootStates:t,val_preventOpenSelectorOnFocus:s,set_preventOpenSelectorOnFocus:S,val_optionFocused:v,set_optionFocused:g,val_selectorOpen:I,set_selectorOpen:b,val_status:a,set_status:r,val_validate:c,set_validate:p};return w.CommonEffects({type:"select",states:t,val_status:a,set_status:r,val_validate:c,set_validate:p,SystemValidation:pe}),P(se,{val_status:a,set_status:r,val_validate:c,states:t,children:[l(ue,{componentID:t.componentID,fontSize:t.fontSize,required:t.required,label:t.label,isActive:t.isLabelActive||a.dataValue!==null}),l(T.Shallow,i({},C)),l(T.Button,i({},C))]})}},j=t=>{let e=i({},t);return e=m(i({emptySelect:!0},e),{freeCSS:i({cursor:"pointer"},e.freeCSS)}),e.emptySelect&&(e.options=[{value:null,label:l(F.Supplement,{fontColor:"4.thin",children:"\u9078\u629E\u3092\u89E3\u9664"})},...e.options]),e.value=e.value||null,e.options.forEach((a,r)=>{let{type:s,value:S}=a;e.options[r]=m(i({},a),{value:S,type:s||"selector"})}),u.is.nullish(e.rightIcon)&&(e.rightIcon=l(ce,{ssSphere:2,children:l($.AngleDown,{})})),l(re,{componentID:e.componentID,children:T.Core,states:ie(e)})};export{j as Select,j as default};
|