{"_id":"@beisen/icon-svg","_rev":"3-de76c27e8010d7b44e717b44d8fe5dcc","name":"@beisen/icon-svg","description":"## 项目运行","dist-tags":{"latest":"0.0.3"},"versions":{"0.0.3":{"name":"@beisen/icon-svg","version":"0.0.3","description":"## 项目运行","main":"lib/index.js","scripts":{"build":"npm run build:lib && npm run build:umd","build:lib":"babel src --out-dir lib","build:umd":"webpack src/index.js dist/index.js --config webpack.config.js","test":"karma start","dev":"webpack-dev-server --progress --colors --config webpack.dev.config.js","renew":"git checkout-index -f -a --prefix=../$name/ && cp ./.gitignore ../$name"},"keywords":["beisen","react-component","es6","karma","jasmine"],"repository":{"type":"git","url":"git@gitlab.beisen.co:cnpm/IconSvg.git"},"author":{"name":"xiaosiyu","email":"xiaosiyu@beisen.com"},"maintainers":[{}],"license":"ISC","dependencies":{"react":"^0.14.6","react-dom":"^0.14.6"},"devDependencies":{"svgo-loader":"^1.1.0","svg-sprite-loader":"","babel":"^6.5.2","babel-cli":"^6.6.5","babel-core":"^6.7.2","babel-eslint":"^4.1.3","babel-loader":"^6.2.4","babel-preset-airbnb":"^1.0.1","babel-preset-es2015":"^6.3.13","babel-preset-react":"^6.3.13","babel-preset-stage-0":"^6.5.0","case-sensitive-paths-webpack-plugin":"^1.0.1","css-loader":"^0.23.1","enzyme":"^2.0.0","file-loader":"^0.8.5","jasmine-core":"^2.4.1","json-loader":"^0.5.4","karma":"^0.13.19","karma-babel-preprocessor":"^6.0.1","karma-chrome-launcher":"^0.2.2","karma-jasmine":"^0.3.7","karma-webpack":"^1.7.0","node-sass":"^3.4.2","react-addons-test-utils":"^0.14.7","sass-loader":"^3.2.0","style-loader":"^0.13.0","url-loader":"^0.5.7","webpack":"^1.12.10","webpack-dev-server":"^1.14.0"},"gitHead":"954da7d81a1f361dad02e68f544604518f2ca918","_id":"@beisen/icon-svg@0.0.3","_shasum":"28943c94e116bb2c3fde453fd8926dd664b95167","_from":".","_npmVersion":"3.7.3","_nodeVersion":"5.9.0","_npmUser":{"name":"beisen","email":"ci@beisen.com"},"dist":{"shasum":"28943c94e116bb2c3fde453fd8926dd664b95167","tarball":"https://registry.npmjs.org/@beisen/icon-svg/-/icon-svg-0.0.3.tgz","integrity":"sha512-19i8KkS6y8IL27zf0FjFZ7oic6h+86vYd9ttW16I8jB5f9JAO0bvkGBUZObhPio3kjnXDURHFwhGbCPQ6S1yfg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEqbT79wC+CjcpysehN1WXEYxGMvxjm9ISPv5YmUkTnkAiAl7zLOIz9UMLlhfKCpD5oy9r9ZnHui2ogxRKTEr41/CQ=="}]},"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/icon-svg-0.0.3.tgz_1486625249262_0.0008567385375499725"}}},"readme":"# IconSvg 使用说明\n\n## 项目运行\n\n1. cnpm install 或 npm install cnpm使用教程\n\n2. npm run dev （开发环境打包 port:8080）\n\n3. npm run test （测试用例）\n\n4. npm run build （生产环境打包）\n\n## IconSvg参数\n\n```\n\n  const data= {\n      \"symbol\":\"arrowdown-nomal\"  //使用的svg图标名\n      ,\"style\":{  //自定义样式\n      }\n      ,\"onClick\": function(event,symbol) {\n          console.log(event);  //输出e\n          console.log(symbol); //输出symbol\n        } /**点击后事件回调**/\n      ,\"onMouseEnter\":function(event,symbol) {\n          console.log(event);  //输出e\n          console.log(symbol); //输出symbol\n        } /**点击后事件回调**/\n      ,\"onMouseLeave\":function(event,symbol) {\n          console.log(event);  //输出e\n          console.log(symbol); //输出symbol\n        } /**点击后事件回调**/\n    }\n\n```\n\n## IconSvg调用方法\n\n1. 引用组件\n\n  ```\n  import IconSvg from '@beisen/IconSvg';\n  ```\n\n2. 使用的组件安装\n\n  1. \n    ```\n    \"svgo-loader\": \"^1.1.0\",\n    \"svg-sprite-loader\": \"\",\n    ```\n  2. 根目录下简历\n    svgo-config.json文件\n\n    ```\n    {\n      \"plugins\": [\n        { \"cleanupAttrs\": true },\n        { \"cleanupEnableBackground\": true },\n        { \"cleanupIDs\": true },\n        { \"cleanupListOfValues\": true },\n        { \"cleanupNumericValues\": true },\n        { \"collapseGroups\": true },\n        { \"convertColors\": true },\n        { \"convertPathData\": true },\n        { \"convertShapeToPath\": true },\n        { \"convertStyleToAttrs\": true },\n        { \"convertTransform\": true },\n        { \"mergePaths\": true },\n        { \"removeComments\": true },\n        { \"removeDesc\": true },\n        { \"removeDimensions\": true },\n        { \"removeDoctype\": true },\n        { \"removeEditorsNSData\": true },\n        { \"removeEmptyAttrs\": true },\n        { \"removeEmptyContainers\": true },\n        { \"removeEmptyText\": true },\n        { \"removeHiddenElems\": true },\n        { \"removeMetadata\": true },\n        { \"removeNonInheritableGroupAttrs\": true },\n        { \"removeRasterImages\": true },\n        { \"removeTitle\": true },\n        { \"removeUnknownsAndDefaults\": true },\n        { \"removeUselessDefs\": true },\n        { \"removeUnusedNS\": true },\n        { \"removeUselessStrokeAndFill\": true },\n        { \"removeXMLProcInst\": true },\n        { \"removeStyleElement\": true },\n        { \"removeUnknownsAndDefaults\": true},\n        { \"sortAttrs\": true }\n      ]\n    }\n    ```\n\n\n\n\n2. 传入参数\n\n  该参数为上述参数，传入方式使用: {...参数}\n  ```\n  render () {\n      return (\n        <IconSvg {...data} />\n      )\n    }\n  ```","maintainers":[{"email":"ci@beisen.com","name":"beisencorp"}],"time":{"modified":"2022-06-12T15:09:00.657Z","created":"2017-02-09T07:27:29.495Z","0.0.3":"2017-02-09T07:27:29.495Z"},"keywords":["beisen","react-component","es6","karma","jasmine"],"repository":{"type":"git","url":"git@gitlab.beisen.co:cnpm/IconSvg.git"},"author":{"name":"xiaosiyu","email":"xiaosiyu@beisen.com"},"license":"ISC","readmeFilename":"README.md"}