feat: add hooks demo

mock/role/index.ts

@@ -226,14 +226,6 @@ const adminList = [
           title: 'router.countTo'
         }
       },
-      {
-        path: 'watermark',
-        component: 'views/Components/Watermark',
-        name: 'Watermark',
-        meta: {
-          title: 'router.watermark'
-        }
-      },
       {
         path: 'qrcode',
         component: 'views/Components/Qrcode',
@@ -260,6 +252,27 @@ const adminList = [
       }
     ]
   },
+  {
+    path: '/hooks',
+    component: '#',
+    redirect: '/hooks/useWatermark',
+    name: 'Hooks',
+    meta: {
+      title: 'hooks',
+      icon: 'ic:outline-webhook',
+      alwaysShow: true
+    },
+    children: [
+      {
+        path: 'useWatermark',
+        component: 'views/hooks/useWatermark',
+        name: 'UseWatermark',
+        meta: {
+          title: 'useWatermark'
+        }
+      }
+    ]
+  },
   {
     path: '/level',
     component: '#',
@@ -452,10 +465,11 @@ const testList: string[] = [
   '/components/icon',
   '/components/echart',
   '/components/count-to',
-  '/components/watermark',
   '/components/qrcode',
   '/components/highlight',
   '/components/infotip',
+  '/hooks',
+  '/hooks/useWatermark',
   '/level',
   '/level/menu1',
   '/level/menu1/menu1-1',