fix(@142vip/vitepress): 修复表格组件显示异常，调整css样式导入

package.json

@@ -27,16 +27,17 @@
     "dev": "vitepress dev --port 8080 --host --force --strictPort",
     "build:apps": "npx turbo run build --filter '*-demo' --color --only",
     "build:packages": "npx turbo run build --filter @142vip/* --color --only",
-    "build:docs": "DEBUG=true vitepress build --minify",
-    "build:docs-proxy": "NEED_PROXY=true DEBUG=true vitepress build --minify",
+    "build:docs": "vitepress build --minify",
+    "build:docs-proxy": "NEED_PROXY=true vitepress build",
     "build": "pnpm build:packages && pnpm build:docs && pnpm build:docs-proxy",
-    "preview": "vitepress preview",
+    "preview:docs": "pnpm build:docs && npx vitepress preview --port 8081",
+    "preview:docs-proxy": "pnpm build:docs-proxy && npx vitepress preview --port 8082 --base '/core-x'",
     "lint": "npx fa lint",
     "lint:fix": "npx fa lint --fix",
-    "release:check": "npx fa release --check-release --vip -F './apps/*' -F './packages/*' ",
-    "release": "npx fa release --vip -F './apps/*' -F './packages/*' ",
     "publish:check": "pnpm publish -r --filter './packages/**' --dry-run --json --no-git-checks",
-    "check": "pnpm release:check && pnpm publish:check"
+    "release:check": "npx fa release --check-release --vip -F './apps/*' -F './packages/*' ",
+    "check": "pnpm release:check && pnpm publish:check",
+    "release": "npx fa release --vip -F './apps/*' -F './packages/*' "
   },
   "devDependencies": {
     "@142vip/changelog": "workspace:*",

packages/vitepress/src/components/VipBackTop.vue

@@ -1,7 +1,8 @@
 <script lang="ts" setup>
 import { ElBacktop } from 'element-plus'
 import { defineComponent } from 'vue'
-import 'element-plus/dist/index.css'
+import 'element-plus/theme-chalk/base.css'
+import 'element-plus/theme-chalk/el-backtop.css'
 
 defineComponent({
   components: {

packages/vitepress/src/components/VipProjectTable.vue

@@ -6,7 +6,14 @@ import {
   ElTableColumn,
   ElTag,
 } from 'element-plus'
-import 'element-plus/dist/index.css'
+// import 'element-plus/dist/index.css'
+// 注意：这里手动导入样式
+import 'element-plus/theme-chalk/base.css'
+import 'element-plus/theme-chalk/el-empty.css'
+import 'element-plus/theme-chalk/el-table-column.css'
+import 'element-plus/theme-chalk/el-checkbox.css'
+import 'element-plus/theme-chalk/el-tag.css'
+import 'element-plus/theme-chalk/el-link.css'
 
 interface PackageJSON {
   name: string
@@ -49,6 +56,7 @@ defineComponent({
     fit
     flexible
     stripe
+    :show-header="false"
   >
     <!-- @142vip/core-x 表格 -->
     <ElTableColumn header-align="center" label="项目名称" min-width="180" prop="name" />
@@ -92,10 +100,10 @@ defineComponent({
   </ElTable>
 </template>
 
-<style>
+<style scoped>
 .core-table {
   width: 100%;
-  border-radius: 5px;
+  border-radius: 10px !important;
 }
 .version {
   cursor: pointer;
@@ -104,11 +112,7 @@ defineComponent({
 .vp-doc table {
   display: block;
   border-collapse: collapse;
-  margin: 0;
+  margin: 0 !important;
   overflow-x: auto;
 }
-
-.el-table thead {
-  display: none;
-}
 </style>