wui-components-v2 1.1.62 → 1.1.63

package/components/wui-menus/wui-menus.vue

@@ -21,7 +21,7 @@ const props = defineProps({
   },
   load: {
     type: Function as PropType<() => void>,
-    default: () => { },
+    default: () => {},
   },
   menuTopType: {
     type: String,
@@ -35,9 +35,7 @@ interface Icon {
   id: string
   path: string
 }
-const {
-  currentThemeColor,
-} = useManualTheme()
+const { currentThemeColor } = useManualTheme()
 const { generateRandomColor } = useColorGenerator(currentThemeColor.value.primary)
 const menuList = ref([])
 const title = ref('')
@@ -54,8 +52,7 @@ const paging = ref()
 // 点击菜单跳转页面
 function gotoPage(item: any) {
   // 跳转页面
-  if (goto(item))
-    return
+  if (goto(item)) return
   // 打开动作面板
   openSheet(item)
 }
@@ -63,8 +60,7 @@ function gotoPage(item: any) {
 // 点击动作面板跳转页面
 function sheetGotoPage(item: any) {
   // 跳转页面
-  if (goto(item))
-    return
+  if (goto(item)) return
   // 打开动作面板
   openSheet(item, 300)
 }
@@ -86,7 +82,6 @@ function goto(item: any) {
       return true
 
     default:
-
       return false
   }
 }
@@ -123,8 +118,7 @@ function openSheet(item: any, s = 0) {
 function filterHiddenTree(tree: any, childKey = 'children', deepClone = false) {
   // 深拷贝处理（可选）
   const clone = (data: any) => {
-    if (!deepClone)
-      return data
+    if (!deepClone) return data
     return JSON.parse(JSON.stringify(data))
   }
 
@@ -153,23 +147,22 @@ onShow(() => {
 // @query所绑定的方法不要自己调用！！需要刷新列表数据时，只需要调用this.$refs.paging.reload()即可
 function queryList() {
   // 此处请求仅为演示，请替换为自己项目中的请求
-  menu().then((res: any) => {
-    // 将请求结果通过complete传给z-paging处理，同时也代表请求结束，这一行必须调用
-    if (!res?.blocks.length) {
-      toast.warning('暂无权限，请重新登录或联系管理员')
-      setTimeout(() => {
-        router.replaceAll('/pages/login/index')
-      }, 1000)
-    }
-    uni.setNavigationBarTitle({ title: res?.programName || '' })// 设置标题
-    paging.value.complete(res?.blocks || [])
-  }).catch((res: any) => {
-    // 如果请求失败写this.$refs.paging.complete(false)，会自动展示错误页面
-    // 注意，每次都需要在catch中写这句话很麻烦，z-paging提供了方案可以全局统一处理
-    // 在底层的网络请求抛出异常时，写uni.$emit('z-paging-error-emit');即可
-    console.log(res, 'menu error')
-    paging.value.complete(false)
-  })
+  menu()
+    .then((res: any) => {
+      // 将请求结果通过complete传给z-paging处理，同时也代表请求结束，这一行必须调用
+      if (!res?.blocks.length) {
+        toast.warning('暂无权限，请重新登录或联系管理员')
+      }
+      uni.setNavigationBarTitle({ title: res?.programName || '' }) // 设置标题
+      paging.value.complete(res?.blocks || [])
+    })
+    .catch((res: any) => {
+      // 如果请求失败写this.$refs.paging.complete(false)，会自动展示错误页面
+      // 注意，每次都需要在catch中写这句话很麻烦，z-paging提供了方案可以全局统一处理
+      // 在底层的网络请求抛出异常时，写uni.$emit('z-paging-error-emit');即可
+      console.log(res, 'menu error')
+      paging.value.complete(false)
+    })
 }
 </script>
 
@@ -186,15 +179,28 @@ function queryList() {
           <view class="border-rd-2 bg-white pa-1 dark:bg-[var(--wot-dark-background2)]">
             <wd-grid :column="4" clickable>
               <wd-grid-item
-                v-for="(subItem, subIndex) in item.items" :key="subIndex" use-text-slot use-icon-slot
+                v-for="(subItem, subIndex) in item.items"
+                :key="subIndex"
+                use-text-slot
+                use-icon-slot
                 @itemclick="gotoPage(subItem)"
               >
                 <template #icon>
-                  <view class="flex items-center justify-center rounded-2" :style="{ backgroundColor: desaturateColor(subItem.color, 0.25), height: '80rpx', width: '80rpx' }">
+                  <view
+                    class="flex items-center justify-center rounded-2"
+                    :style="{ backgroundColor: desaturateColor(subItem.color, 0.25), height: '80rpx', width: '80rpx' }"
+                  >
                     <!-- <text class="i-carbon:chart-combo-stacked text-center text-5"
                       :class="[props.icons.find(item => item.id === subItem.id)?.path]"
                       :style="{ color:desaturateColor(subItem.color,0.5) }" /> -->
-                    <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" width="80" height="80" viewBox="0 0 80 80"><g fill="none" stroke-linecap="round" stroke-width="4"><rect width="24" height="24" x="12" y="12" fill="#9b51e0" stroke="#9b51e0" rx="4" /><rect width="24" height="24" x="44" y="12" fill="#56ccf2" stroke="#56ccf2" rx="4" /><rect width="24" height="24" x="12" y="44" fill="#56ccf2" stroke="#56ccf2" rx="4" /><rect width="24" height="24" x="44" y="44" fill="#9b51e0" stroke="#9b51e0" rx="4" /></g></svg>
+                    <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" width="80" height="80" viewBox="0 0 80 80">
+                      <g fill="none" stroke-linecap="round" stroke-width="4">
+                        <rect width="24" height="24" x="12" y="12" fill="#9b51e0" stroke="#9b51e0" rx="4" />
+                        <rect width="24" height="24" x="44" y="12" fill="#56ccf2" stroke="#56ccf2" rx="4" />
+                        <rect width="24" height="24" x="12" y="44" fill="#56ccf2" stroke="#56ccf2" rx="4" />
+                        <rect width="24" height="24" x="44" y="44" fill="#9b51e0" stroke="#9b51e0" rx="4" />
+                      </g>
+                    </svg>
                   </view>
                 </template>
                 <template #text>
@@ -217,8 +223,15 @@ function queryList() {
     </template>
   </z-paging>
   <wd-action-sheet
-    v-model="sheetShow" :z-index="9999" :actions="actions" :title="title"
-    @select="({ item }) => { sheetGotoPage(item) }"
+    v-model="sheetShow"
+    :z-index="9999"
+    :actions="actions"
+    :title="title"
+    @select="
+      ({ item }) => {
+        sheetGotoPage(item)
+      }
+    "
   />
 </template>
 

package/components/wui-menus1/wui-menus.vue

@@ -50,10 +50,7 @@ const {
 onMounted(() => {
   getThemeConfig().then(res => {
     if (res.status == 'success') {
-      themeConfig.value = {
-        ...res.themeConfig,
-        showHomePage: false,
-      }
+      themeConfig.value = res.themeConfig
     }
   })
 })

package/components/wui-search-history-babbar/wui-search-history-babbar.vue

@@ -17,19 +17,17 @@ const toast = useGlobalToast()
 
 function queryList() {
   // 此处请求仅为演示，请替换为自己项目中的请求
-  menu().then((res: any) => {
-    if (!res?.blocks?.length) {
-      toast.warning('暂无权限，请重新登录或联系管理员')
-      setTimeout(() => {
-        router.replaceAll('/pages/login/index')
-      }, 1000)
-    }
-    else {
-      menuList.value = res?.blocks
-    }
-  }).catch((res: any) => {
-    console.log(res)
-  })
+  menu()
+    .then((res: any) => {
+      if (!res?.blocks?.length) {
+        toast.warning('暂无权限，请重新登录或联系管理员')
+      } else {
+        menuList.value = res?.blocks
+      }
+    })
+    .catch((res: any) => {
+      console.log(res)
+    })
 }
 
 /**
@@ -38,10 +36,7 @@ function queryList() {
  * @param childrenKey - 子节点的键名，默认为 'children'
  * @returns 最深层节点组成的数组
  */
-function extractDeepestNodes<T>(
-  treeData: T[],
-  childrenKey: string = 'children',
-): T[] {
+function extractDeepestNodes<T>(treeData: T[], childrenKey: string = 'children'): T[] {
   const result: T[] = []
 
   /**
@@ -55,8 +50,7 @@ function extractDeepestNodes<T>(
       if (children && Array.isArray(children) && children.length > 0) {
         // 如果有子节点，继续深入
         traverse(children, depth + 1)
-      }
-      else {
+      } else {
         // 如果没有子节点，这是最深层的节点，添加到结果中
         result.push(node)
       }
@@ -80,19 +74,16 @@ const filteredMenus = computed<MenuItem[]>(() => {
     return a.value
   }
   const query = searchQuery.value.toLowerCase().trim()
-  return a.value.filter(menu =>
-    menu.title.toLowerCase().includes(query)
-    || (menu.tip && menu.tip.toLowerCase().includes(query)),
+  return a.value.filter(
+    menu => menu.title.toLowerCase().includes(query) || (menu.tip && menu.tip.toLowerCase().includes(query))
   )
 })
 
 function highlightedLabel(menu: MenuItem) {
-  if (!searchQuery.value.trim())
-    return menu.title
+  if (!searchQuery.value.trim()) return menu.title
   const query = searchQuery.value.toLowerCase().trim()
   const index = menu.title.toLowerCase().indexOf(query)
-  if (index === -1)
-    return menu.title
+  if (index === -1) return menu.title
   const before = menu.title.substring(0, index)
   const match = menu.title.substring(index, index + query.length)
   const after = menu.title.substring(index + query.length)
@@ -116,8 +107,7 @@ function handleMenuClick(menu: MenuItem) {
 }
 
 function addToHistory(keyword: string) {
-  if (!keyword.trim())
-    return
+  if (!keyword.trim()) return
   const current = [...searchHistory.value]
   const index = current.indexOf(keyword)
   if (index > -1) {
@@ -141,8 +131,7 @@ onMounted(() => {
   if (saved) {
     try {
       searchHistory.value = JSON.parse(saved)
-    }
-    catch {
+    } catch {
       searchHistory.value = []
     }
   }
@@ -160,7 +149,7 @@ onMounted(() => {
             type="text"
             placeholder="搜索菜单、功能..."
             class="ml-2 flex-1 bg-transparent text-base text-slate-800 outline-none placeholder:text-slate-400"
-          >
+          />
           <view
             v-if="searchQuery"
             class="cursor-pointer rounded-full p-1 transition-colors hover:bg-slate-200"
@@ -173,15 +162,10 @@ onMounted(() => {
     </view>
 
     <view class="px-4 pb-4">
-      <SearchHistory
-        v-model="searchHistory"
-        @select="handleSelectHistory"
-      />
+      <SearchHistory v-model="searchHistory" @select="handleSelectHistory" />
 
       <view v-if="filteredMenus.length === 0" class="mt-6">
-        <p class="text-center text-sm text-slate-400">
-          未找到相关菜单
-        </p>
+        <p class="text-center text-sm text-slate-400">未找到相关菜单</p>
       </view>
 
       <view v-else class="mt-4">
@@ -207,10 +191,7 @@ onMounted(() => {
               <wd-icon name="picture" size="22px" color="#FFF" />
             </view>
             <view class="flex-1 text-left">
-              <p
-                class="text-base text-slate-800 font-medium"
-                v-html="highlightedLabel(menu)"
-              />
+              <p class="text-base text-slate-800 font-medium" v-html="highlightedLabel(menu)" />
               <p v-if="menu.tip" class="mt-0.5 text-xs text-slate-400">
                 {{ menu.tip }}
               </p>

package/composables/useMenus.ts

@@ -26,9 +26,7 @@ export interface MenuItem {
 export function useMenus(props?: Props, pagingRef?: Ref<any>) {
   const router = useRouter()
   const toast = useGlobalToast()
-  const {
-    currentThemeColor,
-  } = useManualTheme()
+  const { currentThemeColor } = useManualTheme()
   const colorGenerator = new RainbowColorGenerator()
   const menuList = ref<MenuItem[]>([])
   const title = ref('')
@@ -44,18 +42,16 @@ export function useMenus(props?: Props, pagingRef?: Ref<any>) {
   const actions = ref([])
   // 点击菜单跳转页面
   function gotoPage(item: MenuItem) {
-  // 跳转页面
-    if (goto(item))
-      return
+    // 跳转页面
+    if (goto(item)) return
     // 打开动作面板
     openSheet(item)
   }
 
   // 点击动作面板跳转页面
   function sheetGotoPage(item: MenuItem) {
-  // 跳转页面
-    if (goto(item))
-      return
+    // 跳转页面
+    if (goto(item)) return
     // 打开动作面板
     openSheet(item, 300)
   }
@@ -72,13 +68,12 @@ export function useMenus(props?: Props, pagingRef?: Ref<any>) {
         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}`,
-      // })
+        // uni.navigateTo({
+        //   url: `/pages/report-table/report-table?sourceId=${item.id}&title=${item.title}`,
+        // })
         return true
 
       default:
-
         return false
     }
   }
@@ -113,17 +108,16 @@ export function useMenus(props?: Props, pagingRef?: Ref<any>) {
    * @returns {Array} 过滤后的新树形数据
    */
   function filterHiddenTree(tree: any, childKey = 'children', deepClone = false) {
-  // 深拷贝处理（可选）
+    // 深拷贝处理（可选）
     const clone = (data: any) => {
-      if (!deepClone)
-        return data
+      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)
         }
@@ -141,31 +135,30 @@ export function useMenus(props?: Props, pagingRef?: Ref<any>) {
 
   // @query所绑定的方法不要自己调用！！需要刷新列表数据时，只需要调用this.$refs.paging.reload()即可
   function queryList() {
-  // 此处请求仅为演示，请替换为自己项目中的请求
-    menu().then((res: any) => {
-    // 将请求结果通过complete传给z-paging处理，同时也代表请求结束，这一行必须调用
-      if (!res?.blocks?.length) {
-        toast.warning('暂无权限，请重新登录或联系管理员')
-        setTimeout(() => {
-          router.replaceAll('/pages/login/index')
-        }, 1000)
-      }
-      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)
-    })
+    // 此处请求仅为演示，请替换为自己项目中的请求
+    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项
+    // 截取数组前4项
     return sectionmenu.value.slice(0, 4)
   })
 
@@ -174,12 +167,10 @@ export function useMenus(props?: Props, pagingRef?: Ref<any>) {
       const res = await fastmenu()
       if (res.fastMenu) {
         sectionmenu.value = res.fastMenu.QuickQueryBar || []
-      }
-      else {
+      } else {
         sectionmenu.value = []
       }
-    }
-    catch (error) {
+    } catch (error) {
       console.log(error)
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wui-components-v2",
-  "version": "1.1.62",
+  "version": "1.1.63",
   "description": "wui 组件库",
   "author": "wgxshh",
   "license": "MIT",