@tplc/business 0.5.75 → 0.5.76

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 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.76](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.5.75...v0.5.76) (2025-12-05)
+
+
+### ✨ Features | 新功能
+
+* 动态样式 ([85a6aa5](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/85a6aa5f60780d6c9e11e12fa7686cab958084cb))
+
 ### [0.5.75](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.5.69...v0.5.75) (2025-12-04)
 
 

package/action.d.ts

@@ -110,3 +110,8 @@ export interface TextRenderViewItem {
   }[]
   style?: Record<string, any>
 }
+
+export interface DynamicOptions {
+  keyFrom?: 'user' | 'context'
+  dynamicKey?: string
+}

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

@@ -18,6 +18,7 @@
       margin: `${transformValueUnit(floatUp ? -floatUp : marginTop || 0)} ${transformValueUnit(marginRight || marginHorizontal || 0)} ${transformValueUnit(marginBottom || 0)} ${transformValueUnit(marginLeft || marginHorizontal || 0)}`,
       ...customStyle,
       ...getFlexStyle(align),
+      ...getInnerStyle,
     }"
     class="box-border overflow-hidden relative"
     :class="customClass"
@@ -29,7 +30,9 @@
 <script setup lang="ts">
 import { LcbBlockInnerProps } from './types'
 import { transformValueUnit, getFlexStyle } from '../../utils/transform'
-import { computed } from 'vue'
+import { computed, inject, Ref } from 'vue'
+import { PAGE_PROVIDE_KEY } from '../../constants'
+import { get } from 'lodash-es'
 defineOptions({
   name: 'LcbBlock',
   options: {
@@ -47,6 +50,8 @@ 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 innerBackgroundColor = computed(() => {
   if (!props.backgroundColor) return ''
@@ -55,4 +60,25 @@ const innerBackgroundColor = computed(() => {
   }
   return props.backgroundColor
 })
+
+const getInnerStyle = computed(() => {
+  const innerStyle = Object.keys(props.dynamicStyleOptions).reduce(
+    (acc, key) => {
+      const currentOptions = props.dynamicStyleOptions[key]
+      if (key) {
+        const data = get(
+          currentOptions.keyFrom === 'user' ? userStore?.userInfo : pageInfo.value,
+          currentOptions.dynamicKey,
+        )
+        if (data) {
+          acc[key] = data
+        }
+      }
+
+      return acc
+    },
+    {} as Record<string, string>,
+  )
+  return innerStyle
+})
 </script>

package/components/lcb-block/types.ts

@@ -1,3 +1,4 @@
+import { DynamicOptions } from 'action'
 import { StyleValue } from 'vue'
 
 export interface LcbBlockProps {
@@ -55,6 +56,9 @@ export interface LcbBlockProps {
     | 'bottom-left'
     | 'bottom-center'
     | 'bottom-right'
+
+  // 动态样式集合
+  dynamicStyleOptions?: Record<string, DynamicOptions>
 }
 export interface LcbBlockInnerProps extends LcbBlockProps {
   [key: string]: any

package/package.json

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

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

@@ -1,3 +1,4 @@
+import { DynamicOptions } from 'action'
 export interface LcbBlockProps {
   /** 左右外距 */
   marginHorizontal?: number
@@ -53,6 +54,7 @@ export interface LcbBlockProps {
     | 'bottom-left'
     | 'bottom-center'
     | 'bottom-right'
+  dynamicStyleOptions?: Record<string, DynamicOptions>
 }
 export interface LcbBlockInnerProps extends LcbBlockProps {
   [key: string]: any

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

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