{"_id":"@_nu/vue-button","_rev":"4-fd26df258f3e7f33b157278ad4efd01a","name":"@_nu/vue-button","dist-tags":{"latest":"0.0.3"},"versions":{"0.0.1":{"name":"@_nu/vue-button","version":"0.0.1","description":"NU 「 no-ui 」 组件库系统 nu-system，按钮组件 VUE 实现","main":"lib/index.js","author":{"name":"yfe-team"},"license":"MIT","repository":{"type":"git","url":"git+ssh://git@github.com/nu-system/button.git"},"bugs":{"url":"https://github.com/nu-system/button-vue/issues"},"homepage":"https://nu-system.github.io/vue/button/","keywords":["ui","no-ui","nu-system","vue","vue-ui","button"],"gitHead":"1068227d096ab2f79bf73e914a8ce2e032222cf4","_id":"@_nu/vue-button@0.0.1","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-qTpzFQ4ZKeu+Upljfn9rpJ6D5Y8PFqtpOaSCxC5Q269ownX3rbNRUZNJO5tlSek8axn/yXSAfUE+o+tmVBRGfQ==","shasum":"4ae1bcda59b821938190ff84a9493c4b4651fe83","tarball":"https://registry.npmjs.org/@_nu/vue-button/-/vue-button-0.0.1.tgz","fileCount":4,"unpackedSize":9413,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdGI5aCRA9TVsSAnZWagAAvs0QAJierPO7HJAtPevm2HT+\njq5PZDy9K1B50GYNnMzhhWkzBWXtah5iTCtfTAXL8H09zlOg4KLSLAfFYw2B\nGgWAwN/4oZ4A4dbK7JSePVHGgsRuj5e8exb192xySE7AQIUChz8nTeZpasyN\nKJMGudFENDVtI47JdWI2ldawm3k0rLNQssLRyAC8bZXG58blLCjL1F7l3a1q\njyN7oM/6QSuF3t2VE9YzM7UeX8LIr7uoJs6ImMGGl5ga5MiVVySJQR0PyXzt\nvlmlmU9wd0Bvhjxx6BDrg/2+zJv6IokC4O1N0jJ/2RBHIqNNW1p30pe0o5ef\nzq0vJbvzcWWdrgf4gSoOqSnagMaD7FDz9uFhtBsk0/OyWnDfESNqpVi9t0wn\nPohzMPEcOfeB23bMGWWzdQv0wgJ+vGpAagpiIe0NO9rKqXgGxwSTUd2RoMLA\nL+lh2d/8UY0siEhMiuqK67QuMw2DC6EcEY7sLkwrqA3W2NE1Ov+14XN0lbSr\nV26ud4RvHtZ9z0UDKwB9G4YotJr8osDc6slFSjT1/BGws+gAhIgwArZiH/IR\n4+g03Mvq+yd8Qmpim8jBS1r3woy1Aj8rh8P9wA4EgQ/ji6vyFZHkmxFlokxb\noJz9wlfMxvhZAg5Dx69KKOITvBNGOpctgsx7fA7ZGBU5+mzH4QUgLSP3uxyE\nEr29\r\n=4zQw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC3jVjf9/B0jj8gBPJYOlU303zcoVI8zzr0RReT9XoOKAIgY2/5yDLzRr9dobJevCxQ9aKK9KnR1Vd5O3TA5IPFROM="}]},"maintainers":[{"name":"ziven27","email":"ziven27@qq.com"}],"_npmUser":{"name":"ziven27","email":"ziven27@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-button_0.0.1_1561890393966_0.6741574091964717"},"_hasShrinkwrap":false},"0.0.2":{"name":"@_nu/vue-button","version":"0.0.2","description":"NU 「 no-ui 」 组件库系统 nu-system，按钮组件 VUE 实现","main":"lib/index.js","author":{"name":"yfe-team"},"license":"MIT","repository":{"type":"git","url":"https://github.com/nu-system/vue-button.git"},"bugs":{"url":"https://github.com/nu-system/vue-button/issues"},"homepage":"https://nu-system.github.io/vue/button/","keywords":["ui","no-ui","nu-system","vue","vue-ui","button"],"_id":"@_nu/vue-button@0.0.2","dist":{"shasum":"8dad1477c64d4ab27eaad58f2723b0efbd2cd0e6","integrity":"sha512-n4h1RUPC+aGQA/md35nPNcQzqc/pLyUh3hfkoFZmYdaRyW33jIzfhY1TOKfVtuoeQH4z+HU94YBcI3yACGXQFA==","tarball":"https://registry.npmjs.org/@_nu/vue-button/-/vue-button-0.0.2.tgz","fileCount":6,"unpackedSize":9638,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdKIh4CRA9TVsSAnZWagAAaHcQAJdpfg++Q3jtZxc1ZtSl\nSORHWoKQM5kdc+Rku9QqAGrqp/q4kA8VjdLL+EJsid8KY1E1Bl6UuoCWICA4\nfWsLCS/bryAp5qlciw4pFR0g7EO/lGxzwVP8tIyHF1+YvW/SGQYlh8PegKOM\n+I6iRJ8kSRN5TpX+jwx4Bm6oe+p2JSofTwYGVluf7U0NnDlIpKZlZ2plVELC\n/hYnENCkKxriY5ovVEPh6vsY5FaSw2AK4XHreyGTQLSYyA82Mq4hd/kqamsW\nbJgFWGsGSVEFEtmZgZwDCoQJ/+HcjbWfw3cTFuUkTSMIAJ6WSv9EyoIKJmWF\nDjxSsE3k0GRJtI2Tpb5ITg720oS6I6y6dmMTR68g/eWa31/ORpQFF8+4eCMS\n0LhgfkLTbjIOAoZctc+RSGRaOaUm83WZ5kd3pb2QCIqYQVVo0Q0VP3GhVDBY\nb3cnZOnzkPgTwaMnsm9jWE+WySkvooze5FEfMBDdgn00p6oClFfpv22pU9DF\nJNFuL4aP1apdTN1NPIzGReXsHMLoOkHZrSnBYwJTjQ8UcDF9hkvkEl/wrIK7\nyhkjzIKnm6udigrfESu5z+nHIvfJDamcIQQ80vCI3ota+HDi/C0qrRKNGQRO\nFR67Om12ghx48+d5wC/LiN1Ho+6zZ99IoUM2IzTuyUrPhfUUUcUFVsIZrJja\n/2NT\r\n=Op0x\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDwlpA4AjV4QuRIO0UCO9nRrJVYBomsXv9Fl1Ov0rFSawIgHH4Ilp621SxGL7Y/ngOfI1z1QqN4M2aoiypo8jzB1+E="}]},"maintainers":[{"email":"1128yeye@sina.com","name":"nanasun"},{"email":"ziven27@qq.com","name":"ziven27"}],"_npmUser":{"name":"ziven27","email":"ziven27@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-button_0.0.2_1562937464193_0.06175336867917025"},"_hasShrinkwrap":false},"0.0.3":{"name":"@_nu/vue-button","version":"0.0.3","description":"NU 「 no-ui 」 组件库系统 nu-system，按钮组件 VUE 实现","main":"lib/index.common.js","author":{"name":"yfe-team"},"license":"MIT","repository":{"type":"git","url":"https://github.com/nu-system/vue-button.git"},"bugs":{"url":"https://github.com/nu-system/vue-button/issues"},"devDependencies":{"@vue/cli-service-global":"^3.9.3","conventional-changelog-cli":"^2.0.21","cz-conventional-changelog":"3.0.2"},"peerDependencies":{"commitizen":"^4.0.3"},"scripts":{"build":"vue-cli-service build --target lib --name index --dest lib src/index.js","prepublishOnly":"npm run build","log":"conventional-changelog -p angular -i CHANGELOG.md -s -r 0","commitInit":"commitizen init cz-conventional-changelog --yarn --dev --exact"},"homepage":"https://nu-system.github.io/vue/button/","keywords":["ui","no-ui","nu-system","vue","vue-ui","button"],"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"_id":"@_nu/vue-button@0.0.3","dist":{"shasum":"2b57a2c6df063df89b90b284ad03510e4a70eeac","integrity":"sha512-Ytk5K0GC2Dg4FjiXgBejLOTXvOQ8Tk1UwIdWvRdChOM1JUJ6Vw9IaRnmD2T1dn4I9IDnxPWXez/PEiWbWMJtOQ==","tarball":"https://registry.npmjs.org/@_nu/vue-button/-/vue-button-0.0.3.tgz","fileCount":12,"unpackedSize":90361,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdW7ivCRA9TVsSAnZWagAA8moQAIwzKjrX2g28Sq2AUz8W\ndx+Uyy435ox0TGTIjsMacDoYb85ESECwKAdDGV+rUHc0meLsH3ZPxMptWNTw\niM3jx7e3HFyR/TmEU72HxKDWhQyQbo6A+h8oqjuAFjLszwk+u2THPsX2gYvh\nJDAAIljy+O059b0Zp8J1RcdaK7dojJWzxIKIBVWpXQ42hr10B+e+Qw5p6i7J\nY6m8DlxwCbCm/D+4S5oneSzVBup1XH7rt8vdOm5VluvRNbmQNCHmIZ27My7Z\nCv5XqGZ2lD4lalZcaV1yd7IXtPXRbV8bQc17SmjZA6Iz6dFqLYFn97CALinL\nXUVcqiv11SL10/13RD03Vy8B39VVakDfVgzzl+uivQVawTGwi1WODvbnh/Q0\nWXdyEy3lDFgleNMZMp/uAuuZfkS00GQcuBvgkoiSUvL8ZK077U8s9U/pTYYk\nYsvtOA8XDDrknSaMZ9un7azbqaq0LqqmUuyIjNNYuTm/sKiSlGJsjH4X14TL\nDQ4xYANRUssfQXO2TCPEPxyQpfhtzsu5nq1eFHc9d6Woq5OgtVrw6nYXPV49\nqv2Af43mRJhHqG7Dvq0HUbFGynl83MEm5GTsdTL6iqqNR3Fu73c9rqIvvYh/\nQzVcBkGgsqxm0O0QcHmEg5rzenNiAMNRmQXoidrzrpgS5Ve9Oe6RRmfJjQvE\nIkjp\r\n=CbFy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHRUzSIGiy3D/P8HybxMjcKPHaZz4PI7GAqkQyq76zgIAiEA9kKNMKgClvkVIJN7hmptwWzsoeAgLvFu8Kv2T69VBjI="}]},"maintainers":[{"email":"1128yeye@sina.com","name":"nanasun"},{"email":"ziven27@qq.com","name":"ziven27"}],"_npmUser":{"name":"ziven27","email":"ziven27@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-button_0.0.3_1566292142528_0.6655157010347337"},"_hasShrinkwrap":false}},"time":{"created":"2019-06-30T10:26:33.758Z","0.0.1":"2019-06-30T10:26:34.090Z","modified":"2022-04-04T10:51:39.612Z","0.0.2":"2019-07-12T13:17:44.323Z","0.0.3":"2019-08-20T09:09:02.632Z"},"maintainers":[{"email":"1128yeye@sina.com","name":"nanasun"},{"email":"ziven27@qq.com","name":"ziven27"}],"description":"NU 「 no-ui 」 组件库系统 nu-system，按钮组件 VUE 实现","homepage":"https://nu-system.github.io/vue/button/","keywords":["ui","no-ui","nu-system","vue","vue-ui","button"],"repository":{"type":"git","url":"https://github.com/nu-system/vue-button.git"},"author":{"name":"yfe-team"},"bugs":{"url":"https://github.com/nu-system/vue-button/issues"},"license":"MIT","readme":"# Button\n\n[![npm package](https://img.shields.io/npm/v/@_nu/vue-button.svg)](https://www.npmjs.org/package/@_nu/vue-button)\n[![github](https://img.shields.io/github/stars/nu-system/vue-button.svg?style=social)](https://github.com/nu-system/vue-button)\n\n<ClientOnly>\n<ButtonDemo/>\n</ClientOnly>\n\n组件库母版系统 [NU-system](https://nu-system.github.io/) 按钮组件 VUE 实现。\n\n## 怎么用?\n\n```bash\n$ yarn add @_nu/vue-button @_nu/css-button\n```\n\n### 二次封装\n\n```vue  \n<script>\n  import NuButton from \"@_nu/vue-button\";\n  import \"@_nu/css-button\";\n  import \"@_nu/css-button/css/skins/loading.css\";\n  import \"@_nu/css-button/css/skins/bootstrap.css\";\n\n  export default {\n    props: {\n      // 设置默认颜色\n      color: {\n        default: 'primary'\n      },\n      // 设置默认变体\n      variant: {\n        default: 'ghost'\n      },\n    },\n    mixins: [NuButton]\n  };\n</script>\n\n<style>\n  .nu_btn{\n    /** 自定义样式 */\n  }\n</style>\n```\n\n设置默认「 颜色 」和「 变体 」的目的是避免每次在使用按钮的时候需要添加对应属性。\n\n因为 `NuButton` 是纯逻辑组件本身不会输出任何样式，在实际项目中使用需要二次封装。\n这里采用的是 [nu-button](https://nu-system.github.io/css/button/) 里面的 bootstrap 皮肤。\n\n### 使用\n\n```vue  \n<template>\n    <div>\n      <Button>按钮</Button>\n    </div>  \n</template>\n\n<script>\n    import Button from \"@components/Button\";\n    export default {\n        components: {\n            Button\n        }\n    }\n</script>\n```\n\n## DOM 结构\n\n```VUE\n<Button>hello</Button>\n<Button href=\".\" title=\"hello\">hello</Button>\n```\n\n上面的代码会被渲染成如下的 HTML 结构。\n\n```HTML\n<button class=\"nu_button\" type=\"button\" ><span>hello</span></button>\n<a class=\"nu_button\" href=\".\" title=\"hello\"><span>hello</span></a>\n```\n\n## API\n\n| props   | 类型 | 默认值 | 功能 | DEMO |\n|:-----|:-----:|:-----:|:-----:|:-----:|\n| baseClass |  string | 'nu_btn' | 默认选择器 | - |\n| type |  string | 'button' | 按钮类型 | <ClientOnly><Button type=\"submit\">Submit</Button></ClientOnly> |\n| href |  string | - | 跳转链接|<ClientOnly><Button href=\".\">按钮</Button></ClientOnly> |\n| color| 'default' &#124; 'primary' &#124; 'secondary' &#124; <br/> 'success' &#124; 'warning' &#124; 'danger' |  'default' | 按钮颜色 | <ClientOnly><Button>按钮</Button></ClientOnly> |\n| primary |  boolean | - | 主按钮 | <ClientOnly><Button primary>按钮</Button></ClientOnly> |\n| secondary |  boolean | - | 次级按钮 | <ClientOnly><Button secondary>按钮</Button></ClientOnly> |\n| warning |  boolean | - | 警告按钮 | <ClientOnly><Button warning>按钮</Button></ClientOnly> |\n| success |  boolean | - | 成功按钮 | <ClientOnly><Button success>按钮</Button></ClientOnly> |\n| danger |  boolean | - | 危险按钮 | <ClientOnly><Button danger>按钮</Button></ClientOnly> |\n| variant| 'fill' &#124; 'ghost' &#124; 'link' | 'fill' | 按钮变体 | <ClientOnly><Button>按钮</Button></ClientOnly> |\n| fill | boolean | - | 实心按钮 | <ClientOnly><Button>按钮</Button></ClientOnly> |\n| ghost |  boolean | - | 幽灵按钮 | <ClientOnly><Button ghost>按钮</Button></ClientOnly> |\n| link |  boolean | - | 链接按钮 | <ClientOnly><Button link>按钮</Button></ClientOnly> |\n| large |  boolean | - | 大按钮 | <ClientOnly><Button large>按钮</Button></ClientOnly> |\n| middle |  boolean | - | 中号按钮 | <ClientOnly><Button middle>按钮</Button></ClientOnly> |\n| small |  boolean | - | 小按钮 | <ClientOnly><Button small>按钮</Button></ClientOnly> |\n| disabled |  boolean | - | 不可用按钮|<ClientOnly><Button disabled>按钮</Button></ClientOnly> |\n| loading |  boolean | - | loading按钮|<ClientOnly><Button loading>按钮</Button></ClientOnly> |\n| capsule |  boolean | - | 圆角按钮|<ClientOnly><Button capsule>按钮</Button></ClientOnly> |\n| block |  boolean | - | 占一行的按钮| 见下面demo |\n\n<ClientOnly>\n<Button block> block 按钮</Button>\n</ClientOnly>\n\n并且除了上表中的属性，其它属性都会直接传到原生 button 上。\n\n## 如何修改样式？\n\nnu-button-vue 会将上所有的 `boolean` 属性，基于以下的 「 class 映射表 」添加对应的 class 到按钮上。想要自定义样式，只需要围绕对应选择器进行开发即可, 样式定义规则可以查看 [nu-button](https://yued-fe.github.io/nu-system/packages/button/)。\n\n| props |  class |\n|:----------|------:|\n| baseClass | .nu_btn |\n| primary | ._primary |\n| secondary | ._secondary |\n| warning | ._warning |\n| success | ._success |\n| danger | ._danger |\n| fill | ._fill |\n| ghost | ._ghost |\n| link | ._link |\n| disabled | ._disabled |\n| loading | ._loading |\n| large | ._large |\n| middle | ._middle |\n| small | ._small |\n| capsule | ._capsule |\n| block | ._block |\n","readmeFilename":"README.md"}