@tplc/business 0.3.72 → 0.3.74

package/CHANGELOG.md

@@ -2,6 +2,29 @@
 
 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.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)
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.3.70 ([5225f9c](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/5225f9c029f67f8bdb260cb4116e35b4e7bf2c8d))
+* **release:** 0.3.71 ([4d93c94](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/4d93c9439faf64d06ca38cbe0c24be0913a3a61f))
+* **release:** 0.3.72 ([8747547](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/8747547d4c92e46e7a7c15badf9570194e603150))
+
+
+### ✨ Features | 新功能
+
+* 图片处理 ([bb8dfb8](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/bb8dfb854ff25447fa86c54d5ae8e065c75e0722))
+* 城市数据cache ([5ca0c2a](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/5ca0c2a88de63694f64c6c60c96621e705b01b72))
+* 调整城市 ([0d04291](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/0d0429144c4f6a468faa178513ecbda2bcc48ee9))
+
 ### [0.3.72](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.3.71...v0.3.72) (2025-03-07)
 
 

package/components/lcb-block/lcb-block.vue

@@ -16,6 +16,7 @@
       borderColor,
       boxShadow:
         shadowColor && shadowSize ? `0px 0px ${blurSize}px ${shadowSize}px ${shadowColor}` : '',
+      ...customStyle,
     }"
     class="box-border overflow-hidden relative"
     :class="customClass"

package/components/lcb-block/types.ts

@@ -1,3 +1,5 @@
+import { StyleValue } from 'vue'
+
 export interface LcbBlockProps {
   /** 左右外距 */
   marginHorizontal?: number
@@ -35,6 +37,7 @@ export interface LcbBlockProps {
   backgroundPosition?: string
   borderColor?: string
   textAlign?: 'left' | 'center' | 'right'
+  customStyle?: StyleValue
 }
 export interface LcbBlockInnerProps extends LcbBlockProps {
   [key: string]: any

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

@@ -0,0 +1,43 @@
+<template>
+  <lcb-block
+    v-bind="$props"
+    customClass="border-solid"
+    :customStyle="{
+      borderWidth: `${borderWidth}px`,
+    }"
+  >
+    <lcb-action-view v-bind="link">
+      <view
+        class="flex items-center"
+        :style="{
+          gap: transformValueUnit(gap),
+        }"
+      >
+        <wd-icon :name="icon" :size="iconSize" class-prefix="lcb" :color="iconColor" v-if="icon" />
+        <view>{{ placeholder }}</view>
+      </view>
+    </lcb-action-view>
+  </lcb-block>
+</template>
+
+<script setup lang="ts">
+import { LcbSearchProps } from './types'
+import { transformValueUnit } from '../../utils/transform'
+defineOptions({
+  name: 'LcbSearch',
+  options: {
+    addGlobalClass: true,
+    virtualHost: true,
+    styleIsolation: 'shared',
+  },
+})
+withDefaults(defineProps<LcbSearchProps>(), {
+  placeholder: '搜索',
+  iconSize: '16',
+  borderWidth: 1,
+  iconColor: '#333',
+  gap: 16,
+})
+</script>
+
+<style lang="scss" scoped></style>

package/components/lcb-search/types.ts

@@ -0,0 +1,12 @@
+import { LcbActionViewProps } from 'components/lcb-action-view/types'
+
+export interface LcbSearchProps {
+  // Define the component's prop types here
+  placeholder?: string
+  icon?: string
+  iconSize?: string
+  borderWidth?: number
+  iconColor?: string
+  gap?: number
+  link?: LcbActionViewProps
+}

package/global.d.ts

@@ -29,6 +29,7 @@ declare module 'vue' {
     'lcb-product': (typeof import('@tplc/business/components/lcb-product/lcb-product.vue'))['default']
     'lcb-product-item': (typeof import('@tplc/business/components/lcb-product-item/lcb-product-item.vue'))['default']
     'lcb-rich-text': (typeof import('@tplc/business/components/lcb-rich-text/lcb-rich-text.vue'))['default']
+    'lcb-search': (typeof import('@tplc/business/components/lcb-search/lcb-search.vue'))['default']
     'lcb-swiper': (typeof import('@tplc/business/components/lcb-swiper/lcb-swiper.vue'))['default']
     'lcb-tabs': (typeof import('@tplc/business/components/lcb-tabs/lcb-tabs.vue'))['default']
     'lcb-tags': (typeof import('@tplc/business/components/lcb-tags/lcb-tags.vue'))['default']

package/package.json

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

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

@@ -1,3 +1,4 @@
+import { StyleValue } from 'vue'
 export interface LcbBlockProps {
   /** 左右外距 */
   marginHorizontal?: number
@@ -34,6 +35,7 @@ export interface LcbBlockProps {
   backgroundPosition?: string
   borderColor?: string
   textAlign?: 'left' | 'center' | 'right'
+  customStyle?: StyleValue
 }
 export interface LcbBlockInnerProps extends LcbBlockProps {
   [key: string]: any

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

@@ -22,6 +22,7 @@ declare const __VLS_component: import('vue').DefineComponent<
     mode: 'map' | 'list'
     backgroundColor: string
     color: string
+    customStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null
     customClass: string
     radius: number
     backgroundImage: string

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

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

@@ -0,0 +1,68 @@
+import { LcbSearchProps } from './types'
+declare const _default: import('vue').DefineComponent<
+  __VLS_WithDefaults<
+    __VLS_TypePropsToOption<LcbSearchProps>,
+    {
+      placeholder: string
+      iconSize: string
+      borderWidth: number
+      iconColor: string
+      gap: number
+    }
+  >,
+  {},
+  unknown,
+  {},
+  {},
+  import('vue').ComponentOptionsMixin,
+  import('vue').ComponentOptionsMixin,
+  {},
+  string,
+  import('vue').PublicProps,
+  Readonly<
+    import('vue').ExtractPropTypes<
+      __VLS_WithDefaults<
+        __VLS_TypePropsToOption<LcbSearchProps>,
+        {
+          placeholder: string
+          iconSize: string
+          borderWidth: number
+          iconColor: string
+          gap: number
+        }
+      >
+    >
+  >,
+  {
+    iconSize: string
+    iconColor: string
+    placeholder: string
+    gap: number
+    borderWidth: number
+  },
+  {}
+>
+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-search/types.d.ts

@@ -0,0 +1,10 @@
+import { LcbActionViewProps } from 'components/lcb-action-view/types'
+export interface LcbSearchProps {
+  placeholder?: string
+  icon?: string
+  iconSize?: string
+  borderWidth?: number
+  iconColor?: string
+  gap?: number
+  link?: LcbActionViewProps
+}