@tplc/business 0.0.16 → 0.0.18

package/components/lcb-banner/lcb-banner.vue

@@ -1,30 +1,32 @@
 <template>
-  <lcb-block
-    v-bind="{
-      marginTop,
-      marginBottom,
-    }"
-  >
-    <wd-swiper
-      value-key="url"
+  <view class="lcb-banner">
+    <lcb-block
       v-bind="{
-        list: items,
-        loop,
-        height: transformValueUnit(height),
-        radius: transformValueUnit(radius),
-        autoplay: Boolean(interval),
-        direction,
-        itemPadding,
-        imageRadius: transformValueUnit(imageRadius),
-        indicatorPosition,
-        displayMultipleItems,
-        customNextImageClass,
-        interval,
-        indicator: indicator ? { type: indicator } : false,
-        ...supplementProps,
+        marginTop,
+        marginBottom,
       }"
-    />
-  </lcb-block>
+    >
+      <wd-swiper
+        value-key="url"
+        v-bind="{
+          list: items,
+          loop,
+          height: transformValueUnit(height),
+          imgWidth: imgWidth && transformValueUnit(imgWidth),
+          radius: transformValueUnit(radius),
+          autoplay: Boolean(interval),
+          direction,
+          imageRadius: transformValueUnit(imageRadius),
+          indicatorPosition,
+          displayMultipleItems,
+          customNextImageClass,
+          interval,
+          indicator: indicator ? { type: indicator } : false,
+          ...supplementProps,
+        }"
+      />
+    </lcb-block>
+  </view>
 </template>
 
 <script setup lang="ts">
@@ -49,13 +51,21 @@ const supplementProps = computed(() => {
     return {
       nextMargin: transformValueUnit(props.previousMargin ?? 24),
       previousMargin: transformValueUnit(props.previousMargin ?? 24),
-      itemPadding: `0px ${transformValueUnit(props.itemPadding ?? 10)}`,
-      imageRadius: transformValueUnit(props.imageRadius ?? 12),
-      customPrevImageHeight: props.slidingStyle === 2 ? (props.height ?? 24) * 0.8 : undefined,
-      customNextImageHeight: props.slidingStyle === 2 ? (props.height ?? 24) * 0.8 : undefined,
+      itemPadding: `${transformValueUnit(props.itemPadding ?? 10)}`,
+      customPrevImageHeight:
+        props.slidingStyle === 2 ? transformValueUnit((props.height ?? 24) * 0.9) : undefined,
+      customNextImageHeight:
+        props.slidingStyle === 2 ? transformValueUnit((props.height ?? 24) * 0.9) : undefined,
+      customImageClass: 'card-shadow',
     } as any
   }
   return {}
 })
 </script>
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.lcb-banner {
+  :deep(.card-shadow) {
+    box-shadow: 0px 4rpx 10rpx 0px rgba(51, 51, 51, 0.1);
+  }
+}
+</style>

package/components/lcb-banner/types.ts

@@ -1,4 +1,5 @@
 import { ActionView } from 'action'
+import { CSSProperties } from 'vue'
 
 export interface LcbBannerProps {
   items?: Partial<ActionView>[]
@@ -14,6 +15,7 @@ export interface LcbBannerProps {
   duration?: number
   /** 轮播图高度  默认192 */
   height?: number
+  imgWidth?: number
   /** 轮播间隔时间 5000ms */
   interval?: number
   /** 是否循环播放 默认 true */

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

@@ -5,38 +5,54 @@
       marginTop,
       marginBottom,
       backgroundColor,
-      marginLeft: 12,
-      marginRight: 12,
+      marginLeft: 24,
+      marginRight: 24,
       paddingBottom: styleGroup === 2 ? 0 : 24,
     }"
     card
   >
-    <view
-      class="py-2 px-3 text-3.5 text-#333 flex justify-between items-center"
-      v-if="styleGroup === 1"
-    >
-      <view class="flex-1 flex items-center">
-        <wd-icon name="github-filled" size="30" />
-        <view class="ml-3">
-          <view class="text-#333 text-lg">{{ title }}</view>
-          <view class="text-#999 text-sm">即刻成为开成尊享会员</view>
+    <view v-if="styleGroup === 1" class="pl-32rpx">
+      <view class="py-42rpx pr-26rpx flex justify-between items-center" v-if="styleGroup === 1">
+        <view class="flex-1 flex items-center">
+          <img :src="logo" class="w-60rpx h-60rpx" mode="aspectFit" />
+          <view class="ml-32rpx leading-none">
+            <view class="text-#000 text-28rpx font-500">{{ title }}</view>
+            <view class="text-#999 text-22rpx mt-2">{{ hint }}</view>
+          </view>
         </view>
+        <wd-icon class-prefix="iconfont" name="a-xingzhuang97" size="24rpx" color="#666666" />
       </view>
-      <wd-icon name="arrow-right1" size="24" />
-    </view>
-    <lcb-banner
-      v-bind="bannerProps"
-      :items="items"
-      :height="height"
-      :interval="styleGroup === 1 ? undefined : 2000"
-    />
-    <view
-      class="py-2 px-3 text-3.5 text-#333 flex justify-between items-center"
-      v-if="styleGroup === 2"
-    >
-      <view>{{ title }}</view>
-      <wd-icon name="arrow-right1" size="24" />
+      <scroll-view scroll-x class="w-full whitespace-nowrap">
+        <img
+          v-for="(item, index) in items"
+          :key="index"
+          :src="item.url"
+          class="inline-block"
+          :style="{
+            height: transformValueUnit(height),
+            width: transformValueUnit(imgWidth),
+            marginRight: transformValueUnit(itemPadding),
+          }"
+        />
+      </scroll-view>
     </view>
+    <template v-if="styleGroup === 2">
+      <lcb-banner
+        v-bind="{
+          ...bannerProps,
+          items,
+          height,
+          itemPadding,
+          imageRadius,
+        }"
+        :imgWidth="(imgWidth || 0) + (itemPadding || 0)"
+        :interval="2000"
+      />
+      <view class="p-24rpx text-30rpx text-#333 flex justify-between items-center">
+        <view>{{ title }}</view>
+        <wd-icon class-prefix="iconfont" name="a-xingzhuang103" size="30rpx" color="#666" />
+      </view>
+    </template>
   </lcb-block>
 </template>
 
@@ -44,6 +60,7 @@
 import { LcbBannerListProps } from './types'
 import { computed } from 'vue'
 import { LcbBannerProps } from '../lcb-banner/types'
+import { transformValueUnit } from '../../utils/transform'
 defineOptions({
   name: 'LcbBannerBlock',
   options: {
@@ -53,7 +70,8 @@ defineOptions({
   },
 })
 const props = withDefaults(defineProps<LcbBannerListProps>(), {
-  borderRadius: 12,
+  borderRadius: 16,
+  imageRadius: 0,
   backgroundColor: '#ffffff',
 })
 const bannerProps = computed(() => {

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

@@ -6,8 +6,13 @@ export interface LcbBannerListProps extends LcbBlockProps {
   styleGroup?: 1 | 2
   /** 轮播图高度  默认192 */
   height?: number
+  /** 轮播图宽度 */
+  imgWidth?: number
   title: string
   hint?: string
+  logo?: string
   rightIcon?: string
   leftIcon?: string
+  itemPadding?: number
+  imageRadius?: number
 }

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

@@ -50,6 +50,6 @@ withDefaults(defineProps<LcbBlockProps>(), {
 </script>
 <style lang="scss" scoped>
 .card {
-  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
+  box-shadow: 0px 4rpx 10rpx 0px rgba(51, 51, 51, 0.1);
 }
 </style>

package/components/lcb-filter/components/FilterSlider/index.vue

@@ -1,6 +1,18 @@
 <template>
-  <view>
-    <wd-slider hide-label :max="max" :min="min" v-model="innerValue" @dragend="onDragend" />
+  <view class="filter-slider">
+    <wd-slider
+      hide-label
+      :max="max"
+      :min="min"
+      :minText="`${unit}${min}`"
+      :maxText="`${unit}${max}+`"
+      v-model="innerValue"
+      @dragend="onDragend"
+      ref="slider"
+      custom-class="px-4"
+      custom-min-class="left-0  slider-text"
+      custom-max-class="right--2 slider-text"
+    />
     <view class="grid grid-cols-4 gap-4 mt-2">
       <SelectTagView
         v-for="item in options"
@@ -17,7 +29,8 @@
 <script setup lang="ts">
 import { FilterSliderProps } from './types'
 import SelectTagView from '../SelectTagView/index.vue'
-import { ref, watch } from 'vue'
+import { onMounted, onUnmounted, ref, watch } from 'vue'
+import type { SliderInstance } from '@tplc/wot/components/wd-slider/types'
 defineOptions({
   name: 'FilterSlider',
   options: {
@@ -26,6 +39,7 @@ defineOptions({
     styleIsolation: 'shared',
   },
 })
+const slider = ref<SliderInstance>()
 const props = defineProps<FilterSliderProps>()
 const model = defineModel<number[]>()
 const innerValue = ref<number[]>()
@@ -38,6 +52,17 @@ const onItemClick = (value) => {
     }
   }
 }
+
+const onDropOpened = () => {
+  slider.value?.initSlider()
+}
+
+onMounted(() => {
+  uni.$on('drop-opened', onDropOpened)
+})
+onUnmounted(() => {
+  uni.$off('drop-opened', onDropOpened)
+})
 watch(
   () => model.value,
   (val) => {
@@ -67,4 +92,15 @@ const getChecked = (value) => {
   }
 }
 </script>
-<style lang="scss" scoped></style>
+<style lang="scss">
+.filter-slider {
+  position: relative;
+  padding-top: 24rpx;
+  :deep(.slider-text) {
+    color: #999 !important;
+    font-size: 24rpx !important;
+    position: absolute;
+    margin-bottom: 100rpx;
+  }
+}
+</style>

package/components/lcb-filter/components/SelectTagView/index.vue

@@ -1,6 +1,7 @@
 <template>
   <view
     class="select-tag"
+    @click="emit('click')"
     :class="[{ 'select-tag-checked': checked, 'select-tag-small': size === 'small' }]"
   >
     {{ title }}
@@ -8,6 +9,7 @@
 </template>
 
 <script setup lang="ts">
+const emit = defineEmits(['click'])
 defineOptions({
   name: 'SelectTagView',
   options: {

package/components/lcb-filter/components/TagSelect/index.vue

@@ -16,7 +16,7 @@
             v-model="inputValue"
             @input="onInput(item, $event)"
             @blur="onBlur(item)"
-            @confirm="onConfirm"
+            @confirm="onBlur(item)"
           />
         </view>
         <template v-else>
@@ -85,9 +85,6 @@ const onBlur = (item: Option) => {
   }
   showInput.value = false
 }
-const onConfirm = () => {
-  showInput.value = false
-}
 const onInput = (item: Option, e) => {
   if (item.max && parseInt(e.detail.value) > item.max) {
     uni.showToast({

package/components/lcb-filter/components/TreeSelect/index.vue

@@ -5,7 +5,7 @@
         <view
           v-for="(item, index) in options"
           :key="item.label"
-          @click="currentCategory = index"
+          @click="onCategoryClick(index)"
           class="filter-select flex justify-between items-center"
           :class="currentCategory === index ? 'filter-select__choose' : ''"
         >
@@ -24,8 +24,15 @@
           <wd-icon name="check" custom-class="choose_icon" v-if="innerValue === item.value" />
         </view>
       </view>
-      <view class="flex-1 w-0 bg-#FAFAFA pl-4 scroll-view" v-else>
-        <view v-for="item in options" :key="item.label">
+      <scroll-view
+        scroll-y
+        :scroll-into-view="toView"
+        scroll-with-animation
+        class="flex-1 w-0 bg-#FAFAFA pl-4 scroll-view pt-32rpx"
+        @scroll="onGridScroll"
+        v-else
+      >
+        <view v-for="(item, index) in options" :key="item.label" :id="`grid_${index}`">
           <view class="filter-select__title">
             {{ item.label }}
           </view>
@@ -40,7 +47,7 @@
             />
           </view>
         </view>
-      </view>
+      </scroll-view>
     </view>
     <ActionView
       :disabled="!Boolean(innerValue)"
@@ -51,7 +58,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, nextTick, ref } from 'vue'
+import { computed, getCurrentInstance, nextTick, watch, ref } from 'vue'
 import { TreeSelectProps } from './type'
 import useSelect from '../../hooks/useSelect'
 import SelectTagView from '../SelectTagView/index.vue'
@@ -68,6 +75,8 @@ const props = defineProps<TreeSelectProps>()
 const model = defineModel<string | string[]>()
 const modelTitle = defineModel<string>('title')
 const innerValue = ref(model.value)
+const toView = ref('')
+const itemTopPositions = ref<{ top: number; bottom: number }[]>([])
 const emits = defineEmits(['submit'])
 const { onItemClick, options, getChecked } = useSelect(props, { model: innerValue })
 const currentCategory = ref(0)
@@ -91,6 +100,37 @@ const onSubmit = () => {
     emits('submit')
   })
 }
+const onCategoryClick = (index: number) => {
+  currentCategory.value = index
+  toView.value = `grid_${index}`
+}
+const { proxy } = getCurrentInstance() as any
+watch(
+  () => options.value,
+  () => {
+    nextTick(() => {
+      const query = uni.createSelectorQuery().in(proxy)
+      options.value.forEach((_, index) => {
+        query.select(`#grid_${index}`).boundingClientRect()
+      })
+      query.exec((res) => {
+        console.log(res)
+        itemTopPositions.value = res.map((rect) => ({ top: rect.top, bottom: rect.bottom }))
+      })
+    })
+  },
+  {
+    immediate: true,
+  },
+)
+const onGridScroll = (e) => {
+  const scrollTop = e.detail.scrollTop
+  itemTopPositions.value.forEach((pos, index) => {
+    if (pos.top <= scrollTop + 100) {
+      currentCategory.value = index
+    }
+  })
+}
 </script>
 <style lang="scss" scoped>
 @import '@tplc/wot/components/common/abstracts/variable';
@@ -112,6 +152,9 @@ const onSubmit = () => {
     font-size: 30rpx;
     color: $-color-theme;
     margin-bottom: 30rpx;
+    &:first-child {
+      margin-top: 0;
+    }
   }
   &__choose {
     color: $-color-theme;

package/components/lcb-filter/lcb-filter.vue

@@ -9,6 +9,7 @@
         icon-size="26px"
         :selected="getSelect(item)"
         ref="dropMenu"
+        @opened="handleOpened"
       >
         <view class="lcb-filter__popup">
           <FilterSelect
@@ -118,6 +119,9 @@ const getSelect = (item: FilterComponent) => {
     return Boolean(filter.value[item.valueName])
   }
 }
+const handleOpened = () => {
+  uni.$emit('drop-opened')
+}
 </script>
 
 <style lang="scss" scoped>

package/components/lcb-gap/lcb-gap.vue

@@ -0,0 +1,23 @@
+<template>
+  <wd-gap
+    :height="transformValueUnit(height)"
+    :safe-area-bottom="safeAreaBottom"
+    :bg-color="bgColor"
+  />
+</template>
+
+<script setup lang="ts">
+import { LcbGapProps } from './types'
+import { transformValueUnit } from '../../utils/transform'
+defineOptions({
+  name: 'LcbGap',
+  options: {
+    addGlobalClass: true,
+    virtualHost: true,
+    styleIsolation: 'shared',
+  },
+})
+withDefaults(defineProps<LcbGapProps>(), {})
+</script>
+
+<style lang="scss" scoped></style>

package/components/lcb-gap/types.ts

@@ -0,0 +1,5 @@
+export interface LcbGapProps {
+  height?: number
+  safeAreaBottom?: boolean
+  bgColor?: string
+}

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

@@ -3,8 +3,8 @@
     v-bind="{
       marginTop,
       marginBottom,
-      marginLeft: 12,
-      marginRight: 12,
+      marginLeft: 24,
+      marginRight: 24,
     }"
   >
     <view
@@ -17,8 +17,8 @@
         v-for="(item, index) in items"
         :key="index"
         :src="item.url"
-        :height="height"
-        :radius="radius"
+        :height="transformValueUnit(height)"
+        :radius="transformValueUnit(radius)"
         mode="aspectFill"
       />
     </view>
@@ -27,6 +27,7 @@
 
 <script setup lang="ts">
 import { LcbGridProps } from './types'
+import { transformValueUnit } from '../../utils/transform'
 defineOptions({
   name: 'LcbGrid',
   options: {

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

@@ -1,8 +1,8 @@
 <template>
   <lcb-block
-    :marginLeft="12"
-    :marginRight="12"
-    :radius="12"
+    :marginLeft="24"
+    :marginRight="24"
+    :radius="16"
     backgroundColor="#fff"
     :marginTop="-(marginTop || 0)"
   >
@@ -19,19 +19,21 @@
         {{ item }}
       </view>
     </view>
-    <view class="box-border px-3">
-      <view class="flex items-center justify-center mt-3 text-#333 gap-2">
-        <view class="text-4">义乌</view>
-        <wd-icon name="chevron-down-circle" size="22px"></wd-icon>
-        <view class="h-24px w-1rpx bg-#f4f4f4"></view>
-        <view class="text-#999 text-4">位置|酒店|关键词</view>
+    <view class="box-border px-3 leading-none">
+      <view class="flex items-center justify-center mt-3 text-#333 gap-16rpx">
+        <view class="text-30rpx font-bold">义乌</view>
+        <wd-icon name="chevron-down-circle" size="30rpx"></wd-icon>
+        <view class="h-42rpx w-1px bg-#F1F1F1"></view>
+        <view class="text-#999 text-28rpx">{{ placeholder }}</view>
         <view class="flex-1"></view>
         <view class="justify-center flex flex-col items-center">
-          <view><wd-icon name="play-circle-stroke" size="22px"></wd-icon></view>
-          <view>当前位置</view>
+          <view>
+            <wd-icon name="play-circle-stroke" size="30rpx"></wd-icon>
+          </view>
+          <view class="text-26rpx text-#333 mt-12rpx">当前位置</view>
         </view>
       </view>
-      <view class="w-full h-1rpx bg-#f4f4f4 my-3"></view>
+      <view class="w-full h-1px bg-#F1F1F1 mt-26rpx mb-44rpx"></view>
       <view class="flex items-center">
         <view class="title">6月12日</view>
         <view class="hint ml-1">今天入住</view>
@@ -40,14 +42,27 @@
         <view class="hint ml-1 flex-1">明天离店</view>
         <view class="tag">共1晚</view>
       </view>
-      <wd-button type="primary" customClass="!w-full my-5" size="large">搜索酒店</wd-button>
-      <view></view>
+      <wd-button type="primary" customClass="!w-full my-42rpx" size="large">搜索酒店</wd-button>
+      <view
+        class="px-50rpx flex justify-between items-center mb-42rpx text-#000 text-28rpx"
+        v-if="items?.length"
+      >
+        <view
+          v-for="item in items"
+          :key="item.title"
+          class="flex justify-center items-center gap-16rpx"
+        >
+          <img :src="item.url" class="w-36rpx h-36rpx" />
+          {{ item.title }}
+        </view>
+      </view>
     </view>
   </lcb-block>
 </template>
 
 <script setup lang="ts">
 import { ref } from 'vue'
+import { LcbHomeSearch } from './types'
 
 defineOptions({
   name: 'LcbHomeSearch',
@@ -58,7 +73,7 @@ defineOptions({
   },
 })
 
-defineProps<{ marginTop?: number }>()
+withDefaults(defineProps<LcbHomeSearch>(), { placeholder: '位置|酒店|关键词' })
 const tabs = ['全部', '酒店', '民宿']
 const current = ref(0)
 </script>
@@ -66,29 +81,29 @@ const current = ref(0)
 .search-tab {
   flex: 1;
   text-align: center;
-  font-size: 32rpx;
-  padding: 16rpx 0;
+  font-size: 30rpx;
+  padding: 24rpx 0;
   color: #999;
 }
 .active {
   background-color: #fff;
-  color: #333;
+  color: #000;
   font-weight: bold;
 }
 .title {
-  font-weight: 600;
-  font-size: 30rpx;
-  color: #333;
+  font-weight: bold;
+  font-size: 32rpx;
+  color: #000;
 }
 .hint {
-  font-size: 26rpx;
+  font-size: 24rpx;
   color: #999;
 }
 .tag {
-  padding: 4rpx 20rpx;
-  font-size: 24rpx;
+  padding: 5rpx 12rpx;
+  font-size: 20rpx;
   color: #999;
   background-color: #f1f1f1;
-  border-radius: 24rpx;
+  border-radius: 16rpx;
 }
 </style>

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

@@ -0,0 +1,7 @@
+import { ActionView } from 'action'
+
+export interface LcbHomeSearch {
+  marginTop?: number
+  placeholder?: string
+  items?: Partial<ActionView>[]
+}

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

@@ -12,25 +12,31 @@
     :class="[styleGroup === 2 ? 'mutil' : 'single']"
   >
     <view v-for="item in items" :key="item.title" class="flex flex-col justify-center items-center">
-      <div
+      <view
         class="overflow-hidden"
         :style="{
-          height: iconSize + 'rpx',
-          width: iconSize + 'rpx',
-          borderRadius: (iconType === 1 ? iconRadius : 0) + 'rpx',
-          color: iconColor,
           marginBottom: iconTextMargin + 'rpx',
-          backgroundImage: iconType === 1 ? 'url(' + item.url + ')' : '',
-          backgroundSize: '100% 100%',
-        }"
-        :class="{
-          imageNav: iconType === 1,
         }"
       >
         <div v-if="iconType === 0" class="flex justify-center items-center">
-          <wd-icon class-prefix="iconfont" :name="item.icon!" size="36" />
+          <wd-icon
+            class-prefix="iconfont"
+            :name="item.icon!"
+            :size="iconSize + 'rpx'"
+            :color="iconColor"
+          />
         </div>
-      </div>
+        <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>
     </view>
   </view>
@@ -57,7 +63,7 @@ withDefaults(defineProps<LcbImgNavProps>(), {
   bottomMargin: 36,
   iconSize: 80,
   leftRightMargin: 0,
-  iconTextMargin: 8,
+  iconTextMargin: 4,
   pictureDistribution: 4,
 })
 </script>
@@ -77,12 +83,6 @@ withDefaults(defineProps<LcbImgNavProps>(), {
   display: grid;
   row-gap: 36rpx;
 }
-.imageNav {
-  box-sizing: content-box;
-  background-repeat: no-repeat;
-  background-position: center;
-  background-size: cover;
-}
 .title {
   width: 68px;
   overflow: hidden;

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

@@ -41,11 +41,16 @@
             :key="item.icon"
             :class="[capsuleList.length === 1 ? 'px-2' : 'px-2.5']"
           >
-            <wd-icon class-prefix="iconfont" :name="item.icon" size="20" />
+            <wd-icon class-prefix="iconfont" :name="item.icon" size="36rpx" :color="contentColor" />
           </view>
         </view>
         <template v-else-if="back">
-          <wd-icon class-prefix="iconfont" name="dingdanliebiao" @click="toBack" />
+          <wd-icon
+            class-prefix="iconfont"
+            name="dingdanliebiao"
+            @click="toBack"
+            :color="contentColor"
+          />
         </template>
         <view class="ml-2" v-if="titleLocation === 'left'">
           <Search
@@ -219,11 +224,10 @@ onPageScroll(({ scrollTop: top }) => {
       @extend %action;
       .navbar-capsule {
         margin: auto 20rpx auto 0;
-        height: 29px;
         content: '';
-        border: 1rpx solid rgba(0, 0, 0, 0.1);
+        border: 1px solid rgba(0, 0, 0, 0.1);
         border-radius: 82rpx;
-        padding: 0px;
+        padding: 10rpx 0px;
         background-color: rgba(255, 255, 255, 0.6);
         // 不等于最后一个儿子
         > view {
@@ -234,7 +238,7 @@ onPageScroll(({ scrollTop: top }) => {
             top: 50%;
             transform: translateY(-50%);
             content: ' ';
-            width: 1rpx;
+            width: 1px;
             height: 18px;
             background: rgba(0, 0, 0, 0.1);
           }

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

@@ -4,8 +4,8 @@
       ...$props,
       title: undefined,
     }"
-    :marginLeft="12"
-    :marginRight="12"
+    :marginLeft="24"
+    :marginRight="24"
   >
     <text
       :style="{

package/global.d.ts

@@ -5,6 +5,7 @@ declare module 'vue' {
     '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']
     'lcb-filter': (typeof import('./types/components/lcb-filter/lcb-filter.vue'))['default']
+    '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-img-nav': (typeof import('./types/components/lcb-img-nav/lcb-img-nav.vue'))['default']

package/iconfonts/index.css

@@ -1,12 +1,11 @@
 @font-face {
   font-family: 'iconfont'; /* Project id 4652744 */
   src:
-    url('//at.alicdn.com/t/c/font_4652744_o8lyw0d70s.woff2?t=1724428388776') format('woff2'),
-    url('//at.alicdn.com/t/c/font_4652744_o8lyw0d70s.woff?t=1724428388776') format('woff'),
-    url('//at.alicdn.com/t/c/font_4652744_o8lyw0d70s.ttf?t=1724428388776') format('truetype'),
-    url('//at.alicdn.com/t/c/font_4652744_o8lyw0d70s.svg?t=1724428388776#iconfont') format('svg');
+    url('//at.alicdn.com/t/c/font_4652744_bhoie787kfq.woff2?t=1726152120892') format('woff2'),
+    url('//at.alicdn.com/t/c/font_4652744_bhoie787kfq.woff?t=1726152120892') format('woff'),
+    url('//at.alicdn.com/t/c/font_4652744_bhoie787kfq.ttf?t=1726152120892') format('truetype'),
+    url('//at.alicdn.com/t/c/font_4652744_bhoie787kfq.svg?t=1726152120892#iconfont') format('svg');
 }
-
 .iconfont {
   font-family: 'iconfont' !important;
   font-size: 16px;
@@ -15,6 +14,26 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.iconfont-a-xingzhuang23kaobei:before {
+  content: '\e60f';
+}
+
+.iconfont-a-xingzhuang103:before {
+  content: '\e610';
+}
+
+.iconfont-a-xingzhuang22:before {
+  content: '\e611';
+}
+
+.iconfont-a-xingzhuang97:before {
+  content: '\e612';
+}
+
+.iconfont-a-xingzhuang106:before {
+  content: '\e613';
+}
+
 .iconfont-dingdanliebiao:before {
   content: '\e662';
 }

package/package.json

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

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

@@ -13,6 +13,7 @@ export interface LcbBannerProps {
   duration?: number
   /** 轮播图高度  默认192 */
   height?: number
+  imgWidth?: number
   /** 轮播间隔时间 5000ms */
   interval?: number
   /** 是否循环播放 默认 true */

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

@@ -4,6 +4,7 @@ declare const _default: import('vue').DefineComponent<
     __VLS_TypePropsToOption<LcbBannerListProps>,
     {
       borderRadius: number
+      imageRadius: number
       backgroundColor: string
     }
   >,
@@ -22,12 +23,14 @@ declare const _default: import('vue').DefineComponent<
         __VLS_TypePropsToOption<LcbBannerListProps>,
         {
           borderRadius: number
+          imageRadius: number
           backgroundColor: string
         }
       >
     >
   >,
   {
+    imageRadius: number
     backgroundColor: string
   },
   {}

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

@@ -6,8 +6,13 @@ export interface LcbBannerListProps extends LcbBlockProps {
   styleGroup?: 1 | 2
   /** 轮播图高度  默认192 */
   height?: number
+  /** 轮播图宽度 */
+  imgWidth?: number
   title: string
   hint?: string
+  logo?: string
   rightIcon?: string
   leftIcon?: string
+  itemPadding?: number
+  imageRadius?: number
 }

package/types/components/lcb-filter/components/SelectTagView/index.vue.d.ts

@@ -10,7 +10,9 @@ declare const _default: import('vue').DefineComponent<
   {},
   import('vue').ComponentOptionsMixin,
   import('vue').ComponentOptionsMixin,
-  {},
+  {
+    click: (...args: any[]) => void
+  },
   string,
   import('vue').PublicProps,
   Readonly<
@@ -21,7 +23,9 @@ declare const _default: import('vue').DefineComponent<
         size?: 'small' | 'normal'
       }>
     >
-  >,
+  > & {
+    onClick?: ((...args: any[]) => any) | undefined
+  },
   {},
   {}
 >

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

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

@@ -0,0 +1,5 @@
+export interface LcbGapProps {
+  height?: number
+  safeAreaBottom?: boolean
+  bgColor?: string
+}

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

@@ -1,7 +1,11 @@
+import { LcbHomeSearch } from './types'
 declare const _default: import('vue').DefineComponent<
-  __VLS_TypePropsToOption<{
-    marginTop?: number
-  }>,
+  __VLS_WithDefaults<
+    __VLS_TypePropsToOption<LcbHomeSearch>,
+    {
+      placeholder: string
+    }
+  >,
   {},
   unknown,
   {},
@@ -13,15 +17,32 @@ declare const _default: import('vue').DefineComponent<
   import('vue').PublicProps,
   Readonly<
     import('vue').ExtractPropTypes<
-      __VLS_TypePropsToOption<{
-        marginTop?: number
-      }>
+      __VLS_WithDefaults<
+        __VLS_TypePropsToOption<LcbHomeSearch>,
+        {
+          placeholder: string
+        }
+      >
     >
   >,
-  {},
+  {
+    placeholder: string
+  },
   {}
 >
 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>

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

@@ -0,0 +1,6 @@
+import { ActionView } from 'action'
+export interface LcbHomeSearch {
+  marginTop?: number
+  placeholder?: string
+  items?: Partial<ActionView>[]
+}

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

@@ -45,8 +45,8 @@ declare const _default: import('vue').DefineComponent<
   >,
   {
     iconSize: number
-    textColor: string
     bgColor: string
+    textColor: string
     iconColor: string
     topMargin: 0 | 24 | 36
     bottomMargin: 0 | 24 | 36

package/utils/transform.ts

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