wui-components-v2 1.1.69 → 1.1.71

package/composables/useMenus.ts

@@ -1,193 +1,193 @@
-import { computed, ref } from 'vue'
-import { useRouter } from 'uni-mini-router'
-import { fastmenu, menu } from '../api/menu'
-import { useManualTheme } from '../composables/useManualTheme'
-import { useGlobalToast } from '../composables/useGlobalToast'
-import { RainbowColorGenerator } from '../utils/index'
-// 类型
-export interface Icon {
-  id: string
-  path: string
-}
-interface Props {
-  icons: Icon[]
-  load: () => void
-  menuTopType: string
-}
-export interface MenuItem {
-  id: string
-  title: string
-  icon: string
-  color: string
-  tip: string
-  pageType: string
-  children?: MenuItem[]
-}
-export function useMenus(props?: Props, pagingRef?: Ref<any>) {
-  const router = useRouter()
-  const toast = useGlobalToast()
-  const { currentThemeColor } = useManualTheme()
-  const colorGenerator = new RainbowColorGenerator()
-  const menuList = ref<MenuItem[]>([])
-  const title = ref('')
-  const navTitle = ref('')
-  const filtermenu = computed<MenuItem[]>(() => {
-    let arr = []
-    if (currentThemeColor.value.primary) {
-      arr = filterHiddenTree(menuList.value, 'items', true)
-    }
-    return arr
-  })
-  const sheetShow = ref(false)
-  const actions = ref([])
-  // 点击菜单跳转页面
-  function gotoPage(item: MenuItem) {
-    // 跳转页面
-    if (goto(item)) return
-    // 打开动作面板
-    openSheet(item)
-  }
-
-  // 点击动作面板跳转页面
-  function sheetGotoPage(item: MenuItem) {
-    // 跳转页面
-    if (goto(item)) return
-    // 打开动作面板
-    openSheet(item, 300)
-  }
-
-  // 跳转页面
-  function goto(item: MenuItem) {
-    console.log(item.pageType)
-    switch (item.pageType) {
-      case '列表':
-        console.log(item, 'item      ')
-        router.push(`/pages/list/index?sourceId=${item.id}&title=${item.title}`)
-        return true
-      case '树':
-        router.push(`/pages/tree-page/index?sourceId=${item.id}&title=${item.title}`)
-        return true
-      case '报表':
-        // uni.navigateTo({
-        //   url: `/pages/report-table/report-table?sourceId=${item.id}&title=${item.title}`,
-        // })
-        return true
-
-      default:
-        return false
-    }
-  }
-
-  // 打开wd-action-sheet动作面板
-  function openSheet(item: any, s = 0) {
-    if (item.items) {
-      title.value = item.title
-      actions.value = item.items
-        ? item.items.map((item: any) => {
-            return {
-              name: item.title,
-              // color: '#00000073',
-              ...item,
-            }
-          })
-        : []
-
-      // 设置二次打开的过渡时间
-      const id = setTimeout(() => {
-        sheetShow.value = true
-        clearTimeout(id)
-      }, s)
-    }
-  }
-
-  /**
-   * 根据 `disabled: true` 过滤树形数组（支持自定义子节点字段）
-   * @param {Array} tree 原始树形数据
-   * @param {string} [childKey] 子节点字段名
-   * @param {boolean} [deepClone] 是否深拷贝原数据
-   * @returns {Array} 过滤后的新树形数据
-   */
-  function filterHiddenTree(tree: any, childKey = 'children', deepClone = false) {
-    // 深拷贝处理（可选）
-    const clone = (data: any) => {
-      if (!deepClone) return data
-      return JSON.parse(JSON.stringify(data))
-    }
-
-    return clone(tree)
-      .filter((node: any) => !node.disabled) // 过滤当前层隐藏节点
-      .map((node: any) => {
-        // 递归处理子节点
-        if (Array.isArray(node[childKey])) {
-          node[childKey] = filterHiddenTree(node[childKey], childKey, deepClone)
-        }
-        const icon = props?.icons.find((item: any) => {
-          return item.id === node.id
-        })
-        const color = colorGenerator.getNextColor()
-        return {
-          ...node,
-          iconPath: (icon as any)?.path,
-          color,
-        }
-      })
-  }
-
-  // @query所绑定的方法不要自己调用！！需要刷新列表数据时，只需要调用this.$refs.paging.reload()即可
-  function queryList() {
-    // 此处请求仅为演示，请替换为自己项目中的请求
-    menu()
-      .then((res: any) => {
-        // 将请求结果通过complete传给z-paging处理，同时也代表请求结束，这一行必须调用
-        if (!res?.blocks?.length) {
-          toast.warning('暂无权限，请重新登录或联系管理员')
-        }
-        navTitle.value = res?.programName || ''
-        uni.setNavigationBarTitle({ title: res?.programName || '' }) // 设置标题
-        pagingRef?.value.complete(res?.blocks || [])
-      })
-      .catch((res: any) => {
-        console.log(res)
-        // 如果请求失败写this.$refs.paging.complete(false)，会自动展示错误页面
-        // 注意，每次都需要在catch中写这句话很麻烦，z-paging提供了方案可以全局统一处理
-        // 在底层的网络请求抛出异常时，写uni.$emit('z-paging-error-emit');即可
-        pagingRef?.value.complete(false)
-      })
-  }
-
-  // 快速访问菜单
-  const sectionmenu = ref<MenuItem[]>([])
-  const filersectiomenus = computed(() => {
-    // 截取数组前4项
-    return sectionmenu.value.slice(0, 4)
-  })
-
-  const getSectionMenu = async () => {
-    try {
-      const res = await fastmenu()
-      if (res.fastMenu) {
-        sectionmenu.value = res.fastMenu.QuickQueryBar || []
-      } else {
-        sectionmenu.value = []
-      }
-    } catch (error) {
-      console.log(error)
-    }
-  }
-
-  return {
-    gotoPage,
-    sheetGotoPage,
-    filtermenu,
-    sheetShow,
-    actions,
-    title,
-    navTitle,
-    queryList,
-    menuList,
-    currentThemeColor,
-    getSectionMenu,
-    filersectiomenus,
-    sectionmenu,
-  }
-}
+import { computed, ref } from 'vue'
+import { useRouter } from 'uni-mini-router'
+import { fastmenu, menu } from '../api/menu'
+import { useManualTheme } from '../composables/useManualTheme'
+import { useGlobalToast } from '../composables/useGlobalToast'
+import { RainbowColorGenerator } from '../utils/index'
+// 类型
+export interface Icon {
+  id: string
+  path: string
+}
+interface Props {
+  icons: Icon[]
+  load: () => void
+  menuTopType: string
+}
+export interface MenuItem {
+  id: string
+  title: string
+  icon: string
+  color: string
+  tip: string
+  pageType: string
+  children?: MenuItem[]
+}
+export function useMenus(props?: Props, pagingRef?: Ref<any>) {
+  const router = useRouter()
+  const toast = useGlobalToast()
+  const { currentThemeColor } = useManualTheme()
+  const colorGenerator = new RainbowColorGenerator()
+  const menuList = ref<MenuItem[]>([])
+  const title = ref('')
+  const navTitle = ref('')
+  const filtermenu = computed<MenuItem[]>(() => {
+    let arr = []
+    if (currentThemeColor.value.primary) {
+      arr = filterHiddenTree(menuList.value, 'items', true)
+    }
+    return arr
+  })
+  const sheetShow = ref(false)
+  const actions = ref([])
+  // 点击菜单跳转页面
+  function gotoPage(item: MenuItem) {
+    // 跳转页面
+    if (goto(item)) return
+    // 打开动作面板
+    openSheet(item)
+  }
+
+  // 点击动作面板跳转页面
+  function sheetGotoPage(item: MenuItem) {
+    // 跳转页面
+    if (goto(item)) return
+    // 打开动作面板
+    openSheet(item, 300)
+  }
+
+  // 跳转页面
+  function goto(item: MenuItem) {
+    console.log(item.pageType)
+    switch (item.pageType) {
+      case '列表':
+        console.log(item, 'item      ')
+        router.push(`/pages/list/index?sourceId=${item.id}&title=${item.title}`)
+        return true
+      case '树':
+        router.push(`/pages/tree-page/index?sourceId=${item.id}&title=${item.title}`)
+        return true
+      case '报表':
+        // uni.navigateTo({
+        //   url: `/pages/report-table/report-table?sourceId=${item.id}&title=${item.title}`,
+        // })
+        return true
+
+      default:
+        return false
+    }
+  }
+
+  // 打开wd-action-sheet动作面板
+  function openSheet(item: any, s = 0) {
+    if (item.items) {
+      title.value = item.title
+      actions.value = item.items
+        ? item.items.map((item: any) => {
+            return {
+              name: item.title,
+              // color: '#00000073',
+              ...item,
+            }
+          })
+        : []
+
+      // 设置二次打开的过渡时间
+      const id = setTimeout(() => {
+        sheetShow.value = true
+        clearTimeout(id)
+      }, s)
+    }
+  }
+
+  /**
+   * 根据 `disabled: true` 过滤树形数组（支持自定义子节点字段）
+   * @param {Array} tree 原始树形数据
+   * @param {string} [childKey] 子节点字段名
+   * @param {boolean} [deepClone] 是否深拷贝原数据
+   * @returns {Array} 过滤后的新树形数据
+   */
+  function filterHiddenTree(tree: any, childKey = 'children', deepClone = false) {
+    // 深拷贝处理（可选）
+    const clone = (data: any) => {
+      if (!deepClone) return data
+      return JSON.parse(JSON.stringify(data))
+    }
+
+    return clone(tree)
+      .filter((node: any) => !node.disabled) // 过滤当前层隐藏节点
+      .map((node: any) => {
+        // 递归处理子节点
+        if (Array.isArray(node[childKey])) {
+          node[childKey] = filterHiddenTree(node[childKey], childKey, deepClone)
+        }
+        const icon = props?.icons.find((item: any) => {
+          return item.id === node.id
+        })
+        const color = colorGenerator.getNextColor()
+        return {
+          ...node,
+          iconPath: (icon as any)?.path,
+          color,
+        }
+      })
+  }
+
+  // @query所绑定的方法不要自己调用！！需要刷新列表数据时，只需要调用this.$refs.paging.reload()即可
+  function queryList() {
+    // 此处请求仅为演示，请替换为自己项目中的请求
+    menu()
+      .then((res: any) => {
+        // 将请求结果通过complete传给z-paging处理，同时也代表请求结束，这一行必须调用
+        if (!res?.blocks?.length) {
+          toast.warning('暂无权限，请重新登录或联系管理员')
+        }
+        navTitle.value = res?.programName || ''
+        uni.setNavigationBarTitle({ title: res?.programName || '' }) // 设置标题
+        pagingRef?.value.complete(res?.blocks || [])
+      })
+      .catch((res: any) => {
+        console.log(res)
+        // 如果请求失败写this.$refs.paging.complete(false)，会自动展示错误页面
+        // 注意，每次都需要在catch中写这句话很麻烦，z-paging提供了方案可以全局统一处理
+        // 在底层的网络请求抛出异常时，写uni.$emit('z-paging-error-emit');即可
+        pagingRef?.value.complete(false)
+      })
+  }
+
+  // 快速访问菜单
+  const sectionmenu = ref<MenuItem[]>([])
+  const filersectiomenus = computed(() => {
+    // 截取数组前4项
+    return sectionmenu.value.slice(0, 4)
+  })
+
+  const getSectionMenu = async () => {
+    try {
+      const res = await fastmenu()
+      if (res.fastMenu) {
+        sectionmenu.value = res.fastMenu.QuickQueryBar || []
+      } else {
+        sectionmenu.value = []
+      }
+    } catch (error) {
+      console.log(error)
+    }
+  }
+
+  return {
+    gotoPage,
+    sheetGotoPage,
+    filtermenu,
+    sheetShow,
+    actions,
+    title,
+    navTitle,
+    queryList,
+    menuList,
+    currentThemeColor,
+    getSectionMenu,
+    filersectiomenus,
+    sectionmenu,
+  }
+}

package/composables/useSectionMenus.ts

@@ -1,120 +1,120 @@
-import { onUnmounted, ref } from 'vue'
-import { fastmenu, menuCount } from '../api/menu'
-
-export interface MenuCount {
-  title: string
-  id: string
-  count: number
-  icon: string
-  pageType: string
-}
-export function useSectionMenus(isInterval: boolean = false) {
-  const messageBar = ref<MenuCount | null>(null)
-  const quickPanel = ref<MenuCount[]>([])
-  const rightSidebar01 = ref<MenuCount[]>([])
-  const rightSidebar02 = ref<MenuCount[]>([])
-  // 手动调用并启动定时器
-  let intervalId: ReturnType<typeof setInterval> | null = null
-
-  const getmenuCount = async (id: string) => {
-    try {
-      if (id) {
-        const res = await menuCount(id)
-        return res.count
-      }
-      return 0
-    }
-    catch (error) {
-      console.log(error)
-      return 0
-    }
-  }
-
-  // 组件卸载时清理定时器（可选）
-  onUnmounted(() => {
-    if (intervalId)
-      clearInterval(intervalId)
-  })
-
-  const updateMenuCounts = async () => {
-    try {
-      // 立即执行一次
-      if (messageBar.value?.id) {
-        const count = await getmenuCount(messageBar.value.id)
-        messageBar.value = { ...messageBar.value, count }
-      }
-
-      if (quickPanel.value.length > 0) {
-        quickPanel.value = await Promise.all(
-          quickPanel.value.map(async (item) => {
-            const count = await getmenuCount(item.id)
-            return { ...item, count }
-          }),
-        )
-      }
-
-      // 设置定时器，每隔 1000*60*2 秒执行一次
-      const intervalId = setInterval(async () => {
-        try {
-          if (messageBar.value?.id) {
-            const count = await getmenuCount(messageBar.value.id)
-            messageBar.value = { ...messageBar.value, count }
-          }
-
-          if (quickPanel.value.length > 0) {
-            quickPanel.value = await Promise.all(
-              quickPanel.value.map(async (item) => {
-                const count = await getmenuCount(item.id)
-                return { ...item, count }
-              }),
-            )
-          }
-        }
-        catch (error) {
-          console.log(error)
-        }
-      }, 1000 * 60 * 2)
-
-      // 返回定时器 ID，方便后续清理
-      return intervalId
-    }
-    catch (error) {
-      console.log(error)
-      return null
-    }
-  }
-
-  const getSectionMenu = async () => {
-    try {
-      const res = await fastmenu()
-      if (res.fastMenu) {
-        messageBar.value = res.fastMenu.MessageBar ? res.fastMenu.MessageBar[0] : null
-        quickPanel.value = res.fastMenu?.QuickPanel || []
-        rightSidebar01.value = res.fastMenu?.RightSidebar01 || []
-        rightSidebar02.value = res.fastMenu?.RightSidebar02 || []
-        // 清除之前的定时器（防止重复创建）
-        if (intervalId)
-          clearInterval(intervalId)
-        // 启动定时器
-        if (isInterval) {
-          intervalId = await updateMenuCounts()
-        }
-      }
-      else {
-        messageBar.value = null
-        quickPanel.value = []
-      }
-    }
-    catch (error) {
-      console.log(error)
-    }
-  }
-  getSectionMenu()
-
-  return {
-    messageBar,
-    quickPanel,
-    rightSidebar01,
-    rightSidebar02,
-  }
-}
+import { onUnmounted, ref } from 'vue'
+import { fastmenu, menuCount } from '../api/menu'
+
+export interface MenuCount {
+  title: string
+  id: string
+  count: number
+  icon: string
+  pageType: string
+}
+export function useSectionMenus(isInterval: boolean = false) {
+  const messageBar = ref<MenuCount | null>(null)
+  const quickPanel = ref<MenuCount[]>([])
+  const rightSidebar01 = ref<MenuCount[]>([])
+  const rightSidebar02 = ref<MenuCount[]>([])
+  // 手动调用并启动定时器
+  let intervalId: ReturnType<typeof setInterval> | null = null
+
+  const getmenuCount = async (id: string) => {
+    try {
+      if (id) {
+        const res = await menuCount(id)
+        return res.count
+      }
+      return 0
+    }
+    catch (error) {
+      console.log(error)
+      return 0
+    }
+  }
+
+  // 组件卸载时清理定时器（可选）
+  onUnmounted(() => {
+    if (intervalId)
+      clearInterval(intervalId)
+  })
+
+  const updateMenuCounts = async () => {
+    try {
+      // 立即执行一次
+      if (messageBar.value?.id) {
+        const count = await getmenuCount(messageBar.value.id)
+        messageBar.value = { ...messageBar.value, count }
+      }
+
+      if (quickPanel.value.length > 0) {
+        quickPanel.value = await Promise.all(
+          quickPanel.value.map(async (item) => {
+            const count = await getmenuCount(item.id)
+            return { ...item, count }
+          }),
+        )
+      }
+
+      // 设置定时器，每隔 1000*60*2 秒执行一次
+      const intervalId = setInterval(async () => {
+        try {
+          if (messageBar.value?.id) {
+            const count = await getmenuCount(messageBar.value.id)
+            messageBar.value = { ...messageBar.value, count }
+          }
+
+          if (quickPanel.value.length > 0) {
+            quickPanel.value = await Promise.all(
+              quickPanel.value.map(async (item) => {
+                const count = await getmenuCount(item.id)
+                return { ...item, count }
+              }),
+            )
+          }
+        }
+        catch (error) {
+          console.log(error)
+        }
+      }, 1000 * 60 * 2)
+
+      // 返回定时器 ID，方便后续清理
+      return intervalId
+    }
+    catch (error) {
+      console.log(error)
+      return null
+    }
+  }
+
+  const getSectionMenu = async () => {
+    try {
+      const res = await fastmenu()
+      if (res.fastMenu) {
+        messageBar.value = res.fastMenu.MessageBar ? res.fastMenu.MessageBar[0] : null
+        quickPanel.value = res.fastMenu?.QuickPanel || []
+        rightSidebar01.value = res.fastMenu?.RightSidebar01 || []
+        rightSidebar02.value = res.fastMenu?.RightSidebar02 || []
+        // 清除之前的定时器（防止重复创建）
+        if (intervalId)
+          clearInterval(intervalId)
+        // 启动定时器
+        if (isInterval) {
+          intervalId = await updateMenuCounts()
+        }
+      }
+      else {
+        messageBar.value = null
+        quickPanel.value = []
+      }
+    }
+    catch (error) {
+      console.log(error)
+    }
+  }
+  getSectionMenu()
+
+  return {
+    messageBar,
+    quickPanel,
+    rightSidebar01,
+    rightSidebar02,
+  }
+}