@tplc/business 0.2.89 → 0.3.1

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 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.2.90](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.2.89...v0.2.90) (2025-01-13)
+
+
+### ✨ Features | 新功能
+
+* prodcut 阴影 ([ffe2720](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/ffe27203454da157efa96b4ef11389692bc17fc3))
+
 ### [0.2.89](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.2.88...v0.2.89) (2025-01-12)
 
 

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

@@ -9,10 +9,18 @@
         :style="{
           fontWeight,
         }"
-        :class="{
-          'title-line': showTitleLine,
-        }"
+        class="flex items-center"
       >
+        <view
+          v-if="showTitleLine"
+          class="h-90%"
+          :style="{
+            backgroundColor: lineColor || themeColor,
+            marginRight: transformValueUnit(lineRight),
+            width: transformValueUnit(lineWidth),
+            borderRadius: transformValueUnit(lineWidth / 2),
+          }"
+        />
         {{ title }}
       </view>
       <view
@@ -45,6 +53,8 @@
 <script setup lang="ts">
 import { LcbTitleProps } from './types'
 import { transformValueUnit } from '../../utils/transform'
+import { inject } from 'vue'
+const themeColor = inject('theme-color', '#3875FF')
 defineOptions({
   name: 'LcbTitle',
   options: {
@@ -67,22 +77,7 @@ withDefaults(defineProps<LcbTitleProps>(), {
   hintColor: '#666',
   hintVerticalAlign: 'end',
   showTitleLine: false,
+  lineRight: 12,
+  lineWidth: 6,
 })
 </script>
-<style lang="scss" scoped>
-@import '@tplc/wot/components/common/abstracts/variable';
-.title-line {
-  position: relative;
-  padding-left: 10rpx !important;
-  &::after {
-    content: '';
-    position: absolute;
-    top: 5%;
-    left: 0;
-    border-radius: 4rpx;
-    width: 6rpx;
-    height: 90%;
-    background-color: $-color-theme;
-  }
-}
-</style>

package/components/lcb-title/types.ts

@@ -17,6 +17,9 @@ export interface LcbTitleProps extends LcbBlockProps {
   hintFontSize?: number
   hintVerticalAlign?: 'end' | 'center'
   showTitleLine?: boolean
+  lineRight?: number
+  lineColor?: string
+  lineWidth?: number
 
   moreColor?: string
   moreFontSize?: number

package/components/lcb-vip/api/index.ts

@@ -1,5 +1,38 @@
 import { LcbActionViewProps } from '../../lcb-action-view/types'
 import { ActionView } from '../../../action'
+import { ButtonProps } from '@tplc/wot/types/components/wd-button/types'
+
+export interface PageBtnProps {
+  buttonList: IPageBtn[]
+  size?: 'small' | 'medium' | 'large'
+}
+export interface IPageBtn {
+  buttonKey: string
+  buttonName: string
+  buttonType: number
+  popUpFlag: boolean
+  popUpTip: string
+  content: string
+  requestParam?: RequestParam
+  jumpType?: 1 | 2 | 10 | 11 | 12 | 13 | 14 | 21 | 22 | 23 | 24 | 25 | 26 | 30 | 88
+  jumpUrl: string
+  requestUrl: string
+  jumpPage?: string
+  styleContent: StyleContent2
+  buttonProps?: ButtonProps
+}
+interface StyleContent2 {
+  buttonType: string
+  style: Style
+}
+
+interface Style {
+  width: string
+}
+
+interface RequestParam {
+  orderNo: string
+}
 
 export interface CurrentRightsDetail {
   coverImg: string
@@ -20,6 +53,7 @@ export interface UserLevelRightsList extends ActionView {
   icon: string
   userRightsConfigId: string
   userRightsContent: string
+  buttonList: IPageBtn[]
   userRightsSubTitle: string
   userRightsTitle: string
   link: LcbActionViewProps

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

@@ -0,0 +1,87 @@
+<template>
+  <lcb-action-view
+    v-bind="item"
+    v-for="item in buttonList"
+    :key="item.buttonName"
+    @click="link({ item })"
+    @refresh="$emit('refresh')"
+  >
+    <wd-button v-bind="getBtnProps(item)" :size="size">{{ item.buttonName }}</wd-button>
+  </lcb-action-view>
+  <view class="absolute">
+    <wd-message-box />
+  </view>
+</template>
+
+<script setup lang="ts">
+import type { ButtonProps } from '@tplc/wot/components/wd-button/types'
+import type { IPageBtn, PageBtnProps } from '../../api'
+import { useMessage } from '@tplc/wot'
+const message = useMessage()
+defineOptions({
+  name: 'BtnViews',
+  options: {
+    addGlobalClass: true,
+    virtualHost: true,
+    styleIsolation: 'shared',
+  },
+})
+withDefaults(defineProps<PageBtnProps>(), {
+  size: 'small',
+})
+const emits = defineEmits(['refresh'])
+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>

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

@@ -8,34 +8,29 @@
         :size="130"
         canvasId="qrCode"
         :value="modelValue.qrCode"
-        v-if="modelValue.qrCode"
+        v-if="modelValue.qrCode && currentLevelFlag"
       />
-      <view class="text-3 text-#969696 mt-3.5" v-if="modelValue.qrCodeTips">
+      <view class="text-3 text-#969696 mt-3.5" v-if="modelValue.qrCodeTips && currentLevelFlag">
         {{ modelValue.qrCodeTips }}
       </view>
-      <wd-button
-        type="primary"
-        plain
-        custom-class="!rounded-10rpx !mt-4 "
-        @click="onDrawdown"
+      <template
         v-if="
           ['voucher', 'cashVoucher'].includes(modelValue.userRightsType) &&
           !hiddenDrawdown &&
           currentLevelFlag
         "
       >
-        {{ translate('领取') }}
-      </wd-button>
+        <BtnViews :buttonList="modelValue.buttonList" />
+      </template>
     </view>
   </wd-popup>
 </template>
 
 <script setup lang="ts">
-import { useTranslate } from '@tplc/wot'
+import BtnViews from '../BtnViews/index.vue'
 import { UserLevelRightsList } from '../../api'
 import mpHtml from 'mp-html/src/uni-app/components/mp-html/mp-html.vue'
 import { watch, ref } from 'vue'
-const { translate } = useTranslate()
 const show = ref(false)
 defineProps<{
   hiddenDrawdown?: boolean
@@ -48,11 +43,7 @@ watch(
     if (val) show.value = true
   },
 )
-const onDrawdown = () => {
-  uni.navigateTo({
-    url: `${uni.$lcb.internalPages.drawdown}?from=vip&id=${modelValue.value?.userRightsConfigId}`,
-  })
-}
+
 const onClose = () => {
   show.value = false
   modelValue.value = undefined

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

@@ -46,7 +46,7 @@
         titleKey="userRightsTitle"
         @click="onItemClick"
       />
-      <InfoDialog v-model="current" />
+      <InfoDialog v-model="current" currentLevelFlag />
     </view>
   </lcb-block>
 </template>

package/package.json

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

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

@@ -16,6 +16,8 @@ declare const _default: import('vue').DefineComponent<
       hintColor: string
       hintVerticalAlign: string
       showTitleLine: boolean
+      lineRight: number
+      lineWidth: number
     }
   >,
   {},
@@ -45,6 +47,8 @@ declare const _default: import('vue').DefineComponent<
           hintColor: string
           hintVerticalAlign: string
           showTitleLine: boolean
+          lineRight: number
+          lineWidth: number
         }
       >
     >
@@ -52,6 +56,7 @@ declare const _default: import('vue').DefineComponent<
   {
     title: string
     color: string
+    lineWidth: number
     marginHorizontal: number
     fontSize: number
     justify:
@@ -65,6 +70,7 @@ declare const _default: import('vue').DefineComponent<
     hintFontSize: number
     hintVerticalAlign: 'end' | 'center'
     showTitleLine: boolean
+    lineRight: number
     moreColor: string
     moreFontSize: number
     moreVerticalAlign: 'end' | 'center'

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

@@ -16,6 +16,9 @@ export interface LcbTitleProps extends LcbBlockProps {
   hintFontSize?: number
   hintVerticalAlign?: 'end' | 'center'
   showTitleLine?: boolean
+  lineRight?: number
+  lineColor?: string
+  lineWidth?: number
   moreColor?: string
   moreFontSize?: number
   moreText?: string

package/types/components/lcb-vip/api/index.d.ts

@@ -1,5 +1,35 @@
 import { LcbActionViewProps } from '../../lcb-action-view/types'
 import { ActionView } from '../../../action'
+import { ButtonProps } from '@tplc/wot/types/components/wd-button/types'
+export interface PageBtnProps {
+  buttonList: IPageBtn[]
+  size?: 'small' | 'medium' | 'large'
+}
+export interface IPageBtn {
+  buttonKey: string
+  buttonName: string
+  buttonType: number
+  popUpFlag: boolean
+  popUpTip: string
+  content: string
+  requestParam?: RequestParam
+  jumpType?: 1 | 2 | 10 | 11 | 12 | 13 | 14 | 21 | 22 | 23 | 24 | 25 | 26 | 30 | 88
+  jumpUrl: string
+  requestUrl: string
+  jumpPage?: string
+  styleContent: StyleContent2
+  buttonProps?: ButtonProps
+}
+interface StyleContent2 {
+  buttonType: string
+  style: Style
+}
+interface Style {
+  width: string
+}
+interface RequestParam {
+  orderNo: string
+}
 export interface CurrentRightsDetail {
   coverImg: string
   effectiveDate: string
@@ -18,6 +48,7 @@ export interface UserLevelRightsList extends ActionView {
   icon: string
   userRightsConfigId: string
   userRightsContent: string
+  buttonList: IPageBtn[]
   userRightsSubTitle: string
   userRightsTitle: string
   link: LcbActionViewProps
@@ -32,3 +63,4 @@ export interface UserLevelRightsList extends ActionView {
 export declare const currentRightsDetail: () => Promise<
   import('../../../action').IResData<CurrentRightsDetail>
 >
+export {}

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

@@ -0,0 +1,60 @@
+import type { PageBtnProps } from '../../api'
+declare const _default: import('vue').DefineComponent<
+  __VLS_WithDefaults<
+    __VLS_TypePropsToOption<PageBtnProps>,
+    {
+      size: string
+    }
+  >,
+  {},
+  unknown,
+  {},
+  {},
+  import('vue').ComponentOptionsMixin,
+  import('vue').ComponentOptionsMixin,
+  {
+    refresh: (...args: any[]) => void
+  },
+  string,
+  import('vue').PublicProps,
+  Readonly<
+    import('vue').ExtractPropTypes<
+      __VLS_WithDefaults<
+        __VLS_TypePropsToOption<PageBtnProps>,
+        {
+          size: string
+        }
+      >
+    >
+  > & {
+    onRefresh?: ((...args: any[]) => any) | undefined
+  },
+  {
+    size: 'small' | 'medium' | 'large'
+  },
+  {}
+>
+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
+      }
+}