@tplc/business 0.5.77 → 0.5.79

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 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.5.79](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.5.78...v0.5.79) (2025-12-05)
+
+
+### ✨ Features | 新功能
+
+* 支持页面 ([ed64824](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/ed648247161824f029876925944668d16e68bca6))
+
+### [0.5.78](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.5.76...v0.5.78) (2025-12-05)
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.5.77 ([3ab3f4e](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/3ab3f4ec0c8a1355818b4f8ee4ba24ca981d068d))
+
+
+### 🐛 Bug Fixes | Bug 修复
+
+* dynamicStyleOptions 支持旧数据 ([2317541](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/23175418f5306e754ae29d58779d7d51fc507a31))
+
+
+### ✨ Features | 新功能
+
+* wrapper 支持嵌套 ([1bed138](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/1bed138292c76209e91588b49474903d9a89b9da))
+* 支持属性上下文修改 ([e4a9f58](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/e4a9f583dd701f15cad9f656566e17fdaa6886fe))
+
 ### [0.5.77](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.5.74...v0.5.77) (2025-12-05)
 
 

package/components/lcb-area/lcb-area.vue

@@ -5,7 +5,7 @@
         :style="{
           display: display,
           gap: transformValueUnit(gap),
-          overflowX: scrollX ? 'auto' : 'initial',
+          overflowX: scrollX ? 'auto' : 'hidden',
           ...innerStyle,
         }"
         class="h-full"
@@ -59,7 +59,6 @@ const innerStyle = computed(() => {
     alignItems: 'stretch',
   }
 })
-
 const getStyle = (index: number) => {
   const flex = props.areaFlexs?.[index]?.flex ?? 1
   return {
@@ -75,11 +74,11 @@ const getStyle = (index: number) => {
 }
 
 const getData = async () => {
-  const daynamicData = await dynamicRequest(props.dataSource, pageInfo.value, userStore?.userInfo)
-  if (daynamicData) {
+  const dynamicData = await dynamicRequest(props.dataSource, pageInfo.value, userStore?.userInfo)
+  if (dynamicData) {
     pageInfo.value = {
       ...pageInfo.value,
-      ...daynamicData,
+      ...dynamicData,
     }
   }
 }

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

@@ -5,7 +5,7 @@
       padding: `${transformValueUnit(paddingTop || paddingVertical || 0)} ${transformValueUnit(paddingRight || paddingHorizontal || 0)} ${transformValueUnit(paddingBottom || paddingVertical || 0)} ${transformValueUnit(paddingLeft || paddingHorizontal || 0)}`,
       borderRadius: `${transformValueUnit(topRadius || radius)} ${transformValueUnit(topRadius || radius)} ${transformValueUnit(bottomRadius || radius)} ${transformValueUnit(bottomRadius || radius)}`,
       color,
-      background: `${backgroundPosition} / ${backgroundSize} ${backgroundRepeat} url('${backgroundImage}'), ${innerBackgroundColor || 'transparent'}`,
+      background: `${backgroundPosition} / ${backgroundSize} ${backgroundRepeat} url('${dynamicBgImage}'), ${innerBackgroundColor || 'transparent'}`,
       fontSize: transformValueUnit(fontSize),
       fontWeight,
       borderColor,
@@ -28,11 +28,11 @@
 </template>
 
 <script setup lang="ts">
-import { LcbBlockInnerProps } from './types'
-import { transformValueUnit, getFlexStyle } from '../../utils/transform'
-import { computed, inject, Ref } from 'vue'
-import { PAGE_PROVIDE_KEY } from '../../constants'
 import { get } from 'lodash-es'
+import { computed } from 'vue'
+import useDynamicData from '../../hooks/useDynamicData'
+import { getFlexStyle, transformValueUnit } from '../../utils/transform'
+import { LcbBlockInnerProps } from './types'
 defineOptions({
   name: 'LcbBlock',
   options: {
@@ -50,8 +50,13 @@ const props = withDefaults(defineProps<LcbBlockInnerProps>(), {
   fontSize: 24,
   position: 'relative',
 })
-const pageInfo = inject(PAGE_PROVIDE_KEY) as Ref<Record<string, any>>
-const userStore = uni.$lcb.userStore?.()
+const { userStore, innerDynamicData } = useDynamicData()
+const dynamicBgImage = computed(() => {
+  return (
+    (props.dynamicBgImage && get(innerDynamicData.value, props.dynamicBgImage)) ||
+    props.backgroundImage
+  )
+})
 // 透明度+颜色
 const innerBackgroundColor = computed(() => {
   if (!props.backgroundColor) return ''
@@ -67,7 +72,7 @@ const getInnerStyle = computed(() => {
       const currentOptions = props.dynamicStyleOptions[key]
       if (key) {
         const data = get(
-          currentOptions.keyFrom === 'user' ? userStore?.userInfo : pageInfo.value,
+          currentOptions.keyFrom === 'user' ? userStore?.userInfo : innerDynamicData.value,
           currentOptions.dynamicKey,
         )
         if (data) {

package/components/lcb-block/types.ts

@@ -59,6 +59,7 @@ export interface LcbBlockProps {
 
   // 动态样式集合
   dynamicStyleOptions?: Record<string, DynamicOptions>
+  dynamicBgImage?: string
 }
 export interface LcbBlockInnerProps extends LcbBlockProps {
   [key: string]: any

package/components/lcb-button/lcb-button.vue

@@ -46,7 +46,7 @@
               v-if="innerValue"
             />
           </template>
-          <text v-else style="line-height: 1.54">
+          <text v-else style="line-height: 1.54" :class="{ truncate: textTruncate }">
             {{ innerValue }}
           </text>
         </view>
@@ -62,6 +62,7 @@ import { PAGE_PROVIDE_KEY, WRAPPER_ITEM_KEY } from '../../constants'
 import { getFlexStyle, transformValueUnit } from '../../utils/transform'
 import { getDynamicData } from '../../utils/utils'
 import { get } from 'lodash-es'
+import useDynamicData from '../../hooks/useDynamicData'
 defineOptions({
   name: 'LcbButton',
   options: {
@@ -79,14 +80,10 @@ const props = withDefaults(defineProps<LcbButtonProps>(), {
   iconSize: 24,
   qrCodeSize: 100,
 })
-const pageInfo = inject(PAGE_PROVIDE_KEY) as Ref<Record<string, any>>
-const wrapperItemData = inject(WRAPPER_ITEM_KEY, undefined) as unknown as Ref<Record<string, any>>
-const userStore = uni.$lcb.userStore?.()
-const innerStore = computed(() => {
-  return wrapperItemData ? wrapperItemData.value : pageInfo.value
-})
+const { userStore, innerDynamicData } = useDynamicData()
+
 const store = computed(() => {
-  return props.keyFromUser ? userStore?.userInfo : innerStore.value
+  return props.keyFromUser ? userStore?.userInfo : innerDynamicData.value
 })
 
 const dynamicValue = computed(() => {
@@ -118,7 +115,7 @@ const innerValue = computed(() => {
 /** 处理跳转链接中的动态参数 */
 const actionProps = computed(() => {
   if (props.dynamicActionKey) {
-    return get(innerStore.value, props.dynamicActionKey)
+    return get(innerDynamicData.value, props.dynamicActionKey)
   }
   return {
     ...props.action,

package/components/lcb-button/types.ts

@@ -35,4 +35,5 @@ export interface LcbButtonProps extends LcbBlockProps {
     | 'bottom-right'
   // 动态action key
   dynamicActionKey?: string
+  textTruncate?: boolean
 }

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

@@ -14,11 +14,11 @@
 </template>
 
 <script setup lang="ts">
-import { computed, inject, Ref, ref, watchEffect } from 'vue'
-import { LcbWrapperListProps } from './types'
-import { PAGE_PROVIDE_KEY } from '@tplc/business/constants'
 import { transformValueUnit } from '@tplc/business/utils/transform'
+import { computed, ref, watchEffect } from 'vue'
+import useDynamicData from '../../hooks/useDynamicData'
 import { dynamicRequest } from '../../utils/request'
+import { LcbWrapperListProps } from './types'
 defineOptions({
   name: 'LcbWrapperList',
   options: {
@@ -31,8 +31,7 @@ const props = withDefaults(defineProps<LcbWrapperListProps>(), {
   display: 'flex',
   flexDirection: 'column',
 })
-const pageInfo = inject(PAGE_PROVIDE_KEY) as Ref<Record<string, any>>
-const userStore = uni.$lcb.userStore?.()
+const { userStore, innerDynamicData } = useDynamicData()
 const renderList = ref<unknown[]>([{ walletAmount: 1 }])
 
 const transformStringArrayToObjectArray = (data: unknown[]): unknown[] => {
@@ -46,9 +45,13 @@ const transformStringArrayToObjectArray = (data: unknown[]): unknown[] => {
 
 watchEffect(async () => {
   let data: unknown[] = []
-  const daynamicData = await dynamicRequest(props.dataSource, pageInfo.value, userStore?.userInfo)
-  if (daynamicData) {
-    data = daynamicData
+  const dynamicData = await dynamicRequest(
+    props.dataSource,
+    innerDynamicData.value,
+    userStore?.userInfo,
+  )
+  if (dynamicData) {
+    data = dynamicData
   }
   // 转换字符串数组为对象数组的辅助函数
   renderList.value = Array.isArray(data) ? transformStringArrayToObjectArray(data) : []

package/hooks/useDynamicData.ts

@@ -0,0 +1,18 @@
+import { PAGE_PROVIDE_KEY, WRAPPER_ITEM_KEY } from '../constants'
+import { computed, inject, Ref } from 'vue'
+
+const useDynamicData = (formUser = false) => {
+  const pageInfo = inject(PAGE_PROVIDE_KEY) as Ref<Record<string, any>>
+  const wrapperItemData = inject(WRAPPER_ITEM_KEY, {}) as unknown as Ref<Record<string, any>>
+  const userStore = uni.$lcb.userStore?.()
+  const innerDynamicData = computed(() => {
+    return formUser ? userStore?.userInfo : wrapperItemData.value
+  })
+  return {
+    pageInfo,
+    wrapperItemData,
+    userStore,
+    innerDynamicData,
+  }
+}
+export default useDynamicData

package/package.json

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

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

@@ -55,6 +55,7 @@ export interface LcbBlockProps {
     | 'bottom-center'
     | 'bottom-right'
   dynamicStyleOptions?: Record<string, DynamicOptions>
+  dynamicBgImage?: string
 }
 export interface LcbBlockInnerProps extends LcbBlockProps {
   [key: string]: any

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

@@ -31,4 +31,5 @@ export interface LcbButtonProps extends LcbBlockProps {
     | 'bottom-center'
     | 'bottom-right'
   dynamicActionKey?: string
+  textTruncate?: boolean
 }

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

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

package/types/hooks/useDynamicData.d.ts

@@ -0,0 +1,14 @@
+import { Ref } from 'vue'
+declare const useDynamicData: (formUser?: boolean) => {
+  pageInfo: Ref<Record<string, any>>
+  wrapperItemData: Ref<Record<string, any>>
+  userStore:
+    | {
+        userInfo: Record<string, any>
+        updateUser: (data: Record<string, any>, isLogin?: boolean) => void
+        getUser: () => void
+      }
+    | undefined
+  innerDynamicData: import('vue').ComputedRef<Record<string, any> | undefined>
+}
+export default useDynamicData