{"_id":"@ahws/page-continar","_rev":"1-227092a5f1b968d6c10e623be77e870d","name":"@ahws/page-continar","dist-tags":{"latest":"0.0.1"},"versions":{"0.0.1":{"name":"@ahws/page-continar","version":"0.0.1","description":"react antd page continar","main":"lib/cjs/index.js","module":"lib/esm/index.js","repository":{"type":"git","url":"git+https://github.com/ybuiw/ahws.git"},"keywords":["react","page-continar","react page","ahws-page","antd page continar","react page continar"],"publishConfig":{"access":"public"},"author":{"name":"uub"},"license":"MIT","dependencies":{"dayjs":"^1.10.3"},"devDependencies":{"@types/react":"^17.0.0","@types/react-dom":"^17.0.0","antd":"^4.10.1","react":"^17.0.1","react-dom":"^17.0.1"},"gitHead":"a625d9da41cbc9b5bbbcbb4b76777804b8065df9","bugs":{"url":"https://github.com/ybuiw/ahws/issues"},"homepage":"https://github.com/ybuiw/ahws#readme","_id":"@ahws/page-continar@0.0.1","_nodeVersion":"14.15.0","_npmVersion":"lerna/3.22.1/node@v14.15.0+x64 (win32)","dist":{"integrity":"sha512-qD0Z1fBPWxprEClQ9w8+zjGu+qOMtKIoG4a0aR5L4rlcAlpn8/oV1GUbwvUfKUwCEMkD4zor/ikT2oHfejn6ag==","shasum":"f24d9c66cf1a58b55cdcef1ad56e34021c04cae7","tarball":"https://registry.npmjs.org/@ahws/page-continar/-/page-continar-0.0.1.tgz","fileCount":24,"unpackedSize":138269,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgBUwmCRA9TVsSAnZWagAA3i8QAIGVTgo2UGgyRngTlx3P\n7G5APPYMBE5W/kM9GZGqEC53TAlZWvwxml6RHWcS9xCTZKCDOnP53EjgtuFo\nt56430XxAdYwj7rs6qqXfxG6kB6opRfZnpHJgKTIY7/TAWxImmvON/E4XJ11\n5Tlj1YndHXgojOeH4uz3rn90D3kstFaG1u0zTBXY691AkDTDNvzZOeqVJruU\ni9YmQWThviW2n6lzFRoUlVlR+bZFBWcBsZfOh1fjujwWb8e3CMHRhyg86HSE\neWrYnCT3HyaAoqk+9NRXB/SY7H9iYLac4CjBhyoa1uexIMoEHWjZFg2lpyNs\nJBovkormd4nhgj0nMQS/RWPrQf20HBD9AYUoyMnO12K4gHR5I6Qew/gNKU+a\nvekVk62/uP3+bz5C+aiCcWUVLyONy0UzXMZtVmOZhLUrlQFWcMSxREKELvVy\nAD9EXL4uQqmx76y0FSeW5IOkzDgG1fYyOPl4F+hXS5rRsCv2sDoVXCXgv+Ao\nMFlUVNZSc5j8JycMSG7OQr0S1GdHdx6HXKAuokqtL2wrd5EM7eTalVJjC5Iq\nTNIvmmYZAeLrOraJwRJZgd25uUG1XsqK/eClgDhTZ2f9Wr1Oa9LkDA9Y7QUZ\nMn6wlrbSRFdAeDyKM8pWWjJe6MtziBA+jipGYwBGj3flYOBWvR58aOqssMha\neT+X\r\n=0yza\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFOEOjzEs7rrIrkKAoMnW440Fkwc6PAJDaykLFybpQv3AiEA56p++wagrh3R/2s/0Zbwa0o6nQKUW1bgXXCfutzcq4g="}]},"_npmUser":{"name":"uub","email":"yaob421123@163.com"},"directories":{},"maintainers":[{"name":"uub","email":"yaob421123@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/page-continar_0.0.1_1610959910054_0.9713814625786366"},"_hasShrinkwrap":false}},"time":{"created":"2021-01-18T08:51:49.783Z","0.0.1":"2021-01-18T08:51:50.176Z","modified":"2022-04-04T12:14:39.829Z"},"maintainers":[{"name":"uub","email":"yaob421123@163.com"}],"description":"react antd page continar","homepage":"https://github.com/ybuiw/ahws#readme","keywords":["react","page-continar","react page","ahws-page","antd page continar","react page continar"],"repository":{"type":"git","url":"git+https://github.com/ybuiw/ahws.git"},"author":{"name":"uub"},"bugs":{"url":"https://github.com/ybuiw/ahws/issues"},"license":"MIT","readme":"react后台page 页面封装\r\n===\r\n基于 `antd` 。依赖 `antd`, `dayjs`。\r\n基础page页面，包含顶部区域，筛选区域，自定义区域，内容区域。\r\n\r\n### 安装\r\n\r\n```bash\r\nnpm install --save @ahws/page-continar\r\n```\r\n\r\n### 引入\r\n\r\n```jsx\r\nimport Layouts from '@ahws/page-continar';\r\n```\r\n\r\n### Demo\r\n\r\n \r\n```js\r\nimport React from 'react';\r\nimport PageContinar from '@ahws/page-continar';\r\nimport { Button } from 'antd';\r\n\r\n\r\nconst Page = (props: any) => {\r\n const headTab: any = [\r\n { key: 'tab1', tab: '按接收凭证' },\r\n { key: 'tab2', tab: '按项目类型' }\r\n ]\r\n\r\n // 筛选条件\r\n const searchItem: any[] = [\r\n { title: '姓名', name: 'name', value: 'aa', type: 'input'},\r\n { title: '手机号', name: 'mobile', type: 'input'},\r\n { title: '类型', name: 'type', type: 'select', width: 160, child: [\r\n {name: '类型1', value: '1'},\r\n {name: '类型2', value: '2'}\r\n ]},\r\n { title: '多选', name: 'checkbox', type: 'checkbox', child: [\r\n {name: '多选1', value: '1'},\r\n {name: '多选2', value: '2'}\r\n ]},\r\n { title: '日期', name: 'date', type: 'datePicker'},\r\n { title: '时间范围', name: 'date2', type: 'rangePicker'},\r\n ]\r\n\r\n const onHeadTab = (str : string) => {\r\n // 页签标题返回\r\n console.log(str)\r\n }\r\n\r\n const onSearch = (value: any) => {\r\n // 筛选 / 重置\r\n console.log(value)\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n }\r\n headTab={headTab}\r\n // searchDom={<>筛选区域自定义内容}\r\n searchDom={searchItem}\r\n onHeadTab={onHeadTab}\r\n onSearch={onSearch}\r\n >\r\n <>\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default Page;\r\n```\r\n\r\n\r\n## Props\r\n\r\n| 参数 | 说明 | 类型 | 默认值 |\r\n| -------- | -------- | -------- | -------- |\r\n| title | 标题 | React.ReactNode | -- |\r\n| isBack | 是否显示返回上一页 | Boolean | false |\r\n| headExtra | 页头右侧自定义内容展示 | React.ReactNode | -- |\r\n| headTab | 页头Tab列表 | CardTabListType[] | -- |\r\n| searchDom | 筛选区域内容模块，支持数据配置 | SearchDom[] / React.ReactNode | -- |\r\n| centerDom | 筛选区域下方位置自定义内容 | React.ReactNode | -- |\r\n| onHeadTab | 页头Tab列表点击事件 | function(key: string) {} | -- |\r\n| onSearch | 筛选及重置点击事件(如果是日期，内部已梳理格式) | function(values: any[]) {} | -- |\r\n\r\n\r\n## Props headTab[]\r\n\r\n- `tab` 名称。\r\n\r\n- `key` key。\r\n\r\n\r\n## Props SearchDom[] 配置\r\n\r\n`searchDom` 筛选区域内容配置。\r\n\r\n- `title` 名称。\r\n\r\n- `name` 字段名。\r\n\r\n- `type` 类型。目前支支持 `input`, `select`, `checkbox`, `datePicker`, `rangePicker`。\r\n\r\n- `width` 宽度。\r\n\r\n- `child` 选择得数据。type为 `select`, `checkbox` 时配置 `{name: '', value: ''}`。\r\n\r\n\r\n\r\n## 效果图\r\n![calendar](https://github.com/ybuiw/ahws/blob/master/packages/page-continar/1.png)\r\n\r\n","readmeFilename":"README.md"}