@tplc/business 0.0.57 → 0.0.59

package/CHANGELOG.md

@@ -2,6 +2,45 @@
 
 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.59](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.0.58...v0.0.59) (2024-11-19)
+
+
+### 🐛 Bug Fixes | Bug 修复
+
+* swiper link ([afe011e](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/afe011ed46292fc24a54afd2c0724aa8ccad4cf4))
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.1.24 ([6fdf148](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/6fdf148486f0b0ebdaf6670e5ed087dd9a070ce2))
+
+
+### ✨ Features | 新功能
+
+* back home ([10a9148](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/10a91481426fe3a687401c54e593e06ab50560b3))
+* lcb product item 支持横向布局时图片高度和圆角配置 ([020c710](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/020c710a96bc18540f80771dcf3bdc49eb268475))
+* 更新版本 ([bc1cb63](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/bc1cb63756e802aa43e365944b859e84eef7e70a))
+* 透明度 ([b7eb9aa](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/b7eb9aa884d41db903cea4abe32cc84b71038ccb))
+
+### [0.0.58](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.0.55...v0.0.58) (2024-11-06)
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.0.56 ([4b3f70b](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/4b3f70bab6b9ff6dcf5a6d356a8f864f386098f9))
+* **release:** 0.0.57 ([b4f53b9](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/b4f53b98b178a4b09821553e1bac961f17a4bf62))
+
+
+### ✨ Features | 新功能
+
+* banner兼容圆角 ([57bc054](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/57bc0542bf1e38188d6d00caff5b0c9209f5b2da))
+* mine/search ([e8d34fc](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/e8d34fc0182fe71de8d9abedb323ff49ee68720d))
+* shadow ([d2de6bf](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/d2de6bf135619c73db1a6a1cc027b1ba94002228))
+* version 0.0.56 ([3a13a45](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/3a13a4574d37d9f1b53b42c36ce5601498d6f2c6))
+* 丰富grid ([e306107](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/e306107d2964146f047862b5c3e7e5f8a368ae81))
+* 晚上布局 ([d33d983](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/d33d983b87e56e63633c3233b3608ca1c3006956))
+* 暂定提交 ([c0a390b](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/c0a390bc08031181cd63f4c44e88229f7e737b2d))
+
 ### [0.0.57](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.0.56...v0.0.57) (2024-11-03)
 
 

package/action.d.ts

@@ -28,6 +28,7 @@ export interface LcbGlobal {
       hideLoadingToast?: boolean,
     ): Promise<IResData<T>>
   }
+  navigateTo: (url: string) => void
   loadingStore?: () => {
     changeLoading: (path: string, loading: boolean) => void
   }

package/components/lcb-block/lcb-block.vue

@@ -7,7 +7,7 @@
       padding: `${transformValueUnit(paddingTop || paddingVertical || 0)} ${transformValueUnit(paddingRight || paddingHorizontal || 0)} ${transformValueUnit(paddingBottom || paddingVertical || 0)} ${transformValueUnit(paddingLeft || paddingHorizontal || 0)}`,
       borderRadius: transformValueUnit(radius),
       color,
-      backgroundColor,
+      backgroundColor: innerBackgroundColor,
       backgroundImage: backgroundImage ? `url('${backgroundImage}')` : '',
       backgroundRepeat,
       backgroundPosition,
@@ -27,6 +27,7 @@
 <script setup lang="ts">
 import { LcbBlockInnerProps } from './types'
 import { transformValueUnit } from '../../utils/transform'
+import { computed } from 'vue'
 defineOptions({
   name: 'LcbBlock',
   options: {
@@ -36,9 +37,15 @@ defineOptions({
   },
 })
 
-withDefaults(defineProps<LcbBlockInnerProps>(), {
+const props = withDefaults(defineProps<LcbBlockInnerProps>(), {
   backgroundSize: '100%  100%',
   backgroundRepeat: 'no-repeat',
   backgroundPosition: `top center`,
+  opacity: 1,
+})
+// 透明度+颜色
+const innerBackgroundColor = computed(() => {
+  if (!props.backgroundColor) return ''
+  return props.backgroundColor + Math.floor(props.opacity * 255).toString(16)
 })
 </script>

package/components/lcb-block/types.ts

@@ -17,7 +17,8 @@ export interface LcbBlockProps {
   shadowSize?: number
   /** 模糊大小 */
   blurSize?: number
-
+  /** 透明度 */
+  opacity?: number
   paddingTop?: number
   paddingBottom?: number
   paddingLeft?: number

package/components/lcb-home-search/lcb-home-search.vue

@@ -1,5 +1,5 @@
 <template>
-  <lcb-block v-bind="$props">
+  <lcb-block v-bind="$props" backgroundColor="">
     <view class="flex w-full search-view overflow-hidden">
       <view
         v-for="(item, index) in tabs"
@@ -11,12 +11,23 @@
           'active-left': index === current - 1,
           'active-right': index === current + 1,
         }"
+        :style="{
+          backgroundColor:
+            current === index
+              ? `rgba(255,255,255,${opacity ?? 1})`
+              : `rgba(245,246,249,${opacity ?? 1})`,
+        }"
       >
         {{ item }}
       </view>
     </view>
-    <view class="box-border px-3 leading-none">
-      <view class="flex items-center justify-center mt-3 text-#333 gap-16rpx">
+    <view
+      class="box-border px-3 leading-none pt-3"
+      :style="{
+        backgroundColor: `rgba(255,255, 255, ${opacity})`,
+      }"
+    >
+      <view class="flex items-center justify-center text-#333 gap-16rpx">
         <lcb-city-select :location="userLocation" v-model="addressCity">
           <view class="flex items-center gap-16rpx">
             <view class="text-30rpx font-bold max-w-13 truncate">
@@ -30,7 +41,12 @@
           </view>
         </lcb-city-select>
 
-        <view class="h-42rpx w-1px bg-#F1F1F1"></view>
+        <view
+          class="h-42rpx w-1px"
+          :style="{
+            backgroundColor: `rgba(241,241, 241, ${opacity})`,
+          }"
+        ></view>
         <view class="text-#999 text-28rpx">{{ placeholder }}</view>
         <view class="flex-1"></view>
         <view class="justify-center flex flex-col items-center" @click="getLocation">
@@ -46,7 +62,12 @@
           </view>
         </view>
       </view>
-      <view class="w-full h-1px bg-#F1F1F1 mt-26rpx mb-44rpx"></view>
+      <view
+        class="w-full h-1px mt-26rpx mb-44rpx"
+        :style="{
+          backgroundColor: `rgba(241,241, 241, ${opacity})`,
+        }"
+      ></view>
       <lcb-calendar v-model="dayRange">
         <view class="flex items-center">
           <view class="title">{{ dayjs(dayRange[0]).format('MM月DD日') }}</view>
@@ -105,7 +126,7 @@ defineOptions({
 
 withDefaults(defineProps<LcbHomeSearch>(), {
   marginHorizontal: 24,
-  backgroundColor: '#fff',
+  backgroundColor: '#ffffff',
   radius: 16,
   placeholder: '位置|酒店|关键词',
   btnText: '搜索酒店',
@@ -128,27 +149,27 @@ const getDayName = (time: number) => {
 </script>
 <style lang="scss" scoped>
 .search-view {
-  border-radius: 16rpx;
+  // border-radius: 16rpx;
+  border-top-left-radius: 16rpx;
+  border-top-right-radius: 16rpx;
   .search-tab {
     flex: 1;
     text-align: center;
     font-size: 30rpx;
     padding: 24rpx 0;
     color: #999;
-    background-color: #f5f6f9;
   }
   .active {
-    background-color: #fff;
     color: #000;
     font-weight: bold;
     border-top-left-radius: 16rpx;
     border-top-right-radius: 16rpx;
-    &-left {
-      border-bottom-right-radius: 16rpx;
-    }
-    &-right {
-      border-bottom-left-radius: 16rpx;
-    }
+    // &-left {
+    //   border-bottom-right-radius: 16rpx;
+    // }
+    // &-right {
+    //   border-bottom-left-radius: 16rpx;
+    // }
   }
 }
 

package/components/lcb-img-nav/lcb-img-nav.vue

@@ -29,6 +29,7 @@
         :key="item.title"
         v-bind="item.link"
         custom-class="!flex flex-col justify-center items-center item"
+        @click="onItemClick(item)"
       >
         <view
           class="overflow-hidden"
@@ -51,10 +52,17 @@
               height: iconSize + 'rpx',
               width: iconSize + 'rpx',
             }"
-            :src="item.url"
+            :src="item[urlKey]"
           />
         </view>
-        <view class="title">{{ item.title }}</view>
+        <view
+          class="title"
+          :style="{
+            fontSize: transformValueUnit(textSize),
+          }"
+        >
+          {{ item[titleKey] }}
+        </view>
         <wd-icon v-if="styleGroup === 3" name="chevron-right" size="22"></wd-icon>
       </lcb-action-view>
     </view>
@@ -62,8 +70,13 @@
 </template>
 
 <script lang="ts" setup>
+import { ActionView } from '../../action'
+import { transformValueUnit } from '../../utils/transform'
 import { LcbImgNavProps } from './types'
-
+const emits = defineEmits(['click'])
+const onItemClick = (item: ActionView) => {
+  emits('click', item)
+}
 defineOptions({
   name: 'LcbImgNav',
   options: {
@@ -82,6 +95,9 @@ withDefaults(defineProps<LcbImgNavProps>(), {
   paddingHorizontal: 0,
   iconTextMargin: 4,
   pictureDistribution: 4,
+  textSize: 28,
+  urlKey: 'url',
+  titleKey: 'title',
 })
 </script>
 
@@ -118,7 +134,6 @@ withDefaults(defineProps<LcbImgNavProps>(), {
 .title {
   width: 68px;
   overflow: hidden;
-  font-size: 28rpx;
   line-height: 1;
   text-align: center;
   letter-spacing: 0;

package/components/lcb-img-nav/types.ts

@@ -30,4 +30,7 @@ export interface LcbImgNavProps extends LcbBlockProps {
   fontSize?: number
   color?: string
   titlePadding?: number
+  textSize?: number
+  urlKey?: string
+  titleKey?: string
 }

package/components/lcb-nav/lcb-nav.vue

@@ -49,7 +49,7 @@
         <template v-else-if="back">
           <wd-icon
             class-prefix="lcb"
-            name="zuo_left"
+            :name="isLastPage() ? 'shouye_home-two' : 'zuo_left'"
             @click="toBack"
             :color="contentColor"
             size="24px"
@@ -122,7 +122,11 @@ const props = withDefaults(defineProps<NavProps>(), {
 const navbarBgColor = computed(() => {
   return props.backgroundType === 'color' ? props.backColor : ''
 })
-
+// 判断是否是最后一个页面
+const isLastPage = () => {
+  const pages = getCurrentPages()
+  return pages.length === 1
+}
 // 透明度
 const navbarBgOpacity = computed(() => {
   const { topStyle, immersionMode } = props
@@ -188,7 +192,7 @@ const onCapsule = ({ action }: ICapsule) => {
       break
     case 'setting':
       uni.navigateTo({
-        url: '/pages/setting/index',
+        url: '/pages/mine/setting',
       })
       break
 
@@ -201,7 +205,13 @@ const onCapsule = ({ action }: ICapsule) => {
 }
 
 const toBack = () => {
-  uni.navigateBack()
+  if (isLastPage()) {
+    uni.switchTab({
+      url: '/pages/index/index',
+    })
+  } else {
+    uni.navigateBack()
+  }
 }
 </script>
 <style lang="scss" scoped>

package/components/lcb-product/lcb-product.vue

@@ -31,7 +31,12 @@ defineSlots<{
         <slot name="item" :item="item">
           <lcb-product-item
             v-bind="{ ...item, ...attrs }"
-            :imageStyle="{ width: `${imageWidthPercent}%` }"
+            :imageStyle="{
+              width: imageWidth ?? `${imageWidthPercent}%`,
+              height: imageHeight ? `${imageHeight}rpx` : undefined,
+              borderRadius: imageRadius ? `${imageRadius}rpx` : undefined,
+              ...(attrs?.imageStyle ?? {}),
+            }"
           >
             <!-- <template #itemTopSection>
               <view class="min-w-10 min-h-10 bg-red-500/50"></view>
@@ -72,7 +77,10 @@ defineSlots<{
                 v-bind="{ ...item, ...attrs }"
                 layoutType="vertical"
                 className="!h-full"
-                :imageStyle="{ height: `${imageHeightPercent}%` }"
+                :imageStyle="{
+                  height: imageHeight ?? `${imageHeightPercent}%`,
+                  ...(attrs?.imageStyle ?? {}),
+                }"
               >
                 <!-- <template #itemTopSection>
                   <view class="min-w-10 min-h-10 bg-red-500/50"></view>

package/components/lcb-product/types.ts

@@ -3,6 +3,9 @@ export interface LcbProductProps {
   listType?: 'list' | 'horizontal' | 'grid' | 'waterfall' // 1列表 2 左右滑动 3一行两个 4瀑布流
   imageWidthPercent?: number
   imageHeightPercent?: number
+  imageWidth?: number
+  imageHeight?: number
+  imageRadius?: number
   itemHeight?: number // 列表项高度
   items?: Record<string, any>[]
 }

package/components/lcb-user-order/lcb-user-order.vue

@@ -1,60 +1,55 @@
 <template>
-  <lcb-block v-bind="$props" customClass="flex flex-justify-between">
-    <view
-      class="flex flex-col flex-justify-center items-center"
-      @click="onClick(item)"
-      v-for="item in iconList"
-      :key="item.id"
-    >
+  <lcb-block v-bind="$props">
+    <view class="flex justify-between">
       <view
-        class="position-relative"
-        :style="{
-          height: transformValueUnit(iconSize),
-          width: transformValueUnit(iconSize),
-        }"
-        @click="onClick"
+        class="flex flex-col flex-justify-center items-center"
+        @click="onClick(item)"
+        v-for="item in items"
+        :key="item.iconTitle"
       >
-        <view v-if="item.iconType === 0">
-          <wd-icon
-            class-prefix="lcb"
-            v-bind="{
-              name: item.iconName || '',
-              size: transformValueUnit(iconSize),
-              color: iconColor,
-            }"
-          />
-        </view>
         <view
-          v-if="item.iconType === 1"
-          class="bg-no-repeat bg-contain"
+          class="position-relative"
           :style="{
             height: transformValueUnit(iconSize),
             width: transformValueUnit(iconSize),
-            color: iconColor,
-            backgroundImage: `url('${item.iconUpload}')`,
           }"
-        />
+        >
+          <wd-badge :modelValue="dataInfo[item.countKey || ''] || 0" :max="99">
+            <wd-icon
+              v-if="item.iconType === 0"
+              class-prefix="lcb"
+              v-bind="{
+                name: item.iconName || '',
+                size: transformValueUnit(iconSize),
+                color: iconColor,
+              }"
+            />
+
+            <wd-img
+              v-if="item.iconType === 1"
+              :height="transformValueUnit(iconSize)"
+              :width="transformValueUnit(iconSize)"
+              :src="item.iconUpload"
+            />
+          </wd-badge>
+        </view>
         <view
-          v-if="item.id < 5"
-          class="pos-absolute bg-#f23d3d pos-top-0 pos-right-0 w-8px h-8px rounded-4px"
-        />
-      </view>
-      <view
-        class="flex flex-justify-between text-center"
-        :style="{
-          color: textColor,
-          fontSize: transformValueUnit(textSize),
-          marginTop: transformValueUnit((textSize || 0) / 3),
-        }"
-      >
-        {{ item.iconTitle }}
+          class="flex flex-justify-between text-center"
+          :style="{
+            color: textColor,
+            fontSize: transformValueUnit(textSize),
+            marginTop: transformValueUnit((textSize || 0) / 3),
+          }"
+        >
+          {{ item.iconTitle }}
+        </view>
       </view>
     </view>
   </lcb-block>
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue'
+import { ref, watch } from 'vue'
 import { LcbUserOrderProps, IIconList } from './types'
 import { transformValueUnit } from '../../utils/transform'
 defineOptions({
@@ -65,7 +60,7 @@ defineOptions({
     styleIsolation: 'shared',
   },
 })
-const onClick = (item: any) => {
+const onClick = (item: IIconList) => {
   uni.navigateTo({
     url: `/pages/order/index?status=${item.status}`,
   })
@@ -75,25 +70,17 @@ const props = withDefaults(defineProps<LcbUserOrderProps>(), {
   paddingHorizontal: 0,
   blurSize: 5,
 })
-const statusNumbers = ['0', '1', '4', '2', '3', '5', '']
-const iconList = computed(() => {
-  const list: IIconList[] = []
-  for (let i = 0; i < statusNumbers.length; i++) {
-    const item = statusNumbers[i]
-    const isShow = props['iconShow' + item]
-    if (isShow !== false) {
-      list.push({
-        id: i,
-        iconType: props['iconType' + item],
-        iconTitle: props['iconTitle' + item],
-        iconName: props['iconName' + item],
-        iconUpload: props['iconUpload' + item],
-        status: item,
-      })
+const dataInfo = ref<Record<string, any>>({})
+watch(
+  () => props.dataUrl,
+  async (url) => {
+    if (url) {
+      const { data } = await uni.$lcb.http.post(url)
+      dataInfo.value = data as Record<string, any>
     }
-  }
-  return list as IIconList[]
-})
+  },
+  { immediate: true },
+)
 </script>
 
 <style lang="scss" scoped></style>

package/components/lcb-user-order/types.ts

@@ -1,23 +1,17 @@
 export interface IIconList {
-  id: number
-  iconType: number
+  iconType: 0 | 1
   iconTitle?: string
   iconName?: string
   iconUpload?: string
-  status?: any
+  status?: string
+  countKey?: string
 }
 
 export interface LcbUserOrderProps {
-  // Define the component's prop types here
+  dataUrl?: string
   marginTop?: number
   marginBottom?: number
   marginHorizontal?: number
-  // marginLeft?: number
-  // marginRight?: number
-  // paddingTop?: number
-  // paddingBottom?: number
-  // paddingLeft?: number
-  // paddingRight?: number
   paddingVertical?: number
   paddingHorizontal?: number
   backgroundColor?: string
@@ -30,42 +24,5 @@ export interface LcbUserOrderProps {
   shadowColor?: string
   shadowSize?: number
   blurSize?: number
-
-  iconTitle0?: string
-  iconType0?: 0 | 1
-  iconName0?: string
-  iconUpload0?: string
-
-  iconTitle1?: string
-  iconType1?: 0 | 1
-  iconName1?: string
-  iconUpload1?: string
-  iconShow1?: boolean
-
-  iconTitle2?: string
-  iconType2?: 0 | 1
-  iconName2?: string
-  iconUpload2?: string
-  iconShow2?: boolean
-
-  iconTitle3?: string
-  iconType3?: 0 | 1
-  iconName3?: string
-  iconUpload3?: string
-  iconShow3?: boolean
-
-  iconTitle4?: string
-  iconType4?: 0 | 1
-  iconName4?: string
-  iconUpload4?: string
-  iconShow4?: boolean
-
-  iconTitle5?: string
-  iconType5?: 0 | 1
-  iconName5?: string
-  iconUpload5?: string
-  iconTitle?: string
-  iconType?: 0 | 1
-  iconName?: string
-  iconUpload?: string
+  items: IIconList[]
 }

package/components/lcb-vip/api/index.ts

@@ -0,0 +1,33 @@
+import { $lcb } from 'index'
+import { LcbActionViewProps } from '../../lcb-action-view/types'
+import { ActionView } from '../../../action'
+
+export interface CurrentRightsDetail {
+  coverImg: string
+  effectiveDate: string
+  sumPoint: number
+  upgradeTips: string
+  usePoint: number
+  usedPoint: number
+  userLevelName: string
+  userLevelRightsList: UserLevelRightsList[]
+  waitPoint: number
+}
+
+export interface UserLevelRightsList extends ActionView {
+  categoryId: string
+  categoryName: string
+  categoryTags: string
+  icon: string
+  userRightsConfigId: string
+  userRightsContent: string
+  userRightsSubTitle: string
+  userRightsTitle: string
+  link: LcbActionViewProps
+  userRightsType: string
+  weightSort: string
+  qrCode: string
+  qrCodeTips: string
+}
+export const currentRightsDetail = () =>
+  $lcb.http.post<CurrentRightsDetail>('/userLevel/currentRightsDetail')

package/components/lcb-vip/components/InfoDialog/index.vue

@@ -0,0 +1,51 @@
+<template>
+  <wd-popup v-model="show" custom-style="background:transparent" @close="show = false" closable>
+    <view class="pop-view flex justify-center flex-col items-center" v-if="data">
+      <view class="text-4 mb-4">{{ data.userRightsTitle }}</view>
+      <mp-html :content="data.userRightsContent" v-if="data.userRightsContent" />
+      <wd-img :src="data.qrCode" class="mt-2.5" width="340rpx" height="340rpx" v-if="data.qrCode" />
+      <view class="text-3 text-#969696 mt-1" v-if="data.qrCodeTips">{{ data.qrCodeTips }}</view>
+      <wd-button
+        type="primary"
+        plain
+        custom-class="!rounded-10rpx !mt-4 "
+        @click="onDrawdown"
+        v-if="['voucher', 'cashVoucher'].includes(data.userRightsType)"
+      >
+        {{ translate('领取') }}
+      </wd-button>
+    </view>
+  </wd-popup>
+</template>
+
+<script setup lang="ts">
+import { useTranslate } from '@tplc/wot'
+import { UserLevelRightsList } from '../../api'
+import mpHtml from 'mp-html/src/uni-app/components/mp-html/mp-html.vue'
+import { ref, watch } from 'vue'
+const { translate } = useTranslate()
+const show = ref(false)
+const props = defineProps<{
+  data?: UserLevelRightsList
+}>()
+watch(
+  () => props.data,
+  (val) => {
+    if (val) show.value = true
+  },
+)
+const onDrawdown = () => {
+  uni.navigateTo({
+    url: `/pages/drawdown/drawdown?from=vip&id=${props.data?.userRightsConfigId}`,
+  })
+}
+</script>
+<style lang="scss" scoped>
+.pop-view {
+  width: 606rpx;
+  background: #ffffff;
+  border-radius: 40rpx;
+  padding: 40rpx;
+  color: #000000;
+}
+</style>

package/components/lcb-vip/lcb-vip.vue

@@ -0,0 +1,85 @@
+<template>
+  <lcb-block v-bind="$props" v-if="info">
+    <view class="text-3">
+      <view class="relative">
+        <wd-img
+          :src="getJsonStrFirstUrl(info.coverImg)"
+          width="100%"
+          :height="transformValueUnit(cardHeight)"
+        />
+        <view class="absolute w-20 text-center leading-6 top-0 left-0">
+          {{ info.effectiveDate }}
+        </view>
+        <view
+          class="absolute leading-4.5 top-156rpx left-4 flex items-center gap-0.5"
+          @click="$lcb.navigateTo('/pages-subs/vip/points')"
+        >
+          <view>{{ translate('消费积分') }} {{ info.sumPoint }}</view>
+          <wd-icon classPrefix="lcb" name="xiangyou" size="24rpx" color="#000" />
+        </view>
+        <view
+          class="absolute text-2.5 w-662rpx leading-8 bottom-2.5 left-2.5 flex items-center gap-0.5"
+          @click="$lcb.navigateTo('/pages-subs/vip/upgrade-guide')"
+        >
+          <view class="flex-1 truncate">
+            {{ info.upgradeTips }}
+          </view>
+          <view>{{ translate('攻略') }}</view>
+          <wd-icon classPrefix="lcb" name="xiangyou" size="24rpx" color="#000" />
+        </view>
+      </view>
+      <lcb-img-nav
+        :items="info.userLevelRightsList"
+        :styleGroup="2"
+        :pictureDistribution="itemNum"
+        :iconType="1"
+        :iconSize="itemIconSize"
+        :color="itemTextColor"
+        :iconTextMargin="24"
+        :textSize="itemTextSize"
+        urlKey="icon"
+        titleKey="userRightsTitle"
+        @click="onItemClick"
+      />
+      <InfoDialog :data="current" />
+    </view>
+  </lcb-block>
+</template>
+
+<script setup lang="ts">
+import { LcbVipProps } from './types'
+import { getJsonStrFirstUrl, transformValueUnit } from '../../utils/transform'
+import { onMounted, ref } from 'vue'
+import { CurrentRightsDetail, currentRightsDetail, UserLevelRightsList } from './api'
+import { useTranslate } from '@tplc/wot'
+import { $lcb } from 'index'
+import InfoDialog from './components/InfoDialog/index.vue'
+const { translate } = useTranslate()
+defineOptions({
+  name: 'LcbVip',
+  options: {
+    addGlobalClass: true,
+    virtualHost: true,
+    styleIsolation: 'shared',
+  },
+})
+withDefaults(defineProps<LcbVipProps>(), {
+  cardHeight: 340,
+  itemIconSize: 84,
+  itemNum: 5,
+  itemTextColor: '#fff',
+  itemTextSize: 24,
+})
+const info = ref<CurrentRightsDetail>()
+const current = ref<UserLevelRightsList>()
+const onItemClick = (item: UserLevelRightsList) => {
+  current.value = item
+}
+
+onMounted(async () => {
+  const { data } = await currentRightsDetail()
+  info.value = data
+})
+</script>
+
+<style lang="scss" scoped></style>

package/components/lcb-vip/types.ts

@@ -0,0 +1,8 @@
+import { LcbBlockProps } from './../lcb-block/types'
+export interface LcbVipProps extends LcbBlockProps {
+  cardHeight: number
+  itemNum: 3 | 4 | 5
+  itemIconSize: number
+  itemTextColor: string
+  itemTextSize: number
+}

package/global.d.ts

@@ -29,6 +29,7 @@ declare module 'vue' {
     'lcb-user-order': (typeof import('./types/components/lcb-user-order/lcb-user-order.vue'))['default']
     'lcb-user-top': (typeof import('./types/components/lcb-user-top/lcb-user-top.vue'))['default']
     'lcb-video': (typeof import('./types/components/lcb-video/lcb-video.vue'))['default']
+    'lcb-vip': (typeof import('./types/components/lcb-vip/lcb-vip.vue'))['default']
   }
 }
 

package/index.ts

@@ -1,6 +1,10 @@
 import { LcbGlobal } from './action'
 
-export const $lcb: LcbGlobal = {} as LcbGlobal
+export const $lcb: LcbGlobal = {
+  navigateTo: (url) => {
+    uni.navigateTo({ url })
+  },
+} as LcbGlobal
 uni.$lcb = $lcb
 // #ifdef H5
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tplc/business",
-  "version": "0.0.57",
+  "version": "0.0.59",
   "keywords": [
     "业务组件"
   ],
@@ -11,7 +11,7 @@
   },
   "peerDependencies": {
     "vue": ">=3.2.47",
-    "@tplc/wot": "0.1.23"
+    "@tplc/wot": "0.1.25"
   },
   "engines": {
     "node": ">=18",

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

@@ -9,6 +9,7 @@ declare const __VLS_component: import('vue').DefineComponent<
       backgroundSize: string
       backgroundRepeat: string
       backgroundPosition: string
+      opacity: number
     }
   >,
   {},
@@ -28,6 +29,7 @@ declare const __VLS_component: import('vue').DefineComponent<
           backgroundSize: string
           backgroundRepeat: string
           backgroundPosition: string
+          opacity: number
         }
       >
     >

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

@@ -17,6 +17,8 @@ export interface LcbBlockProps {
   shadowSize?: number
   /** 模糊大小 */
   blurSize?: number
+  /** 透明度 */
+  opacity?: number
   paddingTop?: number
   paddingBottom?: number
   paddingLeft?: number

package/types/components/lcb-img-nav/lcb-img-nav.vue.d.ts

@@ -11,6 +11,9 @@ declare const _default: import('vue').DefineComponent<
       paddingHorizontal: number
       iconTextMargin: number
       pictureDistribution: number
+      textSize: number
+      urlKey: string
+      titleKey: string
     }
   >,
   {},
@@ -19,7 +22,9 @@ declare const _default: import('vue').DefineComponent<
   {},
   import('vue').ComponentOptionsMixin,
   import('vue').ComponentOptionsMixin,
-  {},
+  {
+    click: (...args: any[]) => void
+  },
   string,
   import('vue').PublicProps,
   Readonly<
@@ -35,10 +40,15 @@ declare const _default: import('vue').DefineComponent<
           paddingHorizontal: number
           iconTextMargin: number
           pictureDistribution: number
+          textSize: number
+          urlKey: string
+          titleKey: string
         }
       >
     >
-  >,
+  > & {
+    onClick?: ((...args: any[]) => any) | undefined
+  },
   {
     paddingHorizontal: number
     paddingVertical: number
@@ -48,6 +58,9 @@ declare const _default: import('vue').DefineComponent<
     pictureDistribution: 3 | 4 | 5
     iconRadius: number
     iconTextMargin: number
+    textSize: number
+    urlKey: string
+    titleKey: string
   },
   {}
 >

package/types/components/lcb-img-nav/types.d.ts

@@ -27,4 +27,7 @@ export interface LcbImgNavProps extends LcbBlockProps {
   fontSize?: number
   color?: string
   titlePadding?: number
+  textSize?: number
+  urlKey?: string
+  titleKey?: string
 }

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

@@ -21,10 +21,13 @@ declare const __VLS_component: import('vue').DefineComponent<
     >
   >,
   {
+    imageRadius: number
     items: Record<string, any>[]
+    imageWidth: number
     listType: 'list' | 'horizontal' | 'grid' | 'waterfall'
     imageWidthPercent: number
     imageHeightPercent: number
+    imageHeight: number
     itemHeight: number
   },
   {}

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

@@ -2,6 +2,9 @@ export interface LcbProductProps {
   listType?: 'list' | 'horizontal' | 'grid' | 'waterfall'
   imageWidthPercent?: number
   imageHeightPercent?: number
+  imageWidth?: number
+  imageHeight?: number
+  imageRadius?: number
   itemHeight?: number
   items?: Record<string, any>[]
 }

package/types/components/lcb-user-order/types.d.ts

@@ -1,12 +1,13 @@
 export interface IIconList {
-  id: number
-  iconType: number
+  iconType: 0 | 1
   iconTitle?: string
   iconName?: string
   iconUpload?: string
-  status?: any
+  status?: string
+  countKey?: string
 }
 export interface LcbUserOrderProps {
+  dataUrl?: string
   marginTop?: number
   marginBottom?: number
   marginHorizontal?: number
@@ -22,36 +23,5 @@ export interface LcbUserOrderProps {
   shadowColor?: string
   shadowSize?: number
   blurSize?: number
-  iconTitle0?: string
-  iconType0?: 0 | 1
-  iconName0?: string
-  iconUpload0?: string
-  iconTitle1?: string
-  iconType1?: 0 | 1
-  iconName1?: string
-  iconUpload1?: string
-  iconShow1?: boolean
-  iconTitle2?: string
-  iconType2?: 0 | 1
-  iconName2?: string
-  iconUpload2?: string
-  iconShow2?: boolean
-  iconTitle3?: string
-  iconType3?: 0 | 1
-  iconName3?: string
-  iconUpload3?: string
-  iconShow3?: boolean
-  iconTitle4?: string
-  iconType4?: 0 | 1
-  iconName4?: string
-  iconUpload4?: string
-  iconShow4?: boolean
-  iconTitle5?: string
-  iconType5?: 0 | 1
-  iconName5?: string
-  iconUpload5?: string
-  iconTitle?: string
-  iconType?: 0 | 1
-  iconName?: string
-  iconUpload?: string
+  items: IIconList[]
 }

package/types/components/lcb-vip/api/index.d.ts

@@ -0,0 +1,31 @@
+import { LcbActionViewProps } from '../../lcb-action-view/types'
+import { ActionView } from '../../../action'
+export interface CurrentRightsDetail {
+  coverImg: string
+  effectiveDate: string
+  sumPoint: number
+  upgradeTips: string
+  usePoint: number
+  usedPoint: number
+  userLevelName: string
+  userLevelRightsList: UserLevelRightsList[]
+  waitPoint: number
+}
+export interface UserLevelRightsList extends ActionView {
+  categoryId: string
+  categoryName: string
+  categoryTags: string
+  icon: string
+  userRightsConfigId: string
+  userRightsContent: string
+  userRightsSubTitle: string
+  userRightsTitle: string
+  link: LcbActionViewProps
+  userRightsType: string
+  weightSort: string
+  qrCode: string
+  qrCodeTips: string
+}
+export declare const currentRightsDetail: () => Promise<
+  import('../../../action').IResData<CurrentRightsDetail>
+>

package/types/components/lcb-vip/components/InfoDialog/index.vue.d.ts

@@ -0,0 +1,36 @@
+import { UserLevelRightsList } from '../../api'
+declare const _default: import('vue').DefineComponent<
+  __VLS_TypePropsToOption<{
+    data?: UserLevelRightsList
+  }>,
+  {},
+  unknown,
+  {},
+  {},
+  import('vue').ComponentOptionsMixin,
+  import('vue').ComponentOptionsMixin,
+  {},
+  string,
+  import('vue').PublicProps,
+  Readonly<
+    import('vue').ExtractPropTypes<
+      __VLS_TypePropsToOption<{
+        data?: UserLevelRightsList
+      }>
+    >
+  >,
+  {},
+  {}
+>
+export default _default
+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-vip/lcb-vip.vue.d.ts

@@ -0,0 +1,68 @@
+import { LcbVipProps } from './types'
+declare const _default: import('vue').DefineComponent<
+  __VLS_WithDefaults<
+    __VLS_TypePropsToOption<LcbVipProps>,
+    {
+      cardHeight: number
+      itemIconSize: number
+      itemNum: number
+      itemTextColor: string
+      itemTextSize: number
+    }
+  >,
+  {},
+  unknown,
+  {},
+  {},
+  import('vue').ComponentOptionsMixin,
+  import('vue').ComponentOptionsMixin,
+  {},
+  string,
+  import('vue').PublicProps,
+  Readonly<
+    import('vue').ExtractPropTypes<
+      __VLS_WithDefaults<
+        __VLS_TypePropsToOption<LcbVipProps>,
+        {
+          cardHeight: number
+          itemIconSize: number
+          itemNum: number
+          itemTextColor: string
+          itemTextSize: number
+        }
+      >
+    >
+  >,
+  {
+    cardHeight: number
+    itemNum: 3 | 4 | 5
+    itemIconSize: number
+    itemTextColor: string
+    itemTextSize: number
+  },
+  {}
+>
+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_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-vip/types.d.ts

@@ -0,0 +1,8 @@
+import { LcbBlockProps } from './../lcb-block/types'
+export interface LcbVipProps extends LcbBlockProps {
+  cardHeight: number
+  itemNum: 3 | 4 | 5
+  itemIconSize: number
+  itemTextColor: string
+  itemTextSize: number
+}

package/types/index.d.ts

@@ -0,0 +1,6 @@
+import { LcbGlobal } from './action'
+export declare const $lcb: LcbGlobal
+declare const _default: {
+  install: (Vue: any) => void
+}
+export default _default

package/types/utils/transform.d.ts

@@ -1 +1,5 @@
 export declare const transformValueUnit: (value?: number, uni?: string) => string
+/** 获取json字符串第一个url */
+export declare const getJsonStrFirstUrl: (jsonStr?: string) => any
+/** 获取json字符串列表 */
+export declare const getJsonStrList: (jsonStr?: string) => any

package/utils/transform.ts

@@ -1,3 +1,14 @@
 export const transformValueUnit = (value?: number, uni = 'rpx') => {
   return typeof value === 'number' ? value + uni : '0rpx'
 }
+
+/** 获取json字符串第一个url */
+export const getJsonStrFirstUrl = (jsonStr = '[]') => {
+  const json = JSON.parse(jsonStr)
+  return json[0]
+}
+
+/** 获取json字符串列表 */
+export const getJsonStrList = (jsonStr = '[]') => {
+  return JSON.parse(jsonStr)
+}