style: use tags

Author: cole

src/layout/hooks/useTags.js

@@ -4,7 +4,7 @@ import { cloneProxyToRaw } from '@utils/props-util'
 import { localCache, TAGS__LOCAL } from '@/utils/storage'
 
 function useTags (menus, options) {
-    const { homeName, route, router } = options || {}
+    const { homeName, route, onChange } = options || {}
 
     const homeRoute = getCurrentRoute(menus, homeName)
     const cacheTags = localCache.getObj(TAGS__LOCAL)
@@ -46,17 +46,15 @@ function useTags (menus, options) {
     }
 
     function onTagClick (currentRoute) {
-        const { name, query, params } = currentRoute
-        router && router.push({ name, query, params })
+        onChange && onChange(currentRoute || {})
     }
 
     function onTagClose (values, toName) {
         if (toName) {
             const result = values.find((item) => {
                 return item.name === toName
             })
-            const { name, query, params } = result || {}
-            router && router.push({ name, query, params })
+            onChange && onChange(result || {})
         }
         setTagsValue(values)
     }

src/layout/index.jsx

@@ -22,9 +22,9 @@ export default defineComponent({
         // 过滤没有权限的路由, 权限 access 一般是在后台请求过来放在 store 里面
         const menus = getMenuList(routes, [])
         const { tags, onTagClick, onTagClose } = useTags(menus, {
+            homeName: HOME_NAME,
             route: route,
-            router: router,
-            homeName: HOME_NAME
+            onChange: onTagsChange
         })
 
         const sideTheme = computed(() => {
@@ -45,6 +45,10 @@ export default defineComponent({
             router.push({ name: name })
         }
 
+        function onTagsChange ({ name, query, params }) {
+            router.push({ name, query, params })
+        }
+
         return () => {
             const layoutSlots = {
                 sider: ({ collapsed }) => {