u

code/g3soft-libs/docs/.vitepress/theme/sidebarIcons.ts

@@ -0,0 +1,38 @@
+/**
+ * 侧边栏图标名 → Lucide 组件 的映射。
+ *
+ * 为什么必须是「字符串 → 组件」而不是直接把组件写进 config：
+ *
+ * VitePress 会把 themeConfig（含 sidebar）序列化后传给客户端。序列化器
+ * serializeFunctions 会把函数转成 `_vp-fn_...` 字符串，再由客户端
+ * `new Function()` 反序列化重建。Lucide 图标是 Vue 组件对象（含 render/
+ * setup 及闭包里的 path 数据），既不是纯函数、也无法靠 new Function
+ * 还原其模块级依赖 —— 结果就是图标在渲染时丢失（上一版实测 has-icon
+ * 类都不出现）。
+ *
+ * 因此这里让 config 里只写图标「名字」，真正的组件引用留在主题这一侧
+ * （客户端模块里，import 正常保留），渲染时按名查表。
+ *
+ * 需要新图标时：在 @lucide/vue 里选一个，import 进来并在此登记名字即可。
+ */
+import {
+  Cable,
+  Component,
+  Boxes,
+  FormInput,
+  Layers,
+  MessageSquare,
+  TableProperties,
+  LayoutDashboard,
+} from '@lucide/vue'
+
+export const sidebarIcons: Record<string, unknown> = {
+  cable: Cable,
+  component: Component,
+  boxes: Boxes,
+  'form-input': FormInput,
+  layers: Layers,
+  'message-square': MessageSquare,
+  'table-properties': TableProperties,
+  'layout-dashboard': LayoutDashboard,
+}