{"_id":"@beisen/italent-dropdown-button-editalbe","_rev":"4-f30e6233f105e79cc3b4240ac828da30","name":"@beisen/italent-dropdown-button-editalbe","dist-tags":{"latest":"0.3.7"},"versions":{"0.3.0":{"name":"@beisen/italent-dropdown-button-editalbe","version":"0.3.0","description":"DropDownButtonEditable","main":"lib/index.js","_storybook":{"default_example":"man/index.js"},"config":{"commitizen":{"path":"node_modules/@talentui/cz-project-changelog"}},"scripts":{"build":"npm run build:lib && npm run build:umd && npm run story","build:lib":"babel src --out-dir lib","build:umd":"webpack src/index.js dist/index.js --config webpack.config.js","test":"karma start","story":"babel story --out-dir man","dev":"webpack-dev-server --progress --colors --config webpack.dev.config.js","commit":"git-cz","renew":"git checkout-index -f -a --prefix=../$name/ && cp ./.gitignore ../$name"},"keywords":["beisen","react-component","es6","karma","jasmine"],"repository":{"type":"git","url":"git@gitlab.beisencorp.com:ux-cnpm/italent-dropdown-button-editalbe.git"},"author":{"name":"libing3","email":"libing3@beisen.com"},"maintainers":[{"name":"beisencorp","email":"ci@beisen.com"},{"name":"lgm","email":"it1011@qq.com"},{"name":"neozw","email":"lihegaozhong@gmail.com"}],"license":"ISC","peerDependencies":{"react":"^0.14.6","react-dom":"^0.14.6"},"devDependencies":{"@beisen/common-func":"","@beisen/common-mount":"","@beisen/hookformatter":"0.0.2","@beisen/tool-tip":"","@talentui/cz-project-changelog":"^1.0.1","babel":"^6.5.2","babel-cli":"^6.6.5","babel-core":"^6.7.2","babel-eslint":"^6.1.2","babel-loader":"^6.2.4","babel-plugin-transform-class-properties":"^6.11.5","babel-plugin-transform-es2015-classes":"^6.9.0","babel-plugin-transform-object-assign":"^6.5.0","babel-plugin-transform-proto-to-assign":"^6.9.0","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","commitizen":"^3.0.2","css-loader":"^0.23.1","enzyme":"^2.0.0","escope":"^3.6.0","eslint":"^4.3.0","eslint-config-google":"^0.9.1","eslint-loader":"^1.9.0","eslint-plugin-import":"^1.8.1","eslint-plugin-jsx-a11y":"^1.5.3","eslint-plugin-react":"^7.3.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":"^0.14.6","react-addons-css-transition-group":"","react-addons-test-utils":"^0.14.7","react-dom":"^0.14.6","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":"5bfb88f3f7d9abd1308c94374984012dbcc0e73c","_id":"@beisen/italent-dropdown-button-editalbe@0.3.0","_shasum":"f8c47c596f7327bf622b6b97ad643d51e0aebba2","_from":".","_npmVersion":"3.8.3","_nodeVersion":"5.10.1","_npmUser":{"name":"beisencorp","email":"ci@beisen.com"},"dist":{"shasum":"f8c47c596f7327bf622b6b97ad643d51e0aebba2","tarball":"https://registry.npmjs.org/@beisen/italent-dropdown-button-editalbe/-/italent-dropdown-button-editalbe-0.3.0.tgz","integrity":"sha512-avwIyA4upZqSE4perzK7IlG1hB4ux41wfhz5fAYQ+GFe55LEGlPcQydMJG4EnEVlkOeaRRMtdwaTTOJFaKGFdw==","fileCount":120,"unpackedSize":2952633,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb83V9CRA9TVsSAnZWagAAv0sP/R2mF/picGfsBN0e1s35\nLhzE3Yt8+gbKsOvoIG3Q7aGf8a66RTpOoqB5WfwPmJmEjzDWOLYoQ2Budk7J\nMKwDsYMGkhVm5qUjbZb/IntRpLMg2++9jTdNaDebB7NzSYEy91T3QfYX/DRl\nvVJ1ByCfC4idVtJla66Kr+nr7+dncqbW5C/Cp8R15oiWod/mV+oec9N7esvA\ni/c55isE92QSR5PjkveiyQdRzQI3fRW7FD6aEBDFL6v+fxR8k6CX75XzXr4f\nHzMarA11ohoMZMfOB8qU05YuQnihGM1z6zXZBzDSnX0yc/FoqNS8DckzMTVf\nx6kQuO64dkTwrc4PpK/2XNV2GTGL8uPR2q11SOvNiYL927nmvR+rON+9xJJA\n3gskrlmW7q1tB0SkaUmSn4oQ+MynPekWD0nPPkUltwABg1lXiH3mh9ExmsZh\nsoapMtUq1o/zf4mRMflTkdSUC0kIlbsEm8bC+G9CNtwVXhu4c3I5jqTABi69\np4qkfNJHNmE1xDfcj+k90LBgF64cRNxUa/qxRDFAZRDuvoK4E8hHvldLkNsu\nRDE3z8JINAfgwp7bDXmIcKGfpctUKwmUPyQZ5jdNbYCt5OHqniE9FjL7F3df\nGuJNHcAuwR3HgD77m87BjqLRESViiqsXs2bG+e06lclqoWXqf3zMLmI6DxCj\ncfPs\r\n=TkLX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDZrBJSEHqAWgaT4aHYlHUzVkiJ/RA3WD9sQB/C5mJrsgIgOUcNxGploTSFqySZ6UHqzc5VPdbSl8eYQFMGch94f2w="}]},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/italent-dropdown-button-editalbe_0.3.0_1542681981089_0.19527809557321585"},"_hasShrinkwrap":false},"0.3.7":{"name":"@beisen/italent-dropdown-button-editalbe","version":"0.3.7","description":"DropDownButtonEditable","main":"lib/index.js","_storybook":{"default_example":"man/index.js"},"config":{"commitizen":{"path":"node_modules/@talentui/cz-project-changelog"}},"scripts":{"build":"npm run build:lib && npm run build:umd && npm run story","build:lib":"babel src --out-dir lib","build:umd":"webpack src/index.js dist/index.js --config webpack.config.js","test":"karma start","story":"babel story --out-dir man","dev":"webpack-dev-server --progress --colors --config webpack.dev.config.js","commit":"git-cz","renew":"git checkout-index -f -a --prefix=../$name/ && cp ./.gitignore ../$name"},"keywords":["beisen","react-component","es6","karma","jasmine"],"repository":{"type":"git","url":"git@gitlab.beisencorp.com:ux-cnpm/italent-dropdown-button-editalbe.git"},"author":{"name":"libing3","email":"libing3@beisen.com"},"maintainers":[{"name":"beisencorp","email":"ci@beisen.com"},{"name":"lgm","email":"it1011@qq.com"},{"name":"neozw","email":"lihegaozhong@gmail.com"}],"license":"ISC","peerDependencies":{"react":"^0.14.6","react-dom":"^0.14.6"},"devDependencies":{"@beisen/common-func":"","@beisen/common-mount":"","@beisen/hookformatter":"0.0.2","@beisen/tool-tip":"","@talentui/cz-project-changelog":"^1.0.1","babel":"^6.5.2","babel-cli":"^6.6.5","babel-core":"^6.7.2","babel-eslint":"^6.1.2","babel-loader":"^6.2.4","babel-plugin-transform-class-properties":"^6.11.5","babel-plugin-transform-es2015-classes":"^6.9.0","babel-plugin-transform-object-assign":"^6.5.0","babel-plugin-transform-proto-to-assign":"^6.9.0","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","commitizen":"^3.0.2","css-loader":"^0.23.1","enzyme":"^2.0.0","escope":"^3.6.0","eslint":"^4.3.0","eslint-config-google":"^0.9.1","eslint-loader":"^1.9.0","eslint-plugin-import":"^1.8.1","eslint-plugin-jsx-a11y":"^1.5.3","eslint-plugin-react":"^7.3.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":"^0.14.6","react-addons-css-transition-group":"","react-addons-test-utils":"^0.14.7","react-dom":"^0.14.6","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":"5bfb88f3f7d9abd1308c94374984012dbcc0e73c","_id":"@beisen/italent-dropdown-button-editalbe@0.3.7","_shasum":"59723f094ac6f7b0ff64730deba5561c560cda2a","_from":".","_npmVersion":"3.8.3","_nodeVersion":"5.10.1","_npmUser":{"name":"beisencorp","email":"ci@beisen.com"},"dist":{"shasum":"59723f094ac6f7b0ff64730deba5561c560cda2a","tarball":"https://registry.npmjs.org/@beisen/italent-dropdown-button-editalbe/-/italent-dropdown-button-editalbe-0.3.7.tgz","integrity":"sha512-snJFJt0KGPmaouCyE9GKRkoVcj5vLqBmV0bO2I6zP4Nf9e2Od+NBFWtbEoJebsxa8+IQHPdFBh3dPgDyyZ5kRw==","fileCount":120,"unpackedSize":2952633,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb83g5CRA9TVsSAnZWagAAo6MQAJrIV+wdFnx8piowHmJr\nCwVp2PadWc8RZUdA+dGgwodTzXGGMMoc54eeXJJjRFevw6lbnO1WuyKo6iPl\nM0if0Td6CsiKaz7USLo0z53TE4shxj0IIOiQZhESwC06aQHCAbkjJsIU+usn\nUfPAYnEj0m6uxChFYAcf9eRioqj3uv9dBRs67lQjrNziJL0q2r9qQz8XpRjl\ngXs04DggBBHlfqIIfef3hVSBajJ4yD7d9HYafoIKJxZHwF54z/2sHCBMQDel\ngvcOSj1vXIMYasx7ZSeGTxBgO98GZjGwPgWmDRnCSH6TvSG8APlfLj3eFcHU\nHZAlRPQSourOV+kg/vEQoiu/sw56D/WZqgXAoO3WPlZLnpSl8VZ+Df6iF6cY\nTOFmijzWTJ0N6Q3NO7+eCLo7GnbV/+6Qb8eVLWBjk/MBFc6Nrm8pIPRBO2ZR\nkGwUXKbLxikTTbYKue2KnTxcGfqL2D8XSriw7/U+Uv7DVLNFyb4p6cIuPAgO\nF46zV3NiAT9qxdxt6xB/6x640X5bKjgpMfC2WyuRPbZpD1om9U4GEpRxy6Bb\nSRIEGQH5CaeIXM+PR/77AWYU9ZgkZwRiwFXr4/xS7/HAkXr/pR7WXZvgARSn\n2ACN72pYoddanpGuhzmBHY5pJn3ZBxOKAf13SbUrWCjXqC0p6LrtGA5mS8Rn\n+X1M\r\n=gGA4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAaUUf8FP16cMx4cAORjo8xnglGktswUhS2udHpM/hsEAiEA1PVaIP6t/NBXhX+fz+KYCqvcp3eS2lxvPUcPFWhq0NM="}]},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/italent-dropdown-button-editalbe_0.3.7_1542682680997_0.8136100633065386"},"_hasShrinkwrap":false}},"time":{"created":"2018-11-20T02:46:20.943Z","0.3.0":"2018-11-20T02:46:21.315Z","modified":"2022-04-04T18:18:53.648Z","0.3.7":"2018-11-20T02:58:01.171Z"},"maintainers":[{"email":"albertzhang.pro@gmail.com","name":"albert-zhang"},{"email":"liugenpeng@beisen.com","name":"liugenpeng"},{"email":"ci@beisen.com","name":"beisencorp"},{"email":"it1011@qq.com","name":"lgm"},{"email":"lihegaozhong@gmail.com","name":"neozw"}],"description":"DropDownButtonEditable","keywords":["beisen","react-component","es6","karma","jasmine"],"repository":{"type":"git","url":"git@gitlab.beisencorp.com:ux-cnpm/italent-dropdown-button-editalbe.git"},"author":{"name":"libing3","email":"libing3@beisen.com"},"license":"ISC","readme":"# DropDownButton 使用说明\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## DropDownButton参数\n\n```javascript\n{\n  \n  /** 下拉按钮上的文字 */\n  title: '测试测试测试',\n\n  /** 下拉按钮上的文字类型 是文本，还是icon */\n  type: 'text',\n  \n  /** 当type为“text”时可选，true为有图标，false为没有 */\n  textIcon: true,\n\n  /**按钮尺寸(string)。参数：\n      1.默认:“default”\n      2.小按钮：“small”\n    */\n  bsSize: 'default',\n\n  /**按钮类型(string)。参数：\n      1.默认:者'default'\n      2.弱化按钮：'weaken'\n    */\n  bsStyle: 'weaken',\n\n  /** 采用非Button样式,默认为true */\n  isBtnStyle: false,\n\n  /** 水平向左偏移的值，为负数则向右偏移 */\n  deviationLeft: 140,\n\n  /** 自定义下拉弹层宽度，默认170 */\n  panelWidth: '137px',\n\n  /** 自定义弹层居左还是居右，默认false 居左 */\n  rightAlign: true,\n\n  /** MenuItem **/\n  children: [{\n    \"value\": 0,\n    \"text\": '查看详情查看详情查看详情查看详情',\n    \"active\": false,\n    \"isChecked\": false,\n    \"isDisabled\": true\n  }, {\n    \"value\": 1,\n    \"text\": '性质维度',\n    \"active\": false,\n    \"isChecked\": false,\n    \"isDisabled\": false\n  }],\n\n  /** is open or not 首次渲染列表是否已展开**/\n  open: false,\n\n  /** 是否禁用 */\n  disabled: false, //\n\n\n  /** 是否显示按钮 */\n  hidden: false, //\n\n  /** icon图标 */\n  iconName: 'pc-sys-dropdownmin-nomal-svg', //\n\n  /** icon图标 */\n  activeName: 'pc-sys-dropdownmin-active-svg', //\n\n  /** 最大宽度，默认为'' ,超出后，超出的部分显示... ,仅对文本模式有用 */\n  maxWidth: '', //\n\n  /** 下拉菜单自适应位置 */\n  autoDirection: true, //\n\n  /** MenuList spread direction, one of:\n        1.\"left-top\"\n        2.\"right-top\"\n        3.\"left-down\"\n        4.\"right-down\"\n  */\n  direction: 'left-down',\n\n  itemClick: function (retFun) {\n    let promise = new Promise(function (resolve, reject) {\n      //发送请求 获得数据 //成功走下面\n      resolve([{\n        value: 0,\n        text: '查看详情',\n        active: false,\n        isChecked: false\n      }]);\n      //失败了 reject()\n    });\n\n    promise.then(function (data) {\n      retFun(data)\n    })\n  },\n\n  /** 点击后时间回调 */\n  onClick: function (value, target, onClick, btnInfo) {]\n    console.log(value); //输出val\n    console.log(target); //输出e\n    console.log(onClick); //输出true\n    console.log(btnInfo); //输出this.state\n  }\n}\n```\n\n## DropDownButton调用方法\n\n1.安装npm组件包\n\n```\nnpm install @beisen/dropdown-button --save-dev\n```\n\n2.引用组件\n\n  ```javascript\nimport DropDownButton from \"@beisen/dropdown-button\"\n  ```\n\n3.传入参数\n\n  该参数为上述参数，传入方式使用: {...参数}\n  ```javascript\n  {\n    \"title\":\"测试\"   //下拉按钮上的文字\n    ,\"type\":\"icon\"  //下拉按钮上的文字类型 是文本，还是icon\n    ,\"bsSize\":\"default\"      /**按钮尺寸(string)。参数：\n                            1.默认:“default”\n                            2.小按钮：“small”\n                        **/       \n    ,\"bsStyle\":\"default\"          /**按钮类型(string)。参数：\n                            1.默认:者“default”\n                            2.弱化按钮：“weaken”\n                        **/\n    ,\"children\":[\n        {\n            \"value\":0\n            ,\"text\":\"查看详情\"\n            ,\"active\":false\n            ,\"isChecked\":false\n        }  \n        ,{\n            \"value\":1\n            ,\"text\":\"性质维度\"\n            ,\"active\":false\n            ,\"isChecked\":false\n        } \n        ,{\n            \"value\":2\n            ,\"text\":\"地域维度\"\n            ,\"active\":false\n            ,\"isChecked\":false\n        } \n        ,{\n            \"value\":3\n            ,\"text\":\"包含下属\"\n            ,\"active\":false\n            ,\"isChecked\":true\n        } \n        ,{\n            \"value\":4\n            ,\"text\":\"不包含下属\"\n            ,\"active\":false\n            ,\"isChecked\":false\n        }\n      ]               /** MenuItem **/\n      ,\"open\":false         /** is open or not 首次渲染列表是否已展开**/   \n      ,\"disabled\":false   //是否禁用\n      ,\"hidden\":false  //是否显示按钮\n      ,\"iconName\":\"pc-sys-arrowdown-nomal-svg\" //icon图标\n      ,\"maxWidth\":\"20px\"          //最大宽度，默认为\"\" ,超出后，超出的部门显示...\n      ,\"autoDirection\":false  //下拉菜单自适应位置 默认为自适应\n      ,\"direction\":\"right-down\"  /**\n                                  MenuList spread direction,one of:\n                                     1.\"left-top\"\n                                     2.\"right-top\"\n                                     3.\"left-down\"\n                                     4.\"right-down\"\n                              **/\n      ,\"onClick\": function(value,target,onClick,btnInfo, btn) {\n          console.log(value);  //输出val\n          console.log(target);  //输出e\n          console.log(onClick); //输出true\n          console.log(btnInfo); //输出this.state\n          console.log(btn) // 按钮节点\n        } /**点击后时间回调**/\n    }\n\n  render () {\n      return (\n        <DropDownButton {...this.state} />\n      )\n    }\n  ```","readmeFilename":"README.md"}