{"_id":"@ant-design-vue/pro-form","_rev":"2-c3a14894a6b9f91a55fbb1560fe3447d","name":"@ant-design-vue/pro-form","dist-tags":{"alpha":"0.1.0","latest":"0.1.1"},"versions":{"0.1.0":{"name":"@ant-design-vue/pro-form","version":"0.1.0","types":"./dist","style":"./dist/style.css","main":"./dist/pro-form.umd.js","module":"./dist/pro-form.es.js","exports":{".":{"import":"./dist/pro-form.es.js","require":"./dist/pro-form.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"dependencies":{"@ant-design/icons-vue":"^6.1.0","@types/lodash":"^4.14.184","ant-design-vue":"^3.2.12","dayjs":"^1.11.5","vue":"^3.2.38","vue-router":"^4.1.5"},"devDependencies":{"@ant-design-vue/pro-field":"^0.0.0","@ant-design-vue/pro-layout":"^3.2.3","@ant-design-vue/pro-utils":"^0.0.0","@rollup/plugin-typescript":"^8.5.0","@rushstack/eslint-patch":"^1.1.4","@shared/vite-plugin-less-copy":"^0.0.0","@types/jsdom":"^16.2.15","@types/node":"^16.11.57","@vitejs/plugin-vue":"^2.3.4","@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.2","@vue/tsconfig":"^0.1.3","consola":"^2.15.3","eslint":"^8.23.0","eslint-plugin-prettier":"^4.2.1","eslint-plugin-vue":"^8.7.1","jsdom":"^19.0.0","less":"^4.1.3","prettier":"^2.7.1","typescript":"~4.5.5","vite":"^2.9.15","vite-plugin-style-import":"^2.0.0","vitest":"^0.5.9","vue-tsc":"^0.34.17"},"contributors":[{"name":"sunshineLixun","email":"1261142605@qq.com"}],"description":"Ant Design Pro Form of Vue, easy to use pro scaffolding.","scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","vars":"lessc --js ./src/style.less modifyed.css","types":"vue-tsc --declaration --emitDeclarationOnly","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"},"_id":"@ant-design-vue/pro-form@0.1.0","_integrity":"sha512-8PYjNwV9DX72Bx/nV5raYUlxwrD3tfQ+HaHV4evcHXSd0deaHE59tJAmLR7ssWX/8dILyFeob4qTf5E9iOnUGA==","_resolved":"/private/var/folders/0q/fdkb8kf95nd6yc7xgk1fgvhc0000gn/T/9e14cf7d90a73bf669ae6f37b1752ad8/ant-design-vue-pro-form-0.1.0.tgz","_from":"file:ant-design-vue-pro-form-0.1.0.tgz","_nodeVersion":"16.17.0","_npmVersion":"8.15.0","dist":{"integrity":"sha512-8PYjNwV9DX72Bx/nV5raYUlxwrD3tfQ+HaHV4evcHXSd0deaHE59tJAmLR7ssWX/8dILyFeob4qTf5E9iOnUGA==","shasum":"776ec78f30aec02f395da39218ee7693ffa7d232","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-form/-/pro-form-0.1.0.tgz","fileCount":28,"unpackedSize":461382,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDomHpjR67pQa8fDRKn5LePssRB/RIBliiwRSH5bkZTeAIhANiHz7VNiq3UWcdYVjJRPmqgkx65TwcFnljPgCSvNWRp"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJEMBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqRZg//XBna9uB8JUJiHFxD6SVXdTiKdxP0xtP+6Rgr3GuwxAijFYcY\r\n70OTLaygcA2ARiAnvoVOx3+DDbzONLfz+mmAdN3IHWxLhgHVUpS+3Urcmjk5\r\n4CPMOlobAPpwIues8F9JKJsP+IYa5cHwFBgRngATczTJzt0ihnRiY/uWMWYN\r\nXfvQIaWuAxuyinu07Kmy8aO98W9fUXhbF26Zwea4ehJwdwa+LI4AciB0H0N9\r\no2Xe2EkjtT6ajxzMwLSJmgF9rq0dkxXnNP/iRCOY9/JvqDlZ58xv1f7eD12h\r\nzlG+YBEuLeAwvORH5PfcFYzujW9j1UCmbYrfZ/5+0zZsd74m+6NfQcgFya9i\r\nKHSbVx7hB8Yc9M4RUaOJjss4SClyPQPUGy1ezd5e3pd2BNLDYBtVvTkAto0N\r\n98ScdWtb/TMnHUlcMA6EIFIM6Y5nm1OJXi9Q7xgQSyHmQUWcRIZiptouGuz2\r\nvOV08ibGItnQMQS8DRE9+tOF5JWGewtSDj64LyDFzqOgW3lZC2/EdYUAZ+Sw\r\noFi8ioTKEOKuhxa6ynJ/jnvY1olVbmqyX10LQYdzT+uhSqLOu+2OhZFrajvS\r\nKsodwK5DhZdLc4iVcxYXrSlA98fgYRaeAH+gCK7Pv20RwQZLSv4vNwuB0qpB\r\n0Gg0X/EXLqLJHXGtiVsUFJxQAAAUn6JMAIQ=\r\n=Mguf\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-form_0.1.0_1663320832869_0.34956976943930274"},"_hasShrinkwrap":false},"0.1.1":{"name":"@ant-design-vue/pro-form","version":"0.1.1","scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite -v build","vars":"lessc --js ./src/style.less modifyed.css","types":"vue-tsc --declaration --emitDeclarationOnly","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-form.umd.js","module":"./dist/pro-form.es.js","exports":{".":{"import":"./dist/pro-form.es.js","require":"./dist/pro-form.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"dependencies":{"@ant-design/icons-vue":"^6.1.0","@types/lodash":"^4.14.185","ant-design-vue":"^3.2.12","dayjs":"^1.11.5","vue":"^3.2.39","vue-router":"^4.1.5"},"devDependencies":{"@ant-design-vue/pro-layout":"workspace:^3.2.3","@ant-design-vue/pro-utils":"workspace:^0.0.0","@ant-design-vue/pro-field":"workspace:^0.0.0","@shared/vite-plugin-less-copy":"workspace:^0.0.0","@rollup/plugin-typescript":"^8.3.2","@rushstack/eslint-patch":"^1.1.3","@types/jsdom":"^16.2.14","@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","consola":"^2.15.3","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","vite-plugin-style-import":"^2.0.0","vitest":"^0.5.9","vue-tsc":"^0.34.7"},"contributors":[{"name":"sunshineLixun","email":"1261142605@qq.com"}],"description":"Ant Design Pro Form of Vue, easy to use pro scaffolding.","gitHead":"b8126b85b02f4d1b6181faa239bad3458a094299","_id":"@ant-design-vue/pro-form@0.1.1","_nodeVersion":"16.18.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-zPFG//dfoYknv+4JGOo8bobwAMefWSII+0YEGE5Zl79YT3qZFhPbPq0KNBak9ITP8UwCwaB6/YuobJjVtx6ysg==","shasum":"702e7ceb8aec36e12ca95cc4d21620880a5dd17a","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-form/-/pro-form-0.1.1.tgz","fileCount":50,"unpackedSize":5409387,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCYCUWHB7ImWZtkwhF6SW9P0fjvrgf42VC65rb+/F46owIgTLQZYdpp7SAVaIgaOPcf0ycvU0r85GDpX5A1vbH+Tko="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtaPEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpnKA//VNl3x5SgIAOb0dmLM5GrIvrejJrttmVEyD8cI4SwRFTbSPci\r\ndCQDIAmTHGBU9zNhGScqQYDtEOc7oIYgMm906tLpXEwKu/fapFAvsc6Os0sT\r\n6Lxp5AhP2W41jW9zGs2g81W+Bd5Ep9j+LFR/9KTK+hvEKSfRxnxGcJTd7AVR\r\nk8AbN9OXjx3d5KgsDCej4j58HlE1V2SlcroKCrRFm1wR6SMACWUt2mj+9Q4f\r\nVI6EbOTcA+qDKoecvRpXm1mLW6UPib/TgFJc6eM5kL0XXMKS6wMXvMuG3LHf\r\nNrBRMENRCSW4Mw5nRYS4xz6x/vY7vXFPHpF5ZmnwoHj18evIkJQljrwCxina\r\nTI1glxAEAg+lXOkv5tI/3ERlcdasEv5VBfbIpNO4FPEc5ickGH0T8l487QE1\r\nbn9Un7UJJfRHyVyILHy4+oKXlkwszSO9F3Edp6GQjYKQYLMLRl14T9pcfuzW\r\nK26Xl/4f4qpD0zHc0NEKfSia6C3BiJ/WRwh4N2fSsJUR0YGSxR43mOH6V5BA\r\n4sM7vJREEEYL5ptmMtX/sdBAVN/n4GZ9G6OUiGEbeB7Tcp4hxdhqSZadMmPH\r\nR8YSDkyv99BiKKVz1NSPvcc50FuCl+1AZyp5BYhsawVK6Tunr4H3e1B004EM\r\nbNEfScMvBCfOoohyUEolUmZUNEpF4VoYTWk=\r\n=/vKb\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-form_0.1.1_1672848324029_0.6875851532318391"},"_hasShrinkwrap":false}},"time":{"created":"2022-09-16T09:33:52.812Z","0.1.0":"2022-09-16T09:33:53.034Z","modified":"2023-05-31T01:46:21.893Z","0.1.1":"2023-01-04T16:05:24.353Z"},"maintainers":[{"email":"aibayanyu@qq.com","name":"aibayanyu"},{"email":"yladmxa@gmail.com","name":"sendya"},{"email":"lcz_1996@foxmail.com","name":"amour1688"},{"email":"415800467@qq.com","name":"tangjinzhou"}],"description":"Ant Design Pro Form of Vue, easy to use pro scaffolding.","contributors":[{"name":"sunshineLixun","email":"1261142605@qq.com"}],"readme":"<h1 align=\"center\">\nAnt Design Pro Form\n</h1>\n\n<div align=\"center\">\n\n[![NPM version](https://img.shields.io/npm/v/@ant-design-vue/pro-layout/latest?style=flat)](https://npmjs.org/package/@ant-design-vue/pro-layout) [![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-layout.svg?style=flat)](https://npmjs.org/package/@ant-design-vue/pro-layout) [![License](https://img.shields.io/github/license/vueComponent/pro-layout)](./LICENSE)\n\n</div>\n## Basic Usage\n\nRecommend look [Examples](./examples/)\n\n## Branch\n\n- next : Vue3 + ant-design-vue@3.x (latest)\n- v3.1 : Vue3 + ant-design-vue@2.2.x (release LTS)\n- v2 : Vue2 + ant-design-vue@1.7.x\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-form\n# npm\nnpm i @ant-design-vue/pro-form -S\n```\n\n### Simple Usage\n\n```js\n// main.[js|ts]\nimport \"@ant-design-vue/pro-form/dist/style.css\"; // pro-form css or style.less\n```\n\n```vue\n<template>\n  <QueryFilter\n    :model=\"formModel\"\n    @finish=\"handleSubmit\"\n    @collapsed=\"onCollapsed\"\n  >\n    <FormItem name=\"name\" label=\"应用名称\" required>\n      <Input v-model:value=\"formModel.name\" placeholder=\"请输入\" allow-clear />\n    </FormItem>\n    <FormItem name=\"creater\" label=\"创建人\" required>\n      <Input v-model:value=\"formModel.creater\" placeholder=\"请输入\" />\n    </FormItem>\n    <FormItem name=\"sex\" label=\"性别\" required>\n      <Select v-model:value=\"formModel.sex\">\n        <SelectOption\n          v-for=\"item in sex\"\n          :key=\"item.value\"\n          :value=\"item.value\"\n          >{{ item.label }}</SelectOption\n        >\n      </Select>\n    </FormItem>\n    <FormItem name=\"status\" label=\"应用状态\">\n      <Input v-model:value=\"formModel.status\" placeholder=\"请输入\" />\n    </FormItem>\n    <FormItem name=\"startDate\" label=\"响应日期\">\n      <DatePicker v-model:value=\"formModel.startDate\" placeholder=\"请输入\" />\n    </FormItem>\n    <FormItem name=\"create\" label=\"创建时间\">\n      <RangePicker\n        v-model:value=\"formModel.create\"\n        :placeholder=\"['开始时间', '结束时间']\"\n      />\n    </FormItem>\n  </QueryFilter>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, reactive } from \"vue\";\nimport { QueryFilter } from \"@ant-design-vue/pro-form\";\nimport dayjs, { type Dayjs } from \"dayjs\";\nimport {\n  FormItem,\n  Input,\n  Select,\n  SelectOption,\n  RangePicker,\n  DatePicker,\n} from \"ant-design-vue\";\n\nconst formModel = reactive({\n  name: \"123\",\n  creater: \"11\",\n  sex: \"男\",\n  status: \"\",\n  startDate: \"\",\n  create: [\n    dayjs(\"2015/01/01\", \"YYYY/MM/DD\"),\n    dayjs(\"2016/01/01\", \"YYYY/MM/DD\"),\n  ] as [Dayjs, Dayjs],\n});\nconst sex = ref([\n  {\n    value: \"男\",\n    label: \"男\",\n  },\n  {\n    value: \"女\",\n    label: \"女\",\n  },\n]);\n\nfunction handleSubmit(params: any) {\n  console.log(params);\n}\nfunction onCollapsed(collapsed: boolean) {\n  console.log(collapsed);\n}\n</script>\n```\n\n## API\n\n### ProLayout\n\n| Property          | Description                                                                                                  | Type                         | Default Value |\n| ----------------- | ------------------------------------------------------------------------------------------------------------ | ---------------------------- | ------------- |\n| formProps         | antd 基础表单 props                                                                                          | object                       |               |\n| searchGutter      | 表单 gutter                                                                                                  | number                       | 24            |\n| style             | 自定义样式                                                                                                   | object                       | undefined     |\n| defaultColsNumber | 自定义折叠状态下默认显示的表单控件数量，没有设置或小于 0，则显示一行控件; 数量大于等于控件数量则隐藏展开按钮 | Number                       | undefined     |\n| collapsed         | 是否折叠超出的表单项，用于受控模式                                                                           | Boolean                      | undefined     |\n| defaultCollapsed  | 默认状态下是否折叠超出的表单项                                                                               | Boolean                      | true          |\n| preserve          | 是否能够查询收起的数据，如果设置为 false，收起后的表单数据将会丢失                                           | Boolean                      | true          |\n| split             | 每一行是否有分割线                                                                                           | Boolean                      | undefined     |\n| submitButtonProps | 提交按钮的 props                                                                                             | Object                       | undefined     |\n| submitter         | 重置、查询、展开收起按钮 props                                                                               | SubmitterProps               | undefined     |\n| onCollapsed       | 切换表单折叠状态时的回调                                                                                     | (collapsed: boolean) => void | undefined     |\n| onFinish          | 表单提交                                                                                                     | (fromModel: any) => void     | undefined     |\n| onSubmit          | 表单提交                                                                                                     | (fromModel: any) => void     | undefined     |\n| onReset           | 重置表单                                                                                                     | (fromModel: any) => void     | undefined     |\n\n## Build project\n\n```bash\npnpm build # Build library and .d.ts\n```\n\n## TODO:\n\n- [x] BaseFrom\n- [x] QueryFilter\n- [ ] ProForm\n  - [ ] ProField\n  - [ ] 更多原子组件...\n- [ ] LoginFrom\n- [ ] ModalFrom\n- [ ] DrawerFrom\n- [ ] ProTable\n- [ ] 一个像样的文档(VitePress)\n","readmeFilename":"README.md"}