New type (#399)

* Update artplayer.d.ts

test/types.plugin.test.ts

@@ -0,0 +1,36 @@
+import Artplayer from '../packages/artplayer';
+import artplayerPluginDanmuku from '../packages/artplayer-plugin-danmuku/types/artplayer-plugin-danmuku';
+import artplayerPluginAds from '../packages/artplayer-plugin-ads/types/artplayer-plugin-ads';
+
+const art = new Artplayer({
+    container: '.artplayer-app',
+    url: './assets/sample/video.mp4',
+    plugins: [
+        artplayerPluginDanmuku({
+            danmuku: '',
+            margin: [0, '10%'],
+            theme: 'light',
+        }),
+        artplayerPluginAds({
+            html: '<img src="/assets/sample/poster.jpg">',
+            video: '/assets/sample/test1.mp4',
+            url: 'http://artplayer.org',
+        }),
+    ],
+});
+
+art.plugins
+    .add(
+        artplayerPluginDanmuku({
+            danmuku: '',
+            margin: [0, '10%'],
+            theme: 'light',
+        }),
+    )
+    .add(
+        artplayerPluginAds({
+            html: '<img src="/assets/sample/poster.jpg">',
+            video: '/assets/sample/test1.mp4',
+            url: 'http://artplayer.org',
+        }),
+    );

test/types.test.js

@@ -2,7 +2,7 @@
 
 // ======================== ES6 Module ==========================
 
-import Artplayer from '../packages/artplayer/types/artplayer';
+import Artplayer from '../packages/artplayer';
 
 const art1 = new Artplayer({
     container: '.artplayer-app',
@@ -11,7 +11,7 @@ const art1 = new Artplayer({
 
 // ======================== CommonJS Module ==========================
 
-const Artplayer = require('../packages/artplayer/types/artplayer');
+const Artplayer = require('../packages/artplayer');
 
 const art2 = new Artplayer({
     container: '.artplayer-app',
@@ -20,7 +20,7 @@ const art2 = new Artplayer({
 
 // ======================== Triple-Slash Directives ==========================
 
-/// <reference path="../packages/artplayer/types/artplayer.d.ts" />
+/// <reference path="../packages/artplayer" />
 
 /**
  * @type {Artplayer} - An Artplayer instance.
@@ -37,7 +37,7 @@ function getInstance(art4) {
 // ======================== @typedef ==========================
 
 /**
- * @typedef { import("../packages/artplayer/types/artplayer") } Artplayer
+ * @typedef { import("../packages/artplayer") } Artplayer
  */
 
 /**
@@ -55,7 +55,7 @@ function getInstance(art6) {
 // ======================== @param ==========================
 
 /**
- * @param { import("../packages/artplayer/types/artplayer") } art7 - An Artplayer instance.
+ * @param { import("../packages/artplayer") } art7 - An Artplayer instance.
  */
 function getInstance(art7) {
     //

test/types.test.ts

@@ -1,36 +1,6 @@
 import Artplayer from '../packages/artplayer';
-import artplayerPluginDanmuku from '../packages/artplayer-plugin-danmuku';
-import artplayerPluginAds from '../packages/artplayer-plugin-ads';
 
 const art = new Artplayer({
     container: '.artplayer-app',
     url: './assets/sample/video.mp4',
-    plugins: [
-        artplayerPluginDanmuku({
-            danmuku: '',
-            margin: [0, '10%'],
-            theme: 'light',
-        }),
-        artplayerPluginAds({
-            html: '<img src="/assets/sample/poster.jpg">',
-            video: '/assets/sample/test1.mp4',
-            url: 'http://artplayer.org',
-        }),
-    ],
 });
-
-art.plugins
-    .add(
-        artplayerPluginDanmuku({
-            danmuku: '',
-            margin: [0, '10%'],
-            theme: 'light',
-        }),
-    )
-    .add(
-        artplayerPluginAds({
-            html: '<img src="/assets/sample/poster.jpg">',
-            video: '/assets/sample/test1.mp4',
-            url: 'http://artplayer.org',
-        }),
-    );

test/vite.test.vue

@@ -1,21 +0,0 @@
-<script setup>
-import Artplayer from 'artplayer/examples/vue/Artplayer.vue';
-
-const option = {
-    url: 'https://artplayer.org/assets/sample/video.mp4',
-};
-
-const style = {
-    width: '600px',
-    height: '400px',
-    margin: '60px auto 0',
-};
-
-function getInstance(art) {
-    console.log(art);
-}
-</script>
-
-<template>
-    <Artplayer @get-instance="getInstance" :option="option" :style="style" />
-</template>