{"_id":"@alicd/crui-dashboard","_rev":"24-b729d893d70e2d09add29b397a495125","name":"@alicd/crui-dashboard","dist-tags":{"latest":"0.0.23"},"versions":{"0.0.23":{"name":"@alicd/crui-dashboard","version":"0.0.23","author":{"name":"@alicd/walle"},"_id":"@alicd/crui-dashboard@0.0.23","maintainers":[{"name":"later_7","email":"tony7leek@gmail.com"}],"dist":{"shasum":"577416df5c3dff7106efac89ba1111358d9ebd26","tarball":"https://registry.npmjs.org/@alicd/crui-dashboard/-/crui-dashboard-0.0.23.tgz","fileCount":25,"integrity":"sha512-FcNdm9oN1iwr2meU8q7Fkcq9o77r/+3YJxjbZZeiTE8VHgUMKcicEFxYTcahiL55jVIcKAugJOHT0FxrjVDkyw==","signatures":[{"sig":"MEYCIQCqFv55cYEq6PkDOIk69qFz431aaitfsM+fPVuXErPtLQIhANBHoSH4nlIuao5b5iRlI7bYnRsEfRMSUGYVl+iaB7c/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":658521,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdOXIBCRA9TVsSAnZWagAAFcEP/2mxCe596nz8BNmICPZL\n/3PyRZq+mWqf7O+GqzhQOzyW9lCzsyw0vn1paWqaa19XiFaZ5TOvb7uKftfY\nJQGLWWcRbgCwV51bCdlvK2/9o2L+iN3t1+lkyJKFGpXsreBfkIdKWXm5w7t2\nGS1rYL/yeIRmAftLeA9bd8XWcc5nR9+mhPkF4Dr7tp4MtPWKN+940UZqQHfs\nWwfEFsdd18RS50Mdmf70JdKhl7W0QLPnC/gpu7JoFBvgPcQ3DyR3EGSx48d7\nJxO+SM3RjeNh7H2C0bb5u/7H7agvAqQCWM4CeMWygzqN9tah6eufOryTyv0/\n6c13qJ+f1zifwNWVd0sR9E7UD4F/r5ANLZpt7QyFOd53jY6wChKGKDDmzt6N\nLTdkdlsDO4oEBT2bUhky9YnBkXYpMMlr9k8RLErT52UyzC6PEfBAJ/vb9eI2\neuggFy5UsRcXAv8HGbu9NprbDua4RxusbhmfGdQdYTlVOjIrLMKt2rOF46+C\nPzsOAm6tP+aFV9nq4ueeZUzlDdvtjBrhMj1YJjHAl/Ulxz/6RGzdpXEBYds9\nmTXQHIOyBwWf+DhSAbKyM6El/noWAEeGY0Y6rZyo9IK8iHcllghKYjecfYN9\n9RbRO/837gro7DcdPfKF/UhWNW/Itzsa1GaTZV+5qs33dhUE6j6NUEyhlXqD\nUYK1\r\n=FZV5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","gitHead":"d950ce1659d87e2c2f13b172953d30cf93faab5b","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"},"_npmUser":{"name":"later_7","email":"tony7leek@gmail.com"},"_npmVersion":"5.6.0","description":"--- category: Components type: UI Views component: Basic chinese: 展示面板 english: Dashboard ---","directories":{},"_nodeVersion":"9.8.0","dependencies":{"classnames":"^2.2.5","prop-types":"^15.5.10"},"_hasShrinkwrap":false,"devDependencies":{"babel":"^6.23.0","react":"^15.6.0","webpack":"^2.6.1","babel-cli":"^6.26.0","node-sass":"^4.5.3","react-dom":"^15.6.0","babel-core":"^6.25.0","css-loader":"^0.28.4","@alicd/next":"^0.19.21","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","react-test-renderer":"^15.6.1","babel-preset-stage-0":"^6.22.0","escape-string-regexp":"^1.0.5","@alicd/crui-icon-button":"^0.0.x","jsonml-to-react-component":"^0.2.6","extract-text-webpack-plugin":"^2.1.0","react-addons-transition-group":"^15.6.0","babel-plugin-transform-runtime":"^6.23.0","babel-plugin-add-module-exports":"^0.2.1"},"_npmOperationalInternal":{"tmp":"tmp/crui-dashboard_0.0.23_1564045824709_0.7902610364127778","host":"s3://npm-registry-packages"}}},"time":{"created":"2019-07-25T09:10:24.495Z","modified":"2024-07-15T07:14:03.739Z","0.0.23":"2019-07-25T09:10:24.974Z"},"author":{"name":"@alicd/walle"},"description":"--- category: Components type: UI Views component: Basic chinese: 展示面板 english: Dashboard ---","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: Basic\nchinese: 展示面板\nenglish: Dashboard\n---\n\n一般在系统的首页展示一些指标数据，也可以快速导航的入口\n\n## API\n\n### Dashboard\n\n|   成员   | 说明 | 类型 | 默认值 |\n| ----- | ----- | ----- | ----- |\n| width | 设定弹层宽度 | `number` | 100% |\n| height | 设定弹层高度 | `number` | 100% |\n| className | 设置定义的样式 | `string` | null |\n| contentPadding | 指定相对于父元素大小的内间距，可以指定上下左右四个方向 | `array` | [48] |\n| showGapLine | 是否展示行与列之间的border | `boolean` | true |\n| showGapMark | 展示展示行与列交叉的交叉点样式| `boolean` | true |\n| column | 每一行多少列| `number` | 4 |\n| itemMinWidth | 单个条目的最小宽度 | `number` | auto |\n| shadowSize | 鼠标浮上去的阴影大小 | `number` | 30 |\n| shadowSkewingSize | 阴影动画的最大调整范围 | `number` | 20 |\n| type | 主题风格，三种 `primary`,`secondary`,`normal` | `string` | `normal` |\n\n### Dashboard.Group\n\nDashboard 的直接子元素，用于设置分组的 title 信息，其子元素可以是任何节点，子元素如果是 Dashboard.Item ，就可以按照 组件的 API 配置相应的字段信息，如果 Dashboard.Item 满足不了您的需求，请自行设置内部展示的结构\n\n|   成员   | 说明 | 类型 | 默认值 |\n| ----- | ----- | ----- | ----- |\n| title | 设置分组信息的 title | `string`/`Element` | '' |\n| className | 设置Group 的 className | `string` | null |\n| itemHeight | 设置内容区每一个内容区块的高度 | `Number` | null |\n| columnFlex | 设置列的宽度比重，多少列数组中就有几个数字 | `Array` | null |\n\n\n### Dashboard.Item\n\n设置单个条目的信息，子节点用于填充图表，当然你也可以选择放其他的元素\n\n|   成员   | 说明 | 类型 | 默认值 |\n| ----- | ----- | ----- | ----- |\n| count | 数量字段(支持 `0-9￥$%.,?₽€*+-<>`，超出将以文本展示) | `Number/String` | null |\n| title | 标题 | `String`/`Element` | null |\n| subtitle | 副标题 | `String`/`Element` | null |\n| thousandGap |对于 count 字段，通过 , 隔开千位| `Boolean` | true |\n| chartWidth | 图标元素的宽度 | `number` | 180 |\n| chartHeight | 图标元素的高度 | `number` | 120 |\n| href | 单个元素的链接地址，配置该属性，点击可以跳转 | `string` | null |\n| target | 页面跳转时的打开方式 | `string` | '_self' |\n| className | 设置单个 Item 的 className | `string` | null |","readmeFilename":"README.md"}