@tplc/business 0.5.15 → 0.5.17

package/CHANGELOG.md

@@ -2,6 +2,30 @@
 
 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.5.17](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.5.16...v0.5.17) (2025-10-13)
+
+
+### ✨ Features | 新功能
+
+* 调整swiper  nav ([5a40606](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/5a40606ff1480bbd14119867a9a042eca535517c))
+
+### [0.5.16](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.5.12...v0.5.16) (2025-10-13)
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.5.13 ([c911dd5](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/c911dd5f74158911411e8f0208451a03563cd2ab))
+* **release:** 0.5.14 ([d63749c](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/d63749cbb55f51598bbd622ae6da0665e6f0e225))
+* **release:** 0.5.15 ([075e7ae](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/075e7ae7a0f8a0378270a700e6c04b8c60d9138a))
+
+
+### ✨ Features | 新功能
+
+* 新增banner ([8dba4d4](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/8dba4d42665360e02b390c472c902075061157c7))
+* 更新版本 ([72a74ed](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/72a74ed6bdb18784f628b8f4ccf2124a2ad7807d))
+* 调整address 策略 ([91063a1](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/91063a19ec34314920e3064c6292c085efc9b2a6))
+* 调整ceng'ji1 ([1abf0ac](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/1abf0ac761c07cc32577a930e23e4905b60a6997))
+
 ### [0.5.15](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.5.14...v0.5.15) (2025-10-12)
 
 

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

@@ -1,17 +1,29 @@
 <template>
   <view
-    class="drop-menu-container flex-center"
-    :style="`background-color: ${backgroundColor}; --address-content-color: ${color}; font-size: ${fontSize}rpx;`"
+    class="drop-menu-container flex items-center"
+    :style="containerStyle"
     v-if="title"
     @click="onChooseAddress"
   >
-    <view class="truncate max-w-[200rpx]">{{ title }}</view>
-    <wd-icon name="arrow-down" />
+    <template v-if="mode === 'normal'">
+      <view class="truncate">{{ title }}</view>
+      <wd-icon name="arrow-down" />
+    </template>
+    <wd-drop-menu v-else>
+      <wd-drop-menu-item
+        v-model="value"
+        :options="options"
+        :title="title"
+        @change="handleChange"
+        value-key="addressId"
+        label-key="addressName"
+      />
+    </wd-drop-menu>
   </view>
 </template>
 
 <script setup lang="ts">
-import { ref, watch } from 'vue'
+import { ref, watch, computed } from 'vue'
 import { AddressCommunityProps } from '../types'
 defineOptions({
   name: 'AddressCommunity',
@@ -21,18 +33,29 @@ defineOptions({
     styleIsolation: 'shared',
   },
 })
-withDefaults(defineProps<AddressCommunityProps>(), {
+const props = withDefaults(defineProps<AddressCommunityProps>(), {
   backgroundColor: 'transparent',
   color: '#000',
   fontSize: 28,
+  width: 240,
+  mode: 'normal',
 })
+const value = defineModel<string>('')
 const constantsStore = uni.$lcb.constantsStore?.()
 const title = ref<string>('')
+const options = computed(() => {
+  return constantsStore?.mainConfig?.addressList
+})
+const setCurrentAddress = (address: { addressName: string; addressId: string }) => {
+  if (address) {
+    title.value = address.addressName
+    value.value = address.addressId
+  }
+}
 watch(
   () => constantsStore?.mainConfig?.address,
   (address) => {
-    title.value = address?.addressName
-    console.log(title.value, address)
+    setCurrentAddress(address)
   },
   {
     immediate: true,
@@ -40,14 +63,54 @@ watch(
   },
 )
 
+const handleChange = (e: any) => {
+  uni.$lcb.constantsStore?.()?.setAddressId(e.selectedItem.addressId)
+}
+
 const onChooseAddress = () => {
-  uni.$lcb.navigateTo('/pages-sub/index/store')
+  if (props.mode === 'normal') {
+    uni.$lcb.navigateTo('/pages-sub/index/store')
+  }
 }
+const containerStyle = computed(() => {
+  return `background-color: ${props.backgroundColor}; --address-content-color: ${props.color};font-size: ${props.fontSize}rpx;--address-font-size: ${props.fontSize}rpx;--address-width: ${props.width}rpx;${props.mode === 'normal' ? 'max-width' : 'width'}: ${props.width}rpx`
+})
 </script>
 
 <style lang="scss" scoped>
 .drop-menu-container {
   margin-right: 24rpx;
-  gap: 16rpx;
+  gap: 8rpx;
+  :deep(.wd-drop-menu__list) {
+    background-color: transparent;
+  }
+
+  :deep(.wd-drop-menu) {
+    font-size: var(--address-font-size) !important;
+    width: 100%;
+  }
+
+  :deep(.wd-drop-menu__item) {
+    color: var(--address-content-color);
+    text-align: start;
+  }
+
+  :deep(.wd-drop-item) {
+    .wd-popup {
+      width: var(--address-width);
+    }
+  }
+  :deep(.wd-drop-item__icon) {
+    font-size: 16rpx !important;
+  }
+  :deep(.wd-drop-item__title) {
+    font-size: var(--address-font-size) !important;
+    padding: 0;
+    // 一行省略号
+    width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
 }
 </style>

package/components/lcb-nav/types.ts

@@ -21,6 +21,8 @@ export interface AddressCommunityProps {
   backgroundColor?: string
   color?: string
   fontSize?: number
+  width?: number
+  mode: 'normal' | 'menu'
 }
 
 export interface NavTitleProps {

package/components/lcb-swiper/lcb-swiper.vue

@@ -1,6 +1,11 @@
 <template>
   <lcb-block v-bind="$props">
-    <view class="lcb-carousel" @touchstart="starts" @touchend="ends">
+    <view
+      class="lcb-carousel"
+      @touchstart="starts"
+      @touchend="ends"
+      :style="{ height: itemHeight + 'rpx' }"
+    >
       <view
         v-for="(item, i) in imagelist"
         :key="i"
@@ -14,6 +19,7 @@
           height: itemHeight + 'rpx',
           transition: item.transition + 's all',
           transform: 'translate3d(-50%, -50%, 0) scale(' + item.scale + ')',
+          opacity: item.opacity,
         }"
       >
         <lcb-action-view
@@ -51,6 +57,7 @@ const props = withDefaults(defineProps<LcbSwiperProps>(), {
   mode: 'multiple',
   itemWidth: 450,
   itemHeight: 300,
+  enableOpacity: false,
 })
 type DataRecord = Record<string, any>
 
@@ -60,6 +67,7 @@ interface SlotStyle {
   zIndex: number
   scale: number
   transition: number
+  opacity: number
 }
 
 interface ImageItem extends SlotStyle {
@@ -100,6 +108,7 @@ function buildSlots(n: number): SlotStyle[] {
       top: '50%',
       zIndex: 100 - d,
       scale: Math.max(1 - d * scaleStep, 0.6),
+      opacity: props.enableOpacity ? (d === 0 ? 1 : d === 1 ? 0.4 : 0.7) : 1,
       transition: 0.2,
     }
   })
@@ -132,6 +141,7 @@ function applySlotStyle(item: ImageItem, slot: SlotStyle) {
   item.zIndex = slot.zIndex
   item.scale = slot.scale
   item.transition = slot.transition
+  item.opacity = slot.opacity
 }
 
 function LeftSliding() {
@@ -240,7 +250,6 @@ const jumpInterceptorHandler: any = (item: ImageItem) => () => {
 .lcb-carousel {
   width: 100%;
   height: 100%;
-  min-height: 200px;
   position: relative;
   overflow: hidden;
   z-index: 0;

package/components/lcb-swiper/types.ts

@@ -12,4 +12,5 @@ export interface LcbSwiperProps extends LcbBlockProps {
   mode?: string
   visibleCount?: number
   imageRadius?: number
+  enableOpacity?: boolean
 }

package/package.json

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

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

@@ -1,11 +1,17 @@
 import { AddressCommunityProps } from '../types'
+declare let __VLS_typeProps: AddressCommunityProps
+type __VLS_PublicProps = {
+  ''?: string
+} & typeof __VLS_typeProps
 declare const _default: import('vue').DefineComponent<
   __VLS_WithDefaults<
-    __VLS_TypePropsToOption<AddressCommunityProps>,
+    __VLS_TypePropsToOption<__VLS_PublicProps>,
     {
       backgroundColor: string
       color: string
       fontSize: number
+      width: number
+      mode: string
     }
   >,
   {},
@@ -14,22 +20,13 @@ declare const _default: import('vue').DefineComponent<
   {},
   import('vue').ComponentOptionsMixin,
   import('vue').ComponentOptionsMixin,
-  {},
+  any,
   string,
   import('vue').PublicProps,
-  Readonly<
-    import('vue').ExtractPropTypes<
-      __VLS_WithDefaults<
-        __VLS_TypePropsToOption<AddressCommunityProps>,
-        {
-          backgroundColor: string
-          color: string
-          fontSize: number
-        }
-      >
-    >
-  >,
+  any,
   {
+    mode: 'normal' | 'menu'
+    width: number
     backgroundColor: string
     color: string
     fontSize: number

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

@@ -19,6 +19,8 @@ export interface AddressCommunityProps {
   backgroundColor?: string
   color?: string
   fontSize?: number
+  width?: number
+  mode: 'normal' | 'menu'
 }
 export interface NavTitleProps {
   /** 模式 */

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

@@ -7,6 +7,7 @@ declare const _default: import('vue').DefineComponent<
       mode: string
       itemWidth: number
       itemHeight: number
+      enableOpacity: boolean
     }
   >,
   {},
@@ -28,6 +29,7 @@ declare const _default: import('vue').DefineComponent<
           mode: string
           itemWidth: number
           itemHeight: number
+          enableOpacity: boolean
         }
       >
     >
@@ -38,6 +40,7 @@ declare const _default: import('vue').DefineComponent<
     mode: string
     itemWidth: number
     itemHeight: number
+    enableOpacity: boolean
   },
   {}
 >

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

@@ -11,4 +11,5 @@ export interface LcbSwiperProps extends LcbBlockProps {
   mode?: string
   visibleCount?: number
   imageRadius?: number
+  enableOpacity?: boolean
 }