support window.VueDPlayer

MoePlayer · Jan 31, 2018 · c9712cf · c9712cf
1 parent 942823c
commit c9712cf
Show file tree

Hide file tree

Showing 7 changed files with 70 additions and 9 deletions.
diff --git a/dist/vue-dplayer.cjs.js b/dist/vue-dplayer.cjs.js
@@ -9,7 +9,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var DPlayer = _interopDefault(require('dplayer'));
 
-var index = {
+var VueDPlayer = {
   props: {
     options: {
       type: Object
@@ -49,4 +49,8 @@ var index = {
   }
 };
 
-module.exports = index;
+if (typeof window !== 'undefined' && window.Vue) {
+  window.VueDPlayer = VueDPlayer;
+}
+
+module.exports = VueDPlayer;
diff --git a/dist/vue-dplayer.es.js b/dist/vue-dplayer.es.js
@@ -5,7 +5,7 @@
  */
 import DPlayer from 'dplayer';
 
-var index = {
+var VueDPlayer = {
   props: {
     options: {
       type: Object
@@ -45,4 +45,8 @@ var index = {
   }
 };
 
-export default index;
+if (typeof window !== 'undefined' && window.Vue) {
+  window.VueDPlayer = VueDPlayer;
+}
+
+export default VueDPlayer;
diff --git a/dist/vue-dplayer.js b/dist/vue-dplayer.js
diff --git a/dist/vue-dplayer.min.js b/dist/vue-dplayer.min.js
diff --git a/dist/vue-dplayer.min.js.map b/dist/vue-dplayer.min.js.map
diff --git a/example/index.html b/example/index.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>Demo</title>
+  <script src="https://unpkg.com/[email protected]/dist/vue.js"></script>
+  <script src="../dist/vue-dplayer.js"></script>
+  <link rel="stylesheet" href="../dist/vue-dplayer.css">
+</head>
+
+<body>
+  <div id="app">
+    <d-player :options="options"></d-player>
+  </div>
+  <script>
+    new Vue({
+      el: '#app',
+      components: {
+        'd-player': VueDPlayer
+      },
+      data: {
+        options: {
+          video: {
+            url: 'http://static.smartisanos.cn/common/video/t1-ui.mp4',
+            pic: 'http://static.smartisanos.cn/pr/img/video/video_03_cc87ce5bdb.jpg'
+          },
+          autoplay: false,
+          contextmenu: [{
+            text: 'GitHub',
+            link: 'https://github.com/MoePlayer/vue-dplayer'
+          }]
+        },
+      }
+    })
+
+  </script>
+</body>
+
+</html>
+
diff --git a/src/index.js b/src/index.js
@@ -1,7 +1,7 @@
 import DPlayer from 'dplayer'
 import '../node_modules/dplayer/dist/DPlayer.min.css'
 
-export default {
+const VueDPlayer = {
   props: {
     options: {
       type: Object
@@ -35,3 +35,9 @@ export default {
     }, [])
   }
 }
+
+if (typeof window !== 'undefined' && window.Vue) {
+  window.VueDPlayer = VueDPlayer
+}
+
+export default VueDPlayer