feat: 添加broswer-vendors配置和相关依赖导出

packages/vue3/build/broswer-vendors.js

@@ -0,0 +1,64 @@
+const path = require('path');
+const { defineConfig } = require('@rspack/cli');
+
+const root = path.resolve(__dirname, '..');
+
+const targets = ['last 2 versions', '> 0.2%', 'not dead', 'Firefox ESR'];
+
+exports.vendorConfig = (type) =>
+  defineConfig({
+    mode: 'production',
+    devtool: 'source-map',
+    entry: {
+      index: [path.resolve(__dirname, '../src/broswer-vendors.ts')],
+    },
+    target: 'web',
+    output: {
+      publicPath: '/',
+      path: path.resolve(root, `dist/${type}`),
+      filename: `broswer-vendors.js`,
+      library: {
+        name: 'LcapBrowserVendors',
+        type: 'umd',
+        umdNamedDefine: true,
+        export: 'default',
+      },
+    },
+    module: {
+      rules: [
+        {
+          test: /\.[mc]?js$/,
+          type: 'javascript/auto',
+          use: [
+            {
+              loader: 'builtin:swc-loader',
+              options: {
+                jsc: {
+                  parser: {
+                    syntax: 'ecmascript',
+                  },
+                },
+              },
+            },
+          ],
+        },
+        {
+          test: /\.ts$/,
+          use: [
+            {
+              loader: 'builtin:swc-loader',
+              options: {
+                jsc: {
+                  parser: {
+                    syntax: 'typescript',
+                  },
+                },
+                env: { targets },
+              },
+            },
+          ],
+        },
+      ],
+    },
+    stats: 'minimal',
+  });

packages/vue3/build/rspack.config.js

@@ -2,6 +2,7 @@ const path = require('path');
 const { defineConfig } = require('@rspack/cli');
 const rspack = require('@rspack/core');
 const { VueLoaderPlugin } = require('vue-loader');
+const { vendorConfig } = require('./broswer-vendors');
 
 const root = path.resolve(__dirname, '..');
 const library = 'cloudAdminDesigner';
@@ -116,4 +117,4 @@ const baseConfig = (type) =>
     stats: 'minimal',
   });
 
-module.exports = [baseConfig('pc'), baseConfig('mobile')];
+module.exports = [baseConfig('pc'), baseConfig('mobile'), vendorConfig('pc'), vendorConfig('mobile')];

packages/vue3/source/src/hooks/datasource-utils.js

@@ -1,4 +1,4 @@
-import _isEqual from 'lodash/isEqual';
+import { isEqual } from 'lodash';
 
 export function useDataSourceUtils() {
   const cache = new Map();
@@ -12,7 +12,7 @@ export function useDataSourceUtils() {
       // null 直接比较
       if (a === null || b === null) return a === b;
       if (typeof a === 'object') {
-        return _isEqual(a, b);
+        return isEqual(a, b);
       }
       return Object.is(a, b);
     });

packages/vue3/src/broswer-vendors.ts

@@ -0,0 +1,13 @@
+import * as Vue from 'vue';
+import * as VueRouter from 'vue-router';
+import * as Pinia from 'pinia';
+import * as VueI18n from 'vue-i18n';
+import * as VueCompilerSFC from 'vue/compiler-sfc';
+import lodash from 'lodash';
+
+window.Vue = Vue;
+window.VueRouter = VueRouter;
+window.Pinia = Pinia;
+window.VueI18n = VueI18n;
+window.VueCompilerSFC = VueCompilerSFC;
+window.Lodash = lodash;