amotify 0.2.40 → 0.2.41

package/dist/fn/Table/Data.js

@@ -1 +1 @@
-import{b as l,c as x,d as Z}from"../../chunk-C5N2D3ZX.js";import{Fragment as J,jsx as n,jsxs as k}from"react/jsx-runtime";import{useState as K,useEffect as ee}from"react";import w from"@mingoo/jsmin";import{useStore as P}from"../../@utils";import{Box as F,Flex as z,FAI as E,Span as ae,Column as le}from"../../atoms";import{Row as H}from"../../mols";import M from"../Button";import j from"../Sheet";import L from"../Input";import{faArrowUp as ne}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as oe}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faArrowRight as se}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faFilter as ie}from"@fortawesome/free-solid-svg-icons/faFilter";import _ from"./Parts";import ue from"./Wrapper";import{DefaultCellSystemAdjustingStyles as U}from"./cellStyling";import{TableClasses as S}from"../../@styles/componentClasses";const f={__memoryID:w.uuid.gen(),Header:t=>{var g,R;let{val_status:e,set_status:r,KeywordFilterRows:u}=l({},t),{order:d,filter:o}=e,[b,y]=d.current,h=[],c=[...e.head];if(e.checker){let s={top:!0,bottom:!e.rows.length,left:!0,right:!e.colLength,rowIndex:0,colIndex:0,isBody:!1,isHeader:!0},a=U(s),i=e.cellStylesCallback?e.cellStylesCallback(s):{};h.push(n(_.TH,x(l(l(l({fontWeight:"2.normal",position:"sticky",top:0,unitWidth:4,padding:0},e.cellStyles),a),i),{freeCSS:x(l(l({},(g=e.cellStyles)==null?void 0:g.freeCSS),i.freeCSS),{zIndex:2}),className:[S("Cell"),e.cellClassName].join(" "),children:n(F,{flexCenter:!0,children:n(L.Checker,{label:null,value:!1,onUpdateValidValue:({value:p})=>{let C=e.rows;C.forEach(B=>{B.checked=p}),r(x(l({},e),{rows:C}))}})})}),-1))}for(let s=0;s<e.colLength;s++){let a=c[s];if(!a)continue;let i=a.children||a.data,p=d.enabled&&d.column[s],C=o.enabled&&o.column[s],B=p?n(E,{fontSize:"1.mini",fontColor:s==b?"1.clear":"5.translucent",icon:s==b?y=="DESC"?oe:ne:se}):null,N=n(J,{});if(C){let T=u.map(O=>{var A;return(A=O[s])==null?void 0:A.data});T=[...new Set(T)].order({direction:"ASC"});let v=o.current[s];if(v){let O=T.filter(I=>!v.includes(I)),A=[];T.forEach(I=>{I&&A.push({value:I,label:n(F,{flexSizing:"auto",children:I})})});let q="BUTTON-"+e.componentID+"-"+s,G=e.componentID+"-"+s,Q={sheetID:G,parent:"#"+q,gravityPoint:23,type:"custom",content:k(z,{flexType:"col",border:!0,boxShadow:"3.remark",backgroundColor:"layer.1",borderRadius:1,freeCSS:{minWidth:12*20,maxWidth:12*30},children:[n(le,{gap:"1/3",overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*30},children:n(L.Checkbox,{icon:!0,value:O,display:"flex",gap:"1/2",override:"force",options:A,hideInput:!0,name:"DTFilter-col-"+s+"-table-"+e.componentID,cellStyles:{flexSizing:"auto",padding:"2/3"},onUpdateValidValue:({value:I})=>{let V=T.filter(re=>!I.includes(re)),Y=l({},e);Y.filter.current[s]=V,r(Y)}})}),k(H.Separate,{gap:"2/3",padding:"2/3",horizontalAlign:"right",children:[n(M.Button.Border.S,{isRounded:!0,onClick:()=>{j.close(G)},children:"\u9589\u3058\u308B"}),n(M.Button.Prime.S,{color:"theme",isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{let I=[];v.length||(I=T);let V=l({},e);V.filter.current[s]=I,r(V)},children:"\u5168\u9078\u629E"})]})]})};j.refresh(Q,!0),N=n(F,{className:S("FilterRegion"),children:n(M.Button.Sub.S,{ssSphere:2.5,fontSize:"1.mini",className:S("Filtering_"+!!v.length),id:q,onClick:I=>{I.stopPropagation(),j.open(Q)},children:n(E,{icon:ie})})})}}let X={top:!0,bottom:!e.rows.length,left:e.checker?!1:s==0,right:s==e.colLength-1,rowIndex:0,colIndex:s,isBody:!1,isHeader:!0},te=U(X),$=e.cellStylesCallback?e.cellStylesCallback(X):{};a=x(l(l(l(l({},e.cellStyles),te),a),$),{ssPushable:p,freeCSS:l(l(l({},(R=e.cellStyles)==null?void 0:R.freeCSS),$.freeCSS),a.freeCSS),className:[S("Cell"),e.cellClassName,a.className].join(" ")}),delete a.orderIndex,h.push(n(_.TH,x(l({fontWeight:"2.normal",position:"sticky",top:0},a),{freeCSS:l({zIndex:2},a.freeCSS),onClick:T=>{if(p){let v=l({},e),O=[s,b===s&&y=="ASC"?"DESC":"ASC"];v.order.current=O,r(v),e.onOrderChanged&&e.onOrderChanged(O)}},children:k(z,{flexType:"row-r",flexWrap:!1,height:1,borderRadius:"inherit",flexCenter:!0,children:[N,k(z,{flexSizing:0,position:"relative",borderRadius:"inherit",gap:"1/3",flexWrap:!1,horizontalAlign:"center",children:[B,i]})]})}),s))}return n(_.Row,{className:[S("Row"),S("HeadRow")].join(" "),children:h})},Body:t=>{let{val_status:e,PageRows:r}=t,u=[];if(r.forEach((d,o)=>{var h;let b=[...d],y=[];if(e.checker){let c={top:o==0&&!e.head,bottom:o==r.length-1,left:!0,right:!e.colLength,rowIndex:o,colIndex:0,isBody:!0,isHeader:!1},g=U(c),R=e.cellStylesCallback?e.cellStylesCallback(c):{};y.push(n(_.TH,x(l(l(l({unitWidth:4,padding:0,borderRight:!0},e.cellStyles),g),R),{freeCSS:l(l({},(h=e.cellStyles)==null?void 0:h.freeCSS),R.freeCSS),className:[S("Cell"),e.cellClassName].join(" "),children:n(F,{flexCenter:!0,children:n(L.Checker,{label:null,value:d.checked,override:"force",onUpdateValidValue:({value:s})=>{let a=e.rows;a[o].checked=s,t.set_status(i=>x(l({},i),{rows:a}))}})})}),-1))}b.forEach((c,g)=>{var N;if(!c)return;let B=c,{type:R="td"}=B,s=Z(B,["type"]),a={top:o==0&&!e.head,bottom:o==r.length-1,left:e.checker?!1:g==0,right:g==e.colLength-1,rowIndex:o,colIndex:g,isBody:!0,isHeader:!1},i=U(a),p=e.cellStylesCallback?e.cellStylesCallback(a):{};s=x(l(l(l(l({},e.cellStyles),i),s),p),{freeCSS:l(l(l({},(N=e.cellStyles)==null?void 0:N.freeCSS),s.freeCSS),p.freeCSS),className:[S("Cell"),e.cellClassName,s.className].join(" ")}),delete s.orderIndex;let C=_[R=="td"?"TD":"TH"];y.push(n(C,l({},s),g))}),u.push(n(_.Row,{className:[S("Row"),S("BodyRow")].join(" "),children:y,onClick:c=>{e.onRowClick&&e.onRowClick(JSON.parse(d.rowID),c)}},o))}),!r.length){let d=n(F,{padding:2,fontColor:"4.thin",textAlign:"center",borderTop:"1.thin",children:"\u30C6\u30FC\u30D6\u30EB\u304C\u3042\u308A\u307E\u305B\u3093"});e.noRecords&&(d=n(J,{children:e.noRecords})),u.push(n(_.Row,{className:[S("Row"),S("BodyRow"),S("DataNotFound")].join(" "),children:n(_.TD,{colSpan:e.colLength,className:S("Cell"),children:d})},"dataNotFound"))}return n(J,{children:u})},Core:t=>{let{val_status:e,set_status:r}=t,{searchKeyword:u,filter:d,order:o,paging:b}=e,y=[...e.rows],h=[...e.rows],c=[...e.rows],g=[...e.rows];if(u&&(h=y.filter(a=>(a.__sys4SearchKey||"").match(new RegExp(u,"i"))?1:0),c=[...h],g=[...h]),d.enabled)for(let a=0;a<e.colLength;a++){let i=d.column[a],p=d.current[a];i&&p&&p.length&&(c=c.filter(C=>!p.includes(C[a].data)),g=[...c])}o.enabled&&(c=c.order({direction:o.current[1],keys:[o.current[0],"orderIndex"]}),g=[...c]);{let{currentPageIndex:a,rowLength:i}=b;g=[...g].splice((a-1)*i,i)}let R=f.__memoryID+"_"+e.tableID,s={tableComponentDidMount:!0,totalRows:y.length,pageRows:g.length,filteredRows:c.length,filter:e.filter,order:e.order,paging:e.paging,searchKeyword:e.searchKeyword};return P.update({[R]:{status:s,updatePageIndex:a=>{let i=Math.min(Math.max(1,a),e.paging.pageLength),p=l({},e);p.paging.currentPageIndex=i,r(p)},updateRowLength:a=>{let i=l({},e);i.paging={rowLength:a,currentPageIndex:1,pageLength:Math.ceil(c.length/a)},r(i)},updateKeyword:a=>{w.interval.clear("InputSearchTime"),w.interval.standBy("InputSearchTime",200,()=>{let i=l({},e);i.searchKeyword=a,i.paging.currentPageIndex=1,i.filter.current=i.filter.current.map(()=>[]),r(i)})},getRowData:()=>{let a=[...y];return o.enabled&&(a=a.order({direction:o.current[1],keys:[o.current[0],"orderIndex"]})),a.forEach(i=>{i.currentPage=!1,i.filtered=!1}),g.forEach(i=>{let{rowID:p}=i;a.find(C=>C.rowID==p).currentPage=!0}),c.forEach(i=>{let{rowID:p}=i;a.find(C=>C.rowID==p).filtered=!0}),a}}}),ee(()=>{let a=f.Propagations[e.tableID]||[];Object.keys(a).forEach(i=>{let p=P.get(i);p!=null&&p.refresh&&p.refresh()})}),n(F,{className:S("TableBase"),children:n(_.Table,{className:S("Table"),children:k(_.Body,{children:[n(f.Header,{val_status:e,set_status:r,KeywordFilterRows:h}),n(f.Body,{val_status:e,set_status:r,PageRows:g})]})})})},Propagations:{},DataLeveler:t=>{var e,r;return t=l({},t),t.filter=(e=t.filter)!=null?e:!1,t.filter=Array.from({length:t.colLength}).map((u,d)=>{var o;return w.is.boolean(t.filter)?t.filter:(o=t.filter[d])!=null?o:!1}),t.order=(r=t.order)!=null?r:!0,t.order=Array.from({length:t.colLength}).map((u,d)=>{var o;return w.is.boolean(t.order)?t.order:(o=t.order[d])!=null?o:!0}),t=l({checker:!1,searchKeyword:"",filter:!1,order:!0,defaultOrder:[0,"ASC"]},t),t.rows.forEach((u,d)=>{u.rowID=JSON.stringify(u.rowID||d);let o=[];u.forEach((b,y)=>{let{data:h,children:c,orderIndex:g}=b;b.orderIndex=w.is.exist(g)?String(g):String(h),b.children=c||String(h),o.push(String(b.data))}),u.__sys4SearchKey=o.join("/")}),n(f.StateManager,l({eventID:w.uuid.gen()},t))},StateManager:t=>{let{colLength:e,eventID:r,checker:u=!1,searchKeyword:d="",filter:o,order:b,defaultOrder:y=[0,"ASC"],pageRowLength:h=30}=t,[c]=K(w.uuid.gen()),g={tableID:t.tableID||c,componentID:c,colLength:e,checker:u,searchKeyword:d,filter:{enabled:o!==!1,column:o,current:Array.from({length:e},()=>[])},order:{enabled:b!==!1,column:b,current:y},paging:{rowLength:h,pageLength:Math.ceil(t.rows.length/h),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},[R,s]=K(g),[a,i]=K(t.eventID);return a!=t.eventID&&(i(t.eventID),s(g)),n(f.Core,{val_status:R,set_status:s})}},m={__memoryID:f.__memoryID,useStatus:t=>{var o;let[e]=K(w.uuid.gen()),[r,u]=K(w.uuid.gen()),d=f.__memoryID+"_"+t;return ee(()=>(f.Propagations[t]=x(l({},f.Propagations[t]),{[e]:1}),P.set({[e]:{refresh:()=>{u(w.uuid.gen())}}}),()=>{delete f.Propagations[t][e]}),[]),((o=P.get(d))==null?void 0:o.status)||{tableComponentDidMount:!1}},getRowData:t=>{let e=P.get(f.__memoryID+"_"+t);if(e!=null&&e.getRowData)return e.getRowData()},setPageIndex:(t,e)=>{let r=P.get(f.__memoryID+"_"+t);r!=null&&r.updatePageIndex&&r.updatePageIndex(e)},setRowLength:(t,e)=>{let r=P.get(f.__memoryID+"_"+t);r!=null&&r.updateRowLength&&r.updateRowLength(e)},setSearchKeyword:(t,e)=>{let r=P.get(f.__memoryID+"_"+t);r!=null&&r.updateKeyword&&r.updateKeyword(e)}},W={SearchInput:t=>{let e=m.useStatus(t.tableID);return e.tableComponentDidMount?n(L.TextField,{label:"\u691C\u7D22...",clearButton:!0,padding:"2/3",paddingRight:3,rightIcon:n(L.RightIcon,{fontColor:"5.translucent",right:"2/3",children:n(E.Search,{})}),override:"force",value:e.searchKeyword,onUpdateValidValue:({value:r})=>{w.interval.clear("InputSearchTime"),w.interval.standBy("InputSearchTime",500,()=>{m.setSearchKeyword(t.tableID,r)})}}):null},Info:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.filteredRows.ratio(e.totalRows)||0;return k(z,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[n(ae,{fontSize:"4.thirdTitle",fontColor:"theme",children:e.filteredRows.toLocaleString()}),"/ ",e.totalRows.toLocaleString(),"\u4EF6 (",r,"%)"]})},Paging:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=[];for(let u=0;u<e.paging.pageLength;u++)r.push({value:u+1,label:(u+1).toString()});return k(H.Center,{children:[k(H.Center,{gap:"1/2",children:["\u30DA\u30FC\u30B8 :",n(L.Select,{emptySelect:!1,padding:["1/3","2/3"],rightIcon:!1,override:"force",value:e.paging.currentPageIndex,options:r,onUpdateValidValue:({value:u})=>{m.setPageIndex(t.tableID,u)}}),"/ ",e.paging.pageLength]}),k(H.Right,{gap:"1/2",children:[n(M.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==1){m.setPageIndex(t.tableID,e.paging.pageLength);return}m.setPageIndex(t.tableID,e.paging.currentPageIndex-1)},children:n(E.ChevronLeft,{})}),n(M.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==e.paging.pageLength){m.setPageIndex(t.tableID,1);return}m.setPageIndex(t.tableID,e.paging.currentPageIndex+1)},children:n(E.ChevronRight,{})})]})]})},RowLength:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.paging.rowLength,u=0,d=t.lengthSelect.map(o=>(u|=+(o==r),{value:o,label:o.toString()}));return u||d.push({value:r,label:r.toString()}),d=d.order({direction:"ASC",keys:["value"]}),k(H.Center,{gap:"1/2",children:["\u4EF6\u6570 :",n(L.Select,{emptySelect:!1,rightIcon:!1,label:"\u9078\u629E",override:"force",padding:["1/3","2/3"],value:e.paging.rowLength,options:d,onUpdateValidValue:({value:o})=>{m.setRowLength(t.tableID,o)}})]})}},de=t=>n(ue,x(l({},t),{type:"data",JSXChildren:f.DataLeveler})),D=de;D.__memoryID=f.__memoryID,D.useStatus=m.useStatus,D.getRowData=m.getRowData,D.setPageIndex=m.setPageIndex,D.setRowLength=m.setRowLength,D.setSearchKeyword=m.setSearchKeyword,D.Info=W.Info,D.Paging=W.Paging,D.RowLength=W.RowLength,D.SearchInput=W.SearchInput;export{D as Data,D as default};
+import{b as n,c as x,d as Z}from"../../chunk-C5N2D3ZX.js";import{Fragment as J,jsx as l,jsxs as _}from"react/jsx-runtime";import{useState as K,useEffect as ee}from"react";import w from"@mingoo/jsmin";import{useStore as k}from"../../@utils";import{Box as A,Flex as z,FAI as E,Span as ae,Column as le}from"../../atoms";import{Row as H}from"../../mols";import M from"../Button";import j from"../Sheet";import L from"../Input";import{faArrowUp as ne}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as oe}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faArrowRight as se}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faFilter as ie}from"@fortawesome/free-solid-svg-icons/faFilter";import P from"./Parts";import ue from"./Wrapper";import{DefaultCellSystemAdjustingStyles as W}from"./cellStyling";import{TableClasses as S}from"../../@styles/componentClasses";const f={__memoryID:w.uuid.gen(),Header:t=>{var g,R;let{val_status:e,set_status:r,KeywordFilterRows:u}=n({},t),{order:d,filter:o}=e,[b,y]=d.current,h=[],c=[...e.head];if(e.checker){let s={top:!0,bottom:!e.rows.length,left:!0,right:!e.colLength,rowIndex:0,colIndex:0,isBody:!1,isHeader:!0},a=W(s),i=e.cellStylesCallback?e.cellStylesCallback(s):{};h.push(l(P.TH,x(n(n(n({fontWeight:"2.normal",position:"sticky",top:0,unitWidth:4,padding:0},e.cellStyles),a),i),{freeCSS:x(n(n({},(g=e.cellStyles)==null?void 0:g.freeCSS),i.freeCSS),{zIndex:2}),className:[S("Cell"),e.cellClassName].join(" "),children:l(A,{flexCenter:!0,children:l(L.Checker,{label:null,value:!1,onUpdateValidValue:({value:p})=>{let C=e.rows;C.forEach(B=>{B.checked=p}),r(x(n({},e),{rows:C}))}})})}),-1))}for(let s=0;s<e.colLength;s++){let a=c[s];if(!a)continue;let i=a.children||a.data,p=d.enabled&&d.column[s],C=o.enabled&&o.column[s],B=p?l(E,{fontSize:"1.mini",fontColor:s==b?"1.clear":"5.translucent",icon:s==b?y=="DESC"?oe:ne:se}):null,F=l(J,{});if(C){let v=u.map(O=>{var N;return(N=O[s])==null?void 0:N.data});v=[...new Set(v)].order({direction:"ASC"});let T=o.current[s];if(T){let O=v.filter(I=>!T.includes(I)),N=[];v.forEach(I=>{I&&N.push({value:I,label:l(A,{flexSizing:"auto",children:I})})});let $="BUTTON-"+e.componentID+"-"+s,q=e.componentID+"-"+s,Q={sheetID:q,parent:"#"+$,gravityPoint:23,type:"custom",content:_(z,{flexType:"col",border:!0,boxShadow:"3.remark",backgroundColor:"layer.1",borderRadius:1,freeCSS:{minWidth:12*20,maxWidth:12*30},children:[l(le,{gap:"1/3",overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*30},children:l(L.Checkbox,{icon:!0,value:O,display:"flex",gap:"1/2",override:"force",options:N,hideInput:!0,name:"DTFilter-col-"+s+"-table-"+e.componentID,cellStyles:{flexSizing:"auto",padding:"2/3"},onUpdateValidValue:({value:I})=>{let V=v.filter(re=>!I.includes(re)),Y=n({},e);Y.filter.current[s]=V,r(Y)}})}),_(H.Separate,{gap:"2/3",padding:"2/3",horizontalAlign:"right",children:[l(M.Button.Border.S,{isRounded:!0,onClick:()=>{j.close(q)},children:"\u9589\u3058\u308B"}),l(M.Button.Prime.S,{color:"theme",isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{let I=[];T.length||(I=v);let V=n({},e);V.filter.current[s]=I,r(V)},children:"\u5168\u9078\u629E"})]})]})};j.refresh(Q,!0),F=l(A,{className:S("FilterRegion"),children:l(M.Button.Sub.S,{ssSphere:2.5,fontSize:"1.mini",className:S("Filtering_"+!!T.length),id:$,onClick:I=>{I.stopPropagation(),j.open(Q)},children:l(E,{icon:ie})})})}}let G={top:!0,bottom:!e.rows.length,left:e.checker?!1:s==0,right:s==e.colLength-1,rowIndex:0,colIndex:s,isBody:!1,isHeader:!0},te=W(G),X=e.cellStylesCallback?e.cellStylesCallback(G):{};a=x(n(n(n(n({},e.cellStyles),te),a),X),{ssPushable:p,freeCSS:n(n(n({},(R=e.cellStyles)==null?void 0:R.freeCSS),X.freeCSS),a.freeCSS),className:[S("Cell"),e.cellClassName,a.className].join(" ")}),delete a.orderIndex,h.push(l(P.TH,x(n({fontWeight:"2.normal",position:"sticky",top:0},a),{freeCSS:n({zIndex:2},a.freeCSS),onClick:v=>{if(p){let T=n({},e),O=[s,b===s&&y=="ASC"?"DESC":"ASC"];T.order.current=O,r(T),e.onOrderChanged&&e.onOrderChanged(O)}},children:_(z,{flexType:"row-r",flexWrap:!1,height:1,borderRadius:"inherit",flexCenter:!0,children:[F,_(z,{flexSizing:0,position:"relative",borderRadius:"inherit",gap:"1/2",flexWrap:!1,verticalAlign:"center",horizontalAlign:"center",children:[B,i]})]})}),s))}return l(P.Row,{className:[S("Row"),S("HeadRow")].join(" "),children:h})},Body:t=>{let{val_status:e,PageRows:r}=t,u=[];if(r.forEach((d,o)=>{var h;let b=[...d],y=[];if(e.checker){let c={top:o==0&&!e.head,bottom:o==r.length-1,left:!0,right:!e.colLength,rowIndex:o,colIndex:0,isBody:!0,isHeader:!1},g=W(c),R=e.cellStylesCallback?e.cellStylesCallback(c):{};y.push(l(P.TH,x(n(n(n({unitWidth:4,padding:0,borderRight:!0},e.cellStyles),g),R),{freeCSS:n(n({},(h=e.cellStyles)==null?void 0:h.freeCSS),R.freeCSS),className:[S("Cell"),e.cellClassName].join(" "),children:l(A,{flexCenter:!0,children:l(L.Checker,{label:null,value:d.checked,override:"force",onUpdateValidValue:({value:s})=>{let a=e.rows;a[o].checked=s,t.set_status(i=>x(n({},i),{rows:a}))}})})}),-1))}b.forEach((c,g)=>{var F;if(!c)return;let B=c,{type:R="td"}=B,s=Z(B,["type"]),a={top:o==0&&!e.head,bottom:o==r.length-1,left:e.checker?!1:g==0,right:g==e.colLength-1,rowIndex:o,colIndex:g,isBody:!0,isHeader:!1},i=W(a),p=e.cellStylesCallback?e.cellStylesCallback(a):{};s=x(n(n(n(n({},e.cellStyles),i),s),p),{freeCSS:n(n(n({},(F=e.cellStyles)==null?void 0:F.freeCSS),s.freeCSS),p.freeCSS),className:[S("Cell"),e.cellClassName,s.className].join(" ")}),delete s.orderIndex;let C=P[R=="td"?"TD":"TH"];y.push(l(C,n({},s),g))}),u.push(l(P.Row,{className:[S("Row"),S("BodyRow")].join(" "),children:y,onClick:c=>{e.onRowClick&&e.onRowClick(JSON.parse(d.rowID),c)}},o))}),!r.length){let d=l(A,{padding:2,fontColor:"4.thin",textAlign:"center",borderTop:"1.thin",children:"\u30C6\u30FC\u30D6\u30EB\u304C\u3042\u308A\u307E\u305B\u3093"});e.noRecords&&(d=l(J,{children:e.noRecords})),u.push(l(P.Row,{className:[S("Row"),S("BodyRow"),S("DataNotFound")].join(" "),children:l(P.TD,{colSpan:e.colLength,className:S("Cell"),children:d})},"dataNotFound"))}return l(J,{children:u})},Core:t=>{let{val_status:e,set_status:r}=t,{searchKeyword:u,filter:d,order:o,paging:b}=e,y=[...e.rows],h=[...e.rows],c=[...e.rows],g=[...e.rows];if(u&&(h=y.filter(a=>(a.__sys4SearchKey||"").match(new RegExp(u,"i"))?1:0),c=[...h],g=[...h]),d.enabled)for(let a=0;a<e.colLength;a++){let i=d.column[a],p=d.current[a];i&&p&&p.length&&(c=c.filter(C=>!p.includes(C[a].data)),g=[...c])}o.enabled&&(c=c.order({direction:o.current[1],keys:[o.current[0],"orderIndex"]}),g=[...c]);{let{currentPageIndex:a,rowLength:i}=b;g=[...g].splice((a-1)*i,i)}let R=f.__memoryID+"_"+e.tableID,s={tableComponentDidMount:!0,totalRows:y.length,pageRows:g.length,filteredRows:c.length,filter:e.filter,order:e.order,paging:e.paging,searchKeyword:e.searchKeyword};return k.update({[R]:{status:s,updatePageIndex:a=>{let i=Math.min(Math.max(1,a),e.paging.pageLength),p=n({},e);p.paging.currentPageIndex=i,r(p)},updateRowLength:a=>{let i=n({},e);i.paging={rowLength:a,currentPageIndex:1,pageLength:Math.ceil(c.length/a)},r(i)},updateKeyword:a=>{w.interval.clear("InputSearchTime"),w.interval.standBy("InputSearchTime",200,()=>{let i=n({},e);i.searchKeyword=a,i.paging.currentPageIndex=1,i.filter.current=i.filter.current.map(()=>[]),r(i)})},getRowData:()=>{let a=[...y];return o.enabled&&(a=a.order({direction:o.current[1],keys:[o.current[0],"orderIndex"]})),a.forEach(i=>{i.currentPage=!1,i.filtered=!1}),g.forEach(i=>{let{rowID:p}=i;a.find(C=>C.rowID==p).currentPage=!0}),c.forEach(i=>{let{rowID:p}=i;a.find(C=>C.rowID==p).filtered=!0}),a}}}),ee(()=>{let a=f.Propagations[e.tableID]||[];Object.keys(a).forEach(i=>{let p=k.get(i);p!=null&&p.refresh&&p.refresh()})}),l(A,{className:S("TableBase"),children:l(P.Table,{className:S("Table"),children:_(P.Body,{children:[l(f.Header,{val_status:e,set_status:r,KeywordFilterRows:h}),l(f.Body,{val_status:e,set_status:r,PageRows:g})]})})})},Propagations:{},DataLeveler:t=>{var e,r;return t=n({},t),t.filter=(e=t.filter)!=null?e:!1,t.filter=Array.from({length:t.colLength}).map((u,d)=>{var o;return w.is.boolean(t.filter)?t.filter:(o=t.filter[d])!=null?o:!1}),t.order=(r=t.order)!=null?r:!0,t.order=Array.from({length:t.colLength}).map((u,d)=>{var o;return w.is.boolean(t.order)?t.order:(o=t.order[d])!=null?o:!0}),t=n({checker:!1,searchKeyword:"",filter:!1,order:!0,defaultOrder:[0,"ASC"]},t),t.rows.forEach((u,d)=>{u.rowID=JSON.stringify(u.rowID||d);let o=[];u.forEach((b,y)=>{let{data:h,children:c,orderIndex:g}=b;b.orderIndex=w.is.exist(g)?String(g):String(h),b.children=c||String(h),o.push(String(b.data))}),u.__sys4SearchKey=o.join("/")}),l(f.StateManager,n({eventID:w.uuid.gen()},t))},StateManager:t=>{let{colLength:e,eventID:r,checker:u=!1,searchKeyword:d="",filter:o,order:b,defaultOrder:y=[0,"ASC"],pageRowLength:h=30}=t,[c]=K(w.uuid.gen()),g={tableID:t.tableID||c,componentID:c,colLength:e,checker:u,searchKeyword:d,filter:{enabled:o!==!1,column:o,current:Array.from({length:e},()=>[])},order:{enabled:b!==!1,column:b,current:y},paging:{rowLength:h,pageLength:Math.ceil(t.rows.length/h),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},[R,s]=K(g),[a,i]=K(t.eventID);return a!=t.eventID&&(i(t.eventID),s(g)),l(f.Core,{val_status:R,set_status:s})}},m={__memoryID:f.__memoryID,useStatus:t=>{var o;let[e]=K(w.uuid.gen()),[r,u]=K(w.uuid.gen()),d=f.__memoryID+"_"+t;return ee(()=>(f.Propagations[t]=x(n({},f.Propagations[t]),{[e]:1}),k.set({[e]:{refresh:()=>{u(w.uuid.gen())}}}),()=>{delete f.Propagations[t][e]}),[]),((o=k.get(d))==null?void 0:o.status)||{tableComponentDidMount:!1}},getRowData:t=>{let e=k.get(f.__memoryID+"_"+t);if(e!=null&&e.getRowData)return e.getRowData()},setPageIndex:(t,e)=>{let r=k.get(f.__memoryID+"_"+t);r!=null&&r.updatePageIndex&&r.updatePageIndex(e)},setRowLength:(t,e)=>{let r=k.get(f.__memoryID+"_"+t);r!=null&&r.updateRowLength&&r.updateRowLength(e)},setSearchKeyword:(t,e)=>{let r=k.get(f.__memoryID+"_"+t);r!=null&&r.updateKeyword&&r.updateKeyword(e)}},U={SearchInput:t=>{let e=m.useStatus(t.tableID);return e.tableComponentDidMount?l(L.TextField,{label:"\u691C\u7D22...",clearButton:!0,padding:"2/3",paddingRight:3,rightIcon:l(L.RightIcon,{fontColor:"5.translucent",right:"2/3",children:l(E.Search,{})}),override:"force",value:e.searchKeyword,onUpdateValidValue:({value:r})=>{w.interval.clear("InputSearchTime"),w.interval.standBy("InputSearchTime",500,()=>{m.setSearchKeyword(t.tableID,r)})}}):null},Info:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.filteredRows.ratio(e.totalRows)||0;return _(z,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[l(ae,{fontSize:"4.thirdTitle",fontColor:"theme",children:e.filteredRows.toLocaleString()}),"/ ",e.totalRows.toLocaleString(),"\u4EF6 (",r,"%)"]})},Paging:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=[];for(let u=0;u<e.paging.pageLength;u++)r.push({value:u+1,label:(u+1).toString()});return _(H.Center,{children:[_(H.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:e.paging.currentPageIndex,options:r,SelectorGravityPoint:24,onUpdateValidValue:({value:u})=>{m.setPageIndex(t.tableID,u)}}),"/ ",e.paging.pageLength]}),_(H.Right,{gap:"1/2",children:[l(M.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==1){m.setPageIndex(t.tableID,e.paging.pageLength);return}m.setPageIndex(t.tableID,e.paging.currentPageIndex-1)},children:l(E.ChevronLeft,{})}),l(M.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==e.paging.pageLength){m.setPageIndex(t.tableID,1);return}m.setPageIndex(t.tableID,e.paging.currentPageIndex+1)},children:l(E.ChevronRight,{})})]})]})},RowLength:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.paging.rowLength,u=0,d=t.lengthSelect.map(o=>(u|=+(o==r),{value:o,label:o.toString()}));return u||d.push({value:r,label:r.toString()}),d=d.order({direction:"ASC",keys:["value"]}),l(H.Center,{gap:"1/2",children:l(L.Select,{label:"\u4EF6\u6570",emptySelect:!1,rightIcon:!1,override:"force",padding:["1/3","2/3"],value:e.paging.rowLength,options:d,SelectorGravityPoint:24,onUpdateValidValue:({value:o})=>{m.setRowLength(t.tableID,o)}})})}},de=t=>l(ue,x(n({},t),{type:"data",JSXChildren:f.DataLeveler})),D=de;D.__memoryID=f.__memoryID,D.useStatus=m.useStatus,D.getRowData=m.getRowData,D.setPageIndex=m.setPageIndex,D.setRowLength=m.setRowLength,D.setSearchKeyword=m.setSearchKeyword,D.Info=U.Info,D.Paging=U.Paging,D.RowLength=U.RowLength,D.SearchInput=U.SearchInput;export{D as Data,D as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "amotify",
-  "version": "0.2.40",
+  "version": "0.2.41",
   "description": "UI Component for React,NextJS,esbuild",
   "scripts": {
     "start": "run-p clean build:*",