@tplc/business 0.7.53 → 0.7.55

package/CHANGELOG.md

@@ -2,6 +2,42 @@
 
 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.55](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.7.52...v0.7.55) (2026-01-08)
+
+
+### ✨ Features | 新功能
+
+* **lcb-calendar-search, lcb-product-item:** add new props for placeholder styling and image display options ([c17182d](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/c17182da05d8db59764f3dd7127a98304a096b83))
+* **lcb-wrapper-list:** implement pagination support with z-paging and enhance dynamic style handling in lcb-block ([f345e4e](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/f345e4e0d84231db8e72fd55fefebdf01eac3bd6))
+
+
+### 🐛 Bug Fixes | Bug 修复
+
+* **lcb-area:** use nullish coalescing for default flex value in itemStylesCache ([421d71c](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/421d71c428f4a2f3db37169e9d5dd6ccdc1d6d07))
+* **wd-img:** remove unnecessary z-index class from image component ([064ed39](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/064ed3962a45987ac7f22140312659df29259a0d))
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.7.53 ([1a4d9f8](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/1a4d9f8d00b444997f97ee7b8469ffceda2b3f86))
+* **release:** 0.7.54 ([29b264d](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/29b264d0d52a07f3598e4663c4463b8770beca91))
+* **release:** 1.0.25 ([7dcdf05](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/7dcdf052c6144d79356f92574c12f94da2b1cd55))
+
+
+### ♻️ Code Refactoring | 代码重构
+
+* **lcb-area, lcb-button:** optimize actionProps computation and streamline data source selection ([117ce0d](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/117ce0df62ee17b25a341c4dd3b51b90a0f78bd8))
+* **lcb-product-item:** remove unused type definitions and clean up component structure ([29c4cd2](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/29c4cd2da45f3486d5efc654ef736120be697349))
+* **lcb-tabs, lcb-filter-grid, lcb-list, lcb-product:** update useSyncForm to accept an object with dynamicScope and visibleScope, and set defaultIndex for tabs components ([578529d](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/578529d7fadd466d22f660ebfe90362740b8e630))
+* **lcb-wrapper-list:** streamline pagination implementation and enhance style handling in lcb-block ([9bb70e5](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/9bb70e58d28cb5575760d6fad0da81dec229beab))
+
+### [0.7.54](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v1.0.25...v0.7.54) (2026-01-07)
+
+
+### 🐛 Bug Fixes | Bug 修复
+
+* **wd-img:** remove unnecessary z-index class from image component ([064ed39](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/064ed3962a45987ac7f22140312659df29259a0d))
+
 ### [0.7.53](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.7.51...v0.7.53) (2026-01-07)
 
 

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

@@ -63,7 +63,7 @@ const props = withDefaults(defineProps<LcbFilterGridProps>(), {
   activeFontSize: 28,
   activeBgColor: 'var(--wot-color-theme)',
 })
-const { syncForm } = useSyncForm(props.dynamicScope)
+const { syncForm } = useSyncForm({ dynamicScope: props.dynamicScope })
 const current = ref(-1)
 const handleClick = (index: number) => {
   const isCurrent = index === current.value

package/components/lcb-list/components/FilterList/index.vue

@@ -37,7 +37,7 @@ const props = defineProps<LcbFilterListProps>()
 const dataList = ref<unknown[]>([])
 const paging = ref()
 const { height } = useAutoHeight()
-const { form } = useSyncForm(props.dynamicScope)
+const { form } = useSyncForm({ dynamicScope: props.dynamicScope })
 const refreshed = ref(false)
 useZPaging(paging)
 const modelValue = defineModel<unknown[]>({

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

@@ -32,7 +32,7 @@ const props = withDefaults(defineProps<LcbProductProps>(), {
   sourceMode: 1,
   gap: 16,
 })
-const { form } = useSyncForm(props.dynamicScope)
+const { form } = useSyncForm({ dynamicScope: props.dynamicScope })
 const loading = ref(false)
 const renderList = ref<Record<string, any>[]>([])
 const screenWidth = isH5

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

@@ -215,7 +215,7 @@ const imgOverlayVisible = computed(() => {
           <slot name="coverImgSection" />
           <view
             v-if="imgOverlayVisible"
-            class="absolute left-0 w-full z-1 p-1 box-border text-white text-shadow-xl bottom-0"
+            class="absolute left-0 w-full p-1 box-border text-white text-shadow-xl bottom-0"
             :style="titleOnImgMaskStyle"
           >
             <view class="flex flex-col gap-1 items-start">
@@ -307,7 +307,7 @@ const imgOverlayVisible = computed(() => {
           <slot name="coverImgSection" />
           <view
             v-if="imgOverlayVisible"
-            class="absolute left-0 w-full z-1 p-1 box-border text-white text-shadow-xl bottom-0"
+            class="absolute left-0 w-full p-1 box-border text-white text-shadow-xl bottom-0"
             :style="titleOnImgMaskStyle"
           >
             <view class="flex flex-col gap-1 items-start">
@@ -527,13 +527,10 @@ const imgOverlayVisible = computed(() => {
       <slot name="itemRightSection" />
     </view>
     <slot name="itemBottomSection" />
-    <view
-      v-if="attrs.rightBottomIcon && attrs.rightBottomFlag"
-      class="absolute bottom-7 right-3 z-1"
-    >
+    <view v-if="attrs.rightBottomIcon && attrs.rightBottomFlag" class="absolute bottom-7 right-3">
       <wd-img :src="attrs.rightBottomIcon" width="120rpx" mode="widthFix" />
     </view>
-    <view v-if="attrs.rightTopIcon && attrs.rightTopFlag" class="absolute top-0 right-0 z-1">
+    <view v-if="attrs.rightTopIcon && attrs.rightTopFlag" class="absolute top-0 right-0">
       <wd-img :src="attrs.rightTopIcon" width="120rpx" mode="widthFix" />
     </view>
   </view>
@@ -558,7 +555,7 @@ const imgOverlayVisible = computed(() => {
           <slot name="coverImgSection" />
           <view
             v-if="imgOverlayVisible"
-            class="absolute left-0 w-full z-1 p-1 box-border text-white text-shadow-xl bottom-0"
+            class="absolute left-0 w-full p-1 box-border text-white text-shadow-xl bottom-0"
             :style="titleOnImgMaskStyle"
           >
             <view class="flex flex-col gap-1 items-start">
@@ -646,7 +643,7 @@ const imgOverlayVisible = computed(() => {
           <slot name="coverImgSection" />
           <view
             v-if="imgOverlayVisible"
-            class="absolute left-0 w-full z-1 p-1 box-border text-white text-shadow-xl bottom-0"
+            class="absolute left-0 w-full p-1 box-border text-white text-shadow-xl bottom-0"
             :style="titleOnImgMaskStyle"
           >
             <view class="flex flex-col gap-1 items-start">
@@ -842,13 +839,10 @@ const imgOverlayVisible = computed(() => {
       <slot name="itemBottomSection" />
     </view>
     <slot name="itemRightSection" />
-    <view
-      v-if="attrs.rightBottomIcon && attrs.rightBottomFlag"
-      class="absolute bottom-7 right-3 z-1"
-    >
+    <view v-if="attrs.rightBottomIcon && attrs.rightBottomFlag" class="absolute bottom-7 right-3">
       <wd-img :src="attrs.rightBottomIcon" width="120rpx" mode="widthFix" />
     </view>
-    <view v-if="attrs.rightTopIcon && attrs.rightTopFlag" class="absolute top-0 right-0 z-1">
+    <view v-if="attrs.rightTopIcon && attrs.rightTopFlag" class="absolute top-0 right-0">
       <wd-img :src="attrs.rightTopIcon" width="120rpx" mode="widthFix" />
     </view>
   </view>

package/components/lcb-tabs/components/Imgs/index.vue

@@ -47,9 +47,13 @@ const props = withDefaults(defineProps<LcbTabsProps>(), {
   imgTitleGap: 24,
   activeColor: 'var(--wot-color-theme)',
   inactiveColor: '#333333',
+  defaultIndex: 0,
 })
-const { syncForm } = useSyncForm(props.dynamicScope)
-const current = ref(0)
+const { syncForm } = useSyncForm({
+  dynamicScope: props.dynamicScope,
+  visibleScope: props.visibleScope,
+})
+const current = ref(props.defaultIndex)
 const imgKey = ref(0)
 const debounceFn = throttle(() => {
   imgKey.value++
@@ -70,11 +74,7 @@ watch(
 )
 const handleTagClick = (name: string, index: number) => {
   current.value = index
-  try {
-    syncForm(JSON.parse(name))
-  } catch (error) {
-    console.error(error)
-  }
+  syncForm(JSON.parse(name))
 }
-handleTagClick(props.items?.[0].name, 0)
+handleTagClick(props.items?.[current.value].name, current.value)
 </script>

package/components/lcb-tabs/components/Tabs/index.vue

@@ -14,6 +14,7 @@
       ref="tabs"
       :inactiveColor="tagTitleInactiveColor"
       :color="tagTitleActiveColor"
+      v-model="currentTab"
     >
       <wd-tab v-for="tab in items" :key="tab.name" :title="tab.title" :name="tab.name" />
     </wd-tabs>
@@ -39,14 +40,15 @@ const props = withDefaults(defineProps<LcbTabsProps>(), {
   lineHeight: 3,
   slidable: 'auto',
   slidableNum: 6,
+  defaultIndex: 0,
+})
+const currentTab = ref(props.defaultIndex)
+const { syncForm } = useSyncForm({
+  dynamicScope: props.dynamicScope,
+  visibleScope: props.visibleScope,
 })
-const { syncForm } = useSyncForm(props.dynamicScope)
 const handleChange = (e: { name: string }) => {
-  try {
-    syncForm(JSON.parse(e.name))
-  } catch (error) {
-    console.error(error)
-  }
+  syncForm(JSON.parse(e.name))
 }
 watch(
   () => [props.lineWidth, props.lineHeight, props.slidable, props.slidableNum],

package/components/lcb-tabs/components/Tags/index.vue

@@ -43,10 +43,13 @@ const props = withDefaults(defineProps<LcbTabsProps>(), {
   tagTitleActiveColor: '#ffffff',
   tagTitleInactiveColor: '#000000',
   tagRadius: 100,
+  defaultIndex: 0,
 })
-console.log(props, 'props')
-const { syncForm } = useSyncForm(props.dynamicScope)
-const current = ref()
+const { syncForm } = useSyncForm({
+  dynamicScope: props.dynamicScope,
+  visibleScope: props.visibleScope,
+})
+const current = ref(props.defaultIndex)
 defineOptions({
   name: 'LcbTagsItem',
   options: {
@@ -57,13 +60,9 @@ defineOptions({
 })
 const handleTagClick = (name: string, index: number) => {
   current.value = index
-  try {
-    syncForm(JSON.parse(name))
-  } catch (error) {
-    console.error(error)
-  }
+  syncForm(JSON.parse(name))
 }
-handleTagClick(props.items[0]?.name, 0)
+handleTagClick(props.items[current.value]?.name, current.value)
 </script>
 
 <style lang="scss" scoped>

package/components/lcb-tabs/lcb-tabs.vue

@@ -34,6 +34,7 @@ withDefaults(defineProps<LcbTabsProps>(), {
   tagsMode: 'tiled',
   gap: 16,
   imgHeight: 50,
+  defaultIndex: 0,
 })
 const isSticky = ref(false)
 const contentWidth = ref(0)

package/components/lcb-tabs/types.ts

@@ -19,6 +19,8 @@ export interface LcbTabsProps extends LcbBlockProps {
   tagsMode?: 'scroll' | 'tiled'
   gap?: number
   dynamicScope?: string
+  visibleScope?: string
+  defaultIndex?: number
   imgHeight?: number
   imgTitleGap?: number
   activeColor?: string

package/hooks/useSyncForm.ts

@@ -1,17 +1,26 @@
-import { FORM_KEY, PAGE_DYNAMIC_DATA } from '../constants'
+import { FORM_KEY, PAGE_DYNAMIC_DATA, PAGE_PROVIDE_KEY } from '../constants'
 import { computed, inject, Ref } from 'vue'
 
-const useSyncForm = (dynamicScope?: string) => {
+const useSyncForm = ({
+  dynamicScope,
+  visibleScope,
+}: {
+  dynamicScope?: string
+  visibleScope?: string
+}) => {
   /** 上下文全局 */
   const globalForm = inject(FORM_KEY) as Ref<Record<string, any>>
   /** 上下文局部form */
   const pageDynamicData = inject(PAGE_DYNAMIC_DATA) as Ref<Record<string, any>>
+  const visiblePageInfo = inject(PAGE_PROVIDE_KEY) as Ref<Record<string, any>>
   const syncForm = (params: Record<string, any>) => {
     if (dynamicScope) {
       pageDynamicData.value[dynamicScope] = {
         ...pageDynamicData.value[dynamicScope],
         ...params,
       }
+    } else if (visibleScope) {
+      visiblePageInfo.value[visibleScope] = params
     } else {
       globalForm.value = {
         ...globalForm.value,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tplc/business",
-  "version": "0.7.53",
+  "version": "0.7.55",
   "keywords": [
     "业务组件"
   ],
@@ -11,7 +11,7 @@
   },
   "peerDependencies": {
     "vue": ">=3.2.47",
-    "@tplc/wot": "1.0.24"
+    "@tplc/wot": "1.0.25"
   },
   "engines": {
     "node": ">=18",

package/types/components/lcb-tabs/components/Imgs/index.vue.d.ts

@@ -6,6 +6,7 @@ declare const _default: import('vue').DefineComponent<
       imgTitleGap: number
       activeColor: string
       inactiveColor: string
+      defaultIndex: number
     }
   >,
   {},
@@ -25,6 +26,7 @@ declare const _default: import('vue').DefineComponent<
           imgTitleGap: number
           activeColor: string
           inactiveColor: string
+          defaultIndex: number
         }
       >
     >
@@ -32,6 +34,7 @@ declare const _default: import('vue').DefineComponent<
   {
     activeColor: string
     inactiveColor: string
+    defaultIndex: number
     imgTitleGap: number
   },
   {}

package/types/components/lcb-tabs/components/Tabs/index.vue.d.ts

@@ -7,6 +7,7 @@ declare const _default: import('vue').DefineComponent<
       lineHeight: number
       slidable: string
       slidableNum: number
+      defaultIndex: number
     }
   >,
   {},
@@ -27,6 +28,7 @@ declare const _default: import('vue').DefineComponent<
           lineHeight: number
           slidable: string
           slidableNum: number
+          defaultIndex: number
         }
       >
     >
@@ -36,6 +38,7 @@ declare const _default: import('vue').DefineComponent<
     lineWidth: number
     slidableNum: number
     slidable: 'always' | 'auto'
+    defaultIndex: number
   },
   {}
 >

package/types/components/lcb-tabs/components/Tags/index.vue.d.ts

@@ -8,6 +8,7 @@ declare const _default: import('vue').DefineComponent<
       tagTitleActiveColor: string
       tagTitleInactiveColor: string
       tagRadius: number
+      defaultIndex: number
     }
   >,
   {},
@@ -29,11 +30,13 @@ declare const _default: import('vue').DefineComponent<
           tagTitleActiveColor: string
           tagTitleInactiveColor: string
           tagRadius: number
+          defaultIndex: number
         }
       >
     >
   >,
   {
+    defaultIndex: number
     tagActiveColor: string
     tagInactiveColor: string
     tagTitleActiveColor: string

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

@@ -7,6 +7,7 @@ declare const _default: import('vue').DefineComponent<
       tagsMode: string
       gap: number
       imgHeight: number
+      defaultIndex: number
     }
   >,
   {},
@@ -27,6 +28,7 @@ declare const _default: import('vue').DefineComponent<
           tagsMode: string
           gap: number
           imgHeight: number
+          defaultIndex: number
         }
       >
     >
@@ -35,6 +37,7 @@ declare const _default: import('vue').DefineComponent<
     gap: number
     itemFontSize: number
     tagsMode: 'scroll' | 'tiled'
+    defaultIndex: number
     imgHeight: number
   },
   {}

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

@@ -18,6 +18,8 @@ export interface LcbTabsProps extends LcbBlockProps {
   tagsMode?: 'scroll' | 'tiled'
   gap?: number
   dynamicScope?: string
+  visibleScope?: string
+  defaultIndex?: number
   imgHeight?: number
   imgTitleGap?: number
   activeColor?: string

package/types/hooks/useSyncForm.d.ts

@@ -1,4 +1,10 @@
-declare const useSyncForm: (dynamicScope?: string) => {
+declare const useSyncForm: ({
+  dynamicScope,
+  visibleScope,
+}: {
+  dynamicScope?: string
+  visibleScope?: string
+}) => {
   syncForm: (params: Record<string, any>) => void
   form: import('vue').ComputedRef<any>
 }