├── .babelrc
├── renovate.json
├── .browserslistrc
├── .gitignore
├── package.json
├── src
└── index.js
├── README.md
├── lib
└── index.js
└── yarn.lock
/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 | "presets": ["env"]
3 | }
4 |
--------------------------------------------------------------------------------
/renovate.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": [
3 | "config:base"
4 | ]
5 | }
6 |
--------------------------------------------------------------------------------
/.browserslistrc:
--------------------------------------------------------------------------------
1 | # Browsers that we support
2 |
3 | last 1 version
4 | > 1%
5 | maintained node versions
6 | not dead
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 |
2 | # See https://help.github.com/ignore-files/ for more about ignoring files.
3 |
4 | # dependencies
5 | node_modules/
6 |
7 | # testing
8 | /coverage
9 |
10 | # misc
11 | .DS_Store
12 | .env.local
13 | .env.development.local
14 | .env.test.local
15 | .env.production.local
16 |
17 | npm-debug.log*
18 | yarn-debug.log*
19 | yarn-error.log*
20 | package-lock.json*
21 |
22 | # IDE
23 | /.idea
24 | dist/
25 | build/
26 | .vscode
27 |
28 | # publish
29 | *.tgz
30 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "vue-copy-to-clipboard",
3 | "version": "1.0.3",
4 | "description": "Copy to clipboard Vue component",
5 | "main": "lib/index.js",
6 | "repository": "https://github.com/vueComponent/vue-copy-to-clipboard",
7 | "author": "Sendya <18x@loacg.com>",
8 | "keywords": ["cliboard", "copy-to-cliboard", "vue"],
9 | "contributors": [
10 | "Sendya <18x@loacg.com>"
11 | ],
12 | "license": "MIT",
13 | "files": [
14 | "es",
15 | "lib",
16 | "src/index.js"
17 | ],
18 | "scripts": {
19 | "build": "babel src/index.js -o lib/index.js"
20 | },
21 | "peerDependencies": {
22 | "vue": ">=2.6.0"
23 | },
24 | "dependencies": {
25 | "copy-to-clipboard": "^3.3.1"
26 | },
27 | "devDependencies": {
28 | "@babel/core": "7.10.5",
29 | "babel-cli": "6.26.0",
30 | "babel-preset-env": "1.7.0",
31 | "babel-preset-es2015": "6.24.1",
32 | "webpack": "4.44.0"
33 | }
34 | }
35 |
--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
1 | import copy from 'copy-to-clipboard';
2 |
3 | const CopyToClipboardProps = {
4 | text: {
5 | type: String,
6 | required: true
7 | },
8 | options: {
9 | type: Object,
10 | 'default': function _default() {
11 | return null;
12 | }
13 | }
14 | };
15 |
16 | const CopyToClipboard = {
17 | name: 'VueCopyToClipboard',
18 | functional: true,
19 | props: CopyToClipboardProps,
20 | render (h, ctx) {
21 | const { props, listeners: { copy: onCopy }, children } = ctx
22 | const { text, options } = props || {}
23 |
24 | function handleClick(e) {
25 | // Bypass onClick if it was present
26 | e.preventDefault()
27 | e.stopPropagation()
28 |
29 | const result = copy(text, options)
30 |
31 | if (onCopy) {
32 | onCopy(text, result)
33 | }
34 | }
35 |
36 | return h('span', { on: { 'click': handleClick }}, children);
37 | }
38 | };
39 |
40 | /* istanbul ignore next */
41 | CopyToClipboard.install = function (Vue) {
42 | Vue.component(CopyToClipboard.name, CopyToClipboard)
43 | };
44 |
45 | export default CopyToClipboard;
46 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | vue-copy-to-cliboard
2 | ----
3 |
4 | Copy to clipboard Vue component
5 |
6 | ### Use
7 |
8 | ```bash
9 | $ npm install vue-copy-to-clipboard
10 | or
11 | $ yarn add vue-copy-to-clipboard
12 | ```
13 |
14 |
15 | ### Examples
16 |
17 | ```jsx
18 | // by jsx
19 | import CopyToClipboard from 'vue-copy-to-clipboard'
20 |
21 | export default {
22 | data () {
23 | return {
24 | text: 'is copy content'
25 | }
26 | },
27 | render (h) {
28 | return (
29 |
30 | {
31 | console.log('onCopy', result)
32 | }}>
33 |
34 |
35 |
36 | )
37 | }
38 | }
39 | ```
40 |
41 | ```vue
42 |
43 |
44 |
45 | Copy to Clipboard
46 |
47 |