├── .babelrc ├── .codeclimate.yml ├── .editorconfig ├── .eslintignore ├── .eslintrc.js ├── .gitattributes ├── .github └── FUNDING.yml ├── .gitignore ├── .npmignore ├── .travis.yml ├── CHANGELOG.md ├── LICENSE ├── README.md ├── _config.yml ├── bower.json ├── build ├── prerelease.sh └── rollup.config.js ├── circle.yml ├── dist ├── vue-popper.css ├── vue-popper.js ├── vue-popper.min.css └── vue-popper.min.js ├── doc └── logo.png ├── package.json ├── src ├── component │ └── popper.js.vue └── index.js └── yarn.lock /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | [ 4 | "@babel/preset-env", 5 | { 6 | "modules": false 7 | } 8 | ] 9 | ] 10 | } 11 | -------------------------------------------------------------------------------- /.codeclimate.yml: -------------------------------------------------------------------------------- 1 | engines: 2 | eslint: 3 | enabled: true 4 | duplication: 5 | enabled: true 6 | config: 7 | languages: 8 | - javascript 9 | ratings: 10 | paths: 11 | - "src/**/*" 12 | exclude_paths: 13 | - "dist/**.js" 14 | - "examples/**/*" 15 | - "test/**/*" 16 | - "build/*" -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | indent_style = space 5 | indent_size = 2 6 | tab_width = 2 7 | end_of_line = lf 8 | charset = utf-8 9 | trim_trailing_whitespace = true 10 | insert_final_newline = true 11 | -------------------------------------------------------------------------------- /.eslintignore: -------------------------------------------------------------------------------- 1 | /test 2 | /dist 3 | /node_modules 4 | /build 5 | coverage 6 | gulpfile.js 7 | webpack.conf.js -------------------------------------------------------------------------------- /.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | "env": { 3 | "browser": true, 4 | "commonjs": true, 5 | "es6": true, 6 | "node": true 7 | }, 8 | "extends": "eslint:recommended", 9 | "parserOptions": { 10 | "sourceType": "module" 11 | }, 12 | "rules": { 13 | "indent": [ 14 | "error", 15 | 2 16 | ], 17 | "linebreak-style": [ 18 | "error", 19 | "unix" 20 | ], 21 | "quotes": [ 22 | "error", 23 | "single" 24 | ], 25 | "semi": [ 26 | "error", 27 | "always" 28 | ] 29 | } 30 | }; 31 | -------------------------------------------------------------------------------- /.gitattributes: -------------------------------------------------------------------------------- 1 | example/* export-ignore 2 | example/* linguist-vendored 3 | -------------------------------------------------------------------------------- /.github/FUNDING.yml: -------------------------------------------------------------------------------- 1 | open_collective: vue-popper 2 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | 2 | # Use yarn.lock instead 3 | package-lock.json 4 | 5 | # Logs 6 | logs 7 | *.log 8 | npm-debug.log* 9 | 10 | Thumbs.db 11 | .DS_Store 12 | .idea 13 | node_modules 14 | bower_components 15 | npm-debug.log 16 | yarn-error.log 17 | .nyc_output 18 | coverage 19 | reports 20 | selenium-debug.log 21 | local.log 22 | sauce_connect.log 23 | -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | .editorconfig 2 | .gitignore 3 | .npmignore 4 | .idea/ 5 | .git/ 6 | _config.yml 7 | bower.json 8 | circle.yml 9 | CHANGELOG.md 10 | .codeclimate.yml 11 | .gitattributes 12 | -------------------------------------------------------------------------------- /.travis.yml: -------------------------------------------------------------------------------- 1 | language: node_js 2 | 3 | node_js: 4 | - "stable" 5 | 6 | before_install: 7 | - curl -o- -L https://yarnpkg.com/install.sh | bash -s -- --version 1.1.0 8 | - export PATH=$HOME/.yarn/bin:$PATH 9 | 10 | cache: 11 | yarn: true 12 | 13 | install: 14 | - yarn install 15 | 16 | script: 17 | - yarn build 18 | 19 | notifications: 20 | email: false 21 | -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RobinCK/vue-popper/5d966ea141f9c63c3dc5f129c1b35a7ec8bf0a8b/CHANGELOG.md -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Igor Ognichenko 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |

2 | 3 |

4 | 5 |

6 | 7 | 8 | 9 | 10 | 11 |

12 | 13 |

14 | 15 | 16 | 17 | 18 |

19 | 20 | # vue-popperjs 21 | 22 | [![Greenkeeper badge](https://badges.greenkeeper.io/RobinCK/vue-popper.svg)](https://greenkeeper.io/) 23 | VueJS popover component based on popper.js 24 | 25 | ## Example 26 | 27 | [jsFiddle](https://jsfiddle.net/Robin_ck/n840tvp2/) 28 | 29 | ## Install 30 | #### CDN 31 | 32 | Recommended: https://unpkg.com/vue-popperjs, which will reflect the latest version as soon as it is published to npm. You can also browse the source of the npm package at https://unpkg.com/vue-popperjs/ 33 | 34 | #### NPM 35 | 36 | ``` bash 37 | npm install vue-popperjs --save 38 | ``` 39 | 40 | #### Yarn 41 | 42 | ``` bash 43 | yarn add vue-popperjs 44 | ``` 45 | 46 | #### Bower 47 | 48 | ``` bash 49 | bower install vue-popperjs --save 50 | ``` 51 | 52 | ## Development Setup 53 | 54 | ``` bash 55 | # install dependencies 56 | npm install 57 | 58 | # build dist files 59 | npm run build 60 | ``` 61 | 62 | ## Usage 63 | 64 | ### VueJS single file (ECMAScript 2015) 65 | ```html 66 | 82 | 83 | 93 | ``` 94 | 95 | ### Browser (ES5) 96 | ```html 97 | 98 | 99 | 100 | 101 | 102 |
103 | 109 |
110 | Popper Content 111 |
112 | 113 | 116 | 117 |
118 | 119 | 127 | ``` 128 | 129 | ## Props 130 | 131 | | Props | Type | Default | Description | 132 | | --------------------|:----------| ------------------------------------------------|--------------| 133 | | disabled | Boolean | false | | 134 | | delay-on-mouse-over | Number | 10 | Delay in ms before showing popper during a mouse over | 135 | | delay-on-mouse-out | Number | 10 | Delay in ms before hiding popper during a mouse out | 136 | | append-to-body | Boolean | false | | 137 | | visible-arrow | Boolean | true | | 138 | | force-show | Boolean | false | | 139 | | trigger | String | hover | Optional value: