@tplc/business 0.5.74 → 0.5.76

package/CHANGELOG.md

@@ -2,6 +2,38 @@
 
 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)
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.5.70 ([ddb4aa7](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/ddb4aa75c0df558b1290688ffec4940945818728))
+* **release:** 0.5.71 ([19eaaaa](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/19eaaaaa86929f3f8285b095fb86d93f44fdd6de))
+* **release:** 0.5.72 ([4d02488](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/4d02488b574dd3ef9f2d5c4ae0e144cb827343ef))
+* **release:** 0.5.73 ([2fe2b89](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/2fe2b89e772cee7ebba9ed6511445b3ee6816d95))
+* **release:** 0.5.74 ([d8437e5](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/d8437e5530795738e68fdd951da94573a6efe5ba))
+
+
+### 🐛 Bug Fixes | Bug 修复
+
+* action str ([a5b5ea7](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/a5b5ea77527c84904dfca663923b69ede964ae35))
+* area child width ([c97b8a6](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/c97b8a6992daf9b07d722a2f46eaf182eb69e1be))
+
+
+### ✨ Features | 新功能
+
+* 兼容h5 ([a4bf8f6](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/a4bf8f60cda7afb3bcf3e8b3a99641c3b0c2e0f9))
+* 支持自适应 ([8cf03cc](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/8cf03cc6397ad85ff1d3938d60b769fc2f0d50ac))
+* 支持请求 ([5baa8a3](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/5baa8a36802f0f1140d5794050f5a48b3c43128b))
+* 调整布局 ([2011392](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/2011392224dc40ab6f7a7dae9f0a4d88a3d882dd))
+
 ### [0.5.74](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.5.73...v0.5.74) (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-area/lcb-area.vue

@@ -1,6 +1,6 @@
 <template>
-  <lcb-action-view v-bind="action" v-if="showArea">
-    <lcb-block v-bind="$props">
+  <lcb-block v-bind="$props" v-if="showArea">
+    <lcb-action-view v-bind="action">
       <view
         :style="{
           display: display,
@@ -8,7 +8,7 @@
           overflowX: scrollX ? 'auto' : 'initial',
           ...innerStyle,
         }"
-        class="h-ful"
+        class="h-full"
       >
         <view
           v-for="(item, index) in list"
@@ -22,8 +22,8 @@
           <slot :item="item" />
         </view>
       </view>
-    </lcb-block>
-  </lcb-action-view>
+    </lcb-action-view>
+  </lcb-block>
 </template>
 
 <script setup lang="ts">
@@ -130,7 +130,11 @@ const showArea = computed(() => {
 
 <style lang="scss" scoped>
 .slot-wrapper {
-  :deep(> *) {
+  :deep(> view) {
+    width: 100%;
+    height: auto;
+  }
+  :deep(> button) {
     width: 100%;
     height: auto;
   }

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.74",
+  "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