@tplc/business 0.4.47 → 0.4.48
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 +14 -0
- package/components/lcb-area/lcb-area.vue +60 -0
- package/components/lcb-area/types.ts +15 -0
- package/global.d.ts +1 -0
- package/package.json +1 -1
- package/types/components/lcb-area/lcb-area.vue.d.ts +71 -0
- package/types/components/lcb-area/types.d.ts +15 -0
- package/types/components/lcb-calendar-search/lcb-calendar-search.vue.d.ts +1 -1
- package/types/components/lcb-filter-grid/lcb-filter-grid.vue.d.ts +1 -1
- package/types/components/lcb-grid/lcb-grid.vue.d.ts +1 -1
- package/types/components/lcb-home-search/lcb-home-search.vue.d.ts +1 -1
- package/types/components/lcb-product/lcb-product.vue.d.ts +1 -1
- package/types/components/lcb-search/lcb-search.vue.d.ts +14 -14
- package/types/components/lcb-title/lcb-title.vue.d.ts +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,20 @@
|
|
|
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.48](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.46...v0.4.48) (2025-04-02)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### 🚀 Chore | 构建/工程依赖/工具
|
|
9
|
+
|
|
10
|
+
* **release:** 0.4.47 ([ab2c8ef](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/ab2c8ef57db680c349b359732c4bc55f423c2974))
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
### ✨ Features | 新功能
|
|
14
|
+
|
|
15
|
+
* 支持 107 图片预览 ([7e9c48b](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/7e9c48b66193d51704662c1474b344a58d75fe6a))
|
|
16
|
+
* 支持动态数据 ([03dcc17](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/03dcc1731db0e756a5ff098a91c2cee31f63c139))
|
|
17
|
+
* 暂时提交arfea ([a26b628](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/a26b628e8942b51e8b0baad4d798990569c0dc7f))
|
|
18
|
+
|
|
5
19
|
### [0.4.47](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.43...v0.4.47) (2025-04-01)
|
|
6
20
|
|
|
7
21
|
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<lcb-block v-bind="$props">
|
|
3
|
+
<view
|
|
4
|
+
class="h-full"
|
|
5
|
+
:style="{
|
|
6
|
+
display: display,
|
|
7
|
+
gap: transformValueUnit(gap),
|
|
8
|
+
overflowX: scrollX ? 'auto' : 'initial',
|
|
9
|
+
...innerStyle,
|
|
10
|
+
}"
|
|
11
|
+
>
|
|
12
|
+
<view
|
|
13
|
+
v-for="(item, index) in list"
|
|
14
|
+
:key="item.id"
|
|
15
|
+
:style="{
|
|
16
|
+
gridColumn:
|
|
17
|
+
areaItems?.[index]?.colSpan && display === 'grid'
|
|
18
|
+
? `span ${areaItems?.[index]?.colSpan} / span ${areaItems?.[index]?.colSpan}`
|
|
19
|
+
: undefined,
|
|
20
|
+
flex: display === 'flex' ? '1 1 0' : undefined,
|
|
21
|
+
}"
|
|
22
|
+
>
|
|
23
|
+
<slot :item="item" />
|
|
24
|
+
</view>
|
|
25
|
+
</view>
|
|
26
|
+
</lcb-block>
|
|
27
|
+
</template>
|
|
28
|
+
|
|
29
|
+
<script setup lang="ts">
|
|
30
|
+
import { computed } from 'vue'
|
|
31
|
+
import { LcbAreaProps } from './types'
|
|
32
|
+
import { transformValueUnit } from '@tplc/business/utils/transform'
|
|
33
|
+
defineOptions({
|
|
34
|
+
name: 'LcbArea',
|
|
35
|
+
options: {
|
|
36
|
+
addGlobalClass: true,
|
|
37
|
+
virtualHost: true,
|
|
38
|
+
styleIsolation: 'shared',
|
|
39
|
+
},
|
|
40
|
+
})
|
|
41
|
+
const props = withDefaults(defineProps<LcbAreaProps>(), {
|
|
42
|
+
displayFlex: 'row',
|
|
43
|
+
display: 'flex',
|
|
44
|
+
})
|
|
45
|
+
|
|
46
|
+
const innerStyle = computed(() => {
|
|
47
|
+
// col-span-2
|
|
48
|
+
if (props.display === 'grid') {
|
|
49
|
+
return {
|
|
50
|
+
gridTemplateColumns: `repeat(${props.gridColumns}, minmax(0, 1fr))`,
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
return {
|
|
54
|
+
flexDirection: props.displayFlex,
|
|
55
|
+
alignItems: 'stretch',
|
|
56
|
+
}
|
|
57
|
+
})
|
|
58
|
+
</script>
|
|
59
|
+
|
|
60
|
+
<style lang="scss" scoped></style>
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { LcbBlockProps } from '../lcb-block/types'
|
|
2
|
+
export interface LcbAreaProps extends LcbBlockProps {
|
|
3
|
+
id?: number
|
|
4
|
+
fixed?: boolean
|
|
5
|
+
unDraggable?: boolean
|
|
6
|
+
display?: 'flex' | 'grid'
|
|
7
|
+
displayFlex?: 'row' | 'column'
|
|
8
|
+
gap?: number
|
|
9
|
+
scrollX?: boolean
|
|
10
|
+
gridColumns?: number
|
|
11
|
+
list?: LcbAreaProps[]
|
|
12
|
+
areaItems?: {
|
|
13
|
+
colSpan?: number
|
|
14
|
+
}[]
|
|
15
|
+
}
|
package/global.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ declare module 'vue' {
|
|
|
5
5
|
'lcb-action-view': (typeof import('@tplc/business/components/lcb-action-view/lcb-action-view.vue'))['default']
|
|
6
6
|
'lcb-advert': (typeof import('@tplc/business/components/lcb-advert/lcb-advert.vue'))['default']
|
|
7
7
|
'lcb-agreement-view': (typeof import('@tplc/business/components/lcb-agreement-view/lcb-agreement-view.vue'))['default']
|
|
8
|
+
'lcb-area': (typeof import('@tplc/business/components/lcb-area/lcb-area.vue'))['default']
|
|
8
9
|
'lcb-area-picker': (typeof import('@tplc/business/components/lcb-area-picker/lcb-area-picker.vue'))['default']
|
|
9
10
|
'lcb-banner': (typeof import('@tplc/business/components/lcb-banner/lcb-banner.vue'))['default']
|
|
10
11
|
'lcb-banner-block': (typeof import('@tplc/business/components/lcb-banner-block/lcb-banner-block.vue'))['default']
|
package/package.json
CHANGED
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { LcbAreaProps } from './types'
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
default?(_: { item: LcbAreaProps }): any
|
|
4
|
+
}
|
|
5
|
+
declare const __VLS_component: import('vue').DefineComponent<
|
|
6
|
+
__VLS_WithDefaults<
|
|
7
|
+
__VLS_TypePropsToOption<LcbAreaProps>,
|
|
8
|
+
{
|
|
9
|
+
displayFlex: string
|
|
10
|
+
display: string
|
|
11
|
+
}
|
|
12
|
+
>,
|
|
13
|
+
{},
|
|
14
|
+
unknown,
|
|
15
|
+
{},
|
|
16
|
+
{},
|
|
17
|
+
import('vue').ComponentOptionsMixin,
|
|
18
|
+
import('vue').ComponentOptionsMixin,
|
|
19
|
+
{},
|
|
20
|
+
string,
|
|
21
|
+
import('vue').PublicProps,
|
|
22
|
+
Readonly<
|
|
23
|
+
import('vue').ExtractPropTypes<
|
|
24
|
+
__VLS_WithDefaults<
|
|
25
|
+
__VLS_TypePropsToOption<LcbAreaProps>,
|
|
26
|
+
{
|
|
27
|
+
displayFlex: string
|
|
28
|
+
display: string
|
|
29
|
+
}
|
|
30
|
+
>
|
|
31
|
+
>
|
|
32
|
+
>,
|
|
33
|
+
{
|
|
34
|
+
display: 'flex' | 'grid'
|
|
35
|
+
displayFlex: 'row' | 'column'
|
|
36
|
+
},
|
|
37
|
+
{}
|
|
38
|
+
>
|
|
39
|
+
declare const _default: __VLS_WithTemplateSlots<
|
|
40
|
+
typeof __VLS_component,
|
|
41
|
+
ReturnType<typeof __VLS_template>
|
|
42
|
+
>
|
|
43
|
+
export default _default
|
|
44
|
+
type __VLS_WithDefaults<P, D> = {
|
|
45
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D
|
|
46
|
+
? __VLS_Prettify<
|
|
47
|
+
P[K] & {
|
|
48
|
+
default: D[K]
|
|
49
|
+
}
|
|
50
|
+
>
|
|
51
|
+
: P[K]
|
|
52
|
+
}
|
|
53
|
+
type __VLS_Prettify<T> = {
|
|
54
|
+
[K in keyof T]: T[K]
|
|
55
|
+
} & {}
|
|
56
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
57
|
+
new (): {
|
|
58
|
+
$slots: S
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T
|
|
62
|
+
type __VLS_TypePropsToOption<T> = {
|
|
63
|
+
[K in keyof T]-?: {} extends Pick<T, K>
|
|
64
|
+
? {
|
|
65
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>
|
|
66
|
+
}
|
|
67
|
+
: {
|
|
68
|
+
type: import('vue').PropType<T[K]>
|
|
69
|
+
required: true
|
|
70
|
+
}
|
|
71
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { LcbBlockProps } from '../lcb-block/types'
|
|
2
|
+
export interface LcbAreaProps extends LcbBlockProps {
|
|
3
|
+
id?: number
|
|
4
|
+
fixed?: boolean
|
|
5
|
+
unDraggable?: boolean
|
|
6
|
+
display?: 'flex' | 'grid'
|
|
7
|
+
displayFlex?: 'row' | 'column'
|
|
8
|
+
gap?: number
|
|
9
|
+
scrollX?: boolean
|
|
10
|
+
gridColumns?: number
|
|
11
|
+
list?: LcbAreaProps[]
|
|
12
|
+
areaItems?: {
|
|
13
|
+
colSpan?: number
|
|
14
|
+
}[]
|
|
15
|
+
}
|
|
@@ -49,8 +49,8 @@ declare const __VLS_component: import('vue').DefineComponent<
|
|
|
49
49
|
{
|
|
50
50
|
paddingHorizontal: number
|
|
51
51
|
paddingVertical: number
|
|
52
|
-
imageWidth: number
|
|
53
52
|
column: number
|
|
53
|
+
imageWidth: number
|
|
54
54
|
imageHeight: number
|
|
55
55
|
listType: 'list' | 'horizontal' | 'grid' | 'waterfall'
|
|
56
56
|
titleLineClamp: number
|
|
@@ -546,14 +546,14 @@ declare const _default: import('vue').DefineComponent<
|
|
|
546
546
|
radius: number
|
|
547
547
|
iconSize: string
|
|
548
548
|
iconColor: string
|
|
549
|
-
placeholder: string
|
|
550
|
-
lineWidth: number
|
|
551
549
|
marginHorizontal: number
|
|
552
550
|
paddingHorizontal: number
|
|
553
551
|
paddingVertical: number
|
|
554
552
|
fontSize: number
|
|
555
553
|
borderColor: string
|
|
556
554
|
gap: number
|
|
555
|
+
placeholder: string
|
|
556
|
+
lineWidth: number
|
|
557
557
|
iconType: 'icon' | 'img'
|
|
558
558
|
borderWidth: number
|
|
559
559
|
cityColor: string
|
|
@@ -571,14 +571,14 @@ declare const _default: import('vue').DefineComponent<
|
|
|
571
571
|
radius: number
|
|
572
572
|
iconSize: string
|
|
573
573
|
iconColor: string
|
|
574
|
-
placeholder: string
|
|
575
|
-
lineWidth: number
|
|
576
574
|
marginHorizontal: number
|
|
577
575
|
paddingHorizontal: number
|
|
578
576
|
paddingVertical: number
|
|
579
577
|
fontSize: number
|
|
580
578
|
borderColor: string
|
|
581
579
|
gap: number
|
|
580
|
+
placeholder: string
|
|
581
|
+
lineWidth: number
|
|
582
582
|
iconType: 'icon' | 'img'
|
|
583
583
|
borderWidth: number
|
|
584
584
|
cityColor: string
|
|
@@ -596,14 +596,14 @@ declare const _default: import('vue').DefineComponent<
|
|
|
596
596
|
radius: number
|
|
597
597
|
iconSize: string
|
|
598
598
|
iconColor: string
|
|
599
|
-
placeholder: string
|
|
600
|
-
lineWidth: number
|
|
601
599
|
marginHorizontal: number
|
|
602
600
|
paddingHorizontal: number
|
|
603
601
|
paddingVertical: number
|
|
604
602
|
fontSize: number
|
|
605
603
|
borderColor: string
|
|
606
604
|
gap: number
|
|
605
|
+
placeholder: string
|
|
606
|
+
lineWidth: number
|
|
607
607
|
iconType: 'icon' | 'img'
|
|
608
608
|
borderWidth: number
|
|
609
609
|
cityColor: string
|
|
@@ -621,14 +621,14 @@ declare const _default: import('vue').DefineComponent<
|
|
|
621
621
|
radius: number
|
|
622
622
|
iconSize: string
|
|
623
623
|
iconColor: string
|
|
624
|
-
placeholder: string
|
|
625
|
-
lineWidth: number
|
|
626
624
|
marginHorizontal: number
|
|
627
625
|
paddingHorizontal: number
|
|
628
626
|
paddingVertical: number
|
|
629
627
|
fontSize: number
|
|
630
628
|
borderColor: string
|
|
631
629
|
gap: number
|
|
630
|
+
placeholder: string
|
|
631
|
+
lineWidth: number
|
|
632
632
|
iconType: 'icon' | 'img'
|
|
633
633
|
borderWidth: number
|
|
634
634
|
cityColor: string
|
|
@@ -646,14 +646,14 @@ declare const _default: import('vue').DefineComponent<
|
|
|
646
646
|
radius: number
|
|
647
647
|
iconSize: string
|
|
648
648
|
iconColor: string
|
|
649
|
-
placeholder: string
|
|
650
|
-
lineWidth: number
|
|
651
649
|
marginHorizontal: number
|
|
652
650
|
paddingHorizontal: number
|
|
653
651
|
paddingVertical: number
|
|
654
652
|
fontSize: number
|
|
655
653
|
borderColor: string
|
|
656
654
|
gap: number
|
|
655
|
+
placeholder: string
|
|
656
|
+
lineWidth: number
|
|
657
657
|
iconType: 'icon' | 'img'
|
|
658
658
|
borderWidth: number
|
|
659
659
|
cityColor: string
|
|
@@ -671,14 +671,14 @@ declare const _default: import('vue').DefineComponent<
|
|
|
671
671
|
radius: number
|
|
672
672
|
iconSize: string
|
|
673
673
|
iconColor: string
|
|
674
|
-
placeholder: string
|
|
675
|
-
lineWidth: number
|
|
676
674
|
marginHorizontal: number
|
|
677
675
|
paddingHorizontal: number
|
|
678
676
|
paddingVertical: number
|
|
679
677
|
fontSize: number
|
|
680
678
|
borderColor: string
|
|
681
679
|
gap: number
|
|
680
|
+
placeholder: string
|
|
681
|
+
lineWidth: number
|
|
682
682
|
iconType: 'icon' | 'img'
|
|
683
683
|
borderWidth: number
|
|
684
684
|
cityColor: string
|
|
@@ -696,14 +696,14 @@ declare const _default: import('vue').DefineComponent<
|
|
|
696
696
|
radius: number
|
|
697
697
|
iconSize: string
|
|
698
698
|
iconColor: string
|
|
699
|
-
placeholder: string
|
|
700
|
-
lineWidth: number
|
|
701
699
|
marginHorizontal: number
|
|
702
700
|
paddingHorizontal: number
|
|
703
701
|
paddingVertical: number
|
|
704
702
|
fontSize: number
|
|
705
703
|
borderColor: string
|
|
706
704
|
gap: number
|
|
705
|
+
placeholder: string
|
|
706
|
+
lineWidth: number
|
|
707
707
|
iconType: 'icon' | 'img'
|
|
708
708
|
borderWidth: number
|
|
709
709
|
cityColor: string
|
|
@@ -65,9 +65,9 @@ declare const _default: import('vue').DefineComponent<
|
|
|
65
65
|
title: string
|
|
66
66
|
color: string
|
|
67
67
|
iconColor: string
|
|
68
|
-
lineWidth: number
|
|
69
68
|
marginHorizontal: number
|
|
70
69
|
fontSize: number
|
|
70
|
+
lineWidth: number
|
|
71
71
|
fontWeight: number
|
|
72
72
|
justify:
|
|
73
73
|
| 'justify-start'
|