mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-27 12:39:49 +08:00
67 lines
74 KiB
JavaScript
67 lines
74 KiB
JavaScript
(("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd=("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd||[]).push([["cb57a806"],{"02dbda31":function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return s;}});var d=t("f19d2b93");t("517b3e4a");var n=t("a9d1a279");let r=[{title:"Name",dataIndex:"name",filters:[{text:"Joe",value:"Joe"},{text:"Category 1",value:"Category 1",children:[{text:"Yellow",value:"Yellow"},{text:"Pink",value:"Pink"}]},{text:"Category 2",value:"Category 2",children:[{text:"Green",value:"Green"},{text:"Black",value:"Black"}]}],filterMode:"tree",filterSearch:!0,onFilter:(e,a)=>a.name.includes(e),width:"30%"},{title:"Age",dataIndex:"age",sorter:(e,a)=>e.age-a.age},{title:"Address",dataIndex:"address",filters:[{text:"London",value:"London"},{text:"New York",value:"New York"}],onFilter:(e,a)=>a.address.startsWith(e),filterSearch:!0,width:"40%"}],l=[{key:"1",name:"John Brown",age:32,address:"New York No. 1 Lake Park"},{key:"2",name:"Jim Green",age:42,address:"London No. 1 Lake Park"},{key:"3",name:"Joe Black",age:32,address:"Sydney No. 1 Lake Park"},{key:"4",name:"Jim Red",age:32,address:"London No. 2 Lake Park"}],o=(e,a,t,d)=>{console.log("params",e,a,t,d);};var s=()=>(0,d.jsx)(n.Table,{columns:r,dataSource:l,onChange:o});},"090271b0":function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return s;}});var d=t("f19d2b93");t("52a1b26c");var n=t("5b220c3d"),r=t("a9d1a279");let l=[{title:"Name",dataIndex:"name"},{title:"Age",dataIndex:"age"},{title:"Address",dataIndex:"address"}],o=Array.from({length:46}).map((e,a)=>({key:a,name:`Edward King ${a}`,age:32,address:`London, Park Lane no. ${a}`}));var s=()=>{let[e,a]=(0,n.useState)([]),t={selectedRowKeys:e,onChange:e=>{console.log("selectedRowKeys changed: ",e),a(e);},selections:[r.Table.SELECTION_ALL,r.Table.SELECTION_INVERT,r.Table.SELECTION_NONE,{key:"odd",text:"Select Odd Row",onSelect:e=>{a(e.filter((e,a)=>a%2==0));}},{key:"even",text:"Select Even Row",onSelect:e=>{a(e.filter((e,a)=>a%2!=0));}}]};return(0,d.jsx)(r.Table,{rowSelection:t,columns:l,dataSource:o});};},"0c33f891":function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return o;}});var d=t("f19d2b93");t("cb63a126");var n=t("a9d1a279");let r=[{title:"Name",dataIndex:"name"},{title:"Age",dataIndex:"age"},{title:"Address",dataIndex:"address"}],l=Array.from({length:200}).map((e,a)=>({key:a,name:"Sample Name",age:30+a%5,address:`Sample Address ${a}`}));var o=()=>(0,d.jsx)("div",{style:{width:300},children:(0,d.jsx)(n.Table,{columns:r,dataSource:l,size:"small",pagination:{defaultCurrent:13}})});},"17c647e4":function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return c;}});var d=t("777fffbe"),n=t("f19d2b93");t("a8427aa4");var r=d._(t("5b220c3d")),l=t("a9d1a279");let o=[{title:"ID",dataIndex:"id",width:100,fixed:"left"},{title:"FistName",dataIndex:"firstName",width:120,fixed:"left"},{title:"LastName",dataIndex:"lastName",width:120,fixed:"left"},{title:"Group",width:120,render:(e,a)=>`Group ${Math.floor(a.id/4)}`,onCell:e=>({rowSpan:e.id%4==0?4:0})},{title:"Age",dataIndex:"age",width:100,onCell:e=>({colSpan:e.id%4==0?2:1})},{title:"Address 1",dataIndex:"address1",onCell:e=>({colSpan:e.id%4==0?0:1})},{title:"Address 2",dataIndex:"address2"},{title:"Address 3",dataIndex:"address3"},{title:"Action",width:150,fixed:"right",render:()=>(0,n.jsxs)(l.Space,{children:[(0,n.jsx)(l.Typography.Link,{children:"Action1"}),(0,n.jsx)(l.Typography.Link,{children:"Action2"})]})}],s=[{title:"ID",dataIndex:"id",width:100},{title:"FistName",dataIndex:"firstName",width:120},{title:"LastName",dataIndex:"lastName"}],i=e=>Array.from({length:e}).map((e,a)=>({id:a,firstName:`First_${a.toString(16)}`,lastName:`Last_${a.toString(16)}`,age:25+a%10,address1:`New York No. ${a} Lake Park`,address2:`London No. ${a} Lake Park`,address3:`Sydney No. ${a} Lake Park`}));var c=()=>{let[e,a]=r.default.useState(!0),[t,d]=r.default.useState(!0),[c,u]=r.default.useState(!1),[m,x]=r.default.useState(!1),[g,h]=r.default.useState(1e4),k=r.default.useRef(null),y=r.default.useMemo(()=>i(g),[g]),f=r.default.useMemo(()=>e?c?o.map(e=>({...e,onCell:void 0})):o:s,[c,e]),b=r.default.useMemo(()=>{if(c)return{columnWidth:48,expandedRowRender:e=>(0,n.jsxs)("p",{style:{margin:0},children:["\u{1F389} Expanded ",e.address1]}),rowExpandable:e=>e.id%2==0};},[c]);return(0,n.jsx)("div",{style:{padding:64},children:(0,n.jsxs)(l.Space,{direction:"vertical",style:{width:"100%"},children:[(0,n.jsxs)(l.Space,{children:[(0,n.jsx)(l.Switch,{checked:t,onChange:()=>d(!t),checkedChildren:"Bordered",unCheckedChildren:"Bordered"}),(0,n.jsx)(l.Switch,{checked:e,onChange:()=>a(!e),checkedChildren:"Fixed",unCheckedChildren:"Fixed"}),(0,n.jsx)(l.Switch,{checked:c,onChange:()=>u(!c),checkedChildren:"Expandable",unCheckedChildren:"Expandable"}),(0,n.jsx)(l.Switch,{checked:m,onChange:()=>x(!m),checkedChildren:"Empty",unCheckedChildren:"Empty"}),(0,n.jsx)(l.Segmented,{value:g,onChange:h,options:[{label:"None",value:0},{label:"Less",value:4},{label:"Lot",value:1e4}]}),y.length>=999&&(0,n.jsx)(l.Button,{onClick:()=>{var e;return null===(e=k.current)||void 0===e?void 0:e.scrollTo({index:999});},children:"Scroll To index 999"})]}),(0,n.jsx)(l.Table,{bordered:t,virtual:!0,columns:f,scroll:{x:2e3,y:400},rowKey:"id",dataSource:m?[]:y,pagination:!1,ref:k,rowSelection:c?void 0:{type:"radio",columnWidth:48},expandable:b})]})});};},"1c771630":function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return s;}});var d=t("f19d2b93");t("e359a5b5");var n=t("a9d1a279");let r=[{title:"Name",dataIndex:"name"}],l=Array.from({length:46}).map((e,a)=>({key:a,name:a%2==0?`Edward King ${a}`:"Another Row"})),o={renderCell:(e,a,t,n)=>({props:{rowSpan:t%2==0?2:0},children:(0,d.jsxs)(d.Fragment,{children:[String(e),": ",n]})})};var s=()=>(0,d.jsx)(n.Table,{rowSelection:o,columns:r,dataSource:l});},"22ee835d":function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return o;}});var d=t("f19d2b93");t("eacd1443");var n=t("5b220c3d"),r=t("a9d1a279");let l=[{key:1,name:"John Brown sr. John Brown sr. John Brown sr. John Brown sr. John Brown sr. John Brown sr.",age:60,address:"New York No. 1 Lake Park",children:[{key:11,name:"John Brown sr. John Brown sr. John Brown sr. John Brown sr. John Brown sr. John Brown sr.",age:42,address:"New York No. 2 Lake Park"},{key:12,name:"John Brown sr. John Brown sr. John Brown sr. John Brown sr. John Brown sr. John Brown sr.",age:30,address:"New York No. 3 Lake Park",children:[{key:121,name:"John Brown sr. John Brown sr. John Brown sr. John Brown sr. John Brown sr. John Brown sr.",age:16,address:"New York No. 3 Lake Park"}]},{key:13,name:"Jim Green sr. Jim Green sr. Jim Green sr. Jim Green sr.",age:72,address:"London No. 1 Lake Park",children:[{key:131,name:"Jim Green. Jim Green. Jim Green. Jim Green. Jim Green. Jim Green.",age:42,address:"London No. 2 Lake Park",children:[{key:1311,name:"Jim Green jr. Jim Green jr. Jim Green jr. Jim Green jr.",age:25,address:"London No. 3 Lake Park"},{key:1312,name:"Jimmy Green sr. Jimmy Green sr. Jimmy Green sr.",age:18,address:"London No. 4 Lake Park"}]}]}]},{key:2,name:"Joe Black",age:32,address:"Sydney No. 1 Lake Park"}];var o=()=>{let[e,a]=(0,n.useState)(!0),t=[{title:"Name",dataIndex:"name",key:"name",width:"30%",ellipsis:!0,fixed:e},{title:"Age",dataIndex:"age",key:"age",width:"12%"},{title:"Address",dataIndex:"address",key:"address"}];return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)(r.Space,{align:"center",style:{marginBottom:16},children:["Fixed first column: ",(0,d.jsx)(r.Switch,{checked:e,onChange:a})]}),(0,d.jsx)(r.Table,{columns:t,rowSelection:{columnWidth:100},expandable:{defaultExpandAllRows:!0},dataSource:l})]});};},"28006e36":function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return o;}});var d=t("f19d2b93");t("7a5c44bf");var n=t("a9d1a279");let r=[{title:"Name (all screens)",dataIndex:"name",key:"name",render:e=>(0,d.jsx)("a",{children:e})},{title:"Age (medium screen or bigger)",dataIndex:"age",key:"age",responsive:["md"]},{title:"Address (large screen or bigger)",dataIndex:"address",key:"address",responsive:["lg"]}],l=[{key:"1",name:"John Brown",age:32,address:"New York No. 1 Lake Park"}];var o=()=>(0,d.jsx)(n.Table,{columns:r,dataSource:l});},28222862:function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return i;}});var d=t("f19d2b93");t("49584aba");var n=t("5b220c3d"),r=t("a9d1a279");let l=[{title:"Name",dataIndex:"name",render:e=>(0,d.jsx)("a",{children:e})},{title:"Age",dataIndex:"age"},{title:"Address",dataIndex:"address"}],o=[{key:"1",name:"John Brown",age:32,address:"New York No. 1 Lake Park"},{key:"2",name:"Jim Green",age:42,address:"London No. 1 Lake Park"},{key:"3",name:"Joe Black",age:32,address:"Sydney No. 1 Lake Park"},{key:"4",name:"Disabled User",age:99,address:"Sydney No. 1 Lake Park"}],s={onChange:(e,a)=>{console.log(`selectedRowKeys: ${e}`,"selectedRows: ",a);},getCheckboxProps:e=>({disabled:"Disabled User"===e.name,name:e.name})};var i=()=>{let[e,a]=(0,n.useState)("checkbox");return(0,d.jsxs)("div",{children:[(0,d.jsxs)(r.Radio.Group,{onChange:e=>a(e.target.value),value:e,children:[(0,d.jsx)(r.Radio,{value:"checkbox",children:"Checkbox"}),(0,d.jsx)(r.Radio,{value:"radio",children:"radio"})]}),(0,d.jsx)(r.Divider,{}),(0,d.jsx)(r.Table,{rowSelection:{type:e,...s},columns:l,dataSource:o})]});};},"2e722fa7":function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return u;}});var d=t("852bbaa9"),n=t("f19d2b93");t("32effae9");var r=d._(t("5b220c3d")),l=t("a9d1a279");let o=()=>{let e=r.default.useRef(0);return e.current+=1,(0,n.jsx)("span",{children:e.current});},s=(e,a)=>e!==a,i=[{title:"Name",dataIndex:"name",shouldCellUpdate:s},{title:"Age",dataIndex:"age",shouldCellUpdate:s},{title:"Address",dataIndex:"address",shouldCellUpdate:s,render:e=>(0,n.jsxs)(n.Fragment,{children:[e,(0,n.jsx)(o,{})]})}];function c(e){return Array.from({length:e}).map((e,a)=>({key:a,name:`Edward King ${a}`,age:32,address:`London, Park Lane no. ${a}`}));}var u=()=>{let[e,a]=(0,r.useState)(c(50)),[t,d]=(0,r.useState)([]);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(l.InputNumber,{value:e.length,onChange:e=>{a(c(e||0));}}),(0,n.jsx)(l.Table,{rowSelection:{selectedRowKeys:t,onChange:e=>{console.log("selectedRowKeys changed: ",e),d(e);}},columns:i,dataSource:e,pagination:!1})]});};},38129602:function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return s;}});var d=t("f19d2b93");t("44399c00");var n=t("a9d1a279");let r=[{title:"Name",dataIndex:"name"},{title:"Chinese Score",dataIndex:"chinese",sorter:{compare:(e,a)=>e.chinese-a.chinese,multiple:3}},{title:"Math Score",dataIndex:"math",sorter:{compare:(e,a)=>e.math-a.math,multiple:2}},{title:"English Score",dataIndex:"english",sorter:{compare:(e,a)=>e.english-a.english,multiple:1}}],l=[{key:"1",name:"John Brown",chinese:98,math:60,english:70},{key:"2",name:"Jim Green",chinese:98,math:66,english:89},{key:"3",name:"Joe Black",chinese:98,math:90,english:70},{key:"4",name:"Jim Red",chinese:88,math:99,english:89}],o=(e,a,t,d)=>{console.log("params",e,a,t,d);};var s=()=>(0,d.jsx)(n.Table,{columns:r,dataSource:l,onChange:o});},"38cac6f8":function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return s;}});var d=t("f19d2b93");t("6c5bfed1");var n=t("a9d1a279");let r=(0,t("3835a2b7").createStyles)(({css:e,token:a})=>{let{antCls:t}=a;return{customTable:e`
|
|
${t}-table {
|
|
${t}-table-container {
|
|
${t}-table-body,
|
|
${t}-table-content {
|
|
scrollbar-width: thin;
|
|
scrollbar-color: #eaeaea transparent;
|
|
scrollbar-gutter: stable;
|
|
}
|
|
}
|
|
}
|
|
`};}),l=[{title:"Full Name",width:100,dataIndex:"name",key:"name",fixed:"left"},{title:"Age",width:100,dataIndex:"age",key:"age",fixed:"left"},{title:"Column 1",dataIndex:"address",key:"1",width:150},{title:"Column 2",dataIndex:"address",key:"2",width:150},{title:"Column 3",dataIndex:"address",key:"3",width:150},{title:"Column 4",dataIndex:"address",key:"4",width:150},{title:"Column 5",dataIndex:"address",key:"5",width:150},{title:"Column 6",dataIndex:"address",key:"6",width:150},{title:"Column 7",dataIndex:"address",key:"7",width:150},{title:"Column 8",dataIndex:"address",key:"8"},{title:"Column 9",dataIndex:"address",key:"9"},{title:"Column 10",dataIndex:"address",key:"10"},{title:"Column 11",dataIndex:"address",key:"11"},{title:"Column 12",dataIndex:"address",key:"12"},{title:"Column 13",dataIndex:"address",key:"13"},{title:"Column 14",dataIndex:"address",key:"14"},{title:"Column 15",dataIndex:"address",key:"15"},{title:"Column 16",dataIndex:"address",key:"16"},{title:"Column 17",dataIndex:"address",key:"17"},{title:"Column 18",dataIndex:"address",key:"18"},{title:"Column 19",dataIndex:"address",key:"19"},{title:"Column 20",dataIndex:"address",key:"20"},{title:"Action",key:"operation",fixed:"right",width:100,render:()=>(0,d.jsx)("a",{children:"action"})}],o=Array.from({length:100}).map((e,a)=>({key:a,name:`Edward King ${a}`,age:32,address:`London, Park Lane no. ${a}`}));var s=()=>{let{styles:e}=r();return(0,d.jsx)(n.Table,{className:e.customTable,columns:l,dataSource:o,scroll:{x:"max-content",y:275}});};},"3a0b6a10":function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return s;}});var d=t("f19d2b93");t("2e6eb3ed");var n=t("5b220c3d"),r=t("a9d1a279");let l=(e=5)=>Array.from({length:e}).map((e,a)=>({key:a,name:`Edward King ${a}`,age:32+a,address:`London, Park Lane no. ${a}`})),o=e=>{if("Table.filter"===e)return(0,d.jsx)(r.Empty,{image:r.Empty.PRESENTED_IMAGE_SIMPLE,description:"No Filter(Custom)"});};var s=function(){let[e,a]=(0,n.useState)(l),t=[{title:"Name",dataIndex:"name",key:"name"},{title:"Age",dataIndex:"age",key:"age",filters:e.length?[{text:">=35",value:"gte35"},{text:"<18",value:"lt18"}]:[]},{title:"Address",dataIndex:"address",key:"address"}],s=(0,d.jsx)(r.Button,{type:"primary",onClick:()=>{a(e.length?[]:l(Math.floor(10*Math.random())));},children:"Toggle Data"});return(0,d.jsxs)(r.ConfigProvider,{renderEmpty:o,children:[e.length?s:null,(0,d.jsx)("div",{style:{marginBlock:8}}),(0,d.jsx)(r.Table,{bordered:!0,dataSource:e,columns:t,locale:{emptyText:(0,d.jsx)(r.Empty,{description:"No Data",children:s})}})]});};},"3cbfd874":function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return i;}});var d=t("f19d2b93");t("6388458e");var n=t("5b220c3d"),r=t("a9d1a279"),l=t("2006bc88");let o=e=>{let{onResize:a,width:t,...n}=e;return t?(0,d.jsx)(l.Resizable,{width:t,height:0,handle:(0,d.jsx)("span",{className:"react-resizable-handle",onClick:e=>e.stopPropagation()}),onResize:a,draggableOpts:{enableUserSelectHack:!1},children:(0,d.jsx)("th",{...n})}):(0,d.jsx)("th",{...n});},s=[{key:0,date:"2018-02-11",amount:120,type:"income",note:"transfer"},{key:1,date:"2018-03-11",amount:243,type:"income",note:"transfer"},{key:2,date:"2018-04-11",amount:98,type:"income",note:"transfer"}];var i=()=>{let[e,a]=(0,n.useState)([{title:"Date",dataIndex:"date",width:200},{title:"Amount",dataIndex:"amount",width:100,sorter:(e,a)=>e.amount-a.amount},{title:"Type",dataIndex:"type",width:100},{title:"Note",dataIndex:"note",width:100},{title:"Action",key:"action",render:()=>(0,d.jsx)("a",{children:"Delete"})}]),t=t=>(d,{size:n})=>{let r=[...e];r[t]={...r[t],width:n.width},a(r);},l=e.map((e,a)=>({...e,onHeaderCell:e=>({width:e.width,onResize:t(a)})}));return(0,d.jsx)(r.Table,{bordered:!0,components:{header:{cell:o}},columns:l,dataSource:s});};},"3dc045a2":function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return s;}});var d=t("f19d2b93");t("40cfb626");var n=t("5b220c3d"),r=t("a9d1a279");let l=[{title:"Name",dataIndex:"name"},{title:"Age",dataIndex:"age"},{title:"Address",dataIndex:"address"}],o=Array.from({length:46}).map((e,a)=>({key:a,name:`Edward King ${a}`,age:32,address:`London, Park Lane no. ${a}`}));var s=()=>{let[e,a]=(0,n.useState)([]),[t,s]=(0,n.useState)(!1),i=e.length>0;return(0,d.jsxs)(r.Flex,{gap:"middle",vertical:!0,children:[(0,d.jsxs)(r.Flex,{align:"center",gap:"middle",children:[(0,d.jsx)(r.Button,{type:"primary",onClick:()=>{s(!0),setTimeout(()=>{a([]),s(!1);},1e3);},disabled:!i,loading:t,children:"Reload"}),i?`Selected ${e.length} items`:null]}),(0,d.jsx)(r.Table,{rowSelection:{selectedRowKeys:e,onChange:e=>{console.log("selectedRowKeys changed: ",e),a(e);}},columns:l,dataSource:o})]});};},"3e727205":function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return i;}});var d=t("f19d2b93");t("1624d22b");var n=t("5b220c3d"),r=t("a9d1a279");let l=[{title:"Name",dataIndex:"name",key:"name"},{title:"Age",dataIndex:"age",key:"age",width:"12%"},{title:"Address",dataIndex:"address",width:"30%",key:"address"}],o=[{key:1,name:"John Brown sr.",age:60,address:"New York No. 1 Lake Park",children:[{key:11,name:"John Brown",age:42,address:"New York No. 2 Lake Park"},{key:12,name:"John Brown jr.",age:30,address:"New York No. 3 Lake Park",children:[{key:121,name:"Jimmy Brown",age:16,address:"New York No. 3 Lake Park"}]},{key:13,name:"Jim Green sr.",age:72,address:"London No. 1 Lake Park",children:[{key:131,name:"Jim Green",age:42,address:"London No. 2 Lake Park",children:[{key:1311,name:"Jim Green jr.",age:25,address:"London No. 3 Lake Park"},{key:1312,name:"Jimmy Green sr.",age:18,address:"London No. 4 Lake Park"}]}]}]},{key:2,name:"Joe Black",age:32,address:"Sydney No. 1 Lake Park"}],s={onChange:(e,a)=>{console.log(`selectedRowKeys: ${e}`,"selectedRows: ",a);},onSelect:(e,a,t)=>{console.log(e,a,t);},onSelectAll:(e,a,t)=>{console.log(e,a,t);}};var i=()=>{let[e,a]=(0,n.useState)(!1);return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)(r.Space,{align:"center",style:{marginBottom:16},children:["CheckStrictly: ",(0,d.jsx)(r.Switch,{checked:e,onChange:a})]}),(0,d.jsx)(r.Table,{columns:l,rowSelection:{...s,checkStrictly:e},dataSource:o})]});};},"3fb5fddb":function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return o;}});var d=t("f19d2b93");t("3bcd98ef");var n=t("5b220c3d"),r=t("a9d1a279");let l=[{key:"1",name:"John Brown",age:32,address:"New York No. 1 Lake Park"},{key:"2",name:"Jim Green",age:42,address:"London No. 1 Lake Park"},{key:"3",name:"Joe Black",age:32,address:"Sydney No. 1 Lake Park"},{key:"4",name:"Jim Red",age:32,address:"London No. 2 Lake Park"}];var o=()=>{let[e,a]=(0,n.useState)({}),[t,o]=(0,n.useState)({}),s=[{title:"Name",dataIndex:"name",key:"name",filters:[{text:"Joe",value:"Joe"},{text:"Jim",value:"Jim"}],filteredValue:e.name||null,onFilter:(e,a)=>a.name.includes(e),sorter:(e,a)=>e.name.length-a.name.length,sortOrder:"name"===t.columnKey?t.order:null,ellipsis:!0},{title:"Age",dataIndex:"age",key:"age",sorter:(e,a)=>e.age-a.age,sortOrder:"age"===t.columnKey?t.order:null,ellipsis:!0},{title:"Address",dataIndex:"address",key:"address",filters:[{text:"London",value:"London"},{text:"New York",value:"New York"}],filteredValue:e.address||null,onFilter:(e,a)=>a.address.includes(e),sorter:(e,a)=>e.address.length-a.address.length,sortOrder:"address"===t.columnKey?t.order:null,ellipsis:!0}];return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)(r.Space,{style:{marginBottom:16},children:[(0,d.jsx)(r.Button,{onClick:()=>{o({order:"descend",columnKey:"age"});},children:"Sort age"}),(0,d.jsx)(r.Button,{onClick:()=>{a({});},children:"Clear filters"}),(0,d.jsx)(r.Button,{onClick:()=>{a({}),o({});},children:"Clear filters and sorters"})]}),(0,d.jsx)(r.Table,{columns:s,dataSource:l,onChange:(e,t,d)=>{console.log("Various parameters",e,t,d),a(t),o(d);}})]});};},"4af71804":function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return m;}});var d=t("f19d2b93");t("2eeae0f1");var n=t("5b220c3d"),r=t("e22febe0"),l=t("a9d1a279");let o=[{title:"Name",dataIndex:"name"},{title:"Age",dataIndex:"age",sorter:(e,a)=>e.age-a.age},{title:"Address",dataIndex:"address",filters:[{text:"London",value:"London"},{text:"New York",value:"New York"}],onFilter:(e,a)=>0===a.address.indexOf(e)},{title:"Action",key:"action",sorter:!0,render:()=>(0,d.jsxs)(l.Space,{size:"middle",children:[(0,d.jsx)("a",{children:"Delete"}),(0,d.jsx)("a",{children:(0,d.jsxs)(l.Space,{children:["More actions",(0,d.jsx)(r.DownOutlined,{})]})})]})}],s=Array.from({length:10}).map((e,a)=>({key:a,name:"John Brown",age:Number(`${a}2`),address:`New York No. ${a} Lake Park`,description:`My name is John Brown, I am ${a}2 years old, living in New York No. ${a} Lake Park.`})),i={expandedRowRender:e=>(0,d.jsx)("p",{children:e.description})},c=()=>"Here is title",u=()=>"Here is footer";var m=()=>{let[e,a]=(0,n.useState)(!1),[t,r]=(0,n.useState)(!1),[m,x]=(0,n.useState)("large"),[g,h]=(0,n.useState)(i),[k,y]=(0,n.useState)(!1),[f,b]=(0,n.useState)(!0),[v,p]=(0,n.useState)(!0),[j,S]=(0,n.useState)({}),[w,I]=(0,n.useState)(!0),[C,N]=(0,n.useState)(),[L,B]=(0,n.useState)("none"),[P,J]=(0,n.useState)("bottomRight"),[T,A]=(0,n.useState)(!1),[R,F]=(0,n.useState)(!1),[_,M]=(0,n.useState)(),$={};R&&($.y=240),_&&($.x="100vw");let G=o.map(e=>({...e,ellipsis:T}));return"fixed"===_&&(G[0].fixed=!0,G[G.length-1].fixed="right"),(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)(l.Form,{layout:"inline",className:"table-demo-control-bar",style:{marginBottom:16},children:[(0,d.jsx)(l.Form.Item,{label:"Bordered",children:(0,d.jsx)(l.Switch,{checked:e,onChange:e=>{a(e);}})}),(0,d.jsx)(l.Form.Item,{label:"loading",children:(0,d.jsx)(l.Switch,{checked:t,onChange:e=>{r(e);}})}),(0,d.jsx)(l.Form.Item,{label:"Title",children:(0,d.jsx)(l.Switch,{checked:k,onChange:e=>{y(e);}})}),(0,d.jsx)(l.Form.Item,{label:"Column Header",children:(0,d.jsx)(l.Switch,{checked:f,onChange:e=>{b(e);}})}),(0,d.jsx)(l.Form.Item,{label:"Footer",children:(0,d.jsx)(l.Switch,{checked:v,onChange:e=>{p(e);}})}),(0,d.jsx)(l.Form.Item,{label:"Expandable",children:(0,d.jsx)(l.Switch,{checked:!!g,onChange:e=>{h(e?i:void 0);}})}),(0,d.jsx)(l.Form.Item,{label:"Checkbox",children:(0,d.jsx)(l.Switch,{checked:!!j,onChange:e=>{S(e?{}:void 0);}})}),(0,d.jsx)(l.Form.Item,{label:"Fixed Header",children:(0,d.jsx)(l.Switch,{checked:!!R,onChange:e=>{F(e);}})}),(0,d.jsx)(l.Form.Item,{label:"Has Data",children:(0,d.jsx)(l.Switch,{checked:!!w,onChange:e=>{I(e);}})}),(0,d.jsx)(l.Form.Item,{label:"Ellipsis",children:(0,d.jsx)(l.Switch,{checked:!!T,onChange:e=>{A(e);}})}),(0,d.jsx)(l.Form.Item,{label:"Size",children:(0,d.jsxs)(l.Radio.Group,{value:m,onChange:e=>{x(e.target.value);},children:[(0,d.jsx)(l.Radio.Button,{value:"large",children:"Large"}),(0,d.jsx)(l.Radio.Button,{value:"middle",children:"Middle"}),(0,d.jsx)(l.Radio.Button,{value:"small",children:"Small"})]})}),(0,d.jsx)(l.Form.Item,{label:"Table Scroll",children:(0,d.jsxs)(l.Radio.Group,{value:_,onChange:e=>{M(e.target.value);},children:[(0,d.jsx)(l.Radio.Button,{value:void 0,children:"Unset"}),(0,d.jsx)(l.Radio.Button,{value:"scroll",children:"Scroll"}),(0,d.jsx)(l.Radio.Button,{value:"fixed",children:"Fixed Columns"})]})}),(0,d.jsx)(l.Form.Item,{label:"Table Layout",children:(0,d.jsxs)(l.Radio.Group,{value:C,onChange:e=>{N(e.target.value);},children:[(0,d.jsx)(l.Radio.Button,{value:void 0,children:"Unset"}),(0,d.jsx)(l.Radio.Button,{value:"fixed",children:"Fixed"})]})}),(0,d.jsx)(l.Form.Item,{label:"Pagination Top",children:(0,d.jsxs)(l.Radio.Group,{value:L,onChange:e=>B(e.target.value),children:[(0,d.jsx)(l.Radio.Button,{value:"topLeft",children:"TopLeft"}),(0,d.jsx)(l.Radio.Button,{value:"topCenter",children:"TopCenter"}),(0,d.jsx)(l.Radio.Button,{value:"topRight",children:"TopRight"}),(0,d.jsx)(l.Radio.Button,{value:"none",children:"None"})]})}),(0,d.jsx)(l.Form.Item,{label:"Pagination Bottom",children:(0,d.jsxs)(l.Radio.Group,{value:P,onChange:e=>J(e.target.value),children:[(0,d.jsx)(l.Radio.Button,{value:"bottomLeft",children:"BottomLeft"}),(0,d.jsx)(l.Radio.Button,{value:"bottomCenter",children:"BottomCenter"}),(0,d.jsx)(l.Radio.Button,{value:"bottomRight",children:"BottomRight"}),(0,d.jsx)(l.Radio.Button,{value:"none",children:"None"})]})})]}),(0,d.jsx)(l.Table,{bordered:e,loading:t,size:m,expandable:g,title:k?c:void 0,showHeader:f,footer:v?u:void 0,rowSelection:j,scroll:$,tableLayout:C,pagination:{position:[L,P]},columns:G,dataSource:w?s:[],scroll:$})]});};},"4c6d6d1f":function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return c;}});var d=t("777fffbe"),n=t("f19d2b93");t("b8b8c62f");var r=t("5b220c3d"),l=t("a9d1a279"),o=d._(t("c630c6aa"));let s=[{title:"Name",dataIndex:"name",sorter:!0,render:e=>`${e.first} ${e.last}`,width:"20%"},{title:"Gender",dataIndex:"gender",filters:[{text:"Male",value:"male"},{text:"Female",value:"female"}],width:"20%"},{title:"Email",dataIndex:"email"}],i=e=>{var a,t;return{results:null===(a=e.pagination)||void 0===a?void 0:a.pageSize,page:null===(t=e.pagination)||void 0===t?void 0:t.current,...e};};var c=()=>{var e,a;let[t,d]=(0,r.useState)(),[c,u]=(0,r.useState)(!1),[m,x]=(0,r.useState)({pagination:{current:1,pageSize:10}});return(0,r.useEffect)(()=>{u(!0),fetch(`https://randomuser.me/api?${o.default.stringify(i(m))}`).then(e=>e.json()).then(({results:e})=>{d(e),u(!1),x({...m,pagination:{...m.pagination,total:200}});});},[null===(e=m.pagination)||void 0===e?void 0:e.current,null===(a=m.pagination)||void 0===a?void 0:a.pageSize,null==m?void 0:m.sortOrder,null==m?void 0:m.sortField,JSON.stringify(m.filters)]),(0,n.jsx)(l.Table,{columns:s,rowKey:e=>e.login.uuid,dataSource:t,pagination:m.pagination,loading:c,onChange:(e,a,t)=>{var n;x({pagination:e,filters:a,sortOrder:Array.isArray(t)?void 0:t.order,sortField:Array.isArray(t)?void 0:t.field}),e.pageSize!==(null===(n=m.pagination)||void 0===n?void 0:n.pageSize)&&d([]);}});};},"4e7012fd":function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return o;}});var d=t("f19d2b93");t("9f1c814b");var n=t("a9d1a279");let r=[{title:"Name",dataIndex:"name",key:"name"},n.Table.EXPAND_COLUMN,{title:"Age",dataIndex:"age",key:"age"},n.Table.SELECTION_COLUMN,{title:"Address",dataIndex:"address",key:"address"}],l=[{key:1,name:"John Brown",age:32,address:"New York No. 1 Lake Park",description:"My name is John Brown, I am 32 years old, living in New York No. 1 Lake Park."},{key:2,name:"Jim Green",age:42,address:"London No. 1 Lake Park",description:"My name is Jim Green, I am 42 years old, living in London No. 1 Lake Park."},{key:3,name:"Not Expandable",age:29,address:"Jiangsu No. 1 Lake Park",description:"This not expandable"},{key:4,name:"Joe Black",age:32,address:"Sydney No. 1 Lake Park",description:"My name is Joe Black, I am 32 years old, living in Sydney No. 1 Lake Park."}];var o=()=>(0,d.jsx)(n.Table,{columns:r,rowSelection:{},expandable:{expandedRowRender:e=>(0,d.jsx)("p",{style:{margin:0},children:e.description})},dataSource:l});},"4eb177f1":function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return x;}});var d=t("f19d2b93");t("30823373");var n=t("5b220c3d"),r=t("e22febe0"),l=t("a9d1a279");let o=[{key:"1",label:"Action 1"},{key:"2",label:"Action 2"}],s=[{title:"Date",dataIndex:"date",key:"date"},{title:"Name",dataIndex:"name",key:"name"},{title:"Status",key:"state",render:()=>(0,d.jsxs)("span",{children:[(0,d.jsx)(l.Badge,{status:"success"}),"Finished"]})},{title:"Upgrade Status",dataIndex:"upgradeNum",key:"upgradeNum"},{title:"Action",dataIndex:"operation",key:"operation",render:()=>(0,d.jsxs)(l.Space,{size:"middle",children:[(0,d.jsx)("a",{children:"Pause"}),(0,d.jsx)("a",{children:"Stop"}),(0,d.jsx)(l.Dropdown,{menu:{items:o},children:(0,d.jsxs)("a",{children:["More ",(0,d.jsx)(r.DownOutlined,{})]})})]})}],i=Array.from({length:3}).map((e,a)=>({key:a,date:"2014-12-24 23:12:00",name:"This is production name",upgradeNum:"Upgraded: 56"})),c=e=>()=>(0,d.jsx)(l.Table,{columns:s,dataSource:i,pagination:!1,bordered:e}),u=[{title:"Name",dataIndex:"name",key:"name"},{title:"Platform",dataIndex:"platform",key:"platform"},{title:"Version",dataIndex:"version",key:"version"},{title:"Upgraded",dataIndex:"upgradeNum",key:"upgradeNum"},{title:"Creator",dataIndex:"creator",key:"creator"},{title:"Date",dataIndex:"createdAt",key:"createdAt"},{title:"Action",key:"operation",render:()=>(0,d.jsx)("a",{children:"Publish"})}],m=Array.from({length:3}).map((e,a)=>({key:a,name:"Screem",platform:"iOS",version:"10.3.4.5654",upgradeNum:500,creator:"Jack",createdAt:"2014-12-24 23:12:00"}));var x=()=>{let[e,a]=(0,n.useState)(!0),[t,r]=(0,n.useState)(!0);return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)(l.Form,{layout:"inline",className:"table-demo-control-bar",style:{marginBottom:16},children:[(0,d.jsx)(l.Form.Item,{label:"Root Table Bordered",children:(0,d.jsx)(l.Switch,{checked:e,onChange:e=>a(e)})}),(0,d.jsx)(l.Form.Item,{label:"Child Table Bordered",children:(0,d.jsx)(l.Switch,{checked:t,onChange:e=>r(e)})})]}),(0,d.jsx)(l.Table,{title:()=>"cool",footer:()=>"cool",columns:u,expandable:{expandedRowRender:c(t)},dataSource:m,bordered:e})]});};},"576c7917":function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return o;}});var d=t("f19d2b93");t("16da1f00");var n=t("a9d1a279");let r=[{title:"Name",dataIndex:"name",render:e=>(0,d.jsx)("a",{children:e})},{title:"Cash Assets",className:"column-money",dataIndex:"money",align:"right"},{title:"Address",dataIndex:"address"}],l=[{key:"1",name:"John Brown",money:"\uFFE5300,000.00",address:"New York No. 1 Lake Park"},{key:"2",name:"Jim Green",money:"\uFFE51,256,000.00",address:"London No. 1 Lake Park"},{key:"3",name:"Joe Black",money:"\uFFE5120,000.00",address:"Sydney No. 1 Lake Park"}];var o=()=>(0,d.jsx)(n.Table,{columns:r,dataSource:l,bordered:!0,title:()=>"Header",footer:()=>"Footer"});},"6a6567ef":function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return h;}});var d=t("f19d2b93");t("cddd4b2b");var n=t("5b220c3d"),r=t("915a4463"),l=t("c0f053f1"),o=t("9944ffaa"),s=t("a9d1a279");let i=(0,n.createContext)({active:-1,over:-1}),c=(e,a)=>{let{active:t,over:d,direction:n}=e,r={};return t&&t===a?r={backgroundColor:"gray",opacity:.5}:d&&a===d&&t!==d&&(r="right"===n?{borderRight:"1px dashed gray"}:{borderLeft:"1px dashed gray"}),r;},u=e=>{let a=(0,n.useContext)(i);return(0,d.jsx)("td",{...e,style:{...e.style,...c(a,e.id)}});},m=e=>{let a=(0,n.useContext)(i),{attributes:t,listeners:r,setNodeRef:l,isDragging:s}=(0,o.useSortable)({id:e.id}),u={...e.style,cursor:"move",...s?{position:"relative",zIndex:9999,userSelect:"none"}:{},...c(a,e.id)};return(0,d.jsx)("th",{...e,ref:l,style:u,...t,...r});},x=[{key:"1",name:"John Brown",gender:"male",age:32,email:"John Brown@example.com",address:"London No. 1 Lake Park"},{key:"2",name:"Jim Green",gender:"female",age:42,email:"jimGreen@example.com",address:"London No. 1 Lake Park"},{key:"3",name:"Joe Black",gender:"female",age:32,email:"JoeBlack@example.com",address:"Sidney No. 1 Lake Park"},{key:"4",name:"George Hcc",gender:"male",age:20,email:"george@example.com",address:"Sidney No. 1 Lake Park"}],g=[{title:"Name",dataIndex:"name"},{title:"Gender",dataIndex:"gender"},{title:"Age",dataIndex:"age"},{title:"Email",dataIndex:"email"},{title:"Address",dataIndex:"address"}];var h=()=>{var e;let[a,t]=(0,n.useState)({active:-1,over:-1}),[c,h]=(0,n.useState)(()=>g.map((e,a)=>({...e,key:`${a}`,onHeaderCell:()=>({id:`${a}`}),onCell:()=>({id:`${a}`})}))),k=(0,r.useSensors)((0,r.useSensor)(r.PointerSensor,{activationConstraint:{distance:1}}));return(0,d.jsxs)(r.DndContext,{sensors:k,modifiers:[l.restrictToHorizontalAxis],onDragEnd:({active:e,over:a})=>{e.id!==(null==a?void 0:a.id)&&h(t=>{let d=t.findIndex(a=>a.key===(null==e?void 0:e.id)),n=t.findIndex(e=>e.key===(null==a?void 0:a.id));return(0,o.arrayMove)(t,d,n);}),t({active:-1,over:-1});},onDragOver:({active:e,over:a})=>{let d=c.findIndex(a=>a.key===e.id),n=c.findIndex(e=>e.key===(null==a?void 0:a.id));t({active:e.id,over:null==a?void 0:a.id,direction:n>d?"right":"left"});},collisionDetection:r.closestCenter,children:[(0,d.jsx)(o.SortableContext,{items:c.map(e=>e.key),strategy:o.horizontalListSortingStrategy,children:(0,d.jsx)(i.Provider,{value:a,children:(0,d.jsx)(s.Table,{rowKey:"key",columns:c,dataSource:x,components:{header:{cell:m},body:{cell:u}}})})}),(0,d.jsx)(r.DragOverlay,{children:(0,d.jsx)("th",{style:{backgroundColor:"gray",padding:16},children:null===(e=c[c.findIndex(e=>e.key===a.active)])||void 0===e?void 0:e.title})})]});};},"70bb67e2":function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return y;}});var d=t("852bbaa9"),n=t("f19d2b93");t("fa6f80f4");var r=d._(t("5b220c3d")),l=t("e22febe0"),o=t("915a4463"),s=t("c0f053f1"),i=t("9944ffaa"),c=t("7f663da5"),u=t("a9d1a279");let m=r.default.createContext({}),x=()=>{let{setActivatorNodeRef:e,listeners:a}=(0,r.useContext)(m);return(0,n.jsx)(u.Button,{type:"text",size:"small",icon:(0,n.jsx)(l.HolderOutlined,{}),style:{cursor:"move"},ref:e,...a});},g=[{key:"sort",align:"center",width:80,render:()=>(0,n.jsx)(x,{})},{title:"Name",dataIndex:"name"},{title:"Age",dataIndex:"age"},{title:"Address",dataIndex:"address"}],h=[{key:"1",name:"John Brown",age:32,address:"Long text Long"},{key:"2",name:"Jim Green",age:42,address:"London No. 1 Lake Park"},{key:"3",name:"Joe Black",age:32,address:"Sidney No. 1 Lake Park"}],k=e=>{let{attributes:a,listeners:t,setNodeRef:d,setActivatorNodeRef:l,transform:o,transition:s,isDragging:u}=(0,i.useSortable)({id:e["data-row-key"]}),x={...e.style,transform:c.CSS.Translate.toString(o),transition:s,...u?{position:"relative",zIndex:9999}:{}},g=(0,r.useMemo)(()=>({setActivatorNodeRef:l,listeners:t}),[l,t]);return(0,n.jsx)(m.Provider,{value:g,children:(0,n.jsx)("tr",{...e,ref:d,style:x,...a})});};var y=()=>{let[e,a]=r.default.useState(h);return(0,n.jsx)(o.DndContext,{modifiers:[s.restrictToVerticalAxis],onDragEnd:({active:e,over:t})=>{e.id!==(null==t?void 0:t.id)&&a(a=>{let d=a.findIndex(a=>a.key===(null==e?void 0:e.id)),n=a.findIndex(e=>e.key===(null==t?void 0:t.id));return(0,i.arrayMove)(a,d,n);});},children:(0,n.jsx)(i.SortableContext,{items:e.map(e=>e.key),strategy:i.verticalListSortingStrategy,children:(0,n.jsx)(u.Table,{rowKey:"key",components:{body:{row:k}},columns:g,dataSource:e})})});};},"73d08b0e":function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return m;}});var d=t("f19d2b93");t("780271da");var n=t("e22febe0"),r=t("a9d1a279");let l=[{key:"1",label:"Action 1"},{key:"2",label:"Action 2"}],o=Array.from({length:3}).map((e,a)=>({key:a.toString(),date:"2014-12-24 23:12:00",name:"This is production name",upgradeNum:"Upgraded: 56"})),s=Array.from({length:3}).map((e,a)=>({key:a.toString(),name:"Screen",platform:"iOS",version:"10.3.4.5654",upgradeNum:500,creator:"Jack",createdAt:"2014-12-24 23:12:00"})),i=[{title:"Date",dataIndex:"date",key:"date"},{title:"Name",dataIndex:"name",key:"name"},{title:"Status",key:"state",render:()=>(0,d.jsx)(r.Badge,{status:"success",text:"Finished"})},{title:"Upgrade Status",dataIndex:"upgradeNum",key:"upgradeNum"},{title:"Action",key:"operation",render:()=>(0,d.jsxs)(r.Space,{size:"middle",children:[(0,d.jsx)("a",{children:"Pause"}),(0,d.jsx)("a",{children:"Stop"}),(0,d.jsx)(r.Dropdown,{menu:{items:l},children:(0,d.jsxs)("a",{children:["More ",(0,d.jsx)(n.DownOutlined,{})]})})]})}],c=[{title:"Name",dataIndex:"name",key:"name"},{title:"Platform",dataIndex:"platform",key:"platform"},{title:"Version",dataIndex:"version",key:"version"},{title:"Upgraded",dataIndex:"upgradeNum",key:"upgradeNum"},{title:"Creator",dataIndex:"creator",key:"creator"},{title:"Date",dataIndex:"createdAt",key:"createdAt"},{title:"Action",key:"operation",render:()=>(0,d.jsx)("a",{children:"Publish"})}],u=()=>(0,d.jsx)(r.Table,{columns:i,dataSource:o,pagination:!1});var m=()=>(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(r.Table,{columns:c,expandable:{expandedRowRender:u,defaultExpandedRowKeys:["0"]},dataSource:s}),(0,d.jsx)(r.Table,{columns:c,expandable:{expandedRowRender:u,defaultExpandedRowKeys:["0"]},dataSource:s,size:"middle"}),(0,d.jsx)(r.Table,{columns:c,expandable:{expandedRowRender:u,defaultExpandedRowKeys:["0"]},dataSource:s,size:"small"})]});},"74c030b9":function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return o;}});var d=t("f19d2b93");t("da03a010");var n=t("a9d1a279");let r=[{title:"Name",dataIndex:"name"},{title:"Age",dataIndex:"age"},{title:"Address",dataIndex:"address"}],l=[{key:"1",name:"John Brown",age:32,address:"New York No. 1 Lake Park"},{key:"2",name:"Jim Green",age:42,address:"London No. 1 Lake Park"},{key:"3",name:"Joe Black",age:32,address:"Sydney No. 1 Lake Park"}];var o=()=>(0,d.jsx)(n.Table,{bordered:!0,rowSelection:{type:"checkbox",selections:!0},columns:r,dataSource:l});},"801ac8db":function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return o;}});var d=t("f19d2b93");t("7ebe5e0c");var n=t("a9d1a279");let r=[{title:"Name",dataIndex:"name"},{title:"Age",dataIndex:"age"},{title:"Address",dataIndex:"address"}],l=[{key:"1",name:"John Brown",age:32,address:"New York No. 1 Lake Park"},{key:"2",name:"Jim Green",age:42,address:"London No. 1 Lake Park"},{key:"3",name:"Joe Black",age:32,address:"Sydney No. 1 Lake Park"}];var o=()=>(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(n.Divider,{children:"Middle size table"}),(0,d.jsx)(n.Table,{columns:r,dataSource:l,size:"middle"}),(0,d.jsx)(n.Divider,{children:"Small size table"}),(0,d.jsx)(n.Table,{columns:r,dataSource:l,size:"small"})]});},"81f79757":function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return o;}});var d=t("f19d2b93");t("00cc3386");var n=t("a9d1a279");let r=[{title:"Name",dataIndex:"name",key:"name"},{title:"Age",dataIndex:"age",key:"age"},{title:"Address",dataIndex:"address",key:"address"},{title:"Action",dataIndex:"",key:"x",render:()=>(0,d.jsx)("a",{children:"Delete"})}],l=[{key:1,name:"John Brown",age:32,address:"New York No. 1 Lake Park",description:"My name is John Brown, I am 32 years old, living in New York No. 1 Lake Park."},{key:2,name:"Jim Green",age:42,address:"London No. 1 Lake Park",description:"My name is Jim Green, I am 42 years old, living in London No. 1 Lake Park."},{key:3,name:"Not Expandable",age:29,address:"Jiangsu No. 1 Lake Park",description:"This not expandable"},{key:4,name:"Joe Black",age:32,address:"Sydney No. 1 Lake Park",description:"My name is Joe Black, I am 32 years old, living in Sydney No. 1 Lake Park."}];var o=()=>(0,d.jsx)(n.Table,{columns:r,expandable:{expandedRowRender:e=>(0,d.jsx)("p",{style:{margin:0},children:e.description}),rowExpandable:e=>"Not Expandable"!==e.name},dataSource:l});},"8907ad50":function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return s;}});var d=t("f19d2b93");t("77aeed82");var n=t("a9d1a279");let{Column:r,ColumnGroup:l}=n.Table,o=[{key:"1",firstName:"John",lastName:"Brown",age:32,address:"New York No. 1 Lake Park",tags:["nice","developer"]},{key:"2",firstName:"Jim",lastName:"Green",age:42,address:"London No. 1 Lake Park",tags:["loser"]},{key:"3",firstName:"Joe",lastName:"Black",age:32,address:"Sydney No. 1 Lake Park",tags:["cool","teacher"]}];var s=()=>(0,d.jsxs)(n.Table,{dataSource:o,children:[(0,d.jsxs)(l,{title:"Name",children:[(0,d.jsx)(r,{title:"First Name",dataIndex:"firstName"},"firstName"),(0,d.jsx)(r,{title:"Last Name",dataIndex:"lastName"},"lastName")]}),(0,d.jsx)(r,{title:"Age",dataIndex:"age"},"age"),(0,d.jsx)(r,{title:"Address",dataIndex:"address"},"address"),(0,d.jsx)(r,{title:"Tags",dataIndex:"tags",render:e=>(0,d.jsx)(d.Fragment,{children:e.map(e=>{let a=e.length>5?"geekblue":"green";return"loser"===e&&(a="volcano"),(0,d.jsx)(n.Tag,{color:a,children:e.toUpperCase()},e);})})},"tags"),(0,d.jsx)(r,{title:"Action",render:(e,a)=>(0,d.jsxs)(n.Space,{size:"middle",children:[(0,d.jsxs)("a",{children:["Invite ",a.lastName]}),(0,d.jsx)("a",{children:"Delete"})]})},"action")]});},"940d51dd":function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return s;}});var d=t("f19d2b93");t("53c5ba17");var n=t("a9d1a279");let r=[{title:"Name",dataIndex:"name",showSorterTooltip:{target:"full-header"},filters:[{text:"Joe",value:"Joe"},{text:"Jim",value:"Jim"},{text:"Submenu",value:"Submenu",children:[{text:"Green",value:"Green"},{text:"Black",value:"Black"}]}],onFilter:(e,a)=>0===a.name.indexOf(e),sorter:(e,a)=>e.name.length-a.name.length,sortDirections:["descend"]},{title:"Age",dataIndex:"age",defaultSortOrder:"descend",sorter:(e,a)=>e.age-a.age},{title:"Address",dataIndex:"address",filters:[{text:"London",value:"London"},{text:"New York",value:"New York"}],onFilter:(e,a)=>0===a.address.indexOf(e)}],l=[{key:"1",name:"John Brown",age:32,address:"New York No. 1 Lake Park"},{key:"2",name:"Jim Green",age:42,address:"London No. 1 Lake Park"},{key:"3",name:"Joe Black",age:32,address:"Sydney No. 1 Lake Park"},{key:"4",name:"Jim Red",age:32,address:"London No. 2 Lake Park"}],o=(e,a,t,d)=>{console.log("params",e,a,t,d);};var s=()=>(0,d.jsx)(n.Table,{columns:r,dataSource:l,onChange:o,showSorterTooltip:{target:"sorter-icon"}});},"9f15a305":function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return u;}});var d=t("f19d2b93");t("9416d6c7");var n=t("a9d1a279");let r=(0,t("3835a2b7").createStyles)(({css:e,token:a})=>{let{antCls:t}=a;return{customTable:e`
|
|
${t}-table {
|
|
${t}-table-container {
|
|
${t}-table-body,
|
|
${t}-table-content {
|
|
scrollbar-width: thin;
|
|
scrollbar-color: #eaeaea transparent;
|
|
scrollbar-gutter: stable;
|
|
}
|
|
}
|
|
}
|
|
`};}),{Text:l}=n.Typography,o=[{title:"Name",dataIndex:"name"},{title:"Borrow",dataIndex:"borrow"},{title:"Repayment",dataIndex:"repayment"}],s=[{key:"1",name:"John Brown",borrow:10,repayment:33},{key:"2",name:"Jim Green",borrow:100,repayment:0},{key:"3",name:"Joe Black",borrow:10,repayment:10},{key:"4",name:"Jim Red",borrow:75,repayment:45}],i=[{title:"Name",dataIndex:"name",fixed:!0,width:100},{title:"Description",dataIndex:"description"}],c=Array.from({length:20}).map((e,a)=>({key:a,name:["Light","Bamboo","Little"][a%3],description:"Everything that has a beginning, has an end."}));var u=()=>{let{styles:e}=r();return(0,d.jsxs)(n.Flex,{vertical:!0,gap:"small",children:[(0,d.jsx)(n.Table,{bordered:!0,className:e.customTable,columns:o,dataSource:s,pagination:!1,summary:e=>{let a=0,t=0;return e.forEach(({borrow:e,repayment:d})=>{a+=e,t+=d;}),(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)(n.Table.Summary.Row,{children:[(0,d.jsx)(n.Table.Summary.Cell,{index:0,children:"Total"}),(0,d.jsx)(n.Table.Summary.Cell,{index:1,children:(0,d.jsx)(l,{type:"danger",children:a})}),(0,d.jsx)(n.Table.Summary.Cell,{index:2,children:(0,d.jsx)(l,{children:t})})]}),(0,d.jsxs)(n.Table.Summary.Row,{children:[(0,d.jsx)(n.Table.Summary.Cell,{index:0,children:"Balance"}),(0,d.jsx)(n.Table.Summary.Cell,{index:1,colSpan:2,children:(0,d.jsx)(l,{type:"danger",children:a-t})})]})]});}}),(0,d.jsx)(n.Table,{className:e.customTable,columns:i,dataSource:c,pagination:!1,scroll:{x:2e3,y:500},bordered:!0,summary:()=>(0,d.jsx)(n.Table.Summary,{fixed:!0,children:(0,d.jsxs)(n.Table.Summary.Row,{children:[(0,d.jsx)(n.Table.Summary.Cell,{index:0,children:"Summary"}),(0,d.jsx)(n.Table.Summary.Cell,{index:1,children:"This is a summary content"})]})})})]});};},"9fbcf7f9":function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return s;}});var d=t("f19d2b93");t("db03af60");var n=t("a9d1a279");let r=(0,t("3835a2b7").createStyles)(({css:e,token:a})=>{let{antCls:t}=a;return{customTable:e`
|
|
${t}-table {
|
|
${t}-table-container {
|
|
${t}-table-body,
|
|
${t}-table-content {
|
|
scrollbar-width: thin;
|
|
scrollbar-color: #eaeaea transparent;
|
|
scrollbar-gutter: stable;
|
|
}
|
|
}
|
|
}
|
|
`};}),l=[{title:"Full Name",width:100,dataIndex:"name",fixed:"left"},{title:"Age",width:100,dataIndex:"age"},{title:"Column 1",dataIndex:"address",key:"1",fixed:"left"},{title:"Column 2",dataIndex:"address",key:"2"},{title:"Column 3",dataIndex:"address",key:"3"},{title:"Column 4",dataIndex:"address",key:"4"},{title:"Column 5",dataIndex:"address",key:"5"},{title:"Column 6",dataIndex:"address",key:"6"},{title:"Column 7",dataIndex:"address",key:"7"},{title:"Column 8",dataIndex:"address",key:"8"},{title:"Column 9",dataIndex:"address",key:"9"},{title:"Column 10",dataIndex:"address",key:"10"},{title:"Column 11",dataIndex:"address",key:"11"},{title:"Column 12",dataIndex:"address",key:"12"},{title:"Column 13",dataIndex:"address",key:"13"},{title:"Column 14",dataIndex:"address",key:"14"},{title:"Column 15",dataIndex:"address",key:"15"},{title:"Column 16",dataIndex:"address",key:"16"},{title:"Column 17",dataIndex:"address",key:"17"},{title:"Column 18",dataIndex:"address",key:"18"},{title:"Column 19",dataIndex:"address",key:"19"},{title:"Column 20",dataIndex:"address",key:"20"},{title:"Action 1",fixed:"right",width:90,render:()=>(0,d.jsx)("a",{children:"action"})},{title:"Action 2",width:90,render:()=>(0,d.jsx)("a",{children:"action"})},{title:"Action 3",fixed:"right",width:90,render:()=>(0,d.jsx)("a",{children:"action"})}],o=[{key:"1",name:"Olivia",age:32,address:"New York Park"},{key:"2",name:"Ethan",age:40,address:"London Park"}];var s=()=>{let{styles:e}=r();return(0,d.jsx)(n.Table,{bordered:!0,className:e.customTable,columns:l,dataSource:o,scroll:{x:"max-content"},pagination:!1});};},a1406e90:function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return s;}});var d=t("f19d2b93");t("ba5173db");var n=t("5b220c3d"),r=t("a9d1a279");let l=[{title:"Full Name",width:100,dataIndex:"name",key:"name",fixed:"left"},{title:"Age",width:100,dataIndex:"age",key:"age",fixed:"left"},{title:"Column 1",dataIndex:"address",key:"1",width:150},{title:"Column 2",dataIndex:"address",key:"2",width:150},{title:"Column 3",dataIndex:"address",key:"3",width:150},{title:"Column 4",dataIndex:"address",key:"4",width:150},{title:"Column 5",dataIndex:"address",key:"5",width:150},{title:"Column 6",dataIndex:"address",key:"6",width:150},{title:"Column 7",dataIndex:"address",key:"7",width:150},{title:"Column 8",dataIndex:"address",key:"8"},{title:"Action",key:"operation",fixed:"right",width:100,render:()=>(0,d.jsx)("a",{children:"action"})}],o=Array.from({length:100}).map((e,a)=>({key:a,name:`Edward ${a}`,age:32,address:`London Park no. ${a}`}));var s=()=>{let[e,a]=(0,n.useState)(!1);return(0,d.jsx)(r.Table,{columns:l,dataSource:o,scroll:{x:1500},summary:()=>(0,d.jsx)(r.Table.Summary,{fixed:e?"top":"bottom",children:(0,d.jsxs)(r.Table.Summary.Row,{children:[(0,d.jsx)(r.Table.Summary.Cell,{index:0,colSpan:2,children:(0,d.jsx)(r.Switch,{checkedChildren:"Fixed Top",unCheckedChildren:"Fixed Top",checked:e,onChange:()=>{a(!e);}})}),(0,d.jsx)(r.Table.Summary.Cell,{index:2,colSpan:8,children:"Scroll Context"}),(0,d.jsx)(r.Table.Summary.Cell,{index:10,children:"Fix Right"})]})}),sticky:{offsetHeader:64}});};},a223373c:function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return c;}});var d=t("777fffbe"),n=t("f19d2b93");t("a19aaa48");var r=t("5b220c3d"),l=t("e22febe0"),o=t("a9d1a279"),s=d._(t("7b960f61"));let i=[{key:"1",name:"John Brown",age:32,address:"New York No. 1 Lake Park"},{key:"2",name:"Joe Black",age:42,address:"London No. 1 Lake Park"},{key:"3",name:"Jim Green",age:32,address:"Sydney No. 1 Lake Park"},{key:"4",name:"Jim Red",age:32,address:"London No. 2 Lake Park"}];var c=()=>{let[e,a]=(0,r.useState)(""),[t,d]=(0,r.useState)(""),c=(0,r.useRef)(null),u=(e,t,n)=>{t(),a(e[0]),d(n);},m=e=>{e(),a("");},x=r=>({filterDropdown:({setSelectedKeys:e,selectedKeys:t,confirm:s,clearFilters:i,close:x})=>(0,n.jsxs)("div",{style:{padding:8},onKeyDown:e=>e.stopPropagation(),children:[(0,n.jsx)(o.Input,{ref:c,placeholder:`Search ${r}`,value:t[0],onChange:a=>e(a.target.value?[a.target.value]:[]),onPressEnter:()=>u(t,s,r),style:{marginBottom:8,display:"block"}}),(0,n.jsxs)(o.Space,{children:[(0,n.jsx)(o.Button,{type:"primary",onClick:()=>u(t,s,r),icon:(0,n.jsx)(l.SearchOutlined,{}),size:"small",style:{width:90},children:"Search"}),(0,n.jsx)(o.Button,{onClick:()=>i&&m(i),size:"small",style:{width:90},children:"Reset"}),(0,n.jsx)(o.Button,{type:"link",size:"small",onClick:()=>{s({closeDropdown:!1}),a(t[0]),d(r);},children:"Filter"}),(0,n.jsx)(o.Button,{type:"link",size:"small",onClick:()=>{x();},children:"close"})]})]}),filterIcon:e=>(0,n.jsx)(l.SearchOutlined,{style:{color:e?"#1677ff":void 0}}),onFilter:(e,a)=>a[r].toString().toLowerCase().includes(e.toLowerCase()),filterDropdownProps:{onOpenChange(e){e&&setTimeout(()=>{var e;return null===(e=c.current)||void 0===e?void 0:e.select();},100);}},render:a=>t===r?(0,n.jsx)(s.default,{highlightStyle:{backgroundColor:"#ffc069",padding:0},searchWords:[e],autoEscape:!0,textToHighlight:a?a.toString():""}):a}),g=[{title:"Name",dataIndex:"name",key:"name",width:"30%",...x("name")},{title:"Age",dataIndex:"age",key:"age",width:"20%",...x("age")},{title:"Address",dataIndex:"address",key:"address",...x("address"),sorter:(e,a)=>e.address.length-a.address.length,sortDirections:["descend","ascend"]}];return(0,n.jsx)(o.Table,{columns:g,dataSource:i});};},a66723ef:function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return o;}});var d=t("f19d2b93");t("c27a2a3b");var n=t("a9d1a279");let r=[{title:"Name",dataIndex:"name",key:"name",render:e=>(0,d.jsx)("a",{children:e})},{title:"Age",dataIndex:"age",key:"age"},{title:"Address",dataIndex:"address",key:"address"},{title:"Tags",key:"tags",dataIndex:"tags",render:(e,{tags:a})=>(0,d.jsx)(d.Fragment,{children:a.map(e=>{let a=e.length>5?"geekblue":"green";return"loser"===e&&(a="volcano"),(0,d.jsx)(n.Tag,{color:a,children:e.toUpperCase()},e);})})},{title:"Action",key:"action",render:(e,a)=>(0,d.jsxs)(n.Space,{size:"middle",children:[(0,d.jsxs)("a",{children:["Invite ",a.name]}),(0,d.jsx)("a",{children:"Delete"})]})}],l=[{key:"1",name:"John Brown",age:32,address:"New York No. 1 Lake Park",tags:["nice","developer"]},{key:"2",name:"Jim Green",age:42,address:"London No. 1 Lake Park",tags:["loser"]},{key:"3",name:"Joe Black",age:32,address:"Sydney No. 1 Lake Park",tags:["cool","teacher"]}];var o=()=>(0,d.jsx)(n.Table,{columns:r,dataSource:l});},ae032c61:function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return o;}});var d=t("f19d2b93");t("9f61635c");var n=t("a9d1a279");let r=[{title:"Name",dataIndex:"name",key:"name",render:e=>(0,d.jsx)("a",{children:e}),width:150},{title:"Age",dataIndex:"age",key:"age",width:80},{title:"Address",dataIndex:"address",key:"address 1",ellipsis:{showTitle:!1},render:e=>(0,d.jsx)(n.Tooltip,{placement:"topLeft",title:e,children:e})},{title:"Long Column Long Column Long Column",dataIndex:"address",key:"address 2",ellipsis:{showTitle:!1},render:e=>(0,d.jsx)(n.Tooltip,{placement:"topLeft",title:e,children:e})},{title:"Long Column Long Column",dataIndex:"address",key:"address 3",ellipsis:{showTitle:!1},render:e=>(0,d.jsx)(n.Tooltip,{placement:"topLeft",title:e,children:e})},{title:"Long Column",dataIndex:"address",key:"address 4",ellipsis:{showTitle:!1},render:e=>(0,d.jsx)(n.Tooltip,{placement:"topLeft",title:e,children:e})}],l=[{key:"1",name:"John Brown",age:32,address:"New York No. 1 Lake Park, New York No. 1 Lake Park"},{key:"2",name:"Jim Green",age:42,address:"London No. 2 Lake Park, London No. 2 Lake Park"},{key:"3",name:"Joe Black",age:32,address:"Sydney No. 1 Lake Park, Sydney No. 1 Lake Park"}];var o=()=>(0,d.jsx)(n.Table,{columns:r,dataSource:l});},af5545a7:function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return m;}});var d=t("f19d2b93");t("4ca9feaf");var n=t("5b220c3d"),r=t("e22febe0"),l=t("a9d1a279");let o=[{title:"Name",dataIndex:"name"},{title:"Age",dataIndex:"age",sorter:(e,a)=>e.age-a.age},{title:"Address",dataIndex:"address",filters:[{text:"London",value:"London"},{text:"New York",value:"New York"}],onFilter:(e,a)=>0===a.address.indexOf(e)},{title:"Action",key:"action",sorter:!0,render:()=>(0,d.jsxs)(l.Space,{size:"middle",children:[(0,d.jsx)("a",{children:"Delete"}),(0,d.jsx)("a",{children:(0,d.jsxs)(l.Space,{children:["More actions",(0,d.jsx)(r.DownOutlined,{})]})})]})}],s=Array.from({length:10}).map((e,a)=>({key:a,name:"John Brown",age:Number(`${a}2`),address:`New York No. ${a} Lake Park`,description:`My name is John Brown, I am ${a}2 years old, living in New York No. ${a} Lake Park.`})),i={expandedRowRender:e=>(0,d.jsx)("p",{children:e.description})},c=()=>"Here is title",u=()=>"Here is footer";var m=()=>{let[e,a]=(0,n.useState)(!1),[t,r]=(0,n.useState)(!1),[m,x]=(0,n.useState)("large"),[g,h]=(0,n.useState)(i),[k,y]=(0,n.useState)(!1),[f,b]=(0,n.useState)(!0),[v,p]=(0,n.useState)(!0),[j,S]=(0,n.useState)({}),[w,I]=(0,n.useState)(!0),[C,N]=(0,n.useState)(),[L,B]=(0,n.useState)("none"),[P,J]=(0,n.useState)("bottomRight"),[T,A]=(0,n.useState)(!1),[R,F]=(0,n.useState)(!1),[_,M]=(0,n.useState)(),$={};R&&($.y=240),_&&($.x="100vw");let G=o.map(e=>({...e,ellipsis:T}));return"fixed"===_&&(G[0].fixed=!0,G[G.length-1].fixed="right"),(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)(l.Form,{layout:"inline",className:"table-demo-control-bar",style:{marginBottom:16},children:[(0,d.jsx)(l.Form.Item,{label:"Bordered",children:(0,d.jsx)(l.Switch,{checked:e,onChange:e=>{a(e);}})}),(0,d.jsx)(l.Form.Item,{label:"loading",children:(0,d.jsx)(l.Switch,{checked:t,onChange:e=>{r(e);}})}),(0,d.jsx)(l.Form.Item,{label:"Title",children:(0,d.jsx)(l.Switch,{checked:k,onChange:e=>{y(e);}})}),(0,d.jsx)(l.Form.Item,{label:"Column Header",children:(0,d.jsx)(l.Switch,{checked:f,onChange:e=>{b(e);}})}),(0,d.jsx)(l.Form.Item,{label:"Footer",children:(0,d.jsx)(l.Switch,{checked:v,onChange:e=>{p(e);}})}),(0,d.jsx)(l.Form.Item,{label:"Expandable",children:(0,d.jsx)(l.Switch,{checked:!!g,onChange:e=>{h(e?i:void 0);}})}),(0,d.jsx)(l.Form.Item,{label:"Checkbox",children:(0,d.jsx)(l.Switch,{checked:!!j,onChange:e=>{S(e?{}:void 0);}})}),(0,d.jsx)(l.Form.Item,{label:"Fixed Header",children:(0,d.jsx)(l.Switch,{checked:!!R,onChange:e=>{F(e);}})}),(0,d.jsx)(l.Form.Item,{label:"Has Data",children:(0,d.jsx)(l.Switch,{checked:!!w,onChange:e=>{I(e);}})}),(0,d.jsx)(l.Form.Item,{label:"Ellipsis",children:(0,d.jsx)(l.Switch,{checked:!!T,onChange:e=>{A(e);}})}),(0,d.jsx)(l.Form.Item,{label:"Size",children:(0,d.jsxs)(l.Radio.Group,{value:m,onChange:e=>{x(e.target.value);},children:[(0,d.jsx)(l.Radio.Button,{value:"large",children:"Large"}),(0,d.jsx)(l.Radio.Button,{value:"middle",children:"Middle"}),(0,d.jsx)(l.Radio.Button,{value:"small",children:"Small"})]})}),(0,d.jsx)(l.Form.Item,{label:"Table Scroll",children:(0,d.jsxs)(l.Radio.Group,{value:_,onChange:e=>{M(e.target.value);},children:[(0,d.jsx)(l.Radio.Button,{value:void 0,children:"Unset"}),(0,d.jsx)(l.Radio.Button,{value:"scroll",children:"Scroll"}),(0,d.jsx)(l.Radio.Button,{value:"fixed",children:"Fixed Columns"})]})}),(0,d.jsx)(l.Form.Item,{label:"Table Layout",children:(0,d.jsxs)(l.Radio.Group,{value:C,onChange:e=>{N(e.target.value);},children:[(0,d.jsx)(l.Radio.Button,{value:void 0,children:"Unset"}),(0,d.jsx)(l.Radio.Button,{value:"fixed",children:"Fixed"})]})}),(0,d.jsx)(l.Form.Item,{label:"Pagination Top",children:(0,d.jsxs)(l.Radio.Group,{value:L,onChange:e=>B(e.target.value),children:[(0,d.jsx)(l.Radio.Button,{value:"topLeft",children:"TopLeft"}),(0,d.jsx)(l.Radio.Button,{value:"topCenter",children:"TopCenter"}),(0,d.jsx)(l.Radio.Button,{value:"topRight",children:"TopRight"}),(0,d.jsx)(l.Radio.Button,{value:"none",children:"None"})]})}),(0,d.jsx)(l.Form.Item,{label:"Pagination Bottom",children:(0,d.jsxs)(l.Radio.Group,{value:P,onChange:e=>J(e.target.value),children:[(0,d.jsx)(l.Radio.Button,{value:"bottomLeft",children:"BottomLeft"}),(0,d.jsx)(l.Radio.Button,{value:"bottomCenter",children:"BottomCenter"}),(0,d.jsx)(l.Radio.Button,{value:"bottomRight",children:"BottomRight"}),(0,d.jsx)(l.Radio.Button,{value:"none",children:"None"})]})})]}),(0,d.jsx)(l.ConfigProvider,{theme:{components:{Table:{colorBgContainer:"#e6f4ff",headerBg:"#1677ff",headerColor:"#fff",headerSortActiveBg:"#0958d9",headerSortHoverBg:"#69b1ff",bodySortBg:"#1677ff10",rowHoverBg:"#1677ff10",rowSelectedBg:"#bae0ff",rowSelectedHoverBg:"#91caff",rowExpandedBg:"#1677ff10",cellPaddingBlock:20,cellPaddingInline:20,cellPaddingBlockMD:16,cellPaddingInlineMD:16,cellPaddingBlockSM:12,cellPaddingInlineSM:12,borderColor:"#e6f4ff",headerBorderRadius:0,footerBg:"#1677ff",footerColor:"#fff",cellFontSize:16,cellFontSizeMD:16,cellFontSizeSM:14,headerSplitColor:"#fff",headerFilterHoverBg:"rgba(0, 0, 0, 0.12)",filterDropdownMenuBg:"#fff",filterDropdownBg:"#fff",expandIconBg:"#e6f4ff"}}},children:(0,d.jsx)(l.Table,{bordered:e,loading:t,size:m,expandable:g,title:k?c:void 0,showHeader:f,footer:v?u:void 0,rowSelection:j,scroll:$,tableLayout:C,pagination:{position:[L,P]},columns:G,dataSource:w?s:[],scroll:$})})]});};},b3df0506:function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return s;}});var d=t("f19d2b93");t("b1098fe5");var n=t("a9d1a279");let r=(0,t("3835a2b7").createStyles)(({css:e,token:a})=>{let{antCls:t}=a;return{customTable:e`
|
|
${t}-table {
|
|
${t}-table-container {
|
|
${t}-table-body,
|
|
${t}-table-content {
|
|
scrollbar-width: thin;
|
|
scrollbar-color: #eaeaea transparent;
|
|
scrollbar-gutter: stable;
|
|
}
|
|
}
|
|
}
|
|
`};}),l=[{title:"Name",dataIndex:"name",width:150},{title:"Age",dataIndex:"age",width:150},{title:"Address",dataIndex:"address"}],o=Array.from({length:100}).map((e,a)=>({key:a,name:`Edward King ${a}`,age:32,address:`London, Park Lane no. ${a}`}));var s=()=>{let{styles:e}=r();return(0,d.jsx)(n.Table,{className:e.customTable,columns:l,dataSource:o,pagination:{pageSize:50},scroll:{y:275}});};},bf403938:function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return s;}});var d=t("f19d2b93");t("c59262c2");var n=t("a9d1a279");let r=(e,a)=>1===a?{colSpan:0}:{},l=[{title:"RowHead",dataIndex:"key",rowScope:"row"},{title:"Name",dataIndex:"name",render:e=>(0,d.jsx)("a",{children:e}),onCell:(e,a)=>({colSpan:1===a?5:1})},{title:"Age",dataIndex:"age",onCell:r},{title:"Home phone",colSpan:2,dataIndex:"tel",onCell:(e,a)=>3===a?{rowSpan:2}:4===a?{rowSpan:0}:1===a?{colSpan:0}:{}},{title:"Phone",colSpan:0,dataIndex:"phone",onCell:r},{title:"Address",dataIndex:"address",onCell:r}],o=[{key:"1",name:"John Brown",age:32,tel:"0571-22098909",phone:18889898989,address:"New York No. 1 Lake Park"},{key:"2",name:"Jim Green",tel:"0571-22098333",phone:18889898888,age:42,address:"London No. 1 Lake Park"},{key:"3",name:"Joe Black",age:32,tel:"0575-22098909",phone:18900010002,address:"Sydney No. 1 Lake Park"},{key:"4",name:"Jim Red",age:18,tel:"0575-22098909",phone:18900010002,address:"London No. 2 Lake Park"},{key:"5",name:"Jake White",age:18,tel:"0575-22098909",phone:18900010002,address:"Dublin No. 2 Lake Park"}];var s=()=>(0,d.jsx)(n.Table,{columns:l,dataSource:o,bordered:!0});},c3a33fb1:function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return c;}});var d=t("f19d2b93");t("ad30e2b3");var n=t("5b220c3d"),r=t("a9d1a279");let l=[{label:"topLeft",value:"topLeft"},{label:"topCenter",value:"topCenter"},{label:"topRight",value:"topRight"},{label:"none",value:"none"}],o=[{label:"bottomLeft",value:"bottomLeft"},{label:"bottomCenter",value:"bottomCenter"},{label:"bottomRight",value:"bottomRight"},{label:"none",value:"none"}],s=[{title:"Name",dataIndex:"name",key:"name",render:e=>(0,d.jsx)("a",{children:e})},{title:"Age",dataIndex:"age",key:"age"},{title:"Address",dataIndex:"address",key:"address"},{title:"Tags",key:"tags",dataIndex:"tags",render:e=>(0,d.jsx)("span",{children:e.map(e=>{let a=e.length>5?"geekblue":"green";return"loser"===e&&(a="volcano"),(0,d.jsx)(r.Tag,{color:a,children:e.toUpperCase()},e);})})},{title:"Action",key:"action",render:(e,a)=>(0,d.jsxs)(r.Space,{size:"middle",children:[(0,d.jsxs)("a",{children:["Invite ",a.name]}),(0,d.jsx)("a",{children:"Delete"})]})}],i=[{key:"1",name:"John Brown",age:32,address:"New York No. 1 Lake Park",tags:["nice","developer"]},{key:"2",name:"Jim Green",age:42,address:"London No. 1 Lake Park",tags:["loser"]},{key:"3",name:"Joe Black",age:32,address:"Sydney No. 1 Lake Park",tags:["cool","teacher"]}];var c=()=>{let[e,a]=(0,n.useState)("topLeft"),[t,c]=(0,n.useState)("bottomRight");return(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{children:(0,d.jsx)(r.Radio.Group,{style:{marginBottom:10},options:l,value:e,onChange:e=>{a(e.target.value);}})}),(0,d.jsx)(r.Radio.Group,{style:{marginBottom:10},options:o,value:t,onChange:e=>{c(e.target.value);}}),(0,d.jsx)(r.Table,{columns:s,pagination:{position:[e,t]},dataSource:i})]});};},cc200338:function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return s;}});var d=t("f19d2b93");t("b587b8a6");var n=t("a9d1a279");let r=[{title:"Name",dataIndex:"name",filters:[{text:"Joe",value:"Joe"},{text:"Category 1",value:"Category 1"},{text:"Category 2",value:"Category 2"}],filterMode:"tree",filterSearch:!0,onFilter:(e,a)=>a.name.startsWith(e),width:"30%"},{title:"Age",dataIndex:"age",sorter:(e,a)=>e.age-a.age},{title:"Address",dataIndex:"address",filters:[{text:"London",value:"London"},{text:"New York",value:"New York"}],onFilter:(e,a)=>a.address.startsWith(e),filterSearch:!0,width:"40%"}],l=[{key:"1",name:"John Brown",age:32,address:"New York No. 1 Lake Park"},{key:"2",name:"Jim Green",age:42,address:"London No. 1 Lake Park"},{key:"3",name:"Joe Black",age:32,address:"Sydney No. 1 Lake Park"},{key:"4",name:"Jim Red",age:32,address:"London No. 2 Lake Park"}],o=(e,a,t,d)=>{console.log("params",e,a,t,d);};var s=()=>(0,d.jsx)(n.Table,{columns:r,dataSource:l,onChange:o});},cd0037b7:function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return s;}});var d=t("f19d2b93");t("f980fb56");var n=t("5b220c3d"),r=t("a9d1a279");let l=Array.from({length:100}).map((e,a)=>({key:a.toString(),name:`Edward ${a}`,age:32,address:`London Park no. ${a}`})),o=({editing:e,dataIndex:a,title:t,inputType:n,record:l,index:o,children:s,...i})=>{let c="number"===n?(0,d.jsx)(r.InputNumber,{}):(0,d.jsx)(r.Input,{});return(0,d.jsx)("td",{...i,children:e?(0,d.jsx)(r.Form.Item,{name:a,style:{margin:0},rules:[{required:!0,message:`Please Input ${t}!`}],children:c}):s});};var s=()=>{let[e]=r.Form.useForm(),[a,t]=(0,n.useState)(l),[s,i]=(0,n.useState)(""),c=e=>e.key===s,u=a=>{e.setFieldsValue({name:"",age:"",address:"",...a}),i(a.key);},m=()=>{i("");},x=async d=>{try{let n=await e.validateFields(),r=[...a],l=r.findIndex(e=>d===e.key);if(l>-1){let e=r[l];r.splice(l,1,{...e,...n}),t(r),i("");}else r.push(n),t(r),i("");}catch(e){console.log("Validate Failed:",e);}},g=[{title:"name",dataIndex:"name",width:"25%",editable:!0},{title:"age",dataIndex:"age",width:"15%",editable:!0},{title:"address",dataIndex:"address",width:"40%",editable:!0},{title:"operation",dataIndex:"operation",render:(e,a)=>c(a)?(0,d.jsxs)("span",{children:[(0,d.jsx)(r.Typography.Link,{onClick:()=>x(a.key),style:{marginInlineEnd:8},children:"Save"}),(0,d.jsx)(r.Popconfirm,{title:"Sure to cancel?",onConfirm:m,children:(0,d.jsx)("a",{children:"Cancel"})})]}):(0,d.jsx)(r.Typography.Link,{disabled:""!==s,onClick:()=>u(a),children:"Edit"})}].map(e=>e.editable?{...e,onCell:a=>({record:a,inputType:"age"===e.dataIndex?"number":"text",dataIndex:e.dataIndex,title:e.title,editing:c(a)})}:e);return(0,d.jsx)(r.Form,{form:e,component:!1,children:(0,d.jsx)(r.Table,{components:{body:{cell:o}},bordered:!0,dataSource:a,columns:g,rowClassName:"editable-row",pagination:{onChange:m}})});};},d0a68263:function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return i;}});var d=t("f19d2b93");t("199244ac");var n=t("5b220c3d"),r=t("a9d1a279");let l=[{title:"Column 1",dataIndex:"address",key:"1"},{title:"Column 2",dataIndex:"address",key:"2"},{title:"Column 3",dataIndex:"address",key:"3"},{title:"Column 4",dataIndex:"address",key:"4"},{title:"Column 5",dataIndex:"address",key:"5"},{title:"Column 6",dataIndex:"address",key:"6"},{title:"Column 7",dataIndex:"address",key:"7"},{title:"Column 8",dataIndex:"address",key:"8"}],o=[{key:"1",name:"John Brown",age:32,address:"New York Park"},{key:"2",name:"Jim Green",age:40,address:"London Park"}],s=l.map(e=>e.key);var i=()=>{let[e,a]=(0,n.useState)(s),t=l.map(({key:e,title:a})=>({label:a,value:e})),i=l.map(a=>({...a,hidden:!e.includes(a.key)}));return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(r.Divider,{children:"Columns displayed"}),(0,d.jsx)(r.Checkbox.Group,{value:e,options:t,onChange:e=>{a(e);}}),(0,d.jsx)(r.Table,{columns:i,dataSource:o,style:{marginTop:24}})]});};},d8e096cc:function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return i;}});var d=t("f19d2b93");t("43b8b82b");var n=t("5b220c3d"),r=t("a9d1a279");let l=[{title:"Name",dataIndex:"name",key:"name"},{title:"Age",dataIndex:"age",key:"age",width:"12%"},{title:"Address",dataIndex:"address",width:"30%",key:"address"}],o=Array.from({length:15}).map((e,a)=>({key:`key${a}`,name:`Edward ${a}`,age:32,address:`London Park no. ${a}`,children:[{key:`subKey${a}1`,name:"Brown",age:16,address:"New York No. 3 Lake Park"},{key:`subKey${a}2`,name:"Jimmy",age:16,address:"New York No. 3 Lake Park"}]})),s={onChange:(e,a)=>{console.log(`selectedRowKeys: ${e}`,"selectedRows: ",a);},onSelect:(e,a,t)=>{console.log(e,a,t);},onSelectAll:(e,a,t)=>{console.log(e,a,t);}};var i=()=>{let[e,a]=(0,n.useState)(!1),[t,i]=(0,n.useState)(!0);return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)(r.Space,{align:"center",style:{marginBottom:16},children:["CheckStrictly: ",(0,d.jsx)(r.Switch,{checked:e,onChange:a}),"preserveSelectedRowKeys:"," ",(0,d.jsx)(r.Switch,{checked:t,onChange:i})]}),(0,d.jsx)(r.Table,{columns:l,rowSelection:{...s,checkStrictly:e,preserveSelectedRowKeys:t},dataSource:o,pagination:{defaultPageSize:5}})]});};},e294cdde:function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return s;}});var d=t("f19d2b93");t("5f5425ef");var n=t("a9d1a279");let r=(0,t("3835a2b7").createStyles)(({css:e,token:a})=>{let{antCls:t}=a;return{customTable:e`
|
|
${t}-table {
|
|
${t}-table-container {
|
|
${t}-table-body,
|
|
${t}-table-content {
|
|
scrollbar-width: thin;
|
|
scrollbar-color: #eaeaea transparent;
|
|
scrollbar-gutter: stable;
|
|
}
|
|
}
|
|
}
|
|
`};}),l=[{title:"Full Name",width:100,dataIndex:"name",key:"name",fixed:"left"},{title:"Age",width:100,dataIndex:"age",key:"age",fixed:"left",sorter:!0},{title:"Column 1",dataIndex:"address",key:"1"},{title:"Column 2",dataIndex:"address",key:"2"},{title:"Column 3",dataIndex:"address",key:"3"},{title:"Column 4",dataIndex:"address",key:"4"},{title:"Column 5",dataIndex:"address",key:"5"},{title:"Column 6",dataIndex:"address",key:"6"},{title:"Column 7",dataIndex:"address",key:"7"},{title:"Column 8",dataIndex:"address",key:"8"},{title:"Column 9",dataIndex:"address",key:"9"},{title:"Column 10",dataIndex:"address",key:"10"},{title:"Column 11",dataIndex:"address",key:"11"},{title:"Column 12",dataIndex:"address",key:"12"},{title:"Column 13",dataIndex:"address",key:"13"},{title:"Column 14",dataIndex:"address",key:"14"},{title:"Column 15",dataIndex:"address",key:"15"},{title:"Column 16",dataIndex:"address",key:"16"},{title:"Column 17",dataIndex:"address",key:"17"},{title:"Column 18",dataIndex:"address",key:"18"},{title:"Column 19",dataIndex:"address",key:"19"},{title:"Column 20",dataIndex:"address",key:"20"},{title:"Action",key:"operation",fixed:"right",width:100,render:()=>(0,d.jsx)("a",{children:"action"})}],o=[{key:"1",name:"Olivia",age:32,address:"New York Park"},{key:"2",name:"Ethan",age:40,address:"London Park"}];var s=()=>{let{styles:e}=r();return(0,d.jsx)(n.Table,{className:e.customTable,pagination:!1,columns:l,dataSource:o,scroll:{x:"max-content"}});};},e59a187b:function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return c;}});var d=t("852bbaa9"),n=t("f19d2b93");t("fd424958");var r=d._(t("5b220c3d")),l=t("a9d1a279");let o=r.default.createContext(null),s=({index:e,...a})=>{let[t]=l.Form.useForm();return(0,n.jsx)(l.Form,{form:t,component:!1,children:(0,n.jsx)(o.Provider,{value:t,children:(0,n.jsx)("tr",{...a})})});},i=({title:e,editable:a,children:t,dataIndex:d,record:s,handleSave:i,...c})=>{let[u,m]=(0,r.useState)(!1),x=(0,r.useRef)(null),g=(0,r.useContext)(o);(0,r.useEffect)(()=>{if(u){var e;null===(e=x.current)||void 0===e||e.focus();}},[u]);let h=()=>{m(!u),g.setFieldsValue({[d]:s[d]});},k=async()=>{try{let e=await g.validateFields();h(),i({...s,...e});}catch(e){console.log("Save failed:",e);}},y=t;return a&&(y=u?(0,n.jsx)(l.Form.Item,{style:{margin:0},name:d,rules:[{required:!0,message:`${e} is required.`}],children:(0,n.jsx)(l.Input,{ref:x,onPressEnter:k,onBlur:k})}):(0,n.jsx)("div",{className:"editable-cell-value-wrap",style:{paddingInlineEnd:24},onClick:h,children:t})),(0,n.jsx)("td",{...c,children:y});};var c=()=>{let[e,a]=(0,r.useState)([{key:"0",name:"Edward King 0",age:"32",address:"London, Park Lane no. 0"},{key:"1",name:"Edward King 1",age:"32",address:"London, Park Lane no. 1"}]),[t,d]=(0,r.useState)(2),o=t=>{a(e.filter(e=>e.key!==t));},c=t=>{let d=[...e],n=d.findIndex(e=>t.key===e.key),r=d[n];d.splice(n,1,{...r,...t}),a(d);},u=[{title:"name",dataIndex:"name",width:"30%",editable:!0},{title:"age",dataIndex:"age"},{title:"address",dataIndex:"address"},{title:"operation",dataIndex:"operation",render:(a,t)=>e.length>=1?(0,n.jsx)(l.Popconfirm,{title:"Sure to delete?",onConfirm:()=>o(t.key),children:(0,n.jsx)("a",{children:"Delete"})}):null}].map(e=>e.editable?{...e,onCell:a=>({record:a,editable:e.editable,dataIndex:e.dataIndex,title:e.title,handleSave:c})}:e);return(0,n.jsxs)("div",{children:[(0,n.jsx)(l.Button,{onClick:()=>{a([...e,{key:t,name:`Edward King ${t}`,age:"32",address:`London, Park Lane no. ${t}`}]),d(t+1);},type:"primary",style:{marginBottom:16},children:"Add a row"}),(0,n.jsx)(l.Table,{components:{body:{row:s,cell:i}},rowClassName:()=>"editable-row",bordered:!0,dataSource:e,columns:u})]});};},f4fba64d:function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return o;}});var d=t("f19d2b93");t("1b67b506");var n=t("a9d1a279");let r=[{title:"Name",dataIndex:"name",key:"name",render:e=>(0,d.jsx)("a",{children:e}),width:150},{title:"Age",dataIndex:"age",key:"age",width:80},{title:"Address",dataIndex:"address",key:"address 1",ellipsis:!0},{title:"Long Column Long Column Long Column",dataIndex:"address",key:"address 2",ellipsis:!0},{title:"Long Column Long Column",dataIndex:"address",key:"address 3",ellipsis:!0},{title:"Long Column",dataIndex:"address",key:"address 4",ellipsis:!0}],l=[{key:"1",name:"John Brown",age:32,address:"New York No. 1 Lake Park, New York No. 1 Lake Park",tags:["nice","developer"]},{key:"2",name:"Jim Green",age:42,address:"London No. 2 Lake Park, London No. 2 Lake Park",tags:["loser"]},{key:"3",name:"Joe Black",age:32,address:"Sydney No. 1 Lake Park, Sydney No. 1 Lake Park",tags:["cool","teacher"]}];var o=()=>(0,d.jsx)(n.Table,{columns:r,dataSource:l});},f6abde58:function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return m;}});var d=t("f19d2b93");t("00535210");var n=t("5b220c3d"),r=t("915a4463"),l=t("c0f053f1"),o=t("9944ffaa"),s=t("7f663da5"),i=t("a9d1a279");let c=[{title:"Name",dataIndex:"name"},{title:"Age",dataIndex:"age"},{title:"Address",dataIndex:"address"}],u=e=>{let{attributes:a,listeners:t,setNodeRef:n,transform:r,transition:l,isDragging:i}=(0,o.useSortable)({id:e["data-row-key"]}),c={...e.style,transform:s.CSS.Translate.toString(r),transition:l,cursor:"move",...i?{position:"relative",zIndex:9999}:{}};return(0,d.jsx)("tr",{...e,ref:n,style:c,...a,...t});};var m=()=>{let[e,a]=(0,n.useState)([{key:"1",name:"John Brown",age:32,address:"Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text"},{key:"2",name:"Jim Green",age:42,address:"London No. 1 Lake Park"},{key:"3",name:"Joe Black",age:32,address:"Sidney No. 1 Lake Park"}]),t=(0,r.useSensors)((0,r.useSensor)(r.PointerSensor,{activationConstraint:{distance:1}}));return(0,d.jsx)(r.DndContext,{sensors:t,modifiers:[l.restrictToVerticalAxis],onDragEnd:({active:e,over:t})=>{e.id!==(null==t?void 0:t.id)&&a(a=>{let d=a.findIndex(a=>a.key===e.id),n=a.findIndex(e=>e.key===(null==t?void 0:t.id));return(0,o.arrayMove)(a,d,n);});},children:(0,d.jsx)(o.SortableContext,{items:e.map(e=>e.key),strategy:o.verticalListSortingStrategy,children:(0,d.jsx)(i.Table,{components:{body:{row:u}},rowKey:"key",columns:c,dataSource:e})})});};},fbdf1bc8:function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return s;}});var d=t("f19d2b93");t("d881d2f9");var n=t("a9d1a279");let r=(0,t("3835a2b7").createStyles)(({css:e,token:a})=>{let{antCls:t}=a;return{customTable:e`
|
|
${t}-table {
|
|
${t}-table-container {
|
|
${t}-table-body,
|
|
${t}-table-content {
|
|
scrollbar-width: thin;
|
|
scrollbar-color: #eaeaea transparent;
|
|
scrollbar-gutter: stable;
|
|
}
|
|
}
|
|
}
|
|
`};}),l=[{title:"Name",dataIndex:"name",key:"name",width:100,fixed:"left",filters:[{text:"Joe",value:"Joe"},{text:"John",value:"John"}],onFilter:(e,a)=>0===a.name.indexOf(e)},{title:"Other",children:[{title:"Age",dataIndex:"age",key:"age",width:150,sorter:(e,a)=>e.age-a.age},{title:"Address",children:[{title:"Street",dataIndex:"street",key:"street",width:150},{title:"Block",children:[{title:"Building",dataIndex:"building",key:"building",width:100},{title:"Door No.",dataIndex:"number",key:"number",width:100}]}]}]},{title:"Company",children:[{title:"Company Address",dataIndex:"companyAddress",key:"companyAddress",width:200},{title:"Company Name",dataIndex:"companyName",key:"companyName"}]},{title:"Gender",dataIndex:"gender",key:"gender",width:80,fixed:"right"}],o=Array.from({length:100}).map((e,a)=>({key:a,name:"John Brown",age:a+1,street:"Lake Park",building:"C",number:2035,companyAddress:"Lake Street 42",companyName:"SoftLake Co",gender:"M"}));var s=()=>{let{styles:e}=r();return(0,d.jsx)(n.Table,{className:e.customTable,columns:l,dataSource:o,bordered:!0,size:"middle",scroll:{x:"calc(700px + 50%)",y:235}});};}}]); |