@tplc/business 0.5.28 → 0.5.30

package/CHANGELOG.md

@@ -2,6 +2,21 @@
 
 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.30](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.5.29...v0.5.30) (2025-10-26)
+
+
+### ✨ Features | 新功能
+
+* 新增render-view ([03b80da](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/03b80da7835eb28fb639046ab247db6f5af63d50))
+* 暂时提交custompopup ([8c1b8b2](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/8c1b8b29eac78d265d045772a4e393ee33353e3e))
+
+### [0.5.29](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.5.28...v0.5.29) (2025-10-25)
+
+
+### ✨ Features | 新功能
+
+* 支持gap配置 ([9420e0e](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/9420e0e62567719c639dc3daac0c618b432e1c81))
+
 ### [0.5.28](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.5.27...v0.5.28) (2025-10-23)
 
 

package/components/lcb-action-view/components/CustomPopup/index.vue

@@ -0,0 +1,71 @@
+<template>
+  <wd-popup
+    v-model="show"
+    :z-index="1000"
+    closable
+    position="center"
+    custom-class="!bg-transparent"
+  >
+    <view
+      :style="{ width: transformValueUnit(pageInfo?.page.popupWidth || '500') }"
+      class="mx-auto"
+    >
+      <lcb-render-view
+        v-for="(element, index) in pageInfo?.modules"
+        :key="index"
+        :element="element"
+      />
+    </view>
+  </wd-popup>
+</template>
+<script setup lang="ts">
+import { transformValueUnit } from '../../../../utils/transform'
+import { TextRenderViewItem } from '../../../../action'
+import { provide, ref, watch } from 'vue'
+import { PAGE_PROVIDE_KEY } from '../../../../constants'
+defineOptions({
+  name: 'ActionCustomPopup',
+  options: {
+    addGlobalClass: true,
+    virtualHost: true,
+    styleIsolation: 'shared',
+  },
+})
+
+const props = defineProps<{
+  jumpType?: string
+}>()
+const popupInfo = ref<Record<string, any>>({})
+provide(PAGE_PROVIDE_KEY, popupInfo)
+const show = defineModel({ default: false })
+const pageInfo = ref<{
+  modules: TextRenderViewItem['items']
+  page: {
+    popupWidth: number
+    requestApi: string
+  }
+}>()
+
+watch(
+  () => show.value,
+  async (newVal) => {
+    if (newVal) {
+      const { data } = (await uni.$lcb.http.post('/pageDecoration/page/detail', {
+        pageType: props.jumpType,
+      })) as any
+      pageInfo.value = data
+      if (pageInfo.value?.page?.requestApi) {
+        uni.$lcb.http.post<Record<string, any>>(pageInfo.value?.page?.requestApi).then((res) => {
+          popupInfo.value = {
+            ...pageInfo.value,
+            ...res.data,
+          }
+        })
+      }
+    }
+  },
+  {
+    immediate: true,
+  },
+)
+</script>

package/components/lcb-action-view/lcb-action-view.vue

@@ -59,6 +59,11 @@
     v-if="[144].includes(getJumpType(jumpType)) && showPay && requestInfo && submitRequestInfo"
   />
   <SharePopup v-model="showPoster" :params="requestParam" />
+  <CustomPopup
+    v-model="showCustomPopup"
+    v-if="[145].includes(getJumpType(jumpType)) && showCustomPopup"
+    :jumpType="getJumpType(jumpType)"
+  />
 </template>
 
 <script setup lang="ts">
@@ -66,7 +71,8 @@ import { computed, ref, inject, Ref, onMounted } from 'vue'
 import { jumpTypeMap, LcbActionViewProps } from './types'
 import { uploadFile } from '../../hooks/useUpload'
 import { getFinalUrl, onPageScrollSelector, getExposed, getCurrentPage } from '../../utils/utils'
-import SharePopup from '../lcb-nav/SharePopup/index.vue'
+import SharePopup from '../../components/lcb-nav/SharePopup/index.vue'
+import CustomPopup from './components/CustomPopup/index.vue'
 import { useTranslate } from '@tplc/wot'
 import { PAGE_PROVIDE_KEY, USER_BASIC_INFO } from '../../constants'
 import { getTemplateMessageList, TemplateMessage } from '../../api/user'
@@ -110,6 +116,7 @@ onMounted(async () => {
   routeFullPath.value = getCurrentPage()?.fullPath
 })
 const show = ref(false)
+const showCustomPopup = ref(false)
 const openType = computed(() => {
   return {
     88: 'getPhoneNumber',
@@ -307,6 +314,9 @@ const onActionClick = async () => {
     case 144:
       showPay.value = true
       break
+    case 145:
+      showCustomPopup.value = true
+      break
     default:
       emits('click', props)
       break

package/components/lcb-action-view/types.ts

@@ -134,4 +134,5 @@ export const jumpTypeMap = {
   qrCode: 141,
   templateMessage: 142,
   'mixture-pay': 144,
+  customPopup: 145,
 }

package/components/lcb-render-view/lcb-render-view.vue

@@ -0,0 +1,78 @@
+<template>
+  <lcb-nav v-if="element.moduleName === 'lcb-nav'" v-bind="element.props" />
+  <lcb-img-nav v-else-if="element.moduleName === 'lcb-img-nav'" v-bind="element.props" />
+  <lcb-banner v-else-if="element.moduleName === 'lcb-banner'" v-bind="element.props" />
+  <lcb-banner-block v-else-if="element.moduleName === 'lcb-banner-block'" v-bind="element.props" />
+  <lcb-title v-else-if="element.moduleName === 'lcb-title'" v-bind="element.props" />
+  <lcb-grid v-else-if="element.moduleName === 'lcb-grid'" v-bind="element.props" />
+  <lcb-home-search v-else-if="element.moduleName === 'lcb-home-search'" v-bind="element.props" />
+  <lcb-user-order v-else-if="element.moduleName === 'lcb-user-order'" v-bind="element.props" />
+  <lcb-user-top v-else-if="element.moduleName === 'lcb-user-top'" v-bind="element.props" />
+  <lcb-list v-else-if="element.moduleName === 'lcb-list'" v-bind="element.props" />
+  <lcb-gap v-else-if="element.moduleName === 'lcb-gap'" v-bind="element.props" />
+  <lcb-image v-else-if="element.moduleName === 'lcb-image'" v-bind="element.props" />
+  <lcb-notice v-else-if="element.moduleName === 'lcb-notice'" v-bind="element.props" />
+  <lcb-video v-else-if="element.moduleName === 'lcb-video'" v-bind="element.props" />
+  <lcb-dynamic-data v-else-if="element.moduleName === 'lcb-dynamic-data'" v-bind="element.props" />
+  <lcb-advert v-else-if="element.moduleName === 'lcb-advert'" v-bind="element.props" />
+  <lcb-tabs v-else-if="element.moduleName === 'lcb-tabs'" v-bind="element.props" />
+  <lcb-filter-grid v-else-if="element.moduleName === 'lcb-filter-grid'" v-bind="element.props" />
+  <lcb-calendar-search
+    v-else-if="element.moduleName === 'lcb-calendar-search'"
+    v-bind="element.props"
+  />
+  <lcb-vip v-else-if="element.moduleName === 'lcb-vip'" v-bind="element.props" />
+  <lcb-product v-else-if="element.moduleName === 'lcb-product'" v-bind="element.props" />
+  <lcb-area
+    v-else-if="element.moduleName === 'lcb-area'"
+    v-bind="element.props"
+    :list="element.children"
+  >
+    <template #default="{ item }">
+      <schema-item :element="item" />
+    </template>
+  </lcb-area>
+  <lcb-wrapper-list
+    v-else-if="element.moduleName === 'lcb-wrapper-list'"
+    v-bind="element.props"
+    :list="element.children"
+  >
+    <template #default="{ data, list }">
+      <lcb-wrapper-item :data="data" :provide-key="WRAPPER_ITEM_KEY">
+        <schema-item :element="item" v-for="item in list" :key="item.id" />
+      </lcb-wrapper-item>
+    </template>
+  </lcb-wrapper-list>
+  <lcb-rich-text v-else-if="element.moduleName === 'lcb-rich-text'" v-bind="element.props" />
+  <lcb-form v-else-if="element.moduleName === 'lcb-form'" v-bind="element.props" />
+  <lcb-search v-else-if="element.moduleName === 'lcb-search'" v-bind="element.props" />
+  <lcb-calendar-filter
+    v-else-if="element.moduleName === 'lcb-calendar-filter'"
+    v-bind="element.props"
+  />
+  <lcb-particulars v-else-if="element.moduleName === 'lcb-particulars'" v-bind="element.props" />
+  <lcb-tags v-else-if="element.moduleName === 'lcb-tags'" v-bind="element.props" />
+  <lcb-button v-else-if="element.moduleName === 'lcb-button'" v-bind="element.props" />
+  <lcb-room-calendar
+    v-else-if="element.moduleName === 'lcb-room-calendar'"
+    v-bind="element.props"
+  />
+  <lcb-swiper v-else-if="element.moduleName === 'lcb-swiper'" v-bind="element.props" />
+</template>
+
+<script setup lang="ts">
+import { WRAPPER_ITEM_KEY } from '../../constants'
+defineOptions({
+  name: 'LcbRenderView',
+  options: {
+    addGlobalClass: true,
+    virtualHost: true,
+    styleIsolation: 'shared',
+  },
+})
+defineProps<{
+  element: any
+}>()
+</script>
+
+<style lang="scss" scoped></style>

package/components/lcb-render-view/types.ts

@@ -0,0 +1,3 @@
+export interface LcbRenderViewProps {
+  // Define the component's prop types here
+}

package/global.d.ts

@@ -36,6 +36,7 @@ declare module 'vue' {
     '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']
+    'lcb-render-view': (typeof import('@tplc/business/components/lcb-render-view/lcb-render-view.vue'))['default']
     'lcb-rich-text': (typeof import('@tplc/business/components/lcb-rich-text/lcb-rich-text.vue'))['default']
     'lcb-room-calendar': (typeof import('@tplc/business/components/lcb-room-calendar/lcb-room-calendar.vue'))['default']
     'lcb-search': (typeof import('@tplc/business/components/lcb-search/lcb-search.vue'))['default']

package/package.json

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

package/types/components/lcb-action-view/components/CustomPopup/index.vue.d.ts

@@ -0,0 +1,37 @@
+declare let __VLS_typeProps: {
+  jumpType?: string
+}
+type __VLS_PublicProps = {
+  modelValue?: any
+} & typeof __VLS_typeProps
+declare const _default: import('vue').DefineComponent<
+  __VLS_TypePropsToOption<__VLS_PublicProps>,
+  {},
+  unknown,
+  {},
+  {},
+  import('vue').ComponentOptionsMixin,
+  import('vue').ComponentOptionsMixin,
+  {
+    'update:modelValue': (modelValue: any) => void
+  },
+  string,
+  import('vue').PublicProps,
+  Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<__VLS_PublicProps>>> & {
+    'onUpdate:modelValue'?: ((modelValue: 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-action-view/types.d.ts

@@ -127,4 +127,5 @@ export declare const jumpTypeMap: {
   qrCode: number
   templateMessage: number
   'mixture-pay': number
+  customPopup: number
 }

package/types/components/lcb-render-view/lcb-render-view.vue.d.ts

@@ -0,0 +1,35 @@
+declare const _default: import('vue').DefineComponent<
+  __VLS_TypePropsToOption<{
+    element: any
+  }>,
+  {},
+  unknown,
+  {},
+  {},
+  import('vue').ComponentOptionsMixin,
+  import('vue').ComponentOptionsMixin,
+  {},
+  string,
+  import('vue').PublicProps,
+  Readonly<
+    import('vue').ExtractPropTypes<
+      __VLS_TypePropsToOption<{
+        element: any
+      }>
+    >
+  >,
+  {},
+  {}
+>
+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/utils/utils.d.ts

@@ -2,12 +2,19 @@ import { UploadMethod } from '@tplc/wot/types/components/wd-upload/types'
 export declare function formatJson(str: string | object | undefined, defVal?: {}): {}
 /** 获取上个页面Exposed */
 export declare const getExposed: () => any
-export declare const getCurrentPage: () => {
-  pageId: string | number
-  fullPath: string
-  options: any
-  route: string
-}
+export declare const getCurrentPage: () =>
+  | {
+      pageId: number
+      fullPath: string
+      options: {}
+      route: string
+    }
+  | {
+      pageId: string
+      fullPath: string
+      options: any
+      route: string
+    }
 export declare const getPreviousPageId: () => string | number
 /** 合并url参数 url = /pages/data/index?id=1&name=2   urlParams = id=1&name=2&type=1 */
 export declare const getFinalUrl: (url: string, urlParams?: string) => string

package/utils/utils.ts

@@ -27,6 +27,7 @@ export const getCurrentPage = () => {
       id: string
       fullPath: string
     }
+    __wxWebviewId__: string
     route: string
     getPageId: () => number
   }
@@ -41,9 +42,9 @@ export const getCurrentPage = () => {
 
   const fullPath = decodeURIComponent(page.$page?.fullPath?.split('?')[1] || '')
   return {
-    pageId: isH5 ? page.$page.id : page.getPageId?.(),
+    pageId: isH5 ? page.$page.id : page.__wxWebviewId__,
     fullPath: page.$page?.fullPath,
-    options: parse(fullPath),
+    options: parse(fullPath) as any,
     route: page.route,
   }
 }