@tplc/business 0.4.18 → 0.4.20

package/CHANGELOG.md

@@ -2,6 +2,22 @@
 
 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.4.20](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.19...v0.4.20) (2025-03-26)
+
+### [0.4.19](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.16...v0.4.19) (2025-03-26)
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.4.17 ([ce6bc59](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/ce6bc595a36d996eeed159f9782bcb9cbd4f68b7))
+* **release:** 0.4.18 ([62dd680](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/62dd6803d3965fbd1cad206f3528063992a94103))
+
+
+### ✨ Features | 新功能
+
+* 同步字段 ([706fd2b](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/706fd2bbd2f52f6e3e1c4d994e099fc64631d998))
+* 新增provinceId ([c3651bf](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/c3651bf906a82f19b3ced7d6d4279d54e6a073c2))
+
 ### [0.4.18](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.17...v0.4.18) (2025-03-25)
 
 

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

@@ -4,7 +4,14 @@
       class="flex flex-1 text-[var(--content-color)] rounded-16rpx bg-#F5F5F7 h-78rpx flex items-center px-3 text-[28rpx]"
     >
       <lcb-city-select :location="userLocation" v-model="addressCity">
-        <view class="max-w-13 truncate">{{ addressCity?.addressName || '全国' }}</view>
+        <view
+          class="max-w-13 truncate"
+          :style="{
+            fontSize: (addressCity?.addressName?.length || 0) > 3 ? '20rpx' : '28rpx',
+          }"
+        >
+          {{ addressCity?.addressName || '全国' }}
+        </view>
       </lcb-city-select>
       <view class="v-line"></view>
       <lcb-calendar v-model="dayRange">
@@ -21,8 +28,8 @@
       </lcb-calendar>
 
       <view class="v-line"></view>
-      <view class="flex-1 flex items-center gap-2">
-        <wd-icon name="search" size="34rpx" color="#999999" />
+      <view class="flex-1 flex items-center gap-2 w-0">
+        <wd-icon name="sousuo_search" class-prefix="lcb" size="38rpx" color="#999999" />
         <input
           class="text-[var(--content-color)]"
           :placeholder="placeholder"
@@ -34,10 +41,11 @@
         <lcb-action-view
           v-else
           v-bind="inputLink"
-          custom-class="!w-full"
+          custom-class="!w-full !truncate !pr-2"
           :customStyle="{
             color: form.keywords ? 'var(--content-color)' : '#969696',
           }"
+          :url-params="urlParams"
         >
           {{ form.keywords || placeholder }}
         </lcb-action-view>
@@ -53,7 +61,7 @@
 import { useTranslate } from '@tplc/wot'
 import dayjs from 'dayjs/esm'
 import useLocation from '../../hooks/useLocation'
-import { inject, onMounted, Ref, ref, watch } from 'vue'
+import { computed, inject, onMounted, Ref, ref, watch } from 'vue'
 import { LcbCalendarSearchProps } from './types'
 import { LcbAddress } from '../lcb-city-select/api'
 import { FORM_KEY } from '../../constants'
@@ -76,7 +84,13 @@ withDefaults(defineProps<LcbCalendarSearchProps>(), {
   icon: 'search',
   mode: 'search',
 })
-
+const urlParams = computed(() => {
+  return stringify({
+    startDate: form.value.startDate,
+    endDate: form.value.endDate,
+    keywords: form.value.keywords,
+  })
+})
 const form = inject(FORM_KEY) as Ref<Record<string, any>>
 const addressCity = ref<LcbAddress | undefined>(
   (form.value.cityId || form.value.areaId || form.value.provinceId

package/components/lcb-city-select/lcb-city-select.vue

@@ -59,7 +59,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, watch, provide } from 'vue'
+import { ref, watch, provide, onMounted, onUnmounted } from 'vue'
 import { ChildHotAddress, getAddressList, LcbAddress } from './api'
 import LcbCityLetter from './components/lcb-city-letter/index.vue'
 import LcbCityList from './components/lcb-city-list/index.vue'
@@ -97,13 +97,7 @@ const onCancel = () => {
 }
 
 const onAddressClick = (item: LcbAddress) => {
-  // if (item.addrFlag) {
   modelValue.value = item as ChildHotAddress
-  // } else {
-  //   uni.navigateTo({
-  //     url: `/pages/residentialHotel/index?${qs.stringify(item)}`,
-  //   })
-  // }
   onCancel()
   show.value = false
 }
@@ -133,6 +127,16 @@ watch(
   },
 )
 
+watch(
+  () => modelValue.value,
+  () => {
+    uni.$emit('lcb-city-select-change', modelValue.value)
+  },
+  {
+    immediate: true,
+  },
+)
+
 watch(
   () => show.value,
   (val) => {
@@ -167,6 +171,18 @@ watch(
     deep: true,
   },
 )
+
+const onSelectChange = (val: ChildHotAddress) => {
+  if (JSON.stringify(val) !== JSON.stringify(modelValue.value)) {
+    modelValue.value = val
+  }
+}
+onMounted(() => {
+  uni.$on('lcb-city-select-change', onSelectChange)
+})
+onUnmounted(() => {
+  uni.$off('lcb-city-select-change', onSelectChange)
+})
 </script>
 
 <style lang="scss" scoped>

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

@@ -17,7 +17,7 @@
 </template>
 
 <script setup lang="ts">
-import { inject, Ref, ref, watch, watchEffect, onMounted } from 'vue'
+import { inject, Ref, ref, watch, watchEffect, onMounted, onUnmounted } from 'vue'
 import useZPaging from 'z-paging/components/z-paging/js/hooks/useZPaging'
 import { FORM_KEY } from '../../../../constants'
 import { getCurrentPage } from '../../../../utils/utils'
@@ -77,10 +77,14 @@ const onRefresh = async () => {
   refreshed.value = true
   emits('refresh')
 }
+const onReload = () => {
+  paging.value?.reload()
+}
 onMounted(() => {
-  uni.$on(`${getCurrentPage().fullPath}_reload`, () => {
-    paging.value?.reload()
-  })
+  uni.$on(`${getCurrentPage().fullPath}_reload`, onReload)
+})
+onUnmounted(() => {
+  uni.$off(`${getCurrentPage().fullPath}_reload`, onReload)
 })
 </script>
 <style lang="scss" scoped>

package/components/lcb-search/components/SearchList/index.vue

@@ -19,10 +19,13 @@
       :key="index"
       @click="handleSelect(item)"
     >
-      <img
+      <wd-img
         :src="item.productTypeIcon"
         v-if="item.productTypeIcon"
-        class="mt-0.5 mr-2 w-3.5 h-3.5 object-cover"
+        height="auto"
+        width="28rpx"
+        custom-class="mt-1 mr-2"
+        mode="widthFix"
       />
       <view class="w-full">
         <view class="flex items-center">
@@ -36,7 +39,14 @@
                 {{ textPart.text }}
               </text>
             </view>
-            <img :src="item.titleIcon" v-if="item.titleIcon" class="ml-1 w-3 h-3 object-cover" />
+            <wd-img
+              :src="item.titleIcon"
+              v-if="item.titleIcon"
+              height="24rpx"
+              width="24rpx"
+              custom-class="ml-1"
+              mode="aspectFill"
+            />
           </view>
           <view v-if="item.price">
             <text class="font-600 text-primary text-3.5">¥{{ item.price }}</text>
@@ -149,6 +159,10 @@ const highlightText = (text: string) => {
 
   return parts
 }
+
+defineExpose({
+  getList: () => dataList.value,
+})
 </script>
 <style lang="scss" scoped>
 .border-b {

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

@@ -1,76 +1,107 @@
 <template>
-  <lcb-block
-    v-bind="$props"
-    customClass="border-solid"
-    :customStyle="{
-      borderWidth: `${borderWidth}px`,
-    }"
-  >
-    <view
-      class="flex items-center"
-      :style="{
-        gap: transformValueUnit(gap),
+  <view class="flex w-full items-center">
+    <lcb-block
+      v-bind="$props"
+      customClass="border-solid"
+      :customStyle="{
+        borderWidth: `${borderWidth}px`,
+        flex: 1,
       }"
     >
-      <!-- v-if="city" -->
-      <lcb-city-select :location="userLocation" v-model="addressCity" v-if="city">
-        <view class="flex items-center h-full gap-1">
-          <wd-icon
-            name="location"
-            :size="transformValueUnit(cityIconSize)"
-            :color="cityIconColor"
-          />
-          <view
-            class="max-w-13 truncate"
-            :style="{
-              color: cityColor,
-              fontSize: transformValueUnit(citySize),
-            }"
-          >
-            {{ addressCity?.addressName || '全国' }}
+      <view
+        class="flex items-center"
+        :style="{
+          gap: transformValueUnit(gap),
+        }"
+      >
+        <!-- v-if="city" -->
+        <lcb-city-select :location="userLocation" v-model="addressCity" v-if="city">
+          <view class="flex items-center h-full gap-1">
+            <wd-icon
+              name="location"
+              :size="transformValueUnit(cityIconSize)"
+              :color="cityIconColor"
+            />
+            <view
+              class="max-w-13 truncate"
+              :style="{
+                color: cityColor,
+                fontSize:
+                  (addressCity?.addressName?.length || 0) > 3
+                    ? transformValueUnit(citySize - 8)
+                    : transformValueUnit(citySize),
+              }"
+            >
+              {{ addressCity?.addressName || '全国' }}
+            </view>
+            <view
+              :style="{
+                backgroundColor: lineColor,
+                width: transformValueUnit(lineWidth),
+                margin: `0 ${transformValueUnit(linePadding)}`,
+                height: transformValueUnit(lineHeight),
+              }"
+            ></view>
           </view>
-          <view
+        </lcb-city-select>
+
+        <lcb-icon
+          v-if="icon || url"
+          :url="url"
+          :size="iconSize"
+          :color="iconColor"
+          :icon="icon"
+          class-prefix="lcb"
+          :iconType="iconType"
+        />
+        <view v-if="mode === 'search'" class="flex-1 flex items-center">
+          <input
+            class="search-input"
             :style="{
-              backgroundColor: lineColor,
-              width: transformValueUnit(lineWidth),
-              margin: `0 ${transformValueUnit(linePadding)}`,
-              height: transformValueUnit(lineHeight),
+              fontSize: transformValueUnit(fontSize),
             }"
-          ></view>
+            confirm-type="search"
+            :placeholder="placeholder"
+            v-model="form.keywords"
+            @confirm="onSearch"
+            focus
+          />
+          <wd-icon
+            name="close-circle"
+            :size="iconSize"
+            :color="iconColor"
+            v-if="form.keywords"
+            @click="form.keywords = ''"
+          />
         </view>
-      </lcb-city-select>
-
-      <lcb-icon
-        v-if="icon || url"
-        :url="url"
-        :size="iconSize"
-        :color="iconColor"
-        :icon="icon"
-        class-prefix="lcb"
-        :iconType="iconType"
-      />
-      <input
-        v-if="mode === 'search'"
-        class="search-input"
-        :style="{
-          fontSize: transformValueUnit(fontSize),
-        }"
-        confirm-type="search"
-        :placeholder="placeholder"
-        @confirm="onSearch"
-      />
-      <lcb-action-view v-bind="link" :urlParams="stringify(addressCity)" v-else>
-        {{ placeholder }}
-      </lcb-action-view>
+        <lcb-action-view v-bind="link" :urlParams="stringify(addressCity)" v-else>
+          {{ placeholder }}
+        </lcb-action-view>
+      </view>
+    </lcb-block>
+    <view
+      class="mr-3"
+      @click="onCancel"
+      v-if="mode === 'search'"
+      :style="{
+        fontSize: transformValueUnit(fontSize),
+      }"
+    >
+      取消
     </view>
-  </lcb-block>
+  </view>
   <view id="searchPagingTop"></view>
   <view
     class="fixed left-0 w-full z-1 bg-white"
     :style="{ height: height, top: top }"
-    v-if="form?.keywords && productTypeList"
+    v-if="form?.keywords && productTypeList && top"
   >
-    <lcb-search-list :productTypeList="productTypeList" @select="onSelect" :height="height" />
+    <lcb-search-list
+      :productTypeList="productTypeList"
+      @select="onSelect"
+      :height="height"
+      ref="searchListRef"
+    />
   </view>
   <lcb-search-history
     :historyKey="historyKey"
@@ -87,7 +118,7 @@ import { ChildHotAddress } from '../lcb-city-select/api'
 import useLocation from '../../hooks/useLocation'
 import { getHistoryCity } from '../../utils/history'
 import { parse, stringify } from 'qs'
-import { inject, Ref, ref } from 'vue'
+import { inject, Ref, ref, watchEffect } from 'vue'
 import { FORM_KEY } from '../../constants'
 import LcbSearchHistory from './components/SearchHistory/index.vue'
 import LcbSearchList from './components/SearchList/index.vue'
@@ -102,7 +133,7 @@ defineOptions({
     styleIsolation: 'shared',
   },
 })
-withDefaults(defineProps<LcbSearchProps>(), {
+const props = withDefaults(defineProps<LcbSearchProps>(), {
   placeholder: '搜索',
   iconSize: '16',
   borderWidth: 1,
@@ -127,17 +158,20 @@ withDefaults(defineProps<LcbSearchProps>(), {
   fontSize: 24,
 })
 const searchHistoryRef = ref<InstanceType<typeof LcbSearchHistory>>()
+const searchListRef = ref<InstanceType<typeof LcbSearchList>>()
 const { height, top } = useAutoHeight('searchPagingTop')
 const { getLocation, userLocation } = useLocation()
 const addressCity = ref<ChildHotAddress | undefined>(getHistoryCity())
+const popupProvide = inject('wd-popup', {
+  value: false,
+})
 getLocation()
-const form = inject<Ref<Record<string, any>>>(FORM_KEY)
+const form = inject(FORM_KEY) as Ref<Record<string, any>>
 const onSearch = async (e: { detail: { value: string } }) => {
-  if (form) {
-    form.value.keywords = e.detail.value
-  }
+  onSelect(searchListRef.value?.getList()?.[0])
 }
-const onSelect = (keyword: ProductInfo) => {
+const onSelect = (keyword?: ProductInfo) => {
+  if (!keyword) return
   searchHistoryRef.value?.saveHistory(keyword)
   const [path, query] = keyword.link.jumpUrl.split('?')
   let queryParams = query ? parse(query) : {}
@@ -168,6 +202,12 @@ const onSelect = (keyword: ProductInfo) => {
     })
   }
 }
+const onCancel = () => {
+  uni.navigateBack()
+}
+watchEffect(() => {
+  popupProvide.value = form.value?.keywords && props.productTypeList && top
+})
 </script>
 
 <style lang="scss" scoped>

package/package.json

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

package/types/components/lcb-search/components/SearchList/index.vue.d.ts

@@ -7,7 +7,27 @@ declare const _default: import('vue').DefineComponent<
       type: StringConstructor
     }
   },
-  {},
+  {
+    getList: () => {
+      productImg: string
+      productName: string
+      address: string
+      tags: string
+      price: number
+      priceSuffix: string
+      addressIntro: string
+      scoreAvg: number
+      productType: string
+      titleIcon: string
+      distanceTips: string
+      productTypeIcon: string
+      searchResultTips: string
+      link: {
+        jumpUrl: string
+      }
+      productInfoId: string
+    }[]
+  },
   unknown,
   {},
   {},