@tplc/business 0.0.52 → 0.0.55

package/CHANGELOG.md

@@ -2,6 +2,26 @@
 
 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.55](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.0.54...v0.0.55) (2024-11-02)
+
+
+### ✨ Features | 新功能
+
+* 兼容icon ([dce6350](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/dce63504062480ec2413f61a18705ab1f56b2253))
+* 兼容no sticky ([f4b44f3](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/f4b44f39bf8b3f5aacaab4ed8db74bb651c48b80))
+* 兼容引擎 ([ea2de3b](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/ea2de3bda892b118444db583576bdbaf627e378a))
+* 新增默认click ([2cf168e](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/2cf168e9a38c58f61d65989ae9ebccd094b71231))
+* 调整手机号策略 ([c17daaa](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/c17daaa82f485bb68b8e0176934403a8c818de4d))
+
+### [0.0.54](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.0.53...v0.0.54) (2024-10-30)
+
+### [0.0.53](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.0.52...v0.0.53) (2024-10-30)
+
+
+### ✨ Features | 新功能
+
+* 增加 list 瀑布流布局 ([53e7752](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/53e7752b90a009fa9c3d946a9472ca94c66088ad))
+
 ### [0.0.52](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.1.23...v0.0.52) (2024-10-29)
 
 

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

@@ -27,6 +27,7 @@ const props = defineProps<LcbActionViewProps>()
 const emits = defineEmits<{
   (e: 'phone', value: { detail: { errMsg: string; encryptedData: string; iv: string } }): void
   (e: 'avatar', value: string): void
+  (e: 'click', value: void): void
 }>()
 
 const openType = computed(() => {
@@ -126,6 +127,9 @@ const onActionClick = () => {
           phoneNumber,
         })
       break
+    default:
+      emits('click')
+      break
   }
 }
 const getPhoneNumber = (e) => {

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

@@ -13,14 +13,16 @@
       </view>
       <scroll-view scroll-x class="w-full whitespace-nowrap pb-24rpx">
         <lcb-action-view v-for="(item, index) in items" :key="index" v-bind="item.link">
-          <img
+          <image
             :src="item.url"
             class="block"
             :style="{
               height: transformValueUnit(height),
               width: transformValueUnit(imgWidth),
               marginRight: transformValueUnit(itemPadding),
+              borderRadius: transformValueUnit(imageRadius),
             }"
+            mode="aspectFill"
           />
         </lcb-action-view>
       </scroll-view>
@@ -59,9 +61,6 @@ defineOptions({
   },
 })
 const props = withDefaults(defineProps<LcbBannerListProps>(), {
-  radius: 16,
-  imageRadius: 0,
-  marginHorizontal: 24,
   backgroundColor: '#ffffff',
 })
 const bannerProps = computed(() => {

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

@@ -1,5 +1,5 @@
 <template>
-  <lcb-block v-bind="$props" customClass="flex items-center">
+  <lcb-block v-bind="$props" customClass="flex items-center !bg-white">
     <view
       class="flex flex-1 text-#333 rounded-16rpx bg-#F5F5F7 h-78rpx flex items-center px-3 text-[28rpx]"
     >
@@ -46,9 +46,10 @@ defineOptions({
   },
 })
 withDefaults(defineProps<LcbCalendarSearchProps>(), {
-  marginHorizontal: 24,
+  paddingHorizontal: 24,
   radius: 16,
   placeholder: '城市|地点|品牌',
+  icon: 'search',
 })
 const addressCity = ref<ChildHotAddress>()
 

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

@@ -4,12 +4,14 @@
     :safe-area-bottom="safeAreaBottom"
     :bg-color="bgColor"
     :safe-area-top="safeAreaTop"
+    :custom-class="cutomClass"
   />
 </template>
 
 <script setup lang="ts">
 import { LcbGapProps } from './types'
 import { transformValueUnit } from '../../utils/transform'
+import { computed } from 'vue'
 defineOptions({
   name: 'LcbGap',
   options: {
@@ -18,7 +20,11 @@ defineOptions({
     styleIsolation: 'shared',
   },
 })
-withDefaults(defineProps<LcbGapProps>(), {})
+const props = withDefaults(defineProps<LcbGapProps>(), {})
+/** 兼容引擎 */
+const cutomClass = computed(() => {
+  return props.safeAreaTop ? 'anyTopGap' : ''
+})
 </script>
 
 <style lang="scss" scoped></style>

package/components/lcb-list/components/FilterList/index.vue

@@ -1,23 +1,25 @@
 <template>
+  <view id="pagingTop"></view>
   <z-paging
     ref="paging"
     :empty-view-z-index="0"
     :auto="true"
     v-model="dataList"
     @query="queryList"
-    use-page-scroll
+    :fixed="false"
+    :use-page-scroll="!autoHeight"
+    :height="autoHeight ? height : ''"
   >
     <slot :items="normalizeDataList"></slot>
   </z-paging>
 </template>
 
 <script setup lang="ts">
-import { computed, ref, watch, useAttrs } from 'vue'
+import { computed, getCurrentInstance, onMounted, ref, watch } from 'vue'
 import useZPaging from 'z-paging/components/z-paging/js/hooks/useZPaging'
 import { LcbFilterListProps } from './type'
 import { formatJson } from '../../../../utils/utils'
-import mockData from './mockData'
-const attrs = useAttrs()
+import { getRect } from '@tplc/wot/components/common/util'
 
 defineOptions({
   name: 'FilterList',
@@ -30,6 +32,8 @@ defineOptions({
 const props = defineProps<LcbFilterListProps>()
 const dataList = ref<unknown[]>([])
 const paging = ref()
+const viewPageHeight = uni.getSystemInfoSync().windowHeight
+const height = ref('')
 useZPaging(paging)
 
 const normalizeDataList = computed(() => {
@@ -39,18 +43,13 @@ const normalizeDataList = computed(() => {
     return {
       image: imgArr?.[1] || imgArr?.[0],
       title: item?.productName,
-      // subTitle: item?.poiName,
       location: item?.address,
       price: item?.price,
       priceSuffix: item?.behindUnit,
-      // originPrice: item?.price,
-      // originPriceSuffix: item?.behindUnit,
       ...item,
       tags,
     }
   })
-  // console.log('list', list)
-
   return list
 })
 
@@ -80,7 +79,6 @@ watch(
 )
 const queryList = async (page: number, limit: number) => {
   try {
-    // const { data } = mockData
     const { data } = await uni.$lcb.http.post(props.url, {
       ...props.baseParam,
       ...props.filter,
@@ -94,13 +92,12 @@ const queryList = async (page: number, limit: number) => {
     paging.value.complete(false)
   }
 }
-
-// watch(
-//   () => dataList.value,
-//   () => {
-//     console.log('dataList', dataList.value)
-//   },
-// )
+const { proxy } = getCurrentInstance() as any
+onMounted(() => {
+  getRect(`#pagingTop`, false, proxy).then((res) => {
+    height.value = viewPageHeight - (res.top || 0) + 'px'
+  })
+})
 </script>
 <style lang="scss" scoped>
 .action-view {

package/components/lcb-list/components/FilterList/type.ts

@@ -7,5 +7,5 @@ export interface PageListProps {
 }
 export interface LcbFilterListProps extends PageListProps, LcbListInfo {
   filter?: Record<string, any>
-  test?: any
+  autoHeight?: boolean
 }

package/components/lcb-list/components/FilterView/index.vue

@@ -0,0 +1,121 @@
+<template>
+  <view
+    :class="{
+      'lcb-filter__border-top': showPlain ? false : border,
+      'lcb-filter__plain': showPlain,
+      'lcb-filter__view': !showPlain,
+    }"
+    class="w-100vw"
+  >
+    <FilterTabs
+      v-model="filter[info?.filterTabs?.valueName]"
+      v-bind="info?.filterTabs?.componentProps"
+      v-if="info?.filterTabs"
+    />
+    <wd-drop-menu>
+      <wd-drop-menu-item
+        v-for="(item, index) in info?.filterComponent"
+        :key="item.valueName"
+        :title="titleObj[item.valueName] || item.filterName"
+        icon="caret-down-small"
+        icon-size="26rpx"
+        :selected="getSelect(item)"
+        ref="dropMenu"
+        @opened="handleOpened"
+      >
+        <view class="lcb-filter__popup">
+          <FilterSelect
+            v-if="item.component === 'select'"
+            v-bind="item.componentProps"
+            v-model="filter[item.valueName]"
+            v-model:title="titleObj[item.valueName]"
+            @submit="onSubmit(index)"
+          />
+          <TreeSelect
+            v-else-if="item.component === 'treeSelect'"
+            v-bind="item.componentProps"
+            v-model="filter[item.valueName]"
+            v-model:title="titleObj[item.valueName]"
+            @submit="onSubmit(index)"
+          />
+          <ComponentGroup
+            v-else-if="item.component === 'componentGroup'"
+            v-bind="item.componentProps"
+            :filter="filter"
+            @submit="onSubmit(index, $event)"
+          />
+        </view>
+      </wd-drop-menu-item>
+    </wd-drop-menu>
+    <view
+      v-if="info?.filterTags || info.btnComponent"
+      class="px-3 pb-2 box-border flex items-center"
+      :class="{
+        'mt-2': showPlain,
+      }"
+    >
+      <view class="flex gap-3.5 flex-1">
+        <TagSelect
+          v-if="info.filterTags"
+          size="small"
+          v-bind="info.filterTags.componentProps"
+          v-model="filter[info.filterTags.valueName]"
+        />
+      </view>
+      <wd-button v-if="info?.btnComponent" custom-class="!h-60rpx opacity-primary">
+        {{ info?.btnComponent?.postRequest }}
+      </wd-button>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from 'vue'
+import { FilterComponent } from '../../../lcb-list/api'
+import ComponentGroup from '../ComponentGroup/index.vue'
+import FilterSelect from '../FilterSelect/index.vue'
+import FilterTabs from '../FilterTabs/index.vue'
+import TagSelect from '../TagSelect/index.vue'
+import TreeSelect from '../TreeSelect/index.vue'
+import { FilterViewProps } from './type'
+
+defineOptions({
+  name: 'FilterView',
+  options: {
+    addGlobalClass: true,
+    virtualHost: true,
+    styleIsolation: 'shared',
+  },
+})
+const dropMenu = ref()
+const props = defineProps<FilterViewProps>()
+
+const filter = defineModel<Record<string, any>>({
+  default: {},
+})
+const showPlain = computed(() => {
+  return props.styleMode === 'plain' && !props.sticky
+})
+
+const onSubmit = (index: number, filterObj?: Record<string, any>) => {
+  dropMenu.value?.[index]?.close()
+  if (filterObj) {
+    filter.value = {
+      ...filter.value,
+      ...filterObj,
+    }
+  }
+}
+const getSelect = (item: FilterComponent) => {
+  if (item.component === 'componentGroup') {
+    return item.componentProps.componentList?.some((v) => filter.value[v.valueName])
+  } else {
+    return Boolean(filter.value[item.valueName])
+  }
+}
+
+const handleOpened = () => {
+  uni.$emit('drop-opened')
+}
+</script>
+<style lang="scss" scoped></style>

package/components/lcb-list/components/FilterView/type.ts

@@ -0,0 +1,8 @@
+import { LcbFilterResult } from '../../../lcb-list/api'
+import { LcbListProps } from '../../types'
+
+export interface FilterViewProps extends LcbListProps {
+  info: LcbFilterResult
+  titleObj: Record<string, any>
+  sticky: boolean
+}

package/components/lcb-list/lcb-list.vue

@@ -1,77 +1,24 @@
 <template>
-  <view v-if="info" class="bg-gray-100">
-    <wd-sticky @sticky="sticky = $event" :offset-top="0.0001">
-      <view
-        :class="{
-          'lcb-filter__border-top': showPlain ? false : border,
-          'lcb-filter__plain': showPlain,
-          'lcb-filter__view': !showPlain,
-        }"
-        class="w-100vw"
-      >
-        <FilterTabs
-          v-model="filter[info?.filterTabs?.valueName]"
-          v-bind="info?.filterTabs?.componentProps"
-          v-if="info?.filterTabs"
-        />
-        <wd-drop-menu>
-          <wd-drop-menu-item
-            v-for="(item, index) in info?.filterComponent"
-            :key="item.valueName"
-            :title="titleObj[item.valueName] || item.filterName"
-            icon="caret-down-small"
-            icon-size="26rpx"
-            :selected="getSelect(item)"
-            ref="dropMenu"
-            @opened="handleOpened"
-          >
-            <view class="lcb-filter__popup">
-              <FilterSelect
-                v-if="item.component === 'select'"
-                v-bind="item.componentProps"
-                v-model="filter[item.valueName]"
-                v-model:title="titleObj[item.valueName]"
-                @submit="onSubmit(index)"
-              />
-              <TreeSelect
-                v-else-if="item.component === 'treeSelect'"
-                v-bind="item.componentProps"
-                v-model="filter[item.valueName]"
-                v-model:title="titleObj[item.valueName]"
-                @submit="onSubmit(index)"
-              />
-              <ComponentGroup
-                v-else-if="item.component === 'componentGroup'"
-                v-bind="item.componentProps"
-                :filter="filter"
-                @submit="onSubmit(index, $event)"
-              />
-            </view>
-          </wd-drop-menu-item>
-        </wd-drop-menu>
-        <view
-          v-if="info?.filterTags || info.btnComponent"
-          class="px-3 pb-2 box-border flex items-center"
-          :class="{
-            'mt-2': showPlain,
-          }"
-        >
-          <view class="flex gap-3.5 flex-1">
-            <TagSelect
-              v-if="info.filterTags"
-              size="small"
-              v-bind="info.filterTags.componentProps"
-              v-model="filter[info.filterTags.valueName]"
-            />
-          </view>
-          <wd-button v-if="info.btnComponent" custom-class="!h-60rpx opacity-primary">
-            {{ info.btnComponent?.postRequest }}
-          </wd-button>
-        </view>
-      </view>
+  <template v-if="info">
+    <wd-sticky @sticky="sticky = $event" :offset-top="0.0001" v-if="isSticky">
+      <FilterView
+        v-bind="$props"
+        :info="info"
+        v-model="filter"
+        :titleObj="titleObj"
+        :sticky="sticky"
+      />
     </wd-sticky>
+    <FilterView
+      v-else
+      v-bind="$props"
+      :info="info"
+      v-model="filter"
+      :titleObj="titleObj"
+      :sticky="sticky"
+    />
 
-    <FilterList v-bind="{ ...info.listInfo, listType, filter, ...attrs }">
+    <FilterList v-bind="{ ...info.listInfo, listType, filter, ...attrs }" :autoHeight="!isSticky">
       <template #default="{ items }">
         <slot name="list" :items="items">
           <lcb-product v-bind="{ ...attrs }" :listType="listType" :items="items" v-if="$slots.item">
@@ -88,24 +35,21 @@
         </slot>
       </template>
     </FilterList>
-  </view>
+  </template>
 </template>
 
 <script setup lang="ts">
-import { computed, inject, Ref, ref, watch, useAttrs } from 'vue'
-import { LcbListProps } from './types'
-import { FilterComponent, getFilterDetail, LcbFilterResult } from './api'
-import FilterSelect from './components/FilterSelect/index.vue'
-import TreeSelect from './components/TreeSelect/index.vue'
-import ComponentGroup from './components/ComponentGroup/index.vue'
-import TagSelect from './components/TagSelect/index.vue'
+import { inject, Ref, ref, useAttrs, watch } from 'vue'
+import { getFilterDetail, LcbFilterResult } from './api'
 import FilterList from './components/FilterList/index.vue'
-import FilterTabs from './components/FilterTabs/index.vue'
+import FilterView from './components/FilterView/index.vue'
+import { LcbListProps } from './types'
 
-import './index.scss'
 import { FORM_KEY } from '../../constants'
+import './index.scss'
 const attrs = useAttrs()
-
+/** 是否悬停 */
+const sticky = ref(false)
 defineOptions({
   name: 'LcbList',
   options: {
@@ -114,13 +58,15 @@ defineOptions({
     styleIsolation: 'shared',
   },
 })
+const titleObj = ref<Record<string, any>>({})
 const form = inject<Ref<Record<string, any>>>(FORM_KEY)
-const dropMenu = ref()
+const filter = ref<Record<string, any>>({})
 const props = withDefaults(defineProps<LcbListProps>(), {
   pageFilterType: 'hotelTravelFilter',
   border: true,
   styleMode: 'default',
   listType: 'list',
+  isSticky: true,
   // @ts-ignore
   pageListProps: () => ({
     productProps: {
@@ -129,14 +75,21 @@ const props = withDefaults(defineProps<LcbListProps>(), {
   }),
 } as LcbListProps as any)
 const info = ref<LcbFilterResult>()
-const filter = ref<Record<string, any>>({})
-const titleObj = ref<Record<string, any>>({})
-/** 是否悬停 */
-const sticky = ref(false)
-const showPlain = computed(() => {
-  // console.log(props.styleMode, sticky.value, 'showPlain')
-  return props.styleMode === 'plain' && !sticky.value
-})
+watch(
+  () => filter.value,
+  async (val) => {
+    if (form && Object.keys(val).length) {
+      form.value = {
+        ...form.value,
+        ...val,
+      }
+    }
+  },
+  {
+    immediate: true,
+    deep: true,
+  },
+)
 watch(
   () => props.pageFilterType,
   async (val) => {
@@ -166,42 +119,6 @@ watch(
     immediate: true,
   },
 )
-const onSubmit = (index: number, filterObj?: Record<string, any>) => {
-  dropMenu.value?.[index]?.close()
-  if (filterObj) {
-    filter.value = {
-      ...filter.value,
-      ...filterObj,
-    }
-  }
-}
-const getSelect = (item: FilterComponent) => {
-  if (item.component === 'componentGroup') {
-    return item.componentProps.componentList?.some((v) => filter.value[v.valueName])
-  } else {
-    return Boolean(filter.value[item.valueName])
-  }
-}
-const handleOpened = () => {
-  uni.$emit('drop-opened')
-}
-
-watch(
-  () => filter.value,
-  async (val) => {
-    if (form && Object.keys(val).length) {
-      form.value = {
-        ...form.value,
-        ...val,
-      }
-    }
-  },
-  {
-    immediate: true,
-    deep: true,
-  },
-)
-
 defineSlots<{
   list(props: { items: any }): any
   item(props: { item: any }): any

package/components/lcb-list/types.ts

@@ -7,6 +7,7 @@ export interface LcbListProps {
   border?: boolean
   styleMode?: 'default' | 'plain'
   listType?: LcbProductProps['listType']
+  isSticky?: boolean
 }
 export interface Option {
   label: string

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

@@ -3,7 +3,7 @@
     class="customNavigation"
     :class="{
       immersiveTop: topStyle === 2,
-      fixed,
+      fixed: topStyle === 1,
     }"
     :style="{
       paddingTop,
@@ -114,7 +114,6 @@ const props = withDefaults(defineProps<NavProps>(), {
   backColor: '#ffffff',
   contentColor: '#000000',
   logoImg: '',
-  fixed: false,
   back: false,
   capsuleMode: 'light',
   immersionMode: 1,

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

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed, useAttrs } from 'vue'
+import UWaterfall from 'uview-plus/components/u-waterfall/u-waterfall.vue'
 import { LcbProductProps } from './types'
 
 const attrs = useAttrs()
@@ -92,6 +93,103 @@ defineSlots<{
       </view>
     </view>
 
+    <u-waterfall :modelValue="items" v-if="listType === 'waterfall'" class="flex gap-3 p-3">
+      <template #left="{ leftList: list }">
+        <view class="flex flex-col gap-3">
+          <view
+            v-for="(item, index) in list"
+            :key="`${item?.productId}:${index}`"
+            class="rounded overflow-hidden"
+          >
+            <slot name="item" :item="item">
+              <lcb-product-item
+                v-bind="{ ...item, ...attrs }"
+                layoutType="vertical"
+                tag-overflow-wrap
+                :title-line-clamp="2"
+              >
+                <template #image="{ value }">
+                  <image :src="value" class="w-full" mode="widthFix" />
+                </template>
+                <!-- <template #itemTopSection>
+              <view class="min-w-10 min-h-10 bg-red-500/50"></view>
+            </template>
+            <template #itemBottomSection>
+              <view class="min-w-10 min-h-10 bg-yellow-500/50"></view>
+            </template>
+            <template #itemLeftSection>
+              <view class="min-w-10 min-h-10 bg-blue-500/50"></view>
+            </template>
+            <template #itemRightSection>
+              <view class="min-w-10 min-h-10 bg-green-500/50"></view>
+            </template> -->
+
+                <!-- <template #imageSection>
+              <view class="min-w-5 min-h-5 bg-yellow-400 right-1 top-1 absolute z-10"></view>
+            </template>
+
+            <template #itemSection>
+              <view class="min-w-10 min-h-10 bg-blue-500/50 right-0 top-0 absolute z-10"></view>
+            </template>
+            <template #contentSection>
+              <view
+                class="min-w-15 min-h-15 bg-gray-500/20 right-10 top-10 absolute z-10 rounded-full"
+              ></view>
+            </template> -->
+              </lcb-product-item>
+            </slot>
+          </view>
+        </view>
+      </template>
+      <template #right="{ rightList: list }">
+        <view class="flex flex-col gap-3">
+          <view
+            v-for="(item, index) in list"
+            :key="`${item?.productId}:${index}`"
+            class="rounded overflow-hidden"
+          >
+            <slot name="item" :item="item">
+              <lcb-product-item
+                v-bind="{ ...item, ...attrs }"
+                layoutType="vertical"
+                tag-overflow-wrap
+                :title-line-clamp="2"
+              >
+                <template #image="{ value }">
+                  <image :src="value" class="w-full" mode="widthFix" />
+                </template>
+                <!-- <template #itemTopSection>
+              <view class="min-w-10 min-h-10 bg-red-500/50"></view>
+            </template>
+            <template #itemBottomSection>
+              <view class="min-w-10 min-h-10 bg-yellow-500/50"></view>
+            </template>
+            <template #itemLeftSection>
+              <view class="min-w-10 min-h-10 bg-blue-500/50"></view>
+            </template>
+            <template #itemRightSection>
+              <view class="min-w-10 min-h-10 bg-green-500/50"></view>
+            </template> -->
+
+                <!-- <template #imageSection>
+              <view class="min-w-5 min-h-5 bg-yellow-400 right-1 top-1 absolute z-10"></view>
+            </template>
+
+            <template #itemSection>
+              <view class="min-w-10 min-h-10 bg-blue-500/50 right-0 top-0 absolute z-10"></view>
+            </template>
+            <template #contentSection>
+              <view
+                class="min-w-15 min-h-15 bg-gray-500/20 right-10 top-10 absolute z-10 rounded-full"
+              ></view>
+            </template> -->
+              </lcb-product-item>
+            </slot>
+          </view>
+        </view>
+      </template>
+    </u-waterfall>
+
     <scroll-view v-if="listType == 'horizontal'" scroll-x>
       <view class="p-2 flex gap-2 whitespace-nowrap overflow-auto flex-nowrap">
         <view

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

@@ -49,7 +49,7 @@ const value = computed(() => {
   >
     <!-- 图片 -->
     <slot :value="value" v-if="prop === 'image'" name="image">
-      <view :value="value" :class="className" :style="style">
+      <view :class="className" :style="style">
         <image :src="value" class="w-full h-full" mode="aspectFill" />
         <slot></slot>
       </view>
@@ -79,7 +79,6 @@ const value = computed(() => {
       <view
         :class="className"
         :style="style"
-        :value="value"
         class="text-22rpx text-gray-500 text-ellipsis line-clamp-1"
       >
         <view>{{ value }}</view>
@@ -91,7 +90,6 @@ const value = computed(() => {
       <view
         :class="className"
         :style="style"
-        :value="value"
         class="text-gray-500 text-22rpx flex gap-3rpx items-center"
       >
         <wd-icon name="location" size="32rpx"></wd-icon>
@@ -104,7 +102,6 @@ const value = computed(() => {
       <view
         :class="className"
         :style="style"
-        :value="value"
         class="text-gray-500 text-22rpx flex gap-3rpx items-center"
       >
         <wd-icon name="location" size="32rpx"></wd-icon>
@@ -145,12 +142,7 @@ const value = computed(() => {
 
     <!-- 价格单位 -->
     <slot :value="value" v-if="prop === 'priceUnit'" name="priceUnit">
-      <view
-        :class="className"
-        :style="style"
-        :value="value"
-        class="text-red-500 font-bold text-22rpx"
-      >
+      <view :class="className" :style="style" class="text-red-500 font-bold text-22rpx">
         <view>{{ value }}</view>
       </view>
     </slot>
@@ -169,38 +161,28 @@ const value = computed(() => {
 
     <!-- 价格后缀 -->
     <slot :value="value" v-if="prop === 'priceSuffix'" name="priceSuffix">
-      <view :class="className" :style="style" :value="value" class="text-22rpx">
+      <view :class="className" :style="style" class="text-22rpx">
         <view>{{ value }}</view>
       </view>
     </slot>
 
     <!-- 原始价格单位 -->
     <slot :value="value" v-if="prop === 'originPriceUnit'" name="originPriceUnit">
-      <view
-        :class="className"
-        :style="style"
-        :value="value"
-        class="text-gray-500 font-bold text-19rpx"
-      >
+      <view :class="className" :style="style" class="text-gray-500 font-bold text-19rpx">
         <view>{{ value }}</view>
       </view>
     </slot>
 
     <!-- 原始价格 -->
     <slot :value="value" v-if="prop === 'originPrice'" name="originPrice">
-      <view
-        :class="className"
-        :style="style"
-        :value="value"
-        class="text-gray-500 font-bold text-20rpx"
-      >
+      <view :class="className" :style="style" class="text-gray-500 font-bold text-20rpx">
         <view>{{ value }}</view>
       </view>
     </slot>
 
     <!-- 原始价格后缀 -->
     <slot :value="value" v-if="prop === 'originPriceSuffix'" name="originPriceSuffix">
-      <view :class="className" :style="style" :value="value" class="text-gray-500 text-20rpx">
+      <view :class="className" :style="style" class="text-gray-500 text-20rpx">
         <view>{{ value }}</view>
       </view>
     </slot>

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

@@ -27,17 +27,17 @@
         />
       </lcb-action-view>
       <view class="flex-1">
-        <lcb-action-view :jumpType="88" @phone="phoneHandler" v-if="!userStore?.userInfo?.phone">
-          <view
-            class="font-500"
-            :style="{
-              fontSize: transformValueUnit(textSize),
-              color: textColor,
-            }"
-          >
-            授权登录
-          </view>
-        </lcb-action-view>
+        <view
+          class="font-500"
+          v-if="!userStore?.userInfo?.phone"
+          :style="{
+            fontSize: transformValueUnit(textSize),
+            color: textColor,
+          }"
+          @click="phoneHandler"
+        >
+          授权登录
+        </view>
         <view v-else class="leading-none">
           <view class="text-32rpx font-#333 font-500 mb-20rpx">
             {{ userStore?.userInfo?.userName || '微信用户' }}
@@ -104,7 +104,6 @@ import { transformValueUnit } from '../../utils/transform'
 import Nums from './Nums/index.vue'
 import { computed } from 'vue'
 import { addUnit } from '@tplc/wot/components/common/util'
-import { getPhone } from '../../utils/auth'
 
 const { statusBarHeight } = uni.getSystemInfoSync()
 defineOptions({
@@ -137,9 +136,10 @@ withDefaults(defineProps<LcbUserTopProps>(), {
 const padTop = computed(() => {
   return addUnit(statusBarHeight || 0)
 })
-const phoneHandler = async (e) => {
-  await getPhone(e)
-  userStore?.getUser()
+const phoneHandler = () => {
+  uni.navigateTo({
+    url: '/pages/system/authPhone',
+  })
 }
 const onAvatar = (headImgUrl) => {
   userStore?.updateUser({

package/iconfonts/index.css

@@ -1,9 +1,10 @@
+/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
 @font-face {
   font-family: 'lcb'; /* Project id 4710234 */
   src:
-    url('//at.alicdn.com/t/c/font_4710234_4pa59gffcpf.woff2?t=1729228175639') format('woff2'),
-    url('//at.alicdn.com/t/c/font_4710234_4pa59gffcpf.woff?t=1729228175639') format('woff'),
-    url('//at.alicdn.com/t/c/font_4710234_4pa59gffcpf.ttf?t=1729228175639') format('truetype');
+    url('//at.alicdn.com/t/c/font_4710234_15ayvpii3yk.woff2?t=1730440551449') format('woff2'),
+    url('//at.alicdn.com/t/c/font_4710234_15ayvpii3yk.woff?t=1730440551449') format('woff'),
+    url('//at.alicdn.com/t/c/font_4710234_15ayvpii3yk.ttf?t=1730440551449') format('truetype');
 }
 
 .lcb {
@@ -14,6 +15,26 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.lcb-a-xingzhuang103:before {
+  content: '\e64e';
+}
+
+.lcb-a-xingzhuang97:before {
+  content: '\e651';
+}
+
+.lcb-jiaobiao:before {
+  content: '\e62c';
+}
+
+.lcb-jianshao:before {
+  content: '\e649';
+}
+
+.lcb-zengjia:before {
+  content: '\e64a';
+}
+
 .lcb-mingpian:before {
   content: '\e654';
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tplc/business",
-  "version": "0.0.52",
+  "version": "0.0.55",
   "keywords": [
     "业务组件"
   ],
@@ -18,7 +18,8 @@
     "pnpm": ">=7.30"
   },
   "dependencies": {
-    "qs": "6.5.3"
+    "qs": "6.5.3",
+    "uview-plus": "^3.3.9"
   },
   "scripts": {
     "pub": "pnpm dts && pnpm publish --no-git-checks",

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

@@ -10,30 +10,10 @@ declare const __VLS_component: import('vue').DefineComponent<
   {},
   import('vue').ComponentOptionsMixin,
   import('vue').ComponentOptionsMixin,
-  {
-    phone: (value: {
-      detail: {
-        errMsg: string
-        encryptedData: string
-        iv: string
-      }
-    }) => void
-    avatar: (value: string) => void
-  },
+  any,
   string,
   import('vue').PublicProps,
-  Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<LcbActionViewProps>>> & {
-    onPhone?:
-      | ((value: {
-          detail: {
-            errMsg: string
-            encryptedData: string
-            iv: string
-          }
-        }) => any)
-      | undefined
-    onAvatar?: ((value: string) => any) | undefined
-  },
+  any,
   {},
   {}
 >

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

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

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

@@ -3,9 +3,10 @@ declare const _default: import('vue').DefineComponent<
   __VLS_WithDefaults<
     __VLS_TypePropsToOption<LcbCalendarSearchProps>,
     {
-      marginHorizontal: number
+      paddingHorizontal: number
       radius: number
       placeholder: string
+      icon: string
     }
   >,
   {},
@@ -22,9 +23,10 @@ declare const _default: import('vue').DefineComponent<
       __VLS_WithDefaults<
         __VLS_TypePropsToOption<LcbCalendarSearchProps>,
         {
-          marginHorizontal: number
+          paddingHorizontal: number
           radius: number
           placeholder: string
+          icon: string
         }
       >
     >
@@ -32,7 +34,7 @@ declare const _default: import('vue').DefineComponent<
   {
     radius: number
     placeholder: string
-    marginHorizontal: number
+    paddingHorizontal: number
   },
   {}
 >

package/types/components/lcb-list/components/FilterList/type.d.ts

@@ -7,5 +7,5 @@ export interface PageListProps {
 }
 export interface LcbFilterListProps extends PageListProps, LcbListInfo {
   filter?: Record<string, any>
-  test?: any
+  autoHeight?: boolean
 }

package/types/components/lcb-list/components/FilterView/index.vue.d.ts

@@ -0,0 +1,36 @@
+import { FilterViewProps } from './type'
+declare let __VLS_typeProps: FilterViewProps
+type __VLS_PublicProps = {
+  modelValue?: Record<string, any>
+} & typeof __VLS_typeProps
+declare const _default: import('vue').DefineComponent<
+  __VLS_TypePropsToOption<__VLS_PublicProps>,
+  {},
+  unknown,
+  {},
+  {},
+  import('vue').ComponentOptionsMixin,
+  import('vue').ComponentOptionsMixin,
+  {
+    'update:modelValue': (modelValue: Record<string, any>) => void
+  },
+  string,
+  import('vue').PublicProps,
+  Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<__VLS_PublicProps>>> & {
+    'onUpdate:modelValue'?: ((modelValue: Record<string, any>) => any) | undefined
+  },
+  {},
+  {}
+>
+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-list/components/FilterView/type.d.ts

@@ -0,0 +1,7 @@
+import { LcbFilterResult } from '../../../lcb-list/api'
+import { LcbListProps } from '../../types'
+export interface FilterViewProps extends LcbListProps {
+  info: LcbFilterResult
+  titleObj: Record<string, any>
+  sticky: boolean
+}

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

@@ -27,6 +27,7 @@ declare const __VLS_component: import('vue').DefineComponent<
     pageListProps: import('./components/FilterList/type').PageListProps
     border: boolean
     styleMode: 'default' | 'plain'
+    isSticky: boolean
   },
   {}
 >

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

@@ -6,6 +6,7 @@ export interface LcbListProps {
   border?: boolean
   styleMode?: 'default' | 'plain'
   listType?: LcbProductProps['listType']
+  isSticky?: boolean
 }
 export interface Option {
   label: string

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

@@ -13,7 +13,6 @@ declare const _default: import('vue').DefineComponent<
       backColor: string
       contentColor: string
       logoImg: string
-      fixed: boolean
       back: boolean
       capsuleMode: string
       immersionMode: number
@@ -43,7 +42,6 @@ declare const _default: import('vue').DefineComponent<
           backColor: string
           contentColor: string
           logoImg: string
-          fixed: boolean
           back: boolean
           capsuleMode: string
           immersionMode: number
@@ -53,7 +51,6 @@ declare const _default: import('vue').DefineComponent<
   >,
   {
     title: string
-    fixed: boolean
     styleGroup: 1 | 2 | 3 | 4
     back: boolean
     topStyle: 1 | 2

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

@@ -110,10 +110,10 @@ declare const __VLS_component: import('vue').DefineComponent<
   >,
   {
     layoutType: 'vertical' | 'horizontal'
+    tagOverflowWrap: boolean
+    titleLineClamp: number
     priceUnit: any
     originPriceUnit: any
-    titleLineClamp: number
-    tagOverflowWrap: boolean
     tagType: import('@tplc/wot/components/wd-tag/types').TagType
     tagPlain: boolean
     tagMark: boolean

package/types/components/lcb-list/components/FilterList/mockData.d.ts

@@ -1,63 +0,0 @@
-declare const _default: {
-  code: string
-  count: number
-  data: {
-    address: string
-    agentId: string
-    areaId: string
-    areaName: string
-    auditDateTime: string
-    auditRemark: string
-    auditStatus: number
-    behindUnit: string
-    bigIcon: boolean
-    businessStatus: number
-    cityAreaName: string
-    cityId: string
-    cityName: string
-    clickCount: number
-    collectCount: number
-    collectFlag: boolean
-    commentCount: number
-    coverImg: string
-    createDate: string
-    distance: string
-    hideTags: string
-    hierarchy: number
-    lastModifyDate: string
-    latitude: string
-    level: string
-    longitude: string
-    mapShowFlag: boolean
-    marketingType: number
-    merchantHeadId: string
-    merchantId: string
-    orderCount: number
-    orderSkuCount: number
-    peopleNumScope: string
-    phone: string
-    poiId: string
-    poiName: string
-    poiNameI18n: string
-    poiType: string
-    praiseCount: number
-    praiseFlag: boolean
-    price: number
-    productId: string
-    productName: string
-    productNameI18n: string
-    productType: string
-    provinceId: string
-    provinceName: string
-    scribePrice: number
-    showDateFlag: boolean
-    startDateStr: string
-    startTime: string
-    status: number
-    tags: string
-    weightSort: string
-  }[]
-  dataClass: string
-  traceId: string
-}
-export default _default