{"id":20414471,"url":"https://github.com/x-extends/vxe-table-plugin-renderer","last_synced_at":"2025-09-09T04:51:40.445Z","repository":{"id":57151933,"uuid":"203568840","full_name":"x-extends/vxe-table-plugin-renderer","owner":"x-extends","description":"基于 vxe-table 表格的增强插件，提供一些常用的渲染器","archived":false,"fork":false,"pushed_at":"2025-03-13T07:47:42.000Z","size":193,"stargazers_count":6,"open_issues_count":3,"forks_count":2,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-08-31T02:21:07.793Z","etag":null,"topics":["vxe-table"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/x-extends.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2019-08-21T11:19:46.000Z","updated_at":"2024-12-03T13:27:59.000Z","dependencies_parsed_at":"2024-04-20T08:23:54.012Z","dependency_job_id":"13151303-68a6-4fba-b74a-d4507966df3a","html_url":"https://github.com/x-extends/vxe-table-plugin-renderer","commit_stats":{"total_commits":86,"total_committers":1,"mean_commits":86.0,"dds":0.0,"last_synced_commit":"138f2863715cac15a85441fc0232f707d1ac8534"},"previous_names":["xuliangzhan/vxe-table-plugin-renderer"],"tags_count":15,"template":false,"template_full_name":null,"purl":"pkg:github/x-extends/vxe-table-plugin-renderer","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/x-extends%2Fvxe-table-plugin-renderer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/x-extends%2Fvxe-table-plugin-renderer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/x-extends%2Fvxe-table-plugin-renderer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/x-extends%2Fvxe-table-plugin-renderer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/x-extends","download_url":"https://codeload.github.com/x-extends/vxe-table-plugin-renderer/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/x-extends%2Fvxe-table-plugin-renderer/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":274244384,"owners_count":25248186,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-09T02:00:10.223Z","response_time":80,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["vxe-table"],"created_at":"2024-11-15T06:10:16.497Z","updated_at":"2025-09-09T04:51:40.400Z","avatar_url":"https://github.com/x-extends.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# vxe-table-plugin-renderer\n\n[![gitee star](https://gitee.com/x-extends/vxe-table-plugin-renderer/badge/star.svg?theme=dark)](https://gitee.com/x-extends/vxe-table-plugin-renderer/stargazers)\n[![npm version](https://img.shields.io/npm/v/vxe-table-plugin-renderer.svg?style=flat-square)](https://www.npmjs.com/package/vxe-table-plugin-renderer)\n[![npm downloads](https://img.shields.io/npm/dm/vxe-table-plugin-renderer.svg?style=flat-square)](http://npm-stat.com/charts.html?package=vxe-table-plugin-renderer)\n[![npm license](https://img.shields.io/github/license/mashape/apistatus.svg)](LICENSE)\n\n基于 [vxe-table](https://github.com/x-extends/vxe-table) 表格的增强插件，提供一些常用的渲染器\n\n## Compatibility\n\n依赖 vxe-table v4 版本  \n\n## Installing\n\n```shell\nnpm install vxe-table@next vxe-table-plugin-renderer@next\n```\n\n```javascript\n// ...\nimport VXETable from 'vxe-table'\nimport VXETablePluginRenderer from 'vxe-table-plugin-renderer'\nimport 'vxe-table-plugin-renderer/dist/style.css'\n// ...\n\nVXETable.use(VXETablePluginRenderer)\n```\n\n## API\n\n### bar 柱状图\n\n#### bar Props\n\n| 属性 | 描述 | 类型 | 可选值 | 默认值 |\n|------|------|-----|-----|-----|\n| bar.width | 柱子宽度 | number | string | — | — |\n| bar.max | 柱子最大值 | number | — | — |\n| colors | 柱子颜色列表 | string[] | — | — |\n| tooltip.formatter | 提示内容格式 | string | — | — |\n| label.color | 显示值的颜色 | string | — | — |\n| label.formatter | 显示值的格式（{row, value}） | string | — | — |\n\n### pie 饼图\n\n#### pie Props\n\n| 属性 | 描述 | 类型 | 可选值 | 默认值 |\n|------|------|-----|-----|-----|\n| diameter | 饼图直径 | number | string | — | — |\n| margin | 饼图间距 | number | string | — | 1px |\n| colors | 扇区的颜色列表 | string[] | — | — |\n| tooltip.formatter | 提示内容格式 | string | — | — |\n| ring.diameter| 内圆直径 | number | string | — | — |\n| ring.color | 内圆的颜色 | string | — | — |\n| label.color | 显示值的颜色 | string | — | — |\n| label.formatter | 显示值的格式（{row, value}） | string | — | — |\n\n### rate 评分\n\n#### rate Props\n\n| 属性 | 描述 | 类型 | 可选值 | 默认值 |\n|------|------|-----|-----|-----|\n| colors | 每一项的颜色列表 | string[] | — | — |\n\n## Demo\n\n```html\n\u003cvxe-table\n  border\n  show-overflow\n  height=\"400\"\n  :data=\"tableData\"\u003e\n  \u003cvxe-column type=\"checkbox\" width=\"60\"\u003e\u003c/vxe-column\u003e\n  \u003cvxe-column field=\"name\" width=\"200\"\u003e\u003c/vxe-column\u003e\n  \u003cvxe-column field=\"num1\" title=\"Bar\" :cell-render=\"{name: 'bar'}\"\u003e\u003c/vxe-column\u003e\n  \u003cvxe-column field=\"num2\" title=\"Ring\" :cell-render=\"{name: 'pie'}\"\u003e\u003c/vxe-column\u003e\n  \u003cvxe-column field=\"num3\" title=\"Rate\" :cell-render=\"{name: 'rate'}\"\u003e\u003c/vxe-column\u003e\n\u003c/vxe-table\u003e\n```\n\n```javascript\nexport default {\n  data () {\n    return {\n      tableData: [\n        { id: 100, name: 'test1', num1: [30, 47], num2: [60, 36, 36], num3: 3 },\n        { id: 101, name: 'test2', num1: [15, 22], num2: [85, 22, 97], num3: 1 },\n        { id: 102, name: 'test3', num1: [75, 36], num2: [45, 84, 66], num3: 5 }\n      ]\n    }\n  }\n}\n```\n\n## License\n\nMIT License, 2019-present, Xu Liangzhan","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fx-extends%2Fvxe-table-plugin-renderer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fx-extends%2Fvxe-table-plugin-renderer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fx-extends%2Fvxe-table-plugin-renderer/lists"}