@tplc/business 0.7.72 → 0.7.73

package/CHANGELOG.md

@@ -2,6 +2,24 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.7.73](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.7.72...v0.7.73) (2026-01-17)
+
+
+### 🐛 Bug Fixes | Bug 修复
+
+* **lcb-action-view:** rename memberRole to userLevelRole in jumpTypeMap for clarity ([9d52eaf](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/9d52eaf956d8a7e9d931d1f6ceb256ed0cf3ce4e))
+
+
+### ✨ Features | 新功能
+
+* **lcb-action-view:** add MemberRolePopup component and update jump type handling for member role ([82e094a](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/82e094a20e121ce7b960d94a46a80e2a77722df7))
+* **lcb-product:** add support for configurable row count in horizontal layout and implement row-based rendering ([d6d773d](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/d6d773da60a5a65d2dba4e47aed5969e6b22399b))
+
+
+### ♻️ Code Refactoring | 代码重构
+
+* **lcb-calendar-filter:** simplify CalendarItem component and update styles for better consistency ([b63b489](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/b63b4893313cba648c1f2b62618e2ccb06e567af))
+
 ### [0.7.72](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.7.69...v0.7.72) (2026-01-17)
 
 

package/components/lcb-action-view/types.ts

@@ -142,5 +142,5 @@ export const jumpTypeMap = {
   customPopup: 145,
   arScan: 146,
   translate: 147,
-  memberRole: 148,
+  userLevelRole: 148,
 }

package/components/lcb-calendar-filter/components/CalendarItem/index.vue

@@ -1,19 +1,18 @@
 <template>
   <view
-    class="gap-0.25 flex flex-col p-2 justify-center border-solid border-1 border-#eeeeee rounded-1 relative"
+    class="gap-0.25 flex flex-col p-2 justify-center border-solid border-1 border-[var(--wot-color-theme)] rounded-1 relative"
     @click="date?.status !== 0 ? (currentDate = date?.date) : undefined"
     :class="{
-      'bg-[var(--theme-bg-color)] text-primary !border-[var(--wot-color-theme)]':
-        currentDate === date?.date,
+      'bg-[var(--wot-color-theme)] text-white': currentDate === date?.date,
       'opacity-50': date?.status === 0,
-      [customClass]: true,
+      [customClass ?? '']: true,
     }"
   >
     <template v-if="date">
-      <text class="whitespace-nowrap">
-        {{ date.topTextOutside }} {{ dayjs(date.date).format('MM-DD') }}
-      </text>
-      <view class="text-[var(--font1-color)]">{{ date.buttomText }}</view>
+      <view class="whitespace-nowrap">
+        {{ date.topTextOutside }}
+      </view>
+      <view class="text-[var(--font1-color)]" v-if="date.buttomText">{{ date.buttomText }}</view>
       <view v-if="date.floorText" class="text-[var(--font2-color)]">
         {{ date.floorText }}
       </view>
@@ -30,13 +29,12 @@
   </view>
 </template>
 <script setup lang="ts">
-import dayjs from 'dayjs/esm'
 import { HolidayInfo } from '../../types'
 
 defineProps<{
   date?: HolidayInfo
   showAll?: boolean
-  customClass: string
+  customClass?: string
 }>()
 
 const currentDate = defineModel<string | undefined>()

package/components/lcb-calendar-filter/lcb-calendar-filter.vue

@@ -2,7 +2,7 @@
   <lcb-block v-bind="$props">
     <view class="relative flex">
       <!-- 左侧固定的"全部"选项 -->
-      <CalendarItem showAll v-model="currentDate" custom-class="mt-3" />
+      <CalendarItem showAll v-model="currentDate" />
 
       <scroll-view
         scroll-x
@@ -17,13 +17,12 @@
             :key="date.date"
             :id="`id_${date.date}`"
             :date="date"
-            custom-class="mt-3 !justify-start"
             v-model="currentDate"
           />
         </view>
       </scroll-view>
       <view
-        class="flex flex-col justify-center items-center px-2 py-1 w-8 text-primary mt-3"
+        class="rounded-1 flex flex-col justify-center items-center ml-2 px-1 py-1 w-8 text-primary !border-[var(--wot-color-theme)] border-solid border-1"
         @click="onMore"
         v-if="showMore"
       >

package/components/lcb-map/lcb-map.vue

@@ -208,7 +208,7 @@ const fetchMapData = async (regionInfo: {
         mapScale: currentScale.value,
         mapCornerLongitude: regionInfo.southwest?.longitude,
         mapCornerLatitude: regionInfo.southwest?.latitude,
-        productTypeList: selectedTag.value.length ? selectedTag.value : undefined,
+        mapSearchParamList: selectedTag.value.length ? selectedTag.value : undefined,
       },
       true,
     )) as {

package/components/lcb-product/lcb-product.vue

@@ -31,6 +31,7 @@ const props = withDefaults(defineProps<LcbProductProps>(), {
   paddingVertical: 24,
   sourceMode: 1,
   gap: 16,
+  rows: 1,
 })
 const { form } = useSyncForm({ dynamicScope: props.dynamicScope })
 const loading = ref(false)
@@ -178,6 +179,27 @@ const blockProps = computed(() => {
     reset,
   ]
 })
+
+// 计算 horizontal 模式下的分行数据
+const horizontalRows = computed(() => {
+  if (props.listType !== 'horizontal' || !renderList.value.length) {
+    return []
+  }
+
+  const rows: any[][] = []
+  const totalItems = renderList.value.length
+  const itemsPerRow = Math.ceil(totalItems / props.rows)
+
+  for (let i = 0; i < props.rows; i++) {
+    const start = i * itemsPerRow
+    const end = Math.min(start + itemsPerRow, totalItems)
+    if (start < totalItems) {
+      rows.push(renderList.value.slice(start, end))
+    }
+  }
+
+  return rows
+})
 </script>
 
 <template>
@@ -190,7 +212,7 @@ const blockProps = computed(() => {
           shadowSize: blockShadowSize,
           blurSize: blockBlurSize,
         }"
-        :custom-class="`${listType == 'horizontal' ? '!gap-0 h-fit overflow-x-auto whitespace-nowrap flex items-stretch w-full' : ''}`"
+        :custom-class="`${listType == 'horizontal' ? '!gap-0 h-fit w-full' : ''}`"
       >
         <!-- 单列 -->
         <view
@@ -391,46 +413,62 @@ const blockProps = computed(() => {
         </view>
         <!-- 单列滚动 -->
         <template v-else-if="listType == 'horizontal'">
-          <lcb-action-view
-            v-for="(item, index) in renderList"
-            :key="`${item?.productId}:${index}`"
-            custom-class="flex-shrink-0 w-fit !h-auto"
-            v-bind="item.link"
-            render-mode="view"
-          >
+          <view class="overflow-x-auto w-full" style="padding: 12rpx 0">
             <view
-              :style="{
-                width: `${itemWidth}rpx`,
-                marginLeft: index === 0 ? 0 : `${gap}rpx`,
-                height: '100%',
-              }"
+              class="flex flex-col"
+              :style="{ gap: rows > 1 ? `${gap}rpx` : undefined, margin: '0 -12rpx' }"
             >
-              <slot name="item" :item="item">
-                <lcb-absolute-config-layout
-                  v-if="renderItemAbsoluteConfigLayout"
-                  :blocks="renderItemAbsoluteConfigLayout?.blocks"
-                  :canvas="renderItemAbsoluteConfigLayout?.canvas"
-                  :dataset="{
-                    ...(renderItemAbsoluteConfigLayout?.dataset ?? {}),
-                    ...item,
-                  }"
-                />
-                <lcb-product-item
-                  v-else
-                  className="h-full box-border"
-                  v-bind="{ ...item, ...$props, ...attrs }"
-                  :coverImgStyle="{
-                    width: layoutType === 'vertical' ? '100%' : transformValueUnit(imageWidth),
-                    height: layoutType === 'vertical' ? transformValueUnit(imageHeight) : undefined,
-                    minHeight:
-                      layoutType !== 'vertical' ? transformValueUnit(imageHeight) : undefined,
-                    borderRadius: imageRadius ? transformValueUnit(imageRadius) : undefined,
-                    ...(attrs?.coverImgStyle ?? {}),
-                  }"
-                ></lcb-product-item>
-              </slot>
+              <view
+                v-for="(row, rowIndex) in horizontalRows"
+                :key="`row-${rowIndex}`"
+                class="flex whitespace-nowrap"
+                style="padding: 0 12rpx"
+              >
+                <lcb-action-view
+                  v-for="(item, index) in row"
+                  :key="`${item?.productId}:${index}`"
+                  custom-class="flex-shrink-0 w-fit !h-auto"
+                  v-bind="item.link"
+                  render-mode="view"
+                >
+                  <view
+                    :style="{
+                      width: `${itemWidth}rpx`,
+                      marginLeft: index === 0 ? 0 : `${gap}rpx`,
+                      height: '100%',
+                    }"
+                  >
+                    <slot name="item" :item="item">
+                      <lcb-absolute-config-layout
+                        v-if="renderItemAbsoluteConfigLayout"
+                        :blocks="renderItemAbsoluteConfigLayout?.blocks"
+                        :canvas="renderItemAbsoluteConfigLayout?.canvas"
+                        :dataset="{
+                          ...(renderItemAbsoluteConfigLayout?.dataset ?? {}),
+                          ...item,
+                        }"
+                      />
+                      <lcb-product-item
+                        v-else
+                        className="h-full box-border"
+                        v-bind="{ ...item, ...$props, ...attrs }"
+                        :coverImgStyle="{
+                          width:
+                            layoutType === 'vertical' ? '100%' : transformValueUnit(imageWidth),
+                          height:
+                            layoutType === 'vertical' ? transformValueUnit(imageHeight) : undefined,
+                          minHeight:
+                            layoutType !== 'vertical' ? transformValueUnit(imageHeight) : undefined,
+                          borderRadius: imageRadius ? transformValueUnit(imageRadius) : undefined,
+                          ...(attrs?.coverImgStyle ?? {}),
+                        }"
+                      ></lcb-product-item>
+                    </slot>
+                  </view>
+                </lcb-action-view>
+              </view>
             </view>
-          </lcb-action-view>
+          </view>
         </template>
       </lcb-block>
     </ProductSkeleton>

package/components/lcb-product/types.ts

@@ -27,6 +27,7 @@ export interface LcbProductProps extends LcbBlockProps {
   layoutType?: 'vertical' | 'horizontal' // 布局方式
   titleLineClamp?: number
   coverImgStyle?: Record<string, any>
+  headImgStyle?: Record<string, any>
   filterList?: boolean
   renderItemAbsoluteConfigLayout?: {
     dataset?: Record<string, any>
@@ -45,4 +46,5 @@ export interface LcbProductProps extends LcbBlockProps {
   borderMode?: 'full' | 'content'
   itemVerticalPadding?: number
   itemHorizontalPadding?: number
+  rows?: number // horizontal 模式下的行数，默认为 1
 }

package/components/lcb-product-item/components/ItemValue.vue

@@ -62,7 +62,6 @@ const style = computed(() => {
   const fontSize = itemAttrs?.[`${props?.prop}FontSize`]
   const fontWeight = itemAttrs?.[`${props?.prop}Bold`] === true ? 'bold' : 'normal'
   const color = itemAttrs?.[`${props?.prop}Color`]
-
   return {
     fontSize: fontSize ? `${fontSize}rpx` : '',
     fontWeight,
@@ -374,11 +373,12 @@ const coverImgWidth = computed(() => {
     </slot>
 
     <slot :value="value" v-else-if="prop === 'headImg'" name="headImg">
-      <img
-        :src="value + `?x-oss-process=image/resize,m_mfit,w_${64}&imageView2/2/w/${64}`"
-        class="block w-4 h-4 rounded-full"
-        :class="className"
-        :style="style"
+      <wd-img
+        :src="value"
+        :width="style.width || 16"
+        :height="style.height || 16"
+        custom-class="block rounded-full"
+        :radius="style.borderRadius || 1000"
         mode="aspectFill"
       />
     </slot>

package/components/lcb-product-item/types.ts

@@ -132,6 +132,7 @@ export interface LcbProductItemProps {
   blurSize?: number
   shadowColor?: string
   shadowSize?: number
+  headImgStyle?: CSSProperties
 
   borderWidth?: number
   borderColor?: string

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tplc/business",
-  "version": "0.7.72",
+  "version": "0.7.73",
   "keywords": [
     "业务组件"
   ],

package/types/components/lcb-action-view/types.d.ts

@@ -136,5 +136,5 @@ export declare const jumpTypeMap: {
   customPopup: number
   arScan: number
   translate: number
-  memberRole: number
+  userLevelRole: number
 }

package/types/components/lcb-calendar-filter/components/CalendarItem/index.vue.d.ts

@@ -2,7 +2,7 @@ import { HolidayInfo } from '../../types'
 declare let __VLS_typeProps: {
   date?: HolidayInfo
   showAll?: boolean
-  customClass: string
+  customClass?: string
 }
 type __VLS_PublicProps = {
   modelValue?: string | undefined

package/types/components/lcb-product/lcb-product.vue.d.ts

@@ -17,6 +17,7 @@ declare const __VLS_component: import('vue').DefineComponent<
       paddingVertical: number
       sourceMode: number
       gap: number
+      rows: number
     }
   >,
   {
@@ -44,6 +45,7 @@ declare const __VLS_component: import('vue').DefineComponent<
           paddingVertical: number
           sourceMode: number
           gap: number
+          rows: number
         }
       >
     >
@@ -58,6 +60,7 @@ declare const __VLS_component: import('vue').DefineComponent<
     listType: 'list' | 'horizontal' | 'grid' | 'waterfall'
     titleLineClamp: number
     sourceMode: 1 | 2
+    rows: number
   },
   {}
 >

package/types/components/lcb-product/types.d.ts

@@ -24,6 +24,7 @@ export interface LcbProductProps extends LcbBlockProps {
   layoutType?: 'vertical' | 'horizontal'
   titleLineClamp?: number
   coverImgStyle?: Record<string, any>
+  headImgStyle?: Record<string, any>
   filterList?: boolean
   renderItemAbsoluteConfigLayout?: {
     dataset?: Record<string, any>
@@ -41,4 +42,5 @@ export interface LcbProductProps extends LcbBlockProps {
   borderMode?: 'full' | 'content'
   itemVerticalPadding?: number
   itemHorizontalPadding?: number
+  rows?: number
 }

package/types/components/lcb-product-item/types.d.ts

@@ -125,6 +125,7 @@ export interface LcbProductItemProps {
   blurSize?: number
   shadowColor?: string
   shadowSize?: number
+  headImgStyle?: CSSProperties
   borderWidth?: number
   borderColor?: string
   borderMode?: 'full' | 'content'