feat: 创建alert路由

Author: coderyjw

src/lib/alert/index.ts

@@ -0,0 +1,12 @@
+<template>
+ <div class="jw-alert">alert</div>
+</template>
+
+<script setup lang="ts"></script>
+<script lang="ts">
+export default {
+ name: "JwAlert",
+};
+</script>
+
+<style scoped></style>

src/lib/alert/index.vue

@@ -13,11 +13,12 @@ import JwCheckbox from "./checkbox/checkbox.vue";
 import JwCheckboxGroup from "./checkbox/checkbox-group.vue";
 import JwInput from "./input/index.vue";
 import JwRadio from "./radio/radio.vue";
+import JwRadioGroup from "./radio/radio-group.vue";
 import JwSelect from "./select/index.vue";
 import JwSwitch from "./switch/index.vue";
 
+import JwAlert from "./alert/index.vue";
 import JwDialog from "./dialog/index.vue";
-import JwRadioGroup from "./radio/radio-group.vue";
 import { openDialog } from "./dialog/openDialog";
 
 import JwAffix from "./affix/index.vue";
@@ -47,6 +48,7 @@ export {
  JwSelect,
  JwSwitch,
  /* 反馈组件 */
+ JwAlert,
  JwDialog,
  openDialog,
  /* 导航组件 */
@@ -77,6 +79,7 @@ const components = [
  JwSelect,
  JwSwitch,
 
+ JwAlert,
  JwDialog,
 
  JwAffix,

src/lib/index.ts

@@ -25,6 +25,7 @@ import RadioDoc from "@/views/doc/radio/index.vue";
 import SelectDoc from "@/views/doc/select/index.vue";
 import SwitchDoc from "@/views/doc/switch/index.vue";
 
+import AlertDoc from "@/views/doc/alert/index.vue";
 import DialogDoc from "@/views/doc/dialog/index.vue";
 
 import AffixDoc from "@/views/doc/affix/index.vue";
@@ -60,7 +61,10 @@ const docMenus = {
  { path: "select", component: SelectDoc, name: "选择器 Select" },
  { path: "switch", component: SwitchDoc, name: "开关 Switch" },
  ],
- 反馈组件: [{ path: "dialog", component: DialogDoc, name: "对话框 Dialog" }],
+ 反馈组件: [
+ { path: "alert", component: AlertDoc, name: "提示 Alert" },
+ { path: "dialog", component: DialogDoc, name: "对话框 Dialog" },
+ ],
  导航组件: [
  { path: "affix", component: AffixDoc, name: "固钉 Affix" },
  { path: "backtop", component: BacktopDoc, name: "回到顶部 Backtop" },

src/router/doc-routes.ts

@@ -0,0 +1,4 @@
+<preview>基础用法</preview>
+<template>
+ <jw-alert />
+</template>

src/views/doc/alert/AlertPreview1.preview.vue

@@ -0,0 +1,18 @@
+<template>
+ <div class="alert-doc-wrapper">
+ <h1>提示 Alert</h1>
+ <p>用于页面中展示重要的提示信息。</p>
+ <div class="preview-wrapper">
+ <Preview :component="AlertPreview1"/>
+ </div>
+ </div>
+</template>
+
+<script setup lang="ts">
+import Preview from '@/components/Preview.vue'
+import AlertPreview1 from './AlertPreview1.preview.vue'
+</script>
+
+<style scoped>
+
+</style>