@tplc/business 0.4.122 → 0.4.124

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -2,6 +2,22 @@
2
2
 
3
3
  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.
4
4
 
5
+ ### [0.4.124](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.123...v0.4.124) (2025-06-08)
6
+
7
+
8
+ ### ✨ Features | 新功能
9
+
10
+ * update version ([895d74e](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/895d74e5abe6984c633071c320051883e0f9da06))
11
+
12
+ ### [0.4.123](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.122...v0.4.123) (2025-06-08)
13
+
14
+
15
+ ### ✨ Features | 新功能
16
+
17
+ * 支持小程序provider ([9ed5502](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/9ed550208b2fa5d90beb32238f170afef3723211))
18
+ * 新增数据 ([d162dec](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/d162decf41744c97cf6c62182f6363f5d089ae46))
19
+ * 新增边框模式 ([cf9cc02](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/cf9cc027d2442facf6d27cec91907b7c489dcfe6))
20
+
5
21
  ### [0.4.122](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.121...v0.4.122) (2025-05-24)
6
22
 
7
23
  ### [0.4.121](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.118...v0.4.121) (2025-05-24)
@@ -19,6 +19,10 @@ export interface LcbListProps extends LcbBlockProps {
19
19
  itemWidth?: number // 列表项宽度
20
20
  dynamicScope?: string
21
21
  gap?: number
22
+
23
+ borderWidth?: number
24
+ borderColor?: string
25
+ borderMode?: 'full' | 'content'
22
26
  }
23
27
  export interface Option {
24
28
  label: string
@@ -215,6 +215,7 @@ const blockProps = computed(() => {
215
215
  <lcb-product-item
216
216
  v-else
217
217
  v-bind="{ ...item, ...$props, ...attrs }"
218
+ :isLast="index === renderList.length - 1"
218
219
  :layoutType="layoutType"
219
220
  :coverImgStyle="{
220
221
  width: layoutType === 'vertical' ? '100%' : transformValueUnit(imageWidth),
@@ -270,7 +271,7 @@ const blockProps = computed(() => {
270
271
  </slot>
271
272
  </lcb-action-view>
272
273
  </view>
273
-
274
+ <!-- 瀑布流 -->
274
275
  <view
275
276
  class="lcb-product-waterfall !py-1"
276
277
  v-else-if="listType === 'waterfall'"
@@ -39,4 +39,8 @@ export interface LcbProductProps extends LcbBlockProps {
39
39
  }
40
40
  dynamicScope?: string
41
41
  gap?: number
42
+
43
+ borderWidth?: number
44
+ borderColor?: string
45
+ borderMode?: 'full' | 'content'
42
46
  }
@@ -93,6 +93,16 @@ defineSlots<{
93
93
  coverImgSection(): any
94
94
  contentSection(): any
95
95
  }>()
96
+
97
+ const borderStyle = computed(() => {
98
+ return {
99
+ borderWidth: '0rpx',
100
+ borderBottomWidth: transformValueUnit(props.borderWidth),
101
+ borderBottomColor: props.borderColor,
102
+ borderStyle: 'solid',
103
+ paddingBottom: props.borderWidth ? '12rpx' : 0,
104
+ }
105
+ })
96
106
  const itemStyle = computed(() => {
97
107
  return {
98
108
  borderRadius: transformValueUnit(props.borderRadius),
@@ -100,6 +110,11 @@ const itemStyle = computed(() => {
100
110
  props.shadowColor && props.shadowSize
101
111
  ? `0px 0px ${props.blurSize}px ${props.shadowSize}px ${props.shadowColor}`
102
112
  : '',
113
+ // 只有list类型才需要border
114
+ ...(props.borderMode === 'full' && attrs.listType === 'list' && !attrs.isLast
115
+ ? borderStyle.value
116
+ : {}),
117
+ padding: '24rpx',
103
118
  }
104
119
  })
105
120
  </script>
@@ -109,7 +124,7 @@ const itemStyle = computed(() => {
109
124
  <view
110
125
  v-if="layoutType === 'horizontal'"
111
126
  :class="className"
112
- class="flex flex-col gap-1 px-2 py-3 bg-white relative overflow-clip"
127
+ class="flex flex-col gap-1 px-2 bg-white relative overflow-clip"
113
128
  :style="itemStyle"
114
129
  >
115
130
  <slot name="itemSection" />
@@ -142,6 +157,7 @@ const itemStyle = computed(() => {
142
157
  :class="{
143
158
  grayscale: attrs.rightBottomFlag,
144
159
  }"
160
+ :style="props.borderMode === 'content' ? borderStyle : {}"
145
161
  >
146
162
  <slot name="contentSection" />
147
163
  <view class="flex flex-col gap-[5px] overflow-hidden">
@@ -125,4 +125,8 @@ export interface LcbProductItemProps {
125
125
  blurSize?: number
126
126
  shadowColor?: string
127
127
  shadowSize?: number
128
+
129
+ borderWidth?: number
130
+ borderColor?: string
131
+ borderMode?: 'full' | 'content'
128
132
  }
@@ -19,16 +19,15 @@
19
19
  }"
20
20
  :style="{
21
21
  fontSize: transformValueUnit(itemFontSize),
22
- width: transformValueUnit(imgWidth),
22
+ height: transformValueUnit(imgHeight),
23
23
  gap: transformValueUnit(imgTitleGap),
24
24
  color: current === index ? activeColor : inactiveColor,
25
25
  }"
26
26
  @click="handleTagClick(item.name, index)"
27
27
  >
28
28
  <wd-img
29
- :width="transformValueUnit(imgWidth)"
30
- height="auto"
31
- mode="widthFix"
29
+ :height="transformValueUnit(imgHeight)"
30
+ mode="heightFix"
32
31
  :src="current === index ? item.activeUrl : item.inactiveUrl"
33
32
  />
34
33
  <view v-if="showTitle" class="truncate px-2">{{ item.title }}</view>
@@ -28,7 +28,7 @@ withDefaults(defineProps<LcbTabsProps>(), {
28
28
  itemFontSize: 28,
29
29
  tagsMode: 'tiled',
30
30
  gap: 16,
31
- imgWidth: 100,
31
+ imgHeight: 50,
32
32
  })
33
33
  </script>
34
34
 
@@ -19,7 +19,7 @@ export interface LcbTabsProps extends LcbBlockProps {
19
19
  tagsMode?: 'scroll' | 'tiled'
20
20
  gap?: number
21
21
  dynamicScope?: string
22
- imgWidth?: number
22
+ imgHeight?: number
23
23
  imgTitleGap?: number
24
24
  activeColor?: string
25
25
  inactiveColor?: string
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tplc/business",
3
- "version": "0.4.122",
3
+ "version": "0.4.124",
4
4
  "keywords": [
5
5
  "业务组件"
6
6
  ],
@@ -73,6 +73,7 @@ declare const __VLS_component: import('vue').DefineComponent<
73
73
  isSticky: boolean
74
74
  layoutType: 'vertical' | 'horizontal'
75
75
  itemWidth: number
76
+ borderMode: 'full' | 'content'
76
77
  },
77
78
  {}
78
79
  >
@@ -18,6 +18,9 @@ export interface LcbListProps extends LcbBlockProps {
18
18
  itemWidth?: number
19
19
  dynamicScope?: string
20
20
  gap?: number
21
+ borderWidth?: number
22
+ borderColor?: string
23
+ borderMode?: 'full' | 'content'
21
24
  }
22
25
  export interface Option {
23
26
  label: string
@@ -36,4 +36,7 @@ export interface LcbProductProps extends LcbBlockProps {
36
36
  }
37
37
  dynamicScope?: string
38
38
  gap?: number
39
+ borderWidth?: number
40
+ borderColor?: string
41
+ borderMode?: 'full' | 'content'
39
42
  }
@@ -119,4 +119,7 @@ export interface LcbProductItemProps {
119
119
  blurSize?: number
120
120
  shadowColor?: string
121
121
  shadowSize?: number
122
+ borderWidth?: number
123
+ borderColor?: string
124
+ borderMode?: 'full' | 'content'
122
125
  }
@@ -6,7 +6,7 @@ declare const _default: import('vue').DefineComponent<
6
6
  itemFontSize: number
7
7
  tagsMode: string
8
8
  gap: number
9
- imgWidth: number
9
+ imgHeight: number
10
10
  }
11
11
  >,
12
12
  {},
@@ -26,16 +26,16 @@ declare const _default: import('vue').DefineComponent<
26
26
  itemFontSize: number
27
27
  tagsMode: string
28
28
  gap: number
29
- imgWidth: number
29
+ imgHeight: number
30
30
  }
31
31
  >
32
32
  >
33
33
  >,
34
34
  {
35
- imgWidth: number
36
35
  gap: number
37
36
  itemFontSize: number
38
37
  tagsMode: 'scroll' | 'tiled'
38
+ imgHeight: number
39
39
  },
40
40
  {}
41
41
  >
@@ -18,7 +18,7 @@ export interface LcbTabsProps extends LcbBlockProps {
18
18
  tagsMode?: 'scroll' | 'tiled'
19
19
  gap?: number
20
20
  dynamicScope?: string
21
- imgWidth?: number
21
+ imgHeight?: number
22
22
  imgTitleGap?: number
23
23
  activeColor?: string
24
24
  inactiveColor?: string