引入dts-generator生成类型声明文件

package.json

@@ -1,13 +1,14 @@
 {
   "name": "niplayer",
-  "version": "1.3.6",
+  "version": "1.4.0",
   "description": "This is a TS library for video player",
   "main": "./dist/player.esm.js",
   "types": "./dist/index.d.ts",
   "scripts": {
     "dev": "rollup -c script/rollup.config.dev.js --watch",
     "build": "rollup -c script/rollup.config.prod.js",
     "build:tsc": "tsc",
+    "build:dts": "dts-bundle-generator -o ./dist/index.d.ts ./src/index.ts --project tsconfig.json  --no-check",
     "test": "vitest",
     "coverage": "vitest run --coverage"
   },
@@ -31,6 +32,7 @@
     "@types/node": "^18.13.0",
     "@vitest/coverage-c8": "^0.27.2",
     "autoprefixer": "^8.0.0",
+    "dts-bundle-generator": "^8.0.0",
     "less": "^4.1.3",
     "postcss": "^8.4.21",
     "rollup": "^2.79.1",

src/class/HTMLMediaElementWithCaputreStream.ts

@@ -1,3 +1,3 @@
-interface HTMLMediaElementWithCaputreStream extends HTMLMediaElement {
+export interface HTMLMediaElementWithCaputreStream extends HTMLMediaElement {
   captureStream(fps?: number): MediaStream;
 }

src/component/ToolBar/BottomBar/parts/VideoShot.ts

@@ -5,6 +5,7 @@ import { storeControlComponent } from "@/utils/store";
 import { Toast } from "@/component/Toast/Toast";
 import { confirmPath, countdownPath, videoShotPath$1 } from "@/svg/index";
 import { Options } from "./Options";
+import { HTMLMediaElementWithCaputreStream } from "@/class/HTMLMediaElementWithCaputreStream";
 export class VideoShot extends Options {
     readonly id = "VideoShot";
     player: Player;

tsconfig.json

@@ -37,7 +37,7 @@
     "module": "ES6",                                /* Specify what module code is generated. */
     // "rootDir": "./src",                                  /* Specify the root folder within your source files. */
     "moduleResolution": "node",                       /* Specify how TypeScript looks up a file from a given module specifier. */
-    "baseUrl": ".",                                  /* Specify the base directory to resolve non-relative module names. */
+    "baseUrl": "./",                                  /* Specify the base directory to resolve non-relative module names. */
     "paths": {
       "@/*": ["./src/*"]
     },                                      /* Specify a set of entries that re-map imports to additional lookup locations. */
@@ -55,7 +55,8 @@
     // "maxNodeModuleJsDepth": 1,                        /* Specify the maximum folder depth used for checking JavaScript files from 'node_modules'. Only applicable with 'allowJs'. */
 
     /* Emit */
-    "declaration": true,                              /* Generate .d.ts files from TypeScript and JavaScript files in your project. */
+    // "declaration": true,                              /* Generate .d.ts files from TypeScript and JavaScript files in your project. */
+    // "declarationDir": "./dist/types",
     // "declarationMap": true,                           /* Create sourcemaps for d.ts files. */
     // "emitDeclarationOnly": true,                      /* Only output d.ts files and not JavaScript files. */
     "sourceMap": true,                                /* Create source map files for emitted JavaScript files. */