fix: 修复打包出来的版本不支持vue2的问题

Author: angrytoro

.npmrc

@@ -0,0 +1,4 @@
+# shamefully-hoist = true
+# strict-peer-dependencies=true
+# legacy-peer-deps=true
+# dedupe-peer-dependents=false

README.md

@@ -28,7 +28,7 @@ npm install @wsfe/vue-tree
 直接引入 css
 
 ```less
-@import '~@wsfe/vue-tree/dist/style.css';
+@import '~@wsfe/vue-tree/style.css';
 ```
 
 引入 less 以便于变量覆盖
@@ -42,7 +42,7 @@ npm install @wsfe/vue-tree
 ```typescript
 // 大家可以根据需要是否引入VTreeNode, VTreeSearch, VTreeDrop
 import Vtree, { VTreeNode, VTreeSearch, VTreeDrop } from '@wsfe/vue-tree'
-import '@wsfe/vue-tree/dist/style.css'
+import '@wsfe/vue-tree/style.css'
 ```
 
 # 接口文档

package.json

@@ -1,32 +1,37 @@
 {
   "name": "@wsfe/vue-tree",
-  "version": "3.0.3",
+  "version": "3.0.6",
   "types": "./types",
   "description": "A vue tree component using virtual list.",
-  "main": "./dist/vue-tree.umd.min.js",
-  "module": "./dist/vue-tree.mjs",
+  "main": "./dist/v3/vue-tree.umd.js",
+  "module": "./dist/v3/vue-tree.mjs",
   "exports": {
     ".": {
-      "import": "./dist/vue-tree.mjs",
-      "require": "./dist/vue-tree.umd.js"
+      "import": "./dist/v3/vue-tree.mjs",
+      "require": "./dist/v3/vue-tree.umd.js"
     },
+    "./style.css": "./dist/v3/style.css",
     "./*": "./*"
   },
   "scripts": {
     "dev": "vite",
     "dts": "vue-tsc --declaration --emitDeclarationOnly",
-    "build": "npm run dts && vite build",
+    "build": "npm run dts && npm run build:2 && npm run build:3",
+    "build:2": "pnpm --filter vue2 run build",
+    "build:3": "vite build",
     "docs": "vue-tsc --noEmit && vite build -c examples/vite.config.ts",
     "preview": "vite preview",
     "test": "jest --watch",
-    "prettier": "prettier --write \"{src,examples,tests}/**/*.{ts,js,json,vue,tsx,less,scss,less,html}\" --fix"
+    "prettier": "prettier --write \"{src,examples,tests}/**/*.{ts,js,json,vue,tsx,less,scss,less,html}\" --fix",
+    "postinstall": "node ./scripts/postinstall.cjs"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
   "files": [
     "dist",
+    "scripts",
     "src",
     "types"
   ],
@@ -77,13 +82,9 @@
     "vue-jest": "5.0.0-alpha.10",
     "vue-tsc": "^1.0.24"
   },
-  "peerDependencies": {
-    "@vue/composition-api": "^1.0.0-rc.1",
-    "vue": "^2.0.0 || >=3.0.0"
-  },
   "peerDependenciesMeta": {
     "@vue/composition-api": {
       "optional": true
     }
   }
-}
+}

packages/vue2/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "vue2",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "build": "vite build"
+  },
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@vue/composition-api": "^1.7.1",
+    "vite": "^4.1.1",
+    "vite-plugin-vue2": "^2.0.3",
+    "vue": "2.6.14",
+    "vue-template-compiler": "2.6.14"
+  }
+}

packages/vue2/vite.config.ts

@@ -0,0 +1,41 @@
+import { defineConfig, UserConfig } from 'vite'
+// import vue2 from '@vitejs/plugin-vue2'
+import { createVuePlugin } from 'vite-plugin-vue2'
+import { resolve, join } from 'path'
+
+// https://vitejs.dev/config/
+export default defineConfig((): UserConfig => {
+  return {
+    resolve: {
+      alias: {
+        '@': resolve('../../src')
+      }
+    },
+    plugins: [createVuePlugin()],
+    optimizeDeps: {
+      exclude: ['vue-demi']
+    },
+    server: {
+      open:true,
+      hmr:true
+    },
+    build: {
+      lib: {
+        entry: resolve(__dirname,'../../src/index.ts'),
+        name:'Vtree',
+        fileName: 'vue-tree'
+      },
+      rollupOptions: {
+        external: ['vue', 'vue-demi'],
+        output: {
+          dir: join(__dirname, '../../dist/v2'),
+          exports: 'named',
+          globals: {
+            vue: 'Vue',
+            'vue-demi': 'VueDemi'
+          }
+        }
+      }
+    }
+  }
+})