@chenghongyu/xpt-file-viewer 1.1.2 → 1.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chenghongyu/xpt-file-viewer",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "type": "module",
   "main": "./dist/file-viewer.umd.js",
   "module": "./dist/file-viewer.es.js",

package/src/main.ts

@@ -1,23 +1,30 @@
 // src/main.ts
-import { createApp } from 'vue'
+import type { App, Plugin } from 'vue'
 import ElementPlus from 'element-plus'
 import 'element-plus/dist/index.css'
-import { createPinia } from 'pinia'
-import App from './App.vue'
-// 导出文件预览主组件
-import HelloWorld from './components/HelloWorld.vue'
+import { createPinia } from 'pinia' // 注意：Pinia 通常也需要 peerDependencies 或者在这里处理
+import FileViewer from './components/HelloWorld.vue' // 建议重命名文件为 FileViewer.vue
 
-const app = createApp(App)
-const pinia = createPinia()
+// 定义安装函数
+const install = (app: App) => {
+  // 1. 注册 Element Plus
+  app.use(ElementPlus)
+  
+  // 2. 注册 Pinia (如果组件内部用了 pinia，这里需要注册，但通常 pinia 应该由宿主应用提供实例)
+  // 注意：如果宿主应用已经安装了 pinia，再次 app.use(createPinia()) 可能会覆盖或冲突。
+  // 更好的做法是：不在此处 createPinia，而是假设宿主应用已提供，或者提供可选配置。
+  // 这里为了简单演示，先注释掉，避免冲突。如果必须用，请确保文档说明。
+  // const pinia = createPinia()
+  // app.use(pinia)
 
-export function install(app: any) {
-  app.component('FileViewer', HelloWorld)
+  // 3. 注册你的组件
+  app.component('FileViewer', FileViewer)
 }
-// 默认导出（兼容多种引入方式）
+
+// 默认导出插件
 export default {
   install,
-  FileViewer: HelloWorld,
-}
-app.use(ElementPlus)
-app.use(pinia)
-// app.mount('#app')
+} as Plugin
+
+// 单独导出组件
+export { FileViewer }