{"_id":"@alicd/crui-detail","_rev":"24-5fb56f48355e83c62456d0e487760543","name":"@alicd/crui-detail","dist-tags":{"latest":"0.0.6"},"versions":{"0.0.6":{"name":"@alicd/crui-detail","version":"0.0.6","author":{"name":"@alicd/walle"},"_id":"@alicd/crui-detail@0.0.6","maintainers":[{"name":"later_7","email":"tony7leek@gmail.com"}],"dist":{"shasum":"6e32635c67661b4e5c703807277ec5a74c89c84e","tarball":"https://registry.npmjs.org/@alicd/crui-detail/-/crui-detail-0.0.6.tgz","fileCount":31,"integrity":"sha512-U3+QwJbymoFBHHFFxVmEgHKKk3HRp4QhE8FBLhWmKrA4IjqkUTU0r+GEk54QkfN4ZVrn3Nt62OahaUp0M0WIxg==","signatures":[{"sig":"MEUCIDv4J1nwPH/VuN0q0QGue1Nb6pMVAJ7ISePeY6xC2mR3AiEA71opKnFiLueDn+zW2WELnUTcO4UM9HrZyrES3aNR1QA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":463595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdOXL+CRA9TVsSAnZWagAAWMoP/00z/keJ3+hlIyOmoaeL\na71FwqAAqOwawghFcKVKxD5zvvhfqfa9xKRtJdn8TFZqd9V0WC5B9sAhDqjo\nar0s+aFwAu+5V6NPFzjIVkTis3yc5jMVj6wIhZ46aZBzyXbFlgSxgsxtpMFs\nuaYUei//snDajEH9rl/0eQL4lY5Vtsvrgsf4MRvIH74EXohkoXWAkw2N46KH\nBQjLJ/jLrkDsvbQErGytlOFVe66ZIVoE4DOaQqmFOkBDcEnj7KJ4JZ3p/wYl\nZMVSgQrSHu0DCf9uLZnwsgrKct9u1/+t79RDCU6e6I5t1Lc7e5AkdwGs6k5s\naaxkTe0SMElMLS0E30tsW3G3qYBWjGdICjL9llSqRM+J3l+c2r8HWBlUpmgC\nl+YxYmmb3XLbp0XOg6gwDIUvxTNijRlfSEEnOb53BNQpMj9Ozm+/hrKMfrjj\n8/gwl176PprDp5CbVPg9nekSbWvLI9VR1rPd5C0GUVklcrcwQFeQ5Q2px5fw\nNpG9SwUrYifs1Z3FctnYBNqgRwNKx32C33sN+ol7fIBTCCAQqnVRBrm/KL31\nXzOx6xpk0vJvlVLlcx2U3ed1WK/oKc39VEGYzBXSOEbKHMHqvnX1HWjule5m\nOUR647/sJqxiltlrhoiBx6wdItx3MOM8m2Q32R34B5aEdhzaxAX6vBqxbgDm\nAxM1\r\n=eLjv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","gitHead":"bdf4205b33f88db6eb6a0c0a223a138624a9e18c","scripts":{"dev":"rm -rf ./site && NODE_ENV=development webpack --config webpack.config.babel.js --progress && webpack-dev-server","pub":"rm -rf ./lib && rm -rf ./dist && babel src --copy-file --extensions .js,.jsx --out-dir lib && npm run prod","demo":"rm -rf ./site ./_data && NODE_ENV=demo webpack-dev-server --config webpack.config.babel.js --progress","prod":"NODE_ENV=production webpack --config webpack.config.babel.js --progress","build":"babel src -d lib & webpack --config webpack.config.babel.js --progress","clean":"rm -rf ./dist ./lib ./site","start":"npm run dev","watch":"webpack --watch"},"_npmUser":{"name":"later_7","email":"tony7leek@gmail.com"},"_npmVersion":"5.6.0","description":"--- category: Components type: UI Views component: Base chinese: 详情列表 english: Detail ---","directories":{},"_nodeVersion":"9.8.0","_hasShrinkwrap":false,"devDependencies":{"webpack":"^2.6.1","babel-cli":"^6.26.0","node-sass":"^4.5.3","babel-core":"^6.25.0","css-loader":"^0.28.4","@alicd/next":"^0.19.14","file-loader":"^0.11.2","sass-loader":"^6.0.6","autoprefixer":"^7.1.1","babel-loader":"^7.1.1","style-loader":"^0.18.2","webpack-merge":"^4.1.0","md-meta-loader":"^0.0.4","babel-preset-react":"^6.24.1","webpack-dev-server":"^2.8.2","babel-plugin-import":"^1.4.0","babel-preset-es2015":"^6.24.1","html-webpack-plugin":"^2.29.0","@alicd/dpl-rookie1-0":"^2.0.0","babel-preset-stage-0":"^6.22.0","escape-string-regexp":"^1.0.5","jsonml-to-react-component":"^0.2.6","extract-text-webpack-plugin":"^2.1.0","babel-plugin-transform-runtime":"^6.23.0","babel-plugin-add-module-exports":"^0.2.1"},"peerDependencies":{"classnames":"^2.2.5","@alicd/next":"0.x"},"_npmOperationalInternal":{"tmp":"tmp/crui-detail_0.0.6_1564046078163_0.3113898962481605","host":"s3://npm-registry-packages"}}},"time":{"created":"2019-07-25T09:14:37.904Z","modified":"2024-07-15T07:14:09.047Z","0.0.6":"2019-07-25T09:14:38.288Z"},"author":{"name":"@alicd/walle"},"description":"--- category: Components type: UI Views component: Base chinese: 详情列表 english: Detail ---","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":"---\ncategory: Components\ntype: UI Views\ncomponent: Base\nchinese: 详情列表\nenglish: Detail\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\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\n","readmeFilename":"README.md"}