@tplc/business 0.0.27 → 0.0.28

package/components/{lcb-filter/lcb-filter.vue → lcb-list/lcb-list.vue}

@@ -1,71 +1,81 @@
 <template>
   <view v-if="info">
-    <wd-drop-menu>
-      <wd-drop-menu-item
-        v-for="(item, index) in info?.filterComponent"
-        :key="item.valueName"
-        :title="titleObj[item.valueName] || item.fitlerName"
-        icon="caret-down-small"
-        icon-size="26px"
-        :selected="getSelect(item)"
-        ref="dropMenu"
-        @opened="handleOpened"
+    <view style="z-index: 1; position: sticky; top: 0">
+      <view
+        :class="{
+          'lcb-filter__border-top': border,
+        }"
       >
-        <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)"
-          />
+        <wd-drop-menu>
+          <wd-drop-menu-item
+            v-for="(item, index) in info?.filterComponent"
+            :key="item.valueName"
+            :title="titleObj[item.valueName] || item.fitlerName"
+            icon="caret-down-small"
+            icon-size="26px"
+            :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="bg-white px-3 pb-2 box-border flex items-center"
+        >
+          <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>
-      </wd-drop-menu-item>
-    </wd-drop-menu>
-    <view
-      v-if="info?.filterTags || info.btnComponent"
-      class="bg-white px-3 pb-2 box-border flex items-center"
-    >
-      <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>
+    <FilterList v-bind="{ ...info.listInfo, ...pageListProps, filter }" />
   </view>
 </template>
 
 <script setup lang="ts">
 import { inject, Ref, ref, watch } from 'vue'
-import { LcbFilterProps } from './types'
+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 FilterList from './components/FilterList/index.vue'
 import './index.scss'
 import { FORM_KEY } from '../../constants'
 defineOptions({
-  name: 'LcbFilter',
+  name: 'LcbList',
   options: {
     addGlobalClass: true,
     virtualHost: true,
@@ -74,8 +84,14 @@ defineOptions({
 })
 const form = inject<Ref<Record<string, any>>>(FORM_KEY)
 const dropMenu = ref()
-const props = withDefaults(defineProps<LcbFilterProps>(), {
+const props = withDefaults(defineProps<LcbListProps>(), {
   pageFilterType: 'hotelTravelFilter',
+  border: true,
+  pageListProps: () => ({
+    productProps: {
+      styleGroup: 1,
+    },
+  }),
 })
 const info = ref<LcbFilterResult>()
 const filter = ref<Record<string, any>>({})

package/components/{lcb-filter → lcb-list}/types.ts

@@ -1,5 +1,9 @@
-export interface LcbFilterProps {
+import { PageListProps } from './components/FilterList/type'
+
+export interface LcbListProps {
   pageFilterType?: string
+  pageListProps?: PageListProps
+  border?: boolean
 }
 export interface Option {
   label: string

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

@@ -42,7 +42,7 @@
             :class="[capsuleList.length === 1 ? 'px-2' : 'px-2.5']"
           >
             <wd-icon
-              class-prefix="iconfont"
+              class-prefix="lcb"
               :name="iconMap[item.action]"
               size="36rpx"
               :color="contentColor"
@@ -50,12 +50,7 @@
           </view>
         </view>
         <template v-else-if="back">
-          <wd-icon
-            class-prefix="iconfont"
-            name="dingdanliebiao"
-            @click="toBack"
-            :color="contentColor"
-          />
+          <wd-icon class-prefix="lcb" name="zuo_left" @click="toBack" :color="contentColor" />
         </template>
         <view class="ml-2" v-if="titleLocation === 'left'">
           <Search
@@ -103,12 +98,12 @@ defineOptions({
 })
 const { statusBarHeight } = uni.getSystemInfoSync()
 const iconMap = {
-  back: 'dingdanliebiao',
-  search: 'a-xingzhuang23kaobei',
-  scanCode: 'a-xingzhuang106',
-  translate: 'a-xingzhuang22',
-  setting: 'shezhi',
-  home: 'tingshi',
+  back: 'zuo_left',
+  search: 'sousuo_search',
+  scanCode: 'gengduo_more-app',
+  translate: 'fanyi_translate',
+  setting: 'peizhi_config',
+  home: 'shouye_home1',
 }
 const scrollTop = ref(0)
 const props = withDefaults(defineProps<NavProps>(), {

package/components/lcb-notice/Item/index.vue

@@ -12,7 +12,7 @@
     />
     <view v-if="iconType === 0" class="mr-12rpx">
       <wd-icon
-        class-prefix="iconfont"
+        class-prefix="lcb"
         v-bind="{
           name: item?.icon || '',
           size: transformValueUnit(40),

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

@@ -1,9 +1,11 @@
 <template>
   <lcb-block v-bind="$props">
-    <view v-if="styleGroup != 2" v-for="(item, index) in items" :key="index">
-      <!-- <view>{{  JSON.stringify(item) }}</view> -->
-      <lcb-product-item :styleProps="styleProps" :idx="index" v-bind="item" />
-    </view>
+    <template v-if="styleGroup !== 2">
+      <view v-for="(item, index) in items" :key="index">
+        <!-- <view>{{  JSON.stringify(item) }}</view> -->
+        <lcb-product-item :styleProps="styleProps" :idx="index" v-bind="item" />
+      </view>
+    </template>
     <scroll-view v-if="styleGroup == 2" scroll-x class="w-full whitespace-nowrap">
       <view class="flex shrink-0">
         <view v-for="(item, index) in items" :key="index">
@@ -15,9 +17,8 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
+import { computed } from 'vue'
 import { LcbProductProps } from './types'
-import { transformValueUnit } from '../../utils/transform'
 defineOptions({
   name: 'LcbProduct',
   options: {
@@ -41,7 +42,6 @@ const styleProps = computed(() => {
     showCollection: props.showCollection,
   }
 })
-
 </script>
 
 <style lang="scss" scoped></style>

package/components/lcb-product/types.ts

@@ -1,10 +1,10 @@
 export interface LcbProductProps {
   // Define the component's prop types here
-  styleGroup?: 1 | 2 | 3 | 4   //1列表 2 左右滑动 3一行两个 4瀑布流
+  styleGroup?: 1 | 2 | 3 | 4 // 1列表 2 左右滑动 3一行两个 4瀑布流
   items?: Record<string, any>
   marginHorizontal?: number
-  productStyle?: 'image' | 'flat' | 'card' | 'border'   //图片, 扁平, 卡片, 描边
-  productTitle?: 0 | 1 | 2    //0默认 1 1行 2 2行
+  productStyle?: 'image' | 'flat' | 'card' | 'border' // 图片, 扁平, 卡片, 描边
+  productTitle?: 0 | 1 | 2 // 0默认 1 1行 2 2行
   showTags?: boolean
   showPrice?: boolean
   showScribePrice?: boolean

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

@@ -1,17 +1,26 @@
 <template>
-  <view :style="{
-    paddingTop: `${transformValueUnit(15)}`,
-    paddingBottom: `${transformValueUnit(15)}`,
-    paddingLeft: styleProps?.styleGroup != 1 && idx > 0 ? transformValueUnit(15) : 0,
-    width: styleProps?.styleGroup != 1 ? transformValueUnit(picWidth) : 'auto',
-    // paddingHorizontal: styleProps?.styleGroup == 1 ? null : 15,
-  }">
+  <view
+    :style="{
+      paddingTop: `${transformValueUnit(15)}`,
+      paddingBottom: `${transformValueUnit(15)}`,
+      paddingLeft: styleProps?.styleGroup != 1 && idx > 0 ? transformValueUnit(15) : 0,
+      width: styleProps?.styleGroup != 1 ? transformValueUnit(picWidth) : 'auto',
+      // paddingHorizontal: styleProps?.styleGroup == 1 ? null : 15,
+    }"
+  >
     <view :class="`${styleProps?.styleGroup == 1 ? 'flex' : ''}`">
-      <wd-img :src="realImg" :width="transformValueUnit(picWidth)" :height="transformValueUnit(picHeight)" />
-      <view v-if="styleProps?.productStyle != 'image'"
-        :class="`${styleProps?.styleGroup == 1 ? 'flex-1 pl-20rpx' : 'pt-20rpx'} pb-20rpx${styleProps?.productTitle == 1 ? ' ellipsis ' : ''}`">
+      <wd-img
+        :src="realImg"
+        :width="transformValueUnit(picWidth)"
+        :height="transformValueUnit(picHeight)"
+      />
+      <view
+        v-if="styleProps?.productStyle != 'image'"
+        :class="`${styleProps?.styleGroup == 1 ? 'flex-1 pl-20rpx' : 'pt-20rpx'} pb-20rpx${styleProps?.productTitle == 1 ? ' ellipsis ' : ''}`"
+      >
         <view
-          :class="`${styleProps?.productTitle == 1 ? 'ellipsis' : styleProps?.productTitle == 2 ? 'mulEllipsis' : 'wordBreak'} text-32rpx color-#333`">
+          :class="`${styleProps?.productTitle == 1 ? 'ellipsis' : styleProps?.productTitle == 2 ? 'mulEllipsis' : 'wordBreak'} text-32rpx color-#333`"
+        >
           {{ productName }}
         </view>
         <lcb-tags v-if="!!styleProps?.showTags" :mode="2" :tagRadius="3" :items="tags" />
@@ -19,7 +28,10 @@
         <view class="flex items-center mt-15rpx">
           <view v-if="!!styleProps?.showPrice" class="text-30rpx color-red">¥</view>
           <view v-if="!!styleProps?.showPrice" class="text-32rpx color-red">{{ price }}</view>
-          <view v-if="!!styleProps?.showScribePrice" class="line-through text-22rpx color-#999 ml-10rpx pt-5rpx">
+          <view
+            v-if="!!styleProps?.showScribePrice"
+            class="line-through text-22rpx color-#999 ml-10rpx pt-5rpx"
+          >
             ¥{{ scribePrice }}
           </view>
         </view>

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

@@ -1,31 +1,52 @@
 <template>
   <lcb-block v-bind="$props" customClass="flex flex-justify-between">
-    <view class="flex flex-col flex-justify-center items-center" @click="onClick(item)" v-for="item in iconList"
-      :key="item.id">
-      <view class="position-relative" :style="{
-        height: transformValueUnit(iconSize),
-        width: transformValueUnit(iconSize),
-      }" @click="onClick">
-        <view v-if="item.iconType === 0">
-          <wd-icon class-prefix="iconfont" v-bind="{
-            name: item.iconName || '',
-            size: transformValueUnit(iconSize),
-            color: iconColor,
-          }" />
-        </view>
-        <view v-if="item.iconType === 1" class="bg-no-repeat bg-contain" :style="{
+    <view
+      class="flex flex-col flex-justify-center items-center"
+      @click="onClick(item)"
+      v-for="item in iconList"
+      :key="item.id"
+    >
+      <view
+        class="position-relative"
+        :style="{
           height: transformValueUnit(iconSize),
           width: transformValueUnit(iconSize),
-          color: iconColor,
-          backgroundImage: `url('${item.iconUpload}')`,
-        }" />
-        <view v-if="item.id < 5" class="pos-absolute bg-#f23d3d pos-top-0 pos-right-0 w-8px h-8px rounded-4px" />
+        }"
+        @click="onClick"
+      >
+        <view v-if="item.iconType === 0">
+          <wd-icon
+            class-prefix="lcb"
+            v-bind="{
+              name: item.iconName || '',
+              size: transformValueUnit(iconSize),
+              color: iconColor,
+            }"
+          />
+        </view>
+        <view
+          v-if="item.iconType === 1"
+          class="bg-no-repeat bg-contain"
+          :style="{
+            height: transformValueUnit(iconSize),
+            width: transformValueUnit(iconSize),
+            color: iconColor,
+            backgroundImage: `url('${item.iconUpload}')`,
+          }"
+        />
+        <view
+          v-if="item.id < 5"
+          class="pos-absolute bg-#f23d3d pos-top-0 pos-right-0 w-8px h-8px rounded-4px"
+        />
       </view>
-      <view class="flex flex-justify-between text-center" :style="{
-        color: textColor,
-        fontSize: transformValueUnit(textSize),
-        marginTop: transformValueUnit((textSize || 0) / 3),
-      }">
+      <view
+        class="flex flex-justify-between text-center"
+        :style="{
+          color: textColor,
+          fontSize: transformValueUnit(textSize),
+          marginTop: transformValueUnit((textSize || 0) / 3),
+        }"
+      >
         {{ item.iconTitle }}
       </view>
     </view>

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

@@ -1,69 +1,98 @@
 <template>
-  <lcb-block v-bind="{
-    paddingTop,
-    paddingBottom,
-    paddingHorizontal,
-    backgroundColor: bgStyle === 1 ? backgroundColor : '',
-    backgroundImage: bgStyle === 2 ? backgroundImage : '',
-  }">
-    <view class="anyTopGap" :style="{
-      paddingTop: padTop,
-    }" />
+  <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-40rpx">
+      <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}')`,
-      }" />
-      <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="lcb"
+          v-bind="{
+            name: iconName,
+            size: transformValueUnit(textSize),
+            color: textColor,
+          }"
+        />
       </view>
     </view>
-    <view v-if="valuesCard == true || coupons == true || presales == true || memberPoints == true"
-      class="flex flex-justify-between text-center" :style="{
+    <view
+      v-if="valuesCard == true || coupons == true || presales == true || memberPoints == true"
+      class="flex flex-justify-between text-center"
+      :style="{
         color: textColor,
         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="预售券" />
@@ -89,7 +118,7 @@ import { LcbUserTopProps } from './types'
 import { transformValueUnit } from '../../utils/transform'
 import Nums from './Nums/index.vue'
 import { styleText } from 'util'
-import { computed } from 'vue';
+import { computed } from 'vue'
 import { addUnit } from '@tplc/wot/components/common/util'
 const { statusBarHeight } = uni.getSystemInfoSync()
 defineOptions({

package/global.d.ts

@@ -2,18 +2,20 @@ 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-area-picker': (typeof import('./types/components/lcb-area-picker/lcb-area-picker.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']
     'lcb-calendar': (typeof import('./types/components/lcb-calendar/lcb-calendar.vue'))['default']
     'lcb-calendar-search': (typeof import('./types/components/lcb-calendar-search/lcb-calendar-search.vue'))['default']
     'lcb-city-select': (typeof import('./types/components/lcb-city-select/lcb-city-select.vue'))['default']
-    'lcb-filter': (typeof import('./types/components/lcb-filter/lcb-filter.vue'))['default']
+    'lcb-dynamic-data': (typeof import('./types/components/lcb-dynamic-data/lcb-dynamic-data.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-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-list': (typeof import('./types/components/lcb-list/lcb-list.vue'))['default']
     'lcb-nav': (typeof import('./types/components/lcb-nav/lcb-nav.vue'))['default']
     'lcb-notice': (typeof import('./types/components/lcb-notice/lcb-notice.vue'))['default']
     'lcb-product': (typeof import('./types/components/lcb-product/lcb-product.vue'))['default']