{"_id":"@ant-design-vue/pro-table","_rev":"2-b66fb60debbd254e14d476e8962ed312","name":"@ant-design-vue/pro-table","dist-tags":{"latest":"1.0.0"},"versions":{"0.0.1":{"name":"@ant-design-vue/pro-table","version":"0.0.1","scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","vars":"lessc --js ./src/style.less modifyed.css","types":"vue-tsc --declaration --emitDeclarationOnly","prepare":"pnpm build","preview":"vite preview --port 5050","test:unit":"vitest --environment jsdom","typecheck":"vue-tsc --noEmit && vue-tsc --noEmit -p tsconfig.vitest.json --composite false","lint":"TIMING=1 eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"},"types":"./dist","style":"./dist/style.css","main":"./dist/pro-table.umd.js","module":"./dist/pro-table.es.js","exports":{".":{"import":"./dist/pro-table.es.js","require":"./dist/pro-table.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"dependencies":{"@ant-design/icons-vue":"^6.1.0","@ant-design-vue/pro-form":"workspace:^0.1.0","ant-design-vue":"^3.2.10","lodash-es":"^4.17.21","vue":"^3.2.39"},"devDependencies":{"@ant-design-vue/pro-layout":"workspace:^3.2.3","@ant-design-vue/pro-utils":"workspace:^0.0.0","@rollup/plugin-typescript":"^8.3.2","@rushstack/eslint-patch":"^1.1.3","@shared/vite-plugin-less-copy":"workspace:^0.0.0","@types/jsdom":"^16.2.14","@types/lodash-es":"^4.17.6","@types/node":"^16.11.27","@vitejs/plugin-vue":"^2.3.1","@vitejs/plugin-vue-jsx":"^1.3.10","@vue/eslint-config-prettier":"^7.0.0","@vue/eslint-config-typescript":"^10.0.0","@vue/test-utils":"^2.0.0-rc.20","@vue/tsconfig":"^0.1.3","axios":"^1.2.0","eslint":"^8.13.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-vue":"^8.6.0","jsdom":"^19.0.0","less":"^4.1.2","prettier":"^2.6.2","typescript":"~4.5.5","vite":"^2.9.5","vitest":"^0.5.9","vue-request":"^1.2.4","vue-router":"^4.0.14","vue-tsc":"^1.0.9"},"peerDependencies":{"@ant-design/icons-vue":">=6.1.0","ant-design-vue":">=3.2.0","@ant-design-vue/pro-form":"^0.1.0","@ant-design-vue/pro-utils":"^0.0.0"},"peerDependenciesMeta":{},"contributors":[{"name":"yiyi","email":"1710797241@qq.com"},{"name":"ying","email":"794758159@qq.com"}],"description":"Ant Design Pro table of Vue, easy to use pro scaffolding.","gitHead":"d4212f6aa939413cef3c3e21337072b015615813","_id":"@ant-design-vue/pro-table@0.0.1","_nodeVersion":"16.18.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-loYxR417E9AogJG5GWTpQd5k5WDM5K7HE3G+XPk8eYWiVkUSFdkvS0oXz3NXvuGYuUQha8oCyglULAdZ5aMW6g==","shasum":"5015cc2494d2883f72101a76e1ef95c76102e2e2","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-table/-/pro-table-0.0.1.tgz","fileCount":31,"unpackedSize":3440471,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEtKerk9NL9aWfvTZcwoYgbefbQgH63ChCTWAUGvsWwSAiEA9bAf1I3CMvEhcY8oAVwSQiS1ViOetX6oAj65LGpFXGQ="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtaduACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmopqA//Zd59dGQl7CDrzyap0vzIMt9O37uRLYfMnMvJTxUIOfYNjfXY\r\nxYf1HYjCazvaSyTZu/ABoXtvCHPlQBBsinUt+CF74uBVpMSgjRoLJPpBu2sQ\r\nzoJ9F9UoTj1QRYBec4/W45En41JUEXGW3ZhSj/UdZugmUS8fQsTFfs2tHcl9\r\niqSd4PWMgzNflZFmLyMQNtAT8Y1PoprC/XA7o3LA+5SD4mEUjHjYyQqKCtYU\r\nL67BmbDo9PIF+hZGk3Ke+WQakaP7T8ePRRNOc5exnAQpAvKBlMM0laBJqkSX\r\nlL1MnfRziaVa3LQiT0gOeQPDvK8fl6z5UTyAYwTmUNoLxpCNvpapIHGhByoM\r\nyW/sqyw3tl21+T7964g/XtBxFizUGHKgTQOO5flWsA9epFEQSu+HpT7UwbZZ\r\nUyjFTnlcbkbZ4iWfJfbLHeWdiJ+S/xBnknq2dg8Qwub3y8Fsw9rzdZAk3oHK\r\nxpyoIZd39q/IQxr7bEm4mn16z3+lVQt8B2hUoeFzKq8+iJ5l987r848/tOFk\r\n1qS4t3Wn3VF53CBAEqc0Doz7anoPPwUQsNOreH76wQu4IQjGOveCw8PM9sYY\r\nYNSoRaoDCmQ0TFzuCqVDaaD/9tEz3qhtNw9Qj4M8633gvjK3qH8wx8zQQt6I\r\ntTbKNXUAmheTTgIAdCh3gEIQKrgYSoYz1FE=\r\n=6qhE\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-table_0.0.1_1672849261979_0.2355733785746552"},"_hasShrinkwrap":false},"1.0.0":{"name":"@ant-design-vue/pro-table","version":"1.0.0","scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","vars":"lessc --js ./src/style.less modifyed.css","types":"vue-tsc --declaration --emitDeclarationOnly","prepare":"pnpm build","preview":"vite preview --port 5050","test:unit":"vitest --environment jsdom","typecheck":"vue-tsc --noEmit && vue-tsc --noEmit -p tsconfig.vitest.json --composite false","lint":"TIMING=1 eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"},"types":"./dist","style":"./dist/style.css","main":"./dist/pro-table.umd.js","module":"./dist/pro-table.es.js","exports":{".":{"import":"./dist/pro-table.es.js","require":"./dist/pro-table.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"dependencies":{"@ant-design/icons-vue":"^6.1.0","@ant-design-vue/pro-form":"workspace:^0.1.1","@ant-design-vue/pro-utils":"workspace:^0.0.0","lodash-es":"^4.17.21","screenfull":"^6.0.2"},"devDependencies":{"@ant-design-vue/pro-layout":"workspace:^3.2.3","@rollup/plugin-typescript":"^8.3.2","@rushstack/eslint-patch":"^1.1.3","@shared/vite-plugin-less-copy":"workspace:^0.0.0","@types/jsdom":"^16.2.14","@types/lodash-es":"^4.17.6","@types/node":"^16.11.27","@vitejs/plugin-vue":"^2.3.1","@vitejs/plugin-vue-jsx":"^1.3.10","@vue/eslint-config-prettier":"^7.0.0","@vue/eslint-config-typescript":"^10.0.0","@vue/test-utils":"^2.0.0-rc.20","@vue/tsconfig":"^0.1.3","axios":"^1.2.0","eslint":"^8.13.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-vue":"^8.6.0","jsdom":"^19.0.0","less":"^4.1.2","prettier":"^2.6.2","vue-request":"^1.2.4","vue-router":"^4.1.5"},"peerDependencies":{"ant-design-vue":">=3.2.0","vue":">=3.2.0"},"peerDependenciesMeta":{},"contributors":[{"name":"yiyi","email":"1710797241@qq.com"},{"name":"sying","email":"794758159@qq.com"}],"description":"Ant Design Pro table of Vue, easy to use pro scaffolding.","gitHead":"abc282acc3a451b5e82c67f40f779e84a7ee61fc","_id":"@ant-design-vue/pro-table@1.0.0","_nodeVersion":"16.17.0","_npmVersion":"8.15.0","dist":{"integrity":"sha512-pRz2SMIo9E8EBPcsS00zzwZUm4nDLLTelZKKZqINxWF1Utqz4o+/5c2qAeWzza3VT/v+QQ5X3oe0ppnxIfWktg==","shasum":"02ad4e36af4c674de359dbbac34ace7ea22f4a66","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-table/-/pro-table-1.0.0.tgz","fileCount":57,"unpackedSize":2462605,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC5qVFKMjU4qUPWLaXm6ngXwBMnhMf12tHHstVSW+1yCAiEA76dkmcBNPpj3qUmll4OTL4BSyjyvuAFA6vYO3mGm6/4="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"aibayanyu","email":"aibayanyu@qq.com"},{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-table_1.0.0_1685694488311_0.786271990696799"},"_hasShrinkwrap":false}},"time":{"created":"2023-01-04T16:21:01.740Z","0.0.1":"2023-01-04T16:21:02.257Z","modified":"2023-06-02T08:28:08.720Z","1.0.0":"2023-06-02T08:28:08.578Z"},"maintainers":[{"name":"aibayanyu","email":"aibayanyu@qq.com"},{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"description":"Ant Design Pro table of Vue, easy to use pro scaffolding.","contributors":[{"name":"yiyi","email":"1710797241@qq.com"},{"name":"sying","email":"794758159@qq.com"}],"readme":"<h1 align=\"center\">\r\nAnt Design Pro Table\r\n</h1>\r\n\r\n<div align=\"center\">\r\n\r\n[![NPM version](https://img.shields.io/npm/v/@ant-design-vue/pro-table/latest?style=flat)](https://npmjs.org/package/@ant-design-vue/pro-table) [![Vue Support](https://img.shields.io/badge/support-Vue3-green?style=flat)](./package.json) [![Vue Grammar Level](https://img.shields.io/badge/full-Composition%20API-blue?style=flat)](https://v3.vuejs.org/guide/composition-api-introduction.html) [![NPM downloads](http://img.shields.io/npm/dm/@ant-design-vue/pro-table.svg?style=flat)](https://npmjs.org/package/@ant-design-vue/pro-table) [![License](https://img.shields.io/github/license/vueComponent/pro-components)](./LICENSE)\r\n\r\n</div>\r\n\r\n# ProTable - Advanced Tables\r\n\r\nProTable was created to solve the problem of having to write a lot of sample code for tables in a project, so a lot of common logic was encapsulated in it. These wrappers can be simply categorized as pre-defined behaviors and pre-defined logic.\r\n\r\nThanks to ProForm's capabilities, ProForm can take many forms, switch between query form types, set up deformations to become a simple Form form, perform new creation, etc.\r\n\r\n![layout\r\n](https://gw.alipayobjects.com/zos/antfincdn/Hw%26ryTueTW/bianzu%2525204.png)\r\n\r\n## When to Use\r\n\r\nWhen your forms need to interact with the server or need multiple cell styles, ProTable is the right choice.\r\n\r\n## API\r\n\r\nProTable puts a layer of wrapping on top of antd's Table, supports some presets, and encapsulates some behaviors. Only api's that differ from antd Table are listed here.\r\n\r\n### request\r\n\r\n`request` is the most important API of ProTable, `request` takes an object. The object must have `data` and `success` in it, and `total` is also required if manual paging is needed. `request` takes over the `loading` settings and re-executes them when the query form is queried and the `params` parameters are modified. Also the query form values and `params` parameters are brought in. The following is an example.\r\n\r\n```tsx | pure\r\n<ProTable\r\n  // params is a parameter that needs to be self-contained\r\n  // This parameter has higher priority and will override the parameters of the query form\r\n  params={params}\r\n  request={async (\r\n    // The first parameter params is the combination of the query form and params parameters\r\n    // The first parameter will always have pageSize and current, which are antd specifications\r\n    { current, pageSize, ...params },\r\n    sort,\r\n    filter,\r\n  ) => {\r\n    // Here you need to return a Promise, and you can transform the data before returning it\r\n    // If you need to transform the parameters you can change them here\r\n    const {\r\n      data: { result: data, total },\r\n    } = await axios.get<{\r\n      result: Record<string, unknown>[];\r\n      total: number;\r\n    }>('/api', {\r\n      params: { page: current, pageSize, ...params },\r\n    });\r\n    return {\r\n      data,\r\n      // not passed will use the length of the data, if it is paged you must pass\r\n      total,\r\n      // Please return true for success.\r\n      // otherwise the table will stop parsing the data, even if there is data\r\n      success: true,\r\n    };\r\n  }}\r\n/>\r\n```\r\n\r\n### Attributes\r\n\r\n| Name | Description | Type | Default Value |\r\n| --- | --- | --- | --- |\r\n| request | How to get `dataSource` | `(params?: {pageSize,current},sort,filter) => {data,success,total}` | - |\r\n| params | Additional parameters used for `request` query, once changed will trigger reloading | `object` | - |\r\n| cardBordered | Border of Card components around Table and Search | `boolean \\| {search?: boolean, table?: boolean}` | false |\r\n| cardProps | Card's props which wrap the Table, not displayed when set to false | `false` \\| [CardProps](https://antdv.com/components/card#API) | - |\r\n| toolbar | Transparent transmission of `ListToolBar` configuration items, not displayed when set to false | `false` \\| [ListToolBarProps](#listtoolbarprops) |  |\r\n| options | table toolbar, not displayed when set to false | `{{ reload: boolean \\| function, density?: boolean, setting: boolean, fullScreen: boolean \\| function }}` | `{ reload :true, density: true, setting: true }` |\r\n\r\n### Slots\r\n\r\n| Name | Description | Tag |\r\n| --- | --- | --- |\r\n| actions | Render toolbar actions area | v-slot:actions |\r\n| settings | Render toolbar settings area, will overwrite the options | v-slot:settings |\r\n\r\n### Events\r\n\r\n| Name | Description | Arguments |\r\n| --- | --- | --- |\r\n| load | Triggered after the data is loaded, it will be triggered multiple times | `(dataSource: T[]) => void` |\r\n| requestError | Triggered when data loading fails | `(error: Error) => void` |\r\n\r\n### ListToolbar\r\n\r\nToolbar section for customizing forms.\r\n\r\n#### ListToolBarProps\r\n\r\nToolbar configuration properties for lists and tables\r\n\r\n| Parameters | Description | Type | Default |\r\n| --- | --- | --- | --- |\r\n| title | title | `not implemented` | - |\r\n| subTitle | subTitle | `not implemented` | - |\r\n| description | description | `not implemented` | - |\r\n| search | query area | `not implemented` | - |\r\n| actions | actions area | `false \\| VNode[]` | - |\r\n| settings | settings area | `false \\| (VNode \\| Setting)[]` | - |\r\n| filter | The filter area, usually used with `LightFilter` | `not implemented` | - |\r\n| multipleLine | Whether to display multiple lines | `not implemented` | - |\r\n| menu | menu configuration | `not implemented` | - |\r\n| tabs | Tabs configuration, only valid if `multipleLine` is true | `not implemented` | - |\r\n\r\n#### Setting\r\n\r\n| Parameters | Description | Type | Default |\r\n| --- | --- | --- | --- |\r\n| icon | icon | `ReactNode` | - |\r\n| tooltip | tooltip Description | `string` | - |\r\n| key | operation unique identifier | `string` | - |\r\n| onClick | set to be triggered | `(key: string)=>void` | - |\r\n","readmeFilename":"README.md"}