From babea3562b04ccc6062c964213c6d725530bfa5f Mon Sep 17 00:00:00 2001
From: yaoyun8 <yaoyun8@huawei.com>
Date: Wed, 10 Jan 2024 22:14:32 -0800
Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9A=E9=A2=84=E8=A7=88=E5=BC=95?=
 =?UTF-8?q?=E5=85=A5builtin=E7=BB=84=E4=BB=B6=E4=BE=9D=E8=B5=96=EF=BC=8Cbu?=
 =?UTF-8?q?ilt=E7=BB=84=E4=BB=B6=E6=A0=B7=E5=BC=8F=E6=96=87=E4=BB=B6?=
 =?UTF-8?q?=E6=B3=A8=E5=85=A5js?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/builtinComponent/package.json                    | 6 ++++--
 packages/builtinComponent/vite.config.js                  | 6 ++----
 packages/design-core/src/preview/src/preview/importMap.js | 1 +
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/packages/builtinComponent/package.json b/packages/builtinComponent/package.json
index e808afa72..89adbac42 100644
--- a/packages/builtinComponent/package.json
+++ b/packages/builtinComponent/package.json
@@ -16,10 +16,12 @@
     "directory": "packages/builtinComponent"
   },
   "scripts": {
-    "build": "vite build"
+    "build": "vite build",
+    "preview": "vite preview"
   },
   "dependencies": {
-    "@opentiny/vue": "~3.10.0"
+    "@opentiny/vue": "~3.10.0",
+    "vite-plugin-css-injected-by-js": "^3.3.1"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.2.3",
diff --git a/packages/builtinComponent/vite.config.js b/packages/builtinComponent/vite.config.js
index 62ca318c0..d77e390b5 100644
--- a/packages/builtinComponent/vite.config.js
+++ b/packages/builtinComponent/vite.config.js
@@ -13,9 +13,10 @@ import { defineConfig } from 'vite'
 import path from 'path'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
+import vitePluginCssInjectedByJs from 'vite-plugin-css-injected-by-js'
 
 export default defineConfig({
-  plugins: [vue(), vueJsx()],
+  plugins: [vue(), vueJsx(), vitePluginCssInjectedByJs()],
   publicDir: false,
   build: {
     cssCodeSplit: false,
@@ -26,9 +27,6 @@ export default defineConfig({
       formats: ['es']
     },
     rollupOptions: {
-      output: {
-        banner: 'import "./style.css"'
-      },
       external: ['vue']
     }
   }
diff --git a/packages/design-core/src/preview/src/preview/importMap.js b/packages/design-core/src/preview/src/preview/importMap.js
index e519bb891..2d7a1aa7c 100644
--- a/packages/design-core/src/preview/src/preview/importMap.js
+++ b/packages/design-core/src/preview/src/preview/importMap.js
@@ -40,6 +40,7 @@ importMap.imports = {
   'axios-mock-adapter': `${VITE_CDN_DOMAIN}/axios-mock-adapter@1.21.1/dist/axios-mock-adapter.js`,
   '@opentiny/tiny-engine-webcomponent-core': `${VITE_CDN_DOMAIN}/@opentiny/tiny-engine-webcomponent-core@1/dist/tiny-engine-webcomponent-core.es.js`,
   '@opentiny/tiny-engine-i18n-host': `${VITE_CDN_DOMAIN}/@opentiny/tiny-engine-i18n-host@1/dist/tiny-engine-i18n-host.es.js`,
+  '@opentiny/tiny-engine-builtin-component': `${VITE_CDN_DOMAIN}/@opentiny/tiny-engine-builtin-component@1/dist/index.js`,
   'vue-demi': `${VITE_CDN_DOMAIN}/vue-demi@0.13.11/lib/index.mjs`,
   pinia: `${VITE_CDN_DOMAIN}/pinia@2.0.22/dist/pinia.esm-browser.js`,
   ...tinyVue3Imports,