amotify 0.3.54 → 0.3.56
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.
|
@@ -12,7 +12,9 @@
|
|
|
12
12
|
"Read(//Applications/Google Chrome.app/Contents/MacOS/**)",
|
|
13
13
|
"Bash(node prof.mjs)",
|
|
14
14
|
"Bash(sed -i '' 's/^const LOADTEST_ROWS = 10000$/const LOADTEST_ROWS = 100/' \"demo/next/src/app/\\(router\\)/page.tsx\")",
|
|
15
|
-
"Bash(pkill -f \"remote-debugging-port=9333\")"
|
|
15
|
+
"Bash(pkill -f \"remote-debugging-port=9333\")",
|
|
16
|
+
"Bash(sed -i '' \"s#import { Color } from '.*'#import pkg from '/Users/ikkokoyama/amotify/node_modules/jmini/cjs/index.js'; const { Color } = pkg#\" /private/tmp/claude-501/-Users-ikkokoyama-amotify/8aee2969-120a-4e07-81f9-80bb41606c5e/scratchpad/t.mjs)",
|
|
17
|
+
"Bash(node /private/tmp/claude-501/-Users-ikkokoyama-amotify/8aee2969-120a-4e07-81f9-80bb41606c5e/scratchpad/t.mjs)"
|
|
16
18
|
]
|
|
17
19
|
}
|
|
18
20
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as i,c as f,d as M,e as pe}from"../../chunk-C5N2D3ZX.js";import{Fragment as Me,jsx as l,jsxs as G}from"react/jsx-runtime";import R,{useStore as Y,UUID as ne}from"jmini";import ue,{useState as Re,useEffect as ae,useMemo as fe}from"react";import{Config as Ie,ExtractStyles as ie,GenerateHTMLProps as xe,dragEffect as se,useRemote as Z}from"../../@utils";import{faArrowUp as Te}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faUpDown as we}from"@fortawesome/free-solid-svg-icons/faUpDown";import{Box as D,Flex as De,FAI as v,Span as ke}from"../../atoms";import{Literal as de,Row as z,MarkerPen as be}from"../../mols";import{Button as le}from"../Trigger";import E from"../Input";import{TableClasses as Be}from"../../@styles/componentClasses";import{faGripVertical as me}from"@fortawesome/free-solid-svg-icons/faGripVertical";import{Tips as he}from"../Tips";const p={reservedKeys:["row_id","onCheckerDisabled","onDraggerDisabled","columnIdx","isSelected","isFilterMatched","isVisible","draggerIndex","onRowClick"],toSafetyHeader:t=>{let e=!!t.some(o=>o.draggable);return(t==null?void 0:t.map((o,a)=>{var s;return R.isRecord(o)||(o={key:o}),R.isString(o.key)&&(o.key=o.key.replace(/[.\s]/g,"_")),e&&(o.sortable=0,o.filterable=!1),o.columnIdx=(s=o.columnIdx)!=null?s:a,o}).toASC("columnIdx"))||[]},toSafetyBody:t=>t==null?void 0:t.map((e,r)=>{var a;let o={};return Object.entries(e).forEach(([s,n])=>{var c,g;if(R.isOneOf(s,...p.reservedKeys))return;let d=n;R.isNullish(d)||(R.isRecord(d)||(d={data:d}),R.isString(s)&&(s=s.replace(/[.\s]/g,"_")),d.sortKey=(g=(c=d.sortKey)!=null?c:String(d.data))!=null?g:"",o[s]=d)}),o=f(i({},o),{row_id:(a=e.row_id)!=null?a:r,onRowClick:e.onRowClick,isSelected:!!e.isSelected,isFilterMatched:!0,isVisible:!0,onCheckerDisabled:e.onCheckerDisabled,onDraggerDisabled:e.onDraggerDisabled,draggerIndex:r}),o}),toSafetyData:t=>{var o,a;let{header:e=[]}=t,r={datagridID:t.datagridID||ne(),sessionID:ne(),body:p.toSafetyBody(t.body||[]),filter:{keyword:t.defaultSearchKey||"",current:[]},sort:{col:-1,dir:1},paging:{rows:t.maxRows||100,total:1,current:1},draggable:!!e.some(s=>s.draggable)};{let s=e==null?void 0:e.findIndex(n=>n.defSort);s!==-1&&(r.sort.col=s,r.sort.dir=(a=(o=e[s])==null?void 0:o.sortable)!=null?a:1)}return r.draggable&&(r.sort.col=-1,r.sort.dir=0),p.updateRowMeta(r,t)},updateRowMeta:(t,e,r={})=>{var s;let{resort:o=!0}=r,a=i({},t);if(o&&a.sort.col>=0&&a.sort.dir){let n=((s=e.header[a.sort.col])==null?void 0:s.key)||"";a.sort.dir==1?a.body.toASC(n+".sortKey"):a.body.toDESC(n+".sortKey")}{let n=String(a.filter.keyword)||"",d=n?new RegExp(n.escapeRegExChar(),"i"):null;a.body.forEach(c=>{if(c.isFilterMatched=!0,!d)return;let g=e.header.some(u=>{let b=c[u.key];return!b||!b.sortKey?!1:d.test(String(b.sortKey||b.data))});c.isFilterMatched=g})}{let n=a.paging.rows;a.paging.total=Math.ceil(a.body.filter(u=>u.isFilterMatched).length/n);let d=n*(a.paging.current-1),c=d+n,g=0;a.body.forEach(u=>{u.isVisible=!1,u.isFilterMatched&&(u.isVisible=g>=d&&g<c,g++)})}return o&&a.draggable&&a.body.toASC("draggerIndex"),a},index:t=>{var y,C,S;let[e,r]=Re(()=>p.toSafetyData(t)),o=p.getBodyStats(e.body),a=e.filter.keyword,s=fe(()=>{if(a)return new RegExp(String(a).escapeRegExChar(),"ig")},[a]);ae(()=>{Y.set({["reset-"+e.datagridID]:()=>{r(p.toSafetyData(t))},["refresh-"+e.datagridID]:()=>{r(m=>p.updateRowMeta(f(i({},m),{body:p.toSafetyBody(t.body)}),t))}})},[t]),ae(()=>{Y.set({["rows-"+e.datagridID]:e.body}),Z.bridge(e.datagridID,{val_config:e,remoteUpdate:{paging:m=>{r(h=>p.updateRowMeta(f(i({},h),{paging:f(i({},h.paging),{current:Math.max(1,Math.min(h.paging.total,m))})}),t,{resort:!1}))},maxRow:m=>{r(h=>p.updateRowMeta(f(i({},h),{paging:f(i({},h.paging),{rows:m,current:1})}),t,{resort:!1}))},searchKey:m=>{R.interval.once(()=>{r(h=>{let x=f(i({},h),{paging:f(i({},h.paging),{current:1}),filter:f(i({},h.filter),{keyword:String(m||"").trim()})});return p.updateRowMeta(x,t,{resort:!1})})},300,"InputSearchTime")}}})},[e]);const n=ue.useRef(!1);ae(()=>{if(t.onSelected){if(!n.current){n.current=!0;return}t.onSelected(e.body.filter(m=>m.isSelected))}},[o.selectedCount]);const d=ue.useRef(!1);ae(()=>{if(t.onSorted){if(!d.current){d.current=!0;return}t.onSorted(e.sort.col,e.sort.dir)}},[(y=e==null?void 0:e.sort)==null?void 0:y.col,(C=e==null?void 0:e.sort)==null?void 0:C.dir]);let c={input:t,val_config:e,set_config:r,bodyStats:o,markerRegExp:s},{className:g,style:u}=xe(t),b=(S=t.colLength)!=null?S:t.header.length;return l(D,{className:g,position:"relative",style:u,children:G(I.Table,{className:Be("DataGrid"),borderRadius:"inherit",children:[l(p.Header,i({},c)),l(I.Body,f(i({},t.tbodyStyles),{children:l(p.Body,i({},c))})),l(p.Footer,i({},c))]},[b,...t.header.map(m=>m.key),e.sessionID].join("."))})},Checker:t=>l(D,{flexCenter:!0,onClick:e=>{e.stopPropagation()},children:l(E.Checker,f(i({wrapStyles:{display:"inlineBlock"},cellStyles:{gap:0}},t),{label:!1}))}),getBodyStats:t=>{let e=[],r=0,o;for(const a of t)a.isVisible&&e.push(a),a.isSelected&&r++,!o&&a.isFilterMatched&&(o=a);return{visibleRows:e,selectedCount:r,firstFilterMatched:o}},getRowCounts:(t,e)=>{var s,n;let r=t.headerless?0:1+(((s=t.headerGroups)==null?void 0:s.length)||0),o=Math.max(1,e.visibleRows.length),a=((n=t.footer)==null?void 0:n.length)||0;return{headerRows:r,bodyRows:o,footerRows:a,totalRows:r+o+a}},getCellInfo:t=>{let{section:e,rowIdx:r,colIdx:o,colLength:a,rowCounts:s,isRightCell:n,isBottomCell:d}=t,{headerRows:c,bodyRows:g,totalRows:u}=s,b=r-c,y=b-g;return{rowIdx:r,colIdx:o,topIdx:r,leftIdx:o,rightIdx:n?0:a-o-1,bottomIdx:d?0:u-r-1,headerIdx:e=="header"?r:-1,bodyIdx:e=="body"?b:-1,bodyBottomIdx:e=="body"?g-b-1:-1,footerIdx:e=="footer"?y:-1,isHeader:e=="header",isBody:e=="body",isFooter:e=="footer"}},getCellStyles:(t,e,r)=>{var m;let S=t.cellStyles||{},{onHeader:o,onBody:a,onFooter:s,onTop:n,onBottom:d,onLeft:c,onRight:g}=S,b=[M(S,["onHeader","onBody","onFooter","onTop","onBottom","onLeft","onRight"]),Ke(e,{}),e.isHeader&&o,!e.isHeader&&a,e.isFooter&&s,!e.leftIdx&&c,!e.rightIdx&&g,!e.topIdx&&n,!e.bottomIdx&&d,r].filter(Boolean),y=Object.assign({},...b),C=b.map(h=>h.xcss).filter(Boolean);return C.length&&(y.xcss=Object.assign({},...C)),((m=t.onCellStyles)==null?void 0:m.call(t,e,y))||y},Header:t=>{var u,b,y,C;let{input:e,val_config:r,bodyStats:o}=t;if(e.headerless)return null;let a="datagrid-dragger-"+r.datagridID,s=["datagrid",r.datagridID,""].join("-"),n=p.getRowCounts(e,o),d=((u=e.headerGroups)==null?void 0:u.length)||0,c=(b=e.colLength)!=null?b:e.header.length,g=(S,m)=>l(I.Row,f(i({},e.rowStyles),{children:S.map((h,x)=>l(p.HeaderCell,f(i({},t),{col:h,pst:p.getCellInfo({section:"header",rowIdx:m,colIdx:x,colLength:c,rowCounts:n,isRightCell:h.isRightCell,isBottomCell:h.isBottomCell})}),[x,h.key].join("/")))}),m);return G(se.DropArea,f(i({jsxElement:I.Head},e.theadStyles),{id:s,dragInfo:{type:a,id:String(((y=o.firstFilterMatched)==null?void 0:y.draggerIndex)||0),marker:"tableBorder"},children:[(C=e.headerGroups)==null?void 0:C.map((S,m)=>g(S,m)),g(e.header,d)]}))},HeaderCell:t=>{var ee;let{input:e,val_config:r,set_config:o,bodyStats:a,col:s,pst:n}=t,[d,c]=ie(s),J=c,{isTH:g,key:u,label:b,onLabelRender:y,columnIdx:C,checkable:S,draggable:m,defSort:h,sortable:x,filterable:W,isHidden:T,isRightCell:_,isBottomCell:q}=J,B=M(J,["isTH","key","label","onLabelRender","columnIdx","checkable","draggable","defSort","sortable","filterable","isHidden","isRightCell","isBottomCell"]);if(T)return null;let $=n.colIdx,H=m,N=x!=0,F=$==r.sort.col,k=[],K=[];if(H&&k.push(l(le.Clear.S,{ssSphere:2.5,fontColor:"theme",onMouseOver:w=>{he.open(w.currentTarget,G(de.Micro,{children:[l(v,{icon:me}),"\u30C9\u30E9\u30C3\u30B0\u3067\u5217\u306E\u9806\u756A\u3092\u5909\u66F4"]}),22)},onMouseLeave:w=>he.abort(),onClick:w=>{w.stopPropagation()},children:l(v.QuestionCircle,{})},"drag")),S){let w=l(p.Checker,{value:a.selectedCount==r.body.length,onUpdateValue:P=>{o(A=>{let O=i({},A);return O.body.forEach(Q=>{Q.isFilterMatched&&(Q.onCheckerDisabled||(Q.isSelected=!!P))}),O})}},"check");S=="left"?k.push(w):K.push(w)}return N&&k.push(l(v,{fontSize:"1.mini",fontColor:"theme",opacity:F?"max":"low",transition:"middle",xcss:{transform:F&&r.sort.dir==-1?"rotate(180deg)":"none"},icon:F?Te:we},"sort")),l(I.Cell,f(i(i({isTH:!!g,ssPushable:!!x},p.getCellStyles(e,n,d)),B),{className:[e.cellClassName,B.className].join(" "),onClick:w=>{B.onClick&&B.onClick(w),e.onCellClick&&e.onCellClick(n,w),N&&o(P=>{let A=i({},P);return A.sort={col:$,dir:F?P.sort.dir*-1:x},p.updateRowMeta(A,e)})},children:G(z.Left,{gap:"1/2",height:1,children:[k,(ee=y==null?void 0:y(u))!=null?ee:l(D,{flexSizing:0,children:b!=null?b:u}),K]})}))},Body:t=>{var u,b;let{input:e,val_config:r,set_config:o,bodyStats:a,markerRegExp:s}=t,n=a.visibleRows,d=p.getRowCounts(e,a),{headerRows:c}=d,g=(u=e.colLength)!=null?u:e.header.length;return n.length?l(Me,{children:n.map((y,C)=>{let{onCheckerDisabled:S,onDraggerDisabled:m}=y,h=c+C,x="datagrid-dragger-"+r.datagridID,W=["datagrid",r.datagridID,y.row_id].join("-");return l(se.DropArea,f(i(i({jsxElement:I.Row,position:"relative",id:W,ssPushable:!!e.onRowClick||!!y.onRowClick},Ie.get().browserIs=="safari"&&{ssEffectsOnActive:"none"}),e.rowStyles),{onClick:T=>{y.onRowClick&&y.onRowClick(T),e.onRowClick&&e.onRowClick(y,T)},dragInfo:{type:x,id:String(y.row_id||""),disabled:!r.draggable,marker:"tableBorder"},children:e.header.map((T,_)=>{var ye;let q=T.draggable,B=y[T.key];if(!B)return null;let[$,H]=ie(B),ge=H,{isTH:N,sortKey:F,data:k,label:K,onLabelRender:J,isRightCell:ee,isBottomCell:w}=ge,P=M(ge,["isTH","sortKey","data","label","onLabelRender","isRightCell","isBottomCell"]),A=p.getCellInfo({section:"body",rowIdx:h,colIdx:_,colLength:g,rowCounts:d,isRightCell:ee,isBottomCell:w}),O=[],Q=[];return R.scope(()=>{if(q){if(y.onDraggerDisabled){O.push(y.onDraggerDisabled());return}O.push(l(le.Clear.S,{tabIndex:-1,isRounded:!0,ssSphere:2.5,fontColor:"6.clear",onPointerDown:L=>{let te=R("#"+W)[0],X=te.cloneNode(!0);X.style.width=te.offsetWidth+"px",se.Start(x,{dragElement:X,startEvent:L,originId:W,horizontal:!1},V=>pe(void 0,null,function*(){if(!V.end||!V.onDropArea)return;let U=[...r.body],oe=U.findIndex(j=>j.row_id==y.row_id);if(oe==-1)return;let re=U.findIndex(j=>j.row_id==V.id);if(re<oe&&re++,oe==re)return;let Se=U.splice(oe,1)[0];U.splice(re,0,Se),U.forEach((j,Ce)=>{j.draggerIndex=Ce}),e.onDragged&&e.onDragged(U),o(j=>f(i({},j),{body:U}))}))},children:l(z.Center,{gap:"1/4",children:l(v,{icon:me})})},"drag"))}}),R.scope(()=>{if(!T.checkable)return;let L=l(p.Checker,{override:"force",value:!!y.isSelected,onUpdateValue:te=>{o(X=>f(i({},X),{body:X.body.map(V=>(V.row_id==y.row_id&&(V.isSelected=!!te),V))}))}},"check");y.onCheckerDisabled&&(L=y.onCheckerDisabled()),T.checkable=="left"?O.push(L):Q.push(L)}),l(I.Cell,f(i(i({isTH:!!N},p.getCellStyles(e,A,$)),P),{className:[e.cellClassName,P.className].join(" "),onClick:L=>{P.onClick&&P.onClick(L),e.onCellClick&&e.onCellClick(A,L)},children:G(z.Left,{gap:"1/2",height:1,children:[O,(ye=J==null?void 0:J(k))!=null?ye:l(D,{flexSizing:0,children:be(K!=null?K:String(k),s)}),Q]})}),[_,T.key].join("/"))})}),y.row_id)})}):l(I.Row,f(i({},e.rowStyles),{children:l(I.Cell,{colSpan:g,padding:1,children:(b=e.onNoRecordsRender)==null?void 0:b.call(e)})}))},Footer:t=>{var g;let{input:e,val_config:r,bodyStats:o,markerRegExp:a}=t;if(!e.footer)return null;let s=p.getRowCounts(e,o),{headerRows:n,bodyRows:d}=s,c=(g=e.colLength)!=null?g:e.header.length;return l(I.Foot,f(i({},e.tfootStyles),{children:e.footer.map((u,b)=>{let y=n+d+b;return l(I.Row,f(i({},e.rowStyles),{children:e.header.map((C,S)=>{var k;let m=u[C.key];if(!m)return null;R.isRecord(m)||(m={data:m});let[h,x]=ie(m),F=x,{isTH:W,data:T,label:_,onLabelRender:q,isRightCell:B,isBottomCell:$}=F,H=M(F,["isTH","data","label","onLabelRender","isRightCell","isBottomCell"]),N=p.getCellInfo({section:"footer",rowIdx:y,colIdx:S,colLength:c,rowCounts:s,isRightCell:B,isBottomCell:$});return l(I.Cell,f(i(i({isTH:!!W},p.getCellStyles(e,N,h)),H),{className:[e.cellClassName,H.className].join(" "),onClick:K=>{H.onClick&&H.onClick(K),e.onCellClick&&e.onCellClick(N,K)},children:l(D,{flexSizing:0,children:(k=q==null?void 0:q(T))!=null?k:be(_!=null?_:String(T),a)})}),[S,C.key].join("/"))})}),b)})}))}},Ke=(t,e)=>{let r=!t.topIdx,o=!t.bottomIdx,a=!t.leftIdx,s=!t.rightIdx,n=!t.bodyBottomIdx,d=!t.footerIdx,c=i({},e);return r&&(c.borderTop="unset"),(o||n)&&(c.borderBottom="unset"),a&&(c.borderLeft="unset"),s&&(c.borderRight="unset"),d&&(c.borderTop=!0),r&&a&&(c.borderTopLeftRadius="inherit"),r&&s&&(c.borderTopRightRadius="inherit"),o&&a&&(c.borderBottomLeftRadius="inherit"),o&&s&&(c.borderBottomRightRadius="inherit"),c},Pe=t=>{var e;return t=i({datagridID:ne(),tone:"border",maxRows:100,onNoRecordsRender:()=>l(z.Center,{children:l(de.Mini,{fontColor:"4.thin",children:"(\u30C7\u30FC\u30BF\u306A\u3057)"})})},t),t.rowStyles=i({backgroundColor:"layer.0"},t.rowStyles),t.cellStyles=i(f(i({},R.scope(()=>{if(!t.tone)return{};let r={};return R.isOneOf(t.tone,"border","border.horizontal")&&(r.borderBottom="2.normal"),R.isOneOf(t.tone,"border","border.vertical")&&(r.borderRight="2.normal"),r})),{position:"relative",padding:["1/3","2/3"],transition:"short"}),t.cellStyles),t.tone&&(t=i({border:!0,borderRadius:"2.tone.secondary",backgroundColor:"layer.1"},t)),t.header=p.toSafetyHeader(t.header||[]),t.header.forEach((r,o)=>{var a;r.sortable=(a=r.sortable)!=null?a:1,r.checkable===!0&&(r.checkable="left")}),t.headerGroups=(e=t.headerGroups)==null?void 0:e.map(r=>(r=p.toSafetyHeader(r||[]),r.map((o,a)=>{var s,n,d,c;return o.sortable=(s=o.sortable)!=null?s:0,o.checkable=(n=o.checkable)!=null?n:!1,o.draggable=(d=o.draggable)!=null?d:!1,o.filterable=(c=o.filterable)!=null?c:!1,o.checkable===!0&&(o.checkable="left"),o}))),l(p.index,i({},t))},ce={getBodyRows:t=>Y.get("rows-"+t)||[],toSafetyBody:p.toSafetyBody,reset:t=>{var e;(e=Y.get("reset-"+t))==null||e()},refreshBody:t=>{var e;(e=Y.get("refresh-"+t))==null||e()},reservedKeys:p.reservedKeys,Table:t=>l(D,f(i({htmlTag:"table",borderRadius:"inherit"},t),{border:t.border})),Head:t=>l(D,i({htmlTag:"thead",borderRadius:"inherit"},t)),Body:t=>l(D,i({htmlTag:"tbody",borderRadius:"inherit"},t)),Foot:t=>l(D,i({htmlTag:"tfoot",borderRadius:"inherit"},t)),Row:t=>l(D,i({htmlTag:"tr",borderRadius:"inherit"},t)),TH:t=>l(D,i({htmlTag:"th"},t)),TD:t=>l(D,i({htmlTag:"td"},t)),Cell:t=>{let o=t,{isTH:e}=o,r=M(o,["isTH"]);return e?l(ce.TH,i({},r)):l(ce.TD,i({},r))},RightIndicator:{data:"",label:l(z.Right,{children:l(v.AngleRight,{fontColor:"theme",fontSize:"3.paragraph"})})},SearchInput:t=>{let s=t,{datagridID:e}=s,r=M(s,["datagridID"]),o=Z.catch(t.datagridID);if(!o)return console.warn("[DataGrid] SearchInput must be used inside DataGrid."),null;let{val_config:a}=o;return l(E.TextField,f(i({label:"\u691C\u7D22...",clearButton:!0,padding:["1/2","2/3"],rightIcon:l(E.RightIcon,{ssSphere:2,fontColor:"5.translucent",right:"2/3",children:l(v.Search,{})}),value:a.filter.keyword},r),{onUpdateValidValue:(...n)=>{r.onUpdateValidValue&&r.onUpdateValidValue(...n),o.remoteUpdate.searchKey(n[0])}}))},Info:t=>{let e=Z.catch(t.datagridID);if(!e)return null;let{val_config:r}=e,o=t.totalCount||r.body.length,a=r.body.filter(n=>n.isFilterMatched).length,s=a.toRate(o,1)||0;return G(De,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[l(ke,{fontSize:"4.thirdTitle",fontColor:"theme",children:a.toLocaleString()}),"/ ",o.toLocaleString(),"\u4EF6 (",s,"%)"]})},Paging:t=>{let c=t,{datagridID:e}=c,r=M(c,["datagridID"]),o=Z.catch(e),a=(o==null?void 0:o.val_config.paging.total)||0,s=fe(()=>{let g=[];for(let u=0;u<a;u++)g.push({value:u+1,label:G(z.Left,{gap:"1/3",verticalAlign:"baseline",children:[u+1,G(de.Micro,{fontColor:"4.thin",children:["/ ",a]})]})});return g},[a]);if(!o)return null;let{val_config:n}=o;const d=g=>{let u=Math.min(Math.max(1,g),n.paging.total),b=i({},n);b.paging.current=u,o.remoteUpdate.paging(u)};return l(E.Select,f(i({emptySelect:!1,padding:["1/3","2/3"],override:"force",gap:0},r),{leftIcon:l(E.LeftIcon,{xcss:{left:2,pointerEvents:"all"},children:l(le.Sub.S,{color:"cloud",fontColor:"4.thin",ssSquare:2.5,unitWidth:2,onClick:()=>{if(n.paging.current==1){d(n.paging.total);return}d(n.paging.current-1)},children:l(v.ChevronLeft,{})})}),rightIcon:l(E.RightIcon,{xcss:{right:2,pointerEvents:"all"},children:l(le.Sub.S,{color:"cloud",fontColor:"4.thin",ssSquare:2.5,unitWidth:2,onClick:()=>{if(n.paging.current==n.paging.total){d(1);return}d(n.paging.current+1)},children:l(v.ChevronRight,{})})}),options:s,value:n.paging.current,onUpdateValidValue:g=>{d(g)}}))},RowCount:t=>{let c=t,{datagridID:e}=c,r=M(c,["datagridID"]),o=Z.catch(e);if(!o)return null;let{val_config:a}=o,s=a.paging.rows,n=0,d=t.options.map(g=>(n|=+(g==s),{value:g,label:g.toString()}));return n||d.push({value:s,label:s.toString()}),l(z.Center,{gap:"1/2",children:l(E.Select,f(i({emptySelect:!1,override:"force",padding:"1/3",paddingLeft:3,paddingRight:2,pickerStyles:{xcss:{minWidth:12*9}},pickerPosition:4,leftIcon:l(E.LeftIcon,{fontSize:"0.xs",fontColor:"4.thin",xcss:{left:6},children:"\u8868\u793A"}),rightIcon:l(E.RightIcon,{fontSize:"0.xs",fontColor:"4.thin",xcss:{right:6},children:"\u4EF6"})},r),{value:a.paging.rows,options:d.toASC("value"),onUpdateValidValue:g=>{o.remoteUpdate.maxRow(Number(g))}}))})}},I=Object.assign(Pe,ce);export{I as DataGrid,I as default,Ke as onDefaultCellStyles};
|
|
1
|
+
import{b as i,c as f,d as H,e as pe}from"../../chunk-C5N2D3ZX.js";import{Fragment as Me,jsx as l,jsxs as _}from"react/jsx-runtime";import C,{useStore as Y,UUID as ne}from"jmini";import ue,{useState as Re,useEffect as ae,useMemo as fe}from"react";import{Config as Ie,ExtractStyles as ie,GenerateHTMLProps as xe,dragEffect as se,useRemote as Z}from"../../@utils";import{faArrowUp as Te}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faUpDown as we}from"@fortawesome/free-solid-svg-icons/faUpDown";import{Box as D,Flex as De,FAI as G,Span as ke}from"../../atoms";import{Literal as de,Row as j,MarkerPen as be}from"../../mols";import{Button as le}from"../Trigger";import F from"../Input";import{TableClasses as Be}from"../../@styles/componentClasses";import{faGripVertical as me}from"@fortawesome/free-solid-svg-icons/faGripVertical";import{Tips as he}from"../Tips";const u={reservedKeys:["row_id","onCheckerDisabled","onDraggerDisabled","columnIdx","isSelected","isFilterMatched","isVisible","draggerIndex","onRowClick"],toSafetyHeader:t=>{let e=!!t.some(o=>o.draggable);return(t==null?void 0:t.map((o,a)=>{var s;return C.isRecord(o)||(o={key:o}),C.isString(o.key)&&(o.key=o.key.replace(/[.\s]/g,"_")),e&&(o.sortable=0,o.filterable=!1),o.columnIdx=(s=o.columnIdx)!=null?s:a,o}).toASC("columnIdx"))||[]},toSafetyBody:t=>t==null?void 0:t.map((e,r)=>{var a;let o={};return Object.entries(e).forEach(([s,n])=>{var c,g;if(C.isOneOf(s,...u.reservedKeys))return;let d=n;C.isNullish(d)||(C.isRecord(d)||(d={data:d}),C.isString(s)&&(s=s.replace(/[.\s]/g,"_")),d.sortKey=(g=(c=d.sortKey)!=null?c:String(d.data))!=null?g:"",o[s]=d)}),o=f(i({},o),{row_id:(a=e.row_id)!=null?a:r,onRowClick:e.onRowClick,isSelected:!!e.isSelected,isFilterMatched:!0,isVisible:!0,onCheckerDisabled:e.onCheckerDisabled,onDraggerDisabled:e.onDraggerDisabled,draggerIndex:r}),o}),toSafetyData:t=>{var o,a;let{header:e=[]}=t,r={datagridID:t.datagridID||ne(),sessionID:ne(),body:u.toSafetyBody(t.body||[]),filter:{keyword:t.defaultSearchKey||"",current:[]},sort:{col:-1,dir:1},paging:{rows:t.maxRows||100,total:1,current:1},draggable:!!e.some(s=>s.draggable)};{let s=e==null?void 0:e.findIndex(n=>n.defSort);s!==-1&&(r.sort.col=s,r.sort.dir=(a=(o=e[s])==null?void 0:o.sortable)!=null?a:1)}return r.draggable&&(r.sort.col=-1,r.sort.dir=0),u.updateRowMeta(r,t)},updateRowMeta:(t,e,r={})=>{var s;let{resort:o=!0}=r,a=i({},t);if(o&&a.sort.col>=0&&a.sort.dir){let n=((s=e.header[a.sort.col])==null?void 0:s.key)||"";a.sort.dir==1?a.body.toASC(n+".sortKey"):a.body.toDESC(n+".sortKey")}{let n=String(a.filter.keyword)||"",d=n?new RegExp(n.escapeRegExChar(),"i"):null;a.body.forEach(c=>{if(c.isFilterMatched=!0,!d)return;let g=e.header.some(p=>{let b=c[p.key];return!b||!b.sortKey?!1:d.test(String(b.sortKey||b.data))});c.isFilterMatched=g})}{let n=a.paging.rows;a.paging.total=Math.ceil(a.body.filter(p=>p.isFilterMatched).length/n);let d=n*(a.paging.current-1),c=d+n,g=0;a.body.forEach(p=>{p.isVisible=!1,p.isFilterMatched&&(p.isVisible=g>=d&&g<c,g++)})}return o&&a.draggable&&a.body.toASC("draggerIndex"),a},index:t=>{var y,I,S;let[e,r]=Re(()=>u.toSafetyData(t)),o=u.getBodyStats(e.body),a=e.filter.keyword,s=fe(()=>{if(a)return new RegExp(String(a).escapeRegExChar(),"ig")},[a]);ae(()=>{Y.set({["reset-"+e.datagridID]:()=>{r(u.toSafetyData(t))},["refresh-"+e.datagridID]:()=>{r(h=>u.updateRowMeta(f(i({},h),{body:u.toSafetyBody(t.body)}),t))}})},[t]),ae(()=>{Y.set({["rows-"+e.datagridID]:e.body}),Z.bridge(e.datagridID,{val_config:e,remoteUpdate:{paging:h=>{r(m=>u.updateRowMeta(f(i({},m),{paging:f(i({},m.paging),{current:Math.max(1,Math.min(m.paging.total,h))})}),t,{resort:!1}))},maxRow:h=>{r(m=>u.updateRowMeta(f(i({},m),{paging:f(i({},m.paging),{rows:h,current:1})}),t,{resort:!1}))},searchKey:h=>{C.interval.once(()=>{r(m=>{let x=f(i({},m),{paging:f(i({},m.paging),{current:1}),filter:f(i({},m.filter),{keyword:String(h||"").trim()})});return u.updateRowMeta(x,t,{resort:!1})})},300,"InputSearchTime")}}})},[e]);const n=ue.useRef(!1);ae(()=>{if(t.onSelected){if(!n.current){n.current=!0;return}t.onSelected(e.body.filter(h=>h.isSelected))}},[o.selectedCount]);const d=ue.useRef(!1);ae(()=>{if(t.onSorted){if(!d.current){d.current=!0;return}t.onSorted(e.sort.col,e.sort.dir)}},[(y=e==null?void 0:e.sort)==null?void 0:y.col,(I=e==null?void 0:e.sort)==null?void 0:I.dir]);let c={input:t,val_config:e,set_config:r,bodyStats:o,markerRegExp:s},{className:g,style:p}=xe(t),b=(S=t.colLength)!=null?S:t.header.length;return l(D,{className:g,position:"relative",style:p,children:_(R.Table,{className:Be("DataGrid"),borderRadius:"inherit",children:[l(u.Header,i({},c)),l(R.Body,f(i({},t.tbodyStyles),{children:l(u.Body,i({},c))})),l(u.Footer,i({},c))]},[b,...t.header.map(h=>h.key),e.sessionID].join("."))})},Checker:t=>l(D,{flexCenter:!0,onClick:e=>{e.stopPropagation()},children:l(F.Checker,f(i({wrapStyles:{display:"inlineBlock"},cellStyles:{gap:0}},t),{label:!1}))}),getBodyStats:t=>{let e=[],r=0,o;for(const a of t)a.isVisible&&e.push(a),a.isSelected&&r++,!o&&a.isFilterMatched&&(o=a);return{visibleRows:e,selectedCount:r,firstFilterMatched:o}},getRowCounts:(t,e)=>{var s,n;let r=t.headerless?0:1+(((s=t.headerGroups)==null?void 0:s.length)||0),o=Math.max(1,e.visibleRows.length),a=((n=t.footer)==null?void 0:n.length)||0;return{headerRows:r,bodyRows:o,footerRows:a,totalRows:r+o+a}},getCellInfo:t=>{let{section:e,rowIdx:r,colIdx:o,colLength:a,rowCounts:s,isRightCell:n,isBottomCell:d}=t,{headerRows:c,bodyRows:g,totalRows:p}=s,b=r-c,y=b-g;return{rowIdx:r,colIdx:o,topIdx:r,leftIdx:o,rightIdx:n?0:a-o-1,bottomIdx:d?0:p-r-1,headerIdx:e=="header"?r:-1,bodyIdx:e=="body"?b:-1,bodyBottomIdx:e=="body"?g-b-1:-1,footerIdx:e=="footer"?y:-1,isHeader:e=="header",isBody:e=="body",isFooter:e=="footer"}},getCellStyles:(t,e,r)=>{var h;let S=t.cellStyles||{},{onHeader:o,onBody:a,onFooter:s,onTop:n,onBottom:d,onLeft:c,onRight:g}=S,b=[H(S,["onHeader","onBody","onFooter","onTop","onBottom","onLeft","onRight"]),Ke(e,{}),e.isHeader&&o,!e.isHeader&&a,e.isFooter&&s,!e.leftIdx&&c,!e.rightIdx&&g,!e.topIdx&&n,!e.bottomIdx&&d,r].filter(Boolean),y=Object.assign({},...b),I=b.map(m=>m.xcss).filter(Boolean);return I.length&&(y.xcss=Object.assign({},...I)),((h=t.onCellStyles)==null?void 0:h.call(t,e,y))||y},Header:t=>{var p,b,y,I;let{input:e,val_config:r,bodyStats:o}=t;if(e.headerless)return null;let a="datagrid-dragger-"+r.datagridID,s=["datagrid",r.datagridID,""].join("-"),n=u.getRowCounts(e,o),d=((p=e.headerGroups)==null?void 0:p.length)||0,c=(b=e.colLength)!=null?b:e.header.length,g=(S,h)=>l(R.Row,f(i({},e.rowStyles),{children:S.map((m,x)=>l(u.HeaderCell,f(i({},t),{col:m,pst:u.getCellInfo({section:"header",rowIdx:h,colIdx:x,colLength:c,rowCounts:n,isRightCell:m.isRightCell,isBottomCell:m.isBottomCell})}),[x,m.key].join("/")))}),h);return _(se.DropArea,f(i({jsxElement:R.Head},e.theadStyles),{id:s,dragInfo:{type:a,id:String(((y=o.firstFilterMatched)==null?void 0:y.draggerIndex)||0),marker:"tableBorder"},children:[(I=e.headerGroups)==null?void 0:I.map((S,h)=>g(S,h)),g(e.header,d)]}))},HeaderCell:t=>{var ee;let{input:e,val_config:r,set_config:o,bodyStats:a,col:s,pst:n}=t,[d,c]=ie(s),M=c,{isTH:g,key:p,label:b,onLabelRender:y,columnIdx:I,checkable:S,draggable:h,defSort:m,sortable:x,filterable:z,isHidden:T,isRightCell:W,isBottomCell:q}=M,k=H(M,["isTH","key","label","onLabelRender","columnIdx","checkable","draggable","defSort","sortable","filterable","isHidden","isRightCell","isBottomCell"]);if(T)return null;let $=n.colIdx,Q=h,K=x!=0,L=$==r.sort.col,B=[],P=[];if(Q&&B.push(l(le.Clear.S,{ssSphere:2.5,fontColor:"theme",onMouseOver:w=>{he.open(w.currentTarget,_(de.Micro,{children:[l(G,{icon:me}),"\u30C9\u30E9\u30C3\u30B0\u3067\u5217\u306E\u9806\u756A\u3092\u5909\u66F4"]}),22)},onMouseLeave:w=>he.abort(),onClick:w=>{w.stopPropagation()},children:l(G.QuestionCircle,{})},"drag")),S){let w=l(u.Checker,{value:a.selectedCount==r.body.length,onUpdateValue:E=>{o(N=>{let A=i({},N);return A.body.forEach(J=>{J.isFilterMatched&&(J.onCheckerDisabled||(J.isSelected=!!E))}),A})}},"check");S=="left"?B.push(w):P.push(w)}return K&&B.push(l(G,{fontSize:"1.mini",fontColor:"theme",opacity:L?"max":"low",transition:"middle",xcss:{transform:L&&r.sort.dir==-1?"rotate(180deg)":"none"},icon:L?Te:we},"sort")),l(R.Cell,f(i(i({isTH:!!g,ssPushable:!!x},u.getCellStyles(e,n,d)),k),{className:[e.cellClassName,k.className].join(" "),onClick:w=>{k.onClick&&k.onClick(w),e.onCellClick&&e.onCellClick(n,w),K&&o(E=>{let N=i({},E);return N.sort={col:$,dir:L?E.sort.dir*-1:x},u.updateRowMeta(N,e)})},children:_(j.Left,{gap:"1/2",height:1,children:[B,(ee=y==null?void 0:y(p))!=null?ee:l(D,{flexSizing:0,children:b!=null?b:p}),P]})}))},Body:t=>{var p,b;let{input:e,val_config:r,set_config:o,bodyStats:a,markerRegExp:s}=t,n=a.visibleRows,d=u.getRowCounts(e,a),{headerRows:c}=d,g=(p=e.colLength)!=null?p:e.header.length;return n.length?l(Me,{children:n.map((y,I)=>{let{onCheckerDisabled:S,onDraggerDisabled:h}=y,m=c+I,x="datagrid-dragger-"+r.datagridID,z=["datagrid",r.datagridID,y.row_id].join("-");return l(se.DropArea,f(i(i({jsxElement:R.Row,position:"relative",id:z,ssPushable:!!e.onRowClick||!!y.onRowClick},Ie.get().browserIs=="safari"&&{ssEffectsOnActive:"none"}),e.rowStyles),{onClick:T=>{y.onRowClick&&y.onRowClick(T),e.onRowClick&&e.onRowClick(y,T)},dragInfo:{type:x,id:String(y.row_id||""),disabled:!r.draggable,marker:"tableBorder"},children:e.header.map((T,W)=>{var ye;let q=T.draggable,k=y[T.key];if(!k)return null;let[$,Q]=ie(k),ge=Q,{isTH:K,sortKey:L,data:B,label:P,onLabelRender:M,isRightCell:ee,isBottomCell:w}=ge,E=H(ge,["isTH","sortKey","data","label","onLabelRender","isRightCell","isBottomCell"]),N=u.getCellInfo({section:"body",rowIdx:m,colIdx:W,colLength:g,rowCounts:d,isRightCell:ee,isBottomCell:w}),A=[],J=[];return C.scope(()=>{if(q){if(y.onDraggerDisabled){A.push(y.onDraggerDisabled());return}A.push(l(le.Clear.S,{tabIndex:-1,isRounded:!0,ssSphere:2.5,fontColor:"6.clear",onPointerDown:v=>{let te=C("#"+z)[0],X=te.cloneNode(!0);X.style.width=te.offsetWidth+"px",se.Start(x,{dragElement:X,startEvent:v,originId:z,horizontal:!1},O=>pe(void 0,null,function*(){if(!O.end||!O.onDropArea)return;let V=[...r.body],oe=V.findIndex(U=>U.row_id==y.row_id);if(oe==-1)return;let re=V.findIndex(U=>U.row_id==O.id);if(re<oe&&re++,oe==re)return;let Se=V.splice(oe,1)[0];V.splice(re,0,Se),V.forEach((U,Ce)=>{U.draggerIndex=Ce}),e.onDragged&&e.onDragged(V),o(U=>f(i({},U),{body:V}))}))},children:l(j.Center,{gap:"1/4",children:l(G,{icon:me})})},"drag"))}}),C.scope(()=>{if(!T.checkable)return;let v=l(u.Checker,{override:"force",value:!!y.isSelected,onUpdateValue:te=>{o(X=>f(i({},X),{body:X.body.map(O=>(O.row_id==y.row_id&&(O.isSelected=!!te),O))}))}},"check");y.onCheckerDisabled&&(v=y.onCheckerDisabled()),T.checkable=="left"?A.push(v):J.push(v)}),l(R.Cell,f(i(i({isTH:!!K},u.getCellStyles(e,N,$)),E),{className:[e.cellClassName,E.className].join(" "),onClick:v=>{E.onClick&&E.onClick(v),e.onCellClick&&e.onCellClick(N,v)},children:_(j.Left,{gap:"1/2",height:1,children:[A,(ye=M==null?void 0:M(B))!=null?ye:l(D,{flexSizing:0,children:be(P!=null?P:String(B),s)}),J]})}),[W,T.key].join("/"))})}),y.row_id)})}):l(R.Row,f(i({},e.rowStyles),{children:l(R.Cell,{colSpan:g,padding:1,children:(b=e.onNoRecordsRender)==null?void 0:b.call(e)})}))},Footer:t=>{var g,p;let{input:e,val_config:r,bodyStats:o,markerRegExp:a}=t;if(!e.footer||!((g=e.footer)!=null&&g[0]))return null;let s=u.getRowCounts(e,o),{headerRows:n,bodyRows:d}=s,c=(p=e.colLength)!=null?p:e.header.length;return l(R.Foot,f(i({},e.tfootStyles),{children:e.footer.map((b,y)=>{let I=n+d+y;return l(R.Row,f(i({},e.rowStyles),{children:e.header.map((S,h)=>{var P;let m=b[S.key];if(!m)return null;C.isRecord(m)||(m={data:m});let[x,z]=ie(m),B=z,{isTH:T,data:W,label:q,onLabelRender:k,isRightCell:$,isBottomCell:Q}=B,K=H(B,["isTH","data","label","onLabelRender","isRightCell","isBottomCell"]),L=u.getCellInfo({section:"footer",rowIdx:I,colIdx:h,colLength:c,rowCounts:s,isRightCell:$,isBottomCell:Q});return l(R.Cell,f(i(i({isTH:!!T},u.getCellStyles(e,L,x)),K),{className:[e.cellClassName,K.className].join(" "),onClick:M=>{K.onClick&&K.onClick(M),e.onCellClick&&e.onCellClick(L,M)},children:l(D,{flexSizing:0,children:(P=k==null?void 0:k(W))!=null?P:be(q!=null?q:String(W),a)})}),[h,S.key].join("/"))})}),y)})}))}},Ke=(t,e)=>{let r=!t.topIdx,o=!t.bottomIdx,a=!t.leftIdx,s=!t.rightIdx,n=!t.bodyBottomIdx,d=!t.footerIdx,c=i({},e);return r&&(c.borderTop="unset"),(o||n)&&(c.borderBottom="unset"),a&&(c.borderLeft="unset"),s&&(c.borderRight="unset"),d&&(c.borderTop=!0),r&&a&&(c.borderTopLeftRadius="inherit"),r&&s&&(c.borderTopRightRadius="inherit"),o&&a&&(c.borderBottomLeftRadius="inherit"),o&&s&&(c.borderBottomRightRadius="inherit"),c},Pe=t=>{var e;return t=i({datagridID:ne(),tone:"border",maxRows:100,onNoRecordsRender:()=>l(j.Center,{children:l(de.Mini,{fontColor:"4.thin",children:"(\u30C7\u30FC\u30BF\u306A\u3057)"})})},t),t.rowStyles=i({backgroundColor:"layer.0"},t.rowStyles),t.cellStyles=i(f(i({},C.scope(()=>{if(!t.tone)return{};let r={};return C.isOneOf(t.tone,"border","border.horizontal")&&(r.borderBottom="2.normal"),C.isOneOf(t.tone,"border","border.vertical")&&(r.borderRight="2.normal"),r})),{position:"relative",padding:["1/3","2/3"],transition:"short"}),t.cellStyles),t.tone&&(t=i({border:!0,borderRadius:"2.tone.secondary",backgroundColor:"layer.1"},t)),t.header=u.toSafetyHeader(t.header||[]),t.header.forEach((r,o)=>{var a;r.sortable=(a=r.sortable)!=null?a:1,r.checkable===!0&&(r.checkable="left")}),t.headerGroups=(e=t.headerGroups)==null?void 0:e.map(r=>(r=u.toSafetyHeader(r||[]),r.map((o,a)=>{var s,n,d,c;return o.sortable=(s=o.sortable)!=null?s:0,o.checkable=(n=o.checkable)!=null?n:!1,o.draggable=(d=o.draggable)!=null?d:!1,o.filterable=(c=o.filterable)!=null?c:!1,o.checkable===!0&&(o.checkable="left"),o}))),l(u.index,i({},t))},ce={getBodyRows:t=>Y.get("rows-"+t)||[],toSafetyBody:u.toSafetyBody,reset:t=>{var e;(e=Y.get("reset-"+t))==null||e()},refreshBody:t=>{var e;(e=Y.get("refresh-"+t))==null||e()},reservedKeys:u.reservedKeys,Table:t=>l(D,f(i({htmlTag:"table",borderRadius:"inherit"},t),{border:t.border})),Head:t=>l(D,i({htmlTag:"thead",borderRadius:"inherit"},t)),Body:t=>l(D,i({htmlTag:"tbody",borderRadius:"inherit"},t)),Foot:t=>l(D,i({htmlTag:"tfoot",borderRadius:"inherit"},t)),Row:t=>l(D,i({htmlTag:"tr",borderRadius:"inherit"},t)),TH:t=>l(D,i({htmlTag:"th"},t)),TD:t=>l(D,i({htmlTag:"td"},t)),Cell:t=>{let o=t,{isTH:e}=o,r=H(o,["isTH"]);return e?l(ce.TH,i({},r)):l(ce.TD,i({},r))},RightIndicator:{data:"",label:l(j.Right,{children:l(G.AngleRight,{fontColor:"theme",fontSize:"3.paragraph"})})},SearchInput:t=>{let s=t,{datagridID:e}=s,r=H(s,["datagridID"]),o=Z.catch(t.datagridID);if(!o)return console.warn("[DataGrid] SearchInput must be used inside DataGrid."),null;let{val_config:a}=o;return l(F.TextField,f(i({label:"\u691C\u7D22...",clearButton:!0,padding:["1/2","2/3"],rightIcon:l(F.RightIcon,{ssSphere:2,fontColor:"5.translucent",right:"2/3",children:l(G.Search,{})}),value:a.filter.keyword},r),{onUpdateValidValue:(...n)=>{r.onUpdateValidValue&&r.onUpdateValidValue(...n),o.remoteUpdate.searchKey(n[0])}}))},Info:t=>{let e=Z.catch(t.datagridID);if(!e)return null;let{val_config:r}=e,o=t.totalCount||r.body.length,a=r.body.filter(n=>n.isFilterMatched).length,s=a.toRate(o,1)||0;return _(De,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[l(ke,{fontSize:"4.thirdTitle",fontColor:"theme",children:a.toLocaleString()}),"/ ",o.toLocaleString(),"\u4EF6 (",s,"%)"]})},Paging:t=>{let c=t,{datagridID:e}=c,r=H(c,["datagridID"]),o=Z.catch(e),a=(o==null?void 0:o.val_config.paging.total)||0,s=fe(()=>{let g=[];for(let p=0;p<a;p++)g.push({value:p+1,label:_(j.Left,{gap:"1/3",verticalAlign:"baseline",children:[p+1,_(de.Micro,{fontColor:"4.thin",children:["/ ",a]})]})});return g},[a]);if(!o)return null;let{val_config:n}=o;const d=g=>{let p=Math.min(Math.max(1,g),n.paging.total),b=i({},n);b.paging.current=p,o.remoteUpdate.paging(p)};return l(F.Select,f(i({emptySelect:!1,padding:["1/3","2/3"],override:"force",gap:0},r),{leftIcon:l(F.LeftIcon,{xcss:{left:2,pointerEvents:"all"},children:l(le.Sub.S,{color:"cloud",fontColor:"4.thin",ssSquare:2.5,unitWidth:2,onClick:()=>{if(n.paging.current==1){d(n.paging.total);return}d(n.paging.current-1)},children:l(G.ChevronLeft,{})})}),rightIcon:l(F.RightIcon,{xcss:{right:2,pointerEvents:"all"},children:l(le.Sub.S,{color:"cloud",fontColor:"4.thin",ssSquare:2.5,unitWidth:2,onClick:()=>{if(n.paging.current==n.paging.total){d(1);return}d(n.paging.current+1)},children:l(G.ChevronRight,{})})}),options:s,value:n.paging.current,onUpdateValidValue:g=>{d(g)}}))},RowCount:t=>{let c=t,{datagridID:e}=c,r=H(c,["datagridID"]),o=Z.catch(e);if(!o)return null;let{val_config:a}=o,s=a.paging.rows,n=0,d=t.options.map(g=>(n|=+(g==s),{value:g,label:g.toString()}));return n||d.push({value:s,label:s.toString()}),l(j.Center,{gap:"1/2",children:l(F.Select,f(i({emptySelect:!1,override:"force",padding:"1/3",paddingLeft:3,paddingRight:2,pickerStyles:{xcss:{minWidth:12*9}},pickerPosition:4,leftIcon:l(F.LeftIcon,{fontSize:"0.xs",fontColor:"4.thin",xcss:{left:6},children:"\u8868\u793A"}),rightIcon:l(F.RightIcon,{fontSize:"0.xs",fontColor:"4.thin",xcss:{right:6},children:"\u4EF6"})},r),{value:a.paging.rows,options:d.toASC("value"),onUpdateValidValue:g=>{o.remoteUpdate.maxRow(Number(g))}}))})}},R=Object.assign(Pe,ce);export{R as DataGrid,R as default,Ke as onDefaultCellStyles};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as f,c as m,d as N}from"../chunk-C5N2D3ZX.js";import{jsx as d,jsxs as A}from"react/jsx-runtime";import{useEffect as b}from"react";import t from"jmini";import{$$fromRoot as C,pageRouter as F}from"../@utils";import{Box as y,Flex as x,Column as W}from"../atoms";import{Button as _}from"./Trigger";import{LayoutClasses as w}from"../@styles/componentClasses";const e={Base:o=>{let v=o,{topNavigation:r,sideNavigation:a,footerNavigation:g,topNav:s,leftNav:h,rightNav:l,footerNav:u,children:p,className:i}=v,n=N(v,["topNavigation","sideNavigation","footerNavigation","topNav","leftNav","rightNav","footerNav","children","className"]);return b(()=>{e.fn.refresh();let c="ResizeCB";return t(window).onEvent("resize",()=>{t.interval.once(()=>{e.fn.refresh()},300,"__RVC_calcHeights")},{eventID:c}),()=>{t(window).removeEvent(c)}},[]),A(W,m(f({className:[i,w("RootViewController")].join(" "),backgroundColor:"layer.
|
|
1
|
+
import{b as f,c as m,d as N}from"../chunk-C5N2D3ZX.js";import{jsx as d,jsxs as A}from"react/jsx-runtime";import{useEffect as b}from"react";import t from"jmini";import{$$fromRoot as C,pageRouter as F}from"../@utils";import{Box as y,Flex as x,Column as W}from"../atoms";import{Button as _}from"./Trigger";import{LayoutClasses as w}from"../@styles/componentClasses";const e={Base:o=>{let v=o,{topNavigation:r,sideNavigation:a,footerNavigation:g,topNav:s,leftNav:h,rightNav:l,footerNav:u,children:p,className:i}=v,n=N(v,["topNavigation","sideNavigation","footerNavigation","topNav","leftNav","rightNav","footerNav","children","className"]);return b(()=>{e.fn.refresh();let c="ResizeCB";return t(window).onEvent("resize",()=>{t.interval.once(()=>{e.fn.refresh()},300,"__RVC_calcHeights")},{eventID:c}),()=>{t(window).removeEvent(c)}},[]),A(W,m(f({className:[i,w("RootViewController")].join(" "),backgroundColor:"layer.0",gap:0,minHeight:"viewHeight"},n),{children:[s||r,A(x,{flexWrap:!1,position:"relative",flexSizing:0,children:[h||a,d(y,{className:w("Content"),position:"relative",flexSizing:0,width:0,ssZIndex:2,children:p}),l]}),u||g]}))},TopNav:o=>d(x,m(f({flexSizing:"none",flexType:"col",position:"sticky",top:0,backgroundColor:"layer.1",ssZIndex:5},o),{id:"__RVC_TopNavigation"})),SideNav:o=>d(y,m(f({flexSizing:"none",minHeight:"sideNavigationHeight",ssZIndex:3},o),{id:"__RVC_SideNavigation"})),FooterNav:o=>{let g=o,{baseStyles:r}=g,a=N(g,["baseStyles"]);return d(x,m(f({borderTop:!0,position:"sticky",bottom:0,overflow:"auto",backgroundColor:"layer.1",paddingBottom:"safeAreaBottom",ssZIndex:4},r),{id:"__RVC_FooterNavigation",children:d(x,f({gap:1,flexWrap:!1,padding:"2/3",margin:"auto",width:1},a))}))},Comps:{Button:o=>{let p=o,{isActive:r,path:a,pathGroup:g,currentPath:s}=p,h=N(p,["isActive","path","pathGroup","currentPath"]),l=t.Arrayify(g),u=s||location.pathname;{let i=!1;t.scope(()=>{t.isString(a)&&(t.isNullish(a)||(i=u.replace(/^\//,"").replace(/\/$/,"")==a.replace(/^\//,"").replace(/\/$/,"")))}),t.scope(()=>{if(!i&&l.length)for(let n of l){if(i)break;t.isNullish(n)||(t.isString(n)&&(n=String(n).escapeRegExChar()),u.match(new RegExp(n))&&(i=!0))}}),r=r!=null?r:i}return d(_.Clear,f({isActive:r,isActiveStyles:{fontColor:"theme",backgroundColor:"cloud"},onClick:i=>{t.isExist(a)&&t.isString(a)&&F.push(a,i.ctrlKey||i.metaKey)},color:"cloud",padding:["3/4",1],display:"flex",gap:"1/2",fontColor:"inherit",flexSizing:"none",flexWrap:!1,ssEffectsOnActive:"ripple.cloud",verticalAlign:"center",textAlign:"left",isSemiBoldFont:!0},h))},Bar:o=>d(y,f({flexSizing:"none",backgroundColor:"layer.4.opa.middle",unitHeight:"1/3",margin:["2/3",1],isRounded:!0},o)),Title:o=>d(y,f({fontSize:"3.paragraph",isSemiBoldFont:!0,padding:[0,1]},o))},fn:{refresh:()=>{let o=t(document.body),r=C("#__RVC_TopNavigation"),a=C("#__RVC_FooterNavigation"),g=C("#__RVC_SideNavigation"),s=r.position().height||0,h=s,l=a.position().height||0,u=g.position().width||0;r.getStyleProperty("position")!="sticky"&&(h=0);let p=window.innerHeight,i=window.innerWidth,n=p-s-l,v=i-u;t.scope(()=>{e.fn.viewHeight!=p&&(e.fn.viewHeight=p,o.setStyleProperty("--viewHeight",p+"px"))}),t.scope(()=>{e.fn.viewWidth!=i&&(e.fn.viewWidth=i,o.setStyleProperty("--viewWidth",i+"px"))}),t.scope(()=>{e.fn.contentHeight!=n&&(e.fn.contentHeight=n,o.setStyleProperty("--contentHeight",n+"px").setStyleProperty("--sideNavHeight",n+"px"))}),t.scope(()=>{e.fn.contentWidth!=v&&(e.fn.contentWidth=v,o.setStyleProperty("--contentWidth",v+"px"))}),t.scope(()=>{e.fn.topBase!=h&&(e.fn.topBase=h,o.setStyleProperty("--topBase",h+"px"))}),t.scope(()=>{e.fn.topNavHeight!=s&&(e.fn.topNavHeight=s,o.setStyleProperty("--topNavHeight",s+"px"))}),t.scope(()=>{e.fn.footerNavHeight!=l&&(e.fn.footerNavHeight=l,o.setStyleProperty("--footerNavHeight",l+"px"))}),t.scope(()=>{e.fn.sideNavWidth!=u&&(e.fn.sideNavWidth=u)}),t.scope(()=>{let c=getComputedStyle(document.documentElement),R=parseInt(c.getPropertyValue("--safe-area-top"),10)||0,S=parseInt(c.getPropertyValue("--safe-area-bottom"),10)||0,B=parseInt(c.getPropertyValue("--safe-area-left"),10)||0,H=parseInt(c.getPropertyValue("--safe-area-right"),10)||0;e.fn.safeAreaTop!=R&&(e.fn.safeAreaTop=R),e.fn.safeAreaBottom!=S&&(e.fn.safeAreaBottom=S),e.fn.safeAreaLeft!=B&&(e.fn.safeAreaLeft=B),e.fn.safeAreaRight!=H&&(e.fn.safeAreaRight=H)})},viewHeight:0,viewWidth:0,contentHeight:0,contentWidth:0,topBase:0,sideNavWidth:0,topNavHeight:0,footerNavHeight:0,safeAreaTop:0,safeAreaBottom:0,safeAreaLeft:0,safeAreaRight:0}};export{e as RootViewController,e as default};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "amotify",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.56",
|
|
4
4
|
"description": "UI Component for React,NextJS,esbuild",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"start": "run-p clean build:*",
|
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
"@fortawesome/free-solid-svg-icons": "^7.2.0",
|
|
91
91
|
"@fortawesome/react-fontawesome": "^3.3.0",
|
|
92
92
|
"dotenv": "^17.0.1",
|
|
93
|
-
"jmini": "^0.0.
|
|
93
|
+
"jmini": "^0.0.139",
|
|
94
94
|
"react": "^19.2.3"
|
|
95
95
|
},
|
|
96
96
|
"devDependencies": {
|