@tplc/business 0.3.89 → 0.3.91

package/CHANGELOG.md

@@ -2,6 +2,27 @@
 
 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.3.91](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.1.72...v0.3.91) (2025-03-20)
+
+### [0.3.90](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.3.86...v0.3.90) (2025-03-20)
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.1.70 ([8f53746](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/8f53746e4eb21464008af99988609ca72e765f93))
+* **release:** 0.3.87 ([eea281e](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/eea281e8ae4592f85e2e082c22f02d4de294ca8e))
+* **release:** 0.3.88 ([5976b7a](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/5976b7a436ac9dc479235e9ae15d69e30a523a04))
+* **release:** 0.3.89 ([3ba3d7d](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/3ba3d7d2a0655d4c443f92e032bcef2e19591a1a))
+
+
+### ✨ Features | 新功能
+
+* 修改ui ([68a2962](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/68a296215291241f71d8c52425e150685ccff6f7))
+* 修改地图 ([21c29af](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/21c29af3b75767e14c9706225773ea0ba07def16))
+* 发布新版 ([44f0f9b](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/44f0f9b524e9c8dea2a1092c651efb1bb7988dbd))
+* 地图防抖 ([6e3aa28](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/6e3aa28dc9fb36663553f02f8db2d12720d4a73e))
+* 调整按钮样式 ([313aa60](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/313aa60b21a3abc1f001f25bec87f8715a9f7366))
+
 ### [0.3.89](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.3.88...v0.3.89) (2025-03-19)
 
 

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

@@ -58,7 +58,6 @@ defineProps({
 })
 const form = inject<Ref<Record<string, any>>>(FORM_KEY)
 const onSearch = ({ value }: { value: string }) => {
-  console.log('xx')
   if (form) {
     form.value.search = value
   }

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

@@ -44,6 +44,8 @@ defineSlots<{
   titleIcon(props: { value: any }): any
   userInteractionInfo(props: { value: any }): any
   orderTips(props: { value: any }): any
+  distanceTips(props: { value: any }): any
+  orderSkuCountTips(props: { value: any }): any
   priceTips(props: { value: any }): any
 }>()
 
@@ -314,6 +316,13 @@ const value = computed(() => {
         <view>{{ value }}</view>
       </view>
     </slot>
+    <slot :value="value" v-if="prop === 'distanceTips'" name="distanceTips">
+      <view :class="className" :style="style" class="text-22rpx text-gray-500 flex items-center">
+        <lcb-icon name="location" />
+        <view>{{ value }}</view>
+      </view>
+    </slot>
+
     <slot :value="value" v-if="prop === 'headImg'" name="headImg">
       <img
         :src="value + `?x-oss-process=image/resize,m_mfit,w_${64}&imageView2/2/w/${64}`"

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

@@ -31,6 +31,8 @@ const props = withDefaults(defineProps<LcbProductItemProps>(), {
   priceVisible: true,
   userInfoVisible: false,
   priceTipsVisible: true,
+  distanceTipsVisible: false,
+  orderSkuCountTipsVisible: false,
   priceUnitVisible: true,
   priceSuffixVisible: true,
   scribePriceVisible: true,
@@ -80,6 +82,8 @@ defineSlots<{
   userInteractionInfo(props: { value: any }): any
   orderTips(props: { value: any }): any
   priceTips(props: { value: any }): any
+  distanceTips(props: { value: any }): any
+  orderSkuCountTips(props: { value: any }): any
 
   itemSection(): any
   itemTopSection(): any
@@ -185,6 +189,11 @@ const itemStyle = computed(() => {
             <!-- <slot name="orderTips" :value="value" /> -->
             <!-- </template> -->
           </ItemValue>
+          <ItemValue prop="distanceTips">
+            <!-- <template #distanceTips="{ value }"> -->
+            <!-- <slot name="distanceTips" :value="value" /> -->
+            <!-- </template> -->
+          </ItemValue>
         </view>
         <view class="flex-1"></view>
         <view class="flex flex-col gap-1 items-end leading-none">
@@ -322,6 +331,7 @@ const itemStyle = computed(() => {
               <slot name="orderTips" :value="value" />
             </template> -->
           </ItemValue>
+          <ItemValue prop="distanceTips"></ItemValue>
         </view>
         <view class="flex-1"></view>
         <view class="flex flex-col gap-1 items-end leading-none">

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

@@ -39,6 +39,8 @@ export interface LcbProductItemProps {
   titleIcon?: any
   userInteractionInfo?: any
   orderTips?: any
+  distanceTips?: any
+  orderSkuCountTips?: any
 
   coverImgVisible?: boolean
   productNameVisible?: boolean
@@ -62,6 +64,8 @@ export interface LcbProductItemProps {
   titleIconVisible?: boolean
   userInteractionInfoVisible?: boolean
   orderTipsVisible?: boolean
+  distanceTipsVisible?: boolean
+  orderSkuCountTipsVisible?: boolean
 
   coverImgClass?: string
   productNameClass?: string
@@ -85,6 +89,8 @@ export interface LcbProductItemProps {
   titleIconClass?: string
   userInteractionInfoClass?: string
   orderTipsClass?: string
+  distanceTipsClass?: string
+  orderSkuCountTipsClass?: string
 
   coverImgStyle?: CSSProperties
   productNameStyle?: CSSProperties
@@ -108,6 +114,8 @@ export interface LcbProductItemProps {
   titleIconStyle?: CSSProperties
   userInteractionInfoStyle?: CSSProperties
   orderTipsStyle?: CSSProperties
+  distanceTipsStyle?: CSSProperties
+  orderSkuCountTipsStyle?: CSSProperties
   blurSize?: number
   shadowColor?: string
   shadowSize?: number

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

@@ -6,53 +6,63 @@
       borderWidth: `${borderWidth}px`,
     }"
   >
-    <lcb-action-view v-bind="link" :urlParams="stringify(addressCity)">
-      <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: transformValueUnit(citySize),
-              }"
-            >
-              {{ addressCity?.addr || '全国' }}
-            </view>
-            <view
-              :style="{
-                backgroundColor: lineColor,
-                width: transformValueUnit(lineWidth),
-                margin: `0 ${transformValueUnit(linePadding)}`,
-                height: transformValueUnit(lineHeight),
-              }"
-            ></view>
+    <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: transformValueUnit(citySize),
+            }"
+          >
+            {{ addressCity?.addr || '全国' }}
           </view>
-        </lcb-city-select>
+          <view
+            :style="{
+              backgroundColor: lineColor,
+              width: transformValueUnit(lineWidth),
+              margin: `0 ${transformValueUnit(linePadding)}`,
+              height: transformValueUnit(lineHeight),
+            }"
+          ></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>{{ placeholder }}</view>
-      </view>
-    </lcb-action-view>
+      <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>
+    </view>
   </lcb-block>
 </template>
 
@@ -63,7 +73,8 @@ import { ChildHotAddress } from '../lcb-city-select/api'
 import useLocation from '../../hooks/useLocation'
 import { getHistoryCity } from '../../utils/history'
 import { stringify } from 'qs'
-import { ref } from 'vue'
+import { inject, Ref, ref } from 'vue'
+import { FORM_KEY } from '../../constants'
 defineOptions({
   name: 'LcbSearch',
   options: {
@@ -88,10 +99,23 @@ withDefaults(defineProps<LcbSearchProps>(), {
   linePadding: 24,
   lineHeight: 24,
   iconType: 'icon',
+  mode: 'link',
+  fontSize: 24,
 })
 const { getLocation, userLocation } = useLocation()
 const addressCity = ref<ChildHotAddress | undefined>(getHistoryCity())
 getLocation()
+const form = inject<Ref<Record<string, any>>>(FORM_KEY)
+const onSearch = ({ value }: { value: string }) => {
+  console.log('value', value)
+  if (form) {
+    form.value.search = value
+  }
+}
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.search-input {
+  flex: 1;
+}
+</style>

package/components/lcb-search/types.ts

@@ -1,4 +1,5 @@
-import { LcbActionViewProps } from 'components/lcb-action-view/types'
+import { LcbActionViewProps } from '../lcb-action-view/types'
+import { LcbBlockProps } from '../lcb-block/types'
 
 export type LcbSearchProps = {
   // Define the component's prop types here
@@ -12,6 +13,8 @@ export type LcbSearchProps = {
   link?: LcbActionViewProps
   iconType?: 'icon' | 'img'
 
+  mode?: 'search' | 'link'
+
   city?: boolean
   cityColor?: string
   citySize?: number
@@ -21,4 +24,5 @@ export type LcbSearchProps = {
   lineWidth?: number
   linePadding?: number
   lineHeight?: number
-} & LcbActionViewProps
+} & LcbActionViewProps &
+  LcbBlockProps

package/package.json

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

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

@@ -21,6 +21,8 @@ declare function __VLS_template(): Readonly<{
   titleIcon(props: { value: any }): any
   userInteractionInfo(props: { value: any }): any
   orderTips(props: { value: any }): any
+  distanceTips(props: { value: any }): any
+  orderSkuCountTips(props: { value: any }): any
   priceTips(props: { value: any }): any
 }> & {
   coverImg(props: { value: any }): any
@@ -45,6 +47,8 @@ declare function __VLS_template(): Readonly<{
   titleIcon(props: { value: any }): any
   userInteractionInfo(props: { value: any }): any
   orderTips(props: { value: any }): any
+  distanceTips(props: { value: any }): any
+  orderSkuCountTips(props: { value: any }): any
   priceTips(props: { value: any }): any
 }
 declare const __VLS_component: import('vue').DefineComponent<

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

@@ -23,6 +23,8 @@ declare function __VLS_template(): Readonly<{
   userInteractionInfo(props: { value: any }): any
   orderTips(props: { value: any }): any
   priceTips(props: { value: any }): any
+  distanceTips(props: { value: any }): any
+  orderSkuCountTips(props: { value: any }): any
   itemSection(): any
   itemTopSection(): any
   itemBottomSection(): any
@@ -54,6 +56,8 @@ declare function __VLS_template(): Readonly<{
   userInteractionInfo(props: { value: any }): any
   orderTips(props: { value: any }): any
   priceTips(props: { value: any }): any
+  distanceTips(props: { value: any }): any
+  orderSkuCountTips(props: { value: any }): any
   itemSection(): any
   itemTopSection(): any
   itemBottomSection(): any
@@ -83,6 +87,8 @@ declare const __VLS_component: import('vue').DefineComponent<
       priceVisible: boolean
       userInfoVisible: boolean
       priceTipsVisible: boolean
+      distanceTipsVisible: boolean
+      orderSkuCountTipsVisible: boolean
       priceUnitVisible: boolean
       priceSuffixVisible: boolean
       scribePriceVisible: boolean
@@ -136,6 +142,8 @@ declare const __VLS_component: import('vue').DefineComponent<
           priceVisible: boolean
           userInfoVisible: boolean
           priceTipsVisible: boolean
+          distanceTipsVisible: boolean
+          orderSkuCountTipsVisible: boolean
           priceUnitVisible: boolean
           priceSuffixVisible: boolean
           scribePriceVisible: boolean
@@ -198,6 +206,8 @@ declare const __VLS_component: import('vue').DefineComponent<
     titleIconVisible: boolean
     userInteractionInfoVisible: boolean
     orderTipsVisible: boolean
+    distanceTipsVisible: boolean
+    orderSkuCountTipsVisible: boolean
   },
   {}
 >

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

@@ -37,6 +37,8 @@ export interface LcbProductItemProps {
   titleIcon?: any
   userInteractionInfo?: any
   orderTips?: any
+  distanceTips?: any
+  orderSkuCountTips?: any
   coverImgVisible?: boolean
   productNameVisible?: boolean
   subTitleVisible?: boolean
@@ -59,6 +61,8 @@ export interface LcbProductItemProps {
   titleIconVisible?: boolean
   userInteractionInfoVisible?: boolean
   orderTipsVisible?: boolean
+  distanceTipsVisible?: boolean
+  orderSkuCountTipsVisible?: boolean
   coverImgClass?: string
   productNameClass?: string
   subTitleClass?: string
@@ -81,6 +85,8 @@ export interface LcbProductItemProps {
   titleIconClass?: string
   userInteractionInfoClass?: string
   orderTipsClass?: string
+  distanceTipsClass?: string
+  orderSkuCountTipsClass?: string
   coverImgStyle?: CSSProperties
   productNameStyle?: CSSProperties
   subTitleStyle?: CSSProperties
@@ -103,6 +109,8 @@ export interface LcbProductItemProps {
   titleIconStyle?: CSSProperties
   userInteractionInfoStyle?: CSSProperties
   orderTipsStyle?: CSSProperties
+  distanceTipsStyle?: CSSProperties
+  orderSkuCountTipsStyle?: CSSProperties
   blurSize?: number
   shadowColor?: string
   shadowSize?: number

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

@@ -18,6 +18,8 @@ declare const _default: import('vue').DefineComponent<
       linePadding: number
       lineHeight: number
       iconType: string
+      mode: string
+      fontSize: number
     }
   >,
   {},
@@ -43,6 +45,7 @@ declare const _default: import('vue').DefineComponent<
               gap?: number
               link?: import('../lcb-action-view/types').LcbActionViewProps
               iconType?: 'icon' | 'img'
+              mode?: 'search' | 'link'
               city?: boolean
               cityColor?: string
               citySize?: number
@@ -85,7 +88,7 @@ declare const _default: import('vue').DefineComponent<
               content?: string
               title?: string
               position?: string
-            }
+            } & import('../lcb-block/types').LcbBlockProps
           >,
           {
             placeholder: string
@@ -103,6 +106,8 @@ declare const _default: import('vue').DefineComponent<
             linePadding: number
             lineHeight: number
             iconType: string
+            mode: string
+            fontSize: number
           }
         >
       >
@@ -121,6 +126,7 @@ declare const _default: import('vue').DefineComponent<
               gap?: number
               link?: import('../lcb-action-view/types').LcbActionViewProps
               iconType?: 'icon' | 'img'
+              mode?: 'search' | 'link'
               city?: boolean
               cityColor?: string
               citySize?: number
@@ -141,7 +147,7 @@ declare const _default: import('vue').DefineComponent<
                 requestUrl: string
                 requestParams: Record<string, any>
               }
-            }
+            } & import('../lcb-block/types').LcbBlockProps
           >,
           {
             placeholder: string
@@ -159,6 +165,8 @@ declare const _default: import('vue').DefineComponent<
             linePadding: number
             lineHeight: number
             iconType: string
+            mode: string
+            fontSize: number
           }
         >
       >
@@ -177,6 +185,7 @@ declare const _default: import('vue').DefineComponent<
               gap?: number
               link?: import('../lcb-action-view/types').LcbActionViewProps
               iconType?: 'icon' | 'img'
+              mode?: 'search' | 'link'
               city?: boolean
               cityColor?: string
               citySize?: number
@@ -199,7 +208,7 @@ declare const _default: import('vue').DefineComponent<
                 longitude: number
                 name: string
               }
-            }
+            } & import('../lcb-block/types').LcbBlockProps
           >,
           {
             placeholder: string
@@ -217,6 +226,8 @@ declare const _default: import('vue').DefineComponent<
             linePadding: number
             lineHeight: number
             iconType: string
+            mode: string
+            fontSize: number
           }
         >
       >
@@ -235,6 +246,7 @@ declare const _default: import('vue').DefineComponent<
               gap?: number
               link?: import('../lcb-action-view/types').LcbActionViewProps
               iconType?: 'icon' | 'img'
+              mode?: 'search' | 'link'
               city?: boolean
               cityColor?: string
               citySize?: number
@@ -252,7 +264,7 @@ declare const _default: import('vue').DefineComponent<
             } & {
               jumpType: 106
               requestParam?: Record<string, any>
-            }
+            } & import('../lcb-block/types').LcbBlockProps
           >,
           {
             placeholder: string
@@ -270,6 +282,8 @@ declare const _default: import('vue').DefineComponent<
             linePadding: number
             lineHeight: number
             iconType: string
+            mode: string
+            fontSize: number
           }
         >
       >
@@ -288,6 +302,7 @@ declare const _default: import('vue').DefineComponent<
               gap?: number
               link?: import('../lcb-action-view/types').LcbActionViewProps
               iconType?: 'icon' | 'img'
+              mode?: 'search' | 'link'
               city?: boolean
               cityColor?: string
               citySize?: number
@@ -304,7 +319,7 @@ declare const _default: import('vue').DefineComponent<
               customStyle?: import('vue').StyleValue
             } & {
               jumpType: 141
-            }
+            } & import('../lcb-block/types').LcbBlockProps
           >,
           {
             placeholder: string
@@ -322,16 +337,21 @@ declare const _default: import('vue').DefineComponent<
             linePadding: number
             lineHeight: number
             iconType: string
+            mode: string
+            fontSize: number
           }
         >
       >
     >,
   | {
+      mode: 'search' | 'link'
+      color: string
       lineHeight: number
       iconSize: string
       iconColor: string
       placeholder: string
       lineWidth: number
+      fontSize: number
       gap: number
       iconType: 'icon' | 'img'
       borderWidth: number
@@ -343,11 +363,14 @@ declare const _default: import('vue').DefineComponent<
       linePadding: number
     }
   | {
+      mode: 'search' | 'link'
+      color: string
       lineHeight: number
       iconSize: string
       iconColor: string
       placeholder: string
       lineWidth: number
+      fontSize: number
       gap: number
       iconType: 'icon' | 'img'
       borderWidth: number
@@ -359,11 +382,14 @@ declare const _default: import('vue').DefineComponent<
       linePadding: number
     }
   | {
+      mode: 'search' | 'link'
+      color: string
       lineHeight: number
       iconSize: string
       iconColor: string
       placeholder: string
       lineWidth: number
+      fontSize: number
       gap: number
       iconType: 'icon' | 'img'
       borderWidth: number
@@ -375,11 +401,14 @@ declare const _default: import('vue').DefineComponent<
       linePadding: number
     }
   | {
+      mode: 'search' | 'link'
+      color: string
       lineHeight: number
       iconSize: string
       iconColor: string
       placeholder: string
       lineWidth: number
+      fontSize: number
       gap: number
       iconType: 'icon' | 'img'
       borderWidth: number
@@ -391,11 +420,14 @@ declare const _default: import('vue').DefineComponent<
       linePadding: number
     }
   | {
+      mode: 'search' | 'link'
+      color: string
       lineHeight: number
       iconSize: string
       iconColor: string
       placeholder: string
       lineWidth: number
+      fontSize: number
       gap: number
       iconType: 'icon' | 'img'
       borderWidth: number

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

@@ -1,4 +1,5 @@
-import { LcbActionViewProps } from 'components/lcb-action-view/types'
+import { LcbActionViewProps } from '../lcb-action-view/types'
+import { LcbBlockProps } from '../lcb-block/types'
 export type LcbSearchProps = {
   placeholder?: string
   icon?: string
@@ -9,6 +10,7 @@ export type LcbSearchProps = {
   gap?: number
   link?: LcbActionViewProps
   iconType?: 'icon' | 'img'
+  mode?: 'search' | 'link'
   city?: boolean
   cityColor?: string
   citySize?: number
@@ -18,4 +20,5 @@ export type LcbSearchProps = {
   lineWidth?: number
   linePadding?: number
   lineHeight?: number
-} & LcbActionViewProps
+} & LcbActionViewProps &
+  LcbBlockProps