From bac9b0d747b123392dbc8d01461012882574985a Mon Sep 17 00:00:00 2001
From: xingyu4j <xingyu4j@vip.qq.com>
Date: Thu, 16 Oct 2025 16:34:35 +0800
Subject: [PATCH] feat: remove demo

---
 .../src/router/routes/modules/demos.ts        |  44 -----
 .../src/router/routes/modules/vben.ts         |  82 ---------
 apps/web-naive/src/views/demos/form/basic.vue | 169 ------------------
 apps/web-naive/src/views/demos/form/modal.vue |  71 --------
 .../web-naive/src/views/demos/naive/index.vue |  69 -------
 .../web-naive/src/views/demos/table/index.vue |  38 ----
 6 files changed, 473 deletions(-)
 delete mode 100644 apps/web-naive/src/router/routes/modules/demos.ts
 delete mode 100644 apps/web-naive/src/router/routes/modules/vben.ts
 delete mode 100644 apps/web-naive/src/views/demos/form/basic.vue
 delete mode 100644 apps/web-naive/src/views/demos/form/modal.vue
 delete mode 100644 apps/web-naive/src/views/demos/naive/index.vue
 delete mode 100644 apps/web-naive/src/views/demos/table/index.vue

diff --git a/apps/web-naive/src/router/routes/modules/demos.ts b/apps/web-naive/src/router/routes/modules/demos.ts
deleted file mode 100644
index 5e49ffa01..000000000
--- a/apps/web-naive/src/router/routes/modules/demos.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { RouteRecordRaw } from 'vue-router';
-
-import { $t } from '#/locales';
-
-const routes: RouteRecordRaw[] = [
-  {
-    meta: {
-      icon: 'ic:baseline-view-in-ar',
-      keepAlive: true,
-      order: 1000,
-      title: $t('demos.title'),
-    },
-    name: 'Demos',
-    path: '/demos',
-    children: [
-      {
-        meta: {
-          title: $t('demos.naive'),
-        },
-        name: 'NaiveDemos',
-        path: '/demos/naive',
-        component: () => import('#/views/demos/naive/index.vue'),
-      },
-      {
-        meta: {
-          title: $t('demos.table'),
-        },
-        name: 'Table',
-        path: '/demos/table',
-        component: () => import('#/views/demos/table/index.vue'),
-      },
-      {
-        meta: {
-          title: $t('demos.form'),
-        },
-        name: 'Form',
-        path: '/demos/form',
-        component: () => import('#/views/demos/form/basic.vue'),
-      },
-    ],
-  },
-];
-
-export default routes;
diff --git a/apps/web-naive/src/router/routes/modules/vben.ts b/apps/web-naive/src/router/routes/modules/vben.ts
deleted file mode 100644
index 169de855b..000000000
--- a/apps/web-naive/src/router/routes/modules/vben.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-import type { RouteRecordRaw } from 'vue-router';
-
-import {
-  VBEN_ANT_PREVIEW_URL,
-  VBEN_DOC_URL,
-  VBEN_ELE_PREVIEW_URL,
-  VBEN_GITHUB_URL,
-  VBEN_LOGO_URL,
-} from '@vben/constants';
-import { SvgAntdvLogoIcon } from '@vben/icons';
-
-import { IFrameView } from '#/layouts';
-import { $t } from '#/locales';
-
-const routes: RouteRecordRaw[] = [
-  {
-    meta: {
-      badgeType: 'dot',
-      icon: VBEN_LOGO_URL,
-      order: 9998,
-      title: $t('demos.vben.title'),
-    },
-    name: 'VbenProject',
-    path: '/vben-admin',
-    children: [
-      {
-        name: 'VbenDocument',
-        path: '/vben-admin/document',
-        component: IFrameView,
-        meta: {
-          icon: 'lucide:book-open-text',
-          link: VBEN_DOC_URL,
-          title: $t('demos.vben.document'),
-        },
-      },
-      {
-        name: 'VbenGithub',
-        path: '/vben-admin/github',
-        component: IFrameView,
-        meta: {
-          icon: 'mdi:github',
-          link: VBEN_GITHUB_URL,
-          title: 'Github',
-        },
-      },
-      {
-        name: 'VbenAntd',
-        path: '/vben-admin/antd',
-        component: IFrameView,
-        meta: {
-          badgeType: 'dot',
-          icon: SvgAntdvLogoIcon,
-          link: VBEN_ANT_PREVIEW_URL,
-          title: $t('demos.vben.antdv'),
-        },
-      },
-      {
-        name: 'VbenElementPlus',
-        path: '/vben-admin/ele',
-        component: IFrameView,
-        meta: {
-          badgeType: 'dot',
-          icon: 'logos:element',
-          link: VBEN_ELE_PREVIEW_URL,
-          title: $t('demos.vben.element-plus'),
-        },
-      },
-    ],
-  },
-  {
-    name: 'VbenAbout',
-    path: '/vben-admin/about',
-    component: () => import('#/views/_core/about/index.vue'),
-    meta: {
-      icon: 'lucide:copyright',
-      title: $t('demos.vben.about'),
-      order: 9999,
-    },
-  },
-];
-
-export default routes;
diff --git a/apps/web-naive/src/views/demos/form/basic.vue b/apps/web-naive/src/views/demos/form/basic.vue
deleted file mode 100644
index 60702a11e..000000000
--- a/apps/web-naive/src/views/demos/form/basic.vue
+++ /dev/null
@@ -1,169 +0,0 @@
-<script lang="ts" setup>
-import { Page, useVbenModal } from '@vben/common-ui';
-
-import { NButton, NCard, useMessage } from 'naive-ui';
-
-import { useVbenForm } from '#/adapter/form';
-import { getAllMenusApi } from '#/api';
-
-import modalDemo from './modal.vue';
-
-const message = useMessage();
-const [Form, formApi] = useVbenForm({
-  commonConfig: {
-    // 所有表单项
-    componentProps: {
-      class: 'w-full',
-    },
-  },
-  layout: 'horizontal',
-  // 大屏一行显示3个，中屏一行显示2个，小屏一行显示1个
-  wrapperClass: 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3',
-  handleSubmit: (values) => {
-    message.success(`表单数据：${JSON.stringify(values)}`);
-  },
-  schema: [
-    {
-      // 组件需要在 #/adapter.ts内注册，并加上类型
-      component: 'ApiSelect',
-      // 对应组件的参数
-      componentProps: {
-        // 菜单接口转options格式
-        afterFetch: (data: { name: string; path: string }[]) => {
-          return data.map((item: any) => ({
-            label: item.name,
-            value: item.path,
-          }));
-        },
-        // 菜单接口
-        api: getAllMenusApi,
-      },
-      // 字段名
-      fieldName: 'api',
-      // 界面显示的label
-      label: 'ApiSelect',
-      rules: 'required',
-    },
-    {
-      component: 'ApiTreeSelect',
-      // 对应组件的参数
-      componentProps: {
-        // 菜单接口
-        api: getAllMenusApi,
-        childrenField: 'children',
-        // 菜单接口转options格式
-        labelField: 'name',
-        valueField: 'path',
-      },
-      // 字段名
-      fieldName: 'apiTree',
-      // 界面显示的label
-      label: 'ApiTreeSelect',
-      rules: 'required',
-    },
-    {
-      component: 'Input',
-      fieldName: 'string',
-      label: 'String',
-      rules: 'required',
-    },
-    {
-      component: 'InputNumber',
-      fieldName: 'number',
-      label: 'Number',
-      rules: 'required',
-    },
-    {
-      component: 'RadioGroup',
-      fieldName: 'radio',
-      label: 'Radio',
-      componentProps: {
-        options: [
-          { value: 'A', label: 'A' },
-          { value: 'B', label: 'B' },
-          { value: 'C', label: 'C' },
-          { value: 'D', label: 'D' },
-          { value: 'E', label: 'E' },
-        ],
-      },
-      rules: 'selectRequired',
-    },
-    {
-      component: 'RadioGroup',
-      fieldName: 'radioButton',
-      label: 'RadioButton',
-      componentProps: {
-        isButton: true,
-        class: 'flex flex-wrap', // 如果选项过多，可以添加class来自动折叠
-        options: [
-          { value: 'A', label: '选项A' },
-          { value: 'B', label: '选项B' },
-          { value: 'C', label: '选项C' },
-          { value: 'D', label: '选项D' },
-          { value: 'E', label: '选项E' },
-        ],
-      },
-      rules: 'selectRequired',
-    },
-    {
-      component: 'CheckboxGroup',
-      fieldName: 'checkbox',
-      label: 'Checkbox',
-      componentProps: {
-        options: [
-          { value: 'A', label: '选项A' },
-          { value: 'B', label: '选项B' },
-          { value: 'C', label: '选项C' },
-        ],
-      },
-      rules: 'selectRequired',
-    },
-    {
-      component: 'DatePicker',
-      fieldName: 'date',
-      label: 'Date',
-      rules: 'required',
-    },
-    {
-      component: 'Input',
-      fieldName: 'textArea',
-      label: 'TextArea',
-      componentProps: {
-        type: 'textarea',
-      },
-      rules: 'required',
-    },
-  ],
-});
-function setFormValues() {
-  formApi.setValues({
-    string: 'string',
-    number: 123,
-    radio: 'B',
-    radioButton: 'C',
-    checkbox: ['A', 'C'],
-    date: Date.now(),
-  });
-}
-
-const [Modal, modalApi] = useVbenModal({
-  connectedComponent: modalDemo,
-});
-</script>
-<template>
-  <Page
-    description="表单适配器重新包装了CheckboxGroup和RadioGroup，可以通过options属性传递选项数据（选项数据将作为子组件的属性）"
-    title="表单演示"
-  >
-    <NCard title="基础表单">
-      <template #header-extra>
-        <NButton type="primary" @click="setFormValues">设置表单值</NButton>
-        <NButton type="primary" @click="modalApi.open()" class="ml-2">
-          打开弹窗
-        </NButton>
-      </template>
-      <Form />
-    </NCard>
-    <Modal />
-  </Page>
-</template>
diff --git a/apps/web-naive/src/views/demos/form/modal.vue b/apps/web-naive/src/views/demos/form/modal.vue
deleted file mode 100644
index 52e23542d..000000000
--- a/apps/web-naive/src/views/demos/form/modal.vue
+++ /dev/null
@@ -1,71 +0,0 @@
-<script lang="ts" setup>
-import { useVbenModal } from '@vben/common-ui';
-
-import { useVbenForm } from '#/adapter/form';
-
-defineOptions({
-  name: 'FormModelDemo',
-});
-
-const [Form, formApi] = useVbenForm({
-  schema: [
-    {
-      component: 'Input',
-      componentProps: {
-        placeholder: '请输入',
-      },
-      fieldName: 'field1',
-      label: '字段1',
-      rules: 'required',
-    },
-    {
-      component: 'Input',
-      componentProps: {
-        placeholder: '请输入',
-      },
-      fieldName: 'field2',
-      label: '字段2',
-      rules: 'required',
-    },
-    {
-      component: 'Select',
-      componentProps: {
-        options: [
-          { label: '选项1', value: '1' },
-          { label: '选项2', value: '2' },
-        ],
-        placeholder: '请输入',
-      },
-      fieldName: 'field3',
-      label: '字段3',
-      rules: 'required',
-    },
-  ],
-  showDefaultActions: false,
-});
-
-const [Modal, modalApi] = useVbenModal({
-  fullscreenButton: false,
-  onCancel() {
-    modalApi.close();
-  },
-  onConfirm: async () => {
-    await formApi.validateAndSubmitForm();
-    // modalApi.close();
-  },
-  onOpenChange(isOpen: boolean) {
-    if (isOpen) {
-      const { values } = modalApi.getData<Record<string, any>>();
-      if (values) {
-        formApi.setValues(values);
-      }
-    }
-  },
-  title: '内嵌表单示例',
-});
-</script>
-<template>
-  <Modal>
-    <Form />
-  </Modal>
-</template>
diff --git a/apps/web-naive/src/views/demos/naive/index.vue b/apps/web-naive/src/views/demos/naive/index.vue
deleted file mode 100644
index f72cdb20f..000000000
--- a/apps/web-naive/src/views/demos/naive/index.vue
+++ /dev/null
@@ -1,69 +0,0 @@
-<script lang="ts" setup>
-import type { NotificationType } from 'naive-ui';
-
-import { Page } from '@vben/common-ui';
-
-import { NButton, NCard, NSpace, useMessage, useNotification } from 'naive-ui';
-
-const notification = useNotification();
-
-const message = useMessage();
-function error() {
-  message.error('Once upon a time you dressed so fine');
-}
-
-function warning() {
-  message.warning('How many roads must a man walk down');
-}
-function success() {
-  message.success('Cause you walked hand in hand With another man in my place');
-}
-function loading() {
-  message.loading(
-    'If I were you, I will realize that I love you more than any other guy',
-  );
-}
-
-function notify(type: NotificationType) {
-  notification[type]({
-    content: '说点啥呢',
-    duration: 2500,
-    keepAliveOnHover: true,
-    meta: '想不出来',
-  });
-}
-</script>
-
-<template>
-  <Page description="支持多语言，主题功能集成切换等" title="naive组件使用演示">
-    <NCard class="mb-5" title="按钮">
-      <NSpace>
-        <NButton>Default</NButton>
-        <NButton type="tertiary"> Tertiary </NButton>
-        <NButton type="primary"> Primary </NButton>
-        <NButton type="info"> Info </NButton>
-        <NButton type="success"> Success </NButton>
-        <NButton type="warning"> Warning </NButton>
-        <NButton type="error"> Error </NButton>
-      </NSpace>
-    </NCard>
-
-    <NCard class="mb-5" title="Message">
-      <NSpace>
-        <NButton type="error" @click="error"> 错误 </NButton>
-        <NButton type="warning" @click="warning"> 警告 </NButton>
-        <NButton type="success" @click="success"> 成功 </NButton>
-        <NButton type="primary" @click="loading"> 加载中 </NButton>
-      </NSpace>
-    </NCard>
-
-    <NCard class="mb-5" title="Notification">
-      <NSpace>
-        <NButton type="error" @click="notify('error')"> 错误 </NButton>
-        <NButton type="warning" @click="notify('warning')"> 警告 </NButton>
-        <NButton type="success" @click="notify('success')"> 成功 </NButton>
-        <NButton type="primary" @click="notify('info')"> 加载中 </NButton>
-      </NSpace>
-    </NCard>
-  </Page>
-</template>
diff --git a/apps/web-naive/src/views/demos/table/index.vue b/apps/web-naive/src/views/demos/table/index.vue
deleted file mode 100644
index ddc958bc3..000000000
--- a/apps/web-naive/src/views/demos/table/index.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue';
-
-import { Page } from '@vben/common-ui';
-
-import { NDataTable } from 'naive-ui';
-
-const columns = ref([
-  {
-    key: 'no',
-    title: 'No',
-  },
-  {
-    key: 'title',
-    title: 'Title',
-  },
-  {
-    key: 'length',
-    title: 'Length',
-  },
-]);
-const data = [
-  { length: '4:18', no: 3, title: 'Wonderwall' },
-  { length: '4:48', no: 4, title: "Don't Look Back in Anger" },
-  { length: '7:27', no: 12, title: 'Champagne Supernova' },
-];
-</script>
-
-<template>
-  <Page
-    description="表单页用于向用户收集或验证信息，基础表单常见于数据项较少的表单场景。"
-    title="NDataTable"
-  >
-    <NDataTable :columns="columns" :data="data" />
-  </Page>
-</template>
-
-<style scoped></style>