{"_id":"@alicd/cone-detail","_rev":"19-6e89b6ecb9dc02e12bb448c79e541596","name":"@alicd/cone-detail","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@alicd/cone-detail","version":"0.1.0","keywords":["Cone","react","component"],"author":{"name":"Cone - Cainiao Inc,Alibaba group."},"license":"MIT","_id":"@alicd/cone-detail@0.1.0","maintainers":[{"name":"jimmyxuster","email":"yanzhe.xyz@alibaba-inc.com"},{"name":"gepik","email":"xiekaif@163.com"},{"name":"here21","email":"deletetmr@gmail.com"},{"name":"soulcm","email":"403229009@qq.com"},{"name":"qijian1990","email":"775710651@qq.com"},{"name":"later_7","email":"tony7leek@gmail.com"}],"homepage":"https://unpkg.com/@alicd/cone-detail@0.1.0/build/index.html","dist":{"shasum":"c9397189eee268bb1352be6bfc4899504856a6d3","tarball":"https://registry.npmjs.org/@alicd/cone-detail/-/cone-detail-0.1.0.tgz","fileCount":46,"integrity":"sha512-BlqSZwSiS5Ix8/SwBrApA1Bau6DSwSY3dvCdaajn9rKf6IRJwoZu/NihAcaMz4p54nJD0ThspsdpQ+jCvwGpCQ==","signatures":[{"sig":"MEQCIH/AuMME7mu6KD/EyR9pH366O90ow9PUDREDpaktU575AiBdE5Sk0QmmmjYxwXI9Be4O42muq2u2+jZfiUIeW8ec/w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13623016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe2F00CRA9TVsSAnZWagAALkcP/Al3Gwi1jnYDOActsH80\nJz/yV9pxHjj/iFm52y10u1+NwKWJ5+uzcYQ1bkRWr3rXL38kMzw0ymUscMT+\n8/+CVqKStI0ccXRT1fy25mpFyTZwR7mWKDfMt5ib+rg2RhznD22hfSmnuyPL\nSjpfE6FVeR8L+Ys4nnkiTrKOUyNaGuSF7k0m4g9/MWrOzpEMYATmiKTk7SCj\nrReCiDGCamcn+trB/pmPJywQpefRkRoxJvC9deqT6X1z9w5zJOwDcCpFt7Z4\nzWTKnUIaKIjnKMQtVlxc66N2JMwV3CTcgy1rwVAY9IozJl9e1NtSsPGAQeKN\nbBE37CanbFWveCzupFu38zlYBHed7QWuNqRnsGjm7ezpoWhP/xwVNYDjINjT\nt0OICIfYFkRLpCgwnKii5Er0ip824A7anq5WZ2+nFnVYhCFNwl9iLLMyKOi8\nBhAYCoGtIp33sS+nAdwNDpZgjr2AuPTIc+2lmpihTJ2X4BSNSPUpIchF/bDp\ntEe5qOi0owigBsub29r8VWwi+AQAtVBCiw7+kKMDZmz1e+nGD1fEgN84BPdf\nrRUyG6pFkxuw1+kQBRAPQc+5ZinvI9FDZ9lszzUqxBx8LcVe7Vdypwb9r4pb\nJ5xyMUr7o+3Gd4hIoxW2kPbkCH7gFF9LBvUoYpmbUZXD42nG0mTtkFG3NiU2\nKtWk\r\n=GxoZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","scripts":{"lint":"npm run eslint & npm run stylelint","test":"build-scripts test","build":"build-scripts build","major":"npm version major -m 'Update Version Major by NPM' && git push --tag","minor":"npm version minor -m 'Update Version Minor by NPM' && git push --tag","patch":"npm version patch -m 'Update Version Patch by NPM' && git push --tag","start":"build-scripts start --port 8802","eslint":"eslint ./src","vision":"vdev start --vision","release":"sh scripts/release.sh","lint-fix":"npm run eslint-fix & npm run stylelint-fix","stylelint":"stylelint \"src/**/*.{css,less,scss}\"","eslint-fix":"eslint --fix ./src","prepublish":"npm run build","stylelint-fix":"stylelint \"src/**/*.{css,less,scss}\" --fix"},"_npmUser":{"name":"gepik","email":"xiekaif@163.com"},"stylePath":"lib/style.js","_npmVersion":"6.4.1","description":"[组件开发文档](https://yuque.antfin-inc.com/cone/chuqrf/ic0qoe)","directories":{},"_nodeVersion":"10.15.0","dependencies":{"@alifd/next":"^1.x","@ali/vu-uuid-property":"^1.2.1","@ali/vu-style-property":"^3.1.0-beta.0","@ali/visualengine-utils":"^4.5.1"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"sass":"^1.23.2","react":"^16.3.0","eslint":"^6.6.0","fibers":"^4.0.2","moment":"^2.22.1","@ali/vdev":"~5.12.2","react-dom":"^16.3.0","stylelint":"^10.1.0","file-loader":"^4.2.0","babel-eslint":"~10.0.1","svg2react-loader":"^1.0.4","eslint-config-ali":"^8.0.2","@alib/build-scripts":"^0.1.3","build-plugin-fusion":"^0.1.0","eslint-plugin-react":"^7.16.0","eslint-plugin-import":"^2.18.2","build-plugin-component":"^0.2.5","eslint-plugin-react-hooks":"^2.2.0","stylelint-config-standard":"^18.3.0"},"peerDependencies":{"react":"^16.x","moment":"^2.22.1","@ali/visualengine":"^4.1.3","@ali/visualengine-utils":"^4.5.1"},"_npmOperationalInternal":{"tmp":"tmp/cone-detail_0.1.0_1591237939765_0.09948044107774723","host":"s3://npm-registry-packages"}}},"time":{"created":"2020-06-04T02:32:19.511Z","modified":"2024-07-15T07:13:50.503Z","0.1.0":"2020-06-04T02:32:19.949Z"},"author":{"name":"Cone - Cainiao Inc,Alibaba group."},"license":"MIT","homepage":"https://unpkg.com/@alicd/cone-detail@0.1.0/build/index.html","keywords":["Cone","react","component"],"description":"[组件开发文档](https://yuque.antfin-inc.com/cone/chuqrf/ic0qoe)","maintainers":[{"email":"hahaiwin@163.com","name":"hahaiwin"},{"email":"1149518004@qq.com","name":"snowden_"},{"email":"1312065793@qq.com","name":"vincent.ljq"},{"email":"595620510@qq.com","name":"zhen.hz"},{"email":"251250076@qq.com","name":"cismous"},{"email":"juntao.wjt@alibaba-inc.com","name":"juntao.wjt"},{"email":"xiongqi.me@foxmail.com","name":"xiongqi"},{"email":"guoli.ygl@cainiao.com","name":"mingche_286130"},{"email":"joshuasui@163.com","name":"joshuasui"},{"email":"maopengcheng1994@gmail.com","name":"mmpc"},{"email":"littlehmy@163.com","name":"0little"},{"email":"yf871020@163.com","name":"yf871020"},{"email":"zyy7259@gmail.com","name":"zyy7259"},{"email":"tony7leek@gmail.com","name":"later_7"},{"email":"775710651@qq.com","name":"qijian1990"},{"email":"xiekaif@163.com","name":"gepik"},{"email":"yanzhe.xyz@alibaba-inc.com","name":"jimmyxuster"},{"email":"laijianqing@gmail.com","name":"helloljq"},{"email":"rentj1@163.com","name":"rentj1"},{"email":"zhangqing332@live.com","name":"js8zq332"},{"email":"527710279@qq.com","name":"xiaobc"}],"readme":"# @alicd/cone-detail\n\n[组件开发文档](https://yuque.antfin-inc.com/cone/chuqrf/ic0qoe)\n\n---\n* name: 详情区\n* tag_name: Detail\n* terminal: pc\n* category: detail\n* scene: common\n\n---\n符合 Rookie 设计标准的详情展示组件。\n\n### 规则\n\n## API\n\n### Detail\n\n| 属性             | 说明                                                                                                                              | 类型                                | 默认值               |\n| ---------------- | --------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------- | -------------------- |\n| className        | 自定义 class                                                                                                                      | `string`                            | N/A                  |\n| style            | 自定义内联样式                                                                                                                    | `object`                            | N/A                  |\n| column           | 设置详情区的列数                                                                                                                  | `number`                            | 3                    |\n| labelAlign       | 决定标题的位置，位于内容左边（水平布局）还是上边（垂直布局）                                                                      | `\"top\"` 或 `\"left\"`                 | `\"top\"`              |\n| labelTextAlign   | 标签文字的对齐方式                                                                                                                | `\"left\"` 或 `\"right\"` 或 `\"center\"` | `left`               |\n| wrapperTextAlign | 内容区域文字的对齐方式                                                                                                            | `\"left\"` 或 `\"right\"` 或 `\"center\"` | `left`               |\n| labelCol         | label 标签布局，通 <Col> 组件，设置 span、offset 值，如 `{span: 8, offset: 16}`，该项仅在 `labelAlign` 为 `left` 时有效     | `object`                            | N/A                  |\n| wrapperCol       | 设置内容项的样式，用法同 labelCol                                                                                                 | `object`                            | N/A                  |\n| dataSource       | 允许\b从数据源中\b\b获取详情内容数据                                                                                                 | `object`                            | N/A                  |\n| title            | 整个详情区域的标题                                                                                                                | ReactNode                           | 默认为空             |\n| columnSpans      | 自定义列宽，如需要 4 列按 4:6:6:8 分布，则设置为 `[4, 6, 6, 8]`                                                                   | `number[]`                          | 默认所有列的宽度相等 |\n| direction        | 设置放置 `Detail.Item` 的顺序，为 `\"ver\"` 则第二个 `Item` 在第一个 `Item` 下方，为 `\"hoz\"` 则第二个 `Item` 在第一个 `Item` 右方。 | `\"ver\"` 或 `\"hoz\"`                  | `\"hoz\"`              |\n\n\n### Detail.Item\n\n| 属性             | 说明                                                                                                                           | 类型                                                             | 默认值                                         |\n| ---------------- | ------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------- | ---------------------------------------------- |\n| className        | 自定义 class                                                                                                                   | `string`                                                         | N/A                                            |\n| style            | 自定义内联样式                                                                                                                 | `object`                                                         | N/A                                            |\n| label            | 该详情项的标题                                                                                                                 | ReactNode                                                        | N/A                                            |\n| labelAlign       | 决定标题的位置，位于内容左边（水平布局）还是上边（垂直布局）                                                                   | `\"top\"` 或 `\"left\"`                                              | 默认为 `Detail` 组件的 `labelAlign` 属性。     |\n| labelTextAlign   | 标签文字的对齐方式                                                                                                             | `\"left\"` 或 `\"right\"` 或 `\"center\"`                              | 默认为 `Detail` 组件的 `labelTextAlign` 属性   |\n| wrapperTextAlign | 内容区域文字的对齐方式                                                                                                         | `\"left\"` 或 `\"right\"` 或 `\"center\"`                              | 默认为 `Detail` 组件的 `wrapperTextAlign` 属性 |\n| labelCol         | label 标签布局，通 <Col> 组件，设置 span、o\u001cffset 值，如 `{span: 8, offset: 16}`，该项仅在 `labelAlign` 为 `left` 时有效 | `object`                                                         | 默认为 `Detail` 组件的 `labelCol` 属性         |\n| wrapperCol       | 设置内容项的样式，用法同 labelCol                                                                                              | `object`                                                         | 默认为 `Detail` 组件的 `wrapperCol` 属性       |\n| dataIndex        | 在使用 `dataSource` 时，指定该项对应的字段                                                                                     | `string`                                                         | N/A                                            |\n| render           | 自定义内容渲染逻辑                                                                                                             | `(value: any, dataIndex: string, dataSource: object) => Element` | 默认直接返回 `value`                           |\n\n### Detail.Placeholder\n\nDetail 组件默认情况下将所有子元素项目从左到右、从上到下排布。有时出于设计需要，会存在若干空白的单元格，此时可使用 Placeholder 元素占位。\n","readmeFilename":"README.md"}