@tplc/business 0.4.119 → 0.4.120

package/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 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.4.120](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.119...v0.4.120) (2025-05-23)
+
+
+### ✨ Features | 新功能
+
+* 支持wrapper list ([8727bb8](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/8727bb8d2b55f9d9d5d521175662777649acfada))
+* 新增tabs title ([9aad0cf](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/9aad0cfe0c510616b21b3656a2d6b73b7c11fcfd))
+* 暂时提交字段 ([d2378a3](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/d2378a3fe2d6a68a6a32573aae61085d67bcb6e7))
+* 暂时支持列表 ([a0e6b7b](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/a0e6b7b3e2c1e013427c5ab659005818ace3b092))
+* 调整按钮信息 ([17424ef](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/17424ef9e93fcda51e5b79de86a94c5e818f152b))
+
 ### [0.4.119](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.115...v0.4.119) (2025-05-21)
 
 

package/action.d.ts

@@ -22,7 +22,7 @@ export interface DataSource {
   source?: 'remote' | 'context' | 'user'
   requestInfo?: {
     requestUrl: string
-    requestParams: Record<string, unknown>
+    requestParams: string
   }
   /** 动态key */
   dependKey?: string

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

@@ -50,7 +50,7 @@
 <script setup lang="ts">
 import { computed, inject, Ref } from 'vue'
 import { LcbButtonProps } from './types'
-import { PAGE_PROVIDE_KEY } from '../../constants'
+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'
@@ -71,16 +71,20 @@ const props = withDefaults(defineProps<LcbButtonProps>(), {
   iconSize: 24,
 })
 const pageInfo = inject(PAGE_PROVIDE_KEY) as Ref<Record<string, any>>
+const wrapperItemData = inject(WRAPPER_ITEM_KEY) as Ref<Record<string, any>>
 const userStore = uni.$lcb.userStore?.()
+const store = computed(() => {
+  return props.keyFromUser
+    ? userStore?.userInfo
+    : wrapperItemData
+      ? wrapperItemData.value
+      : pageInfo.value
+})
 
 const dynamicValue = computed(() => {
   let value = props.textDefaultValue
   if (props.dynamicKey) {
-    value = get(
-      props.keyFromUser ? userStore?.userInfo : pageInfo.value,
-      props.dynamicKey,
-      props.textDefaultValue,
-    )
+    value = get(store.value, props.dynamicKey, props.textDefaultValue)
   }
   return value
 })
@@ -98,7 +102,7 @@ const innerValue = computed(() => {
     return dynamicValue.value || props.url
   }
   return getDynamicData(props.text, {
-    store: props.keyFromUser ? userStore?.userInfo : pageInfo.value,
+    store: store.value,
     defaultText: props.textDefaultValue,
   })
 })
@@ -108,7 +112,7 @@ const actionProps = computed(() => {
   return {
     ...props.action,
     jumpUrl: getDynamicData(props.action?.jumpUrl, {
-      store: props.keyFromUser ? userStore?.userInfo : pageInfo.value,
+      store: store.value,
     }),
   }
 })

package/components/lcb-tabs/components/Imgs/index.vue

@@ -9,21 +9,30 @@
         gap: transformValueUnit(gap),
       }"
     >
-      <wd-img
+      <view
         v-for="(item, index) in items"
         :key="index"
+        class="flex flex-col items-center justify-center"
         :class="{
+          'lcb-tag-active': current === index,
           'inline-block': tagsMode === 'scroll',
         }"
         :style="{
           fontSize: transformValueUnit(itemFontSize),
+          width: transformValueUnit(imgWidth),
+          gap: transformValueUnit(imgTitleGap),
+          color: current === index ? activeColor : inactiveColor,
         }"
-        :width="transformValueUnit(imgWidth)"
-        height="auto"
-        mode="widthFix"
-        :src="current === index ? item.activeUrl : item.inactiveUrl"
         @click="handleTagClick(item.name, index)"
-      />
+      >
+        <wd-img
+          :width="transformValueUnit(imgWidth)"
+          height="auto"
+          mode="widthFix"
+          :src="current === index ? item.activeUrl : item.inactiveUrl"
+        />
+        <view v-if="showTitle" class="truncate px-2">{{ item.title }}</view>
+      </view>
     </view>
   </lcb-block>
 </template>
@@ -33,7 +42,11 @@ import { ref } from 'vue'
 import useSyncForm from '../../../../hooks/useSyncForm'
 import { transformValueUnit } from '../../../../utils/transform'
 import { LcbTabsProps } from '../../types'
-const props = withDefaults(defineProps<LcbTabsProps>(), {})
+const props = withDefaults(defineProps<LcbTabsProps>(), {
+  imgTitleGap: 24,
+  activeColor: 'var(--wot-color-theme)',
+  inactiveColor: '#333333',
+})
 const { syncForm } = useSyncForm(props.dynamicScope)
 const current = ref(0)
 defineOptions({
@@ -54,7 +67,3 @@ const handleTagClick = (name: string, index: number) => {
 }
 handleTagClick(props.items?.[0].name, 0)
 </script>
-
-<style lang="scss" scoped>
-@import '@tplc/wot/components/common/abstracts/variable';
-</style>

package/components/lcb-tabs/types.ts

@@ -9,6 +9,7 @@ export interface LcbTabsProps extends LcbBlockProps {
     activeUrl?: string
     inactiveUrl?: string
   }[]
+  showTitle?: boolean
   lineWidth?: number
   lineHeight?: number
   slidable?: 'always' | 'auto'
@@ -19,4 +20,7 @@ export interface LcbTabsProps extends LcbBlockProps {
   gap?: number
   dynamicScope?: string
   imgWidth?: number
+  imgTitleGap?: number
+  activeColor?: string
+  inactiveColor?: string
 }

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

@@ -1,14 +1,17 @@
 <template>
-  <lcb-block v-bind="$props" :custom-style="listStyle">
+  <lcb-block v-bind="$props" :custom-style="listStyle" v-if="renderList.length">
     <view
       v-for="(item, index) in renderList"
       :key="index"
+      class="flex-shrink-0"
       :style="{
         width: width ? transformValueUnit(width) : '100%',
       }"
     >
       <WrapperItem :data="item">
-        <slot />
+        <block v-for="com in list" :key="com.id">
+          <slot :item="com" />
+        </block>
       </WrapperItem>
     </view>
   </lcb-block>
@@ -35,14 +38,19 @@ 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[]>([])
+const renderList = ref<unknown[]>([
+  { walletAmount: 1 },
+  { walletAmount: 2 },
+  { walletAmount: 3 },
+  { walletAmount: 4 },
+])
 
 watchEffect(async () => {
   if (props.dataSource?.source === 'remote') {
     if (props.dataSource.requestInfo?.requestUrl) {
       const { data } = await uni.$lcb.http.post(
         props.dataSource.requestInfo.requestUrl,
-        props.dataSource.requestInfo.requestParams,
+        JSON.parse(props.dataSource.requestInfo.requestParams || '{}'),
       )
       renderList.value = data as unknown[]
     }
@@ -52,21 +60,22 @@ watchEffect(async () => {
       props.dataSource?.dependKey,
       [],
     )
+  } else {
+    renderList.value = []
   }
 })
 const listStyle = computed(() => {
   const style = {
     width: '100%',
     display: props.display,
-    flexDirection: props.flexDirection,
+    'flex-direction': props.flexDirection,
     gap: transformValueUnit(props.gap),
-    alignItems: 'stretch',
-    gridTemplateColumns: `repeat(${props.gridColumns}, minmax(0, 1fr))`,
+    'align-items': 'stretch',
+    'grid-template-columns': `repeat(${props.gridColumns}, minmax(0, 1fr))`,
+    'overflow-x': props.scrollX ? 'auto' : 'hidden',
+    'white-space': props.scrollX ? 'nowrap' : 'normal',
   }
-  return Object.keys(style)
-    .filter((key) => style[key])
-    .map((key) => `${key}:${style[key]}`)
-    .join(';')
+  return style
 })
 </script>
 

package/components/lcb-wrapper-list/types.ts

@@ -1,3 +1,4 @@
+import { LcbAreaProps } from '../lcb-area/types'
 import { DataSource } from '../../action'
 import { LcbBlockProps } from '../lcb-block/types'
 export interface LcbWrapperListProps extends LcbBlockProps {
@@ -7,4 +8,6 @@ export interface LcbWrapperListProps extends LcbBlockProps {
   display?: 'flex' | 'grid'
   flexDirection?: 'row' | 'column'
   gridColumns?: number
+  scrollX?: boolean
+  list?: LcbAreaProps[]
 }

package/package.json

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

package/types/components/lcb-tabs/components/Imgs/index.vue.d.ts

@@ -1,6 +1,13 @@
 import { LcbTabsProps } from '../../types'
 declare const _default: import('vue').DefineComponent<
-  __VLS_WithDefaults<__VLS_TypePropsToOption<LcbTabsProps>, {}>,
+  __VLS_WithDefaults<
+    __VLS_TypePropsToOption<LcbTabsProps>,
+    {
+      imgTitleGap: number
+      activeColor: string
+      inactiveColor: string
+    }
+  >,
   {},
   unknown,
   {},
@@ -11,9 +18,22 @@ declare const _default: import('vue').DefineComponent<
   string,
   import('vue').PublicProps,
   Readonly<
-    import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<LcbTabsProps>, {}>>
+    import('vue').ExtractPropTypes<
+      __VLS_WithDefaults<
+        __VLS_TypePropsToOption<LcbTabsProps>,
+        {
+          imgTitleGap: number
+          activeColor: string
+          inactiveColor: string
+        }
+      >
+    >
   >,
-  {},
+  {
+    inactiveColor: string
+    activeColor: string
+    imgTitleGap: number
+  },
   {}
 >
 export default _default

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

@@ -8,6 +8,7 @@ export interface LcbTabsProps extends LcbBlockProps {
     activeUrl?: string
     inactiveUrl?: string
   }[]
+  showTitle?: boolean
   lineWidth?: number
   lineHeight?: number
   slidable?: 'always' | 'auto'
@@ -18,4 +19,7 @@ export interface LcbTabsProps extends LcbBlockProps {
   gap?: number
   dynamicScope?: string
   imgWidth?: number
+  imgTitleGap?: number
+  activeColor?: string
+  inactiveColor?: string
 }

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

@@ -1,6 +1,6 @@
 import { LcbWrapperListProps } from './types'
 declare function __VLS_template(): {
-  default?(_: {}): any
+  default?(_: { item: import('../lcb-area/types').LcbAreaProps }): any
 }
 declare const __VLS_component: import('vue').DefineComponent<
   __VLS_WithDefaults<

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

@@ -1,3 +1,4 @@
+import { LcbAreaProps } from '../lcb-area/types'
 import { DataSource } from '../../action'
 import { LcbBlockProps } from '../lcb-block/types'
 export interface LcbWrapperListProps extends LcbBlockProps {
@@ -7,4 +8,6 @@ export interface LcbWrapperListProps extends LcbBlockProps {
   display?: 'flex' | 'grid'
   flexDirection?: 'row' | 'column'
   gridColumns?: number
+  scrollX?: boolean
+  list?: LcbAreaProps[]
 }