@tplc/business 0.3.75 → 0.3.77

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.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

@@ -1,9 +1,10 @@
 <template>
   <view class="lcb-banner">
-    <lcb-block v-bind="$props">
+    <lcb-block v-bind="$props" custom-class="overflow-visible">
       <wd-swiper
         value-key="url"
         action
+        custom-indicator-class="custom-indicator-class"
         v-bind="{
           list: items,
           loop,
@@ -18,6 +19,8 @@
           customNextImageClass,
           interval,
           indicator: indicator ? { type: indicator } : false,
+          indicatorCustomStyle,
+          customStyle,
           ...supplementProps,
         }"
       />
@@ -45,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:
@@ -57,6 +60,12 @@ const supplementProps = computed(() => {
   }
   return {}
 })
+const indicatorCustomStyle = computed(() => {
+  return props.indicatorBottom ? `bottom: ${transformValueUnit(props.indicatorBottom)}` : ''
+})
+const customStyle = computed(() => {
+  return props.paddingBottom ? `padding-bottom: ${transformValueUnit(props.paddingBottom)}` : ''
+})
 </script>
 <style lang="scss" scoped>
 .lcb-banner {

package/components/lcb-banner/types.ts

@@ -35,6 +35,9 @@ export interface LcbBannerProps extends LcbBlockProps {
     | 'bottom-right'
     | 'right'
   /** 边距是否应用到第一个、最后一个元素 */
+  paddingBottom?: number
+  /** 指示器底部距离 */
+  indicatorBottom?: number
   snapToEdge?: boolean
   // 图片之间距离
   itemPadding?: number

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-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/components/lcb-user-top/lcb-user-top.vue

@@ -1,11 +1,5 @@
 <template>
-  <lcb-block
-    v-bind="{
-      ...$props,
-      backgroundColor: bgStyle === 1 ? backgroundColor : '',
-      backgroundImage: bgStyle === 2 ? backgroundImage : '',
-    }"
-  >
+  <lcb-block v-bind="$props">
     <view
       class="anyTopGap"
       :style="{
@@ -155,7 +149,6 @@ withDefaults(defineProps<LcbUserTopProps>(), {
   editText: '编辑资料',
   editSize: 28,
   rightIconSize: 28,
-  bgStyle: 1,
 })
 const padTop = computed(() => {
   return addUnit(statusBarHeight || 0)

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

@@ -7,7 +7,6 @@ export interface LcbUserTopProps extends LcbBlockProps {
   photoSize?: number
   textSize?: number
   textColor?: string
-  bgStyle?: 1 | 2
   backgroundColor?: string
   backgroundImage?: string
   moreIcon?: boolean

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.75",
+  "version": "0.3.77",
   "keywords": [
     "业务组件"
   ],
@@ -11,7 +11,7 @@
   },
   "peerDependencies": {
     "vue": ">=3.2.47",
-    "@tplc/wot": "0.1.62"
+    "@tplc/wot": "0.1.65"
   },
   "engines": {
     "node": ">=18",

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

@@ -34,6 +34,9 @@ export interface LcbBannerProps extends LcbBlockProps {
     | 'bottom-right'
     | 'right'
   /** 边距是否应用到第一个、最后一个元素 */
+  paddingBottom?: number
+  /** 指示器底部距离 */
+  indicatorBottom?: number
   snapToEdge?: boolean
   itemPadding?: number
   /** 图片圆角 */

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-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

@@ -17,7 +17,6 @@ declare const _default: import('vue').DefineComponent<
       editText: string
       editSize: number
       rightIconSize: number
-      bgStyle: number
     }
   >,
   {},
@@ -48,7 +47,6 @@ declare const _default: import('vue').DefineComponent<
           editText: string
           editSize: number
           rightIconSize: number
-          bgStyle: number
         }
       >
     >
@@ -59,12 +57,11 @@ 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
-    bgStyle: 1 | 2
     moreIcon: boolean
     editText: string
     editSize: number

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

@@ -5,7 +5,6 @@ export interface LcbUserTopProps extends LcbBlockProps {
   photoSize?: number
   textSize?: number
   textColor?: string
-  bgStyle?: 1 | 2
   backgroundColor?: string
   backgroundImage?: string
   moreIcon?: boolean