amotify 0.2.78 → 0.2.79
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/Autocomplete.js +1 -1
- package/dist/fn/Input/Hidden.js +1 -1
- package/dist/fn/Input/Label.js +1 -1
- package/dist/fn/Input/List.js +1 -1
- package/dist/fn/Input/Select.js +1 -1
- package/dist/fn/Input/core.js +1 -1
- package/dist/fn/Table/Data.js +1 -1
- package/dist/fn/Table/Drag.js +1 -1
- package/dist/temps/designBook.js +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as v,c as D,d as Q,e as Y}from"../../chunk-C5N2D3ZX.js";import{Fragment as H,jsx as l,jsxs as W}from"react/jsx-runtime";import{useState as b,useEffect as T,useRef as ae}from"react";import i,{UUID as B}from"jmini";import{ExtractStyles as re,useStore as Z}from"../../@utils";import{Box as x,Span as ie,FAI as N,Column as se}from"../../atoms";import{Text as L,Row as M}from"../../mols";import{Button as ee}from"../Button";import{Loader as ue}from"../Loader";import{Sheet as U}from"../Sheet";import{OptionalInputWrapper as ce,BoxWrapper as pe,CoreEffects as P,DefaultBoxishStyles as de}from"./core";import{InputAutocompleteClasses as K}from"../../@styles/componentClasses";import{InputLabel as me}from"./Label";import{RightIcon as te}from".";function Se(t){let{value:e,states:n}=t,{required:o,options:d,min:c,max:S}=n;c=c||0,S=S||65535;let a=[],r=e.filter(m=>m!==null).length;return o&&(r||a.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"})),r<c&&a.push({type:"invalid",label:c+"\u500B\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044"}),r>S&&a.push({type:"invalid",label:S+"\u500B\u307E\u3067\u9078\u629E\u3067\u304D\u307E\u3059"}),{ok:!a.filter(({type:m})=>m=="invalid").length,notice:a}}const A={InitOptions:t=>{let e=[];return t.forEach(n=>{let{type:o,label:d,value:c,searchValue:S}=n,a=S||(i.is.string(d)?d:"")||(i.is.string(c)?c:"");e.push(D(v({},n),{searchValue:a,type:o||"selector",value:c}))}),e},FilterSelectableOptions:(t,e)=>{let n=t.val_options;if(e||(n=t.val_options.filter(o=>o.type!="label")),t.val_keyword){let o=t.val_keyword.toLower().replace(/ /g,"");n=n.filter(d=>(d.searchValue||"").toLower().replace(/ /g,"").includes(o))}return n}},R={Shallow:t=>{let{rootStates:e,val_status:n}=t,o=re(e);return l(x,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:l(L.Description,D(v({className:e.className},o),{position:"absolute",width:1,freeCSS:D(v({},o.freeCSS),{color:"orange"}),"data-id":"shallow_"+n.componentID,children:l(x,{"data-input-value-shallow":n.componentID,children:"A"})}))})},Button:t=>{let{rootStates:e,val_keyword:n,set_keyword:o,val_optionFocused:d,set_optionFocused:c,val_options:S,set_options:a,val_optionsDict:r,set_optionsDict:m,val_preventOpenSelectorOnFocus:s,set_preventOpenSelectorOnFocus:u,val_selectorOpen:f,set_selectorOpen:y,val_status:p,set_status:C,val_validate:I,set_validate:V}=t,$=e,{tone:w,required:O,form:F,className:k,multiSelect:X,enableFormSubmit:E,checkValidationAtFirst:z,onValidate:q,onUpdateValue:J,onUpdateValidValue:fe,value:ve="",options:he,leftIndicator:ye,rightIndicator:_e,leftIcon:be,rightIcon:Ie,componentID:Oe,status_id:ge,wrapStyles:De,emptySelect:Ce,SearchInput:we,SearchInputPlaceholder:Te,SelectedComponent:Ve,SelectorComponent:ke,SelectorGravityPoint:xe,DynamicOptionsOnSearch:Ae}=$,_=Q($,["tone","required","form","className","multiSelect","enableFormSubmit","checkValidationAtFirst","onValidate","onUpdateValue","onUpdateValidValue","value","options","leftIndicator","rightIndicator","leftIcon","rightIcon","componentID","status_id","wrapStyles","emptySelect","SearchInput","SearchInputPlaceholder","SelectedComponent","SelectorComponent","SelectorGravityPoint","DynamicOptionsOnSearch"]);T(()=>{var g;if(e.disabled||!f)return;let h=A.FilterSelectableOptions(t);c(((g=h[0])==null?void 0:g.value)||null)},[n]),T(()=>{p.eventType!="init"&&(e.max==p.dataValue.length?(y(!1),u(!0),setTimeout(()=>{let h=i('[data-input-origin="'+e.componentID+'"]');h&&h.focus()},10)):i("#SearchInput_"+e.componentID).focus())},[p.dataValue]);let G="autocomplete-sheet-"+e.componentID;return T(()=>{let h="autocomplete-click-"+e.componentID;if(f){let g=i('[data-input-origin="'+e.componentID+'"]');if(!g)return;i("#SearchInput_"+e.componentID).focus(),U.open({sheetID:G,type:"custom",parent:g[0],padding:["1/4",0],gravityPoint:e.SelectorGravityPoint||22,closeAtAroundClick:!1,content:l(R.Selector,v({},t))}),i(document).addEvent({eventID:h,eventType:"mousedown",callback:le=>{let j=i(le.target),ne=!!i(j).parent("."+K("Core")).length;i(j).parent("."+K("Selector")).length||ne||y(!1)}})}else i(document).removeEvent([h]),o(""),U.close(G)},[f]),T(()=>{if(e.disabled||!f)return;U.customSheet.reposition(G);let h=Z.get("refresh-autocomplete-selector-"+e.componentID);h&&h(t)},[S,p.dataValue,n,d]),l(H,{children:l(x,D(v({tabIndex:0},_),{"data-disabled":e.disabled,"data-show-validation":P.isShowValidation(I,p,!!z),"data-component-id":p.componentID,"data-input-origin":p.componentID,"data-focus":!!f,className:[k,K("Core")].join(" "),onFocus:h=>{if(_!=null&&_.onFocus&&(_==null||_.onFocus(h)),!e.disabled){if(s)return u(!1);y(!0),h.preventDefault()}},onClick:h=>{_!=null&&_.onClick&&(_==null||_.onClick(h)),!e.disabled&&y(!0)},onKeyDown:h=>{let{key:g}=h;E&&P.SubmitForm(h,F),!f&&(g==" "||g=="ArrowDown"||g=="ArrowUp"||g=="Enter")&&y(!0)},children:W(M.Left,{flexWrap:!0,gap:"1/3",freeCSS:{letterSpacing:".5px"},children:[l(R.Selected,v({},t)),l(ie,{width:0,overflow:"hidden",opacity:"trans",children:"A"}),l(R.SearchInput,v({},t))]})}))})},SearchInput:t=>{let{rootStates:e}=t;return e.disabled||!t.val_selectorOpen?null:l(x,{id:"SearchInput_"+e.componentID,placeholder:e.SearchInputPlaceholder||"\u691C\u7D22...",opacity:t.val_selectorOpen?"max":"trans",transition:"middle",flexSizing:0,htmlTag:"input",border:"unset",backgroundColor:"trans",value:t.val_keyword,freeCSS:{outline:"none"},onKeyDown:n=>{let{key:o,metaKey:d,ctrlKey:c}=n,S=d||c;o=="Escape"?(t.set_selectorOpen(!1),t.set_preventOpenSelectorOnFocus(!0),setTimeout(()=>{let a=i('[data-input-origin="'+e.componentID+'"]');a&&a.focus()},10)):o=="Tab"?t.set_selectorOpen(!1):o==" "?i.scope(()=>{t.val_selectorOpen||t.val_keyword||(n.preventDefault(),t.set_selectorOpen(!0))}):o=="Backspace"?i.scope(()=>{if(t.val_keyword)return;let a=[...t.val_status.dataValue];a.pop(),t.set_status(r=>D(v({},r),{dataValue:a,eventType:"update",eventID:B()}))}):o=="Enter"&&i.scope(()=>{if(!t.val_selectorOpen)return t.set_selectorOpen(!0);let a=t.val_options.find(m=>m.value==t.val_optionFocused);if(!a)return;let{value:r}=a;t.set_status(m=>{let s=[...m.dataValue];return i.scope(()=>{if(r===null)return s=[];m.dataValue.includes(r)?s=s.filter(f=>f!==r):e.multiSelect?s.push(r):s=[r]}),D(v({},m),{dataValue:s,eventType:"update",eventID:B()})}),t.set_keyword(""),t.set_preventDynamicSearchOnKeywordChange(!0)}),i.scope(()=>{if(!["ArrowDown","ArrowUp"].includes(o))return;if(n.preventDefault(),!t.val_selectorOpen)return t.set_selectorOpen(!0);let a=o=="ArrowDown"?1:-1,r=A.FilterSelectableOptions(t),m=r.length-1,s=null;i.scope(()=>{var f,y,p,C;let u=r.findIndex(I=>I.value==t.val_optionFocused);if(a==1){if(s=((f=r[0])==null?void 0:f.value)||null,S){s=r[m].value||null;return}if(u==-1||u==m)return;s=((y=r[u+1])==null?void 0:y.value)||null}else{if(s=r[m].value||null,S){s=((p=r[0])==null?void 0:p.value)||null;return}if(u==-1||u==0)return;s=((C=r[u-1])==null?void 0:C.value)||null}}),t.set_optionFocused(s)}),e.enableFormSubmit&&P.SubmitForm(n,t.rootStates.form)},onChange:n=>{let d=n.target.value;t.set_keyword(d)}},"searchInput")},Selector:t=>{let[e,n]=b(t),{rootStates:o}=e,[d,c]=b("idle"),[S,a]=b("idle");T(()=>{Z.set({["refresh-autocomplete-selector-"+o.componentID]:u=>{n(u)}})},[]),T(()=>{if(!e.val_selectorOpen||!o.DynamicOptionsOnSearch)return;if(e.val_preventDynamicSearchOnKeywordChange)return e.set_preventDynamicSearchOnKeywordChange(!1);if(d=="idle")return c("ok");a("fetch");let u="autocomplete-search-"+o.componentID;i.interval.clear(u),i.interval.standBy(u,300,()=>Y(void 0,null,function*(){let f=yield o.DynamicOptionsOnSearch(e.val_keyword);a("idle");let y=A.InitOptions(f||[]);e.set_options(y)}))},[e.val_keyword]);let r=[],m=A.FilterSelectableOptions(e,!0),s=A.FilterSelectableOptions(e);return m.forEach((u,f)=>{let{type:y,value:p}=u,C=e.val_optionFocused==p,I=e.val_status.dataValue.includes(p),V=o.SelectorComponent;r.push(l(V,{option:u,isFocused:C,isSelected:I,addCallback:()=>{e.set_status(w=>{let O=[...w.dataValue];return i.scope(()=>{if(p===null)return O=[];w.dataValue.includes(p)?O=O.filter(k=>k!==p):o.multiSelect?O.push(p):O=[p]}),D(v({},w),{dataValue:O,eventType:"update",eventID:B()})})}},i.JsonTo(p)||B()))}),s.length||(r=[l(L.Supplement,{padding:[0,1],fontColor:"4.thin",children:"\u5019\u88DC\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093"},"no-selector-notice")]),S=="fetch"&&(r=[W(M.Left,{padding:1,fontColor:"3.blur",children:[l(ue.Theme.R,{showInitial:!0}),l(L.Supplement,{children:"Loading..."})]},"loader")]),l(U.Body,{className:K("Selector"),ssCardBox:!0,borderRadius:"3.tone.tertiary",boxShadow:"1.normal",freeCSS:{minWidth:12*18},children:l(se,{gap:0,padding:[1,0],children:r})})},Selected:t=>{let{rootStates:e,val_status:n,set_status:o,val_optionsDict:d}=t,c=[];return n.dataValue.forEach(S=>{let a=d[i.JsonTo(S)];if(!a)return;let r=e.SelectedComponent,m=a.label;a.value===null&&(m=""),c.push(l(x,{className:K("SelectedCell"),children:l(r,{value:a.value,label:m,removeCallback:s=>{if(s.stopPropagation(),s.preventDefault(),e.disabled)return;let u=[...n.dataValue];u=u.filter(f=>f!==S),o(f=>D(v({},f),{dataValue:u,eventType:"update",eventID:B()}))}})},i.JsonTo(a.value)))}),l(H,{children:c})},Core:t=>{let{value:e}=t,[n,o]=b(!1),[d,c]=b(!1),[S,a]=b(!1),[r,m]=b(""),[s,u]=b(t.options),[f,y]=b(t.value[0]||null),[p,C]=b({}),[I,V]=b(P.DefaultStatus(t.componentID,e)),[w,O]=b({ok:!1,notice:[]}),F=ae(!1);T(()=>{F.current?u(t.options):F.current=!0},[t.options]),T(()=>{if(!s.length)return;let z=[...s],q=v({},p);z.forEach(J=>{J.type!="label"&&(q[i.JsonTo(J.value)]=J)}),C(q)},[s]);let k={rootStates:t,val_options:s,set_options:u,val_optionFocused:f,set_optionFocused:y,val_optionsDict:p,set_optionsDict:C,val_preventDynamicSearchOnKeywordChange:d,set_preventDynamicSearchOnKeywordChange:c,val_preventOpenSelectorOnFocus:n,set_preventOpenSelectorOnFocus:o,val_selectorOpen:S,set_selectorOpen:a,val_keyword:r,set_keyword:m,val_status:I,set_status:V,val_validate:w,set_validate:O},X=!!t.multiSelect;P.CommonEffects({type:X?"autocomplete.multi":"autocomplete.single",states:t,val_status:I,set_status:V,val_validate:w,set_validate:O,SystemValidation:Se});let E=I.dataValue.length&&I.dataValue[0]!==null;return E=E||S,W(pe,{val_status:I,set_status:V,val_validate:w,states:t,children:[l(me,{componentID:t.componentID,fontSize:t.fontSize,required:t.required,label:t.label,isActive:E}),l(R.Shallow,v({},k)),l(R.Button,v({},k))]})}},oe=t=>{let e=v({},t);return e=D(v({value:[],min:0,max:65535,multiSelect:!0,SearchInput:!0,emptySelect:!0,SelectorComponent:({option:n,isSelected:o,isFocused:d,addCallback:c})=>n.type=="selector"?l(ee.Sub.S,{color:"cloud",backgroundColor:"trans",borderRadius:0,fontColor:"2.normal",textAlign:"left",padding:["1/2",1.5],isActive:d,isActiveStyles:{backgroundColor:"cloud"},onClick:S=>{c()},children:W(M.Left,{gap:"1/2",children:[o&&l(N.Check,{fontColor:"theme"}),l(L.Supplement,{transition:"short",children:n.label})]})}):l(H,{children:n.label}),SelectedComponent:({value:n,label:o,removeCallback:d})=>W(M.Left,{ssCardBox:"cloud",backgroundColor:"layer.3",borderRadius:"2.tone.secondary",fontSize:"1.mini",padding:"1/2",gap:0,children:[l(x,{padding:[0,"1/4"],children:o}),l(ee.Sub,{color:"cloud",fontColor:"white",backgroundColor:"layer.6",isRounded:!0,padding:"1/4",onClick:d,children:l(N.Times,{ssSphere:1})})]})},e),{freeCSS:v({cursor:"pointer"},e.freeCSS)}),e.multiSelect||(e.min=0,e.max=1),e.options=e.options||[],e.emptySelect&&(e.options=[{value:null,label:l(L.Supplement,{fontColor:"4.thin",children:"\u9078\u629E\u3092\u89E3\u9664"})},...e.options]),e.value=i.flatArray(e.value||null),e.options=A.InitOptions(e.options),i.is.nullish(e.rightIcon)&&(e.rightIcon=l(te,{ssSphere:2,children:l(N.Search,{})}),e.disabled&&(e.rightIcon=l(te,{ssSphere:2,fontColor:"5.translucent",children:l(N.Ban,{})}))),e.rightIcon&&(e=v({paddingRight:3},e)),e.leftIcon&&(e=v({paddingLeft:3},e)),l(ce,{componentID:e.componentID,children:R.Core,states:de(e)})};export{oe as Autocomplete,oe as default};
|
|
1
|
+
import{b as v,c as D,d as Q,e as Y}from"../../chunk-C5N2D3ZX.js";import{Fragment as J,jsx as l,jsxs as W}from"react/jsx-runtime";import{useState as g,useEffect as V,useRef as ae}from"react";import i,{UUID as B}from"jmini";import{ExtractStyles as re,useStore as Z}from"../../@utils";import{Box as x,Span as ie,FAI as M,Column as se}from"../../atoms";import{Text as L,Row as U}from"../../mols";import{Button as ee}from"../Button";import{Loader as ue}from"../Loader";import{Sheet as z}from"../Sheet";import{OptionalInputWrapper as ce,BoxWrapper as pe,CoreEffects as P,DefaultBoxishStyles as de}from"./core";import{InputAutocompleteClasses as K}from"../../@styles/componentClasses";import{InputLabel as me}from"./Label";import{RightIcon as te}from".";function Se(t){let{value:e,states:n}=t,{required:o,options:d,min:c,max:S}=n;c=c||0,S=S||65535;let a=[],r=e.filter(m=>m!==null).length;return o&&(r||a.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"})),r<c&&a.push({type:"invalid",label:c+"\u500B\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044"}),r>S&&a.push({type:"invalid",label:S+"\u500B\u307E\u3067\u9078\u629E\u3067\u304D\u307E\u3059"}),{ok:!a.filter(({type:m})=>m=="invalid").length,notice:a}}const A={InitOptions:t=>{let e=[];return t.forEach(n=>{let{type:o,label:d,value:c,searchValue:S}=n,a=S||(i.is.string(d)?d:"")||(i.is.string(c)?c:"");e.push(D(v({},n),{searchValue:a,type:o||"selector",value:c}))}),e},FilterSelectableOptions:(t,e)=>{let n=t.val_options;if(e||(n=t.val_options.filter(o=>o.type!="label")),t.val_keyword){let o=t.val_keyword.toLower().replace(/ /g,"");n=n.filter(d=>(d.searchValue||"").toLower().replace(/ /g,"").includes(o))}return n}},R={Shallow:t=>{let{rootStates:e,val_status:n}=t,o=re(e);return l(x,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:l(L.Description,D(v({className:e.className},o),{position:"absolute",width:1,freeCSS:D(v({},o.freeCSS),{color:"orange"}),"data-id":"shallow_"+n.componentID,children:l(x,{"data-input-value-shallow":n.componentID,children:"A"})}))})},Button:t=>{let{rootStates:e,val_keyword:n,set_keyword:o,val_optionFocused:d,set_optionFocused:c,val_options:S,set_options:a,val_optionsDict:r,set_optionsDict:m,val_preventOpenSelectorOnFocus:s,set_preventOpenSelectorOnFocus:u,val_selectorOpen:f,set_selectorOpen:h,val_status:p,set_status:C,val_validate:b,set_validate:T}=t,$=e,{tone:w,required:I,form:F,className:k,multiSelect:X,enableFormSubmit:E,checkValidationAtFirst:q,onValidate:G,onUpdateValue:N,onUpdateValidValue:fe,value:ve="",options:ye,leftIndicator:he,rightIndicator:_e,leftIcon:ge,rightIcon:be,componentID:Ie,status_id:Oe,wrapStyles:De,emptySelect:Ce,SearchInput:we,SearchInputPlaceholder:Ve,SelectedComponent:Te,SelectorComponent:ke,SelectorGravityPoint:xe,DynamicOptionsOnSearch:Ae}=$,_=Q($,["tone","required","form","className","multiSelect","enableFormSubmit","checkValidationAtFirst","onValidate","onUpdateValue","onUpdateValidValue","value","options","leftIndicator","rightIndicator","leftIcon","rightIcon","componentID","status_id","wrapStyles","emptySelect","SearchInput","SearchInputPlaceholder","SelectedComponent","SelectorComponent","SelectorGravityPoint","DynamicOptionsOnSearch"]);V(()=>{var O;if(e.disabled||!f)return;let y=A.FilterSelectableOptions(t);c(((O=y[0])==null?void 0:O.value)||null)},[n]),V(()=>{p.eventType!="init"&&(e.max==p.dataValue.length?(h(!1),u(!0),setTimeout(()=>{let y=i('[data-input-origin="'+e.componentID+'"]');y&&y.focus()},10)):i("#SearchInput_"+e.componentID).focus())},[p.dataValue]);let H="autocomplete-sheet-"+e.componentID;return V(()=>{let y="autocomplete-click-"+e.componentID;if(f){let O=i('[data-input-origin="'+e.componentID+'"]');if(!O)return;i("#SearchInput_"+e.componentID).focus(),z.open({sheetID:H,type:"custom",parent:O[0],padding:["1/4",0],gravityPoint:e.SelectorGravityPoint||22,closeAtAroundClick:!1,content:l(R.Selector,v({},t))}),i(document).addEvent({eventID:y,eventType:"mousedown",callback:le=>{let j=i(le.target),ne=!!i(j).parent("."+K("Core")).length;i(j).parent("."+K("Selector")).length||ne||h(!1)}})}else i(document).removeEvent([y]),o(""),z.close(H)},[f]),V(()=>{if(e.disabled||!f)return;z.customSheet.reposition(H);let y=Z.get("refresh-autocomplete-selector-"+e.componentID);y&&y(t)},[S,p.dataValue,n,d]),l(J,{children:l(x,D(v({tabIndex:0},_),{"data-disabled":e.disabled,"data-show-validation":P.isShowValidation(b,p,!!q),"data-component-id":p.componentID,"data-input-origin":p.componentID,"data-focus":!!f,className:[k,K("Core")].join(" "),onFocus:y=>{if(_!=null&&_.onFocus&&(_==null||_.onFocus(y)),!e.disabled){if(s)return u(!1);h(!0),y.preventDefault()}},onClick:y=>{_!=null&&_.onClick&&(_==null||_.onClick(y)),!e.disabled&&h(!0)},onKeyDown:y=>{let{key:O}=y;E&&P.SubmitForm(y,F),!f&&(O==" "||O=="ArrowDown"||O=="ArrowUp"||O=="Enter")&&h(!0)},children:W(U.Left,{flexWrap:!0,gap:"1/3",freeCSS:{letterSpacing:".5px"},children:[l(R.Selected,v({},t)),l(ie,{width:0,overflow:"hidden",opacity:"trans",children:"A"}),l(R.SearchInput,v({},t))]})}))})},SearchInput:t=>{let{rootStates:e}=t;return e.disabled||!t.val_selectorOpen?null:l(x,{id:"SearchInput_"+e.componentID,placeholder:e.SearchInputPlaceholder||"\u691C\u7D22...",opacity:t.val_selectorOpen?"max":"trans",transition:"middle",flexSizing:0,htmlTag:"input",border:"unset",backgroundColor:"trans",value:t.val_keyword,freeCSS:{outline:"none"},onKeyDown:n=>{let{key:o,metaKey:d,ctrlKey:c}=n,S=d||c;o=="Escape"?(t.set_selectorOpen(!1),t.set_preventOpenSelectorOnFocus(!0),setTimeout(()=>{let a=i('[data-input-origin="'+e.componentID+'"]');a&&a.focus()},10)):o=="Tab"?t.set_selectorOpen(!1):o==" "?i.scope(()=>{t.val_selectorOpen||t.val_keyword||(n.preventDefault(),t.set_selectorOpen(!0))}):o=="Backspace"?i.scope(()=>{if(t.val_keyword)return;let a=[...t.val_status.dataValue];a.pop(),t.set_status(r=>D(v({},r),{dataValue:a,eventType:"update",eventID:B()}))}):o=="Enter"&&i.scope(()=>{if(!t.val_selectorOpen)return t.set_selectorOpen(!0);let a=t.val_options.find(m=>m.value==t.val_optionFocused);if(!a)return;let{value:r}=a;t.set_status(m=>{let s=[...m.dataValue];return i.scope(()=>{if(r===null)return s=[];m.dataValue.includes(r)?s=s.filter(f=>f!==r):e.multiSelect?s.push(r):s=[r]}),D(v({},m),{dataValue:s,eventType:"update",eventID:B()})}),t.set_keyword(""),t.set_preventDynamicSearchOnKeywordChange(!0)}),i.scope(()=>{if(!["ArrowDown","ArrowUp"].includes(o))return;if(n.preventDefault(),!t.val_selectorOpen)return t.set_selectorOpen(!0);let a=o=="ArrowDown"?1:-1,r=A.FilterSelectableOptions(t),m=r.length-1,s=null;i.scope(()=>{var f,h,p,C;let u=r.findIndex(b=>b.value==t.val_optionFocused);if(a==1){if(s=((f=r[0])==null?void 0:f.value)||null,S){s=r[m].value||null;return}if(u==-1||u==m)return;s=((h=r[u+1])==null?void 0:h.value)||null}else{if(s=r[m].value||null,S){s=((p=r[0])==null?void 0:p.value)||null;return}if(u==-1||u==0)return;s=((C=r[u-1])==null?void 0:C.value)||null}}),t.set_optionFocused(s)}),e.enableFormSubmit&&P.SubmitForm(n,t.rootStates.form)},onChange:n=>{let d=n.target.value;t.set_keyword(d)}},"searchInput")},Selector:t=>{let[e,n]=g(t),{rootStates:o}=e,[d,c]=g("idle"),[S,a]=g("idle");V(()=>{Z.set({["refresh-autocomplete-selector-"+o.componentID]:u=>{n(u)}})},[]),V(()=>{if(!e.val_selectorOpen||!o.DynamicOptionsOnSearch)return;if(e.val_preventDynamicSearchOnKeywordChange)return e.set_preventDynamicSearchOnKeywordChange(!1);if(d=="idle")return c("ok");a("fetch");let u="autocomplete-search-"+o.componentID;i.interval.clear(u),i.interval.standBy(u,300,()=>Y(void 0,null,function*(){let f=yield o.DynamicOptionsOnSearch(e.val_keyword);a("idle");let h=A.InitOptions(f||[]);e.set_options(h)}))},[e.val_keyword]);let r=[],m=A.FilterSelectableOptions(e,!0),s=A.FilterSelectableOptions(e);return m.forEach((u,f)=>{let{type:h,value:p}=u,C=e.val_optionFocused==p,b=e.val_status.dataValue.includes(p),T=o.SelectorComponent;r.push(l(T,{option:u,isFocused:C,isSelected:b,addCallback:()=>{e.set_status(w=>{let I=[...w.dataValue];return i.scope(()=>{if(p===null)return I=[];w.dataValue.includes(p)?I=I.filter(k=>k!==p):o.multiSelect?I.push(p):I=[p]}),D(v({},w),{dataValue:I,eventType:"update",eventID:B()})})}},i.Stringify(p)||B()))}),s.length||(r=[l(L.Supplement,{padding:[0,1],fontColor:"4.thin",children:"\u5019\u88DC\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093"},"no-selector-notice")]),S=="fetch"&&(r=[W(U.Left,{padding:1,fontColor:"3.blur",children:[l(ue.Theme.R,{showInitial:!0}),l(L.Supplement,{children:"Loading..."})]},"loader")]),l(z.Body,{className:K("Selector"),ssCardBox:!0,borderRadius:"3.tone.tertiary",boxShadow:"1.normal",freeCSS:{minWidth:12*18},children:l(se,{gap:0,padding:[1,0],children:r})})},Selected:t=>{let{rootStates:e,val_status:n,set_status:o,val_optionsDict:d}=t,c=[];return n.dataValue.forEach(S=>{let a=d[i.Stringify(S)];if(!a)return;let r=e.SelectedComponent,m=a.label;a.value===null&&(m=""),c.push(l(x,{className:K("SelectedCell"),children:l(r,{value:a.value,label:m,removeCallback:s=>{if(s.stopPropagation(),s.preventDefault(),e.disabled)return;let u=[...n.dataValue];u=u.filter(f=>f!==S),o(f=>D(v({},f),{dataValue:u,eventType:"update",eventID:B()}))}})},i.Stringify(a.value)))}),l(J,{children:c})},Core:t=>{let{value:e}=t,[n,o]=g(!1),[d,c]=g(!1),[S,a]=g(!1),[r,m]=g(""),[s,u]=g(t.options),[f,h]=g(t.value[0]||null),[p,C]=g({}),[b,T]=g(P.DefaultStatus(t.componentID,e)),[w,I]=g({ok:!1,notice:[]}),F=ae(!1);V(()=>{F.current?u(t.options):F.current=!0},[t.options]),V(()=>{if(!s.length)return;let q=[...s],G=v({},p);q.forEach(N=>{N.type!="label"&&(G[i.Stringify(N.value)]=N)}),C(G)},[s]);let k={rootStates:t,val_options:s,set_options:u,val_optionFocused:f,set_optionFocused:h,val_optionsDict:p,set_optionsDict:C,val_preventDynamicSearchOnKeywordChange:d,set_preventDynamicSearchOnKeywordChange:c,val_preventOpenSelectorOnFocus:n,set_preventOpenSelectorOnFocus:o,val_selectorOpen:S,set_selectorOpen:a,val_keyword:r,set_keyword:m,val_status:b,set_status:T,val_validate:w,set_validate:I},X=!!t.multiSelect;P.CommonEffects({type:X?"autocomplete.multi":"autocomplete.single",states:t,val_status:b,set_status:T,val_validate:w,set_validate:I,SystemValidation:Se});let E=b.dataValue.length&&b.dataValue[0]!==null;return E=E||S,W(pe,{val_status:b,set_status:T,val_validate:w,states:t,children:[l(me,{componentID:t.componentID,fontSize:t.fontSize,required:t.required,label:t.label,isActive:E}),l(R.Shallow,v({},k)),l(R.Button,v({},k))]})}},oe=t=>{let e=v({},t);return e=D(v({value:[],min:0,max:65535,multiSelect:!0,SearchInput:!0,emptySelect:!0,SelectorComponent:({option:n,isSelected:o,isFocused:d,addCallback:c})=>n.type=="selector"?l(ee.Sub.S,{color:"cloud",backgroundColor:"trans",borderRadius:0,fontColor:"2.normal",textAlign:"left",padding:["1/2",1.5],isActive:d,isActiveStyles:{backgroundColor:"cloud"},onClick:S=>{c()},children:W(U.Left,{gap:"1/2",children:[o&&l(M.Check,{fontColor:"theme"}),l(L.Supplement,{transition:"short",children:n.label})]})}):l(J,{children:n.label}),SelectedComponent:({value:n,label:o,removeCallback:d})=>W(U.Left,{ssCardBox:"cloud",backgroundColor:"layer.3",borderRadius:"2.tone.secondary",fontSize:"1.mini",padding:"1/2",gap:0,children:[l(x,{padding:[0,"1/4"],children:o}),l(ee.Sub,{color:"cloud",fontColor:"white",backgroundColor:"layer.6",isRounded:!0,padding:"1/4",onClick:d,children:l(M.Times,{ssSphere:1})})]})},e),{freeCSS:v({cursor:"pointer"},e.freeCSS)}),e.multiSelect||(e.min=0,e.max=1),e.options=e.options||[],e.emptySelect&&(e.options=[{value:null,label:l(L.Supplement,{fontColor:"4.thin",children:"\u9078\u629E\u3092\u89E3\u9664"})},...e.options]),e.value=i.flatArray(e.value||null),e.options=A.InitOptions(e.options),i.is.nullish(e.rightIcon)&&(e.rightIcon=l(te,{ssSphere:2,children:l(M.Search,{})}),e.disabled&&(e.rightIcon=l(te,{ssSphere:2,fontColor:"5.translucent",children:l(M.Ban,{})}))),e.rightIcon&&(e=v({paddingRight:3},e)),e.leftIcon&&(e=v({paddingLeft:3},e)),l(ce,{componentID:e.componentID,children:R.Core,states:de(e)})};export{oe as Autocomplete,oe as default};
|
package/dist/fn/Input/Hidden.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as n,c as a,d as
|
|
1
|
+
import{b as n,c as a,d as s}from"../../chunk-C5N2D3ZX.js";import{jsx as m}from"react/jsx-runtime";import p,{UUID as r}from"jmini";import{useState as l,useEffect as D}from"react";import{OptionalInputWrapper as b,CoreEffects as V}from"./core";const g=t=>{let u=t,{componentID:c="",enableFormSubmit:H,form:S,value:e=""}=u,I=s(u,["componentID","enableFormSubmit","form","value"]),[o,i]=l({componentID:t.componentID||"",dataValue:e,eventType:"init",eventID:r()}),[f,v]=l({ok:!1,notice:[]});return D(()=>{p.is.equal(o.dataValue,e)||i(y=>a(n({},y),{dataValue:e,eventType:"update",eventID:r()}))},[t.value]),V.CommonEffects({type:"hidden",states:t,val_status:o,set_status:i,val_validate:f,set_validate:v,SystemValidation:()=>({ok:!0,notice:[]})}),m("input",a(n({value:p.Stringify(e),"data-component-id":c},I),{type:"hidden"}))},d=t=>m(b,{componentID:t.componentID,children:g,states:t});export{d as Hidden,d as default};
|
package/dist/fn/Input/Label.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as a,c as u}from"../../chunk-C5N2D3ZX.js";import{jsx as
|
|
1
|
+
import{b as a,c as u}from"../../chunk-C5N2D3ZX.js";import{jsx as b,jsxs as x}from"react/jsx-runtime";import{useState as c,useEffect as S}from"react";import n from"jmini";import{Box as d,Span as g}from"../../atoms";import{Row as h}from"../../mols";const A=t=>{if(!t.label)return null;let[r,s]=c({});return S(()=>{let f=n('[data-input-origin="'+t.componentID+'"]'),e=n('[data-input-label="'+t.componentID+'"]'),p=n('[data-input-value-shallow="'+t.componentID+'"]');if(!f[0]||!e[0]||!p[0])return;let i=f.position(),l=p.position();if(t.isActive){let o=l.left-i.left;s({opacity:"max",freeCSS:{backgroundColor:"hsla(var(--color-layer1-hsl), .4)",backdropFilter:"blur(2px)",WebkitBackdropFilter:"blur(2px)",lineHeight:1,fontSize:"12px",transform:`translate(${o}px,-6px)`}})}else{let o=l.left-i.left,m=l.top-i.top;s({fontSize:t.fontSize||"inherit",opacity:"middle",freeCSS:{lineHeight:"inherit",transform:`translate(${o}px,${m}px)`,backgroundColor:"transparent"}})}e.getAttribute("data-label-init")=="true"&&e.setAttribute("data-label-init","false").await(10).css({transition:"var(--animation-time2)"})},[t.isActive]),b(d,u(a({htmlTag:"label","data-input-label":t.componentID,"data-label-init":"true",position:"absolute",left:0,top:0,fontColor:"3.blur",backgroundColor:"trans",borderRadius:"1/3",padding:[0,"1/4"],opacity:"min"},r),{freeCSS:a({zIndex:2,pointerEvents:"none",lineHeight:"inherit"},r.freeCSS),children:x(h.Left,{gap:"1/3",children:[t.label,t.required&&b(g,{fontColor:"nega",children:" * "})]})}))};export{A as InputLabel};
|
package/dist/fn/Input/List.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as l,c as h,d as A}from"../../chunk-C5N2D3ZX.js";import{jsx as a,jsxs as Ce}from"react/jsx-runtime";import
|
|
1
|
+
import{b as l,c as h,d as A}from"../../chunk-C5N2D3ZX.js";import{jsx as a,jsxs as Ce}from"react/jsx-runtime";import b,{UUID as M}from"jmini";import{useState as ee}from"react";import{$$fromRoot as ne,GenerateHTMLProps as se}from"../../@utils";import{Box as I,Flex as ie,FAI as re}from"../../atoms";import{Button as te}from"../Button";import{OptionalInputWrapper as de,BoxWrapper as ce,CoreEffects as P}from"./core";import{InputListClasses as k}from"../../@styles/componentClasses";function ue(t){let{value:o,states:n}=t,{type:e,required:c,min:s,max:m}=n;s=s||0,m=m||65535;let i=[],f=o.length;return c&&(f||e=="radio"&&i.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"})),f<s&&i.push({type:"invalid",label:s+"\u500B\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044"}),f>m&&i.push({type:"invalid",label:m+"\u500B\u307E\u3067\u9078\u629E\u3067\u304D\u307E\u3059"}),{ok:!i.filter(({type:y})=>y=="invalid").length,notice:i}}const V={OptionalListWrapper:t=>{let{value:o,options:n=[]}=t,e=b.is.exist(o)?b.flatArray(o):[],c=[];return e.forEach(s=>{n.findIndex(i=>b.is.equal(i.value,s))!=-1&&c.push(s)}),a(V.Core,h(l({},t),{value:c,options:n}))},Core:t=>{let F=t,{type:o,tone:n,required:e,componentID:c="",form:s,override:m,icon:i,iconType:f,CustomIcon:y,enableFormSubmit:O,checkValidationAtFirst:W,onValidate:J,onUpdateValue:X,onUpdateValidValue:v,value:D,options:$,className:U,cellStyles:x,cellClassName:q,cellCheckedStyles:K,cellCheckedClassName:H,min:z,max:j,hideInput:G,freeCSS:R,wrapStyles:u}=F,N=A(F,["type","tone","required","componentID","form","override","icon","iconType","CustomIcon","enableFormSubmit","checkValidationAtFirst","onValidate","onUpdateValue","onUpdateValidValue","value","options","className","cellStyles","cellClassName","cellCheckedStyles","cellCheckedClassName","min","max","hideInput","freeCSS","wrapStyles"]),[p,g]=ee(P.DefaultStatus(c,D)),[C,_]=ee({ok:!1,notice:[]});return P.CommonEffects({type:"list."+o,states:t,val_status:p,set_status:g,val_validate:C,set_validate:_,SystemValidation:ue}),a(ce,{val_status:p,set_status:g,val_validate:C,states:t,children:a(V.List,{rootStates:t,val_status:p,set_status:g})})},List:t=>{let{rootStates:o,val_status:n,set_status:e}=t,{componentID:c,type:s,tone:m,icon:i=!0,isChecker:f,options:y,name:O,form:W,tabIndex:J,hideInput:X,disabled:v,className:D,cellStyles:$,cellClassName:U="",cellCheckedStyles:x,cellCheckedClassName:q="",enableFormSubmit:K}=o,{dataValue:H}=n,z=o.CustomIcon,j=y.map((G,R)=>{let Z=G,{value:u,label:N,disabled:p,className:g="",checkedStyles:C,checkedClassName:_="",freeCSS:F}=Z,oe=A(Z,["value","label","disabled","className","checkedStyles","checkedClassName","freeCSS"]),Q=M(),L=H.findIndex(r=>r===u)!=-1,S=l(l({},$),oe),B=[k("Label"),U,g];L&&(S=h(l(l(l({},S),x),C),{freeCSS:l(l(l({},S==null?void 0:S.freeCSS),x==null?void 0:x.freeCSS),C==null?void 0:C.freeCSS)}),B=[...B,q,_]);const Y=()=>{if(v||p)return;let r=[];if(s=="radio")r=[u];else if(s=="checkbox"||f)if(!L)r=[...n.dataValue,u];else{let d=[...n.dataValue];d.splice(n.dataValue.findIndex(E=>E==u),1),r=d}e(d=>h(l({},d),{dataValue:r,eventType:"update",eventID:M()}))};return[a(I,{htmlTag:"input",type:s=="radio"?"radio":"checkbox",className:k("Input"),name:"RadioCheckbox-"+O,"data-list-index":c+"-"+R,id:Q,value:String(u),disabled:v||p,checked:L,onFocus:r=>{p||s=="radio"&&(n.dataValue.length||e(d=>h(l({},d),{dataValue:[u],eventType:"update",eventID:M()})))},onChange:()=>{Y()},onKeyDown:r=>{let{key:d,shiftKey:E}=r;if((s=="checkbox"||t.rootStates.isChecker)&&d!="Tab"){if(d.match(/Arrow/)){r.preventDefault();let ae=["ArrowLeft","ArrowUp"].includes(d)?-1:1,T=R+ae;T<0?T=y.length-1:T>=y.length&&(T=0),ne(`input[data-list-index="${c}-${T}"]`).focus()}}K&&P.SubmitForm(r,W)},tabIndex:J},"List-"+b.Stringify(u)),Ce(I,h(l({htmlTag:"label","data-disabled":v||p,htmlFor:Q,className:B.join(" "),tabIndex:-1,display:"flex",verticalAlign:"center",gap:"1/6",flexWrap:!1},S),{children:[i&&a(z,{isChecked:L,toggle:()=>{Y()}}),b.is.string(N)?a(I,{children:N}):N]}),"ListTrigger-"+b.Stringify(u))]});return a(ie,{flexSizing:"auto",style:o.style,freeCSS:l({},o.freeCSS),className:[D,k("CellBase"),k("HideInput_"+X),k("IconIndicator_"+!!i),k("Tone_"+m)].join(" "),children:j})},RadioIcon:t=>a(te.Normal,{ssPushable:!0,tabIndex:-1,ssEffectsOnActive:"ripple.cloud",ssSphere:3,onClick:o=>{o.preventDefault(),o.stopPropagation(),t.toggle()},children:a(I,{ssSphere:1.5,border:"3.thick",borderWidth:2,borderColor:t.isChecked?"theme":"3.thick",position:"relative",transition:"middle",children:a(I,{position:"absolute",transition:"middle",isRounded:!0,backgroundColor:t.isChecked?"theme":"trans",opacity:t.isChecked?"max":"trans",freeCSS:{width:"60%",height:"60%",transform:t.isChecked?"scale(1)":"scale(.6)"}})})}),CheckboxIcon:t=>a(te.Normal,{ssPushable:!0,color:"cloud",tabIndex:-1,ssEffectsOnActive:"ripple.cloud",ssSphere:3,onClick:o=>{o.preventDefault(),o.stopPropagation(),t.toggle()},children:a(I,{ssSquare:1.5,flexCenter:!0,border:"3.thick",borderWidth:2,borderColor:t.isChecked?"theme":"3.thick",borderRadius:"3.tone.tertiary",position:"relative",backgroundColor:t.isChecked?"theme":"trans",transition:"middle",fontColor:"white",children:a(re.Check,{transition:"middle",opacity:t.isChecked?"max":"trans",freeCSS:{zIndex:8}})})})},w=t=>{t=t||"checkbox";const o=e=>(e=h(l({gap:"1/2",iconType:t=="radio"?"radio":"checkbox"},e),{type:t,cellStyles:l({position:"relative",borderRadius:"2.tone.secondary",transition:"middle"},e.cellStyles)}),e.CustomIcon||(e.iconType=="radio"?e.CustomIcon=V.RadioIcon:e.iconType=="checkbox"&&(e.CustomIcon=V.CheckboxIcon)),e.tone=="normal"?(e.cellStyles=l({padding:["1/4",1],border:"1.thin",isRounded:!0,backgroundColor:"layer.1"},e.cellStyles),e.cellCheckedStyles=l({borderColor:"theme",fontColor:"theme",boxShadow:"1.normal"},e.cellCheckedStyles)):e.tone=="border"?(e.cellStyles=l({paddingRight:1,border:"1.thin",isRounded:!0,backgroundColor:"layer.1"},e.cellStyles),e.cellCheckedStyles=l({borderColor:"theme",fontColor:"theme"},e.cellCheckedStyles)):e.tone=="cloud"&&(e.cellStyles=l({paddingRight:1,isRounded:!0,border:"1.thin",backgroundColor:"layer.2"},e.cellStyles),e.cellCheckedStyles=l({backgroundColor:"cloud",fontColor:"theme"},e.cellCheckedStyles)),e=se(e),a(de,{componentID:e.componentID,children:V.OptionalListWrapper,states:e})),n=o;return n.Normal=e=>a(o,l({type:t,tone:"normal",icon:!1},e)),n.Border=e=>a(o,l({type:t,tone:"border"},e)),n.Cloud=e=>a(o,l({type:t,tone:"cloud"},e)),n.Vivid=e=>a(o,l({type:t,tone:"normal",icon:!1,cellCheckedStyles:{backgroundColor:"theme",fontColor:"white"}},e)),n.Simple=e=>a(o,l({type:t,tone:"plain",icon:!1,cellCheckedStyles:{fontColor:"theme"}},e)),n},me=w("checkbox"),pe=w("radio"),le=w();export{me as Checkbox,le as List,pe as Radio,le as default};
|
package/dist/fn/Input/Select.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as s,c as m,d as
|
|
1
|
+
import{b as s,c as m,d as M}from"../../chunk-C5N2D3ZX.js";import{Fragment as Q,jsx as l,jsxs as N}from"react/jsx-runtime";import S,{UUID as R}from"jmini";import{useState as _,useEffect as F}from"react";import{ExtractStyles as ae,useStore as $}from"../../@utils";import{Box as T,Span as oe,FAI as J,Column as ne}from"../../atoms";import{Text as w,Row as X}from"../../mols";import{Button as re}from"../Button";import{Sheet as P}from"../Sheet";import{OptionalInputWrapper as se,BoxWrapper as ie,CoreEffects as A,DefaultBoxishStyles as ue}from"./core";import{InputAutocompleteClasses as E}from"../../@styles/componentClasses";import{InputLabel as ce}from"./Label";import{RightIcon as pe}from".";function Se(t){let{value:e,states:a}=t,{required:r,options:c}=a,d=[];return r&&e===null&&d.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!d.filter(({type:b})=>b=="invalid").length,notice:d}}const L={FilterSelectableOptions:(t,e)=>{let a=t.rootStates.options;return e||(a=a.filter(r=>r.type!="label")),a}},V={Shallow:t=>{let{rootStates:e,val_status:a}=t,r=ae(e);return l(T,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:l(w.Description,m(s({className:e.className},r),{position:"absolute",width:1,freeCSS:m(s({},r.freeCSS),{color:"orange"}),children:l(T,{"data-input-value-shallow":a.componentID,children:"A"})}))})},Button:t=>{let{rootStates:e,val_preventOpenSelectorOnFocus:a,set_preventOpenSelectorOnFocus:r,val_optionFocused:c,set_optionFocused:d,val_validate:b,set_validate:y,val_status:v,set_status:g,val_selectorOpen:i,set_selectorOpen:u}=t,q=e,{tone:C,required:Y,form:k,className:Z,label:de,isLabelActive:fe,placeholder:me,enableFormSubmit:ee,emptySelect:ve,checkValidationAtFirst:te,onValidate:ye,onUpdateValue:be,onUpdateValidValue:Ie,value:he="",options:ge,leftIndicator:Ce,rightIndicator:De,leftIcon:_e,rightIcon:Te,componentID:Ve,status_id:xe,wrapStyles:Oe,SelectedCellStyles:Re,SelectorCellStyles:Fe,SelectorStyles:we,SelectorGravityPoint:Ae}=q,o=M(q,["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"]),K="select-sheet-"+e.componentID;return F(()=>{if(e.disabled)return;let n="select-click-"+e.componentID;if(i){let f=S('[data-input-origin="'+e.componentID+'"]');if(!f)return;P.open({sheetID:K,type:"custom",parent:f[0],padding:["1/4",0],gravityPoint:e.SelectorGravityPoint||22,closeAtAroundClick:!1,content:l(V.Selector,s({},t))}),S(document).addEvent({eventID:n,eventType:"click",callback:B=>{let x=S(B.target),O=!!S(x).parent("."+E("Core")).length;S(x).parent("."+E("Selector")).length||O||u(!1)}})}else S(document).removeEvent([n]),P.close(K)},[i]),F(()=>{if(v.eventType=="init"||!i)return;let n=S('[data-input-origin="'+e.componentID+'"]');n&&n.focus()},[v.dataValue]),F(()=>{if(e.disabled||!i)return;let n=$.get("refresh-select-selector-"+e.componentID);n&&n(t)},[e.options,v.dataValue,c]),l(Q,{children:l(T,m(s({tabIndex:0},o),{"data-disabled":e.disabled,"data-show-validation":A.isShowValidation(b,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);u(!0)}},onClick:n=>{o!=null&&o.onClick&&(o==null||o.onClick(n)),!e.disabled&&u(!0)},onKeyDown:n=>{let{key:f,metaKey:B,ctrlKey:x}=n,O=B||x;if(o!=null&&o.onKeyDown&&(o==null||o.onKeyDown(n)),ee&&A.SubmitForm(n,k),!e.disabled){if(S.scope(()=>{if(!["ArrowDown","ArrowUp"].includes(f))return;if(n.preventDefault(),!i)return u(!0);let I=f=="ArrowDown"?1:-1,p=L.FilterSelectableOptions(t),W=p.length-1,h=null;S.scope(()=>{var U,G,z,H;let D=p.findIndex(le=>le.value==c);if(I==1){if(h=((U=p[0])==null?void 0:U.value)||null,O){h=p[W].value||null;return}if(D==-1||D==W)return;h=((G=p[D+1])==null?void 0:G.value)||null}else{if(h=p[W].value||null,O){h=((z=p[0])==null?void 0:z.value)||null;return}if(D==-1||D==0)return;h=((H=p[D-1])==null?void 0:H.value)||null}}),d(h)}),f=="Escape")u(!1);else if(f=="Tab")u(!1);else if(f=="Backspace")g(I=>m(s({},I),{dataValue:null,eventType:"update",eventID:R()}));else if(f==" ")n.preventDefault(),u(!0);else if(f=="Enter"){if(!i)return u(!0);n.preventDefault();let I=e.options.find(p=>p.value==c);if(!I)return;g(p=>m(s({},p),{dataValue:I.value,eventType:"update",eventID:R()})),u(!1)}}},children:N(X.Left,{flexWrap:!0,gap:"1/3",freeCSS:{letterSpacing:".5px"},children:[l(V.Placeholder,s({},t)),l(V.Selected,s({},t)),l(oe,{width:0,overflow:"hidden",opacity:"trans",children:"A"})]})}))})},Placeholder:t=>!t.rootStates.placeholder||t.val_status.dataValue!==null?null:l(T,{position:"absolute",opacity:"middle",fontColor:"3.blur",children:t.rootStates.placeholder||""}),Selector:t=>{let[e,a]=_(t),{rootStates:r}=e;F(()=>{$.set({["refresh-select-selector-"+r.componentID]:y=>{a(y)}})},[]);let c=[],d=L.FilterSelectableOptions(e,!0),b=L.FilterSelectableOptions(e);return d.forEach((y,v)=>{let{type:g,value:i}=y,u=e.val_optionFocused==i,C=e.val_status.dataValue===i;if(g=="selector"){c.push(l(re.Sub.S,{color:"cloud",backgroundColor:"trans",borderRadius:0,fontColor:"2.normal",textAlign:"left",padding:["1/2",1.5],isActive:C||u,isActiveStyles:u?{backgroundColor:"cloud"}:{backgroundColor:"theme.opa.few",fontColor:"theme"},onClick:Y=>{e.set_status(k=>m(s({},k),{dataValue:i,eventType:"update",eventID:R()})),e.set_selectorOpen(!1),e.set_preventOpenSelectorOnFocus(!0)},children:N(X.Left,{gap:"1/2",children:[C&&l(J.Check,{fontColor:"theme"}),l(w.Supplement,{transition:"short",children:y.label})]})},String(i)));return}c.push(l(T,{children:y.label},R()))}),b.length||(c=[l(w.Supplement,{padding:[0,1],fontColor:"4.thin",children:"\u5019\u88DC\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093"},"no-selector-notice")]),l(P.Body,{className:E("Selector"),ssCardBox:!0,borderRadius:"3.tone.tertiary",boxShadow:"1.normal",freeCSS:{minWidth:12*14},children:l(ne,{gap:0,padding:[1,0],children:c})})},Selected:t=>{let e=[];return t.val_status.dataValue!==null&&S.scope(()=>{let a=t.rootStates.options.find(r=>S.is.equal(r.value,t.val_status.dataValue));a&&e.push(l(T,m(s({},t.rootStates.SelectedCellStyles),{children:a.label}),String(a.value)))}),l(Q,{children:e})},Core:t=>{let{value:e}=t,[a,r]=_(A.DefaultStatus(t.componentID,e)),[c,d]=_(!1),[b,y]=_(!1),[v,g]=_(t.value||null),[i,u]=_({ok:!1,notice:[]}),C={rootStates:t,val_preventOpenSelectorOnFocus:c,set_preventOpenSelectorOnFocus:d,val_optionFocused:v,set_optionFocused:g,val_selectorOpen:b,set_selectorOpen:y,val_status:a,set_status:r,val_validate:i,set_validate:u};return A.CommonEffects({type:"select",states:t,val_status:a,set_status:r,val_validate:i,set_validate:u,SystemValidation:Se}),N(ie,{val_status:a,set_status:r,val_validate:i,states:t,children:[l(ce,{componentID:t.componentID,fontSize:t.fontSize,required:t.required,label:t.label,isActive:t.isLabelActive||a.dataValue!==null}),l(V.Shallow,s({},C)),l(V.Button,s({},C))]})}},j=t=>{let e=s({},t);return e=m(s({emptySelect:!0},e),{freeCSS:s({cursor:"pointer"},e.freeCSS)}),e.emptySelect&&(e.options=[{value:null,label:l(w.Supplement,{fontColor:"4.thin",children:"\u9078\u629E\u3092\u89E3\u9664"})},...e.options]),e.value=e.value||null,e.options.forEach((a,r)=>{let{type:c,value:d}=a;e.options[r]=m(s({},a),{value:d,type:c||"selector"})}),S.is.nullish(e.rightIcon)&&(e.rightIcon=l(pe,{ssSphere:2,children:l(J.AngleDown,{})})),l(se,{componentID:e.componentID,children:V.Core,states:ue(e)})};export{j as Select,j as default};
|
package/dist/fn/Input/core.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as o,c as
|
|
1
|
+
import{b as o,c as d,e as _}from"../../chunk-C5N2D3ZX.js";import{jsx as p,jsxs as h}from"react/jsx-runtime";import{useState as x,useEffect as g}from"react";import u,{UUID as y}from"jmini";import{$$fromRoot as k,Config as B,useStore as v}from"../../@utils";import{InputClasses as b}from"../../@styles/componentClasses";import{Box as E,Flex as w,FAI as T,Column as N}from"../../atoms";import{Row as D,Text as F}from"../../mols";import{Button as A}from"../Button";import R from"../Tooltips";const it=t=>{let[n]=x(t.componentID||y());t=o({},t),t.states=d(o({enableFormSubmit:!0,status_id:y(),override:"never",form:"",id:y(),"aria-label":"Input-"+n},t.states),{componentID:n});let{children:e}=t;return p(e,o({},t.states))},rt=t=>{let{children:n,val_status:e,val_validate:a,states:i}=t,{leftIcon:r,wrapStyles:c}=i;return e.eventType=="init"&&!i.checkValidationAtFirst&&(a.notice=[]),h(D.Center,d(o({position:"relative",verticalAlign:"unset",gap:0},c),{className:b("Wrapper"),"data-notice-uid":e.componentID,children:[p(C.Notice,{notice:a.notice,val_status:e}),i.leftIndicator,h(w,{position:"relative",flexSizing:"auto",children:[n,r,p(C.RightIcon,o({},t)),p(C.ClearButton,o({},t))]}),i.rightIndicator]}))},C={ClearButton:t=>!t.states.clearButton||!t.val_status.dataValue?null:p(A.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:y()}))},children:p(T.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,r="NoticeTimerClose-"+a,c="notice-tips-"+a;return g(()=>{u.interval.clear(i),u.interval.clear(r),u.interval.standBy(i,350,()=>{if(!n.length){R.close(c);return}R.open({tipsID:c,parent:`[data-notice-uid="${a}"]`,gravityPoint:22,padding:[1,0],closeAtParentBlur:!1,content:h(R.Body,{padding:["1/2","2/3"],fontSize:"1.mini",position:"relative",children:[p(E,{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((I,S)=>{let{type:l,label:s}=I,f=l=="invalid"?T.Times:l=="warn"?T.Exclamation:T.Check;return h(D.Left,{gap:0,borderRadius:"2.tone.secondary",children:[p(f,{flexCenter:!0,fontSize:"2.normal",fontColor:{invalid:"nega",warn:"warn",valid:"posi"}[l]}),p(F.Supplement,{fontSize:"0.xs",fontColor:"white",children:s})]},S+"-"+u.Stringify(I))})})]})})}),u.interval.standBy(r,6e3,()=>{R.close(c)})},[n]),null}},W={DefaultStatus:(t,n)=>({componentID:t,dataValue:n,eventType:"init",eventID:y()}),CommonEffects:function(t){let{type:n,states:e,val_status:a,set_status:i,val_validate:r,set_validate:c,SystemValidation:I}=t;e=o({},e);let{componentID:S}=a;g(()=>(v.update({[S]:{ResolveRefresh:null,Refresh:()=>new Promise((l,s)=>{v.get(S).ResolveRefresh=l,i(f=>d(o({},f),{eventType:"refresh",eventID:y()}))}),GenNotice:l=>{let{ok:s,notice:f}=l;c({ok:s,notice:f})}}}),()=>{v.delete(S)}),[]),u.scope(()=>{let{override:l}=e;if(l=="never"||l=="beforeModified"&&!["init","override"].includes(a.eventType))return;let s=v.get(a.componentID);s&&(e.value!=a.dataValue&&e.status_id!=s.status_id&&i(f=>d(o(d(o({},f),{dataValue:e.value}),t.ExtraOverrideStates),{eventType:"override",eventID:y()})),s.status_id=e.status_id)}),g(()=>{W.ValidationCheck({val_status:a,set_validate:c,SystemValidation:I,states:e})},[a.eventID,a.dataValue]),g(()=>(u.scope(()=>{let{componentID:l,eventType:s,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&&v.update({[["form-data",e.form].join("-")]:{[e.name]:{componentID:l,type:n,value:m,validation:r.ok}}}),s=="refresh"){let V=v.get(l);V&&V.ResolveRefresh&&V.ResolveRefresh(null)}else s=="update"&&(e.onUpdateValue&&e.onUpdateValue({componentID:l,value:m,eventType:s}),u.scope(()=>{r.ok&&e.onUpdateValidValue&&e.onUpdateValidValue({componentID:l,value:m,eventType:s})}))}),()=>{v.update({[["form-data",e.form].join("-")]:{[e.name]:null}})}),[r])},ValidationCheck:t=>{let{states:n}=t;u.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=()=>_(void 0,null,function*(){if(!n.onValidate)return;let r=yield n.onValidate({value:t.val_status.dataValue,eventType:t.val_status.eventType,props:t});t.set_validate({ok:r.ok,notice:[...a,...r.notice]})});if(n.onValidate){if(t.val_status.eventType=="refresh"){i();return}u.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=k(`[data-form-submit-button="${n}"]`)[0];if(!a)return e;let i=a.dataset.sdfike||"",r=t.key,c=t.ctrlKey||t.metaKey;return u.scope(()=>{i.includes("enter")&&(r!="Enter"||t.nativeEvent.isComposing||B.get().browserIs=="safari"&&t.keyCode==229)||((r=="Enter"&&(i.includes("enter")||i.includes("auxEnter")&&c)||r==" "&&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}},lt=function(t){t=o({tone:"border"},t);let n=u.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:[b("Input"),t.className].join(" ")})};export{rt as BoxWrapper,W as CoreEffects,lt as DefaultBoxishStyles,it as OptionalInputWrapper};
|
package/dist/fn/Table/Data.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as r,c as m,d as Y}from"../../chunk-C5N2D3ZX.js";import{Fragment as z,jsx as l,jsxs as x}from"react/jsx-runtime";import C,{UUID as Z}from"jmini";import{useState as ee,useEffect as j}from"react";import{useStore as te,useRefresh as F}from"../../@utils";import{Box as v,Flex as K,FAI as N,Span as le,Column as oe}from"../../atoms";import{Row as E}from"../../mols";import{Button as H}from"../Button";import W from"../Sheet";import L from"../Input";import{faArrowUp as ne}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as se}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faArrowRight as ie}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faFilter as ce}from"@fortawesome/free-solid-svg-icons/faFilter";import D from"./Parts";import de from"./Wrapper";import{DefaultCellSystemAdjustingStyles as V}from"./cellStyling";import{TableClasses as y}from"../../@styles/componentClasses";const I={__memoryID:Z(),Header:t=>{var h,b;let{val_status:e,set_status:n,KeywordFilterRows:u}=r({},t),{order:s,filter:a}=e,[d,g]=s.current,p=[],c=[...e.head];if(e.checker){let o={top:!0,bottom:!e.rows.length,left:!0,right:!e.colLength,rowIndex:0,colIndex:0,isBody:!1,isHeader:!0},i=V(o),f=e.cellStylesCallback?e.cellStylesCallback(o):{};p.push(l(D.TH,m(r(r(r({fontWeight:"2.normal",position:"sticky",top:0,unitWidth:4,padding:0},e.cellStyles),i),f),{freeCSS:m(r(r({},(h=e.cellStyles)==null?void 0:h.freeCSS),f.freeCSS),{zIndex:2}),className:[y("Cell"),e.cellClassName].join(" "),children:l(v,{flexCenter:!0,children:l(L.Checker,{label:null,value:!1,onUpdateValidValue:({value:S})=>{let w=e.rows;w.forEach(O=>{O.checked=S}),n(m(r({},e),{rows:w}))}})})}),-1))}for(let o=0;o<e.colLength;o++){let i=c[o];if(!i)continue;let f=i.children||i.data,S=s.enabled&&s.column[o],w=a.enabled&&a.column[o],O=S?l(N,{fontSize:"1.mini",fontColor:o==d?"1.clear":"5.translucent",icon:o==d?g=="DESC"?se:ne:ie}):null,B=l(z,{});if(w){let k=u.map(P=>{var A;return(A=P[o])==null?void 0:A.data});k=[...new Set(k)].order({direction:"ASC"});let _=a.current[o];if(_){let P=k.filter(R=>!_.includes(R)),A=[];k.forEach(R=>{R&&A.push({value:R,label:l(v,{flexSizing:"auto",children:R})})});let X="BUTTON-"+e.componentID+"-"+o,$=e.componentID+"-"+o,q={sheetID:$,parent:"#"+X,gravityPoint:23,type:"custom",content:x(K,{flexType:"col",border:!0,boxShadow:"3.remark",backgroundColor:"layer.1",borderRadius:1,freeCSS:{minWidth:12*20,maxWidth:12*30},children:[l(oe,{gap:"1/3",overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*30},children:l(L.Checkbox,{icon:!0,value:P,display:"flex",gap:"1/2",override:"force",options:A,hideInput:!0,name:"DTFilter-col-"+o+"-table-"+e.componentID,onUpdateValidValue:({value:R})=>{let M=k.filter(ae=>!R.includes(ae)),Q=r({},e);Q.filter.current[o]=M,n(Q)}})}),x(E.Separate,{gap:"2/3",padding:"2/3",horizontalAlign:"right",children:[l(H.Border.S,{isRounded:!0,onClick:()=>{W.close($)},children:"\u9589\u3058\u308B"}),l(H.Prime.S,{color:"theme",isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{let R=[];_.length||(R=k);let M=r({},e);M.filter.current[o]=R,n(M)},children:"\u5168\u9078\u629E"})]})]})};W.open(q,!1),B=l(v,{className:y("FilterRegion"),children:l(H.Sub.S,{ssSphere:2.5,fontSize:"1.mini",className:y("Filtering_"+!!_.length),id:X,onClick:R=>{R.stopPropagation(),W.open(q)},children:l(N,{icon:ce})})})}}let J={top:!0,bottom:!e.rows.length,left:e.checker?!1:o==0,right:o==e.colLength-1,rowIndex:0,colIndex:o,isBody:!1,isHeader:!0},re=V(J),G=e.cellStylesCallback?e.cellStylesCallback(J):{};i=m(r(r(r(r({},e.cellStyles),re),i),G),{ssPushable:S,freeCSS:r(r(r({},(b=e.cellStyles)==null?void 0:b.freeCSS),G.freeCSS),i.freeCSS),className:[y("Cell"),e.cellClassName,i.className].join(" ")}),delete i.orderIndex,p.push(l(D.TH,m(r({fontWeight:"2.normal",position:"sticky",top:0},i),{freeCSS:r({zIndex:2},i.freeCSS),onClick:k=>{if(S){let _=r({},e),P=[o,d===o&&g=="ASC"?"DESC":"ASC"];_.order.current=P,n(_),e.onOrderChanged&&e.onOrderChanged(P)}},children:x(K,{flexType:"row-r",flexWrap:!1,height:1,borderRadius:"inherit",flexCenter:!0,children:[B,x(K,{flexSizing:0,position:"relative",borderRadius:"inherit",gap:"1/2",flexWrap:!1,verticalAlign:"center",horizontalAlign:"center",children:[O,f]})]})}),o))}return l(D.Row,{className:[y("Row"),y("HeadRow")].join(" "),children:p})},Body:t=>{let{val_status:e,PageRows:n}=t,u=[];if(n.forEach((s,a)=>{var p;let d=[...s],g=[];if(e.checker){let c={top:a==0&&!e.head,bottom:a==n.length-1,left:!0,right:!e.colLength,rowIndex:a,colIndex:0,isBody:!0,isHeader:!1},h=V(c),b=e.cellStylesCallback?e.cellStylesCallback(c):{};g.push(l(D.TH,m(r(r(r({unitWidth:4,padding:0,borderRight:!0},e.cellStyles),h),b),{freeCSS:r(r({},(p=e.cellStyles)==null?void 0:p.freeCSS),b.freeCSS),className:[y("Cell"),e.cellClassName].join(" "),children:l(v,{flexCenter:!0,children:l(L.Checker,{label:null,value:s.checked,override:"force",onUpdateValidValue:({value:o})=>{let i=e.rows,f=i.findIndex(S=>C.JsonTo(S.rowID)==C.JsonTo(s.rowID));f!=-1&&(i[f].checked=o,t.set_status(S=>m(r({},S),{rows:i})))}})})}),-1))}d.forEach((c,h)=>{var B;if(!c)return;let O=c,{type:b="td"}=O,o=Y(O,["type"]),i={top:a==0&&!e.head,bottom:a==n.length-1,left:e.checker?!1:h==0,right:h==e.colLength-1,rowIndex:a,colIndex:h,isBody:!0,isHeader:!1},f=V(i),S=e.cellStylesCallback?e.cellStylesCallback(i):{};o=m(r(r(r(r({},e.cellStyles),f),o),S),{freeCSS:r(r(r({},(B=e.cellStyles)==null?void 0:B.freeCSS),o.freeCSS),S.freeCSS),className:[y("Cell"),e.cellClassName,o.className].join(" ")}),delete o.orderIndex;let w=D[b=="td"?"TD":"TH"];g.push(l(w,r({},o),h))}),u.push(l(D.Row,{className:[y("Row"),y("BodyRow")].join(" "),children:g,onClick:c=>{e.onRowClick&&e.onRowClick(s.rowID,c)}},a))}),!n.length){let s=l(v,{padding:2,fontColor:"4.thin",textAlign:"center",borderTop:"1.thin",children:"\u30C6\u30FC\u30D6\u30EB\u304C\u3042\u308A\u307E\u305B\u3093"});e.noRecords&&(s=l(z,{children:e.noRecords})),u.push(l(D.Row,{className:[y("Row"),y("BodyRow"),y("DataNotFound")].join(" "),children:l(D.TD,{colSpan:e.colLength,className:y("Cell"),children:s})},"dataNotFound"))}return l(z,{children:u})},Core:t=>{let{val_status:e,set_status:n}=t,{searchKeyword:u,filter:s,order:a,paging:d}=e,g=[...e.rows],p=[...e.rows],c=[...e.rows],h=[...e.rows];if(u&&(p=g.filter(i=>(i.__sys4SearchKey||"").match(new RegExp(u,"i"))?1:0),c=[...p],h=[...p]),s.enabled)for(let i=0;i<e.colLength;i++){let f=s.column[i],S=s.current[i];f&&S&&S.length&&(c=c.filter(w=>!S.includes(w[i].data)),h=[...c])}a.enabled&&(c=c.order({direction:a.current[1],keys:[a.current[0],"orderIndex"]}),h=[...c]);{let{currentPageIndex:i,rowLength:f}=d;h=[...h].splice((i-1)*f,f)}let b=I.__memoryID+"_"+e.tableID,o={rows:{total:g.length,page:h.length,filtered:c.length},val_status:m(r({},e),{paging:m(r({},e.paging),{pageLength:Math.ceil(c.length/e.paging.rowLength)})}),set_status:n};return te.update({[b]:{getRowData:()=>{let i=[...g];return a.enabled&&(i=i.order({direction:a.current[1],keys:[a.current[0],"orderIndex"]})),i.forEach(f=>{f.currentPage=!1,f.filtered=!1}),h.forEach(f=>{let{rowID:S}=f;i.find(w=>C.JsonTo(w.rowID)==C.JsonTo(S)).currentPage=!0}),c.forEach(f=>{let{rowID:S}=f;i.find(w=>C.JsonTo(w.rowID)==C.JsonTo(S)).filtered=!0}),i}}}),j(()=>{F.release(e.tableID,o)}),l(v,{className:y("TableBase"),children:l(D.Table,{className:y("Table"),children:x(D.Body,{children:[l(I.Header,{val_status:e,set_status:n,KeywordFilterRows:p}),l(I.Body,{val_status:e,set_status:n,PageRows:h})]})})},u)},Propagations:{},DataLeveler:t=>{var e,n;return t=r({},t),t.filter=(e=t.filter)!=null?e:!1,t.filter=Array.from({length:t.colLength}).map((u,s)=>{var a;return C.is.boolean(t.filter)?t.filter:(a=t.filter[s])!=null?a:!1}),t.order=(n=t.order)!=null?n:!0,t.order=Array.from({length:t.colLength}).map((u,s)=>{var a;return C.is.boolean(t.order)?t.order:(a=t.order[s])!=null?a:!0}),t=r({checker:!1,searchKeyword:"",filter:!1,order:!0,defaultOrder:[0,"ASC"]},t),t.rows.forEach((u,s)=>{u.rowID=u.rowID||s;let a=[];u.forEach((d,g)=>{let{data:p,children:c,orderIndex:h}=d;d.orderIndex=C.is.exist(h)?String(h):String(p),d.children=c||String(p),a.push(String(d.data))}),u.__sys4SearchKey=a.join("/")}),l(I.StateManager,r({},t))},StateManager:t=>{let{colLength:e,checker:n=!1,searchKeyword:u="",filter:s,order:a,defaultOrder:d=[0,"ASC"],pageRowLength:g=30}=t,[p]=ee(Z()),c={tableID:t.tableID||p,componentID:p,colLength:e,checker:n,searchKeyword:u,filter:{enabled:s!==!1,column:s,current:Array.from({length:e},()=>[])},order:{enabled:a!==!1,column:a,current:d},paging:{rowLength:g,pageLength:Math.ceil(t.rows.length/g),currentPageIndex:1},head:t.head,rows:t.rows,noRecords:t.noRecords,cellStyles:t.cellStyles||{},cellClassName:t.cellClassName||"",cellStylesCallback:t.cellStylesCallback,onRowClick:t.onRowClick,onOrderChanged:t.onOrderChanged},[h,b]=ee(c);return j(()=>{b(o=>m(r({},o),{rows:c.rows}))},[C.JsonTo(c.rows)]),j(()=>{b(o=>m(r({},o),{head:c.head}))},[C.JsonTo(c.head)]),l(I.Core,{val_status:h,set_status:b})}},ue={__memoryID:I.__memoryID,getRowData:t=>{let e=te.get(I.__memoryID+"_"+t);if(e!=null&&e.getRowData)return e.getRowData()}},U={SearchInput:t=>{let e=F.catch(t.tableID);if(!e)return null;let{val_status:n,set_status:u}=e;return l(L.TextField,{label:"\u691C\u7D22...",clearButton:!0,padding:"2/3",paddingRight:3,rightIcon:l(L.RightIcon,{ssSphere:2,fontColor:"5.translucent",right:"2/3",children:l(N.Search,{})}),value:n.searchKeyword,onUpdateValidValue:({value:s})=>{t.onChange(s),C.interval.clear("InputSearchTime"),C.interval.standBy("InputSearchTime",200,()=>{u(a=>m(r({},a),{paging:m(r({},a.paging),{currentPageIndex:1}),filter:m(r({},a.filter),{current:Array.from({length:a.colLength},()=>[])}),searchKeyword:s}))})}})},Info:t=>{let e=F.catch(t.tableID);if(!e)return null;let{val_status:n,set_status:u}=e,s=e.rows.filtered.ratio(e.rows.total)||0;return x(K,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[l(le,{fontSize:"4.thirdTitle",fontColor:"theme",children:e.rows.filtered.toLocaleString()}),"/ ",e.rows.total.toLocaleString(),"\u4EF6 (",s,"%)"]})},Paging:t=>{let e=F.catch(t.tableID);if(!e)return null;let{val_status:n,set_status:u}=e,s=[];for(let d=0;d<n.paging.pageLength;d++)s.push({value:d+1,label:(d+1).toString()});const a=d=>{let g=Math.min(Math.max(1,d),n.paging.pageLength),p=r({},n);p.paging.currentPageIndex=g,u(c=>m(r({},c),{paging:m(r({},c.paging),{currentPageIndex:g})}))};return x(E.Center,{children:[x(E.Center,{gap:"1/2",children:[l(L.Select,{label:"\u9805",freeCSS:{minWidth:12*3},emptySelect:!1,padding:["1/3","2/3"],rightIcon:!1,override:"force",value:n.paging.currentPageIndex,options:s,SelectorGravityPoint:24,onUpdateValidValue:({value:d})=>{a(d)}}),"/ ",n.paging.pageLength]}),x(E.Right,{gap:"1/2",children:[l(H.Sub,{ssSphere:3,onClick:()=>{if(n.paging.currentPageIndex==1){a(n.paging.pageLength);return}a(n.paging.currentPageIndex-1)},children:l(N.ChevronLeft,{})}),l(H.Sub,{ssSphere:3,onClick:()=>{if(n.paging.currentPageIndex==n.paging.pageLength){a(1);return}a(n.paging.currentPageIndex+1)},children:l(N.ChevronRight,{})})]})]})},RowLength:t=>{let e=F.catch(t.tableID);if(!e)return null;let{val_status:n,set_status:u}=e,s=n.paging.rowLength,a=0,d=t.lengthSelect.map(g=>(a|=+(g==s),{value:g,label:g.toString()}));return a||d.push({value:s,label:s.toString()}),d=d.order({direction:"ASC",keys:["value"]}),l(E.Center,{gap:"1/2",children:l(L.Select,{label:"\u4EF6\u6570",emptySelect:!1,rightIcon:!1,override:"force",padding:["1/3","2/3"],value:n.paging.rowLength,options:d,SelectorGravityPoint:24,onUpdateValidValue:({value:g})=>{u(p=>m(r({},p),{paging:{rowLength:Number(g),currentPageIndex:1,pageLength:Math.ceil(e.rows.filtered/Number(g))}}))}})})}},ge=t=>l(de,m(r({},t),{type:"data",JSXChildren:I.DataLeveler})),T=ge;T.__memoryID=I.__memoryID,T.getRowData=ue.getRowData,T.Info=U.Info,T.Paging=U.Paging,T.RowLength=U.RowLength,T.SearchInput=U.SearchInput;export{T as Data,T as default};
|
|
1
|
+
import{b as r,c as m,d as Y}from"../../chunk-C5N2D3ZX.js";import{Fragment as z,jsx as l,jsxs as x}from"react/jsx-runtime";import R,{UUID as Z}from"jmini";import{useState as ee,useEffect as j}from"react";import{useStore as te,useRefresh as F}from"../../@utils";import{Box as v,Flex as K,FAI as N,Span as le,Column as oe}from"../../atoms";import{Row as E}from"../../mols";import{Button as H}from"../Button";import W from"../Sheet";import L from"../Input";import{faArrowUp as ne}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as se}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faArrowRight as ie}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faFilter as ce}from"@fortawesome/free-solid-svg-icons/faFilter";import D from"./Parts";import de from"./Wrapper";import{DefaultCellSystemAdjustingStyles as V}from"./cellStyling";import{TableClasses as y}from"../../@styles/componentClasses";const I={__memoryID:Z(),Header:t=>{var h,b;let{val_status:e,set_status:n,KeywordFilterRows:u}=r({},t),{order:s,filter:a}=e,[d,g]=s.current,p=[],c=[...e.head];if(e.checker){let o={top:!0,bottom:!e.rows.length,left:!0,right:!e.colLength,rowIndex:0,colIndex:0,isBody:!1,isHeader:!0},i=V(o),f=e.cellStylesCallback?e.cellStylesCallback(o):{};p.push(l(D.TH,m(r(r(r({fontWeight:"2.normal",position:"sticky",top:0,unitWidth:4,padding:0},e.cellStyles),i),f),{freeCSS:m(r(r({},(h=e.cellStyles)==null?void 0:h.freeCSS),f.freeCSS),{zIndex:2}),className:[y("Cell"),e.cellClassName].join(" "),children:l(v,{flexCenter:!0,children:l(L.Checker,{label:null,value:!1,onUpdateValidValue:({value:S})=>{let C=e.rows;C.forEach(O=>{O.checked=S}),n(m(r({},e),{rows:C}))}})})}),-1))}for(let o=0;o<e.colLength;o++){let i=c[o];if(!i)continue;let f=i.children||i.data,S=s.enabled&&s.column[o],C=a.enabled&&a.column[o],O=S?l(N,{fontSize:"1.mini",fontColor:o==d?"1.clear":"5.translucent",icon:o==d?g=="DESC"?se:ne:ie}):null,B=l(z,{});if(C){let _=u.map(P=>{var A;return(A=P[o])==null?void 0:A.data});_=[...new Set(_)].order({direction:"ASC"});let T=a.current[o];if(T){let P=_.filter(w=>!T.includes(w)),A=[];_.forEach(w=>{w&&A.push({value:w,label:l(v,{flexSizing:"auto",children:w})})});let J="BUTTON-"+e.componentID+"-"+o,X=e.componentID+"-"+o,$={sheetID:X,parent:"#"+J,gravityPoint:23,type:"custom",content:x(K,{flexType:"col",border:!0,boxShadow:"3.remark",backgroundColor:"layer.1",borderRadius:1,freeCSS:{minWidth:12*20,maxWidth:12*30},children:[l(oe,{gap:"1/3",overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*30},children:l(L.Checkbox,{icon:!0,value:P,display:"flex",gap:"1/2",override:"force",options:A,hideInput:!0,name:"DTFilter-col-"+o+"-table-"+e.componentID,onUpdateValidValue:({value:w})=>{let M=_.filter(ae=>!w.includes(ae)),Q=r({},e);Q.filter.current[o]=M,n(Q)}})}),x(E.Separate,{gap:"2/3",padding:"2/3",horizontalAlign:"right",children:[l(H.Border.S,{isRounded:!0,onClick:()=>{W.close(X)},children:"\u9589\u3058\u308B"}),l(H.Prime.S,{color:"theme",isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{let w=[];T.length||(w=_);let M=r({},e);M.filter.current[o]=w,n(M)},children:"\u5168\u9078\u629E"})]})]})};W.open($,!1),B=l(v,{className:y("FilterRegion"),children:l(H.Sub.S,{ssSphere:2.5,fontSize:"1.mini",className:y("Filtering_"+!!T.length),id:J,onClick:w=>{w.stopPropagation(),W.open($)},children:l(N,{icon:ce})})})}}let q={top:!0,bottom:!e.rows.length,left:e.checker?!1:o==0,right:o==e.colLength-1,rowIndex:0,colIndex:o,isBody:!1,isHeader:!0},re=V(q),G=e.cellStylesCallback?e.cellStylesCallback(q):{};i=m(r(r(r(r({},e.cellStyles),re),i),G),{ssPushable:S,freeCSS:r(r(r({},(b=e.cellStyles)==null?void 0:b.freeCSS),G.freeCSS),i.freeCSS),className:[y("Cell"),e.cellClassName,i.className].join(" ")}),delete i.orderIndex,p.push(l(D.TH,m(r({fontWeight:"2.normal",position:"sticky",top:0},i),{freeCSS:r({zIndex:2},i.freeCSS),onClick:_=>{if(S){let T=r({},e),P=[o,d===o&&g=="ASC"?"DESC":"ASC"];T.order.current=P,n(T),e.onOrderChanged&&e.onOrderChanged(P)}},children:x(K,{flexType:"row-r",flexWrap:!1,height:1,borderRadius:"inherit",flexCenter:!0,children:[B,x(K,{flexSizing:0,position:"relative",borderRadius:"inherit",gap:"1/2",flexWrap:!1,verticalAlign:"center",horizontalAlign:"center",children:[O,f]})]})}),o))}return l(D.Row,{className:[y("Row"),y("HeadRow")].join(" "),children:p})},Body:t=>{let{val_status:e,PageRows:n}=t,u=[];if(n.forEach((s,a)=>{var p;let d=[...s],g=[];if(e.checker){let c={top:a==0&&!e.head,bottom:a==n.length-1,left:!0,right:!e.colLength,rowIndex:a,colIndex:0,isBody:!0,isHeader:!1},h=V(c),b=e.cellStylesCallback?e.cellStylesCallback(c):{};g.push(l(D.TH,m(r(r(r({unitWidth:4,padding:0,borderRight:!0},e.cellStyles),h),b),{freeCSS:r(r({},(p=e.cellStyles)==null?void 0:p.freeCSS),b.freeCSS),className:[y("Cell"),e.cellClassName].join(" "),children:l(v,{flexCenter:!0,children:l(L.Checker,{label:null,value:s.checked,override:"force",onUpdateValidValue:({value:o})=>{let i=e.rows,f=i.findIndex(S=>R.is.equal(S.rowID,s.rowID));f!=-1&&(i[f].checked=o,t.set_status(S=>m(r({},S),{rows:i})))}})})}),-1))}d.forEach((c,h)=>{var B;if(!c)return;let O=c,{type:b="td"}=O,o=Y(O,["type"]),i={top:a==0&&!e.head,bottom:a==n.length-1,left:e.checker?!1:h==0,right:h==e.colLength-1,rowIndex:a,colIndex:h,isBody:!0,isHeader:!1},f=V(i),S=e.cellStylesCallback?e.cellStylesCallback(i):{};o=m(r(r(r(r({},e.cellStyles),f),o),S),{freeCSS:r(r(r({},(B=e.cellStyles)==null?void 0:B.freeCSS),o.freeCSS),S.freeCSS),className:[y("Cell"),e.cellClassName,o.className].join(" ")}),delete o.orderIndex;let C=D[b=="td"?"TD":"TH"];g.push(l(C,r({},o),h))}),u.push(l(D.Row,{className:[y("Row"),y("BodyRow")].join(" "),children:g,onClick:c=>{e.onRowClick&&e.onRowClick(s.rowID,c)}},a))}),!n.length){let s=l(v,{padding:2,fontColor:"4.thin",textAlign:"center",borderTop:"1.thin",children:"\u30C6\u30FC\u30D6\u30EB\u304C\u3042\u308A\u307E\u305B\u3093"});e.noRecords&&(s=l(z,{children:e.noRecords})),u.push(l(D.Row,{className:[y("Row"),y("BodyRow"),y("DataNotFound")].join(" "),children:l(D.TD,{colSpan:e.colLength,className:y("Cell"),children:s})},"dataNotFound"))}return l(z,{children:u})},Core:t=>{let{val_status:e,set_status:n}=t,{searchKeyword:u,filter:s,order:a,paging:d}=e,g=[...e.rows],p=[...e.rows],c=[...e.rows],h=[...e.rows];if(u&&(p=g.filter(i=>(i.__sys4SearchKey||"").match(new RegExp(u,"i"))?1:0),c=[...p],h=[...p]),s.enabled)for(let i=0;i<e.colLength;i++){let f=s.column[i],S=s.current[i];f&&S&&S.length&&(c=c.filter(C=>!S.includes(C[i].data)),h=[...c])}a.enabled&&(c=c.order({direction:a.current[1],keys:[a.current[0],"orderIndex"]}),h=[...c]);{let{currentPageIndex:i,rowLength:f}=d;h=[...h].splice((i-1)*f,f)}let b=I.__memoryID+"_"+e.tableID,o={rows:{total:g.length,page:h.length,filtered:c.length},val_status:m(r({},e),{paging:m(r({},e.paging),{pageLength:Math.ceil(c.length/e.paging.rowLength)})}),set_status:n};return te.update({[b]:{getRowData:()=>{let i=[...g];return a.enabled&&(i=i.order({direction:a.current[1],keys:[a.current[0],"orderIndex"]})),i.forEach(f=>{f.currentPage=!1,f.filtered=!1}),h.forEach(f=>{let{rowID:S}=f;i.find(C=>R.is.equal(C.rowID,S)).currentPage=!0}),c.forEach(f=>{let{rowID:S}=f;i.find(C=>R.is.equal(C.rowID,S)).filtered=!0}),i}}}),j(()=>{F.release(e.tableID,o)}),l(v,{className:y("TableBase"),children:l(D.Table,{className:y("Table"),children:x(D.Body,{children:[l(I.Header,{val_status:e,set_status:n,KeywordFilterRows:p}),l(I.Body,{val_status:e,set_status:n,PageRows:h})]})})},u)},Propagations:{},DataLeveler:t=>{var e,n;return t=r({},t),t.filter=(e=t.filter)!=null?e:!1,t.filter=Array.from({length:t.colLength}).map((u,s)=>{var a;return R.is.boolean(t.filter)?t.filter:(a=t.filter[s])!=null?a:!1}),t.order=(n=t.order)!=null?n:!0,t.order=Array.from({length:t.colLength}).map((u,s)=>{var a;return R.is.boolean(t.order)?t.order:(a=t.order[s])!=null?a:!0}),t=r({checker:!1,searchKeyword:"",filter:!1,order:!0,defaultOrder:[0,"ASC"]},t),t.rows.forEach((u,s)=>{u.rowID=u.rowID||s;let a=[];u.forEach((d,g)=>{let{data:p,children:c,orderIndex:h}=d;d.orderIndex=R.is.exist(h)?String(h):String(p),d.children=c||String(p),a.push(String(d.data))}),u.__sys4SearchKey=a.join("/")}),l(I.StateManager,r({},t))},StateManager:t=>{let{colLength:e,checker:n=!1,searchKeyword:u="",filter:s,order:a,defaultOrder:d=[0,"ASC"],pageRowLength:g=30}=t,[p]=ee(Z()),c={tableID:t.tableID||p,componentID:p,colLength:e,checker:n,searchKeyword:u,filter:{enabled:s!==!1,column:s,current:Array.from({length:e},()=>[])},order:{enabled:a!==!1,column:a,current:d},paging:{rowLength:g,pageLength:Math.ceil(t.rows.length/g),currentPageIndex:1},head:t.head,rows:t.rows,noRecords:t.noRecords,cellStyles:t.cellStyles||{},cellClassName:t.cellClassName||"",cellStylesCallback:t.cellStylesCallback,onRowClick:t.onRowClick,onOrderChanged:t.onOrderChanged},[h,b]=ee(c);return j(()=>{b(o=>m(r({},o),{rows:c.rows}))},[R.Stringify(c.rows)]),j(()=>{b(o=>m(r({},o),{head:c.head}))},[R.Stringify(c.head)]),l(I.Core,{val_status:h,set_status:b})}},ue={__memoryID:I.__memoryID,getRowData:t=>{let e=te.get(I.__memoryID+"_"+t);if(e!=null&&e.getRowData)return e.getRowData()}},U={SearchInput:t=>{let e=F.catch(t.tableID);if(!e)return null;let{val_status:n,set_status:u}=e;return l(L.TextField,{label:"\u691C\u7D22...",clearButton:!0,padding:"2/3",paddingRight:3,rightIcon:l(L.RightIcon,{ssSphere:2,fontColor:"5.translucent",right:"2/3",children:l(N.Search,{})}),value:n.searchKeyword,onUpdateValidValue:({value:s})=>{t.onChange(s),R.interval.clear("InputSearchTime"),R.interval.standBy("InputSearchTime",200,()=>{u(a=>m(r({},a),{paging:m(r({},a.paging),{currentPageIndex:1}),filter:m(r({},a.filter),{current:Array.from({length:a.colLength},()=>[])}),searchKeyword:s}))})}})},Info:t=>{let e=F.catch(t.tableID);if(!e)return null;let{val_status:n,set_status:u}=e,s=e.rows.filtered.ratio(e.rows.total)||0;return x(K,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[l(le,{fontSize:"4.thirdTitle",fontColor:"theme",children:e.rows.filtered.toLocaleString()}),"/ ",e.rows.total.toLocaleString(),"\u4EF6 (",s,"%)"]})},Paging:t=>{let e=F.catch(t.tableID);if(!e)return null;let{val_status:n,set_status:u}=e,s=[];for(let d=0;d<n.paging.pageLength;d++)s.push({value:d+1,label:(d+1).toString()});const a=d=>{let g=Math.min(Math.max(1,d),n.paging.pageLength),p=r({},n);p.paging.currentPageIndex=g,u(c=>m(r({},c),{paging:m(r({},c.paging),{currentPageIndex:g})}))};return x(E.Center,{children:[x(E.Center,{gap:"1/2",children:[l(L.Select,{label:"\u9805",freeCSS:{minWidth:12*3},emptySelect:!1,padding:["1/3","2/3"],rightIcon:!1,override:"force",value:n.paging.currentPageIndex,options:s,SelectorGravityPoint:24,onUpdateValidValue:({value:d})=>{a(d)}}),"/ ",n.paging.pageLength]}),x(E.Right,{gap:"1/2",children:[l(H.Sub,{ssSphere:3,onClick:()=>{if(n.paging.currentPageIndex==1){a(n.paging.pageLength);return}a(n.paging.currentPageIndex-1)},children:l(N.ChevronLeft,{})}),l(H.Sub,{ssSphere:3,onClick:()=>{if(n.paging.currentPageIndex==n.paging.pageLength){a(1);return}a(n.paging.currentPageIndex+1)},children:l(N.ChevronRight,{})})]})]})},RowLength:t=>{let e=F.catch(t.tableID);if(!e)return null;let{val_status:n,set_status:u}=e,s=n.paging.rowLength,a=0,d=t.lengthSelect.map(g=>(a|=+(g==s),{value:g,label:g.toString()}));return a||d.push({value:s,label:s.toString()}),d=d.order({direction:"ASC",keys:["value"]}),l(E.Center,{gap:"1/2",children:l(L.Select,{label:"\u4EF6\u6570",emptySelect:!1,rightIcon:!1,override:"force",padding:["1/3","2/3"],value:n.paging.rowLength,options:d,SelectorGravityPoint:24,onUpdateValidValue:({value:g})=>{u(p=>m(r({},p),{paging:{rowLength:Number(g),currentPageIndex:1,pageLength:Math.ceil(e.rows.filtered/Number(g))}}))}})})}},ge=t=>l(de,m(r({},t),{type:"data",JSXChildren:I.DataLeveler})),k=ge;k.__memoryID=I.__memoryID,k.getRowData=ue.getRowData,k.Info=U.Info,k.Paging=U.Paging,k.RowLength=U.RowLength,k.SearchInput=U.SearchInput;export{k as Data,k as default};
|
package/dist/fn/Table/Drag.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as e,c as b,e as L}from"../../chunk-C5N2D3ZX.js";import{Fragment as
|
|
1
|
+
import{b as e,c as b,e as L}from"../../chunk-C5N2D3ZX.js";import{Fragment as Y,jsx as r,jsxs as z}from"react/jsx-runtime";import w,{UUID as _}from"jmini";import{useState as j,useEffect as P}from"react";import{$$fromRoot as x,useStore as N}from"../../@utils";import{FAI as k}from"../../atoms";import{Button as A}from"../Button";import O from"../Tooltips";import h from"./Parts";import W from"./Wrapper";import{faGripVertical as U}from"@fortawesome/free-solid-svg-icons/faGripVertical";import{DefaultCellSystemAdjustingStyles as E}from"./cellStyling";import{TableClasses as n}from"../../@styles/componentClasses";const H={HeadRow:o=>{let{cellStyles:t={},cellClassName:i="",cellStylesCallback:s,colLength:c,head:l,rows:d}=o;if(!l)return null;let u=[];for(let p=0;p<c;p++){let g=l[p],v=h[g.type=="th"?"TH":"TD"],T={top:!0,bottom:!d.length,left:p==0,right:p==c-1,rowIndex:0,colIndex:p,isBody:!1,isHeader:!0},S=E(T),a=s?s(T):{};u.push(r(v,b(e(e(e(e({},t),S),g),a),{freeCSS:e(e(e({},t.freeCSS),a.freeCSS),g.freeCSS),className:[n("Cell"),i,g.className].join(" ")}),p))}return r(h.Row,{className:[n("Row"),n("HeadRow")].join(" "),children:u})},BodyRows:o=>{let{cellStyles:t={},cellClassName:i="",cellStylesCallback:s,head:c,rows:l,colLength:d,onOrderChanged:u}=o,[p]=j(_()),[g,v]=j({rows:l,origin:0,to:NaN}),T=[];if(g.rows.forEach((S,a)=>{let y=[];{let m={top:a==0&&!c,bottom:a==l.length-1,left:!0,right:!1,rowIndex:a,colIndex:0,isBody:!0,isHeader:!1},f=E(m),R=s?s(m):{};y.push(r(h.TH,b(e(e(e({padding:0,borderRight:!0},t),f),R),{freeCSS:e(e({},t.freeCSS),R.freeCSS),className:[n("Cell"),n("Draggable"),i].join(" "),children:r(A.Clear,{className:n("DragableButton"),fontColor:"4.thin",fontSize:"3.paragraph",margin:"auto",ssSphere:3,tabIndex:-1,onMouseDown:C=>{D.Start(C,{id:p,index:a,rows:g.rows,maxLength:l.length})},onTouchStart:C=>{D.Start(C,{id:p,index:a,rows:g.rows,maxLength:l.length})},children:r(k,{icon:U})})}),"DragOrigin"))}S.forEach((m,f)=>{m=e({},m);let R=h[m.type=="th"?"TH":"TD"],C={top:!!c&&!c.length,bottom:a==l.length-1,left:!1,right:f==d-2,rowIndex:a,colIndex:f,isBody:!0,isHeader:!1},I=E(C),B=s?s(C):{};y.push(r(R,b(e(e(e(e({},t),I),m),B),{freeCSS:e(e(e({},t.freeCSS),B.freeCSS),m.freeCSS),className:[n("Cell"),i,m.className].join(" ")}),f))}),T.push(r(h.Row,{id:"TableRow-"+p+"-"+a,className:[n("Row"),n("BodyRow")].join(" "),children:y},a))}),!isNaN(g.to)){let{origin:S,to:a}=g,y=[];y.push(r(h.TH,{backgroundColor:"theme.opa.low",padding:0,borderRight:"2.normal",className:[n("Cell"),n("Draggable"),i].join(" "),children:r(k.ArrowRight,{fontColor:"theme"})},"dragButton")),g.rows[S].forEach((f,R)=>{f=e({},f);let C=h[f.type=="th"?"TH":"TD"],I={top:!1,bottom:!1,left:!1,right:!1,rowIndex:-1,colIndex:-1,isBody:!0,isHeader:!1},B=E(I),M=s?s(I):{};y.push(r(C,b(e(e(b(e({className:[n("Cell"),i,f.className].join(" ")},B),{backgroundColor:"theme.opa.low"}),M),f),{freeCSS:e(e(e({},t.freeCSS),M.freeCSS),f.freeCSS)})))}),T.splice(a,0,r(h.Row,{className:[n("Row"),n("Pre")].join(" "),children:y},"preSet"))}return P(()=>{N.set({[p]:{swap:(S,a)=>{if(a||a==0){let y=g.rows[S],m=[...g.rows];m.splice(S,1),m.splice(a-(S<a?1:0),0,y),v({rows:m,origin:0,to:NaN}),u(m.map(f=>w.Objectify(f.rowID)))}},preSet:S=>{let{origin:a,index:y}=S;v({rows:g.rows,origin:a,to:y})}}})}),P(()=>()=>{N.delete(p)},[]),r(Y,{children:T})},Drag:o=>(o=e({},o),o.colLength=o.colLength+1,o.head&&(o.head=[{children:r(A.Clear,{ssSphere:3,fontSize:"3.paragraph",fontColor:"theme",onMouseOver:t=>{O.open({parent:t.currentTarget,content:z(O.Body,{children:[r(k,{icon:U}),"\u30DC\u30BF\u30F3\u3092\u30C9\u30E9\u30C3\u30B0\u3057\u3066\u9806\u5E8F\u3092\u5909\u66F4"]})})},children:r(k.QuestionCircle,{})}),padding:[0,1],unitWidth:4},...o.head]),o.rows=o.rows.map((t,i)=>(t.rowID=w.Stringify(t.rowID||i),t)),r(h.Table,{className:n("Table"),children:z(h.Body,{children:[r(H.HeadRow,e({},o)),r(H.BodyRows,e({},o))]})}))},$=o=>r(W,b(e({type:"drag"},o),{JSXChildren:H.Drag})),D={Start:function(o,t){return L(this,null,function*(){o.stopPropagation(),o.preventDefault();let{id:i,index:s,rows:c,maxLength:l}=t;x("#TableRow-"+i+"-"+s).addClass(n("DraggerOrigin")),w(document).addEvent({eventID:"DragMouseMove",eventType:"mousemove",callback:d=>{D.Move(d,t)},options:{passive:!1}}).addEvent({eventID:"DragTouchMove",eventType:"touchmove",callback:d=>{D.Move(d,t)},options:{passive:!1}}).addEvent({eventID:"DragMouseUp",eventType:"mouseup",callback:d=>{D.End(d,t)}}).addEvent({eventID:"DragTouchEnd",eventType:"touchend",callback:d=>{D.End(d,t)}})})},Move:function(o,t){let{id:i,maxLength:s}=t,c=w.getCursor(o).y-w.getScreenSize().scrollY;for(let l=0;l<s;l++){let d=x("#TableRow-"+i+"-"+l),{top:u,bottom:p,height:g}=d.position();l==0&&c<u?t.insertIndex=0:l===s-1&&p<=c?t.insertIndex=s:c>=u&&c<p&&(t.insertIndex=l+1)}{let{index:l,insertIndex:d}=t,u=N.get(i);u&&u.preSet&&u.preSet({origin:l,index:d})}return o.stopPropagation(),o.preventDefault(),!1},End:function(o,t){let{id:i,index:s,insertIndex:c}=t,l=N.get(i);l&&l.swap&&l.swap(s,c),x("#TableRow-"+i+"-"+s).removeClass(n("DraggerOrigin")),w(document).removeEvent(["DragMouseMove","DragTouchMove","DragMouseUp","DragTouchEnd"])}};export{$ as Drag,$ as default};
|
package/dist/temps/designBook.js
CHANGED
|
@@ -96,4 +96,4 @@ text5`,minRows:5}),e(n.TextField,{label:"Input.TextField",name:"textfield.autoHe
|
|
|
96
96
|
header: ReactElement | React.FC< { modalClose } >,
|
|
97
97
|
body: ReactElement | React.FC< { modalClose } >,
|
|
98
98
|
footer: ReactElement | React.FC< { modalClose } >
|
|
99
|
-
} )`})}),o(p,{padding:2,children:[e(r.Border,{onClick:a=>{R.open({tipsID:"testTips",parent:a.currentTarget,closeAtParentBlur:!1,closeAtAroundClick:!1,closeAtEscapeKeyDown:!0,content:()=>e(B.Body,{padding:2,children:e(r,{onClick:()=>{B.open({sheetID:"testSheet",closeAtAroundClick:!0,type:"normal.middleLeft",content:()=>e(B.Body,{padding:2,children:"END"})})},children:"nest"})})})},children:"Tooltips with nested sheet"}),e(t,{flexCenter:!0,children:o(m,{gridCols:3,gap:1,children:[e(r.Border,{onClick:()=>{l("normal.topLeft")},children:"Top Left"}),e(r.Border,{onClick:()=>{l("normal.topCenter")},children:"Top Center"}),e(r.Border,{onClick:()=>{l("normal.topRight")},children:"Top Right"}),e(r.Border,{onClick:()=>{l("normal.middleLeft")},children:"Middle Left"}),e(r.Border,{onClick:()=>{l("normal.middleCenter")},children:"Middle Center"}),e(r.Border,{onClick:()=>{l("normal.middleRight")},children:"Middle Right"}),e(r.Border,{onClick:()=>{l("normal.bottomLeft")},children:"Bottom Left"}),e(r.Border,{onClick:()=>{l("normal.bottomCenter")},children:"Bottom Center"}),e(r.Border,{onClick:()=>{l("normal.bottomRight")},children:"Bottom Right"}),e(r.Border,{onClick:()=>{l("drawer.left")},children:"Drawer Left"}),e(r.Border,{onClick:()=>{l("drawer.bottom")},children:"Drawer Bottom"}),e(r.Border,{onClick:()=>{l("drawer.right")},children:"Drawer Right"}),e(r.Border,{onClick:a=>{R.open({tipsID:"test40",parent:a.currentTarget,content:e(t,{padding:1,border:!0,borderRadius:2,backgroundColor:"dark",fontColor:"white",children:"Content"})})},children:"Open Tooltips"})]})}),o(u.Center,{children:["Image Picker",e(I,{src:s.Images.defaultIcon("user"),ssSphere:6,showExpand:!0})]})]})]})]})},O={index:()=>e(c,{children:o(p,{gap:3,children:[e(O.Data,{}),e(O.Normal,{}),e(O.Drag,{}),e(O.Spread,{})]})}),Normal:()=>{let l=[];for(var a=0;a<10;a++){let d=[{children:"head_"+a},{children:"data_"+a},{children:"data_"+a}];l.push(d)}return o(c,{children:[e(t,{fontSize:"5.subTitle",children:"Table.Normal"}),e(C.Normal,{colLength:3,head:[{children:"head1"},{children:"head2"},{children:"head3"}],rows:l,ssCardBox:!0,onRowClick:d=>{console.log(d)}})]})},Drag:()=>{let l=[];for(var a=0;a<4;a++){let d=[{children:"head_"+a},{children:"data_"+a},{children:"data_"+a}];d.rowID="rowID-"+a,l.push(d)}return o(c,{children:[e(t,{fontSize:"5.subTitle",children:"Table.Drag"}),e(C.Drag,{colLength:3,head:[{children:"head1"},{children:"head2"},{children:"head3"}],cellStyles:{},cellStylesCallback:()=>({}),rows:l,ssCardBox:!0,onOrderChanged:d=>{console.log(d)}})]})},Data:()=>{let[l,a]=k(""),d=[];for(var g=0;g<100;g++){let f=Math.round(Math.random()*50+1),h=Math.round(Math.random()*50+1),H=Math.round(Math.random()*50+1),D="name_"+f,q="data_"+h,Y="data_"+H,Z=[{type:"th",children:g+":"+D,data:D,orderIndex:g},{type:"td",children:q,data:q},{type:"td",children:Y,data:Y}];d.push(Z)}d[1].checked=!0,d[4].checked=!0,d[10].checked=!0;let S="testDataTable";return o(p,{children:[o(b,{horizontalAlign:"between",children:[e(t,{fontSize:"5.subTitle",children:"Table.Data"}),o(b,{gap:"1/2",backgroundColor:"theme",borderRadius:"1.tone.primary",overflow:"hidden",fontColor:"white",children:[e(r.Clear,{color:"white",children:"SubmitButton"}),e(t,{flexSizing:"none",unitWidth:"1/4",backgroundColor:"layer.4.opa.middle",isRounded:!0,margin:["2/3",0]}),e(r.Clear,{padding:[0,1],color:"white",onClick:f=>{R.open({tipsID:U(),parent:f.target,gravityPoint:24,closeAtAroundClick:!0,closeAtParentBlur:!1,content:o(p,{gap:0,padding:["2/3",0],backgroundColor:"layer.1",borderRadius:2,boxShadow:"0.normal",overflow:"hidden",children:[e(r.Clear.S,{borderRadius:0,borderBottom:"1.thin",children:"\u3059\u3079\u3066\u3092\u51FA\u529B"}),e(r.Clear.S,{borderRadius:0,borderBottom:"1.thin",children:"\u3053\u306E\u30DA\u30FC\u30B8\u306E\u307F\u51FA\u529B"}),e(r.Clear.S,{borderRadius:0,children:"\u30C1\u30A7\u30C3\u30AF\u3057\u305F\u884C\u306E\u307F\u51FA\u529B"})]})})},children:e(x.EllipsisV,{})})]})]}),o(u.Separate,{verticalAlign:"bottom",children:[o(u.Left,{verticalAlign:"bottom",children:[e(C.Data.SearchInput,{tableID:S,onChange:f=>{a(f)}}),e(C.Data.Info,{tableID:S})]}),o(u.Right,{verticalAlign:"unset",children:[e(C.Data.RowLength,{tableID:S,lengthSelect:[30,50,100]}),e(C.Data.Paging,{tableID:S})]})]}),e(C.Data,{tableID:S,colLength:3,head:[{data:"head1"},{data:"head2"},{data:"head3"}],rows:d,pageRowLength:30,ssCardBox:!0,cellStyles:{padding:"1/2"},filter:[!0],checker:!0})]})},Spread:()=>e(c,{children:e(t,{fontSize:"5.subTitle",children:"Table.Spread"})})},ge=()=>{let[l,a]=k(""),[d,g]=k(""),[S,f]=k("");return e(c,{children:o(t,{children:[o(r,{onClick:()=>{de.openDialogNEdit({use:"square",develops:[{size:"S"},{size:"R"},{size:"L"}],onProcessFinished:h=>v(void 0,null,function*(){a(yield(yield W.fromFile(h[0])).toDataURL()),g(yield(yield W.fromFile(h[1])).toDataURL()),f(yield(yield W.fromFile(h[2])).toDataURL())})})},children:[e(x.Image,{})," \u30A4\u30E1\u30FC\u30B8\u3092\u9078\u629E"]}),o(b,{gap:1,verticalAlign:"top",children:[l&&e(I,{isRounded:!0,src:l,alt:"",showExpand:!0,freeCSS:{maxWidth:12*12}}),d&&e(I,{style:{maxWidth:24*12},src:d,alt:"",showExpand:!0}),S&&e(I,{style:{maxWidth:24*12},src:S,alt:"",showExpand:!0}),e(ae,{border:!0,borderWidth:3,margin:[3,"auto"],freeCSS:{width:12*10},slideIndex:1,options:{loop:!0,onSlideCallback:h=>{}},slides:[e(t,{flexCenter:!0,padding:3,backgroundColor:"nega",children:"test1"}),e(t,{flexCenter:!0,padding:3,backgroundColor:"posi",children:"test2"}),e(t,{flexCenter:!0,padding:3,backgroundColor:"warn",children:"test3"}),e(t,{flexCenter:!0,padding:3,backgroundColor:"theme",children:"test4"})]})]})]})})},$={Darkmode:l=>(G(()=>{B.open({sheetID:"darkModeSelector",type:"custom",parent:document.body,gravityPoint:19,closeAtAroundClick:!1,content:()=>e(t,{padding:1,children:e(n.Segmented.Cloud,X(N({cellStyles:{flexCenter:!0,padding:["1/4","1/2"],isRounded:!0},cellCheckedStyles:{boxShadow:"2.normal",backgroundColor:"theme",fontColor:"white"},ssCardBox:!0,backgroundColor:"layer.1",isRounded:!0,gap:"1/6",fontColor:"4.thin"},l),{options:[{value:"light",label:"Light"},{value:"dim",label:"Dim"},{value:"dark",label:"Dark"}],value:L.get().darkMode,onUpdateValidValue:({value:a})=>{let d=a;T.
|
|
99
|
+
} )`})}),o(p,{padding:2,children:[e(r.Border,{onClick:a=>{R.open({tipsID:"testTips",parent:a.currentTarget,closeAtParentBlur:!1,closeAtAroundClick:!1,closeAtEscapeKeyDown:!0,content:()=>e(B.Body,{padding:2,children:e(r,{onClick:()=>{B.open({sheetID:"testSheet",closeAtAroundClick:!0,type:"normal.middleLeft",content:()=>e(B.Body,{padding:2,children:"END"})})},children:"nest"})})})},children:"Tooltips with nested sheet"}),e(t,{flexCenter:!0,children:o(m,{gridCols:3,gap:1,children:[e(r.Border,{onClick:()=>{l("normal.topLeft")},children:"Top Left"}),e(r.Border,{onClick:()=>{l("normal.topCenter")},children:"Top Center"}),e(r.Border,{onClick:()=>{l("normal.topRight")},children:"Top Right"}),e(r.Border,{onClick:()=>{l("normal.middleLeft")},children:"Middle Left"}),e(r.Border,{onClick:()=>{l("normal.middleCenter")},children:"Middle Center"}),e(r.Border,{onClick:()=>{l("normal.middleRight")},children:"Middle Right"}),e(r.Border,{onClick:()=>{l("normal.bottomLeft")},children:"Bottom Left"}),e(r.Border,{onClick:()=>{l("normal.bottomCenter")},children:"Bottom Center"}),e(r.Border,{onClick:()=>{l("normal.bottomRight")},children:"Bottom Right"}),e(r.Border,{onClick:()=>{l("drawer.left")},children:"Drawer Left"}),e(r.Border,{onClick:()=>{l("drawer.bottom")},children:"Drawer Bottom"}),e(r.Border,{onClick:()=>{l("drawer.right")},children:"Drawer Right"}),e(r.Border,{onClick:a=>{R.open({tipsID:"test40",parent:a.currentTarget,content:e(t,{padding:1,border:!0,borderRadius:2,backgroundColor:"dark",fontColor:"white",children:"Content"})})},children:"Open Tooltips"})]})}),o(u.Center,{children:["Image Picker",e(I,{src:s.Images.defaultIcon("user"),ssSphere:6,showExpand:!0})]})]})]})]})},O={index:()=>e(c,{children:o(p,{gap:3,children:[e(O.Data,{}),e(O.Normal,{}),e(O.Drag,{}),e(O.Spread,{})]})}),Normal:()=>{let l=[];for(var a=0;a<10;a++){let d=[{children:"head_"+a},{children:"data_"+a},{children:"data_"+a}];l.push(d)}return o(c,{children:[e(t,{fontSize:"5.subTitle",children:"Table.Normal"}),e(C.Normal,{colLength:3,head:[{children:"head1"},{children:"head2"},{children:"head3"}],rows:l,ssCardBox:!0,onRowClick:d=>{console.log(d)}})]})},Drag:()=>{let l=[];for(var a=0;a<4;a++){let d=[{children:"head_"+a},{children:"data_"+a},{children:"data_"+a}];d.rowID="rowID-"+a,l.push(d)}return o(c,{children:[e(t,{fontSize:"5.subTitle",children:"Table.Drag"}),e(C.Drag,{colLength:3,head:[{children:"head1"},{children:"head2"},{children:"head3"}],cellStyles:{},cellStylesCallback:()=>({}),rows:l,ssCardBox:!0,onOrderChanged:d=>{console.log(d)}})]})},Data:()=>{let[l,a]=k(""),d=[];for(var g=0;g<100;g++){let f=Math.round(Math.random()*50+1),h=Math.round(Math.random()*50+1),H=Math.round(Math.random()*50+1),D="name_"+f,q="data_"+h,Y="data_"+H,Z=[{type:"th",children:g+":"+D,data:D,orderIndex:g},{type:"td",children:q,data:q},{type:"td",children:Y,data:Y}];d.push(Z)}d[1].checked=!0,d[4].checked=!0,d[10].checked=!0;let S="testDataTable";return o(p,{children:[o(b,{horizontalAlign:"between",children:[e(t,{fontSize:"5.subTitle",children:"Table.Data"}),o(b,{gap:"1/2",backgroundColor:"theme",borderRadius:"1.tone.primary",overflow:"hidden",fontColor:"white",children:[e(r.Clear,{color:"white",children:"SubmitButton"}),e(t,{flexSizing:"none",unitWidth:"1/4",backgroundColor:"layer.4.opa.middle",isRounded:!0,margin:["2/3",0]}),e(r.Clear,{padding:[0,1],color:"white",onClick:f=>{R.open({tipsID:U(),parent:f.target,gravityPoint:24,closeAtAroundClick:!0,closeAtParentBlur:!1,content:o(p,{gap:0,padding:["2/3",0],backgroundColor:"layer.1",borderRadius:2,boxShadow:"0.normal",overflow:"hidden",children:[e(r.Clear.S,{borderRadius:0,borderBottom:"1.thin",children:"\u3059\u3079\u3066\u3092\u51FA\u529B"}),e(r.Clear.S,{borderRadius:0,borderBottom:"1.thin",children:"\u3053\u306E\u30DA\u30FC\u30B8\u306E\u307F\u51FA\u529B"}),e(r.Clear.S,{borderRadius:0,children:"\u30C1\u30A7\u30C3\u30AF\u3057\u305F\u884C\u306E\u307F\u51FA\u529B"})]})})},children:e(x.EllipsisV,{})})]})]}),o(u.Separate,{verticalAlign:"bottom",children:[o(u.Left,{verticalAlign:"bottom",children:[e(C.Data.SearchInput,{tableID:S,onChange:f=>{a(f)}}),e(C.Data.Info,{tableID:S})]}),o(u.Right,{verticalAlign:"unset",children:[e(C.Data.RowLength,{tableID:S,lengthSelect:[30,50,100]}),e(C.Data.Paging,{tableID:S})]})]}),e(C.Data,{tableID:S,colLength:3,head:[{data:"head1"},{data:"head2"},{data:"head3"}],rows:d,pageRowLength:30,ssCardBox:!0,cellStyles:{padding:"1/2"},filter:[!0],checker:!0})]})},Spread:()=>e(c,{children:e(t,{fontSize:"5.subTitle",children:"Table.Spread"})})},ge=()=>{let[l,a]=k(""),[d,g]=k(""),[S,f]=k("");return e(c,{children:o(t,{children:[o(r,{onClick:()=>{de.openDialogNEdit({use:"square",develops:[{size:"S"},{size:"R"},{size:"L"}],onProcessFinished:h=>v(void 0,null,function*(){a(yield(yield W.fromFile(h[0])).toDataURL()),g(yield(yield W.fromFile(h[1])).toDataURL()),f(yield(yield W.fromFile(h[2])).toDataURL())})})},children:[e(x.Image,{})," \u30A4\u30E1\u30FC\u30B8\u3092\u9078\u629E"]}),o(b,{gap:1,verticalAlign:"top",children:[l&&e(I,{isRounded:!0,src:l,alt:"",showExpand:!0,freeCSS:{maxWidth:12*12}}),d&&e(I,{style:{maxWidth:24*12},src:d,alt:"",showExpand:!0}),S&&e(I,{style:{maxWidth:24*12},src:S,alt:"",showExpand:!0}),e(ae,{border:!0,borderWidth:3,margin:[3,"auto"],freeCSS:{width:12*10},slideIndex:1,options:{loop:!0,onSlideCallback:h=>{}},slides:[e(t,{flexCenter:!0,padding:3,backgroundColor:"nega",children:"test1"}),e(t,{flexCenter:!0,padding:3,backgroundColor:"posi",children:"test2"}),e(t,{flexCenter:!0,padding:3,backgroundColor:"warn",children:"test3"}),e(t,{flexCenter:!0,padding:3,backgroundColor:"theme",children:"test4"})]})]})]})})},$={Darkmode:l=>(G(()=>{B.open({sheetID:"darkModeSelector",type:"custom",parent:document.body,gravityPoint:19,closeAtAroundClick:!1,content:()=>e(t,{padding:1,children:e(n.Segmented.Cloud,X(N({cellStyles:{flexCenter:!0,padding:["1/4","1/2"],isRounded:!0},cellCheckedStyles:{boxShadow:"2.normal",backgroundColor:"theme",fontColor:"white"},ssCardBox:!0,backgroundColor:"layer.1",isRounded:!0,gap:"1/6",fontColor:"4.thin"},l),{options:[{value:"light",label:"Light"},{value:"dim",label:"Dim"},{value:"dark",label:"Dark"}],value:L.get().darkMode,onUpdateValidValue:({value:a})=>{let d=a;T.localStrage.set("prf.darkMode",d),L.update.darkMode(d)}}))})})},[]),null),ThemeColor:()=>{const l=a=>{let d="themeColorSelector";B.open({sheetID:d,type:"normal.middleCenter",size:"L",closeAtParentBlur:!1,closeAtAroundClick:!1,closeAfter:()=>{se.fn.updateCSSProperty.reset()},content:()=>{let[g,S]=k(a.defaultColor);G(()=>{T.scope(()=>{g!==L.get().themeColor&&(L.update.themeColor(g),T.localStrage.set("prf.themeColor",g),B.close(d))})},[g]);let f=Object.entries(ee).map(([h,H])=>{let D=h===g;return e(r.Clear,{color:"cloud",textAlign:"center",onClick:()=>{S(h)},children:o(p,{gap:"1/2",textAlign:"center",children:[D&&e(i.Supplement,{padding:["1/4","1/2"],borderRadius:"3.tone.tertiary",backgroundColor:h,boxShadow:"2.normal",margin:"auto",fontColor:"white",fontSize:"0.xs",children:"\u8A2D\u5B9A\u4E2D"}),e(t,{position:"relative",margin:"auto",backgroundColor:h,ssSphere:2.5,children:e(t,{ssAbsoluteCovered:!0,border:!0,opacity:D?"max":"low",borderWidth:2,transition:"short",isRounded:!0,freeCSS:{transform:"scale(1.25)"}})}),e(i.Supplement,{ssTextEllipsis:!0,freeCSS:{lineHeight:1.25},children:h.toCapital()})]})},h)});return e(B.Body,{children:o(p,{padding:2,gap:2,children:[o(u.Separate,{children:[e(i.Paragraph,{children:"\u30C6\u30FC\u30DE\u3092\u9078\u629E"}),e(r.Sub,{color:"cloud",ssSphere:3,onClick:()=>{B.close(d)},children:e(x.Times,{})})]}),e(m,{gap:"1/4",freeCSS:{gridTemplateColumns:"repeat(auto-fit, minmax(4.5rem, 1fr))"},children:f})]})})}})};return G(()=>{T.scope(()=>v(void 0,null,function*(){B.open({sheetID:"themeColorSelector",type:"custom",parent:document.body,gravityPoint:17,closeAtParentBlur:!1,closeAtAroundClick:!1,content:()=>e(t,{padding:1,children:e(r.Border,{isRounded:!0,fontColor:"theme",onClick:a=>{l({defaultColor:L.get().themeColor,cb:d=>{}})},children:o(u.Center,{gap:"1/3",children:[e(t,{boxShadow:"2.normal",ssSquare:1,borderRadius:"1/3",backgroundColor:"theme"}),"Theme: ",L.get().themeColor.toCapital()]})})})})}))},[]),null}};let Q=()=>{console.log(U());let[l,a]=k(Number(T.queryParams.get().ti)||0);return G(()=>{T.queryParams.set({ti:String(l)})},[l]),o(c,{children:[e($.Darkmode,{}),e($.ThemeColor,{}),o(p,{gap:0,minHeight:"contentHeight",backgroundColor:"layer.1",position:"relative",freeCSS:{zIndex:1},children:[e(ne,{borderBottom:!0,position:"sticky",backgroundColor:"layer.1",boxShadow:"2.normal",top:"topBase",tabIndex:l,tabs:["Basic","Shadows","Buttons","Inputs","Styling","Effection","Tables","Croppie","PlayGround","Logo"],onTabChange:d=>{localStorage.setItem("designTabHeader",String(d)),a(d)},UnderBreakPointStyles:{position:"static",top:0}}),e(t,{flexSizing:0,position:"relative",freeCSS:{zIndex:1},children:e(le,{viewIndex:l,views:[e(y.index,{}),e(ue.index,{}),e(_.index,{}),e(ce,{}),e(pe,{}),e(z.index,{}),e(O.index,{}),e(ge,{}),"",e(w.index,{})],wrapper:d=>e(ie.FadeIn,{animationTime:200,children:e(J,{children:e(b,{gap:2,padding:2,flexWrap:!0,flexChilds:"auto",children:d})})},l)})})]})]})};export{Q as DesignBook,Q as default};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "amotify",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.79",
|
|
4
4
|
"description": "UI Component for React,NextJS,esbuild",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"start": "run-p clean build:*",
|
|
@@ -89,7 +89,7 @@
|
|
|
89
89
|
"@fortawesome/free-regular-svg-icons": "^6.5.2",
|
|
90
90
|
"@fortawesome/free-solid-svg-icons": "^6.6.0",
|
|
91
91
|
"@fortawesome/react-fontawesome": "^0.2.0",
|
|
92
|
-
"jmini": "^0.0.
|
|
92
|
+
"jmini": "^0.0.8",
|
|
93
93
|
"react": "^18.3.1"
|
|
94
94
|
},
|
|
95
95
|
"devDependencies": {
|