wui-components-v2 1.1.86 → 1.1.88

package/components/fold-card/fold-card.vue

@@ -27,7 +27,9 @@ const { currentThemeColor } = useManualTheme()
 // 展示内容
 const exhibitData = computed(() => {
   const { collapseNum } = props
-  const num = collapseNum || 2
+  // collapseNum 为 0 时，只显示标题，不展示任何字段数据
+  if (collapseNum === 0) return []
+  const num = collapseNum || 5
   const columns = props.columns.length >= num ? props.columns.slice(0, num) : props.columns
   return columns.filter(item => item.title !== '操作')
 })
@@ -35,7 +37,9 @@ const exhibitData = computed(() => {
 // 是否展示折叠按钮
 const showCollapse = computed(() => {
   const { collapseNum } = props
-  const num = collapseNum || 2
+  // collapseNum 为 0 时，默认收起全部字段，仍可点击展开
+  if (collapseNum === 0) return true
+  const num = collapseNum || 5
   return props.columns.length > num
 })
 
@@ -58,8 +62,14 @@ function toggleCollapse(contentId: string) {
   console.log(contentId)
   if (collapseIcon.value === 'arrow-down') {
     const { collapseNum } = props
-    const num = collapseNum || 2
-    const columns = props.columns.length >= num ? props.columns.slice(num) : []
+    let columns: Columns[]
+    if (collapseNum === 0) {
+      // 默认不展示任何字段，展开时显示全部
+      columns = props.columns
+    } else {
+      const num = collapseNum || 5
+      columns = props.columns.length >= num ? props.columns.slice(num) : []
+    }
     collapseData.value = columns.filter(item => item.title !== '操作')
     // 展开
     // content.classList.remove('max-h-0')

package/components/wui-list/wui-list.vue

@@ -17,6 +17,11 @@ defineOptions({
 })
 defineProps<{
   detailButtonHandle?: (data: Entities) => void
+  /**
+   * 折叠前展示的数据条数，透传给 foldCard。
+   * 不传时默认 2；传 0 表示只显示标题、不展示任何字段数据。
+   */
+  collapseNum?: number
 }>()
 
 const Zpaging = ref<any>(null)
@@ -246,7 +251,7 @@ function tabSearchClick(data: any) {
         :key="item.code"
         :index="index"
         :enum-column="enumColumn"
-        :collapse-num="5"
+        :collapse-num="collapseNum"
         :source-id="sourceId"
         :groups="config"
         :data="item"

package/components/wui-tabbar/wui-tabbar.vue

@@ -71,19 +71,27 @@ export default {
       :active-color="currentThemeColor.primary"
       @change="handleTabbarChange"
     >
-      <wd-tabbar-item
-        v-for="(item, index) in tabbarList"
-        :key="index"
-        :name="item.name"
-        :value="getTabbarItemValue(item.name)"
-        :title="item.title"
-        :icon="item.icon"
-      >
-        <!-- 使用 icon 插槽自定义图标 -->
-        <template v-if="item.activeIcon" #icon="{ active }">
-          <image :src="active ? item.activeIcon : item.inactiveIcon" class="custom-icon" />
-        </template>
-      </wd-tabbar-item>
+      <!-- 有激活/未激活两张图时用图片图标（声明 #icon 插槽） -->
+      <template v-for="(item, index) in tabbarList" :key="index">
+        <wd-tabbar-item
+          v-if="item.activeIcon && item.inactiveIcon"
+          :name="item.name"
+          :value="getTabbarItemValue(item.name)"
+          :title="item.title"
+        >
+          <template #icon="{ active }">
+            <image :src="active ? item.activeIcon : item.inactiveIcon" class="custom-icon" />
+          </template>
+        </wd-tabbar-item>
+        <!-- 反之不声明 #icon 插槽，交给 wd-tabbar-item 内部渲染 wd-icon 字体图标 -->
+        <wd-tabbar-item
+          v-else
+          :name="item.name"
+          :value="getTabbarItemValue(item.name)"
+          :title="item.title"
+          :icon="item.icon"
+        />
+      </template>
     </wd-tabbar>
     <!-- #ifdef MP-WEIXIN -->
     <privacy-popup />

package/package.json

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