amotify 0.2.286 → 0.2.287
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as a,c as y,d as A,e as se}from"../../chunk-C5N2D3ZX.js";import{Fragment as we,jsx as o,jsxs as U}from"react/jsx-runtime";import h,{useStore as ce,UUID as pe}from"jmini";import oe,{useState as me,useEffect as Z,useMemo as he}from"react";import{ExtractStyles as _,GenerateHTMLProps as Se,DragEffect as le,useRemote as Y}from"../../@utils";import{faArrowUp as Ce}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faUpDown as Re}from"@fortawesome/free-solid-svg-icons/faUpDown";import{Box as k,Flex as Ie,FAI as v,Span as xe}from"../../atoms";import{Literal as ae,Row as G,MarkerPen as ge}from"../../mols";import{Button as ee}from"../Button";import L from"../Input";import{TableClasses as Te}from"../../@styles/componentClasses";import{faGripVertical as ye}from"@fortawesome/free-solid-svg-icons/faGripVertical";import{Tips as ue}from"../Tips";const I={toSafetyData:r=>{var d,s,n;let{header:e=[]}=r,t={datagridID:r.datagridID||pe(),colLength:r.colLength||e.length||0,body:r.body||[],header:e,filter:{keyword:r.defaultSearchKey||"",current:[]},sort:{col:-1,dir:1},paging:{rows:r.maxRows||100,total:1,current:1},draggable:!!e.some(l=>l.draggable)};t.body.forEach((l,i)=>{var b;l.row_id=(b=l.row_id)!=null?b:i,l.isFilterMatched=!0,l.isVisible=!0,l.draggerIndex=i+1,l.searchKey="",e.forEach((x,K)=>{var c;let g=l[x.key];h.isNullish(g)||(h.isRecord(g)||(g={data:g}),g.sortKey=(c=g.sortKey)!=null?c:String(g.data),l.searchKey+=String(g.sortKey)+" ",l[x.key]=g)})});{let l=(d=e==null?void 0:e.filter(i=>i.defSort))==null?void 0:d[0];l&&(t.sort.col=(s=e.indexOf(l))!=null?s:-1,t.sort.dir=(n=l==null?void 0:l.sortable)!=null?n:1)}return t.draggable&&(t.filter.keyword="",t.sort.col=-1,t.sort.dir=0,t.header.forEach(l=>{l.sortable=0,l.filterable=!1})),I.updateRowMeta(t)},updateRowMeta:r=>{let e=a({},r);if(e.sort.col>=0&&e.sort.dir){let t=e.header[e.sort.col].key;e.sort.dir==1?e.body.toASC(t+".data"):e.body.toDESC(t+".data")}{let t=String(e.filter.keyword)||"";e.body.forEach(d=>{var n;if(d.isFilterMatched=!0,!t)return;let s=!!((n=String(d.searchKey))!=null&&n.match(new RegExp(t.escapeRegExChar(),"i")));d.isFilterMatched=s})}{let t=e.paging.rows;e.paging.total=Math.ceil(e.body.filter(l=>l.isFilterMatched).length/t);let d=t*(e.paging.current-1),s=d+t,n=0;e.body.forEach(l=>{l.isVisible=!1,l.isFilterMatched&&(l.isVisible=n>=d&&n<s,n++)})}return e.draggable&&e.body.toASC("draggerIndex"),e},index:r=>{var x,K,g;let[e,t]=me(()=>I.toSafetyData(r));const d=oe.useRef(!1);Z(()=>{if(e){if(!d.current){d.current=!0;return}t(I.toSafetyData(r))}},[he(()=>r.props,[r.props])]),Z(()=>{e&&(ce.set({["rows-"+e.datagridID]:e.body}),Y.bridge(e.datagridID,{val_config:e,remoteUpdate:{paging:c=>{e.draggable||t(p=>I.updateRowMeta(y(a({},p),{paging:y(a({},p.paging),{current:Math.max(1,Math.min(p.paging.total,c))})})))},maxRow:c=>{e.draggable||t(p=>I.updateRowMeta(y(a({},p),{paging:y(a({},p.paging),{rows:c,current:1})})))},searchKey:c=>{e.draggable||h.interval.once(()=>{t(p=>{let w=y(a({},p),{paging:y(a({},p.paging),{current:1}),filter:y(a({},p.filter),{keyword:String(c||"").trim()})});return I.updateRowMeta(w)})},300,"InputSearchTime")}}}))},[e]);const s=oe.useRef(!1);Z(()=>{if(e&&r.onSelected){if(!s.current){s.current=!0;return}r.onSelected(e.body.filter(c=>c.isSelected))}},[(x=e==null?void 0:e.body)==null?void 0:x.filter(c=>c.isSelected).length]);const n=oe.useRef(!1);Z(()=>{if(e&&r.onSorted){if(!n.current){n.current=!0;return}r.onSorted(e.sort.col,e.sort.dir)}},[(K=e==null?void 0:e.sort)==null?void 0:K.col,(g=e==null?void 0:e.sort)==null?void 0:g.dir]);let l={input:r,val_config:e,set_config:t},{className:i,style:b}=Se(r);return o(k,{className:i,style:b,children:o(D.Table,{className:Te("DataGrid"),borderRadius:"inherit",children:U(D.Body,{children:[o(I.Header,a({},l)),o(I.Body,a({},l)),o(I.Footer,a({},l))]})})})},Checker:r=>o(k,{onClick:e=>{e.stopPropagation()},children:o(L.Checker,y(a({wrapStyles:{display:"inlineBlock"},cellStyles:{gap:0}},r),{label:!1}))}),Header:r=>{let{input:e,val_config:t,set_config:d}=r;if(e.headerless)return null;let s="datagrid-dragger-"+t.datagridID,n=["datagrid",t.datagridID,""].join("-"),l=1+t.body.filter(i=>i.isVisible).length+ +!!e.footer;return o(le.DropArea,y(a({component:D.Row,id:n},e.rowStyles),{dragInfo:{type:s,id:n,idx:0,marker:"bottom"},children:t.header.map((i,b)=>{var W,q,$,Q,J;let[x,K]=_(i),j=K,{isTH:g,key:c,label:p,checkable:w,draggable:S,defSort:N,sortable:E,filterable:z,isHidden:O}=j,M=A(j,["isTH","key","label","checkable","draggable","defSort","sortable","filterable","isHidden"]);if(O)return null;let T={rowIdx:0,colIdx:b,topIdx:0,leftIdx:b,rightIdx:t.colLength-b-1,bottomIdx:l-1,isHeader:!0,isBody:!1,isFooter:!1},H=S,B=E!=0,C=b==t.sort.col,F=h.deepMerge(h.deepCopy(e.cellStyles),ne(T,{}),(W=e.cellStyles)==null?void 0:W.onHeader,!T.leftIdx&&((q=e.cellStyles)==null?void 0:q.onLeft),!T.rightIdx&&(($=e.cellStyles)==null?void 0:$.onRight),!T.topIdx&&((Q=e.cellStyles)==null?void 0:Q.onTop),!T.bottomIdx&&((J=e.cellStyles)==null?void 0:J.onBottom),x);e.onCellStyles&&(F=e.onCellStyles(T,F||{}));let P=[o(k,{flexSizing:0,children:p!=null?p:c},"data")];return B&&P.unshift(o(v,{fontSize:"1.mini",opacity:C?"max":"low",transition:"middle",xcss:{transform:C&&t.sort.dir==-1?"rotate(180deg)":"none"},icon:C?Ce:Re},"sort")),w=="left"&&P.unshift(o(I.Checker,{value:t.body.every(u=>u.isSelected),onUpdateValue:u=>{d(R=>{let f=a({},R);return f.body.forEach(m=>{m.isFilterMatched&&(m.isSelected=!!u)}),f})}},"check")),H&&P.unshift(o(ee.Clear.S,{ssSphere:2,fontColor:"theme",onMouseOver:u=>{ue.open(u.currentTarget,U(ae.Supplement,{children:[o(v,{icon:ye}),"\u30C9\u30E9\u30C3\u30B0\u3067\u5217\u306E\u9806\u756A\u3092\u5909\u66F4"]}),22)},onMouseLeave:u=>ue.abort(),onClick:u=>{u.stopPropagation()},children:o(v.QuestionCircle,{})},"drag")),w=="right"&&P.push(o(I.Checker,{value:t.body.every(u=>u.isSelected),onUpdateValue:u=>{d(R=>{let f=a({},R);return f.body.forEach(m=>{m.isFilterMatched&&(m.isSelected=!!u)}),f})}},"check")),o(D.Cell,y(a(a({isTH:!!g,ssPushable:!!E},_(F||{})[0]),M),{className:[e.cellClassName,M.className].join(" "),onClick:u=>{M.onClick&&M.onClick(u),e.onCellClick&&e.onCellClick(T,u),B&&d(R=>{let f=a({},R);return f.sort={col:b,dir:C?R.sort.dir*-1:E},I.updateRowMeta(f)})},children:o(G.Left,{gap:"1/3",children:P})}),b)})}))},Body:r=>{var l;let{input:e,val_config:t,set_config:d}=r,s=t.body.filter(i=>i.isVisible),n=+!e.headerless+s.length+ +!!e.footer;return U(we,{children:[!s.length&&o(D.Row,y(a({},e.rowStyles),{children:o(D.Cell,{colSpan:t.colLength,padding:1,children:(l=e.onNoRecordsRender)==null?void 0:l.call(e)})})),s.map((i,b)=>{let x=b;e.headerless||(x+=1);let K="datagrid-dragger-"+t.datagridID,g=["datagrid",t.datagridID,i.row_id].join("-");return o(le.DropArea,y(a({component:D.Row,id:g,ssPushable:!!e.onRowClick||!!i.onRowClick},e.rowStyles),{onClick:c=>{i.onRowClick&&i.onRowClick(c),e.onRowClick&&e.onRowClick(i,c)},dragInfo:{type:K,id:g,idx:i.draggerIndex,disabled:!t.draggable,marker:"bottom"},children:t.header.map((c,p)=>{var W,q,$,Q,J,u;let w=c.draggable,S=i[c.key];if(!S||!(S!=null&&S.data))return null;let[N,E]=_(S),j=E,{isTH:z,sortKey:O,data:M,label:T,onLabelRender:H}=j,B=A(j,["isTH","sortKey","data","label","onLabelRender"]),C={rowIdx:x,colIdx:p,topIdx:x,leftIdx:p,rightIdx:t.colLength-p-1,bottomIdx:n-x-1,isHeader:!1,isBody:!0,isFooter:!1},F=h.deepMerge(h.deepCopy(e.cellStyles),ne(C,{}),(W=e.cellStyles)==null?void 0:W.onBody,!C.leftIdx&&((q=e.cellStyles)==null?void 0:q.onLeft),!C.rightIdx&&(($=e.cellStyles)==null?void 0:$.onRight),!C.topIdx&&((Q=e.cellStyles)==null?void 0:Q.onTop),!C.bottomIdx&&((J=e.cellStyles)==null?void 0:J.onBottom),N);e.onCellStyles&&(F=e.onCellStyles(C,F||{}));let P=[o(k,{flexSizing:0,children:(u=H==null?void 0:H(M))!=null?u:ge(T!=null?T:String(M),t.filter.keyword)},"data")];return c.checkable=="left"&&P.unshift(o(I.Checker,{override:"force",value:!!i.isSelected,onUpdateValue:R=>{d(f=>y(a({},f),{body:f.body.map(m=>(m.row_id==i.row_id&&(m.isSelected=!!R),m))}))}},"check")),w&&P.unshift(o(ee.Clear.S,{tabIndex:-1,isRounded:!0,ssSphere:2.5,fontColor:"6.clear",onPointerDown:R=>{let f=h("#"+g)[0],m=f.cloneNode(!0);m.style.width=f.offsetWidth+"px",le.Start(K,{dragElement:m,startEvent:R,originId:g,horizontal:!1,allowPrevDataOnDropend:!1},de=>se(void 0,null,function*(){let te=b,V=Number(de.idx);if(h.isNullish(V)||V==-1||(V>te&&V--,te==V)||!de.end)return;let X=h.deepCopy(t.body||[]),fe=X.splice(te,1)[0];X.splice(V,0,fe),X.forEach((re,be)=>{re.draggerIndex=be+1}),e.onDragged&&e.onDragged(X),d(re=>y(a({},re),{body:X}))}))},children:o(G.Center,{gap:"1/4",children:o(v,{icon:ye})})},"drag")),c.checkable=="right"&&P.push(o(I.Checker,{override:"force",value:!!i.isSelected,onUpdateValue:R=>{d(f=>y(a({},f),{body:f.body.map(m=>(m.row_id==i.row_id&&(m.isSelected=!!R),m))}))}},"check")),o(D.Cell,y(a(a({isTH:!!z},_(F||{})[0]),B),{className:[e.cellClassName,B.className].join(" "),onClick:R=>{B.onClick&&B.onClick(R),e.onCellClick&&e.onCellClick(C,R)},children:o(G.Left,{gap:"1/3",children:P})}),p)})}),String(i.row_id))})]})},Footer:r=>{let{input:e,val_config:t,set_config:d}=r;if(!e.footer)return null;let s=+!e.headerless+t.body.filter(n=>n.isVisible).length+1;return o(D.Row,y(a({},e.rowStyles),{children:t.header.map((n,l)=>{var z,O,M,T,H,B;let i=e.footer[n.key];if(!i)return null;h.isRecord(i)||(i={data:i});let[b,x]=_(i),E=x,{isTH:K,data:g,label:c,onLabelRender:p}=E,w=A(E,["isTH","data","label","onLabelRender"]),S={rowIdx:s-1,colIdx:l,topIdx:s-1,leftIdx:l,rightIdx:t.colLength-l-1,bottomIdx:0,isHeader:!1,isBody:!1,isFooter:!0},N=h.deepMerge(h.deepCopy(e.cellStyles),ne(S,{}),(z=e.cellStyles)==null?void 0:z.onBody,!S.leftIdx&&((O=e.cellStyles)==null?void 0:O.onLeft),!S.rightIdx&&((M=e.cellStyles)==null?void 0:M.onRight),!S.topIdx&&((T=e.cellStyles)==null?void 0:T.onTop),!S.bottomIdx&&((H=e.cellStyles)==null?void 0:H.onBottom),b);return e.onCellStyles&&(N=e.onCellStyles(S,N||{})),o(D.Cell,y(a(a({isTH:!!K},_(N||{})[0]),w),{className:[e.cellClassName,w.className].join(" "),onClick:C=>{w.onClick&&w.onClick(C),e.onCellClick&&e.onCellClick(S,C)},children:o(k,{flexSizing:0,children:(B=p==null?void 0:p(g))!=null?B:ge(c!=null?c:String(g),t.filter.keyword)})}),l)})}))}},ne=(r,e)=>{let t=a({},e);return r.topIdx||(t.borderTop="unset"),r.bottomIdx||(t.borderBottom="unset"),r.rightIdx||(t.borderRight="unset"),r.leftIdx||(t.borderLeft="unset"),r.topIdx||(r.leftIdx||(t.borderTopLeftRadius="inherit"),r.rightIdx||(t.borderTopRightRadius="inherit")),r.bottomIdx||(r.leftIdx||(t.borderBottomLeftRadius="inherit"),r.rightIdx||(t.borderBottomRightRadius="inherit")),t},De=r=>(r=a({datagridID:pe(),tone:"border",colLength:0,maxRows:100,onNoRecordsRender:()=>o(G.Center,{children:o(ae.Supplement,{fontColor:"4.thin",children:"(\u30C7\u30FC\u30BF\u306A\u3057)"})})},r),r.rowStyles=a({backgroundColor:"layer.0"},r.rowStyles),r.cellStyles=a(y(a({},h.scope(()=>{if(!r.tone)return{};let e={};return h.isOneOf(r.tone,"border","border.horizontal")&&(e.borderBottom="2.normal"),h.isOneOf(r.tone,"border","border.vertical")&&(e.borderRight="2.normal"),e})),{padding:"1/3",transition:"short"}),r.cellStyles),r.tone&&(r=a({border:!0,borderRadius:"2.tone.secondary",backgroundColor:"layer.1"},r)),r.header=r.header||[],r.header.forEach((e,t)=>{var d;e.sortable=(d=e.sortable)!=null?d:1,e.checkable===!0&&(e.checkable="left")}),o(I.index,a({},r))),ie={getBodyRows:r=>ce.get("rows-"+r)||[],Table:r=>o(k,y(a({htmlTag:"table",borderRadius:"inherit"},r),{border:r.border})),Head:r=>o(k,a({htmlTag:"thead",borderRadius:"inherit"},r)),Body:r=>o(k,a({htmlTag:"tbody",borderRadius:"inherit"},r)),Row:r=>o(k,a({htmlTag:"tr",borderRadius:"inherit"},r)),TH:r=>o(k,a({htmlTag:"th"},r)),TD:r=>o(k,a({htmlTag:"td"},r)),Cell:r=>{let d=r,{isTH:e}=d,t=A(d,["isTH"]);return e?o(ie.TH,a({},t)):o(ie.TD,a({},t))},RightIndicator:{data:"",label:o(G.Right,{children:o(v.AngleRight,{fontColor:"theme",fontSize:"3.paragraph"})})},SearchInput:r=>{let n=r,{datagridID:e}=n,t=A(n,["datagridID"]),d=Y.catch(r.datagridID);if(!d)return console.warn("[DataGrid] SearchInput must be used inside DataGrid."),null;let{val_config:s}=d;return o(L.TextField,y(a({label:"\u691C\u7D22...",clearButton:!0,padding:["1/2","2/3"],rightIcon:o(L.RightIcon,{ssSphere:2,fontColor:"5.translucent",right:"2/3",children:o(v.Search,{})}),value:s.filter.keyword},t),{onUpdateValidValue:(...l)=>{t.onUpdateValidValue&&t.onUpdateValidValue(...l),d.remoteUpdate.searchKey(l[0])}}))},Info:r=>{let e=Y.catch(r.datagridID);if(!e)return null;let{val_config:t}=e,d=t.body.length,s=t.body.filter(l=>l.isFilterMatched).length,n=s.ratio(d)||0;return U(Ie,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[o(xe,{fontSize:"4.thirdTitle",fontColor:"theme",children:s.toLocaleString()}),"/ ",d.toLocaleString(),"\u4EF6 (",n,"%)"]})},Paging:r=>{let e=Y.catch(r.datagridID);if(!e)return null;let{val_config:t}=e,d=[];for(let n=0;n<t.paging.total;n++)d.push({value:n+1,label:(n+1).toString()});const s=n=>{let l=Math.min(Math.max(1,n),t.paging.total),i=a({},t);i.paging.current=l,e.remoteUpdate.paging(l)};return o(L.Select,{emptySelect:!1,padding:["1/3","2/3"],override:"force",gap:0,leftIcon:o(L.LeftIcon,{xcss:{left:2,pointerEvents:"all"},children:o(ee.Sub.S,{color:"cloud",fontColor:"4.thin",ssSquare:2.5,unitWidth:2,onClick:()=>{if(t.paging.current==1){s(t.paging.total);return}s(t.paging.current-1)},children:o(v.ChevronLeft,{})})}),rightIcon:o(L.RightIcon,{xcss:{right:2,pointerEvents:"all"},children:o(ee.Sub.S,{color:"cloud",fontColor:"4.thin",ssSquare:2.5,unitWidth:2,onClick:()=>{if(t.paging.current==t.paging.total){s(1);return}s(t.paging.current+1)},children:o(v.ChevronRight,{})})}),options:d.map(n=>({value:n.value||0,label:U(G.Left,{gap:"1/3",verticalAlign:"baseline",children:[n.label,U(ae,{fontColor:"4.thin",fontSize:"0.xs",children:["/ ",t.paging.total]})]})})),value:t.paging.current,onUpdateValidValue:n=>{s(n)}})},RowCount:r=>{let e=Y.catch(r.datagridID);if(!e)return null;let{val_config:t}=e,d=t.body.filter(i=>i.isFilterMatched).length,s=t.paging.rows,n=0,l=r.options.map(i=>(n|=+(i==s),{value:i,label:i.toString()}));return n||l.push({value:s,label:s.toString()}),o(G.Center,{gap:"1/2",children:o(L.Select,{emptySelect:!1,override:"force",padding:"1/3",paddingLeft:3,paddingRight:2,pickerStyles:{xcss:{minWidth:12*9}},pickerPosition:4,leftIcon:o(L.LeftIcon,{fontSize:"0.xs",fontColor:"4.thin",xcss:{left:6},children:"\u8868\u793A"}),rightIcon:o(L.RightIcon,{fontSize:"0.xs",fontColor:"4.thin",xcss:{right:6},children:"\u4EF6"}),value:t.paging.rows,options:l.toASC("value"),onUpdateValidValue:i=>{e.remoteUpdate.maxRow(Number(i))}})})}},D=Object.assign(De,ie);export{D as DataGrid,D as default,ne as onDefaultCellStyles};
|
|
1
|
+
import{b as a,c as y,d as A,e as se}from"../../chunk-C5N2D3ZX.js";import{Fragment as we,jsx as o,jsxs as U}from"react/jsx-runtime";import b,{useStore as ce,UUID as pe}from"jmini";import oe,{useState as me,useEffect as Z,useMemo as he}from"react";import{ExtractStyles as _,GenerateHTMLProps as Se,DragEffect as le,useRemote as Y}from"../../@utils";import{faArrowUp as Ce}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faUpDown as Re}from"@fortawesome/free-solid-svg-icons/faUpDown";import{Box as k,Flex as Ie,FAI as v,Span as xe}from"../../atoms";import{Literal as ae,Row as G,MarkerPen as ge}from"../../mols";import{Button as ee}from"../Button";import L from"../Input";import{TableClasses as Te}from"../../@styles/componentClasses";import{faGripVertical as ye}from"@fortawesome/free-solid-svg-icons/faGripVertical";import{Tips as ue}from"../Tips";const R={toSafetyData:r=>{var d,s,i;let{header:e=[]}=r,t={datagridID:r.datagridID||pe(),colLength:r.colLength||e.length||0,body:r.body||[],header:e,filter:{keyword:r.defaultSearchKey||"",current:[]},sort:{col:-1,dir:1},paging:{rows:r.maxRows||100,total:1,current:1},draggable:!!e.some(l=>l.draggable)};t.header.forEach((l,n)=>{b.isRecord(l)||(l={key:l})}),t.body.forEach((l,n)=>{var m;l.row_id=(m=l.row_id)!=null?m:n,l.isFilterMatched=!0,l.isVisible=!0,l.draggerIndex=n+1,l.searchKey="",e.forEach((I,K)=>{var c;let g=l[I.key];b.isNullish(g)||(b.isRecord(g)||(g={data:g}),g.sortKey=(c=g.sortKey)!=null?c:String(g.data),l.searchKey+=String(g.sortKey)+" ",l[I.key]=g)})});{let l=(d=e==null?void 0:e.filter(n=>n.defSort))==null?void 0:d[0];l&&(t.sort.col=(s=e.indexOf(l))!=null?s:-1,t.sort.dir=(i=l==null?void 0:l.sortable)!=null?i:1)}return t.draggable&&(t.filter.keyword="",t.sort.col=-1,t.sort.dir=0,t.header.forEach(l=>{l.sortable=0,l.filterable=!1})),R.updateRowMeta(t)},updateRowMeta:r=>{let e=a({},r);if(e.sort.col>=0&&e.sort.dir){let t=e.header[e.sort.col].key;e.sort.dir==1?e.body.toASC(t+".data"):e.body.toDESC(t+".data")}{let t=String(e.filter.keyword)||"";e.body.forEach(d=>{var i;if(d.isFilterMatched=!0,!t)return;let s=!!((i=String(d.searchKey))!=null&&i.match(new RegExp(t.escapeRegExChar(),"i")));d.isFilterMatched=s})}{let t=e.paging.rows;e.paging.total=Math.ceil(e.body.filter(l=>l.isFilterMatched).length/t);let d=t*(e.paging.current-1),s=d+t,i=0;e.body.forEach(l=>{l.isVisible=!1,l.isFilterMatched&&(l.isVisible=i>=d&&i<s,i++)})}return e.draggable&&e.body.toASC("draggerIndex"),e},index:r=>{var I,K,g;let[e,t]=me(()=>R.toSafetyData(r));const d=oe.useRef(!1);Z(()=>{if(e){if(!d.current){d.current=!0;return}t(R.toSafetyData(r))}},[he(()=>r.props,[r.props])]),Z(()=>{e&&(ce.set({["rows-"+e.datagridID]:e.body}),Y.bridge(e.datagridID,{val_config:e,remoteUpdate:{paging:c=>{e.draggable||t(p=>R.updateRowMeta(y(a({},p),{paging:y(a({},p.paging),{current:Math.max(1,Math.min(p.paging.total,c))})})))},maxRow:c=>{e.draggable||t(p=>R.updateRowMeta(y(a({},p),{paging:y(a({},p.paging),{rows:c,current:1})})))},searchKey:c=>{e.draggable||b.interval.once(()=>{t(p=>{let w=y(a({},p),{paging:y(a({},p.paging),{current:1}),filter:y(a({},p.filter),{keyword:String(c||"").trim()})});return R.updateRowMeta(w)})},300,"InputSearchTime")}}}))},[e]);const s=oe.useRef(!1);Z(()=>{if(e&&r.onSelected){if(!s.current){s.current=!0;return}r.onSelected(e.body.filter(c=>c.isSelected))}},[(I=e==null?void 0:e.body)==null?void 0:I.filter(c=>c.isSelected).length]);const i=oe.useRef(!1);Z(()=>{if(e&&r.onSorted){if(!i.current){i.current=!0;return}r.onSorted(e.sort.col,e.sort.dir)}},[(K=e==null?void 0:e.sort)==null?void 0:K.col,(g=e==null?void 0:e.sort)==null?void 0:g.dir]);let l={input:r,val_config:e,set_config:t},{className:n,style:m}=Se(r);return o(k,{className:n,style:m,children:o(D.Table,{className:Te("DataGrid"),borderRadius:"inherit",children:U(D.Body,{children:[o(R.Header,a({},l)),o(R.Body,a({},l)),o(R.Footer,a({},l))]})})})},Checker:r=>o(k,{onClick:e=>{e.stopPropagation()},children:o(L.Checker,y(a({wrapStyles:{display:"inlineBlock"},cellStyles:{gap:0}},r),{label:!1}))}),Header:r=>{let{input:e,val_config:t,set_config:d}=r;if(e.headerless)return null;let s="datagrid-dragger-"+t.datagridID,i=["datagrid",t.datagridID,""].join("-"),l=1+t.body.filter(n=>n.isVisible).length+ +!!e.footer;return o(le.DropArea,y(a({component:D.Row,id:i},e.rowStyles),{dragInfo:{type:s,id:i,idx:0,marker:"bottom"},children:t.header.map((n,m)=>{var W,q,$,Q,J;let[I,K]=_(n),j=K,{isTH:g,key:c,label:p,checkable:w,draggable:T,defSort:N,sortable:E,filterable:z,isHidden:O}=j,M=A(j,["isTH","key","label","checkable","draggable","defSort","sortable","filterable","isHidden"]);if(O)return null;let x={rowIdx:0,colIdx:m,topIdx:0,leftIdx:m,rightIdx:t.colLength-m-1,bottomIdx:l-1,isHeader:!0,isBody:!1,isFooter:!1},H=T,B=E!=0,S=m==t.sort.col,F=b.deepMerge(b.deepCopy(e.cellStyles),ne(x,{}),(W=e.cellStyles)==null?void 0:W.onHeader,!x.leftIdx&&((q=e.cellStyles)==null?void 0:q.onLeft),!x.rightIdx&&(($=e.cellStyles)==null?void 0:$.onRight),!x.topIdx&&((Q=e.cellStyles)==null?void 0:Q.onTop),!x.bottomIdx&&((J=e.cellStyles)==null?void 0:J.onBottom),I);e.onCellStyles&&(F=e.onCellStyles(x,F||{}));let P=[o(k,{flexSizing:0,children:p!=null?p:c},"data")];return B&&P.unshift(o(v,{fontSize:"1.mini",opacity:S?"max":"low",transition:"middle",xcss:{transform:S&&t.sort.dir==-1?"rotate(180deg)":"none"},icon:S?Ce:Re},"sort")),w=="left"&&P.unshift(o(R.Checker,{value:t.body.every(u=>u.isSelected),onUpdateValue:u=>{d(C=>{let f=a({},C);return f.body.forEach(h=>{h.isFilterMatched&&(h.isSelected=!!u)}),f})}},"check")),H&&P.unshift(o(ee.Clear.S,{ssSphere:2,fontColor:"theme",onMouseOver:u=>{ue.open(u.currentTarget,U(ae.Supplement,{children:[o(v,{icon:ye}),"\u30C9\u30E9\u30C3\u30B0\u3067\u5217\u306E\u9806\u756A\u3092\u5909\u66F4"]}),22)},onMouseLeave:u=>ue.abort(),onClick:u=>{u.stopPropagation()},children:o(v.QuestionCircle,{})},"drag")),w=="right"&&P.push(o(R.Checker,{value:t.body.every(u=>u.isSelected),onUpdateValue:u=>{d(C=>{let f=a({},C);return f.body.forEach(h=>{h.isFilterMatched&&(h.isSelected=!!u)}),f})}},"check")),o(D.Cell,y(a(a({isTH:!!g,ssPushable:!!E},_(F||{})[0]),M),{className:[e.cellClassName,M.className].join(" "),onClick:u=>{M.onClick&&M.onClick(u),e.onCellClick&&e.onCellClick(x,u),B&&d(C=>{let f=a({},C);return f.sort={col:m,dir:S?C.sort.dir*-1:E},R.updateRowMeta(f)})},children:o(G.Left,{gap:"1/3",children:P})}),m)})}))},Body:r=>{var l;let{input:e,val_config:t,set_config:d}=r,s=t.body.filter(n=>n.isVisible),i=+!e.headerless+s.length+ +!!e.footer;return U(we,{children:[!s.length&&o(D.Row,y(a({},e.rowStyles),{children:o(D.Cell,{colSpan:t.colLength,padding:1,children:(l=e.onNoRecordsRender)==null?void 0:l.call(e)})})),s.map((n,m)=>{let I=m;e.headerless||(I+=1);let K="datagrid-dragger-"+t.datagridID,g=["datagrid",t.datagridID,n.row_id].join("-");return o(le.DropArea,y(a({component:D.Row,id:g,ssPushable:!!e.onRowClick||!!n.onRowClick},e.rowStyles),{onClick:c=>{n.onRowClick&&n.onRowClick(c),e.onRowClick&&e.onRowClick(n,c)},dragInfo:{type:K,id:g,idx:n.draggerIndex,disabled:!t.draggable,marker:"bottom"},children:t.header.map((c,p)=>{var W,q,$,Q,J,u;let w=c.draggable,T=n[c.key];if(!T)return null;let[N,E]=_(T),j=E,{isTH:z,sortKey:O,data:M,label:x,onLabelRender:H}=j,B=A(j,["isTH","sortKey","data","label","onLabelRender"]),S={rowIdx:I,colIdx:p,topIdx:I,leftIdx:p,rightIdx:t.colLength-p-1,bottomIdx:i-I-1,isHeader:!1,isBody:!0,isFooter:!1},F=b.deepMerge(b.deepCopy(e.cellStyles),ne(S,{}),(W=e.cellStyles)==null?void 0:W.onBody,!S.leftIdx&&((q=e.cellStyles)==null?void 0:q.onLeft),!S.rightIdx&&(($=e.cellStyles)==null?void 0:$.onRight),!S.topIdx&&((Q=e.cellStyles)==null?void 0:Q.onTop),!S.bottomIdx&&((J=e.cellStyles)==null?void 0:J.onBottom),N);e.onCellStyles&&(F=e.onCellStyles(S,F||{}));let P=[o(k,{flexSizing:0,children:(u=H==null?void 0:H(M))!=null?u:ge(x!=null?x:String(M),t.filter.keyword)},"data")];return c.checkable=="left"&&P.unshift(o(R.Checker,{override:"force",value:!!n.isSelected,onUpdateValue:C=>{d(f=>y(a({},f),{body:f.body.map(h=>(h.row_id==n.row_id&&(h.isSelected=!!C),h))}))}},"check")),w&&P.unshift(o(ee.Clear.S,{tabIndex:-1,isRounded:!0,ssSphere:2.5,fontColor:"6.clear",onPointerDown:C=>{let f=b("#"+g)[0],h=f.cloneNode(!0);h.style.width=f.offsetWidth+"px",le.Start(K,{dragElement:h,startEvent:C,originId:g,horizontal:!1,allowPrevDataOnDropend:!1},de=>se(void 0,null,function*(){let te=m,V=Number(de.idx);if(b.isNullish(V)||V==-1||(V>te&&V--,te==V)||!de.end)return;let X=b.deepCopy(t.body||[]),fe=X.splice(te,1)[0];X.splice(V,0,fe),X.forEach((re,be)=>{re.draggerIndex=be+1}),e.onDragged&&e.onDragged(X),d(re=>y(a({},re),{body:X}))}))},children:o(G.Center,{gap:"1/4",children:o(v,{icon:ye})})},"drag")),c.checkable=="right"&&P.push(o(R.Checker,{override:"force",value:!!n.isSelected,onUpdateValue:C=>{d(f=>y(a({},f),{body:f.body.map(h=>(h.row_id==n.row_id&&(h.isSelected=!!C),h))}))}},"check")),o(D.Cell,y(a(a({isTH:!!z},_(F||{})[0]),B),{className:[e.cellClassName,B.className].join(" "),onClick:C=>{B.onClick&&B.onClick(C),e.onCellClick&&e.onCellClick(S,C)},children:o(G.Left,{gap:"1/3",children:P})}),p)})}),String(n.row_id))})]})},Footer:r=>{let{input:e,val_config:t,set_config:d}=r;if(!e.footer)return null;let s=+!e.headerless+t.body.filter(i=>i.isVisible).length+1;return o(D.Row,y(a({},e.rowStyles),{children:t.header.map((i,l)=>{var z,O,M,x,H,B;let n=e.footer[i.key];if(!n)return null;b.isRecord(n)||(n={data:n});let[m,I]=_(n),E=I,{isTH:K,data:g,label:c,onLabelRender:p}=E,w=A(E,["isTH","data","label","onLabelRender"]),T={rowIdx:s-1,colIdx:l,topIdx:s-1,leftIdx:l,rightIdx:t.colLength-l-1,bottomIdx:0,isHeader:!1,isBody:!1,isFooter:!0},N=b.deepMerge(b.deepCopy(e.cellStyles),ne(T,{}),(z=e.cellStyles)==null?void 0:z.onBody,!T.leftIdx&&((O=e.cellStyles)==null?void 0:O.onLeft),!T.rightIdx&&((M=e.cellStyles)==null?void 0:M.onRight),!T.topIdx&&((x=e.cellStyles)==null?void 0:x.onTop),!T.bottomIdx&&((H=e.cellStyles)==null?void 0:H.onBottom),m);return e.onCellStyles&&(N=e.onCellStyles(T,N||{})),o(D.Cell,y(a(a({isTH:!!K},_(N||{})[0]),w),{className:[e.cellClassName,w.className].join(" "),onClick:S=>{w.onClick&&w.onClick(S),e.onCellClick&&e.onCellClick(T,S)},children:o(k,{flexSizing:0,children:(B=p==null?void 0:p(g))!=null?B:ge(c!=null?c:String(g),t.filter.keyword)})}),l)})}))}},ne=(r,e)=>{let t=a({},e);return r.topIdx||(t.borderTop="unset"),r.bottomIdx||(t.borderBottom="unset"),r.rightIdx||(t.borderRight="unset"),r.leftIdx||(t.borderLeft="unset"),r.topIdx||(r.leftIdx||(t.borderTopLeftRadius="inherit"),r.rightIdx||(t.borderTopRightRadius="inherit")),r.bottomIdx||(r.leftIdx||(t.borderBottomLeftRadius="inherit"),r.rightIdx||(t.borderBottomRightRadius="inherit")),t},De=r=>(r=a({datagridID:pe(),tone:"border",colLength:0,maxRows:100,onNoRecordsRender:()=>o(G.Center,{children:o(ae.Supplement,{fontColor:"4.thin",children:"(\u30C7\u30FC\u30BF\u306A\u3057)"})})},r),r.rowStyles=a({backgroundColor:"layer.0"},r.rowStyles),r.cellStyles=a(y(a({},b.scope(()=>{if(!r.tone)return{};let e={};return b.isOneOf(r.tone,"border","border.horizontal")&&(e.borderBottom="2.normal"),b.isOneOf(r.tone,"border","border.vertical")&&(e.borderRight="2.normal"),e})),{padding:"1/3",transition:"short"}),r.cellStyles),r.tone&&(r=a({border:!0,borderRadius:"2.tone.secondary",backgroundColor:"layer.1"},r)),r.header=r.header||[],r.header.forEach((e,t)=>{var d;e.sortable=(d=e.sortable)!=null?d:1,e.checkable===!0&&(e.checkable="left")}),o(R.index,a({},r))),ie={getBodyRows:r=>ce.get("rows-"+r)||[],Table:r=>o(k,y(a({htmlTag:"table",borderRadius:"inherit"},r),{border:r.border})),Head:r=>o(k,a({htmlTag:"thead",borderRadius:"inherit"},r)),Body:r=>o(k,a({htmlTag:"tbody",borderRadius:"inherit"},r)),Row:r=>o(k,a({htmlTag:"tr",borderRadius:"inherit"},r)),TH:r=>o(k,a({htmlTag:"th"},r)),TD:r=>o(k,a({htmlTag:"td"},r)),Cell:r=>{let d=r,{isTH:e}=d,t=A(d,["isTH"]);return e?o(ie.TH,a({},t)):o(ie.TD,a({},t))},RightIndicator:{data:"",label:o(G.Right,{children:o(v.AngleRight,{fontColor:"theme",fontSize:"3.paragraph"})})},SearchInput:r=>{let i=r,{datagridID:e}=i,t=A(i,["datagridID"]),d=Y.catch(r.datagridID);if(!d)return console.warn("[DataGrid] SearchInput must be used inside DataGrid."),null;let{val_config:s}=d;return o(L.TextField,y(a({label:"\u691C\u7D22...",clearButton:!0,padding:["1/2","2/3"],rightIcon:o(L.RightIcon,{ssSphere:2,fontColor:"5.translucent",right:"2/3",children:o(v.Search,{})}),value:s.filter.keyword},t),{onUpdateValidValue:(...l)=>{t.onUpdateValidValue&&t.onUpdateValidValue(...l),d.remoteUpdate.searchKey(l[0])}}))},Info:r=>{let e=Y.catch(r.datagridID);if(!e)return null;let{val_config:t}=e,d=t.body.length,s=t.body.filter(l=>l.isFilterMatched).length,i=s.ratio(d)||0;return U(Ie,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[o(xe,{fontSize:"4.thirdTitle",fontColor:"theme",children:s.toLocaleString()}),"/ ",d.toLocaleString(),"\u4EF6 (",i,"%)"]})},Paging:r=>{let e=Y.catch(r.datagridID);if(!e)return null;let{val_config:t}=e,d=[];for(let i=0;i<t.paging.total;i++)d.push({value:i+1,label:(i+1).toString()});const s=i=>{let l=Math.min(Math.max(1,i),t.paging.total),n=a({},t);n.paging.current=l,e.remoteUpdate.paging(l)};return o(L.Select,{emptySelect:!1,padding:["1/3","2/3"],override:"force",gap:0,leftIcon:o(L.LeftIcon,{xcss:{left:2,pointerEvents:"all"},children:o(ee.Sub.S,{color:"cloud",fontColor:"4.thin",ssSquare:2.5,unitWidth:2,onClick:()=>{if(t.paging.current==1){s(t.paging.total);return}s(t.paging.current-1)},children:o(v.ChevronLeft,{})})}),rightIcon:o(L.RightIcon,{xcss:{right:2,pointerEvents:"all"},children:o(ee.Sub.S,{color:"cloud",fontColor:"4.thin",ssSquare:2.5,unitWidth:2,onClick:()=>{if(t.paging.current==t.paging.total){s(1);return}s(t.paging.current+1)},children:o(v.ChevronRight,{})})}),options:d.map(i=>({value:i.value||0,label:U(G.Left,{gap:"1/3",verticalAlign:"baseline",children:[i.label,U(ae,{fontColor:"4.thin",fontSize:"0.xs",children:["/ ",t.paging.total]})]})})),value:t.paging.current,onUpdateValidValue:i=>{s(i)}})},RowCount:r=>{let e=Y.catch(r.datagridID);if(!e)return null;let{val_config:t}=e,d=t.body.filter(n=>n.isFilterMatched).length,s=t.paging.rows,i=0,l=r.options.map(n=>(i|=+(n==s),{value:n,label:n.toString()}));return i||l.push({value:s,label:s.toString()}),o(G.Center,{gap:"1/2",children:o(L.Select,{emptySelect:!1,override:"force",padding:"1/3",paddingLeft:3,paddingRight:2,pickerStyles:{xcss:{minWidth:12*9}},pickerPosition:4,leftIcon:o(L.LeftIcon,{fontSize:"0.xs",fontColor:"4.thin",xcss:{left:6},children:"\u8868\u793A"}),rightIcon:o(L.RightIcon,{fontSize:"0.xs",fontColor:"4.thin",xcss:{right:6},children:"\u4EF6"}),value:t.paging.rows,options:l.toASC("value"),onUpdateValidValue:n=>{e.remoteUpdate.maxRow(Number(n))}})})}},D=Object.assign(De,ie);export{D as DataGrid,D as default,ne as onDefaultCellStyles};
|