@tplc/business 0.3.73 → 0.3.75

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.75](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.3.73...v0.3.75) (2025-03-10)
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.3.73 ([67f4357](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/67f435737746cd78ebd35097a9871f4272fd451d))
+* **release:** 0.3.74 ([980976a](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/980976aa06262c1f21f84558ea64eb9b4306212c))
+
+
+### ✨ Features | 新功能
+
+* 新增search ([437606d](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/437606d1cb6d7fdacb9a4d7622c7e57ce02cb358))
+* 新增物流 ([b5403b4](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/b5403b46bcd9b05dac85900fa7d0a50aa1071d20))
+
+### [0.3.74](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.3.73...v0.3.74) (2025-03-09)
+
+
+### ✨ Features | 新功能
+
+* 新增search ([437606d](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/437606d1cb6d7fdacb9a4d7622c7e57ce02cb358))
+
 ### [0.3.73](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.3.69...v0.3.73) (2025-03-08)
 
 

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

@@ -26,7 +26,7 @@
       ]"
     >
       <lcb-action-view
-        v-for="item in items"
+        v-for="(item, index) in items"
         :key="item.title"
         v-bind="item.link"
         @click="onItemClick(item)"
@@ -38,7 +38,7 @@
             backgroundColor: itemBgColor,
             borderRadius: transformValueUnit(itemRadius),
             padding: `${transformValueUnit(itemVerticalPadding)} ${transformValueUnit(itemHorizontalPadding)}`,
-            flexDirection: itemFlexMode,
+            flexDirection: styleGroup === 3 ? 'row' : itemFlexMode,
             gap: transformValueUnit(iconTextMargin),
             boxShadow:
               itemShadowColor && itemShadowSize
@@ -46,6 +46,9 @@
                 : '',
             marginRight: styleGroup === 1 ? transformValueUnit(itemGap) : 0,
           }"
+          :class="{
+            divider: divider && index !== (items || []).length - 1 && styleGroup === 3,
+          }"
         >
           <view class="overflow-hidden">
             <wd-icon
@@ -76,7 +79,12 @@
           >
             {{ item[titleKey] }}
           </view>
-          <wd-icon v-if="styleGroup === 3" name="chevron-right" size="22"></wd-icon>
+          <wd-icon
+            v-if="styleGroup === 3"
+            name="chevron-right"
+            :size="transformValueUnit(arrowSize)"
+            :color="arrowColor"
+          ></wd-icon>
         </view>
       </lcb-action-view>
     </view>
@@ -116,6 +124,9 @@ withDefaults(defineProps<LcbImgNavProps>(), {
   itemGap: 24,
   titleBottom: 40,
   textFontWeight: 400,
+  divider: true,
+  arrowSize: 44,
+  arrowColor: '#212121',
 })
 </script>
 
@@ -150,4 +161,8 @@ withDefaults(defineProps<LcbImgNavProps>(), {
   letter-spacing: 0;
   white-space: nowrap;
 }
+
+.divider {
+  border-bottom: 1px solid #e5e5e5;
+}
 </style>

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

@@ -24,6 +24,12 @@ export interface LcbImgNavProps extends LcbBlockProps {
   iconTextMargin?: number
   textFontWeight?: number
 
+  divider?: boolean
+  /** 箭头颜色 */
+  arrowColor?: string
+  /** 箭头大小 */
+  arrowSize?: number
+
   // 是否显示标题
   showTitle?: boolean
   title?: string

package/components/lcb-operation-actions/BtnViews.vue

@@ -11,6 +11,7 @@
   </lcb-action-view>
   <view class="absolute">
     <wd-message-box />
+    <OrderDetLogistic v-model="logistic.show" :data="logistic.data" />
   </view>
 </template>
 
@@ -18,7 +19,13 @@
 import type { ButtonProps } from '@tplc/wot/components/wd-button/types'
 import type { IPageBtn, LcbOperationActionsProps } from './types'
 import { useMessage } from '@tplc/wot'
+import OrderDetLogistic from './components/OrderDetLogistic/index.vue'
+import { reactive } from 'vue'
 const message = useMessage()
+const logistic = reactive({
+  show: false,
+  data: {},
+})
 defineOptions({
   name: 'LcbOperationActionsBtn',
   options: {
@@ -83,6 +90,14 @@ async function link({ item }: { item: IPageBtn }) {
         })
       },
     })
+    // 显示物流弹窗
+  } else if (item.buttonKey === 'showLogisticPop') {
+    const { data: logisticInfo } = await uni.$lcb.http.post<any>(item.requestUrl, {
+      ...item.requestParam,
+    })
+    console.log(logisticInfo)
+    logistic.data = logisticInfo
+    logistic.show = true
   } else {
     emits('cancel')
   }

package/components/lcb-operation-actions/components/OrderDetLogistic/index.vue

@@ -0,0 +1,137 @@
+<script setup lang="ts">
+import { useTranslate } from '@tplc/wot'
+
+interface LogisticData {
+  postageName?: string
+  externalPostageNo?: string
+  flowInfoList?: Array<{
+    statusName: string
+    time: string
+    context: string
+  }>
+  receiveName?: string
+  receivePhone?: string
+  provinceCityAreaName?: string
+  address?: string
+}
+
+interface Props {
+  data?: LogisticData
+}
+const { translate } = useTranslate()
+const model = defineModel<boolean>({ required: true })
+defineProps<Props>()
+
+const handleCopy = (text?: string) => {
+  if (text) {
+    uni.setClipboardData({
+      data: text,
+    })
+  }
+}
+</script>
+
+<template>
+  <wd-popup
+    v-model="model"
+    position="bottom"
+    custom-class="!rounded-t-20rpx"
+    closable
+    @close="model = false"
+  >
+    <view class="popup-view">
+      <view class="title">
+        {{ translate('物流信息') }}
+      </view>
+      <view class="p-3 box-border">
+        <view class="flex items-center text-3.5">
+          <text class="font-500 mr-3">{{ data?.postageName }}</text>
+          <text class="flex-1">{{ data?.externalPostageNo }}</text>
+          <wd-button size="small" plain @click="handleCopy(data?.externalPostageNo)">
+            {{ translate('复制') }}
+          </wd-button>
+        </view>
+        <scroll-view scroll-y class="max-h-50vh overflow-y-auto mt-3">
+          <view
+            v-for="(item, idx) in data?.flowInfoList"
+            :key="idx"
+            class="relative p-3 !pt-0 box-border"
+          >
+            <view
+              :class="[
+                'line absolute left-0 top-3.5 h-[calc(100%-24rpx)]',
+                idx === (data?.flowInfoList?.length || 0) - 1 ? 'hidden' : '',
+              ]"
+            />
+            <view :class="['dot absolute', idx < 1 ? 'bg-primary' : '']" />
+            <view class="flex text-3">
+              <text class="font-500 mr-3">{{ item.statusName }}</text>
+              <text>{{ item.time }}</text>
+            </view>
+            <view class="mt-2 text-2.5 text-[#7b7b7b]">
+              <text>{{ item.context }}</text>
+            </view>
+          </view>
+        </scroll-view>
+      </view>
+      <view class="flex items-center bg-white py-3 box-border mx-3 border-top">
+        <wd-icon name="location" custom-class="mr-30rpx" />
+        <view class="flex-1 truncate">
+          <view class="flex items-center text-3">
+            <text class="font-500 mr-3">{{ data?.receiveName }}</text>
+            <text class="opacity-40">{{ data?.receivePhone }}</text>
+          </view>
+          <view class="mt-1 opacity-40 truncate text-2.5">
+            <text class="truncate">{{ data?.provinceCityAreaName }} {{ data?.address }}</text>
+          </view>
+        </view>
+      </view>
+    </view>
+  </wd-popup>
+</template>
+
+<style scoped lang="scss">
+.icon-address {
+  width: 40rpx;
+  height: 40rpx;
+}
+
+.line {
+  width: 2rpx;
+  background-color: #ececec;
+  margin-left: 5rpx;
+}
+
+.top-first {
+  top: 50rpx;
+}
+
+.h-last {
+  height: 18rpx;
+}
+
+.dot {
+  width: 10rpx;
+  height: 10rpx;
+  background-color: #ececec;
+  left: 1rpx;
+  top: 12rpx;
+  border-radius: 10rpx;
+  z-index: 1;
+}
+
+.popup-view {
+  .title {
+    position: relative;
+    font-size: 32rpx;
+    font-weight: 500;
+    line-height: 96rpx;
+    text-align: center;
+    border-radius: 20rpx;
+    box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(243, 245, 249, 0.94);
+  }
+}
+.border-top {
+  border-top: 1rpx solid #ececec;
+}
+</style>

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

@@ -6,7 +6,7 @@
       borderWidth: `${borderWidth}px`,
     }"
   >
-    <lcb-action-view>
+    <lcb-action-view v-bind="link">
       <view
         class="flex items-center"
         :style="{

package/components/lcb-title/lcb-title.vue

@@ -43,7 +43,7 @@
           alignSelf: moreVerticalAlign,
         }"
       >
-        更多
+        {{ moreText }}
         <wd-icon name="xiangyou" classPrefix="lcb" :size="transformValueUnit(moreFontSize)" />
       </view>
     </lcb-action-view>

package/package.json

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

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

@@ -18,6 +18,9 @@ declare const _default: import('vue').DefineComponent<
       itemGap: number
       titleBottom: number
       textFontWeight: number
+      divider: boolean
+      arrowSize: number
+      arrowColor: string
     }
   >,
   {},
@@ -51,6 +54,9 @@ declare const _default: import('vue').DefineComponent<
           itemGap: number
           titleBottom: number
           textFontWeight: number
+          divider: boolean
+          arrowSize: number
+          arrowColor: string
         }
       >
     >
@@ -67,6 +73,9 @@ declare const _default: import('vue').DefineComponent<
     iconRadius: number
     iconTextMargin: number
     textFontWeight: number
+    divider: boolean
+    arrowColor: string
+    arrowSize: number
     textSize: number
     urlKey: string
     titleKey: string

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

@@ -22,6 +22,11 @@ export interface LcbImgNavProps extends LcbBlockProps {
   /** 文字与图标距离 */
   iconTextMargin?: number
   textFontWeight?: number
+  divider?: boolean
+  /** 箭头颜色 */
+  arrowColor?: string
+  /** 箭头大小 */
+  arrowSize?: number
   showTitle?: boolean
   title?: string
   fontWeight?: number

package/types/components/lcb-operation-actions/components/OrderDetLogistic/index.vue.d.ts

@@ -0,0 +1,51 @@
+interface LogisticData {
+  postageName?: string
+  externalPostageNo?: string
+  flowInfoList?: Array<{
+    statusName: string
+    time: string
+    context: string
+  }>
+  receiveName?: string
+  receivePhone?: string
+  provinceCityAreaName?: string
+  address?: string
+}
+interface Props {
+  data?: LogisticData
+}
+declare let __VLS_typeProps: Props
+type __VLS_PublicProps = {
+  modelValue: boolean
+} & typeof __VLS_typeProps
+declare const _default: import('vue').DefineComponent<
+  __VLS_TypePropsToOption<__VLS_PublicProps>,
+  {},
+  unknown,
+  {},
+  {},
+  import('vue').ComponentOptionsMixin,
+  import('vue').ComponentOptionsMixin,
+  {
+    'update:modelValue': (modelValue: boolean) => void
+  },
+  string,
+  import('vue').PublicProps,
+  Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<__VLS_PublicProps>>> & {
+    'onUpdate:modelValue'?: ((modelValue: boolean) => any) | undefined
+  },
+  {},
+  {}
+>
+export default _default
+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
+      }
+}