@tplc/business 0.5.66 → 0.5.68

package/CHANGELOG.md

@@ -2,6 +2,33 @@
 
 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.68](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.5.67...v0.5.68) (2025-12-03)
+
+
+### ✨ Features | 新功能
+
+* area 支持 点击   支持布局调整 button 支持动态链接 接口 ([2fdcfc5](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/2fdcfc502f5acf9c2c23beea1cea1a3691ada41b))
+
+### [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-action-view/lcb-action-view.vue

@@ -8,6 +8,7 @@
   >
     <slot />
   </view>
+
   <button
     v-else
     @click.stop="onActionClick"

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

@@ -1,33 +1,35 @@
 <template>
-  <lcb-block v-bind="$props" v-if="showArea">
-    <view
-      class="h-full"
-      :style="{
-        display: display,
-        gap: transformValueUnit(gap),
-        overflowX: scrollX ? 'auto' : 'initial',
-        ...innerStyle,
-      }"
-    >
+  <lcb-action-view v-bind="action" v-if="showArea">
+    <lcb-block v-bind="$props">
       <view
-        v-for="(item, index) in list"
-        :key="item.id"
-        class="slot-wrapper"
         :style="{
-          ...getStyle(index),
-          overflowX,
+          display: display,
+          gap: transformValueUnit(gap),
+          overflowX: scrollX ? 'auto' : 'initial',
+          ...innerStyle,
         }"
+        class="h-full"
       >
-        <slot :item="item" />
+        <view
+          v-for="(item, index) in list"
+          :key="item.id"
+          class="slot-wrapper"
+          :style="{
+            ...getStyle(index),
+            overflowX,
+          }"
+        >
+          <slot :item="item" />
+        </view>
       </view>
-    </view>
-  </lcb-block>
+    </lcb-block>
+  </lcb-action-view>
 </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 +61,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 +72,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?.()
@@ -102,6 +124,10 @@ const showArea = computed(() => {
   }
   return true
 })
+
+const handleClick = () => {
+  console.log('handleClick')
+}
 </script>
 
 <style lang="scss" scoped>

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-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

@@ -5,7 +5,7 @@
       :key="index"
       class="flex-shrink-0"
       :style="{
-        width: width ? transformValueUnit(width) : '100%',
+        width: childrenAutoWidth ? 'auto' : width ? transformValueUnit(width) : '100%',
       }"
     >
       <slot :data="item" :list="list" />
@@ -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/components/lcb-wrapper-list/types.ts

@@ -10,4 +10,5 @@ export interface LcbWrapperListProps extends LcbBlockProps {
   gridColumns?: number
   scrollX?: boolean
   list?: LcbAreaProps[]
+  childrenAutoWidth?: boolean
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tplc/business",
-  "version": "0.5.66",
+  "version": "0.5.68",
   "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-wrapper-list/types.d.ts

@@ -10,4 +10,5 @@ export interface LcbWrapperListProps extends LcbBlockProps {
   gridColumns?: number
   scrollX?: boolean
   list?: LcbAreaProps[]
+  childrenAutoWidth?: boolean
 }