@tplc/business 0.5.65 → 0.5.67

package/CHANGELOG.md

@@ -2,6 +2,28 @@
 
 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.67](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.5.64...v0.5.67) (2025-12-03)
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.5.65 ([8752c6d](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/8752c6dca30392c83235e19e5c8a4d4bf8751ec7))
+* **release:** 0.5.66 ([776fb88](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/776fb889e9a92612f9fe58606c283b4970e9a6eb))
+
+
+### 🐛 Bug Fixes | Bug 修复
+
+* image 横向 ([ef2fe2a](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/ef2fe2a4f62fc8e5a28d911ef2c9bf816806e32b))
+* 修改外面包裹view ([9d7906e](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/9d7906e6f0f754ee35bb0a5eb69e42cba42330e2))
+
+
+### ✨ Features | 新功能
+
+* 修改字段数据 ([45a6a74](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/45a6a74d6cb4090314a2113cfcb6c4eb9df9ffa8))
+* 兼容nav ([bcb45b6](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/bcb45b679894e6e72d3a9c75b1de326e3424c395))
+
+### [0.5.66](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.5.65...v0.5.66) (2025-12-03)
+
 ### [0.5.65](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.5.54...v0.5.65) (2025-12-03)
 
 

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

@@ -1,13 +1,14 @@
 <template>
   <lcb-block v-bind="$props" v-if="showArea">
-    <view
-      class="h-full"
-      :style="{
+    <lcb-action-view
+      :customStyle="{
         display: display,
         gap: transformValueUnit(gap),
         overflowX: scrollX ? 'auto' : 'initial',
         ...innerStyle,
       }"
+      customClass="h-full"
+      v-bind="action"
     >
       <view
         v-for="(item, index) in list"
@@ -20,14 +21,14 @@
       >
         <slot :item="item" />
       </view>
-    </view>
+    </lcb-action-view>
   </lcb-block>
 </template>
 
 <script setup lang="ts">
-import { computed, inject, Ref } from 'vue'
+import { computed, inject, Ref, watch } from 'vue'
 import { LcbAreaProps } from './types'
-import { transformValueUnit } from '@tplc/business/utils/transform'
+import { getFlexStyle, transformValueUnit } from '@tplc/business/utils/transform'
 import { get } from 'lodash-es'
 import { PAGE_PROVIDE_KEY } from '@tplc/business/constants'
 defineOptions({
@@ -59,6 +60,7 @@ const innerStyle = computed(() => {
 const getStyle = (index: number) => {
   const flex = props.areaFlexs?.[index]?.flex ?? 1
   return {
+    ...getFlexStyle(props.itemAlign),
     gridColumn:
       props.areaItems?.[index]?.colSpan && props.display === 'grid'
         ? `span ${props.areaItems?.[index]?.colSpan} / span ${props.areaItems?.[index]?.colSpan}`
@@ -69,6 +71,25 @@ const getStyle = (index: number) => {
   }
 }
 
+const getData = async () => {
+  if (props.requestUrl) {
+    const { data } = await uni.$lcb.http.post(props.requestUrl, {})
+    pageInfo.value = {
+      ...pageInfo.value,
+      ...(data as Record<string, any>),
+    }
+  }
+}
+
+watch(
+  () => props.requestUrl,
+  () => {
+    getData()
+  },
+  {
+    immediate: true,
+  },
+)
 const showArea = computed(() => {
   if (props.dependKey) {
     const userStore = uni.$lcb.userStore?.()

package/components/lcb-area/types.ts

@@ -1,3 +1,4 @@
+import { LcbActionViewProps } from 'components/lcb-action-view/types'
 import { LcbBlockProps } from '../lcb-block/types'
 export interface LcbAreaProps extends LcbBlockProps {
   id?: number
@@ -23,4 +24,16 @@ export interface LcbAreaProps extends LcbBlockProps {
   dependKeyCompareValue?: string
   position?: 'relative' | 'absolute'
   compareType?: '=' | '>=' | '<=' | '>' | '<' | '!=' | 'includes'
+  requestUrl?: string
+  action?: LcbActionViewProps
+  itemAlign?:
+    | 'top-left'
+    | 'top-center'
+    | 'top-right'
+    | 'center-left'
+    | 'center-center'
+    | 'center-right'
+    | 'bottom-left'
+    | 'bottom-center'
+    | 'bottom-right'
 }

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

@@ -82,12 +82,11 @@ const props = withDefaults(defineProps<LcbButtonProps>(), {
 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 store = computed(() => {
-  return props.keyFromUser
-    ? userStore?.userInfo
-    : wrapperItemData
-      ? wrapperItemData.value
-      : pageInfo.value
+  return props.keyFromUser ? userStore?.userInfo : innerStore.value
 })
 
 const dynamicValue = computed(() => {
@@ -118,6 +117,9 @@ const innerValue = computed(() => {
 
 /** 处理跳转链接中的动态参数 */
 const actionProps = computed(() => {
+  if (props.dynamicActionKey) {
+    return get(innerStore.value, props.dynamicActionKey)
+  }
   return {
     ...props.action,
     jumpUrl: getDynamicData(props.action?.jumpUrl, {

package/components/lcb-button/types.ts

@@ -33,4 +33,6 @@ export interface LcbButtonProps extends LcbBlockProps {
     | 'bottom-left'
     | 'bottom-center'
     | 'bottom-right'
+  // 动态action key
+  dynamicActionKey?: string
 }

package/components/lcb-image/Image/index.vue

@@ -66,6 +66,14 @@ import { LcbImageProps } from '../types'
 import { transformValueUnit } from '../../../utils/transform'
 import { calcAutoHeight, getOssImageSize } from '../../../utils/utils'
 import { getCurrentInstance, onMounted, ref } from 'vue'
+defineOptions({
+  name: 'LcbImageImage',
+  options: {
+    addGlobalClass: true,
+    virtualHost: true,
+    styleIsolation: 'shared',
+  },
+})
 const props = withDefaults(defineProps<LcbImageProps>(), {
   imageMargin: 0,
 })

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

@@ -240,7 +240,12 @@ const itemStyle = computed(() => {
           </ItemValue>
         </view>
         <view class="flex-1"></view>
-        <view class="flex flex-col gap-1 items-end leading-none">
+        <view
+          class="flex flex-col gap-1 items-end leading-none"
+          :style="{
+            marginTop: transformValueUnit(itemGap),
+          }"
+        >
           <view class="flex gap-1 justify-end">
             <view
               class="flex gap-[2rpx] items-end line-through"
@@ -400,7 +405,12 @@ const itemStyle = computed(() => {
           <ItemValue prop="distanceTips" v-if="distanceTipsVisible"></ItemValue>
         </view>
         <view class="flex-1"></view>
-        <view class="flex flex-col gap-1 items-end leading-none">
+        <view
+          class="flex flex-col gap-1 items-end leading-none"
+          :style="{
+            marginTop: transformValueUnit(itemGap),
+          }"
+        >
           <view
             class="flex gap-1 justify-end"
             :style="{

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

@@ -33,31 +33,37 @@ const props = withDefaults(defineProps<LcbWrapperListProps>(), {
 })
 const pageInfo = inject(PAGE_PROVIDE_KEY) as Ref<Record<string, any>>
 const userStore = uni.$lcb.userStore?.()
-const renderList = ref<unknown[]>([
-  { walletAmount: 1 },
-  { walletAmount: 2 },
-  { walletAmount: 3 },
-  { walletAmount: 4 },
-])
+const renderList = ref<unknown[]>([{ walletAmount: 1 }])
+
+const transformStringArrayToObjectArray = (data: unknown[]): unknown[] => {
+  return data.map((item) => {
+    if (typeof item === 'string') {
+      return { label: item }
+    }
+    return item
+  })
+}
 
 watchEffect(async () => {
+  let data: unknown[] = []
   if (props.dataSource?.source === 'remote') {
     if (props.dataSource.requestInfo?.requestUrl) {
-      const { data } = await uni.$lcb.http.post(
+      const response = await uni.$lcb.http.post(
         props.dataSource.requestInfo.requestUrl,
         JSON.parse(props.dataSource.requestInfo.requestParams || '{}'),
       )
-      renderList.value = data as unknown[]
+      /** 如果依赖key存在，则取依赖key的值 */
+      data = response[props.dataSource?.dependKey || 'data'] as unknown[]
     }
   } else if (props.dataSource?.dependKey) {
-    renderList.value = get(
+    data = get(
       props.dataSource?.source === 'context' ? pageInfo.value : userStore?.userInfo,
       props.dataSource?.dependKey,
       [],
     )
-  } else {
-    renderList.value = []
   }
+  // 转换字符串数组为对象数组的辅助函数
+  renderList.value = Array.isArray(data) ? transformStringArrayToObjectArray(data) : []
 })
 const listStyle = computed(() => {
   const style = {

package/package.json

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

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

@@ -1,3 +1,4 @@
+import { LcbActionViewProps } from 'components/lcb-action-view/types'
 import { LcbBlockProps } from '../lcb-block/types'
 export interface LcbAreaProps extends LcbBlockProps {
   id?: number
@@ -23,4 +24,16 @@ export interface LcbAreaProps extends LcbBlockProps {
   dependKeyCompareValue?: string
   position?: 'relative' | 'absolute'
   compareType?: '=' | '>=' | '<=' | '>' | '<' | '!=' | 'includes'
+  requestUrl?: string
+  action?: LcbActionViewProps
+  itemAlign?:
+    | 'top-left'
+    | 'top-center'
+    | 'top-right'
+    | 'center-left'
+    | 'center-center'
+    | 'center-right'
+    | 'bottom-left'
+    | 'bottom-center'
+    | 'bottom-right'
 }

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

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

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

@@ -66,10 +66,10 @@ declare const __VLS_component: import('vue').DefineComponent<
       | 'bottom-center'
       | 'bottom-right'
     gap: number
+    border: boolean
     imageWidth: number
     borderRadius: number
     imageHeight: number
-    border: boolean
     dynamicScope: string
     itemVerticalPadding: number
     itemHorizontalPadding: number

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

@@ -68,13 +68,13 @@ declare const _default: import('vue').DefineComponent<
     marginHorizontal: number
     fontSize: number
     fontWeight: number
-    lineWidth: number
     justify:
       | 'justify-start'
       | 'justify-end'
       | 'justify-center'
       | 'justify-between'
       | 'justify-around'
+    lineWidth: number
     iconType: 'icon' | 'img'
     hintColor: string
     hintFontSize: number