剔除Vuetify

Author: Yuerchu

docs/.vitepress/config.mts

@@ -105,7 +105,112 @@ export default defineConfig({
           {
             text: '控制元素',
             link: '/documentation/section_controls',
-            items: []
+            items: [
+              {
+                text: '按钮 Button',
+                link: '/documentation/elements/button',
+              },
+              {
+                text: '按钮组 Button Group',
+                link: '/documentation/elements/button_group',
+              },
+              {
+                text: '下拉按钮 Dropdown Button',
+                link: '/documentation/elements/button_dropdown',
+              },
+              {
+                text: '浮动按钮 FAB',
+                link: '/documentation/elements/fab',
+              },
+              {
+                text: '标签 Badge',
+                link: '/documentation/elements/badge',
+              },
+              {
+                text: '小标签 Chip',
+                link: '/documentation/elements/chip',
+              },
+              {
+                text: '切换器 Toggle',
+                link: '/documentation/elements/toggle',
+              },
+              {
+                text: '单项选择器 Radio Selection',
+                link: '/documentation/elements/radio',
+              },
+              {
+                text: '下拉选择器 Dropdown Selection',
+                link: '/documentation/elements/select',
+              },
+              {
+                text: '芯片输入器 Input Chips',
+                link: '/documentation/elements/input_chips',
+              },
+              {
+                text: '复选框 Checkbox',
+                link: '/documentation/elements/checkbox',
+              },
+              {
+                text: '开关 Switch',
+                link: '/documentation/elements/switch',
+              },
+              {
+                text: '滑块 Slider',
+                link: '/documentation/elements/slider',
+              },
+              {
+                text: '范围选择器 Range',
+                link: '/documentation/elements/range',
+              },
+              {
+                text: '评分 Rating',
+                link: '/documentation/elements/rating',
+              },
+              {
+                text: '虚拟摇杆 Joystick',
+                link: '/documentation/elements/joystick',
+              },
+              {
+                text: '文本输入框 Text Input',
+                link: '/documentation/elements/input',
+              },
+              {
+                text: '多行文本输入框 Textarea',
+                link: '/documentation/elements/textarea',
+              },
+              {
+                text: '代码编辑器 CodeMirror',
+                link: '/documentation/elements/codemirror',
+              },
+              {
+                text: '数字输入器 Number Input',
+                link: '/documentation/elements/number',
+              },
+              {
+                text: '旋钮 Knob',
+                link: '/documentation/elements/knob',
+              },
+              {
+                text: '颜色输入器 Color Input',
+                link: '/documentation/elements/color_input',
+              },
+              {
+                text: '颜色选择器 Color Picker',
+                link: '/documentation/section_controls#颜色选择器-color-picker',
+              },
+              {
+                text: '日期选择器 Date Input',
+                link: '/documentation/section_controls#日期选择器-date-input',
+              },
+              {
+                text: '时间选择器 Time Input',
+                link: '/documentation/section_controls#时间选择器-time-input',
+              },
+              {
+                text: '文件上传器 File Upload',
+                link: '/documentation/section_controls#文件上传-file-upload',
+              },
+            ]
           },
           {
             text: '视听元素',
@@ -168,7 +273,7 @@ export default defineConfig({
     // 页脚
     footer: {
       copyright: `Copyright © 2018-${new Date().getFullYear()} <a href="https://www.yxqi.cn">于小丘Yuerchu</a> and <a href="https://www.zauberzeug.com/">Zauberzeug</a>. All Right Reserved.`,
-      message: '更新日期: 2025 年 9 月 6 日', // 每次提交都记得在这里改一下时间和日期
+      message: '更新日期: 2025 年 9 月 14 日', // 每次提交都记得在这里改一下时间和日期
     },
 
     // 编辑链接

docs/.vitepress/theme/index.ts

@@ -1,22 +1,42 @@
+// .vitepress/theme/index.ts
 import DefaultTheme from 'vitepress/theme'
+import { Underline, BoxCube, Card, Links, Pill } from '@theojs/lumen'
+import '@theojs/lumen/style'
 import "@fontsource/maple-mono";
-import 'vuetify/styles'
 import './style/custom.css'
-import * as components from 'vuetify/components'
-import * as directives from 'vuetify/directives'
-import { createVuetify } from 'vuetify'
-import '@mdi/font/css/materialdesignicons.css'
+import { h } from 'vue'
+import { Notice } from '@theojs/lumen'
 
-const vuetify = createVuetify({ 
-  components, directives,
-  icons: {
-    defaultSet: 'mdi',
-  },
-})
+import mediumZoom from 'medium-zoom';
+import { onMounted, watch, nextTick } from 'vue';
+import { useRoute } from 'vitepress';
 
 export default {
-  ...DefaultTheme,
-  enhanceApp({ app }) {
-    app.use(vuetify)
-  },
+    extends: DefaultTheme, 
+    enhanceApp: ({ app }) => {
+      app.component('Home', Underline)
+      app.component('Pill', Pill) 
+      app.component('Links', Links) 
+      app.component('Card', Card) 
+      app.component('BoxCube', BoxCube)
+    },
+    setup() {
+      const route = useRoute();
+      const initZoom = () => {
+        // mediumZoom('[data-zoomable]', { background: 'var(--vp-c-bg)' }); // 默认
+        mediumZoom(".main img", { background: "var(--vp-c-bg)" }); // 不显式添加{data-zoomable}的情况下为所有图像启用此功能
+      };
+      onMounted(() => {
+        initZoom(); 
+      }); 
+      watch(  
+        () => route.path,
+        () => nextTick(() => initZoom())
+      );
+    },
+    Layout() {
+      return h(DefaultTheme.Layout, null, {
+        'home-hero-info-before': () => h(Notice)
+      }) 
+    },
 }

docs/documentation/elements/button.md

@@ -24,10 +24,6 @@ ui.button('点我', on_click=lambda: ui.notify('您点了我'))
 ui.run()
 ```
 
-<v-btn @click="ClickMe = true">
-  点我
-</v-btn>
-
 ### 图标
 
 您也可以给按钮添加一个图标。
@@ -46,13 +42,6 @@ with ui.row():
 ui.run()
 ```
 
-<v-row>
-    <v-btn class="mr-2" prepend-icon="mdi-history">
-    demo
-    </v-btn>
-    <v-btn class="ml-2" prepend-icon="mdi-thumb-up"></v-btn>
-</v-row>
-
 ### 等待按钮点击
 
 有时，在继续执行之前等待按钮点击会非常方便。

docs/documentation/elements/button_group.md

@@ -17,14 +17,6 @@ with ui.button_group():
 ui.run()
 ```
 
-<v-btn-group
-    divided
->
-    <v-btn>一</v-btn>
-    <v-btn>二</v-btn>
-    <v-btn>三</v-btn>
-</v-btn-group>
-
 ### 带下拉按钮的按钮组
 
 您也可以在按钮组中添加一个下拉按钮。

docs/documentation/index.md

@@ -6,14 +6,6 @@ next:
 
 # NiceGUI 文档
 
-::: warning ⚠️ 重要提示
-目前文档还尚未完成，部分内容可能还没来得及添加或者已被 NiceGUI 官方更改/废弃，请以 NiceGUI 官方为准
-
-更新日期请前往页面底部查看
-
-我们正在引入一些新的东西，诸如Vuetify，以方便在本站模拟英文官方网站的演示功能。这可能导致布局出现严重的问题，敬请谅解。
-:::
-
 ::: tip 赞助我们
 - 如果你喜欢 NiceGUI ，欢迎前往 **[赞助者](https://github.com/sponsors/zauberzeug)** 页面捐赠 NiceGUI ，或者提交议题/拉取请求来成为 **贡献者**
 - 如果你喜欢 NiceGUI 中文网，你也可以通过 [爱发电](https://afdian.com/a/yuerchu) 来维持本站的无偿运营，或者前往 [NiceGUI 中文网 - Github 仓库](https://github.com/Yuerchu/NiceGUI-docs) 来提交/改进翻译。

docs/documentation/section_controls.md

@@ -2,7 +2,7 @@
 
 ## 按钮 `Button`
 
-<!--@include: ./elements/button.md{3,29}-->
+<!--@include: ./elements/button.md{3,26}-->
 
 [查看更多...](./elements/button)
 

docs/index.md

@@ -3,6 +3,9 @@
 layout: home
 
 hero:
+  Notice:
+      title: 'NiceGUI 3.0 即将发布'
+      link: 'https://www.reddit.com/r/nicegui/comments/1n970xn/nicegui_30_release_candidate_1_with_script_mode/'
   name: "NiceGUI"
   text: 高性能
   textsuffix: "的 Python WebUI 框架"