@tplc/business 0.3.76 → 0.3.78

package/CHANGELOG.md

@@ -2,6 +2,34 @@
 
 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.78](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.1.65...v0.3.78) (2025-03-11)
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.1.66 ([f23f243](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/f23f2437450743054ccbfd05dcdd8a24e74a355b))
+* **release:** 0.3.77 ([0e84283](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/0e8428369c5fbcaa5e3f77f50cee3391856c33c1))
+
+
+### ✨ Features | 新功能
+
+* 支持search ([b40bddd](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/b40bddd4bb1441a389475df4dae0ce98dc0176b8))
+* 调整icon ([ded88ce](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/ded88ce1bfe0cfd08dbc4cc2843d60ca3f1c2a1b))
+
+### [0.3.77](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.1.63...v0.3.77) (2025-03-11)
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.1.64 ([fd47263](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/fd47263c97888ca9972ff138da22e46082781769))
+* **release:** 0.1.65 ([ca4697e](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/ca4697e3af5c537fcadaad6a972bca0bf6e3df1e))
+
+
+### ✨ Features | 新功能
+
+* 支持banner 底部 ([1e0b38c](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/1e0b38ccba18240f4b18f78a84e0810ae8b67460))
+* 支持search ([b40bddd](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/b40bddd4bb1441a389475df4dae0ce98dc0176b8))
+
 ### [0.3.76](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.3.75...v0.3.76) (2025-03-10)
 
 ### [0.3.75](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.3.73...v0.3.75) (2025-03-10)

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

@@ -48,7 +48,7 @@ const props = withDefaults(defineProps<LcbBannerProps>(), {
 const supplementProps = computed(() => {
   if (props.styleGroup === 2) {
     return {
-      nextMargin: transformValueUnit(props.previousMargin ?? 24),
+      nextMargin: transformValueUnit(props.nextMargin ?? 24),
       previousMargin: transformValueUnit(props.previousMargin ?? 24),
       itemPadding: `${transformValueUnit(props.itemPadding ?? 10)}`,
       customPrevImageHeight:

package/components/lcb-icon/lcb-icon.vue

@@ -0,0 +1,36 @@
+<template>
+  <wd-icon
+    v-if="icon && iconType === 'icon'"
+    :name="icon"
+    :size="size"
+    :color="color"
+    :custom-class="customClass"
+    :custom-style="customStyle"
+    :class-prefix="classPrefix"
+  />
+  <wd-img
+    v-else-if="url && iconType === 'img'"
+    :src="url"
+    :width="size"
+    :height="size"
+    :custom-class="customClass"
+    :custom-style="customStyle"
+  />
+</template>
+
+<script setup lang="ts">
+import { LcbIconProps } from './types'
+defineOptions({
+  name: 'LcbIcon',
+  options: {
+    addGlobalClass: true,
+    virtualHost: true,
+    styleIsolation: 'shared',
+  },
+})
+withDefaults(defineProps<LcbIconProps>(), {
+  iconType: 'icon',
+})
+</script>
+
+<style lang="scss" scoped></style>

package/components/lcb-icon/types.ts

@@ -0,0 +1,10 @@
+export interface LcbIconProps {
+  icon?: string
+  size?: string
+  color?: string
+  customClass?: string
+  customStyle?: string
+  url?: string
+  classPrefix?: string
+  iconType?: 'icon' | 'img'
+}

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

@@ -67,7 +67,7 @@
             left
             v-if="styleGroup === 2 && titleLocation === 'left'"
           />
-          <Title v-bind="titleProps" v-else-if="topStyle !== 2" :opacity="navbarBgOpacity" />
+          <Title v-bind="titleProps" v-else-if="topStyle !== 2" :opacity="titleOpacity" />
         </view>
       </view>
       <!-- 中间布局 -->
@@ -80,7 +80,7 @@
         <Title
           v-bind="titleProps"
           v-else-if="styleGroup === 2 || titleLocation === 'center'"
-          :opacity="navbarBgOpacity"
+          :opacity="titleOpacity"
         />
       </view>
       <view
@@ -192,6 +192,13 @@ const navbarBgOpacity = computed(() => {
   }
   return 1
 })
+const titleOpacity = computed(() => {
+  const { topStyle, immersionMode } = props
+  if (topStyle === 2 && immersionMode === 3) {
+    return 1
+  }
+  return navbarBgOpacity.value
+})
 /** 标题样式 */
 const titleProps = computed(() => {
   return {

package/components/lcb-nav/types.ts

@@ -26,8 +26,8 @@ export interface NavProps extends NavTitleProps {
   /** 是否沉浸式状态栏 */
   // 1 标准 2沉浸式
   topStyle?: 1 | 2
-  // 沉浸规则 1滑动后恢复  2永久沉浸式
-  immersionMode?: 1 | 2
+  // 沉浸规则 1滑动后恢复  2永久沉浸式 3 永久沉浸式且显示标题
+  immersionMode?: 1 | 2 | 3
   /** 模式 1.标题 2.搜索 3.导航 4.沉浸式 */
   styleGroup?: 1 | 2 | 3 | 4
   /** 背景图片 */

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

@@ -6,14 +6,50 @@
       borderWidth: `${borderWidth}px`,
     }"
   >
-    <lcb-action-view v-bind="link">
+    <lcb-action-view v-bind="link" :urlParams="stringify(addressCity)">
       <view
         class="flex items-center"
         :style="{
           gap: transformValueUnit(gap),
         }"
       >
-        <wd-icon :name="icon" :size="iconSize" class-prefix="lcb" :color="iconColor" v-if="icon" />
+        <!-- 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>
+        </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>
@@ -23,6 +59,11 @@
 <script setup lang="ts">
 import { LcbSearchProps } from './types'
 import { transformValueUnit } from '../../utils/transform'
+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'
 defineOptions({
   name: 'LcbSearch',
   options: {
@@ -35,9 +76,22 @@ withDefaults(defineProps<LcbSearchProps>(), {
   placeholder: '搜索',
   iconSize: '16',
   borderWidth: 1,
-  iconColor: '#333',
+  color: '#000',
+  iconColor: '#000',
   gap: 16,
+  cityColor: '#000',
+  citySize: 24,
+  cityIconSize: 24,
+  cityIconColor: '#000',
+  lineColor: '#000',
+  lineWidth: 2,
+  linePadding: 24,
+  lineHeight: 24,
+  iconType: 'icon',
 })
+const { getLocation, userLocation } = useLocation()
+const addressCity = ref<ChildHotAddress | undefined>(getHistoryCity())
+getLocation()
 </script>
 
 <style lang="scss" scoped></style>

package/components/lcb-search/types.ts

@@ -1,12 +1,24 @@
 import { LcbActionViewProps } from 'components/lcb-action-view/types'
 
-export interface LcbSearchProps {
+export type LcbSearchProps = {
   // Define the component's prop types here
   placeholder?: string
   icon?: string
+  url?: string
   iconSize?: string
   borderWidth?: number
   iconColor?: string
   gap?: number
   link?: LcbActionViewProps
-}
+  iconType?: 'icon' | 'img'
+
+  city?: boolean
+  cityColor?: string
+  citySize?: number
+  cityIconSize?: number
+  cityIconColor?: string
+  lineColor?: string
+  lineWidth?: number
+  linePadding?: number
+  lineHeight?: number
+} & LcbActionViewProps

package/global.d.ts

@@ -18,6 +18,7 @@ declare module 'vue' {
     'lcb-gap': (typeof import('@tplc/business/components/lcb-gap/lcb-gap.vue'))['default']
     'lcb-grid': (typeof import('@tplc/business/components/lcb-grid/lcb-grid.vue'))['default']
     'lcb-home-search': (typeof import('@tplc/business/components/lcb-home-search/lcb-home-search.vue'))['default']
+    'lcb-icon': (typeof import('@tplc/business/components/lcb-icon/lcb-icon.vue'))['default']
     'lcb-image': (typeof import('@tplc/business/components/lcb-image/lcb-image.vue'))['default']
     'lcb-img-nav': (typeof import('@tplc/business/components/lcb-img-nav/lcb-img-nav.vue'))['default']
     'lcb-list': (typeof import('@tplc/business/components/lcb-list/lcb-list.vue'))['default']

package/package.json

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

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

@@ -0,0 +1,56 @@
+import { LcbIconProps } from './types'
+declare const _default: import('vue').DefineComponent<
+  __VLS_WithDefaults<
+    __VLS_TypePropsToOption<LcbIconProps>,
+    {
+      iconType: string
+    }
+  >,
+  {},
+  unknown,
+  {},
+  {},
+  import('vue').ComponentOptionsMixin,
+  import('vue').ComponentOptionsMixin,
+  {},
+  string,
+  import('vue').PublicProps,
+  Readonly<
+    import('vue').ExtractPropTypes<
+      __VLS_WithDefaults<
+        __VLS_TypePropsToOption<LcbIconProps>,
+        {
+          iconType: string
+        }
+      >
+    >
+  >,
+  {
+    iconType: 'icon' | 'img'
+  },
+  {}
+>
+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-icon/types.d.ts

@@ -0,0 +1,10 @@
+export interface LcbIconProps {
+  icon?: string
+  size?: string
+  color?: string
+  customClass?: string
+  customStyle?: string
+  url?: string
+  classPrefix?: string
+  iconType?: 'icon' | 'img'
+}

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

@@ -62,7 +62,7 @@ declare const _default: import('vue').DefineComponent<
     textSize: number
     back: boolean
     topStyle: 1 | 2
-    immersionMode: 1 | 2
+    immersionMode: 1 | 2 | 3
     colorMode: 'custom' | 'default'
     backColor: string
     backgroundType: 'img' | 'color'

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

@@ -23,7 +23,7 @@ export interface NavProps extends NavTitleProps {
   fixed?: boolean
   /** 是否沉浸式状态栏 */
   topStyle?: 1 | 2
-  immersionMode?: 1 | 2
+  immersionMode?: 1 | 2 | 3
   /** 模式 1.标题 2.搜索 3.导航 4.沉浸式 */
   styleGroup?: 1 | 2 | 3 | 4
   /** 背景图片 */

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

@@ -6,8 +6,18 @@ declare const _default: import('vue').DefineComponent<
       placeholder: string
       iconSize: string
       borderWidth: number
+      color: string
       iconColor: string
       gap: number
+      cityColor: string
+      citySize: number
+      cityIconSize: number
+      cityIconColor: string
+      lineColor: string
+      lineWidth: number
+      linePadding: number
+      lineHeight: number
+      iconType: string
     }
   >,
   {},
@@ -19,27 +29,383 @@ declare const _default: import('vue').DefineComponent<
   {},
   string,
   import('vue').PublicProps,
-  Readonly<
-    import('vue').ExtractPropTypes<
-      __VLS_WithDefaults<
-        __VLS_TypePropsToOption<LcbSearchProps>,
-        {
-          placeholder: string
-          iconSize: string
-          borderWidth: number
-          iconColor: string
-          gap: number
-        }
+  | Readonly<
+      import('vue').ExtractPropTypes<
+        __VLS_WithDefaults<
+          __VLS_TypePropsToOption<
+            {
+              placeholder?: string
+              icon?: string
+              url?: string
+              iconSize?: string
+              borderWidth?: number
+              iconColor?: string
+              gap?: number
+              link?: import('../lcb-action-view/types').LcbActionViewProps
+              iconType?: 'icon' | 'img'
+              city?: boolean
+              cityColor?: string
+              citySize?: number
+              cityIconSize?: number
+              cityIconColor?: string
+              lineColor?: string
+              lineWidth?: number
+              linePadding?: number
+              lineHeight?: number
+            } & {
+              jumpUrl?: string
+              urlParams?: string
+              customClass?: string
+              customStyle?: import('vue').StyleValue
+            } & {
+              jumpType?:
+                | 1
+                | 2
+                | 10
+                | 11
+                | 12
+                | 13
+                | 14
+                | 16
+                | 21
+                | 22
+                | 23
+                | 24
+                | 25
+                | 26
+                | 30
+                | 88
+                | 101
+                | 102
+                | 103
+                | 104
+                | 241
+              jumpAppid?: string
+              phoneNumber?: string
+              content?: string
+              title?: string
+              position?: string
+            }
+          >,
+          {
+            placeholder: string
+            iconSize: string
+            borderWidth: number
+            color: string
+            iconColor: string
+            gap: number
+            cityColor: string
+            citySize: number
+            cityIconSize: number
+            cityIconColor: string
+            lineColor: string
+            lineWidth: number
+            linePadding: number
+            lineHeight: number
+            iconType: string
+          }
+        >
       >
     >
-  >,
-  {
-    iconSize: string
-    iconColor: string
-    placeholder: string
-    gap: number
-    borderWidth: number
-  },
+  | Readonly<
+      import('vue').ExtractPropTypes<
+        __VLS_WithDefaults<
+          __VLS_TypePropsToOption<
+            {
+              placeholder?: string
+              icon?: string
+              url?: string
+              iconSize?: string
+              borderWidth?: number
+              iconColor?: string
+              gap?: number
+              link?: import('../lcb-action-view/types').LcbActionViewProps
+              iconType?: 'icon' | 'img'
+              city?: boolean
+              cityColor?: string
+              citySize?: number
+              cityIconSize?: number
+              cityIconColor?: string
+              lineColor?: string
+              lineWidth?: number
+              linePadding?: number
+              lineHeight?: number
+            } & {
+              jumpUrl?: string
+              urlParams?: string
+              customClass?: string
+              customStyle?: import('vue').StyleValue
+            } & {
+              jumpType: 17
+              requestInfo?: {
+                requestUrl: string
+                requestParams: Record<string, any>
+              }
+            }
+          >,
+          {
+            placeholder: string
+            iconSize: string
+            borderWidth: number
+            color: string
+            iconColor: string
+            gap: number
+            cityColor: string
+            citySize: number
+            cityIconSize: number
+            cityIconColor: string
+            lineColor: string
+            lineWidth: number
+            linePadding: number
+            lineHeight: number
+            iconType: string
+          }
+        >
+      >
+    >
+  | Readonly<
+      import('vue').ExtractPropTypes<
+        __VLS_WithDefaults<
+          __VLS_TypePropsToOption<
+            {
+              placeholder?: string
+              icon?: string
+              url?: string
+              iconSize?: string
+              borderWidth?: number
+              iconColor?: string
+              gap?: number
+              link?: import('../lcb-action-view/types').LcbActionViewProps
+              iconType?: 'icon' | 'img'
+              city?: boolean
+              cityColor?: string
+              citySize?: number
+              cityIconSize?: number
+              cityIconColor?: string
+              lineColor?: string
+              lineWidth?: number
+              linePadding?: number
+              lineHeight?: number
+            } & {
+              jumpUrl?: string
+              urlParams?: string
+              customClass?: string
+              customStyle?: import('vue').StyleValue
+            } & {
+              jumpType: 105
+              addressInfo?: {
+                address: string
+                latitude: number
+                longitude: number
+                name: string
+              }
+            }
+          >,
+          {
+            placeholder: string
+            iconSize: string
+            borderWidth: number
+            color: string
+            iconColor: string
+            gap: number
+            cityColor: string
+            citySize: number
+            cityIconSize: number
+            cityIconColor: string
+            lineColor: string
+            lineWidth: number
+            linePadding: number
+            lineHeight: number
+            iconType: string
+          }
+        >
+      >
+    >
+  | Readonly<
+      import('vue').ExtractPropTypes<
+        __VLS_WithDefaults<
+          __VLS_TypePropsToOption<
+            {
+              placeholder?: string
+              icon?: string
+              url?: string
+              iconSize?: string
+              borderWidth?: number
+              iconColor?: string
+              gap?: number
+              link?: import('../lcb-action-view/types').LcbActionViewProps
+              iconType?: 'icon' | 'img'
+              city?: boolean
+              cityColor?: string
+              citySize?: number
+              cityIconSize?: number
+              cityIconColor?: string
+              lineColor?: string
+              lineWidth?: number
+              linePadding?: number
+              lineHeight?: number
+            } & {
+              jumpUrl?: string
+              urlParams?: string
+              customClass?: string
+              customStyle?: import('vue').StyleValue
+            } & {
+              jumpType: 106
+              requestParam?: Record<string, any>
+            }
+          >,
+          {
+            placeholder: string
+            iconSize: string
+            borderWidth: number
+            color: string
+            iconColor: string
+            gap: number
+            cityColor: string
+            citySize: number
+            cityIconSize: number
+            cityIconColor: string
+            lineColor: string
+            lineWidth: number
+            linePadding: number
+            lineHeight: number
+            iconType: string
+          }
+        >
+      >
+    >
+  | Readonly<
+      import('vue').ExtractPropTypes<
+        __VLS_WithDefaults<
+          __VLS_TypePropsToOption<
+            {
+              placeholder?: string
+              icon?: string
+              url?: string
+              iconSize?: string
+              borderWidth?: number
+              iconColor?: string
+              gap?: number
+              link?: import('../lcb-action-view/types').LcbActionViewProps
+              iconType?: 'icon' | 'img'
+              city?: boolean
+              cityColor?: string
+              citySize?: number
+              cityIconSize?: number
+              cityIconColor?: string
+              lineColor?: string
+              lineWidth?: number
+              linePadding?: number
+              lineHeight?: number
+            } & {
+              jumpUrl?: string
+              urlParams?: string
+              customClass?: string
+              customStyle?: import('vue').StyleValue
+            } & {
+              jumpType: 141
+            }
+          >,
+          {
+            placeholder: string
+            iconSize: string
+            borderWidth: number
+            color: string
+            iconColor: string
+            gap: number
+            cityColor: string
+            citySize: number
+            cityIconSize: number
+            cityIconColor: string
+            lineColor: string
+            lineWidth: number
+            linePadding: number
+            lineHeight: number
+            iconType: string
+          }
+        >
+      >
+    >,
+  | {
+      lineHeight: number
+      iconSize: string
+      iconColor: string
+      placeholder: string
+      lineWidth: number
+      gap: number
+      iconType: 'icon' | 'img'
+      borderWidth: number
+      cityColor: string
+      citySize: number
+      cityIconSize: number
+      cityIconColor: string
+      lineColor: string
+      linePadding: number
+    }
+  | {
+      lineHeight: number
+      iconSize: string
+      iconColor: string
+      placeholder: string
+      lineWidth: number
+      gap: number
+      iconType: 'icon' | 'img'
+      borderWidth: number
+      cityColor: string
+      citySize: number
+      cityIconSize: number
+      cityIconColor: string
+      lineColor: string
+      linePadding: number
+    }
+  | {
+      lineHeight: number
+      iconSize: string
+      iconColor: string
+      placeholder: string
+      lineWidth: number
+      gap: number
+      iconType: 'icon' | 'img'
+      borderWidth: number
+      cityColor: string
+      citySize: number
+      cityIconSize: number
+      cityIconColor: string
+      lineColor: string
+      linePadding: number
+    }
+  | {
+      lineHeight: number
+      iconSize: string
+      iconColor: string
+      placeholder: string
+      lineWidth: number
+      gap: number
+      iconType: 'icon' | 'img'
+      borderWidth: number
+      cityColor: string
+      citySize: number
+      cityIconSize: number
+      cityIconColor: string
+      lineColor: string
+      linePadding: number
+    }
+  | {
+      lineHeight: number
+      iconSize: string
+      iconColor: string
+      placeholder: string
+      lineWidth: number
+      gap: number
+      iconType: 'icon' | 'img'
+      borderWidth: number
+      cityColor: string
+      citySize: number
+      cityIconSize: number
+      cityIconColor: string
+      lineColor: string
+      linePadding: number
+    },
   {}
 >
 export default _default

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

@@ -1,10 +1,21 @@
 import { LcbActionViewProps } from 'components/lcb-action-view/types'
-export interface LcbSearchProps {
+export type LcbSearchProps = {
   placeholder?: string
   icon?: string
+  url?: string
   iconSize?: string
   borderWidth?: number
   iconColor?: string
   gap?: number
   link?: LcbActionViewProps
-}
+  iconType?: 'icon' | 'img'
+  city?: boolean
+  cityColor?: string
+  citySize?: number
+  cityIconSize?: number
+  cityIconColor?: string
+  lineColor?: string
+  lineWidth?: number
+  linePadding?: number
+  lineHeight?: number
+} & LcbActionViewProps

package/types/components/lcb-user-top/lcb-user-top.vue.d.ts

@@ -57,8 +57,8 @@ declare const _default: import('vue').DefineComponent<
     paddingBottom: number
     paddingLeft: number
     paddingRight: number
-    textColor: string
     iconType: 0 | 1
+    textColor: string
     textSize: number
     photoRound: boolean
     photoSize: number