@tplc/business 0.3.1 → 0.3.4

package/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 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.4](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.3.3...v0.3.4) (2025-01-15)
+
+### [0.3.3](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.2.90...v0.3.3) (2025-01-15)
+
+
+### ✨ Features | 新功能
+
+* vip 更新逻辑 ([3258697](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/32586973aefb4e26abdd689de6e70c2b5ea05532))
+* 新增pro ([4a27d7b](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/4a27d7b7e304fa37f6bcfd174b484198476724c8))
+* 调整拖拽问题 ([8e22a36](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/8e22a365b7fb3ce5ebb1042152fdae90514c8bb3))
+
 ### [0.2.90](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.2.89...v0.2.90) (2025-01-13)
 
 

package/components/{lcb-vip/components/BtnViews/index.vue → lcb-operation-actions/BtnViews.vue}

@@ -15,18 +15,18 @@
 
 <script setup lang="ts">
 import type { ButtonProps } from '@tplc/wot/components/wd-button/types'
-import type { IPageBtn, PageBtnProps } from '../../api'
+import type { IPageBtn, LcbOperationActionsProps } from './types'
 import { useMessage } from '@tplc/wot'
 const message = useMessage()
 defineOptions({
-  name: 'BtnViews',
+  name: 'LcbOperationActionsBtn',
   options: {
     addGlobalClass: true,
     virtualHost: true,
     styleIsolation: 'shared',
   },
 })
-withDefaults(defineProps<PageBtnProps>(), {
+withDefaults(defineProps<LcbOperationActionsProps>(), {
   size: 'small',
 })
 const emits = defineEmits(['refresh'])
@@ -71,7 +71,7 @@ async function link({ item }: { item: IPageBtn }) {
       success: () => {
         uni.showToast({
           title: '支付成功',
-          icon: 'success',
+          icon: 'none',
         })
         emits('refresh')
       },

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

@@ -0,0 +1,53 @@
+<template>
+  <lcb-action-view v-bind="$props" @refresh="$emit('refresh')" @click="handleClick" v-if="!popover">
+    <IconView :icon="icon" :iconName="iconName" :iconNameColor="iconNameColor" />
+  </lcb-action-view>
+  <IconView :icon="icon" :iconName="iconName" :iconNameColor="iconNameColor" v-else />
+</template>
+
+<script setup lang="ts">
+import { ref, computed } from 'vue'
+import IconView from './IconView.vue'
+
+defineOptions({
+  name: 'LcbOperationActionsIcon',
+  options: {
+    addGlobalClass: true,
+    virtualHost: true,
+    styleIsolation: 'shared',
+  },
+})
+const props = defineProps<{
+  iconUrl?: string
+  iconName: string
+  iconNameColor?: string
+  confirmFlag?: boolean
+  requestInfo?: {
+    requestUrl: string
+    requestParams: Record<string, unknown>
+  }
+  popover?: boolean
+}>()
+const emits = defineEmits(['refresh'])
+const current = ref(props.confirmFlag)
+/** 如果icon是数组那就是类似收藏场景 按钮需要内部切换 */
+const isIconList = props.iconUrl?.includes('[')
+const icon = computed(() => {
+  if (props.iconUrl && isIconList) {
+    const urls = JSON.parse(props.iconUrl)
+    return urls[current.value ? 1 : 0]
+  } else {
+    return props.iconUrl
+  }
+})
+const handleClick = async () => {
+  if (isIconList && props.requestInfo) {
+    current.value = !current.value
+    await uni.$lcb.http.post(props.requestInfo.requestUrl, {
+      ...props.requestInfo.requestParams,
+      confirmFlag: current.value,
+    })
+  }
+}
+</script>
+<style lang="scss" scoped></style>

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

@@ -0,0 +1,24 @@
+<template>
+  <view class="flex flex-col items-center min-h-56rpx justify-center">
+    <image :src="icon" class="w-5 h-5 box-border mb-1" v-if="icon" />
+    <view class="text-24rpx" :style="{ color: iconNameColor || '#333333' }">
+      {{ iconName }}
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+defineOptions({
+  name: 'LcbOperationActionsIconView',
+  options: {
+    addGlobalClass: true,
+    virtualHost: true,
+    styleIsolation: 'shared',
+  },
+})
+defineProps<{
+  icon?: string
+  iconName: string
+  iconNameColor?: string
+}>()
+</script>

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

@@ -0,0 +1,74 @@
+<template>
+  <view @click.stop class="w-full page-btn-view">
+    <view class="flex gap-5 w-full items-center">
+      <block v-for="item in iconList" :key="item.iconName">
+        <wd-popover
+          mode="menu"
+          :content="getMenu(item.buttonList || [])"
+          @menuclick="link"
+          placement="top-start"
+          v-if="item.iconType === 2"
+        >
+          <IconActionView v-bind="item" popover />
+        </wd-popover>
+        <IconActionView v-bind="item" v-else @refresh="$emit('refresh')" />
+      </block>
+      <view class="flex-1"></view>
+      <BtnViews :button-list="buttonList" @refresh="emits('refresh')" :size="size" />
+    </view>
+    <wd-message-box />
+  </view>
+</template>
+
+<script setup lang="ts">
+import { LcbOperationActionsProps, IPageBtn } from './types'
+import { useMessage } from '@tplc/wot'
+import BtnViews from './BtnViews.vue'
+import IconActionView from './IconActionView.vue'
+defineOptions({
+  name: 'LcbOperationActions',
+  options: {
+    addGlobalClass: true,
+    virtualHost: true,
+    styleIsolation: 'shared',
+  },
+})
+defineProps<LcbOperationActionsProps>()
+const emits = defineEmits(['refresh'])
+const message = useMessage()
+const getMenu = (list: IPageBtn[]) => {
+  return list.map((item) => {
+    return {
+      ...item,
+      content: item.buttonName,
+    }
+  })
+}
+function link({ item }: { item: IPageBtn }) {
+  if (item.popUpFlag) {
+    message
+      .confirm({
+        msg: item.popUpTip,
+        title: item.content,
+      })
+      .then(async () => {
+        if (item.buttonType === 1) {
+          await uni.$lcb.http.post(item.requestUrl, item.requestParam)
+          emits('refresh')
+        }
+      })
+      .catch(console.log)
+  } else if (item.jumpType === 2) {
+    uni.navigateTo({
+      url: item.jumpUrl,
+    })
+  }
+}
+</script>
+<style lang="scss" scoped>
+.page-btn-view {
+  :deep(.wd-button.is-medium) {
+    min-width: auto !important;
+  }
+}
+</style>

package/components/lcb-operation-actions/types.ts

@@ -0,0 +1,41 @@
+import type { ButtonProps } from '@tplc/wot/components/wd-button/types'
+
+export interface IconList {
+  iconName: string
+  iconUrl: string
+  iconNameColor?: string
+  jumpUrl?: string
+  jumpPage?: string
+  jumpType?: 1 | 2 | 10 | 11 | 12 | 13 | 14 | 21 | 22 | 23 | 24 | 25 | 26 | 30 | 88
+  buttonList?: IPageBtn[]
+  iconType?: number
+}
+
+export interface IPageBtn {
+  buttonKey: string
+  buttonName: string
+  buttonType: number
+  popUpFlag: boolean
+  popUpTip: string
+  content: string
+  requestParam?: {
+    orderNo: string
+  }
+  jumpType?: 1 | 2 | 10 | 11 | 12 | 13 | 14 | 21 | 22 | 23 | 24 | 25 | 26 | 30 | 88
+  jumpUrl: string
+  requestUrl: string
+  jumpPage?: string
+  styleContent: {
+    buttonType: string
+    style: {
+      width: string
+    }
+  }
+  buttonProps?: ButtonProps
+}
+
+export interface LcbOperationActionsProps {
+  buttonList: IPageBtn[]
+  iconList?: IconList[]
+  size?: 'small' | 'medium' | 'large'
+}

package/components/lcb-vip/components/InfoDialog/index.vue

@@ -13,41 +13,102 @@
       <view class="text-3 text-#969696 mt-3.5" v-if="modelValue.qrCodeTips && currentLevelFlag">
         {{ modelValue.qrCodeTips }}
       </view>
-      <template
+      <view
         v-if="
           ['voucher', 'cashVoucher'].includes(modelValue.userRightsType) &&
           !hiddenDrawdown &&
           currentLevelFlag
         "
+        class="mt-3"
       >
-        <BtnViews :buttonList="modelValue.buttonList" />
-      </template>
+        <lcb-operation-actions :button-list="modelValue.buttonList" @refresh="emits('refresh')" />
+      </view>
     </view>
   </wd-popup>
 </template>
 
 <script setup lang="ts">
-import BtnViews from '../BtnViews/index.vue'
+import { useMessage } from '@tplc/wot'
 import { UserLevelRightsList } from '../../api'
+import type { IPageBtn, PageBtnProps } from '../../api'
 import mpHtml from 'mp-html/src/uni-app/components/mp-html/mp-html.vue'
 import { watch, ref } from 'vue'
+import { ButtonProps } from '@tplc/wot/types/components/wd-button/types'
+const message = useMessage()
 const show = ref(false)
 defineProps<{
   hiddenDrawdown?: boolean
   currentLevelFlag?: boolean
+  size?: PageBtnProps['size']
 }>()
 const modelValue = defineModel<UserLevelRightsList>()
 watch(
   () => modelValue.value,
   (val) => {
+    console.log(modelValue.value, 'modelValue')
     if (val) show.value = true
   },
 )
 
+const emits = defineEmits(['refresh'])
 const onClose = () => {
   show.value = false
   modelValue.value = undefined
 }
+const getBtnProps = (item: IPageBtn) => {
+  return {
+    type: item.styleContent?.buttonType?.includes?.('theme') ? 'primary' : 'info',
+    plain: item.styleContent?.buttonType?.includes?.('Hollow'),
+    size: 'small',
+    ...item.buttonProps,
+  } as ButtonProps
+}
+async function link({ item }: { item: IPageBtn }) {
+  if (item.popUpFlag) {
+    message
+      .confirm({
+        msg: item.popUpTip,
+        title: item.content,
+      })
+      .then(async () => {
+        if (item.buttonType === 1) {
+          await uni.$lcb.http.post(item.requestUrl, item.requestParam)
+          emits('refresh')
+        }
+      })
+      .catch(console.log)
+  } else if (item.jumpType === 2) {
+    uni.navigateTo({
+      url: item.jumpUrl,
+    })
+    // 再次支付
+  } else if (item.buttonKey === 'orderPaymentBtn') {
+    const {
+      data: { paymentParams },
+    } = await uni.$lcb.http.post<any>(item.requestUrl, {
+      ...item.requestParam,
+      paymentPlatform: 'wechat',
+      paymentType: 'JSAPI',
+    })
+    uni.requestPayment({
+      provider: 'wxpay',
+      ...paymentParams,
+      success: () => {
+        uni.showToast({
+          title: '支付成功',
+          icon: 'success',
+        })
+        emits('refresh')
+      },
+      fail: () => {
+        uni.showToast({
+          title: '支付取消',
+          icon: 'none',
+        })
+      },
+    })
+  }
+}
 </script>
 <style lang="scss" scoped>
 .pop-view {

package/global.d.ts

@@ -22,6 +22,7 @@ declare module 'vue' {
     'lcb-map': (typeof import('@tplc/business/components/lcb-map/lcb-map.vue'))['default']
     'lcb-nav': (typeof import('@tplc/business/components/lcb-nav/lcb-nav.vue'))['default']
     'lcb-notice': (typeof import('@tplc/business/components/lcb-notice/lcb-notice.vue'))['default']
+    'lcb-operation-actions': (typeof import('@tplc/business/components/lcb-operation-actions/lcb-operation-actions.vue'))['default']
     'lcb-poster': (typeof import('@tplc/business/components/lcb-poster/lcb-poster.vue'))['default']
     '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']

package/package.json

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

package/types/components/{lcb-vip/components/BtnViews/index.vue.d.ts → lcb-operation-actions/BtnViews.vue.d.ts}

@@ -1,7 +1,7 @@
-import type { PageBtnProps } from '../../api'
+import type { LcbOperationActionsProps } from './types'
 declare const _default: import('vue').DefineComponent<
   __VLS_WithDefaults<
-    __VLS_TypePropsToOption<PageBtnProps>,
+    __VLS_TypePropsToOption<LcbOperationActionsProps>,
     {
       size: string
     }
@@ -20,7 +20,7 @@ declare const _default: import('vue').DefineComponent<
   Readonly<
     import('vue').ExtractPropTypes<
       __VLS_WithDefaults<
-        __VLS_TypePropsToOption<PageBtnProps>,
+        __VLS_TypePropsToOption<LcbOperationActionsProps>,
         {
           size: string
         }

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

@@ -0,0 +1,55 @@
+declare const _default: import('vue').DefineComponent<
+  __VLS_TypePropsToOption<{
+    iconUrl?: string
+    iconName: string
+    iconNameColor?: string
+    confirmFlag?: boolean
+    requestInfo?: {
+      requestUrl: string
+      requestParams: Record<string, unknown>
+    }
+    popover?: boolean
+  }>,
+  {},
+  unknown,
+  {},
+  {},
+  import('vue').ComponentOptionsMixin,
+  import('vue').ComponentOptionsMixin,
+  {
+    refresh: (...args: any[]) => void
+  },
+  string,
+  import('vue').PublicProps,
+  Readonly<
+    import('vue').ExtractPropTypes<
+      __VLS_TypePropsToOption<{
+        iconUrl?: string
+        iconName: string
+        iconNameColor?: string
+        confirmFlag?: boolean
+        requestInfo?: {
+          requestUrl: string
+          requestParams: Record<string, unknown>
+        }
+        popover?: boolean
+      }>
+    >
+  > & {
+    onRefresh?: ((...args: any[]) => 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-operation-actions/IconView.vue.d.ts

@@ -0,0 +1,39 @@
+declare const _default: import('vue').DefineComponent<
+  __VLS_TypePropsToOption<{
+    icon?: string
+    iconName: string
+    iconNameColor?: string
+  }>,
+  {},
+  unknown,
+  {},
+  {},
+  import('vue').ComponentOptionsMixin,
+  import('vue').ComponentOptionsMixin,
+  {},
+  string,
+  import('vue').PublicProps,
+  Readonly<
+    import('vue').ExtractPropTypes<
+      __VLS_TypePropsToOption<{
+        icon?: string
+        iconName: string
+        iconNameColor?: string
+      }>
+    >
+  >,
+  {},
+  {}
+>
+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-operation-actions/lcb-operation-actions.vue.d.ts

@@ -0,0 +1,32 @@
+import { LcbOperationActionsProps } from './types'
+declare const _default: import('vue').DefineComponent<
+  __VLS_TypePropsToOption<LcbOperationActionsProps>,
+  {},
+  unknown,
+  {},
+  {},
+  import('vue').ComponentOptionsMixin,
+  import('vue').ComponentOptionsMixin,
+  {
+    refresh: (...args: any[]) => void
+  },
+  string,
+  import('vue').PublicProps,
+  Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<LcbOperationActionsProps>>> & {
+    onRefresh?: ((...args: any[]) => 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-operation-actions/types.d.ts

@@ -0,0 +1,38 @@
+import type { ButtonProps } from '@tplc/wot/components/wd-button/types'
+export interface IconList {
+  iconName: string
+  iconUrl: string
+  iconNameColor?: string
+  jumpUrl?: string
+  jumpPage?: string
+  jumpType?: 1 | 2 | 10 | 11 | 12 | 13 | 14 | 21 | 22 | 23 | 24 | 25 | 26 | 30 | 88
+  buttonList?: IPageBtn[]
+  iconType?: number
+}
+export interface IPageBtn {
+  buttonKey: string
+  buttonName: string
+  buttonType: number
+  popUpFlag: boolean
+  popUpTip: string
+  content: string
+  requestParam?: {
+    orderNo: string
+  }
+  jumpType?: 1 | 2 | 10 | 11 | 12 | 13 | 14 | 21 | 22 | 23 | 24 | 25 | 26 | 30 | 88
+  jumpUrl: string
+  requestUrl: string
+  jumpPage?: string
+  styleContent: {
+    buttonType: string
+    style: {
+      width: string
+    }
+  }
+  buttonProps?: ButtonProps
+}
+export interface LcbOperationActionsProps {
+  buttonList: IPageBtn[]
+  iconList?: IconList[]
+  size?: 'small' | 'medium' | 'large'
+}

package/types/components/lcb-vip/components/InfoDialog/index.vue.d.ts

@@ -1,7 +1,9 @@
 import { UserLevelRightsList } from '../../api'
+import type { PageBtnProps } from '../../api'
 declare let __VLS_typeProps: {
   hiddenDrawdown?: boolean
   currentLevelFlag?: boolean
+  size?: PageBtnProps['size']
 }
 type __VLS_PublicProps = {
   modelValue?: UserLevelRightsList
@@ -16,11 +18,13 @@ declare const _default: import('vue').DefineComponent<
   import('vue').ComponentOptionsMixin,
   {
     'update:modelValue': (modelValue: UserLevelRightsList) => void
+    refresh: (...args: any[]) => void
   },
   string,
   import('vue').PublicProps,
   Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<__VLS_PublicProps>>> & {
     'onUpdate:modelValue'?: ((modelValue: UserLevelRightsList) => any) | undefined
+    onRefresh?: ((...args: any[]) => any) | undefined
   },
   {},
   {}