@tplc/business 0.7.51 → 0.7.52

package/CHANGELOG.md

@@ -2,6 +2,30 @@
 
 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.52](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.7.48...v0.7.52) (2026-01-07)
+
+
+### ♻️ Code Refactoring | 代码重构
+
+* **lcb-area:** update comparison logic to use compareType prop for improved clarity ([525e606](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/525e606ba08288fc1f048a68208575214cf8f274))
+
+
+### ✨ Features | 新功能
+
+* **lcb-block:** add styleKey to dynamic options and update style handling for improved flexibility ([014469d](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/014469da25766f682cff0d63a932b82504f41d7d))
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.7.49 ([173d24d](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/173d24dc7bcdc7c3112db232ac14c3509232cd89))
+* **release:** 0.7.50 ([c6f5712](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/c6f5712c7bf9558a6336a148f15a4ba225d11104))
+* **release:** 0.7.51 ([4acced8](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/4acced89cd89f3105b4797644ad7feefab55aa09))
+
+
+### 🐛 Bug Fixes | Bug 修复
+
+* **lcb-area:** set default value for compareValues function to prevent potential errors ([4e5e48a](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/4e5e48a373ba00e491c5cd002da5792e57006aec))
+
 ### [0.7.51](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.7.50...v0.7.51) (2026-01-06)
 
 

package/components/lcb-block/lcb-block.vue

@@ -48,24 +48,14 @@ const innerBackgroundColor = computed(() => {
 })
 
 const getInnerStyle = computed(() => {
-  const innerStyle = props.dynamicStyleOptions?.reduce(
-    (acc, { styleKey }) => {
-      if (styleKey) {
-        const currentOptions = props.dynamicStyleOptions?.[styleKey]
-        const data = get(
-          currentOptions?.keyFrom === 'user' ? userStore?.userInfo : innerDynamicData.value,
-          currentOptions?.dynamicKey || '',
-        )
-        if (data) {
-          acc[styleKey] = data
-        }
-      }
-
-      return acc
-    },
-    {} as Record<string, string>,
-  )
-  return innerStyle
+  if (props.dynamicStyleOptions?.dynamicKey) {
+    const innerStyle = get(
+      props.dynamicStyleOptions?.keyFrom === 'user' ? userStore?.userInfo : innerDynamicData.value,
+      props.dynamicStyleOptions?.dynamicKey,
+    )
+    return innerStyle
+  }
+  return {}
 })
 
 // 缓存 padding 计算结果，减少 transformValueUnit 调用次数

package/components/lcb-block/types.ts

@@ -57,7 +57,7 @@ export interface LcbBlockProps {
     | 'bottom-right'
 
   // 动态样式集合
-  dynamicStyleOptions?: DynamicOptions[]
+  dynamicStyleOptions?: DynamicOptions
   dynamicBgImage?: string
 }
 export interface LcbBlockInnerProps extends LcbBlockProps {

package/components/lcb-wrapper-list/lcb-wrapper-list.vue

@@ -1,19 +1,46 @@
 <template>
-  <lcb-block v-bind="$props" :custom-style="listStyle" v-if="renderList.length">
-    <view
-      v-for="(item, index) in renderList"
-      :key="getItemKey(item, index)"
-      class="flex-shrink-0"
-      :style="itemStyle"
+  <lcb-block
+    v-bind="$props"
+    :custom-style="listStyle"
+    v-if="props.pageProps?.pagingEnabled || renderList.length"
+  >
+    <z-paging
+      ref="paging"
+      :auto="false"
+      v-model="renderList"
+      @query="queryList"
+      :fixed="false"
+      :default-page-size="props.pageProps?.pageLimit"
+      :use-page-scroll="props.pageProps?.pagingUsePageScroll"
+      :height="props.pageProps?.pagingUsePageScroll ? undefined : props.pageProps?.pagingHeight"
+      v-if="props.pageProps?.pagingEnabled"
     >
-      <slot :data="item" :list="list" />
-    </view>
+      <view
+        v-for="(item, index) in renderList"
+        :key="getItemKey(item, index)"
+        class="flex-shrink-0"
+        :style="itemStyle"
+      >
+        <slot :data="item" :list="list" />
+      </view>
+    </z-paging>
+    <template v-else>
+      <view
+        v-for="(item, index) in renderList"
+        :key="getItemKey(item, index)"
+        class="flex-shrink-0"
+        :style="itemStyle"
+      >
+        <slot :data="item" :list="list" />
+      </view>
+    </template>
   </lcb-block>
 </template>
 
 <script setup lang="ts">
 import { transformValueUnit } from '@tplc/business/utils/transform'
-import { computed, watch, shallowRef } from 'vue'
+import { computed, watch, shallowRef, ref } from 'vue'
+import useZPaging from 'z-paging/components/z-paging/js/hooks/useZPaging'
 import useDynamicData from '../../hooks/useDynamicData'
 import { dynamicRequest } from '../../utils/request'
 import { LcbWrapperListProps } from './types'
@@ -28,10 +55,19 @@ defineOptions({
 const props = withDefaults(defineProps<LcbWrapperListProps>(), {
   display: 'flex',
   flexDirection: 'column',
+  pagingEnabled: false,
+  pageLimit: 10,
+  pagingUsePageScroll: true,
 })
 const { userStore, innerDynamicData } = useDynamicData()
 // 使用 shallowRef 优化大数组的响应式性能
 const renderList = shallowRef<unknown[]>([])
+const paging = ref()
+useZPaging(paging)
+const pageSearch = shallowRef<{ limit: number; page: number }>({
+  limit: props.pageLimit,
+  page: 1,
+})
 
 // 优化:检查是否需要转换,避免不必要的遍历
 const transformStringArrayToObjectArray = (data: unknown[]): unknown[] => {
@@ -47,10 +83,38 @@ const transformStringArrayToObjectArray = (data: unknown[]): unknown[] => {
   })
 }
 
+const queryList = async (page: number, limit: number) => {
+  pageSearch.value = { page, limit }
+  const { data } = await dynamicRequest(
+    props.dataSource,
+    innerDynamicData.value,
+    userStore?.userInfo,
+    {
+      pageSearch: pageSearch.value,
+    },
+  )
+  paging.value?.complete?.(data)
+}
+
 watch(
-  () => [props.dataSource, innerDynamicData.value, userStore?.userInfo] as const,
+  () =>
+    [
+      props.dataSource,
+      innerDynamicData.value,
+      userStore?.userInfo,
+      props.pageProps?.pagingEnabled,
+      props.pageProps?.pageLimit,
+    ] as const,
 
-  async ([dataSource, dynamicData, userInfo]) => {
+  async ([dataSource, dynamicData, userInfo, pagingEnabled, pageLimit = 10]) => {
+    if (pagingEnabled) {
+      pageSearch.value = {
+        limit: pageLimit,
+        page: 1,
+      }
+      paging.value?.reload?.()
+      return
+    }
     // 防止重复请求
     let data: unknown[] = []
     const result = await dynamicRequest(dataSource, dynamicData, userInfo)

package/components/lcb-wrapper-list/types.ts

@@ -11,4 +11,22 @@ export interface LcbWrapperListProps extends LcbBlockProps {
   scrollX?: boolean
   list?: LcbAreaProps[]
   childrenAutoWidth?: boolean
+  pageProps: {
+    /**
+     * 开启下拉刷新+上拉加载（基于 z-paging）
+     */
+    pagingEnabled?: boolean
+    /**
+     * 分页大小，对应 pageSearch.limit，默认 10
+     */
+    pageLimit?: number
+    /**
+     * z-paging 是否使用页面滚动模式，默认 true
+     */
+    pagingUsePageScroll?: boolean
+    /**
+     * 非页面滚动模式下的高度（pagingUsePageScroll=false 时生效）
+     */
+    pagingHeight?: string
+  }
 }

package/package.json

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

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

@@ -54,7 +54,7 @@ export interface LcbBlockProps {
     | 'bottom-left'
     | 'bottom-center'
     | 'bottom-right'
-  dynamicStyleOptions?: DynamicOptions[]
+  dynamicStyleOptions?: DynamicOptions
   dynamicBgImage?: string
 }
 export interface LcbBlockInnerProps extends LcbBlockProps {

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

@@ -66,7 +66,7 @@ declare const __VLS_component: import('vue').DefineComponent<
       | 'bottom-left'
       | 'bottom-center'
       | 'bottom-right'
-    dynamicStyleOptions: import('../../action').DynamicOptions[]
+    dynamicStyleOptions: import('../../action').DynamicOptions
     dynamicBgImage: string
     gap: number
     imageWidth: number

package/types/components/lcb-wrapper-list/lcb-wrapper-list.vue.d.ts

@@ -1,6 +1,7 @@
 import { LcbWrapperListProps } from './types'
 declare function __VLS_template(): {
   default?(_: { data: unknown; list: import('../lcb-area/types').LcbAreaProps[] | undefined }): any
+  default?(_: { data: unknown; list: import('../lcb-area/types').LcbAreaProps[] | undefined }): any
 }
 declare const __VLS_component: import('vue').DefineComponent<
   __VLS_WithDefaults<
@@ -8,6 +9,9 @@ declare const __VLS_component: import('vue').DefineComponent<
     {
       display: string
       flexDirection: string
+      pagingEnabled: boolean
+      pageLimit: number
+      pagingUsePageScroll: boolean
     }
   >,
   {},
@@ -26,6 +30,9 @@ declare const __VLS_component: import('vue').DefineComponent<
         {
           display: string
           flexDirection: string
+          pagingEnabled: boolean
+          pageLimit: number
+          pagingUsePageScroll: boolean
         }
       >
     >

package/types/components/lcb-wrapper-list/types.d.ts

@@ -11,4 +11,22 @@ export interface LcbWrapperListProps extends LcbBlockProps {
   scrollX?: boolean
   list?: LcbAreaProps[]
   childrenAutoWidth?: boolean
+  pageProps: {
+    /**
+     * 开启下拉刷新+上拉加载（基于 z-paging）
+     */
+    pagingEnabled?: boolean
+    /**
+     * 分页大小，对应 pageSearch.limit，默认 10
+     */
+    pageLimit?: number
+    /**
+     * z-paging 是否使用页面滚动模式，默认 true
+     */
+    pagingUsePageScroll?: boolean
+    /**
+     * 非页面滚动模式下的高度（pagingUsePageScroll=false 时生效）
+     */
+    pagingHeight?: string
+  }
 }

package/types/utils/request.d.ts

@@ -3,4 +3,5 @@ export declare const dynamicRequest: (
   dataSource?: DataSource,
   pageInfo?: Record<string, any>,
   userInfo?: Record<string, any>,
+  extraParams?: Record<string, any>,
 ) => Promise<any>

package/utils/request.ts

@@ -5,12 +5,17 @@ export const dynamicRequest = async (
   dataSource?: DataSource,
   pageInfo?: Record<string, any>,
   userInfo?: Record<string, any>,
+  extraParams?: Record<string, any>,
 ) => {
   if (dataSource?.source === 'remote') {
     if (dataSource.requestInfo?.requestUrl) {
+      const baseParams = JSON.parse(dataSource.requestInfo.requestParams || '{}')
       const response = await uni.$lcb.http.post(
         dataSource.requestInfo.requestUrl,
-        JSON.parse(dataSource.requestInfo.requestParams || '{}'),
+        {
+          ...baseParams,
+          ...(extraParams || {}),
+        },
       )
       /** 如果依赖key存在，则取依赖key的值 */
       return response[dataSource?.dependKey || 'data'] as unknown