@tplc/business 0.5.27 → 0.5.29

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 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.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)
+
+
+### ✨ Features | 新功能
+
+* 合并颜色 ([70b9ee6](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/70b9ee691e57cd9895f39b8c66c5a7e22a0f74c1))
+
 ### [0.5.27](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.5.22...v0.5.27) (2025-10-23)
 
 

package/components/lcb-product-item/lcb-product-item.vue

@@ -59,6 +59,7 @@ const props = withDefaults(defineProps<LcbProductItemProps>(), {
   itemContentPr: 0,
   itemContentPb: 10,
   itemContentPl: 0,
+  itemGap: 10,
 })
 const attrs = useAttrs() as Record<string, any>
 provide('lcb-product-item-props', props)
@@ -172,7 +173,7 @@ const itemStyle = computed(() => {
         }"
       >
         <slot name="contentSection" />
-        <view class="flex flex-col gap-[5px] overflow-hidden">
+        <view class="flex flex-col overflow-hidden" :style="{ gap: transformValueUnit(itemGap) }">
           <view>
             <ItemValue prop="productName">
               <!-- <template #productName="{ value }"><slot name="productName" :value="value" /></template> -->
@@ -325,7 +326,7 @@ const itemStyle = computed(() => {
         }"
       >
         <slot name="contentSection" />
-        <view class="flex flex-col gap-[5px] overflow-hidden">
+        <view class="flex flex-col overflow-hidden" :style="{ gap: transformValueUnit(itemGap) }">
           <view>
             <ItemValue prop="productName">
               <!-- <template #productName="{ value }"><slot name="productName" :value="value" /></template> -->

package/components/lcb-product-item/types.ts

@@ -6,6 +6,7 @@ export interface LcbProductItemProps {
   className?: string
   layoutType?: 'vertical' | 'horizontal'
   titleLineClamp?: number
+  itemGap?: number
   showArea?: string
   // area在图片上面
   areaOnImg?: boolean

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.27",
+  "version": "0.5.29",
   "keywords": [
     "业务组件"
   ],

package/types/components/lcb-product-item/lcb-product-item.vue.d.ts

@@ -115,6 +115,7 @@ declare const __VLS_component: import('vue').DefineComponent<
       itemContentPr: number
       itemContentPb: number
       itemContentPl: number
+      itemGap: number
     }
   >,
   {},
@@ -176,6 +177,7 @@ declare const __VLS_component: import('vue').DefineComponent<
           itemContentPr: number
           itemContentPb: number
           itemContentPl: number
+          itemGap: number
         }
       >
     >
@@ -187,6 +189,7 @@ declare const __VLS_component: import('vue').DefineComponent<
     borderRadius: number
     itemVerticalPadding: number
     itemHorizontalPadding: number
+    itemGap: number
     titleLineClamp: number
     layoutType: 'vertical' | 'horizontal'
     itemContentPt: number

package/types/components/lcb-product-item/types.d.ts

@@ -4,6 +4,7 @@ export interface LcbProductItemProps {
   className?: string
   layoutType?: 'vertical' | 'horizontal'
   titleLineClamp?: number
+  itemGap?: number
   showArea?: string
   areaOnImg?: boolean
   areaColor?: string

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