@tplc/business 0.4.27 → 0.4.29

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 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.29](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.28...v0.4.29) (2025-03-27)
+
+
+### ✨ Features | 新功能
+
+* 调整组件 ([6b4ce6c](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/6b4ce6c95ee380e143df93b6de16e6c8af0116d7))
+
+### [0.4.28](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.1.75...v0.4.28) (2025-03-27)
+
+
+### ✨ Features | 新功能
+
+* backup ([5934345](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/59343452497456c698c7c6e0d9cafb4cc18ea842))
+
 ### [0.4.27](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.24...v0.4.27) (2025-03-27)
 
 

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

@@ -108,28 +108,6 @@ const urlParams = computed(() => {
 const { translate } = useTranslate()
 const { getLocation, userLocation } = useLocation()
 
-watch(
-  () => addressCity.value,
-  (val) => {
-    if (val) {
-      const params: Record<string, any> = {
-        cityId: val?.cityId,
-        areaId: val?.areaId,
-        provinceId: val?.provinceId,
-        addressName: val?.addressName,
-      }
-      if (val.keywords) {
-        params.keywords = val.keywords
-      }
-      const datas = cleanOutSizeKeys(form.value, Object.keys(getCurrentPage().options))
-      form.value = {
-        ...datas,
-        ...params,
-      }
-    }
-  },
-)
-
 getLocation()
 const onSearch = (e) => {
   form.value.keywords = e.target.value

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

@@ -59,13 +59,16 @@
 </template>
 
 <script setup lang="ts">
-import { ref, watch, provide, onMounted, onUnmounted } from 'vue'
+import { ref, watch, provide, onMounted, onUnmounted, inject, Ref } 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'
 import { LcbCitySelectProps } from './types'
 import { debounce } from '@tplc/wot/components/common/util'
 import { setHistoryCity } from '../../utils/history'
+import { cleanOutSizeKeys } from '../../utils/transform'
+import { getCurrentPage } from '../../utils/utils'
+import { FORM_KEY } from '../../constants'
 defineOptions({
   name: 'LcbCitySelect',
   options: {
@@ -78,6 +81,7 @@ const props = withDefaults(defineProps<LcbCitySelectProps>(), {
   placeholder: '搜索城市/区域/景点',
 })
 const historyList = ref<LcbAddress[]>(uni.getStorageSync('historyAddress') || [])
+const form = inject(FORM_KEY) as Ref<Record<string, any>>
 provide('lcb-city-history', historyList)
 const modelValue = defineModel<ChildHotAddress>()
 const isOver = ref(false)
@@ -121,7 +125,21 @@ watch(
 
 watch(
   () => modelValue.value,
-  () => {
+  (val) => {
+    const params: Record<string, any> = {
+      cityId: val?.cityId,
+      areaId: val?.areaId,
+      provinceId: val?.provinceId,
+      addressName: val?.addressName,
+    }
+    // if (val.keywords) {
+    //   params.keywords = val.keywords
+    // }
+    const datas = cleanOutSizeKeys(form.value, Object.keys(getCurrentPage().options))
+    form.value = {
+      ...datas,
+      ...params,
+    }
     setHistoryCity(modelValue.value)
     show.value = false
   },

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

@@ -111,7 +111,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref, watchEffect, inject, Ref } from 'vue'
+import { computed, ref, watchEffect, inject, Ref, onMounted } from 'vue'
 import { LcbHomeSearch } from './types'
 import dayjs from 'dayjs/esm'
 import useLocation from '../../hooks/useLocation'
@@ -169,16 +169,14 @@ watchEffect(() => {
   form.value.startDate = dayjs(dayRange.value[0]).format('YYYY-MM-DD')
   form.value.endDate = dayjs(dayRange.value[1]).format('YYYY-MM-DD')
 })
-
-watchEffect(() => {
-  if (addressCity.value) {
-    form.value.cityId = addressCity.value.cityId
-    form.value.areaId = addressCity.value.areaId
-    form.value.provinceId = addressCity.value.provinceId
-    form.value.addressName = addressCity.value.addressName
-    if (addressCity.value.keywords) {
-      form.value.keywords = addressCity.value.keywords
-    }
+onMounted(() => {
+  const { addressName, cityId, provinceId, areaId } = getHistoryCity() || {}
+  form.value = {
+    ...form.value,
+    addressName,
+    cityId,
+    provinceId,
+    areaId,
   }
 })
 </script>

package/components/lcb-list/api.ts

@@ -12,6 +12,7 @@ export interface LcbFilterResult {
   filterTabs?: {
     componentProps: FilterTabsProps
     valueName: string
+    sortType?: boolean
     defaultValue?: string
   }
 }
@@ -22,6 +23,7 @@ export interface FilterComponent {
   defaultValue?: string
   defaultName?: string
   valueName: string
+  sortType?: boolean
   componentProps: FilterComponentProps
 }
 
@@ -36,6 +38,7 @@ export interface ComponentList {
   filterName: string
   component: string
   valueName: string
+  sortType?: boolean
   defaultValue?: string | string[] | number[]
   componentProps: FilterTagsProps
 }
@@ -43,6 +46,7 @@ export interface ComponentList {
 export interface FilterTags {
   component: string
   valueName: string
+  sortType?: boolean
   defaultValue?: string
   defaultName?: string
   componentProps: FilterTagsProps
@@ -56,6 +60,8 @@ export interface FilterTagsProps {
   options: Option[]
   unit?: string
   step?: number
+  valueName: string
+  sortType?: boolean
 }
 
 interface BtnComponent {

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

@@ -15,12 +15,19 @@
         </view>
       </view>
       <view class="grid grid-cols-4 gap-22rpx" v-if="child.component === 'tagSelect'">
-        <TagSelect v-bind="child.componentProps" v-model="innerFilter[child.valueName]" />
+        <TagSelect
+          v-bind="child.componentProps"
+          v-model="innerFilter[child.valueName]"
+          :value-name="child.valueName"
+          :sort-type="child.sortType"
+        />
       </view>
       <FilterSlider
         v-if="child.component === 'slider'"
         v-bind="child.componentProps"
         v-model="innerFilter[child.valueName]"
+        :value-name="child.valueName"
+        :sort-type="child.sortType"
       />
     </view>
   </view>

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

@@ -17,6 +17,7 @@
 import { FilterSelectProps } from './type'
 import useSelect from '../../hooks/useSelect'
 import { watch, watchEffect } from 'vue'
+import useSyncValues from '../../hooks/useSyncValues'
 defineOptions({
   name: 'FilterSelect',
   options: {
@@ -27,11 +28,17 @@ defineOptions({
 })
 const props = defineProps<FilterSelectProps>()
 const model = defineModel<string | string[]>()
+const { syncValues } = useSyncValues()
 const modelTitle = defineModel<string>('title')
 const { onItemClick, options, getChecked } = useSelect(props, { model })
 const emits = defineEmits(['submit'])
 watchEffect(() => {
   modelTitle.value = options.value?.find((v) => v.value === model.value)?.label
+  syncValues(
+    props.valueName,
+    options.value?.filter((v) => v.value === model.value),
+    props.sortType,
+  )
 })
 watch(
   () => model.value,

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

@@ -35,6 +35,7 @@ import { FilterSliderProps } from './types'
 import SelectTagView from '../SelectTagView/index.vue'
 import { onMounted, onUnmounted, ref, watch, inject } from 'vue'
 import type { SliderInstance } from '@tplc/wot/components/wd-slider/types'
+import useSyncValues from '../../hooks/useSyncValues'
 defineOptions({
   name: 'FilterSlider',
   options: {
@@ -51,6 +52,7 @@ const props = withDefaults(defineProps<FilterSliderProps>(), {
 })
 const model = defineModel<number[]>()
 const innerValue = ref<number[]>()
+const { syncValues } = useSyncValues()
 const onItemClick = (value) => {
   if (Array.isArray(value)) {
     if (value[1]) {
@@ -85,6 +87,16 @@ watch(
         ? val.map((v) => (typeof v === 'string' ? parseInt(v) : v))
         : [props.min, props.max]
     }
+    syncValues(
+      props.valueName,
+      [
+        {
+          label: `${innerValue.value?.[0]}${props.unit} - ${innerValue.value?.[1]}${props.unit}`,
+          value: `${innerValue.value}`,
+        },
+      ],
+      props.sortType,
+    )
   },
   { immediate: true },
 )

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

@@ -13,6 +13,8 @@
 
 <script setup lang="ts">
 import { FilterTabsProps } from './type'
+import useSyncValues from '../../hooks/useSyncValues'
+import { watchEffect } from 'vue'
 defineOptions({
   name: 'FilterTabs',
   options: {
@@ -21,7 +23,15 @@ defineOptions({
     styleIsolation: 'shared',
   },
 })
-defineProps<FilterTabsProps>()
+const props = defineProps<FilterTabsProps>()
 const modelValue = defineModel<string>()
+const { syncValues } = useSyncValues()
+watchEffect(() => {
+  syncValues(
+    props.valueName,
+    props.options?.filter((v) => v.value === modelValue.value),
+    props.sortType,
+  )
+})
 </script>
 <style lang="scss" scoped></style>

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

@@ -30,6 +30,8 @@
             v-if="item.component === 'select'"
             v-bind="item.componentProps"
             v-model="filter[item.valueName]"
+            :value-name="item.valueName"
+            :sort-type="item.sortType"
             v-model:title="titleObj[item.valueName]"
             @submit="onSubmit(index)"
           />
@@ -38,6 +40,7 @@
             v-bind="item.componentProps"
             :value="filter[item.valueName]"
             :value-name="item.valueName"
+            :sort-type="item.sortType"
             :filter-value="filter"
             v-model:keys="dynamicKeys[index]"
             @submit="onSubmit(index, $event)"
@@ -64,6 +67,8 @@
           size="small"
           v-bind="info.filterTags.componentProps"
           v-model="filter[info.filterTags.valueName]"
+          :value-name="info.filterTags.valueName"
+          :sort-type="info.filterTags.sortType"
         />
       </view>
       <wd-button v-if="info?.btnComponent" custom-class="!h-60rpx opacity-primary">

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

@@ -44,6 +44,7 @@ import useSelect from '../../hooks/useSelect'
 import { ref, watchEffect, nextTick } from 'vue'
 import SelectTagView from '../SelectTagView/index.vue'
 import { Option } from '../../types'
+import useSyncValues from '../../hooks/useSyncValues'
 defineOptions({
   name: 'TagSelect',
   options: {
@@ -58,8 +59,18 @@ const modelTitle = defineModel<string>('title')
 const showInput = ref(false)
 const inputValue = ref('')
 const { options, onItemClick, getChecked } = useSelect(props, { model })
+const { syncValues } = useSyncValues()
 watchEffect(() => {
-  modelTitle.value = options.value?.find((v) => v.value === model.value)?.label
+  if (typeof model.value === 'string') {
+    modelTitle.value = options.value?.find((v) => v.value === model.value)?.label
+  }
+  syncValues(
+    props.valueName,
+    options.value?.filter((v) =>
+      Array.isArray(model.value) ? model.value.includes(v.value) : v.value === model.value,
+    ),
+    props.sortType,
+  )
 })
 const onCustomClick = (item: Option, edit = false) => {
   if (item.value && !edit) {

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

@@ -60,11 +60,13 @@
 </template>
 
 <script setup lang="ts">
-import { getCurrentInstance, nextTick, watch, ref, computed, onMounted } from 'vue'
+import { getCurrentInstance, nextTick, watch, ref, computed } from 'vue'
 import { TreeSelectProps } from './type'
 import useSelect from '../../hooks/useSelect'
 import SelectTagView from '../SelectTagView/index.vue'
 import ActionView from '../ActionView/index.vue'
+import useSyncValues from '../../hooks/useSyncValues'
+import { Option } from '../../types'
 defineOptions({
   name: 'TreeSelect',
   options: {
@@ -75,6 +77,7 @@ defineOptions({
 })
 const props = defineProps<TreeSelectProps>()
 const modelKeys = defineModel<string[]>('keys')
+const { syncValues } = useSyncValues()
 const innerValue = ref(props.value)
 const toView = ref('')
 const extraModel = ref({
@@ -97,11 +100,14 @@ const { onItemClick, options, getChecked } = useSelect(props, {
   onOpen,
 })
 const currentCategory = ref(0)
+
 const onSubmit = () => {
-  emits('submit', {
+  const params = {
     ...extraModel.value,
     [props.valueName]: innerValue.value,
-  })
+  }
+  setValues(params)
+  emits('submit', params)
 }
 const onCategoryClick = (index: number) => {
   currentCategory.value = index
@@ -149,6 +155,41 @@ const onCancel = () => {
     {} as Record<string, any>,
   )
 }
+/** 递归获取optionsMap key为value 值位options  */
+const optionsMap = computed(() => {
+  const map = {} as Record<string, Option>
+  options.value.forEach((v) => {
+    if (!v.valueName) {
+      map[v.value] = v
+      if (v.children) {
+        v.children.forEach((v) => {
+          map[v.value] = v
+        })
+      }
+    }
+  })
+  return map
+})
+
+const setValues = (params: Record<string, any>) => {
+  if (params[props.valueName]) {
+    syncValues(
+      props.valueName,
+      params[props.valueName].map((v) => optionsMap.value[v]),
+    )
+  }
+  modelKeys.value?.forEach((v: string) => {
+    if (v !== props.valueName && params[v]) {
+      const currentOptions = options.value.find((option) => option.valueName === v)
+      if (currentOptions) {
+        syncValues(
+          v,
+          params[v].map((v) => optionsMap.value[v]),
+        )
+      }
+    }
+  })
+}
 </script>
 <style lang="scss" scoped>
 @import '@tplc/wot/components/common/abstracts/variable';

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

@@ -0,0 +1,124 @@
+<template>
+  <view v-if="extendJson" :style="itemStyle" class="overflow-hidden text-3">
+    <view
+      class="flex items-center justify-center p-3 bg-white box-border"
+      v-if="extendJson.resultTitle"
+    >
+      <view class="flex items-center justify-center">
+        <img :src="extendJson.resultIcon" alt="" class="w-4 h-4" />
+        <view class="ml-2">
+          <view class="mt-1">{{ extendJson.resultTitle }}</view>
+          <view class="text-#969696 text-2.5">{{ extendJson.resultSubTitle }}</view>
+        </view>
+      </view>
+    </view>
+    <view class="p-3 bg-#F5F5F5 box-border">
+      <view class="flex items-center justify-between">
+        <view class="flex items-center gap-1">
+          <img :src="extendJson.optionIcon" alt="" class="w-3 h-3" />
+          {{ extendJson.optionTitle }}
+        </view>
+        <view class="flex items-center justify-center" @click="handleClearAll">
+          <wd-icon name="delete1" size="16" />
+          <text class="ml-0.5">清空</text>
+        </view>
+      </view>
+      <view class="flex flex-wrap gap-1 mt-2">
+        <block v-for="tag in options" :key="tag.key">
+          <view
+            v-for="option in tag.options"
+            :key="option.value"
+            @click="removeTag(option.value, tag.key, tag.options!.length)"
+            class="rounded-1 flex items-center bg-white px-2 py-0.5 gap-1 box-border overflow-hidden"
+          >
+            <text class="tag-text text-3">{{ option.label }}</text>
+            <wd-icon name="close" size="20rpx" color="#969696" />
+          </view>
+        </block>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script lang="ts" setup>
+import { ListFormChooserValues } from '../../types'
+import { LIST_FORM_CHOOSER_VALUES, FORM_KEY } from '../../../../constants'
+import { Ref, computed, inject } from 'vue'
+import { transformValueUnit } from '../../../../utils/transform'
+defineOptions({
+  name: 'UnconditionedLayout',
+  options: {
+    addGlobalClass: true,
+    virtualHost: true,
+  },
+})
+interface UnconditionedLayoutConfig {
+  optionTitle: string
+  resultIcon: string
+  resultTitle: string
+  optionIcon: string
+  resultSubTitle: string
+}
+
+const list = inject(LIST_FORM_CHOOSER_VALUES) as Ref<ListFormChooserValues>
+const form = inject(FORM_KEY) as Ref<Record<string, any>>
+const props = withDefaults(
+  defineProps<{
+    extendJson?: UnconditionedLayoutConfig
+    borderRadius?: number
+    shadowSize?: number
+    shadowColor?: string
+    blurSize?: number
+  }>(),
+  {
+    borderRadius: 12,
+    shadowSize: 1,
+    shadowColor: '#D6D7DA',
+    blurSize: 5,
+  },
+)
+
+const itemStyle = computed(() => {
+  return {
+    borderRadius: transformValueUnit(props.borderRadius),
+    boxShadow:
+      props.shadowColor && props.shadowSize
+        ? `0px 0px ${props.blurSize}px ${props.shadowSize}px ${props.shadowColor}`
+        : '',
+  }
+})
+
+const options = computed(() => {
+  return Object.keys(list.value)
+    .filter((v) => list.value[v])
+    .map((v) => {
+      return {
+        key: v,
+        options: list.value[v],
+      }
+    })
+})
+
+/**
+ * 移除单个标签
+ */
+const removeTag = (value: string, key: string, length: number) => {
+  if (length === 1) {
+    form.value[key] = undefined
+    list.value[key] = []
+  } else {
+    list.value[key] = list.value[key]!.filter((v) => v.value !== value)
+    form.value[key] = form.value[key].filter((v: string) => v !== value)
+  }
+}
+
+/**
+ * 清空所有标签
+ */
+const handleClearAll = () => {
+  Object.keys(list.value).forEach((v) => {
+    form.value[v] = undefined
+    list.value[v] = []
+  })
+}
+</script>

package/components/lcb-list/hooks/useSyncValues.ts

@@ -0,0 +1,16 @@
+import { Ref, inject } from 'vue'
+import { LIST_FORM_CHOOSER_VALUES } from '../../../constants'
+import { ListFormChooserValues, Option } from '../types'
+
+const useSyncValues = () => {
+  const listFormChooserValues = inject(LIST_FORM_CHOOSER_VALUES) as Ref<ListFormChooserValues>
+  const syncValues = (valueName: string, options?: Option[], sortType?: boolean) => {
+    if (!sortType) {
+      listFormChooserValues.value[valueName] = options
+    }
+  }
+  return {
+    syncValues,
+  }
+}
+export default useSyncValues

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

@@ -60,12 +60,12 @@
 </template>
 
 <script setup lang="ts">
-import { inject, Ref, ref, watch, useAttrs } from 'vue'
+import { inject, Ref, ref, watch, useAttrs, provide } from 'vue'
 import { getFilterDetail, LcbFilterResult } from './api'
 import FilterList from './components/FilterList/index.vue'
 import FilterView from './components/FilterView/index.vue'
-import { LcbListProps } from './types'
-import { FORM_KEY } from '../../constants'
+import { LcbListProps, ListFormChooserValues } from './types'
+import { FORM_KEY, LIST_FORM_CHOOSER_VALUES } from '../../constants'
 import './index.scss'
 const attrs = useAttrs()
 /** 是否悬停 */
@@ -82,7 +82,8 @@ defineOptions({
 })
 const titleObj = ref<Record<string, any>>({})
 const titleCount = ref<Record<string, number>>({})
-const form = inject<Ref<Record<string, any>>>(FORM_KEY)
+const form = inject(FORM_KEY) as Ref<Record<string, any>>
+provide<Ref<Record<string, any>>>(LIST_FORM_CHOOSER_VALUES, ref<ListFormChooserValues>({}))
 const props = withDefaults(defineProps<LcbListProps>(), {
   borderRadius: 12,
   styleMode: 'default',

package/components/lcb-list/types.ts

@@ -20,7 +20,7 @@ export interface LcbListProps extends LcbBlockProps {
 }
 export interface Option {
   label: string
-  value: string | string[]
+  value: string
   custom?: boolean
   max?: number
   min?: number
@@ -34,5 +34,8 @@ export interface FilterItemProps {
   apiPath?: string
   apiParams?: Record<string, any>
   options?: Option[]
-  test?: 1
+  valueName: string
+  sortType?: boolean
 }
+
+export type ListFormChooserValues = Record<string, Option[] | undefined>

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

@@ -43,6 +43,7 @@
 import { getCurrentPage } from '../../../utils/utils'
 import { getShareConfigList } from './api'
 import { ref, inject, watch } from 'vue'
+import lcbPoster from '../../lcb-poster/lcb-poster.vue'
 defineOptions({
   name: 'SharePopup',
   options: {

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

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { inject, Ref, ref, useAttrs, watch, watchEffect } from 'vue'
 import UWaterfall from 'uview-plus/components/u-waterfall/u-waterfall.vue'
+import UnconditionedLayout from '../lcb-list/components/UnconditionedLayout/index.vue'
 import { LcbProductProps } from './types'
 import { transformValueUnit } from '../../utils/transform'
 import { calculateImageHeight } from '../../utils/utils'
@@ -149,35 +150,37 @@ defineExpose({
         width: itemWidth ? `${itemWidth}rpx` : '100%',
       }"
     >
-      <lcb-action-view
-        v-for="(item, index) in renderList"
-        :key="`${item?.productId}:${index}`"
-        v-bind="item.link"
-      >
-        <slot name="item" :item="item">
-          <lcb-absolute-config-layout
-            v-if="renderItemAbsoluteConfigLayout"
-            :blocks="renderItemAbsoluteConfigLayout?.blocks"
-            :canvas="renderItemAbsoluteConfigLayout?.canvas"
-            :dataset="{
-              ...(renderItemAbsoluteConfigLayout?.dataset ?? {}),
-              ...item,
-            }"
-          />
-          <lcb-product-item
-            v-else
-            v-bind="{ ...item, ...$props, ...attrs }"
-            :layoutType="layoutType"
-            :coverImgStyle="{
-              width: layoutType === 'vertical' ? '100%' : transformValueUnit(imageWidth),
-              height: layoutType === 'vertical' ? transformValueUnit(imageHeight) : undefined,
-              minHeight: layoutType !== 'vertical' ? transformValueUnit(imageHeight) : undefined,
-              borderRadius: imageRadius ? transformValueUnit(imageRadius) : undefined,
-              ...($props?.coverImgStyle ?? {}),
-            }"
-          ></lcb-product-item>
-        </slot>
-      </lcb-action-view>
+      <block v-for="(item, index) in renderList" :key="`${item?.productId}:${index}`">
+        <UnconditionedLayout
+          v-if="item.productType === 'noProductOption'"
+          v-bind="{ ...item, ...$props, ...attrs }"
+        />
+        <lcb-action-view v-bind="item.link" v-else>
+          <slot name="item" :item="item">
+            <lcb-absolute-config-layout
+              v-if="renderItemAbsoluteConfigLayout"
+              :blocks="renderItemAbsoluteConfigLayout?.blocks"
+              :canvas="renderItemAbsoluteConfigLayout?.canvas"
+              :dataset="{
+                ...(renderItemAbsoluteConfigLayout?.dataset ?? {}),
+                ...item,
+              }"
+            />
+            <lcb-product-item
+              v-else
+              v-bind="{ ...item, ...$props, ...attrs }"
+              :layoutType="layoutType"
+              :coverImgStyle="{
+                width: layoutType === 'vertical' ? '100%' : transformValueUnit(imageWidth),
+                height: layoutType === 'vertical' ? transformValueUnit(imageHeight) : undefined,
+                minHeight: layoutType !== 'vertical' ? transformValueUnit(imageHeight) : undefined,
+                borderRadius: imageRadius ? transformValueUnit(imageRadius) : undefined,
+                ...($props?.coverImgStyle ?? {}),
+              }"
+            ></lcb-product-item>
+          </slot>
+        </lcb-action-view>
+      </block>
     </view>
     <!-- 双列 -->
     <view

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

@@ -64,14 +64,15 @@
             :placeholder="placeholder"
             v-model="form.keywords"
             @confirm="onSearch"
-            focus
+            @blur="focus = false"
+            :focus="focus"
           />
           <wd-icon
             name="close-circle"
             :size="iconSize"
             :color="iconColor"
             v-if="form.keywords"
-            @touchend.prevent="form.keywords = ''"
+            @click="onClear"
           />
         </view>
         <lcb-action-view v-bind="link" :urlParams="stringify(addressCity)" v-else>
@@ -118,7 +119,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, watch, watchEffect } 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'
@@ -156,10 +157,12 @@ const props = withDefaults(defineProps<LcbSearchProps>(), {
   iconType: 'icon',
   mode: 'link',
   fontSize: 24,
+  initFocus: true,
 })
 const searchHistoryRef = ref<InstanceType<typeof LcbSearchHistory>>()
 const searchListRef = ref<InstanceType<typeof LcbSearchList>>()
 const { height, top } = useAutoHeight('searchPagingTop')
+const focus = ref(props.initFocus)
 const { getLocation, userLocation } = useLocation()
 const addressCity = ref<ChildHotAddress | undefined>(getHistoryCity())
 const popupProvide = inject('wd-popup', {
@@ -211,26 +214,12 @@ const onCancel = () => {
 watchEffect(() => {
   popupProvide.value = form.value?.keywords && props.productTypeList && top
 })
-watch(
-  () => addressCity.value,
-  (val) => {
-    if (val) {
-      const params: Record<string, any> = {
-        cityId: val?.cityId,
-        areaId: val?.areaId,
-        provinceId: val?.provinceId,
-        addressName: val?.addressName,
-      }
-      if (val.keywords) {
-        params.keywords = val.keywords
-      }
-      form.value = {
-        ...form.value,
-        ...params,
-      }
-    }
-  },
-)
+const onClear = () => {
+  form.value.keywords = ''
+  setTimeout(() => {
+    focus.value = true
+  }, 100)
+}
 </script>
 
 <style lang="scss" scoped>

package/components/lcb-search/types.ts

@@ -28,5 +28,7 @@ export type LcbSearchProps = {
   lineHeight?: number
 
   historyKey?: string
+
+  initFocus?: boolean
 } & LcbActionViewProps &
   LcbBlockProps

package/constants.ts

@@ -7,3 +7,5 @@ export const PAGE_TYPE_PROVIDE_KEY = 'page_type_provide'
 export const PAGE_ANCHOR_PROVIDE_KEY = 'page_anchor_provide'
 /** 用户基本信息 */
 export const USER_BASIC_INFO = 'user_basic_info'
+/** 列表页表单选择项 */
+export const LIST_FORM_CHOOSER_VALUES = 'list_form_chooser_values'

package/package.json

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

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

@@ -12,6 +12,7 @@ export interface LcbFilterResult {
   filterTabs?: {
     componentProps: FilterTabsProps
     valueName: string
+    sortType?: boolean
     defaultValue?: string
   }
 }
@@ -21,6 +22,7 @@ export interface FilterComponent {
   defaultValue?: string
   defaultName?: string
   valueName: string
+  sortType?: boolean
   componentProps: FilterComponentProps
 }
 interface FilterComponentProps {
@@ -33,12 +35,14 @@ export interface ComponentList {
   filterName: string
   component: string
   valueName: string
+  sortType?: boolean
   defaultValue?: string | string[] | number[]
   componentProps: FilterTagsProps
 }
 export interface FilterTags {
   component: string
   valueName: string
+  sortType?: boolean
   defaultValue?: string
   defaultName?: string
   componentProps: FilterTagsProps
@@ -51,6 +55,8 @@ export interface FilterTagsProps {
   options: Option[]
   unit?: string
   step?: number
+  valueName: string
+  sortType?: boolean
 }
 interface BtnComponent {
   postRequest: string

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

@@ -0,0 +1,83 @@
+interface UnconditionedLayoutConfig {
+  optionTitle: string
+  resultIcon: string
+  resultTitle: string
+  optionIcon: string
+  resultSubTitle: string
+}
+declare const _default: import('vue').DefineComponent<
+  __VLS_WithDefaults<
+    __VLS_TypePropsToOption<{
+      extendJson?: UnconditionedLayoutConfig
+      borderRadius?: number
+      shadowSize?: number
+      shadowColor?: string
+      blurSize?: number
+    }>,
+    {
+      borderRadius: number
+      shadowSize: number
+      shadowColor: string
+      blurSize: number
+    }
+  >,
+  {},
+  unknown,
+  {},
+  {},
+  import('vue').ComponentOptionsMixin,
+  import('vue').ComponentOptionsMixin,
+  {},
+  string,
+  import('vue').PublicProps,
+  Readonly<
+    import('vue').ExtractPropTypes<
+      __VLS_WithDefaults<
+        __VLS_TypePropsToOption<{
+          extendJson?: UnconditionedLayoutConfig
+          borderRadius?: number
+          shadowSize?: number
+          shadowColor?: string
+          blurSize?: number
+        }>,
+        {
+          borderRadius: number
+          shadowSize: number
+          shadowColor: string
+          blurSize: number
+        }
+      >
+    >
+  >,
+  {
+    shadowColor: string
+    shadowSize: number
+    blurSize: number
+    borderRadius: number
+  },
+  {}
+>
+export default _default
+type __VLS_WithDefaults<P, D> = {
+  [K in keyof Pick<P, keyof P>]: K extends keyof D
+    ? __VLS_Prettify<
+        P[K] & {
+          default: D[K]
+        }
+      >
+    : P[K]
+}
+type __VLS_Prettify<T> = {
+  [K in keyof T]: T[K]
+} & {}
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T
+type __VLS_TypePropsToOption<T> = {
+  [K in keyof T]-?: {} extends Pick<T, K>
+    ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>
+      }
+    : {
+        type: import('vue').PropType<T[K]>
+        required: true
+      }
+}

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

@@ -15,7 +15,7 @@ declare const useSelect: (
   options: Ref<
     {
       label: string
-      value: string | string[]
+      value: string
       custom?: boolean | undefined
       max?: number | undefined
       min?: number | undefined

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

@@ -0,0 +1,5 @@
+import { Option } from '../types'
+declare const useSyncValues: () => {
+  syncValues: (valueName: string, options?: Option[], sortType?: boolean) => void
+}
+export default useSyncValues

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

@@ -19,7 +19,7 @@ export interface LcbListProps extends LcbBlockProps {
 }
 export interface Option {
   label: string
-  value: string | string[]
+  value: string
   custom?: boolean
   max?: number
   min?: number
@@ -32,5 +32,7 @@ export interface FilterItemProps {
   apiPath?: string
   apiParams?: Record<string, any>
   options?: Option[]
-  test?: 1
+  valueName: string
+  sortType?: boolean
 }
+export type ListFormChooserValues = Record<string, Option[] | undefined>

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

@@ -25,6 +25,7 @@ declare const _default: import('vue').DefineComponent<
       iconType: string
       mode: string
       fontSize: number
+      initFocus: boolean
     }
   >,
   {},
@@ -62,6 +63,7 @@ declare const _default: import('vue').DefineComponent<
               linePadding?: number
               lineHeight?: number
               historyKey?: string
+              initFocus?: boolean
             } & {
               jumpUrl?: string
               urlParams?: string
@@ -120,6 +122,7 @@ declare const _default: import('vue').DefineComponent<
             iconType: string
             mode: string
             fontSize: number
+            initFocus: boolean
           }
         >
       >
@@ -150,6 +153,7 @@ declare const _default: import('vue').DefineComponent<
               linePadding?: number
               lineHeight?: number
               historyKey?: string
+              initFocus?: boolean
             } & {
               jumpUrl?: string
               urlParams?: string
@@ -186,6 +190,7 @@ declare const _default: import('vue').DefineComponent<
             iconType: string
             mode: string
             fontSize: number
+            initFocus: boolean
           }
         >
       >
@@ -216,6 +221,7 @@ declare const _default: import('vue').DefineComponent<
               linePadding?: number
               lineHeight?: number
               historyKey?: string
+              initFocus?: boolean
             } & {
               jumpUrl?: string
               urlParams?: string
@@ -254,6 +260,7 @@ declare const _default: import('vue').DefineComponent<
             iconType: string
             mode: string
             fontSize: number
+            initFocus: boolean
           }
         >
       >
@@ -284,6 +291,7 @@ declare const _default: import('vue').DefineComponent<
               linePadding?: number
               lineHeight?: number
               historyKey?: string
+              initFocus?: boolean
             } & {
               jumpUrl?: string
               urlParams?: string
@@ -317,6 +325,7 @@ declare const _default: import('vue').DefineComponent<
             iconType: string
             mode: string
             fontSize: number
+            initFocus: boolean
           }
         >
       >
@@ -347,6 +356,7 @@ declare const _default: import('vue').DefineComponent<
               linePadding?: number
               lineHeight?: number
               historyKey?: string
+              initFocus?: boolean
             } & {
               jumpUrl?: string
               urlParams?: string
@@ -379,6 +389,7 @@ declare const _default: import('vue').DefineComponent<
             iconType: string
             mode: string
             fontSize: number
+            initFocus: boolean
           }
         >
       >
@@ -406,6 +417,7 @@ declare const _default: import('vue').DefineComponent<
       cityIconColor: string
       lineColor: string
       linePadding: number
+      initFocus: boolean
     }
   | {
       mode: 'search' | 'link'
@@ -430,6 +442,7 @@ declare const _default: import('vue').DefineComponent<
       cityIconColor: string
       lineColor: string
       linePadding: number
+      initFocus: boolean
     }
   | {
       mode: 'search' | 'link'
@@ -454,6 +467,7 @@ declare const _default: import('vue').DefineComponent<
       cityIconColor: string
       lineColor: string
       linePadding: number
+      initFocus: boolean
     }
   | {
       mode: 'search' | 'link'
@@ -478,6 +492,7 @@ declare const _default: import('vue').DefineComponent<
       cityIconColor: string
       lineColor: string
       linePadding: number
+      initFocus: boolean
     }
   | {
       mode: 'search' | 'link'
@@ -502,6 +517,7 @@ declare const _default: import('vue').DefineComponent<
       cityIconColor: string
       lineColor: string
       linePadding: number
+      initFocus: boolean
     },
   {}
 >

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

@@ -22,5 +22,6 @@ export type LcbSearchProps = {
   linePadding?: number
   lineHeight?: number
   historyKey?: string
+  initFocus?: boolean
 } & LcbActionViewProps &
   LcbBlockProps

package/types/constants.d.ts

@@ -7,3 +7,5 @@ export declare const PAGE_TYPE_PROVIDE_KEY = 'page_type_provide'
 export declare const PAGE_ANCHOR_PROVIDE_KEY = 'page_anchor_provide'
 /** 用户基本信息 */
 export declare const USER_BASIC_INFO = 'user_basic_info'
+/** 列表页表单选择项 */
+export declare const LIST_FORM_CHOOSER_VALUES = 'list_form_chooser_values'