{"_id":"@alilc/pro-table","_rev":"2-7f625981d6ebec2eb31c4fb034aff626","name":"@alilc/pro-table","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@alilc/pro-table","version":"1.0.0","keywords":["ice","react","component"],"license":"MIT","_id":"@alilc/pro-table@1.0.0","maintainers":[{"name":"leoyuan","email":"yuanlihao1988@163.com"},{"name":"whatever_lll","email":"whatever6g@gmail.com"},{"name":"yang1996","email":"89915256@qq.com"},{"name":"jun.li","email":"jun.lukesmail@gmail.com"},{"name":"qingniaotonghua","email":"1021281778@qq.com"},{"name":"woshilaoge","email":"woshilaoge@hotmail.com"},{"name":"jack.lianjie","email":"jack.lianjie@gmail.com"},{"name":"otakuxv","email":"monkey362531@gmail.com"},{"name":"zyy7259","email":"zyy7259@gmail.com"},{"name":"sun2ama","email":"339341037@qq.com"},{"name":"hujiulong","email":"me@hujiulong.com"},{"name":"liujuping123","email":"1052228950@qq.com"},{"name":"akirakai","email":"akirakai@163.com"},{"name":"xingmolu","email":"591745264@qq.com"},{"name":"eternalsky","email":"wsj7552715@hotmail.com"},{"name":"mark-ck","email":"muscle.mark.cheng@gmail.com"},{"name":"hzd822","email":"hzd822@qq.com"},{"name":"clarencep","email":"clarence.pchy@gmail.com"},{"name":"alvarto","email":"humphry.huang9@gmail.com"},{"name":"leoyuan88","email":"yuanlihao1988@gmail.com"}],"homepage":"https://unpkg.com/@alilc/pro-table@1.0.0/build/index.html","dist":{"shasum":"14b6bb1869b7e1ffc077029e1e7657fdeecfb0bf","tarball":"https://registry.npmjs.org/@alilc/pro-table/-/pro-table-1.0.0.tgz","fileCount":180,"integrity":"sha512-zEc6GfAcnKI+og1W42ZGwMI6S5LyCyUVUmuEYOVcyjqVnPwepRXhbLoeJ10ZJKa05NPs5nhMSQCH2TbBGRMbqg==","signatures":[{"sig":"MEYCIQDzuUUjh7ecQhSmV+KFso4t3R7OvAkLS5nDMs669cf/1gIhAO4BGS+mkOFEOdQQxQp2PJnzGGxjyoERZM9Izcju/9dx","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4568303,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkI/TtACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqLqQ/8DYgjF/75joOGhwAa76DfZ26cmPHEnEU8OFhQxc8nl/+eby+u\r\nh8H5wfzbUih/orabLA2XihAVVGwGbuMD9XF3GvSAm2wx1SaATBFQtN7oN6Js\r\ncY+YbpdwENXI2hGEhju2xEXCFWF2SpIBa6J5GKMibLvm8ldhcG2i11Oj7JH8\r\nYec/iRnK9JNzCF50mtans+Nfk1so7/7ZKWB4TJD30/2SP/ZFu+9B9ZomswJO\r\n1oPKBlrWCLdTLbve5kBVvGwDI0W1M9pelct038grlcc4H5eQCSJQOrMUWhpq\r\nHgMaezvsibzvQCHG5yGDTuylWdIT/2zUJ69V849fuIpW3IpP1DpEhN9e4sAO\r\nrR37q3AKtmpEBK0fXLe9jWkZIXBnlkad46EU8gE5xiun6afp1MdNB50YXiGL\r\nM+4pIFY4HGqLzZw6YZjtBbibIqzA+utyohpenf9bLLC2Zrvp0dbgq5XBSJMS\r\nSRuElMzfOukWMEKzxbziFsBE4N7gzFJJzqxojdXo8U0efmgjNWKZm+mll6NW\r\nKKwF/7vu+PMy4Y/th76jsLt0bJ0Jl5rquBEbsVnSymZQchJHXY8C7tIZ1SNi\r\nbTeUOjaEAHx7/hg2Bqk8HnHNl3YA6ZoFqe86Qfk5yKNIE37G+asL5KhCQRMn\r\nrEhkaF8V/0/SzezCv0gJa+U99vJMLl4oYIY=\r\n=GuTv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","gitHead":"a6ed28ce08a3bb7f9771b13197d9301e62512795","scripts":{"lint":"eslint --cache --ext .js,.jsx ./","test":"build-scripts test","build":"build-scripts build","start":"build-scripts start","prepublishOnly":"npm run build"},"_npmUser":{"name":"mark-ck","email":"muscle.mark.cheng@gmail.com"},"stylePath":"style.js","_npmVersion":"6.14.4","description":"表格","directories":{},"_nodeVersion":"14.19.1","dependencies":{"classnames":"^2.2.6","prop-types":"^15.5.8","@alifd/next":"^1.25.29","build-scripts":"^0.1.25"},"_hasShrinkwrap":false,"componentConfig":{"name":"NextTable","title":"表格","category":"Table"},"devDependencies":{"react":"^16.3.0","enzyme":"^3.11.0","eslint":"^6.0.1","lodash":"^4.17.19","moment":"^2.27.0","@ice/spec":"^0.1.1","expect.js":"^0.3.1","react-dom":"^16.3.0","@alifd/theme-2":"^0.4.0","enzyme-to-json":"^3.5.0","build-plugin-fusion":"^0.1.6","react-test-renderer":"^16.13.1","build-plugin-component":"^1.0.0","@alifd/adaptor-generate":"^0.1.3","enzyme-adapter-react-16":"^1.15.2","jest-environment-enzyme":"^7.1.2","@alife/build-plugin-lowcode":"^1.0.7","build-plugin-modular-import":"^0.1.0"},"peerDependencies":{"react":"^16.3.0","big.js":"^5.2.2","moment":"^2.24.0","@alifd/next":"^1.25.29"},"_npmOperationalInternal":{"tmp":"tmp/pro-table_1.0.0_1680078061397_0.1528893344536124","host":"s3://npm-registry-packages"}}},"time":{"created":"2023-03-29T08:21:01.328Z","modified":"2025-03-04T07:43:28.009Z","1.0.0":"2023-03-29T08:21:01.644Z"},"license":"MIT","homepage":"https://unpkg.com/@alilc/pro-table@1.0.0/build/index.html","keywords":["ice","react","component"],"description":"表格","maintainers":[{"email":"me@hujiulong.com","name":"hujiulong"},{"email":"clarence.pchy@gmail.com","name":"clarencep"},{"email":"humphry.huang9@gmail.com","name":"alvarto"},{"email":"akirakai@163.com","name":"akirakai"},{"email":"591745264@qq.com","name":"xingmolu"},{"email":"yuanlihao1988@163.com","name":"leoyuan"},{"email":"yuanlihao1988@gmail.com","name":"leoyuan88"},{"email":"1052228950@qq.com","name":"liujuping123"},{"email":"hzd822@qq.com","name":"hzd822"},{"email":"muscle.mark.cheng@gmail.com","name":"mark-ck"},{"email":"wsj7552715@hotmail.com","name":"eternalsky"},{"email":"jun.lukesmail@gmail.com","name":"jun.li"},{"email":"89915256@qq.com","name":"yang1996"},{"email":"339341037@qq.com","name":"sun2ama"},{"email":"zyy7259@gmail.com","name":"zyy7259"},{"email":"monkey362531@gmail.com","name":"otakuxv"},{"email":"jack.lianjie@gmail.com","name":"jack.lianjie"},{"email":"woshilaoge@hotmail.com","name":"woshilaoge"},{"email":"1021281778@qq.com","name":"qingniaotonghua"},{"email":"whatever6g@gmail.com","name":"whatever_lll"},{"email":"1ncounter.100@gmail.com","name":"1ncounter"},{"email":"710411486@qq.com","name":"soberz"}],"readme":"# title\n\ndeep-table\n\nintro component\n\n## API\n\n| 参数名 | 说明 | 类型 | 默认值 |\n| ------ | ---- | ---- | ---- |\n| width | table 宽度 | Number/String | - |\n| height | table 高度 | Number/String | - |\n| loading | 表格是否在加载中 | Boolean | false |\n| device | 渲染视图 可选值 'desktop', 'tablet', 'desktop' | String | 'desktop' |\n| data | 表格展示的数据源 | Array | [] |\n| onFetchData | 动态加载数据 | Function | - |\n| columns | 列配置项 | Array | |\n| mobileMode | 移动端模式, 可选值'normal', 'card' | String | 'normal' |\n| actionBar | table 顶部操作按钮组 | Array | [] |\n| isPagination | 是否显示分页 | Boolean | true |\n| pagination | 翻页器配置项 | Object | - |\n| showMiniPager | 顶部是否显示迷你版翻页器 仅pc端支持 | Boolean | - |\n| actionColumn | table 操作列 | Array | [] |\n| actionTitle | 操作列标题title | String | - |\n| actionType | 操作按钮的类型 可选值 'link' , 'button' | String | - |\n| actionFixed | 操作列是否固定， 可选值 'none', 'right' | String | - |\n| actionWidth | 操作列宽度 | Number/String | - |\n| showActionBar | 是否显示顶部操作按钮 | Boolean | - |\n| actionBar | 顶部操作按钮配置 | Array | [] |\n| showSearch | 是否显示搜索项 | Boolean | - |\n| searchBarPlaceholder | 搜索项 Placeholder | String | - |\n| showCustomColumn | 是否显示自定义列 | Boolean | - |\n| showLinkBar | 是否显示外链条 | Boolean | - |\n| linkBar | 外链条配置项 | Array | [] |\n| customBarItem | 自定义栏配置 | Function | - |\n| actionHidden | 隐藏操作动作 | Boolean | - |\n| rowOrder | 行排序配置 | Object | - |\n| mobileExpandViewMode | 手机端存在嵌套表格时的展示模式，可选值'normal'嵌套内容直接在行里面收缩展示,'detail'嵌套内容由点击单行进入详情展示 | String | - |\n| primaryKey | dataSource当中数据的主键，如果给定的数据源中的属性不包含该主键，会造成选择状态全部选中 | String | 'id' |\n| theme | 表格主题 表格是否具有边框: border, 表格是否是斑马线: zebra, 可选值: 'zebra', 'border', 'split', | String | 'split' |\n| hasHeader | 表格是否具有头部 | Boolean | true |\n| fixedHeader | 表头是否固定，该属性配合maxBodyHeight使用，当内容区域的高度超过maxBodyHeight的时候，在内容区域会出现滚动条 | Boolean | - |\n| maxBodyHeight | 最大内容区域的高度,在fixedHeader为true的时候,超过这个高度会出现滚动条 | Number/String | - |\n| stickyHeader | 表头是否是sticky | Boolean | - |\n| isTree | 开启Table的tree模式, 接收的数据格式中包含children则渲染成tree table | Boolean | - |\n| indent | 在tree模式下的缩进尺寸， 仅在isTree为true时候有效 | Number | - |\n| showRowSelector | 是否启用选择模式 | Boolean | - |\n| onSelect | Function(selected:Boolean, record:Object, records:Array) 用户手动选择/取消选择某行的回调 | Function | - |\n| onSelectAll | Function(selected:Boolean, records:Array) 用户手动选择/取消选择所有行的回调 | Function | - |\n| rowSelector | 选择selection的模式, 可选值 'checkboxSelector', 'radioSelector' | String | 'checkboxSelector' |\n| isRowSelectorDisabled | 选择行是否禁用 | Function | - |\n| onRowClick | 点击表格每一行触发的事件
签名:
Function(record: Object, index: Number, e: Event) => void
参数:
record: {Object} 该行所对应的数据
index: {Number} 该行所对应的序列
_e_: {Event} DOM事件对象 | Function | () => {} |\n| onRowMouseEnter | 悬浮在表格每一行的时候触发的事件
签名:
Function(record: Object, index: Number, e: Event) => void
参数:
record: {Object} 该行所对应的数据
index: {Number} 该行所对应的序列
_e_: {Event} DOM事件对象 | Function | () => {} |\n| onRowMouseLeave | 离开表格每一行的时候触发的事件
签名:
Function(record: Object, index: Number, e: Event) => void
参数:
record: {Object}该行所对应的数据
index: {Number} 该行所对应的序
_e_: {Event} DOM事件对象 | Function | () => {} |\n| onResizeChange | 重设列尺寸的时候触发的事件
签名:
Function(dataIndex: String, value: Number) => void
参数:
dataIndex: {String} 指定重设的字段
value: {Number} 列宽变动的数值 | Function | () => {} |\n| onColumnsChange | 自定义列变更时的回调 | Function | (columns) => {} |\n| loadingComponent | 自定义 Loading 组件
请务必传递 props, 使用方式： loadingComponent={props => }
签名:
Functio(props: Object) => void
参数:
props: {Object} 当前点击行的key | Function | - |\n| expandedRowIndent | 额外渲染行的缩进 | Array | - |\n| hasExpandedRowCtrl | 是否显示点击展开额外渲染行的+号按钮 | Boolean | - |\n| expandedRowRender | 额外渲染行的渲染函数
签名:
Function(record: Object, index: Number) => Element
参数:
record: {Object} 该行所对应的数据
index: {Number} 该行所对应的序列
返回值: {Element} 渲染内容 | Function | - |\n| onRowOpen | 在额外渲染行或者Tree展开或者收起的时候触发的事件
签名:
Function(openRowKeys: Array, currentRowKey: String, expanded: Boolean, currentRecord: Object) => void
参数:
openRowKeys: {Array} 展开的渲染行的key
currentRowKey: {String} 当前点击的渲染行的key
expanded: {Boolean} 当前点击是展开还是收起
currentRecord: {Object} 当前点击额外渲染行的记录 | Function | - |\n| onShowSearch | 显示搜索框之后的回调，仅移动端生效。
签名:
Function(table) => void | Function | - |\n| onHideSearch | 隐藏搜索框之后的回调，仅移动端生效。
签名:
Function(table) => void | Function | - |\n\n## 移动端卡片模式专用\n| 参数名 | 说明 | 类型 | 默认值 |\n| ------ | ---- | ---- | ---- |\n| mobileDefaultCardColumns | 移动端卡片模式 最多显示内容条数 | Number | |\n| mobileActionsStyle | 移动端卡片模式 操作列是否使用button模式，为false的情况下，显示的是右上角...模式 | Boolean | false |\n\n## pagination 翻页器 API\n| 参数名 | 说明 | 类型 | 默认值 |\n| ------ | ---- | ---- | ---- |\n| size | 分页组件大小 可选值: 'small', 'medium', 'large' | Enum | 'medium' |\n| type | 分页组件类型 可选值: 'normal', 'simple', 'mini' | Enum | 'normal' |\n| shape | 前进后退按钮样式 可选值: 'normal', 'arrow-only', 'arrow-prev-only', 'no-border' | Enum | 'normal' |\n| pageShowCount | 页码显示的数量，更多的使用...代替 | Number | 5 |\n| pageSize | 一页中的记录数 | Number | 10 |\n| pageSizeSelector | 每页显示选择器类型 可选值: false, 'filter', 'dropdown' | Enum | false |\n| pageSizeList | 每页显示选择器可选值 | Array/Array | [5, 10, 20] |\n| pageNumberRender | 自定义页码渲染函数，函数作用于页码button以及当前页/总页数的数字渲染
签名:
Function(index: Number) => ReactNode
参数:
index: {Number} 分页的页码，从1开始
返回值: {ReactNode} 返回渲染结果 | Function | index => index |\n| pageSizePosition | 每页显示选择器在组件中的位置 可选值: 'start', 'end' | Enum | 'start' |\n| useFloatLayout | 存在每页显示选择器时是否使用浮动布局 | Boolean | false |\n| hideOnlyOnePage | 当分页数为1时，是否隐藏分页器 | Boolean | false |\n| showJump | type 设置为 normal 时，在页码数超过5页后，会显示跳转输入框与按钮，当设置 showJump 为 false 时，不再显示该跳转区域 | Boolean | true |\n| link | 设置页码按钮的跳转链接，它的值为一个包含 {page} 的模版字符串，如：http://www.taobao.com/{page} | String | - |\n| popupProps | 弹层组件属性，透传给Popup | Object | - |\n| paginationPosition | 翻页器显示位置 可选值: 'left', 'right' | String | 'right' |\n\n### 数据源配置例子\n```javascript\n{\n \"data\":[\n {\n \"contractDate\" : {\n \"start\" : 1534942658570,\n \"end\" : 1534944858570,\n },\n \"entryDate\" : 1534942658570,\n \"name\" : \"王小\",\n \"id\" : 1,\n \"salary\" : 35000,\n \"email\" : \"xw_1@abc.com\",\n \"moneyRange\" : {\n \"lower\" : 108,\n \"upper\" : 944,\n },\n }\n ...\n ],\n \"currentPage\":1,\n \"totalCount\":30,\n}\n```\n\n### columns 配置的例子\n```javascript\n\"columns\" : [\n {\n //分组\n isGroup: true,\n title: 'xxxx',\n children: [\n {/*{},*/}\n {/*{}*/}\n ]\n },\n {\n \"dataKey\" : \"name\", //value的字段名\n \"editType\" : \"text\",//编译状态下的编辑类型，目前支持select,text,radio,date,custom（自定义编辑）\n \"dataType\" : \"text\",//渲染格式化的类型，目前支持text,timestamp,cascadeTimestamp,money,moneyRange\n \"width\" : 150,\n \"title\" : \"姓名\",//标题b\n \"align\" : \"right\", //对齐\n \"sortable\" : true, //可排序\n \"hidden\" : false,//是否隐藏列\n \"highlight\" : true,//是否着重突出显示，字体加粗，仅限手机端\n \"editProps\" : { //编辑状态下的配置\n rules: [{ //校验规则，当saveRow的时候会调用\n required: true,\n message: 'can not be empty',\n trigger: ['blur','onChange']\n }]\n },\n \"canEdit\":(rowData)=>{//动态控制列是否可以编辑\n return true;\n },\n },\n {\n \"dataKey\" : \"sex\",\n \"editType\" : \"radio\",\n \"width\" : 150,\n \"title\" : \"性别\",\n \"editProps\" : {\n \"dataSource\" : [ //\n {label:'男', value:'男'},\n {label:'女', value:'女'},\n ]\n },\n },\n {\n \"dataKey\" : \"level\",\n \"editType\" : \"select\",\n \"width\" : 150,\n \"title\" : \"级别\",\n \"editProps\" : {\n \"dataSource\" : [\n {label:'高级', value:'高级'},\n {label:'中级', value:'中级'},\n {label:'初级', value:'初级'},\n ]\n },\n },\n {\n \"dataKey\" : \"entryDate\",\n \"editType\" : \"date\",\n \"dataType\" : \"timestamp\",\n \"width\" : 180,\n \"title\" : \"入职日期\",\n \"timeFormatter\" : \"YYYY-MM-DD\",//\n },\n {\n \"dataKey\" : \"salary\",\n \"dataType\" : \"money\",\n \"width\" : 150,\n \"title\" : \"月薪\",\n \"editType\" : \"custom\",\n \"editProps\" : {\n renderField:(props)=>{ //定义如何渲染自定义编辑组件\n return ;\n },\n rules: [{ //\n required: true,\n message: 'can not be empty',\n trigger: []\n }]\n },\n },\n {\n \"dataKey\" : \"test1\",\n \"width\" : 150,\n \"title\" : \"自定义列\",\n \"render\" : function (value, index, rowData) { //自定义渲染\n return \"我是自定义列\";\n },\n },\n {\n \"dataKey\" : \"contractDate\",\n \"dataType\" : \"cascadeTimestamp\", //\n \"width\" : 200,\n \"title\" : \"合同日期\",\n \"timeFormatter\" : \"YYYY-MM-DD\",\n },\n ],\n```\n\n### actionBar 配置的例子\n```javascript\n \"actionBar\" : [\n {\n \"title\" : \"操作1\",\n \"callback\" : function () {\n console.log('操作1', arguments);\n },\n },\n {\n \"title\" : \"操作2\",\n \"callback\" : function () {\n console.log('操作2', arguments);\n },\n },\n ],\n```\n\n### actionColumn 配置的例子\n```javascript\n \"actionColumn\" : [\n {\n \"title\" : \"编辑\",\n \"callback\" : (rowData)=> {\n return me.tableRef.current.getInstance().editRow(rowData);\n },\n \"device\":[\"desktop\"]\n },\n {\n \"title\" : \"保存\",\n \"callback\" : (rowData)=> {\n return me.tableRef.current.getInstance().saveRow(rowData); //必须return Promise，因为校验是异步过程\n },\n \"mode\":\"EDIT\"\n },\n {\n \"title\" : \"重置\",\n \"callback\" : (rowData)=> {\n return me.tableRef.current.getInstance().resetRow(rowData);\n },\n \"mode\":\"EDIT\"\n },\n {\n \"title\" : \"详情\",\n \"callback\" : function () {\n console.log('详情', arguments);\n },\n },\n {\n \"title\" : \"删除\",\n \"callback\" : function () {\n console.log('删除', arguments);\n },\n },\n {\n \"title\" : \"复制\",\n \"callback\" : function () {\n console.log('复制', arguments);\n },\n },\n {\n \"title\" : \"下架\",\n \"callback\" : function () {\n console.log('下架', arguments);\n },\n \"isDisabled\" : function (item, index, actionRowData) {\n console.log('isDisabled', arguments);\n return true;\n },\n \"mode\":\"EDIT\"\n },\n ],\n```\n\n### actionBar 配置的例子\n```javascript\n \"linkBar\" : [\n {\n \"title\" : \"外链1\",\n \"callback\" : function () {\n console.log(\"外链1\", arguments);\n },\n },\n {\n \"title\" : \"外链2\",\n \"callback\" : function () {\n console.log(\"外链2\", arguments);\n },\n },\n ],\n```\n### 行排序配置例子\n```javascript\n \"rowOrder\" : {\n \"defaultValue\" : {\n \"text\" : '排序方式一',\n \"value\" : '123',\n },\n \"items\" : [\n {\n \"text\" : '排序方式一',\n \"value\" : '123',\n },\n {\n \"text\" : '排序方式二',\n \"value\" : '456',\n },\n ],\n \"onChange\" : function (data) {\n console.log(data);\n },\n },\n```\n\n### 自定义栏配置例子\n```javascript\n \"customBarItem\" : {\n \"render\" : function () {\n return (\n
{\n console.log(e);\n }}>自定义内容
\n );\n },\n \"rightRender\": () { },\n \"bottomRender\": () {}\n },\n```\n\n### 混合模式 配置的例子\n```javascript\n props:{\n \"expandedRowRender\" : (record, index) => {\n return (\n
\n 我是展开的内容
\n 我是展开的内容
\n
\n );\n },\n \"expandedRowIndent\" : [2, 2],\n \"onRowOpen\" : (openRowKeys, currentRowKey, expanded, currentRecord) => {\n console.log(openRowKeys, currentRowKey, expanded, currentRecord)\n },\n }\n```\n\n### pagination 配置的例子\n```javascript\n 'pagination' : {\n 'size' : \"medium\",\n 'type' : \"normal\",\n 'shape' : \"arrow-only\",\n 'pageSize' : 10,\n 'pageSizeSelector' : false,\n 'pageSizeList' : \"5,10,20\",\n 'pageSizePosition' : \"end\",\n \"paginationPosition\" : \"right\",\n 'hideOnlyOnePage' : false,\n 'showJump' : true,\n }\n```\n","readmeFilename":"README.md"}