@tplc/business 0.0.22 → 0.0.25

package/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 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.25](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.0.24...v0.0.25) (2024-09-25)
+
+
+### ✨ Features | 新功能
+
+* 更新组件库版本 ([36a4708](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/36a470830951a4a071944e1d96f960ec31830ddb))
+
+### [0.0.24](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.0.23...v0.0.24) (2024-09-25)
+
+### [0.0.23](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.1.9...v0.0.23) (2024-09-25)
+
 ### [0.0.22](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.0.21...v0.0.22) (2024-09-24)
 
 ### [0.0.21](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.1.7...v0.0.21) (2024-09-24)

package/components/lcb-image/Image/index.vue

@@ -78,6 +78,7 @@ function getRealSize(size: number = 0) {
   if (mode !== 3 && props.marginHorizontal) realWidth -= props.marginHorizontal * 2
   const imgSpan = props.imageMargin
   if (mode === 2 && imgSpan) realWidth -= (lens - 1) / 2
+  // console.log('size', size, 'realWidth', realWidth, 'props.marginHorizontal', props.marginHorizontal)
   return (realWidth / 375) * size
 }
 </script>

package/components/lcb-image/lcb-image.vue

@@ -76,6 +76,7 @@ const imageProps = computed(() => {
     imageSize: props.imageSize,
     imageMargin: props.imageMargin,
     imageRadius: props.imageRadius,
+    marginHorizontal: props.marginHorizontal,
     enablePreview: props.enablePreview,
     styleGroup: props.styleGroup,
   }

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

@@ -1,42 +1,23 @@
 <template>
   <lcb-block v-bind="$props">
-    <view
-      :style="{
-        gridTemplateColumns: `repeat(${pictureDistribution}, minmax(0, 1fr))`,
-      }"
-      :class="[styleGroup === 2 ? 'mutil' : 'single']"
-    >
-      <lcb-action-view
-        v-for="item in items"
-        :key="item.title"
-        v-bind="item.link"
-        custom-class="!flex flex-col justify-center items-center"
-      >
-        <view
-          class="overflow-hidden"
-          :style="{
-            marginBottom: iconTextMargin + 'rpx',
-          }"
-        >
+    <lcb-title v-if="showTitle" :title="title" :marginHorizontal="0" />
+    <view :style="{
+      gridTemplateColumns: `repeat(${pictureDistribution}, minmax(0, 1fr))`,
+    }" :class="[styleGroup === 2 ? 'mutil' : 'single']">
+      <lcb-action-view v-for="item in items" :key="item.title" v-bind="item.link"
+        custom-class="!flex flex-col justify-center items-center">
+        <view class="overflow-hidden" :style="{
+          marginBottom: iconTextMargin + 'rpx',
+        }">
           <!-- <div v-if="iconType === 0" class="flex justify-center items-center"> -->
-          <wd-icon
-            v-if="iconType === 0"
-            class-prefix="iconfont"
-            :name="item.icon!"
-            :size="iconSize + 'rpx'"
-            :color="iconColor"
-          />
+          <wd-icon v-if="iconType === 0" class-prefix="iconfont" :name="item.icon!" :size="iconSize + 'rpx'"
+            :color="iconColor" />
           <!-- </div> -->
-          <img
-            v-else
-            class="block"
-            :style="{
-              borderRadius: iconRadius + 'rpx',
-              height: iconSize + 'rpx',
-              width: iconSize + 'rpx',
-            }"
-            :src="item.url"
-          />
+          <img v-else class="block" :style="{
+            borderRadius: iconRadius + 'rpx',
+            height: iconSize + 'rpx',
+            width: iconSize + 'rpx',
+          }" :src="item.url" />
         </view>
         <view class="title">{{ item.title }}</view>
       </lcb-action-view>
@@ -75,14 +56,17 @@ withDefaults(defineProps<LcbImgNavProps>(), {
   width: 100%;
   overflow-x: auto;
   white-space: nowrap;
-  > view {
+
+  >view {
     display: inline-flex;
   }
 }
+
 .mutil {
   display: grid;
   row-gap: 36rpx;
 }
+
 .title {
   width: 68px;
   overflow: hidden;

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

@@ -22,4 +22,8 @@ export interface LcbImgNavProps extends LcbBlockProps {
   iconRadius?: number
   /** 文字与图标距离 */
   iconTextMargin?: number
+
+  //是否显示标题
+  showTitle?: boolean
+  title?: string
 }

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

@@ -92,7 +92,7 @@ import { ICapsule, NavProps } from './types'
 import Title from './Title/index.vue'
 import Search from './Search/index.vue'
 import { onPageScroll } from '@dcloudio/uni-app'
-
+import { Locale } from '@tplc/wot'
 defineOptions({
   name: 'LcbNav',
   options: {
@@ -184,7 +184,16 @@ const onCapsule = ({ action }: ICapsule) => {
       })
       break
     case 'translate':
-      toBack()
+      uni.showActionSheet({
+        itemList: ['中文', '英文'],
+        success: (res) => {
+          if (res.tapIndex === 0) {
+            Locale.use('zh-CN')
+          } else {
+            Locale.use('en-US')
+          }
+        },
+      })
       break
     case 'setting':
       uni.navigateTo({

package/components/{lcb-notice-bar → lcb-notice}/Item/index.vue

@@ -1,13 +1,34 @@
 <template>
-  <view class="flex">
+  <view class="flex items-center">
+    <div
+      v-if="iconType === 1"
+      class="overflow-hidden bg-no-repeat bg-contain mr-12rpx"
+      :style="{
+        height: transformValueUnit(40),
+        width: transformValueUnit(40),
+        // color: textColor,
+        backgroundImage: `url('${item?.icon}')`,
+      }"
+    />
+    <view v-if="iconType === 0" class="mr-12rpx">
+      <wd-icon
+        class-prefix="iconfont"
+        v-bind="{
+          name: item?.icon || '',
+          size: transformValueUnit(40),
+          // color: textColor,
+        }"
+      />
+    </view>
     <view class="flex-1 noticeBar relative overflow-hidden">
       <view
-        :class="`absolute left0 top0 noticeItem flex overflow-hidden${lens == 1 ? ' infinite' : ''}${showAni ? ' animation' : ''}`"
+        :class="`text-28rpx absolute left-0 top-0 noticeItem flex overflow-hidden${lens == 1 ? ' infinite' : ''}${showAni ? ' animation' : ''}`"
         :style="{
-          animationDuration: getTime(text),
+          animationDuration: getTime(item?.noticeContent),
         }"
       >
-        {{ text }}
+        {{ item?.noticeContent }}
+        <lcb-action-view v-bind="item?.link" customClass="absolute top-0 left-0 right-0 bottom-0" />
       </view>
     </view>
   </view>
@@ -16,6 +37,7 @@
 <script setup lang="ts">
 import { NoticeBarItemProps } from '../types'
 import { computed } from 'vue'
+import { transformValueUnit } from '../../../utils/transform'
 defineOptions({
   name: 'NoticeBarItem',
   options: {
@@ -24,7 +46,9 @@ defineOptions({
     styleIsolation: 'shared',
   },
 })
-const props = defineProps<NoticeBarItemProps>()
+const props = withDefaults(defineProps<NoticeBarItemProps>(), {
+  textSpeed: 1,
+})
 // const { proxy } = getCurrentInstance() as any
 const showAni = computed(() => {
   // const query = uni.createSelectorQuery().in(proxy)
@@ -32,12 +56,15 @@ const showAni = computed(() => {
   // query.exec((res) => {
   //   console.log(res)
   // })
-  return props.current === props.idx && (props.text?.length || 0) > 25
+  const len = props.item?.noticeContent?.length || 0
+  // console.log('showAni', props.idx, len)
+  return props.current === props.idx && len > 25
 })
 
 function getTime(text: string | undefined) {
   const len = text?.length || 0
-  return `${(50 - len) / 10 + 3}s`
+  // console.log('item---', props.textSpeed)
+  return `${((50 - len) / 10) * props.textSpeed + 3}s`
 }
 </script>
 <style lang="scss" scoped>

package/components/{lcb-notice-bar/lcb-notice-bar.vue → lcb-notice/lcb-notice.vue}

@@ -1,9 +1,23 @@
 <template>
   <lcb-block v-bind="$props">
-    <swiper class="swiper" circular :autoplay="true" :disableTouch="true" :interval="interval" :vertical="vertical"
-      @change="onSwiperChange">
-      <swiper-item v-for="item in items" :key="item.id">
-        <Item :idx="0" :current="current" :text="item.text" :lens="items?.length" />
+    <swiper
+      class="swiper"
+      circular
+      :autoplay="true"
+      :disableTouch="true"
+      :interval="interval"
+      :vertical="direction == 'up'"
+      @change="onSwiperChange"
+    >
+      <swiper-item v-for="(item, idx) in items" :key="item.id">
+        <Item
+          :idx="idx"
+          :current="current"
+          :lens="items?.length"
+          :iconType="iconType"
+          :item="item"
+          :textSpeed="textSpeed"
+        />
       </swiper-item>
       <!-- <swiper-item>
         <Item :idx="1" :current="current" text="请填写公告111" @setInterval="onSetInterval" />
@@ -21,7 +35,7 @@ import { LcbNoticeBarProps } from './types'
 import Item from './Item/index.vue'
 
 defineOptions({
-  name: 'LcbNoticeBar',
+  name: 'LcbNotice',
   options: {
     addGlobalClass: true,
     virtualHost: true,
@@ -30,12 +44,13 @@ defineOptions({
 })
 
 const props = withDefaults(defineProps<LcbNoticeBarProps>(), {
-
+  textSpeed: 1,
 })
 
 function getTime(text: string | undefined) {
-  const len = text?.length || 0;
-  return len > 25 ? (50 - len) / 10 * 1200 + 3000 : 3000;
+  const len = text?.length || 0
+  // console.log('props.textSpeed', len, props.textSpeed)
+  return len > 25 ? ((50 - len) / 10) * props.textSpeed * 1000 + 3000 : 3000
 }
 // const params = ref<number>(0)
 // const model = defineModel<number>()
@@ -43,17 +58,15 @@ const current = defineModel({ type: Number, default: 0 })
 const interval = defineModel('interval', { type: Number, default: 3000 })
 function onSwiperChange(item: any) {
   // console.log('current.value', current.value)
-  current.value = item?.detail?.current;
-  interval.value = getTime(props.items?.[current.value]?.text);
+  current.value = item?.detail?.current
+  interval.value = getTime(props.items?.[current.value]?.noticeContent)
   // console.log('onSwiperChange item', item)
   // console.log('interval.value', interval.value)
 }
 
-
 // function onSetInterval(val: number) {
 //   interval.value = val;
 // }
-
 </script>
 
 <style lang="scss" scoped>

package/components/{lcb-notice-bar → lcb-notice}/types.ts

@@ -1,13 +1,18 @@
-// import { ActionView } from 'action'
+import { LcbActionViewProps } from '../../components/lcb-action-view/types'
 interface NoticeItem {
   id?: number
-  text?: string
+  noticeContent?: string
+  icon?: string
+  link?: LcbActionViewProps
 }
 
 export interface LcbNoticeBarProps {
   // Define the component's prop types here
   items?: Partial<NoticeItem>[]
   vertical?: boolean
+  iconType?: number
+  direction?: string
+  textSpeed?: number
 }
 
 export interface NoticeBarItemProps {
@@ -15,5 +20,8 @@ export interface NoticeBarItemProps {
   current?: number
   text?: string
   lens?: number
+  iconType?: number
+  item?: NoticeItem,
+  textSpeed?: number
   // setInterval?: Function
 }

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

@@ -54,7 +54,7 @@ const props = withDefaults(defineProps<LcbUserOrderProps>(), {
   paddingHorizontal: 0,
   blurSize: 5,
 })
-const statusNumbers = ['0', '1', '2', '3', '5', '']
+const statusNumbers = ['0', '1', '4', '2', '3', '5', '']
 const iconList = computed(() => {
   const list: IIconList[] = []
   for (let i = 0; i < statusNumbers.length; i++) {

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

@@ -35,20 +35,31 @@ export interface LcbUserOrderProps {
   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

package/components/lcb-user-top/Nums/index.vue

@@ -0,0 +1,20 @@
+<template>
+  <View class="">
+    <view class="font-bold leading-none" :style="{
+      fontSize: transformValueUnit(numsSize),
+      color: numsColor,
+    }">0</view>
+    <view class="mt-15rpx" :style="{
+      fontSize: transformValueUnit(titleSize),
+      color: titleColor,
+    }">{{ title }}</view>
+  </View>
+</template>
+
+<script setup lang="ts">
+import { NumsItemProps } from '../types'
+import { transformValueUnit } from '../../../utils/transform'
+
+defineProps<NumsItemProps>()
+
+</script>

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

@@ -1,96 +1,74 @@
 <template>
-  <lcb-block
-    v-bind="{
-      paddingTop,
-      paddingBottom,
-      paddingLeft,
-      paddingRight,
-      backgroundColor: bgStyle === 1 ? backgroundColor : '',
-      backgroundImage: bgStyle === 2 ? backgroundImage : '',
-    }"
-  >
+  <lcb-block v-bind="{
+    paddingTop,
+    paddingBottom,
+    paddingHorizontal,
+    backgroundColor: bgStyle === 1 ? backgroundColor : '',
+    backgroundImage: bgStyle === 2 ? backgroundImage : '',
+  }">
+    <view class="anyTopGap" :style="{
+      paddingTop: padTop,
+    }" />
     <view class="flex flex-items-center">
-      <wd-img
-        v-if="!!photoUrl"
-        v-bind="{
-          width: transformValueUnit(photoSize),
-          height: transformValueUnit(photoSize),
-          round: photoRound,
-          src: photoUrl,
-        }"
-        class="mr-20rpx"
-      />
-      <view
-        v-if="!photoUrl"
-        :style="{
-          width: transformValueUnit(photoSize),
-          height: transformValueUnit(photoSize),
-          borderRadius: photoRound ? '50%' : '',
-        }"
-        class="bg-#eee userPlace mr-20rpx"
-      >
+      <wd-img v-if="!!photoUrl" v-bind="{
+        width: transformValueUnit(photoSize),
+        height: transformValueUnit(photoSize),
+        round: photoRound,
+        src: photoUrl,
+      }" class="mr-20rpx" />
+      <view v-if="!photoUrl" :style="{
+        width: transformValueUnit(photoSize),
+        height: transformValueUnit(photoSize),
+        borderRadius: photoRound ? '50%' : '',
+      }" class="bg-#eee userPlace mr-40rpx">
         <!-- flex justify-center items-center overflow-hidden relative -->
         <!-- <wd-icon name="user" :size="transformValueUnit(photoSize * 0.9)" color="#ddd" class="absolute photoIcon"></wd-icon> -->
       </view>
       <view class="flex-1">
-        <view
-          class="font-bold"
-          :style="{
-            fontSize: transformValueUnit(textSize),
-            color: textColor,
-          }"
-        >
-          用户
+        <view class="font-bold" :style="{
+          fontSize: transformValueUnit(textSize),
+          color: textColor,
+        }">
+          授权登录
         </view>
         <view class="flex" v-if="editBtn == true">
-          <view
-            class="flex flex-content-center flex-items-center mt-5px border-style-solid"
-            :style="{
-              color: textColor,
-              borderWidth: editBorder ? transformValueUnit(1) : 0,
-              borderColor: textColor,
-              padding: editBorder ? `2px ${editSize / 2.5}px 2px ${editSize / 2.5}px` : '',
-              borderRadius: transformValueUnit(30),
-              fontSize: transformValueUnit(editSize),
-            }"
-          >
+          <view class="flex flex-content-center flex-items-center mt-5px border-style-solid" :style="{
+            color: textColor,
+            borderWidth: editBorder ? transformValueUnit(1) : 0,
+            borderColor: textColor,
+            padding: editBorder ? `2px ${editSize / 2.5}px 2px ${editSize / 2.5}px` : '',
+            borderRadius: transformValueUnit(30),
+            fontSize: transformValueUnit(editSize),
+          }">
             <view>{{ editText }}</view>
           </view>
         </view>
       </view>
-      <div
-        v-if="moreIcon == true && iconType === 1"
-        class="overflow-hidden bg-no-repeat bg-contain"
-        :style="{
-          height: transformValueUnit(textSize),
-          width: transformValueUnit(textSize),
-          color: textColor,
-          backgroundImage: `url('${iconUpload}')`,
-        }"
-      />
+      <div v-if="moreIcon == true && iconType === 1" class="overflow-hidden bg-no-repeat bg-contain" :style="{
+        height: transformValueUnit(textSize),
+        width: transformValueUnit(textSize),
+        color: textColor,
+        backgroundImage: `url('${iconUpload}')`,
+      }" />
       <view v-if="moreIcon == true && iconType === 0">
-        <wd-icon
-          class-prefix="iconfont"
-          v-bind="{
-            name: iconName,
-            size: transformValueUnit(textSize),
-            color: textColor,
-          }"
-        />
+        <wd-icon class-prefix="iconfont" v-bind="{
+          name: iconName,
+          size: transformValueUnit(textSize),
+          color: textColor,
+        }" />
       </view>
     </view>
-    <view
-      v-if="valuesCard == true || coupons == true || presales == true"
-      class="flex flex-justify-between text-center mt-15px"
-      :style="{
+    <view v-if="valuesCard == true || coupons == true || presales == true || memberPoints == true"
+      class="flex flex-justify-between text-center" :style="{
         color: textColor,
-      }"
-    >
-      <View v-if="valuesCard == true" class="">
-        <view class="text-22px font-bold">0</view>
-        <view class="text-12px optName">储值卡</view>
-      </View>
-      <View v-if="coupons == true" class="">
+        marginTop: transformValueUnit(numsMarginTop),
+        padding: `0 ${transformValueUnit(numsPadLR || 0)}`,
+      }">
+      <Nums v-if="valuesCard == true" v-bind="$props" title="储值卡" />
+      <Nums v-if="coupons == true" v-bind="$props" title="优惠券" />
+      <Nums v-if="presales == true" v-bind="$props" title="预售券" />
+      <Nums v-if="memberPoints == true" v-bind="$props" title="会员积分" />
+      <!-- <View v-if="coupons == true" class="">
         <view class="text-22px font-bold">0</view>
         <view class="text-12px optName">优惠券</view>
       </View>
@@ -98,6 +76,10 @@
         <view class="text-22px font-bold">0</view>
         <view class="text-12px optName">预售券</view>
       </View>
+      <View v-if="memberPoints == true" class="">
+        <view class="text-22px font-bold">0</view>
+        <view class="text-12px optName">会员积分</view>
+      </View> -->
     </view>
   </lcb-block>
 </template>
@@ -105,7 +87,11 @@
 <script setup lang="ts">
 import { LcbUserTopProps } from './types'
 import { transformValueUnit } from '../../utils/transform'
+import Nums from './Nums/index.vue'
 import { styleText } from 'util'
+import { computed } from 'vue';
+import { addUnit } from '@tplc/wot/components/common/util'
+const { statusBarHeight } = uni.getSystemInfoSync()
 defineOptions({
   name: 'LcbUserTop',
   options: {
@@ -130,16 +116,21 @@ withDefaults(defineProps<LcbUserTopProps>(), {
   editSize: 28,
   bgStyle: 1,
 })
+const padTop = computed(() => {
+  return addUnit(statusBarHeight || 0)
+})
 </script>
 <style lang="scss" scoped>
-.optName {
-  opacity: 0.7;
-}
+// .optName {
+//   opacity: 0.7;
+// }
+
 .userPlace {
-  background-image: url('https://image-c.weimobwmc.com/static-resource/33c59afc76d04917a8b3b62520835db6.jpg');
+  background-image: url('https://lycs.eluying.com/material/icon/1/20240925185540/userPhoto.jpg');
   background-size: contain;
   background-position: center bottom;
 }
+
 .photoIcon {
   bottom: -20rpx;
   left: 50%;

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

@@ -46,8 +46,8 @@ export interface LcbUserTopProps {
 
   paddingTop?: number
   paddingBottom?: number
-  paddingLeft?: number
-  paddingRight?: number
+  paddingHorizontal?: number
+  // paddingRight?: number
   photoUrl?: string
   photoRound?: boolean
   photoSize?: number
@@ -67,4 +67,20 @@ export interface LcbUserTopProps {
   valuesCard?: boolean
   coupons?: boolean
   presales?: boolean
+  memberPoints?: boolean
+  numsSize?: number
+  numsColor?: string
+  titleSize?: number
+  titleColor?: string
+  numsMarginTop?: number
+  numsPadLR?: number
 }
+
+export interface NumsItemProps {
+  numsSize?: number
+  numsColor?: string
+  titleSize?: number
+  titleColor?: string
+  value?: number
+  title?: string
+}

package/global.d.ts

@@ -12,7 +12,7 @@ declare module 'vue' {
     'lcb-image': (typeof import('./types/components/lcb-image/lcb-image.vue'))['default']
     'lcb-img-nav': (typeof import('./types/components/lcb-img-nav/lcb-img-nav.vue'))['default']
     'lcb-nav': (typeof import('./types/components/lcb-nav/lcb-nav.vue'))['default']
-    'lcb-notice-bar': (typeof import('./types/components/lcb-notice-bar/lcb-notice-bar.vue'))['default']
+    'lcb-notice': (typeof import('./types/components/lcb-notice/lcb-notice.vue'))['default']
     'lcb-swiper': (typeof import('./types/components/lcb-swiper/lcb-swiper.vue'))['default']
     'lcb-title': (typeof import('./types/components/lcb-title/lcb-title.vue'))['default']
     'lcb-user-order': (typeof import('./types/components/lcb-user-order/lcb-user-order.vue'))['default']

package/package.json

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

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

@@ -21,4 +21,6 @@ export interface LcbImgNavProps extends LcbBlockProps {
   iconRadius?: number
   /** 文字与图标距离 */
   iconTextMargin?: number
+  showTitle?: boolean
+  title?: string
 }

package/types/components/lcb-notice/Item/index.vue.d.ts

@@ -0,0 +1,56 @@
+import { NoticeBarItemProps } from '../types'
+declare const _default: import('vue').DefineComponent<
+  __VLS_WithDefaults<
+    __VLS_TypePropsToOption<NoticeBarItemProps>,
+    {
+      textSpeed: number
+    }
+  >,
+  {},
+  unknown,
+  {},
+  {},
+  import('vue').ComponentOptionsMixin,
+  import('vue').ComponentOptionsMixin,
+  {},
+  string,
+  import('vue').PublicProps,
+  Readonly<
+    import('vue').ExtractPropTypes<
+      __VLS_WithDefaults<
+        __VLS_TypePropsToOption<NoticeBarItemProps>,
+        {
+          textSpeed: number
+        }
+      >
+    >
+  >,
+  {
+    textSpeed: 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-notice-bar/lcb-notice-bar.vue.d.ts → lcb-notice/lcb-notice.vue.d.ts}

@@ -6,7 +6,12 @@ type __VLS_PublicProps = {
   interval?: NonNullable<(typeof interval)['value']>
 } & typeof __VLS_typeProps
 declare const _default: import('vue').DefineComponent<
-  __VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {}>,
+  __VLS_WithDefaults<
+    __VLS_TypePropsToOption<__VLS_PublicProps>,
+    {
+      textSpeed: number
+    }
+  >,
   {},
   unknown,
   {},
@@ -21,13 +26,20 @@ declare const _default: import('vue').DefineComponent<
   import('vue').PublicProps,
   Readonly<
     import('vue').ExtractPropTypes<
-      __VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {}>
+      __VLS_WithDefaults<
+        __VLS_TypePropsToOption<__VLS_PublicProps>,
+        {
+          textSpeed: number
+        }
+      >
     >
   > & {
     'onUpdate:modelValue'?: ((modelValue: any) => any) | undefined
     'onUpdate:interval'?: ((interval: number) => any) | undefined
   },
-  {},
+  {
+    textSpeed: number
+  },
   {}
 >
 export default _default

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

@@ -0,0 +1,24 @@
+import { LcbActionViewProps } from '../../components/lcb-action-view/types'
+interface NoticeItem {
+  id?: number
+  noticeContent?: string
+  icon?: string
+  link?: LcbActionViewProps
+}
+export interface LcbNoticeBarProps {
+  items?: Partial<NoticeItem>[]
+  vertical?: boolean
+  iconType?: number
+  direction?: string
+  textSpeed?: number
+}
+export interface NoticeBarItemProps {
+  idx?: number
+  current?: number
+  text?: string
+  lens?: number
+  iconType?: number
+  item?: NoticeItem
+  textSpeed?: number
+}
+export {}

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

@@ -30,6 +30,7 @@ export interface LcbUserOrderProps {
   iconType1?: 0 | 1
   iconName1?: string
   iconUpload1?: string
+  iconShow1?: boolean
   iconTitle2?: string
   iconType2?: 0 | 1
   iconName2?: string
@@ -40,6 +41,11 @@ export interface LcbUserOrderProps {
   iconName3?: string
   iconUpload3?: string
   iconShow3?: boolean
+  iconTitle4?: string
+  iconType4?: 0 | 1
+  iconName4?: string
+  iconUpload4?: string
+  iconShow4?: boolean
   iconTitle5?: string
   iconType5?: 0 | 1
   iconName5?: string

package/types/components/{lcb-notice-bar/Item → lcb-user-top/Nums}/index.vue.d.ts

@@ -1,6 +1,6 @@
-import { NoticeBarItemProps } from '../types'
+import { NumsItemProps } from '../types'
 declare const _default: import('vue').DefineComponent<
-  __VLS_TypePropsToOption<NoticeBarItemProps>,
+  __VLS_TypePropsToOption<NumsItemProps>,
   {},
   unknown,
   {},
@@ -10,7 +10,7 @@ declare const _default: import('vue').DefineComponent<
   {},
   string,
   import('vue').PublicProps,
-  Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<NoticeBarItemProps>>>,
+  Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<NumsItemProps>>>,
   {},
   {}
 >

package/types/components/lcb-user-top/lcb-user-top.vue.d.ts

@@ -54,8 +54,6 @@ declare const _default: import('vue').DefineComponent<
   {
     paddingTop: number
     paddingBottom: number
-    paddingLeft: number
-    paddingRight: number
     iconName: string
     textColor: string
     iconType: 0 | 1

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

@@ -1,8 +1,7 @@
 export interface LcbUserTopProps {
   paddingTop?: number
   paddingBottom?: number
-  paddingLeft?: number
-  paddingRight?: number
+  paddingHorizontal?: number
   photoUrl?: string
   photoRound?: boolean
   photoSize?: number
@@ -22,4 +21,19 @@ export interface LcbUserTopProps {
   valuesCard?: boolean
   coupons?: boolean
   presales?: boolean
+  memberPoints?: boolean
+  numsSize?: number
+  numsColor?: string
+  titleSize?: number
+  titleColor?: string
+  numsMarginTop?: number
+  numsPadLR?: number
+}
+export interface NumsItemProps {
+  numsSize?: number
+  numsColor?: string
+  titleSize?: number
+  titleColor?: string
+  value?: number
+  title?: string
 }

package/types/utils/transform.d.ts

@@ -1 +1 @@
-export declare const transformValueUnit: (value?: number, uni?: string) => string | undefined
+export declare const transformValueUnit: (value?: number, uni?: string) => string

package/utils/transform.ts

@@ -1,3 +1,3 @@
 export const transformValueUnit = (value?: number, uni = 'rpx') => {
-  return typeof value === 'number' ? value + uni : value
+  return typeof value === 'number' ? value + uni : '0rpx'
 }

package/types/components/lcb-notice-bar/types.d.ts

@@ -1,15 +0,0 @@
-interface NoticeItem {
-  id?: number
-  text?: string
-}
-export interface LcbNoticeBarProps {
-  items?: Partial<NoticeItem>[]
-  vertical?: boolean
-}
-export interface NoticeBarItemProps {
-  idx?: number
-  current?: number
-  text?: string
-  lens?: number
-}
-export {}