@tplc/business 0.0.55 → 0.0.57

package/CHANGELOG.md

@@ -2,6 +2,21 @@
 
 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.0.57](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.0.56...v0.0.57) (2024-11-03)
+
+
+### ✨ Features | 新功能
+
+* version 0.0.56 ([3a13a45](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/3a13a4574d37d9f1b53b42c36ce5601498d6f2c6))
+
+### [0.0.56](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.0.55...v0.0.56) (2024-11-03)
+
+
+### ✨ Features | 新功能
+
+* shadow ([d2de6bf](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/d2de6bf135619c73db1a6a1cc027b1ba94002228))
+* 丰富grid ([e306107](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/e306107d2964146f047862b5c3e7e5f8a368ae81))
+
 ### [0.0.55](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.0.54...v0.0.55) (2024-11-02)
 
 

package/components/lcb-action-view/lcb-action-view.vue

@@ -160,6 +160,7 @@ const onChooseAvatar = async (e) => {
   display: inline-block;
   line-height: normal;
   border-radius: inherit;
+  overflow: inherit;
   &::after {
     border: none;
   }

package/components/lcb-grid/lcb-grid.vue

@@ -1,23 +1,56 @@
 <template>
-  <lcb-block v-bind="$props">
-    <view
-      class="grid gap-2"
-      :style="{
-        'grid-template-columns': `repeat(${cols}, minmax(0, 1fr))`,
-      }"
-    >
-      <lcb-action-view v-for="(item, index) in items" :key="index" v-bind="item.link">
-        <wd-img
-          :src="item.url"
-          :height="transformValueUnit(height)"
-          :radius="transformValueUnit(radius)"
-          mode="aspectFill"
-          width="100%"
-          custom-class="!block"
-        />
-      </lcb-action-view>
-    </view>
-  </lcb-block>
+  <view
+    class="grid"
+    :style="{
+      'grid-template-columns': `repeat(${cols}, minmax(0, 1fr))`,
+      'grid-gap': transformValueUnit(gap),
+      gap: transformValueUnit(gap),
+      margin: `0 ${transformValueUnit(marginHorizontal)}`,
+    }"
+  >
+    <lcb-action-view v-for="(item, index) in items" :key="index" v-bind="item.link">
+      <view
+        class="flex flex-col overflow-hidden box-border"
+        :style="{
+          borderRadius: transformValueUnit(radius),
+          boxShadow:
+            shadowColor && shadowSize
+              ? `${shadowColor} 0px  ${shadowSize}rpx ${blurSize}rpx 0px `
+              : '',
+        }"
+      >
+        <view
+          :style="{
+            backgroundColor: imgBgColor,
+            padding: transformValueUnit(imgPadding),
+          }"
+        >
+          <wd-img
+            :src="item.url"
+            :height="transformValueUnit(height)"
+            :radius="transformValueUnit(imgRadius)"
+            :width="width ? transformValueUnit(width) : '100%'"
+            mode="aspectFill"
+            custom-class="!inline-block"
+          />
+        </view>
+
+        <view
+          v-if="item.title"
+          class="w-full box-border"
+          :style="{
+            textAlign,
+            backgroundColor: textBgColor,
+            color,
+            fontSize: transformValueUnit(fontSize),
+            padding: `${transformValueUnit(textPV)} ${transformValueUnit(textPH)}`,
+          }"
+        >
+          {{ item.title }}
+        </view>
+      </view>
+    </lcb-action-view>
+  </view>
 </template>
 
 <script setup lang="ts">
@@ -35,7 +68,10 @@ withDefaults(defineProps<LcbGridProps>(), {
   marginHorizontal: 24,
   height: 100,
   cols: 2,
-  radius: 8,
+  gap: 16,
+  textAlign: 'center',
+  imgRadius: 8,
+  fontSize: 28,
 })
 </script>
 <style lang="scss" scoped></style>

package/components/lcb-grid/types.ts

@@ -3,6 +3,14 @@ import { ActionView } from 'action'
 export interface LcbGridProps extends LcbBlockProps {
   items?: ActionView[]
   height?: number
+  width?: number
   cols?: number
   gap?: number
+  imgRadius?: number
+  imgBgColor?: string
+  imgPadding?: number
+  textAlign?: 'left' | 'center' | 'right'
+  textBgColor?: string
+  textPH?: number
+  textPV?: number
 }

package/components/lcb-title/lcb-title.vue

@@ -4,7 +4,7 @@
       ...$props,
     }"
   >
-    <lcb-action-view customClass="!flex items-center" v-bind="action">
+    <lcb-action-view :customClass="`!flex items-center ${justify}`" v-bind="action">
       <text
         :style="{
           fontWeight,
@@ -12,7 +12,7 @@
       >
         {{ title }}
       </text>
-      <text class="text-24rpx ml-3">
+      <text class="text-24rpx ml-3" v-if="hint">
         {{ hint }}
       </text>
       <text v-if="showMore" class="flex-1 text-end text-24rpx">更多</text>
@@ -36,6 +36,7 @@ withDefaults(defineProps<LcbTitleProps>(), {
   fontSize: 28,
   color: '#333',
   title: '标题',
+  justify: 'justify-start',
 })
 </script>
 <style lang="scss" scoped></style>

package/components/lcb-title/types.ts

@@ -7,4 +7,10 @@ export interface LcbTitleProps extends LcbBlockProps {
   fontWeight?: number
   showMore?: boolean
   action?: LcbActionViewProps
+  justify?:
+    | 'justify-start'
+    | 'justify-end'
+    | 'justify-center'
+    | 'justify-between'
+    | 'justify-around'
 }

package/package.json

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

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

@@ -6,7 +6,10 @@ declare const _default: import('vue').DefineComponent<
       marginHorizontal: number
       height: number
       cols: number
-      radius: number
+      gap: number
+      textAlign: string
+      imgRadius: number
+      fontSize: number
     }
   >,
   {},
@@ -26,16 +29,22 @@ declare const _default: import('vue').DefineComponent<
           marginHorizontal: number
           height: number
           cols: number
-          radius: number
+          gap: number
+          textAlign: string
+          imgRadius: number
+          fontSize: number
         }
       >
     >
   >,
   {
     height: number
-    radius: number
     marginHorizontal: number
+    fontSize: number
+    textAlign: 'left' | 'center' | 'right'
     cols: number
+    gap: number
+    imgRadius: number
   },
   {}
 >

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

@@ -3,6 +3,14 @@ import { ActionView } from 'action'
 export interface LcbGridProps extends LcbBlockProps {
   items?: ActionView[]
   height?: number
+  width?: number
   cols?: number
   gap?: number
+  imgRadius?: number
+  imgBgColor?: string
+  imgPadding?: number
+  textAlign?: 'left' | 'center' | 'right'
+  textBgColor?: string
+  textPH?: number
+  textPV?: number
 }

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

@@ -8,6 +8,7 @@ declare const _default: import('vue').DefineComponent<
       fontSize: number
       color: string
       title: string
+      justify: string
     }
   >,
   {},
@@ -29,6 +30,7 @@ declare const _default: import('vue').DefineComponent<
           fontSize: number
           color: string
           title: string
+          justify: string
         }
       >
     >
@@ -38,6 +40,12 @@ declare const _default: import('vue').DefineComponent<
     color: string
     marginHorizontal: number
     fontSize: number
+    justify:
+      | 'justify-start'
+      | 'justify-end'
+      | 'justify-center'
+      | 'justify-between'
+      | 'justify-around'
     fontWeight: number
   },
   {}

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

@@ -7,4 +7,10 @@ export interface LcbTitleProps extends LcbBlockProps {
   fontWeight?: number
   showMore?: boolean
   action?: LcbActionViewProps
+  justify?:
+    | 'justify-start'
+    | 'justify-end'
+    | 'justify-center'
+    | 'justify-between'
+    | 'justify-around'
 }