@tplc/business 0.4.46 → 0.4.48

package/CHANGELOG.md

@@ -2,6 +2,37 @@
 
 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.48](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.46...v0.4.48) (2025-04-02)
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.4.47 ([ab2c8ef](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/ab2c8ef57db680c349b359732c4bc55f423c2974))
+
+
+### ✨ Features | 新功能
+
+* 支持 107 图片预览 ([7e9c48b](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/7e9c48b66193d51704662c1474b344a58d75fe6a))
+* 支持动态数据 ([03dcc17](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/03dcc1731db0e756a5ff098a91c2cee31f63c139))
+* 暂时提交arfea ([a26b628](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/a26b628e8942b51e8b0baad4d798990569c0dc7f))
+
+### [0.4.47](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.43...v0.4.47) (2025-04-01)
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.4.44 ([794e216](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/794e2164498ba44d722514f90d3966e955aef4f8))
+* **release:** 0.4.45 ([cb02f3b](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/cb02f3b16a929a07dfeb4e6d2fb52347bd4a4734))
+* **release:** 0.4.46 ([87a3f7e](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/87a3f7e7de6d4467f576e0cc5fa904aaf26ecf7c))
+
+
+### ✨ Features | 新功能
+
+* rate 默认颜色 ([5c46ebb](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/5c46ebb1477bd42b66b9cfa9f9202b2abcf70235))
+* 定位 ([0451544](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/045154458b16df438faee48015b90148bfcc842f))
+* 支持 107 图片预览 ([7e9c48b](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/7e9c48b66193d51704662c1474b344a58d75fe6a))
+* 新增 标题地址 ([2d451cd](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/2d451cd7a9c59e2faf6a9770dc79ca0c30b46fe2))
+
 ### [0.4.46](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.45...v0.4.46) (2025-04-01)
 
 

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

@@ -0,0 +1,60 @@
+<template>
+  <lcb-block v-bind="$props">
+    <view
+      class="h-full"
+      :style="{
+        display: display,
+        gap: transformValueUnit(gap),
+        overflowX: scrollX ? 'auto' : 'initial',
+        ...innerStyle,
+      }"
+    >
+      <view
+        v-for="(item, index) in list"
+        :key="item.id"
+        :style="{
+          gridColumn:
+            areaItems?.[index]?.colSpan && display === 'grid'
+              ? `span ${areaItems?.[index]?.colSpan} / span ${areaItems?.[index]?.colSpan}`
+              : undefined,
+          flex: display === 'flex' ? '1 1 0' : undefined,
+        }"
+      >
+        <slot :item="item" />
+      </view>
+    </view>
+  </lcb-block>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+import { LcbAreaProps } from './types'
+import { transformValueUnit } from '@tplc/business/utils/transform'
+defineOptions({
+  name: 'LcbArea',
+  options: {
+    addGlobalClass: true,
+    virtualHost: true,
+    styleIsolation: 'shared',
+  },
+})
+const props = withDefaults(defineProps<LcbAreaProps>(), {
+  displayFlex: 'row',
+  display: 'flex',
+})
+
+const innerStyle = computed(() => {
+  // col-span-2
+  if (props.display === 'grid') {
+    return {
+      gridTemplateColumns: `repeat(${props.gridColumns}, minmax(0, 1fr))`,
+    }
+  }
+  return {
+    flexDirection: props.displayFlex,
+    alignItems: 'stretch',
+  }
+})
+</script>
+
+<style lang="scss" scoped></style>

package/components/lcb-area/types.ts

@@ -0,0 +1,15 @@
+import { LcbBlockProps } from '../lcb-block/types'
+export interface LcbAreaProps extends LcbBlockProps {
+  id?: number
+  fixed?: boolean
+  unDraggable?: boolean
+  display?: 'flex' | 'grid'
+  displayFlex?: 'row' | 'column'
+  gap?: number
+  scrollX?: boolean
+  gridColumns?: number
+  list?: LcbAreaProps[]
+  areaItems?: {
+    colSpan?: number
+  }[]
+}

package/global.d.ts

@@ -5,6 +5,7 @@ declare module 'vue' {
     'lcb-action-view': (typeof import('@tplc/business/components/lcb-action-view/lcb-action-view.vue'))['default']
     'lcb-advert': (typeof import('@tplc/business/components/lcb-advert/lcb-advert.vue'))['default']
     'lcb-agreement-view': (typeof import('@tplc/business/components/lcb-agreement-view/lcb-agreement-view.vue'))['default']
+    'lcb-area': (typeof import('@tplc/business/components/lcb-area/lcb-area.vue'))['default']
     'lcb-area-picker': (typeof import('@tplc/business/components/lcb-area-picker/lcb-area-picker.vue'))['default']
     'lcb-banner': (typeof import('@tplc/business/components/lcb-banner/lcb-banner.vue'))['default']
     'lcb-banner-block': (typeof import('@tplc/business/components/lcb-banner-block/lcb-banner-block.vue'))['default']

package/package.json

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

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

@@ -0,0 +1,71 @@
+import { LcbAreaProps } from './types'
+declare function __VLS_template(): {
+  default?(_: { item: LcbAreaProps }): any
+}
+declare const __VLS_component: import('vue').DefineComponent<
+  __VLS_WithDefaults<
+    __VLS_TypePropsToOption<LcbAreaProps>,
+    {
+      displayFlex: string
+      display: string
+    }
+  >,
+  {},
+  unknown,
+  {},
+  {},
+  import('vue').ComponentOptionsMixin,
+  import('vue').ComponentOptionsMixin,
+  {},
+  string,
+  import('vue').PublicProps,
+  Readonly<
+    import('vue').ExtractPropTypes<
+      __VLS_WithDefaults<
+        __VLS_TypePropsToOption<LcbAreaProps>,
+        {
+          displayFlex: string
+          display: string
+        }
+      >
+    >
+  >,
+  {
+    display: 'flex' | 'grid'
+    displayFlex: 'row' | 'column'
+  },
+  {}
+>
+declare const _default: __VLS_WithTemplateSlots<
+  typeof __VLS_component,
+  ReturnType<typeof __VLS_template>
+>
+export default _default
+type __VLS_WithDefaults<P, D> = {
+  [K in keyof Pick<P, keyof P>]: K extends keyof D
+    ? __VLS_Prettify<
+        P[K] & {
+          default: D[K]
+        }
+      >
+    : P[K]
+}
+type __VLS_Prettify<T> = {
+  [K in keyof T]: T[K]
+} & {}
+type __VLS_WithTemplateSlots<T, S> = T & {
+  new (): {
+    $slots: S
+  }
+}
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T
+type __VLS_TypePropsToOption<T> = {
+  [K in keyof T]-?: {} extends Pick<T, K>
+    ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>
+      }
+    : {
+        type: import('vue').PropType<T[K]>
+        required: true
+      }
+}

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

@@ -0,0 +1,15 @@
+import { LcbBlockProps } from '../lcb-block/types'
+export interface LcbAreaProps extends LcbBlockProps {
+  id?: number
+  fixed?: boolean
+  unDraggable?: boolean
+  display?: 'flex' | 'grid'
+  displayFlex?: 'row' | 'column'
+  gap?: number
+  scrollX?: boolean
+  gridColumns?: number
+  list?: LcbAreaProps[]
+  areaItems?: {
+    colSpan?: number
+  }[]
+}

package/types/components/lcb-calendar-search/lcb-calendar-search.vue.d.ts

@@ -37,8 +37,8 @@ declare const _default: import('vue').DefineComponent<
     mode: 'link' | 'search'
     icon: string
     radius: number
-    placeholder: string
     paddingHorizontal: number
+    placeholder: string
   },
   {}
 >

package/types/components/lcb-filter-grid/lcb-filter-grid.vue.d.ts

@@ -42,8 +42,8 @@ declare const _default: import('vue').DefineComponent<
     marginHorizontal: number
     fontSize: number
     textAlign: 'left' | 'center' | 'right'
-    cols: number
     gap: number
+    cols: number
   },
   {}
 >

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

@@ -42,8 +42,8 @@ declare const _default: import('vue').DefineComponent<
     marginHorizontal: number
     fontSize: number
     textAlign: 'left' | 'center' | 'right'
-    cols: number
     gap: number
+    cols: number
     imgRadius: number
   },
   {}

package/types/components/lcb-home-search/lcb-home-search.vue.d.ts

@@ -36,9 +36,9 @@ declare const _default: import('vue').DefineComponent<
   {
     backgroundColor: string
     radius: number
-    placeholder: string
     marginHorizontal: number
     opacity: number
+    placeholder: string
   },
   {}
 >

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

@@ -49,8 +49,8 @@ declare const __VLS_component: import('vue').DefineComponent<
   {
     paddingHorizontal: number
     paddingVertical: number
-    imageWidth: number
     column: number
+    imageWidth: number
     imageHeight: number
     listType: 'list' | 'horizontal' | 'grid' | 'waterfall'
     titleLineClamp: number

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

@@ -546,14 +546,14 @@ declare const _default: import('vue').DefineComponent<
       radius: number
       iconSize: string
       iconColor: string
-      placeholder: string
-      lineWidth: number
       marginHorizontal: number
       paddingHorizontal: number
       paddingVertical: number
       fontSize: number
       borderColor: string
       gap: number
+      placeholder: string
+      lineWidth: number
       iconType: 'icon' | 'img'
       borderWidth: number
       cityColor: string
@@ -571,14 +571,14 @@ declare const _default: import('vue').DefineComponent<
       radius: number
       iconSize: string
       iconColor: string
-      placeholder: string
-      lineWidth: number
       marginHorizontal: number
       paddingHorizontal: number
       paddingVertical: number
       fontSize: number
       borderColor: string
       gap: number
+      placeholder: string
+      lineWidth: number
       iconType: 'icon' | 'img'
       borderWidth: number
       cityColor: string
@@ -596,14 +596,14 @@ declare const _default: import('vue').DefineComponent<
       radius: number
       iconSize: string
       iconColor: string
-      placeholder: string
-      lineWidth: number
       marginHorizontal: number
       paddingHorizontal: number
       paddingVertical: number
       fontSize: number
       borderColor: string
       gap: number
+      placeholder: string
+      lineWidth: number
       iconType: 'icon' | 'img'
       borderWidth: number
       cityColor: string
@@ -621,14 +621,14 @@ declare const _default: import('vue').DefineComponent<
       radius: number
       iconSize: string
       iconColor: string
-      placeholder: string
-      lineWidth: number
       marginHorizontal: number
       paddingHorizontal: number
       paddingVertical: number
       fontSize: number
       borderColor: string
       gap: number
+      placeholder: string
+      lineWidth: number
       iconType: 'icon' | 'img'
       borderWidth: number
       cityColor: string
@@ -646,14 +646,14 @@ declare const _default: import('vue').DefineComponent<
       radius: number
       iconSize: string
       iconColor: string
-      placeholder: string
-      lineWidth: number
       marginHorizontal: number
       paddingHorizontal: number
       paddingVertical: number
       fontSize: number
       borderColor: string
       gap: number
+      placeholder: string
+      lineWidth: number
       iconType: 'icon' | 'img'
       borderWidth: number
       cityColor: string
@@ -671,14 +671,14 @@ declare const _default: import('vue').DefineComponent<
       radius: number
       iconSize: string
       iconColor: string
-      placeholder: string
-      lineWidth: number
       marginHorizontal: number
       paddingHorizontal: number
       paddingVertical: number
       fontSize: number
       borderColor: string
       gap: number
+      placeholder: string
+      lineWidth: number
       iconType: 'icon' | 'img'
       borderWidth: number
       cityColor: string
@@ -696,14 +696,14 @@ declare const _default: import('vue').DefineComponent<
       radius: number
       iconSize: string
       iconColor: string
-      placeholder: string
-      lineWidth: number
       marginHorizontal: number
       paddingHorizontal: number
       paddingVertical: number
       fontSize: number
       borderColor: string
       gap: number
+      placeholder: string
+      lineWidth: number
       iconType: 'icon' | 'img'
       borderWidth: number
       cityColor: string

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

@@ -65,9 +65,9 @@ declare const _default: import('vue').DefineComponent<
     title: string
     color: string
     iconColor: string
-    lineWidth: number
     marginHorizontal: number
     fontSize: number
+    lineWidth: number
     fontWeight: number
     justify:
       | 'justify-start'