@tplc/business 0.0.18 → 0.0.20

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

@@ -1,55 +1,91 @@
 <template>
-  <lcb-block v-bind="{
-    paddingTop,
-    paddingBottom,
-    paddingLeft,
-    paddingRight,
-    backgroundColor,
-    backgroundImage,
-  }">
+  <lcb-block
+    v-bind="{
+      paddingTop,
+      paddingBottom,
+      paddingLeft,
+      paddingRight,
+      backgroundColor: bgStyle === 1 ? backgroundColor : '',
+      backgroundImage: bgStyle === 2 ? backgroundImage : '',
+    }"
+  >
     <view class="flex flex-items-center">
-      <wd-img v-bind="{
-        width: transformValueUnit(photoSize),
-        height: transformValueUnit(photoSize),
-        round: photoRound,
-        src: photoUrl,
-      }" class="bg-coolgray 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-20rpx"
+      >
+        <!-- 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>
-        <view class="flex" v-if="editBtn == true">
-          <view class="flex flex-content-center flex-items-center mt-5px border-style-solid" :style="{
+        <view
+          class="font-bold"
+          :style="{
+            fontSize: transformValueUnit(textSize),
             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>
+        <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>{{ 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}')`,
-      }" />
-      <view v-if="moreIcon == true && iconType === 0">
-        <wd-icon class-prefix="iconfont" v-bind="{
-          name: iconName,
-          size: transformValueUnit(textSize),
+      <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,
+          }"
+        />
       </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"
+      class="flex flex-justify-between text-center mt-15px"
+      :style="{
         color: textColor,
-      }">
+      }"
+    >
       <View v-if="valuesCard == true" class="">
         <view class="text-22px font-bold">0</view>
         <view class="text-12px optName">储值卡</view>
@@ -69,6 +105,7 @@
 <script setup lang="ts">
 import { LcbUserTopProps } from './types'
 import { transformValueUnit } from '../../utils/transform'
+import { styleText } from 'util'
 defineOptions({
   name: 'LcbUserTop',
   options: {
@@ -78,23 +115,34 @@ defineOptions({
   },
 })
 withDefaults(defineProps<LcbUserTopProps>(), {
-  photoSize: 30,
-  paddingLeft: 30,
-  paddingRight: 30,
-  paddingTop: 30,
-  paddingBottom: 30,
+  photoSize: 100,
+  paddingLeft: 35,
+  paddingRight: 35,
+  paddingTop: 100,
+  paddingBottom: 100,
   photoRound: false,
-  textSize: 22,
+  textSize: 32,
   textColor: '#333',
   moreIcon: true,
   iconType: 0,
   iconName: 'xiayiye',
   editText: '编辑资料',
-  editSize: 14,
+  editSize: 28,
+  bgStyle: 1,
 })
 </script>
 <style lang="scss" scoped>
-.optName{
+.optName {
   opacity: 0.7;
 }
+.userPlace {
+  background-image: url('https://image-c.weimobwmc.com/static-resource/33c59afc76d04917a8b3b62520835db6.jpg');
+  background-size: contain;
+  background-position: center bottom;
+}
+.photoIcon {
+  bottom: -20rpx;
+  left: 50%;
+  transform: translateX(-50%);
+}
 </style>

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

@@ -53,6 +53,7 @@ export interface LcbUserTopProps {
   photoSize?: number
   textSize?: number
   textColor?: string
+  bgStyle?: 1 | 2
   backgroundColor?: string
   backgroundImage?: string
   moreIcon?: boolean

package/components/lcb-video/lcb-video.vue

@@ -0,0 +1,33 @@
+<template>
+  <lcb-block v-bind="{
+    marginTop,
+    marginBottom,
+    marginLeft: marginHorizontal,
+    marginRight: marginHorizontal,
+  }">
+    <video v-bind="{
+      src,
+      loop,
+      muted,
+      autoplay,
+      showProgress,
+    }" class="w-full" />
+  </lcb-block>
+</template>
+
+<script setup lang="ts">
+import { LcbVideoProps } from './types'
+defineOptions({
+  name: 'LcbVideo',
+  options: {
+    addGlobalClass: true,
+    virtualHost: true,
+    styleIsolation: 'shared',
+  },
+})
+withDefaults(defineProps<LcbVideoProps>(), {
+  marginHorizontal: 0,
+})
+</script>
+
+<style lang="scss" scoped></style>

package/components/lcb-video/types.ts

@@ -0,0 +1,11 @@
+export interface LcbVideoProps {
+  // Define the component's prop types here
+  src?: string
+  loop?: boolean
+  muted?: boolean
+  autoplay?: boolean
+  showProgress?: boolean
+  marginTop?: number
+  marginBottom?: number
+  marginHorizontal?: number
+}

package/global.d.ts

@@ -1,6 +1,7 @@
 declare module 'vue' {
   // Helper for Volar
   export interface GlobalComponents {
+    'lcb-action-view': (typeof import('./types/components/lcb-action-view/lcb-action-view.vue'))['default']
     'lcb-banner': (typeof import('./types/components/lcb-banner/lcb-banner.vue'))['default']
     'lcb-banner-block': (typeof import('./types/components/lcb-banner-block/lcb-banner-block.vue'))['default']
     'lcb-block': (typeof import('./types/components/lcb-block/lcb-block.vue'))['default']
@@ -8,12 +9,14 @@ declare module 'vue' {
     'lcb-gap': (typeof import('./types/components/lcb-gap/lcb-gap.vue'))['default']
     'lcb-grid': (typeof import('./types/components/lcb-grid/lcb-grid.vue'))['default']
     'lcb-home-search': (typeof import('./types/components/lcb-home-search/lcb-home-search.vue'))['default']
+    '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-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']
     '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']
   }
 }
 

package/package.json

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

package/types/components/lcb-action-view/lcb-action-view.vue.d.ts

@@ -0,0 +1,41 @@
+import { LcbActionViewProps } from './types'
+declare function __VLS_template(): {
+  default?(_: {}): any
+}
+declare const __VLS_component: import('vue').DefineComponent<
+  __VLS_TypePropsToOption<LcbActionViewProps>,
+  {},
+  unknown,
+  {},
+  {},
+  import('vue').ComponentOptionsMixin,
+  import('vue').ComponentOptionsMixin,
+  {},
+  string,
+  import('vue').PublicProps,
+  Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<LcbActionViewProps>>>,
+  {},
+  {}
+>
+declare const _default: __VLS_WithTemplateSlots<
+  typeof __VLS_component,
+  ReturnType<typeof __VLS_template>
+>
+export default _default
+
+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-action-view/types.d.ts

@@ -0,0 +1,13 @@
+export interface LcbActionViewProps {
+  /**
+   * 跳转类型 1: 网页 2: 小程序内页 10: 跳转小程序 11: 跳转半屏小程序 12: 小程序客服
+   * 13: 退出登录 14: 小程序弹框 21: 新窗口跳到页面 22: 切换TAB页 23: 重启进入某页面
+   * 24: 回到上一层 25: 关闭当前页面 26: 关闭当前窗口 30: 拨打电话 88: 授权手机号
+   */
+  jumpType: 1 | 2 | 10 | 11 | 12 | 13 | 14 | 21 | 22 | 23 | 24 | 25 | 26 | 30 | 88
+  /** 跳转路径 */
+  jumpPageUrl?: string
+  /** 小程序appid */
+  jumpAppid?: string
+  phoneNumber?: string
+}

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

@@ -30,14 +30,13 @@ declare const _default: import('vue').DefineComponent<
     >
   >,
   {
-    styleGroup: 1 | 2
     radius: number
+    styleGroup: 1 | 2
     slidingStyle: 1 | 2
   },
   {}
 >
 export default _default
-
 type __VLS_WithDefaults<P, D> = {
   [K in keyof Pick<P, keyof P>]: K extends keyof D
     ? __VLS_Prettify<

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

@@ -1,5 +1,6 @@
 import { ActionView } from 'action'
-export interface LcbBannerProps {
+import { LcbBlockProps } from '../lcb-block/types'
+export interface LcbBannerProps extends LcbBlockProps {
   items?: Partial<ActionView>[]
   imageWidth?: number
   /** 风格 1.平铺 2.卡片 */
@@ -43,6 +44,4 @@ export interface LcbBannerProps {
   indicator?: 'dots' | 'dots-bar' | 'fraction'
   /** 滑动样式 1平面 2立体 */
   slidingStyle?: 1 | 2
-  marginTop?: number
-  marginBottom?: number
 }

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

@@ -3,8 +3,9 @@ declare const _default: import('vue').DefineComponent<
   __VLS_WithDefaults<
     __VLS_TypePropsToOption<LcbBannerListProps>,
     {
-      borderRadius: number
+      radius: number
       imageRadius: number
+      marginHorizontal: number
       backgroundColor: string
     }
   >,
@@ -22,16 +23,19 @@ declare const _default: import('vue').DefineComponent<
       __VLS_WithDefaults<
         __VLS_TypePropsToOption<LcbBannerListProps>,
         {
-          borderRadius: number
+          radius: number
           imageRadius: number
+          marginHorizontal: number
           backgroundColor: string
         }
       >
     >
   >,
   {
-    imageRadius: number
+    marginHorizontal: number
     backgroundColor: string
+    radius: number
+    imageRadius: number
   },
   {}
 >

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

@@ -1,9 +1,16 @@
-import { LcbBlockProps } from './types'
+import { LcbBlockInnerProps } from './types'
 declare function __VLS_template(): {
   default?(_: {}): any
 }
 declare const __VLS_component: import('vue').DefineComponent<
-  __VLS_WithDefaults<__VLS_TypePropsToOption<LcbBlockProps>, LcbBlockProps>,
+  __VLS_WithDefaults<
+    __VLS_TypePropsToOption<LcbBlockInnerProps>,
+    {
+      backgroundSize: string
+      backgroundRepeat: string
+      backgroundPosition: string
+    }
+  >,
   {},
   unknown,
   {},
@@ -15,31 +22,17 @@ declare const __VLS_component: import('vue').DefineComponent<
   import('vue').PublicProps,
   Readonly<
     import('vue').ExtractPropTypes<
-      __VLS_WithDefaults<__VLS_TypePropsToOption<LcbBlockProps>, LcbBlockProps>
+      __VLS_WithDefaults<
+        __VLS_TypePropsToOption<LcbBlockInnerProps>,
+        {
+          backgroundSize: string
+          backgroundRepeat: string
+          backgroundPosition: string
+        }
+      >
     >
   >,
-  {
-    radius: number
-    marginTop: number
-    marginBottom: number
-    bold: boolean
-    customClass: string
-    backgroundColor: string
-    backgroundImage: string
-    paddingTop: number
-    paddingBottom: number
-    color: string
-    fontSize: number
-    card: boolean
-    paddingLeft: number
-    paddingRight: number
-    marginLeft: number
-    marginRight: number
-    backgroundRepeat: 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat'
-    backgroundSize: string
-    backgroundPosition: string
-    boxShadow: string
-  },
+  {},
   {}
 >
 declare const _default: __VLS_WithTemplateSlots<

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

@@ -1,22 +1,34 @@
 export interface LcbBlockProps {
-  marginTop?: number
-  marginBottom?: number
+  /** 左右外距 */
+  marginHorizontal?: number
+  /** 左右内距 */
+  paddingHorizontal?: number
+  /** 上下内距 */
+  paddingVertical?: number
+  /** 背景颜色 #ffffff */
   backgroundColor?: string
+  /** 背景图片 */
   backgroundImage?: string
+  /** 上浮距离 */
+  floatUp?: number
+  /** 阴影颜色 */
+  shadowColor?: string
+  /** 阴影大小 */
+  shadowSize?: number
+  /** 模糊大小 */
+  blurSize?: number
   paddingTop?: number
   paddingBottom?: number
+  paddingLeft?: number
+  paddingRight?: number
   color?: string
   fontSize?: number
-  bold?: boolean
   radius?: number
   customClass?: string
-  card?: boolean
-  paddingLeft?: number
-  paddingRight?: number
-  marginLeft?: number
-  marginRight?: number
   backgroundRepeat?: 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat'
   backgroundSize?: string
   backgroundPosition?: string
-  boxShadow?: string
+}
+export interface LcbBlockInnerProps extends LcbBlockProps {
+  [key: string]: any
 }

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

@@ -3,6 +3,7 @@ declare const _default: import('vue').DefineComponent<
   __VLS_WithDefaults<
     __VLS_TypePropsToOption<LcbGridProps>,
     {
+      marginHorizontal: number
       height: number
       cols: number
       radius: number
@@ -22,6 +23,7 @@ declare const _default: import('vue').DefineComponent<
       __VLS_WithDefaults<
         __VLS_TypePropsToOption<LcbGridProps>,
         {
+          marginHorizontal: number
           height: number
           cols: number
           radius: number
@@ -30,8 +32,9 @@ declare const _default: import('vue').DefineComponent<
     >
   >,
   {
-    height: number
+    marginHorizontal: number
     radius: number
+    height: number
     cols: number
   },
   {}

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

@@ -3,6 +3,9 @@ declare const _default: import('vue').DefineComponent<
   __VLS_WithDefaults<
     __VLS_TypePropsToOption<LcbHomeSearch>,
     {
+      marginHorizontal: number
+      backgroundColor: string
+      radius: number
       placeholder: string
     }
   >,
@@ -20,12 +23,18 @@ declare const _default: import('vue').DefineComponent<
       __VLS_WithDefaults<
         __VLS_TypePropsToOption<LcbHomeSearch>,
         {
+          marginHorizontal: number
+          backgroundColor: string
+          radius: number
           placeholder: string
         }
       >
     >
   >,
   {
+    marginHorizontal: number
+    backgroundColor: string
+    radius: number
     placeholder: string
   },
   {}

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

@@ -1,6 +1,6 @@
 import { ActionView } from 'action'
-export interface LcbHomeSearch {
-  marginTop?: number
+import { LcbBlockProps } from '../lcb-block/types'
+export interface LcbHomeSearch extends LcbBlockProps {
   placeholder?: string
   items?: Partial<ActionView>[]
 }

package/types/components/lcb-image/Image/index.vue.d.ts

@@ -0,0 +1,56 @@
+import { LcbImageProps } from '../types'
+declare const _default: import('vue').DefineComponent<
+  __VLS_WithDefaults<
+    __VLS_TypePropsToOption<LcbImageProps>,
+    {
+      imageMargin: number
+    }
+  >,
+  {},
+  unknown,
+  {},
+  {},
+  import('vue').ComponentOptionsMixin,
+  import('vue').ComponentOptionsMixin,
+  {},
+  string,
+  import('vue').PublicProps,
+  Readonly<
+    import('vue').ExtractPropTypes<
+      __VLS_WithDefaults<
+        __VLS_TypePropsToOption<LcbImageProps>,
+        {
+          imageMargin: number
+        }
+      >
+    >
+  >,
+  {
+    imageMargin: 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
+      }
+}