@tplc/business 0.0.38 → 0.0.40

package/CHANGELOG.md

@@ -2,6 +2,23 @@
 
 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.0.40](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.0.39...v0.0.40) (2024-10-24)
+
+
+### ✨ Features | 新功能
+
+* 增加 list 组件可配置性 ([8f3bc26](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/8f3bc267f965cd74e66ab714f0713440a9d64451))
+* 消除 product-item reuse 代码 ([32eee08](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/32eee089a360c4d8c32207eaee083f5f1646e7c5))
+
+### [0.0.39](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.0.38...v0.0.39) (2024-10-23)
+
+
+### ✨ Features | 新功能
+
+* 优化 lcb-list 相关逻辑 ([c81aeb8](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/c81aeb8e0f9b3b5931f6c227133e2b7a314fa089))
+* 优化 product-item 实现 ([40ad6c6](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/40ad6c6ee4beb15a66210771b2e32972484a0341))
+* 修改返回按钮尺寸 ([7c946aa](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/7c946aa3cd4c9d02b663044618eededa8542ba8b))
+
 ### [0.0.38](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.1.17...v0.0.38) (2024-10-22)
 
 

package/components/lcb-list/api.ts

@@ -62,6 +62,6 @@ interface BtnComponent {
 }
 
 export const getFilterDetail = (val: string) =>
-  uni.$lcb.http.post<LcbFilterResult>('/pageDecoration/list//detail', {
+  uni.$lcb.http.post<LcbFilterResult>('/pageDecoration/list/detail', {
     pageListType: val,
   })

package/components/lcb-list/components/FilterList/index.vue

@@ -7,15 +7,20 @@
     @query="queryList"
     use-page-scroll
   >
-    <lcb-product v-bind="{ ...productProps }" :items="normalizeDataList" />
+    <lcb-product
+      v-bind="{ ...productProps, ...attrs }"
+      :listType="listType"
+      :items="normalizeDataList"
+    />
   </z-paging>
 </template>
 
 <script setup lang="ts">
-import { computed, ref, watch } from 'vue'
+import { computed, ref, watch, useAttrs } from 'vue'
 import useZPaging from 'z-paging/components/z-paging/js/hooks/useZPaging'
 import { LcbFilterListProps } from './type'
 import { formatJson } from '../../../../utils/utils'
+const attrs = useAttrs()
 
 defineOptions({
   name: 'FilterList',
@@ -40,9 +45,11 @@ const normalizeDataList = computed(() => {
       title: item?.productName,
       tags,
       price: item?.price,
+      location: item?.cityAreaName,
+      priceSuffix: item?.behindUnit,
     }
   })
-  console.log('list', list)
+  // console.log('list', list)
 
   return list
 })
@@ -87,12 +94,12 @@ const queryList = async (page: number, limit: number) => {
   }
 }
 
-watch(
-  () => dataList.value,
-  () => {
-    console.log('dataList', dataList.value)
-  },
-)
+// watch(
+//   () => dataList.value,
+//   () => {
+//     console.log('dataList', dataList.value)
+//   },
+// )
 </script>
 <style lang="scss" scoped>
 .action-view {

package/components/lcb-list/components/FilterList/type.ts

@@ -2,8 +2,10 @@ import { LcbListInfo } from '../../api'
 import { LcbProductProps } from '../../../lcb-product/types'
 export interface PageListProps {
   emptyImage?: string
+  listType?: LcbProductProps['listType']
   productProps?: LcbProductProps
 }
 export interface LcbFilterListProps extends PageListProps, LcbListInfo {
   filter?: Record<string, any>
+  test?: any
 }

package/components/lcb-list/lcb-list.vue

@@ -1,5 +1,5 @@
 <template>
-  <view v-if="info">
+  <view v-if="info" class="bg-gray-100">
     <wd-sticky @sticky="sticky = $event" :offset-top="0.0001">
       <view
         :class="{
@@ -67,13 +67,13 @@
       </view>
     </wd-sticky>
 
-    <FilterList v-bind="{ ...info.listInfo, ...pageListProps, filter }" />
+    <FilterList v-bind="{ ...info.listInfo, listType, filter, ...attrs }" test2="11" />
   </view>
 </template>
 
 <script setup lang="ts">
-import { computed, inject, Ref, ref, watch } from 'vue'
-import { LcbListProps } from './types'
+import { computed, inject, Ref, ref, watch, useAttrs } from 'vue'
+import { LcbListProps, defaultLcbListProps } from './types'
 import { FilterComponent, getFilterDetail, LcbFilterResult } from './api'
 import FilterSelect from './components/FilterSelect/index.vue'
 import TreeSelect from './components/TreeSelect/index.vue'
@@ -83,6 +83,8 @@ import FilterList from './components/FilterList/index.vue'
 import FilterTabs from './components/FilterTabs/index.vue'
 import './index.scss'
 import { FORM_KEY } from '../../constants'
+const attrs = useAttrs()
+
 defineOptions({
   name: 'LcbList',
   options: {
@@ -93,23 +95,14 @@ defineOptions({
 })
 const form = inject<Ref<Record<string, any>>>(FORM_KEY)
 const dropMenu = ref()
-const props = withDefaults(defineProps<LcbListProps>(), {
-  pageFilterType: 'hotelTravelFilter',
-  border: true,
-  styleMode: 'default',
-  pageListProps: () => ({
-    productProps: {
-      styleGroup: 1,
-    },
-  }),
-})
+const props = withDefaults(defineProps<LcbListProps>(), defaultLcbListProps as any)
 const info = ref<LcbFilterResult>()
 const filter = ref<Record<string, any>>({})
 const titleObj = ref<Record<string, any>>({})
 /** 是否悬停 */
 const sticky = ref(false)
 const showPlain = computed(() => {
-  console.log(props.styleMode, sticky.value, 'showPlain')
+  // console.log(props.styleMode, sticky.value, 'showPlain')
   return props.styleMode === 'plain' && !sticky.value
 })
 watch(

package/components/lcb-list/types.ts

@@ -1,10 +1,12 @@
 import { PageListProps } from './components/FilterList/type'
+import { LcbProductProps } from '../lcb-product/types'
 
 export interface LcbListProps {
   pageFilterType?: string
   pageListProps?: PageListProps
   border?: boolean
   styleMode?: 'default' | 'plain'
+  listType?: LcbProductProps['listType']
 }
 export interface Option {
   label: string
@@ -20,4 +22,18 @@ export interface FilterItemProps {
   mode?: 'multiple' | 'single'
   apiPath?: string
   options?: Option[]
+  test?: 1
+}
+
+export const defaultLcbListProps: LcbListProps = {
+  pageFilterType: 'hotelTravelFilter',
+  border: true,
+  styleMode: 'default',
+  listType: 'grid',
+  // @ts-ignore
+  pageListProps: () => ({
+    productProps: {
+      // listType: 'list',
+    },
+  }),
 }

package/components/lcb-nav/lcb-nav.vue

@@ -47,7 +47,13 @@
           </view>
         </view>
         <template v-else-if="back">
-          <wd-icon class-prefix="lcb" name="zuo_left" @click="toBack" :color="contentColor" />
+          <wd-icon
+            class-prefix="lcb"
+            name="zuo_left"
+            @click="toBack"
+            :color="contentColor"
+            size="44rpx"
+          />
         </template>
         <view class="ml-2" v-if="titleLocation === 'left'">
           <Search

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

@@ -1,26 +1,7 @@
-<template>
-  <lcb-block v-bind="$props">
-    <template v-if="styleGroup !== 2">
-      <view class="flex flex-col gap-2 p-2">
-        <view v-for="(item, index) in items" :key="`${item?.productId}:${index}`">
-          <!-- <view>{{  JSON.stringify(item) }}</view> -->
-          <lcb-product-item v-bind="item" />
-        </view>
-      </view>
-    </template>
-    <scroll-view v-if="styleGroup == 2" scroll-x class="w-full whitespace-nowrap">
-      <view class="flex shrink-0">
-        <view v-for="(item, index) in items" :key="index">
-          <lcb-product-item :styleProps="styleProps" :idx="index" v-bind="item" />
-        </view>
-      </view>
-    </scroll-view>
-  </lcb-block>
-</template>
-
 <script setup lang="ts">
-import { computed } from 'vue'
+import { computed, useAttrs } from 'vue'
 import { LcbProductProps } from './types'
+const attrs = useAttrs()
 defineOptions({
   name: 'LcbProduct',
   options: {
@@ -29,21 +10,53 @@ defineOptions({
     styleIsolation: 'shared',
   },
 })
-const props = withDefaults(defineProps<LcbProductProps>(), {})
-const styleProps = computed(() => {
-  // console.log('props.items', JSON.stringify(props.items))
-  return {
-    styleGroup: props.styleGroup,
-    productStyle: props.productStyle,
-    productTitle: props.productTitle,
-    showTags: props.showTags,
-    showPrice: props.showPrice,
-    showScribePrice: props.showScribePrice,
-    showCart: props.showCart,
-    showLocation: props.showLocation,
-    showCollection: props.showCollection,
-  }
-})
+const props = withDefaults(defineProps<LcbProductProps>(), {
+  listType: 'list',
+  items: [],
+  imageWidthPercent: (1 / 3) * 100,
+  imageHeightPercent: (300 / 560) * 100,
+  itemHeight: 560,
+} as any)
 </script>
 
+<template>
+  <lcb-block v-bind="$props">
+    <view class="flex flex-col gap-2 p-2" v-if="listType === 'list'">
+      <view v-for="(item, index) in items" :key="`${item?.productId}:${index}`">
+        <lcb-product-item
+          v-bind="{ ...item, ...attrs }"
+          :imageStyle="{ width: `${imageWidthPercent}%` }"
+        />
+      </view>
+    </view>
+
+    <view class="flex p-1 flex-wrap" v-if="listType === 'grid'">
+      <view v-for="(item, index) in items" :key="`${item?.productId}:${index}`" class="w-1/2">
+        <view class="p-1 overflow-hidden">
+          <view class="rounded overflow-hidden" :style="{ height: `${itemHeight}rpx` }">
+            <lcb-product-item
+              v-bind="{ ...item, ...attrs }"
+              layoutType="vertical"
+              className="!h-full"
+              :imageStyle="{ height: `${imageHeightPercent}%` }"
+            />
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <scroll-view v-if="listType == 'horizontal'" scroll-x>
+      <view class="p-2 flex gap-2 whitespace-nowrap overflow-auto flex-nowrap">
+        <view
+          v-for="(item, index) in items"
+          :key="`${item?.productId}:${index}`"
+          class="!w-66vw flex-shrink-0"
+        >
+          <lcb-product-item v-bind="item" imageClass="!w-1/2" />
+        </view>
+      </view>
+    </scroll-view>
+  </lcb-block>
+</template>
+
 <style lang="scss" scoped></style>

package/components/lcb-product/types.ts

@@ -1,14 +1,8 @@
 export interface LcbProductProps {
   // Define the component's prop types here
-  styleGroup?: 1 | 2 | 3 | 4 // 1列表 2 左右滑动 3一行两个 4瀑布流
-  items?: Record<string, any>
-  marginHorizontal?: number
-  productStyle?: 'image' | 'flat' | 'card' | 'border' // 图片, 扁平, 卡片, 描边
-  productTitle?: 0 | 1 | 2 // 0默认 1 1行 2 2行
-  showTags?: boolean
-  showPrice?: boolean
-  showScribePrice?: boolean
-  showCart?: boolean
-  showLocation?: boolean
-  showCollection?: boolean
+  listType?: 'list' | 'horizontal' | 'grid' | 'waterfall' // 1列表 2 左右滑动 3一行两个 4瀑布流
+  imageWidthPercent?: number
+  imageHeightPercent?: number
+  itemHeight?: number // 列表项高度
+  items?: Record<string, any>[]
 }

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

@@ -0,0 +1,115 @@
+<script setup lang="ts">
+import { inject, computed, useAttrs } from 'vue'
+import { isArray } from '@tplc/wot/components/common/util'
+
+// const attrs = useAttrs()
+
+const itemProps = inject('lcb-product-item-props')
+
+const props = withDefaults(
+  defineProps<{
+    prop: string
+    className?: string
+  }>(),
+  {},
+)
+
+const visible = computed(() => {
+  return itemProps?.[`${props?.prop}Visible`] ?? true
+})
+const className = computed(() => {
+  return `${itemProps?.[`${props?.prop}Class`] ?? ''} ${props?.className}`
+})
+const style = computed(() => {
+  return itemProps?.[`${props?.prop}Style`] ?? ''
+})
+const value = computed(() => {
+  return itemProps?.[props?.prop]
+})
+</script>
+
+<template>
+  <template v-if="visible && !!value && (isArray(value) ? value?.length > 0 : true)">
+    <!-- 图片 -->
+    <view v-if="prop === 'image'" :value="value" :class="className" :style="style">
+      <image :src="value" class="w-full h-full" mode="aspectFill" />
+    </view>
+
+    <!-- 标题 -->
+    <view
+      v-if="prop === 'title'"
+      :class="className"
+      :style="style"
+      :value="value"
+      class="text-ellipsis line-clamp-2"
+    >
+      <view>{{ value }}</view>
+    </view>
+
+    <!-- 位置 -->
+    <view
+      :class="className"
+      :style="style"
+      v-if="prop === 'location'"
+      :value="value"
+      class="text-gray-500 text-22rpx flex gap-3rpx items-center"
+    >
+      <wd-icon name="location" size="32rpx"></wd-icon>
+      <view>{{ value }}</view>
+    </view>
+
+    <!-- 标签 -->
+    <view
+      :class="className"
+      :style="style"
+      v-if="prop === 'tags'"
+      :value="value"
+      class="flex gap-1 whitespace-nowrap overflow-auto"
+    >
+      <wd-tag
+        v-for="tag in value"
+        :key="tag"
+        class="!text-20rpx"
+        :class="className"
+        :style="style"
+        plain
+        type="primary"
+      >
+        {{ tag }}
+      </wd-tag>
+    </view>
+
+    <!-- 价格单位 -->
+    <view
+      :class="className"
+      :style="style"
+      v-if="prop === 'priceUnit'"
+      :value="value"
+      class="text-red-500 font-bold text-22rpx"
+    >
+      <view>{{ value }}</view>
+    </view>
+
+    <!-- 价格 -->
+    <view
+      :class="className"
+      :style="style"
+      v-if="prop === 'price'"
+      :value="value"
+      class="text-red-500 font-bold text-27rpx"
+    >
+      <view>{{ value }}</view>
+    </view>
+
+    <!-- 价格后缀 -->
+    <view
+      :class="className"
+      :style="style"
+      v-if="prop === 'priceSuffix'"
+      :value="value"
+      class="text-22rpx"
+    >
+      <view>{{ value }}</view>
+    </view>
+  </template>
+</template>

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

@@ -1,8 +1,7 @@
 <script setup lang="ts">
-import { computed, useAttrs } from 'vue'
-import { transformValueUnit } from '../../utils/transform'
+import { computed, provide, useAttrs } from 'vue'
 import { LcbProductItemProps } from './types'
-import { formatJson } from '../../utils/utils'
+import ItemValue from './components/ItemValue.vue'
 
 defineOptions({
   name: 'LcbProductItem',
@@ -14,48 +13,72 @@ defineOptions({
 })
 
 const props = withDefaults(defineProps<LcbProductItemProps>(), {
-  layoutType: 1,
+  layoutType: 'horizontal',
   priceUnit: '¥',
   originPriceUnit: '¥',
-  lowestPriceUnit: '¥',
+  imageVisible: true,
+  titleVisible: true,
+  subTitleVisible: true,
+  priceVisible: true,
+  priceUnitVisible: true,
+  priceSuffixVisible: true,
+  originPriceVisible: true,
+  originPriceUnitVisible: true,
+  tagsVisible: true,
+  locationVisible: true,
+  distanceVisible: true,
 })
 const attrs = useAttrs()
 
+provide('lcb-product-item-props', props)
+
 // console.log('attrs', attrs)
 </script>
 
 <template>
-  <view v-if="layoutType === 1" class="flex gap-2 px-2 py-3 bg-white">
-    <view class="w-1/3 h-220rpx bg-coolgray/90 rounded-sm overflow-hidden">
-      <image :src="image" class="w-full h-full" mode="aspectFill" />
-    </view>
-    <view class="flex flex-col flex-1 justify-between text-26rpx overflow-hidden">
+  <!-- 横向布局 -->
+  <view v-if="layoutType === 'horizontal'" :class="className" class="flex gap-3 px-2 py-3 bg-white">
+    <ItemValue prop="image" className="w-1/3 h-220rpx bg-gray-100 rounded-sm overflow-hidden" />
+    <view class="flex flex-col flex-1 gap-2 justify-between text-26rpx overflow-hidden">
       <view class="flex flex-col gap-2 overflow-hidden">
-        <view>{{ title ?? attrs?.productName }}</view>
-        <view v-if="tags?.length > 0" class="flex gap-1 whitespace-nowrap overflow-auto">
-          <wd-tag v-for="tag in tags" :key="tag" class="!text-20rpx" plain type="primary">
-            {{ tag }}
-          </wd-tag>
-        </view>
+        <ItemValue v-for="prop in ['title', 'location', 'tags']" :prop="prop" :key="prop" />
       </view>
+
       <view class="flex gap-2">
-        <view class="flex gap-[3rpx] items-end">
-          <view class="text-red font-bold">{{ priceUnit }}</view>
-          <view class="text-red font-bold">{{ price }}</view>
-          <view v-if="!!attrs?.behindUnit" class="text-22rpx">{{ attrs?.behindUnit }}</view>
+        <view class="flex gap-[4rpx] items-end">
+          <ItemValue
+            v-for="prop in ['priceUnit', 'price', 'priceSuffix']"
+            :prop="prop"
+            :key="prop"
+          />
         </view>
       </view>
     </view>
   </view>
 
-  <!-- <view v-if="layoutType === 2" class="flex flex-col gap-2 p-2 bg-white">
-    <view class="overflow-hidden">
-      <image :src="image" class="w-full" mode="widthFix" />
-    </view>
-    <view class="flex flex-col flex-1 text-26rpx">
-      <view>{{ title ?? attrs?.productName }}</view>
+  <!-- 竖向布局 -->
+  <view v-if="layoutType === 'vertical'" :class="className" class="flex flex-col gap-2 bg-white">
+    <ItemValue prop="image" className="overflow-hidden" />
+    <view
+      :class="'p-2'"
+      class="flex flex-col flex-1 gap-2 justify-between text-26rpx overflow-hidden"
+    >
+      <view class="flex flex-col gap-2 overflow-hidden">
+        <!-- <ItemValue prop="title"></ItemValue> -->
+        <ItemValue v-for="prop in ['title', 'location', 'tags']" :prop="prop" :key="prop" />
+      </view>
+
+      <view class="flex gap-2">
+        <view class="flex gap-[4rpx] items-end">
+          <ItemValue
+            v-for="prop in ['priceUnit', 'price', 'priceSuffix']"
+            :prop="prop"
+            :key="prop"
+          />
+        </view>
+      </view>
     </view>
-  </view> -->
+  </view>
 </template>
 
 <style lang="scss" scoped></style>

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

@@ -1,16 +1,56 @@
+import { CSSProperties } from 'vue'
+
 export interface LcbProductItemProps {
   // Define the component's prop types here
-  layoutType?: 1 | 2 // 1 横向、2 纵向
+  className?: string
+  layoutType?: 'vertical' | 'horizontal'
   image?: any
   title?: any
   subTitle?: any
   price?: any
   priceUnit?: any
+  priceSuffix?: any
   originPrice?: any
   originPriceUnit?: any
-  lowestPrice?: any
-  lowestPriceUnit?: any
   tags?: any
   location?: any
   distance?: any
+
+  imageVisible?: boolean
+  titleVisible?: boolean
+  subTitleVisible?: boolean
+  priceVisible?: boolean
+  priceUnitVisible?: boolean
+  priceSuffixVisible?: boolean
+  originPriceVisible?: boolean
+  originPriceUnitVisible?: boolean
+  tagsVisible?: boolean
+  locationVisible?: boolean
+  distanceVisible?: boolean
+
+  imageClass?: string
+  titleClass?: string
+  subTitleClass?: string
+  priceClass?: string
+  priceUnitClass?: string
+  priceSuffixClass?: string
+  originPriceClass?: string
+  originPriceUnitClass?: string
+  tagsClass?: string
+  tagsWrapperClass?: string
+  locationClass?: string
+  distanceClass?: string
+
+  imageStyle?: CSSProperties
+  titleStyle?: CSSProperties
+  subTitleStyle?: CSSProperties
+  priceStyle?: CSSProperties
+  priceUnitStyle?: CSSProperties
+  priceSuffixStyle?: CSSProperties
+  originPriceStyle?: CSSProperties
+  originPriceUnitStyle?: CSSProperties
+  tagsStyle?: CSSProperties
+  tagsWrapperStyle?: CSSProperties
+  locationStyle?: CSSProperties
+  distanceStyle?: CSSProperties
 }

package/package.json

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

package/types/components/lcb-list/components/FilterList/type.d.ts

@@ -2,8 +2,10 @@ import { LcbListInfo } from '../../api'
 import { LcbProductProps } from '../../../lcb-product/types'
 export interface PageListProps {
   emptyImage?: string
+  listType?: LcbProductProps['listType']
   productProps?: LcbProductProps
 }
 export interface LcbFilterListProps extends PageListProps, LcbListInfo {
   filter?: Record<string, any>
+  test?: any
 }

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

@@ -1,19 +1,7 @@
 import { LcbListProps } from './types'
 import './index.scss'
 declare const _default: import('vue').DefineComponent<
-  __VLS_WithDefaults<
-    __VLS_TypePropsToOption<LcbListProps>,
-    {
-      pageFilterType: string
-      border: boolean
-      styleMode: string
-      pageListProps: () => {
-        productProps: {
-          styleGroup: number
-        }
-      }
-    }
-  >,
+  __VLS_WithDefaults<__VLS_TypePropsToOption<LcbListProps>, any>,
   {},
   unknown,
   {},
@@ -24,27 +12,14 @@ declare const _default: import('vue').DefineComponent<
   string,
   import('vue').PublicProps,
   Readonly<
-    import('vue').ExtractPropTypes<
-      __VLS_WithDefaults<
-        __VLS_TypePropsToOption<LcbListProps>,
-        {
-          pageFilterType: string
-          border: boolean
-          styleMode: string
-          pageListProps: () => {
-            productProps: {
-              styleGroup: number
-            }
-          }
-        }
-      >
-    >
+    import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<LcbListProps>, any>>
   >,
   {
-    border: boolean
+    listType: 'horizontal' | 'list' | 'grid' | 'waterfall'
     pageFilterType: string
-    pageListProps: import('./components/FilterList/type').PageListProps
+    border: boolean
     styleMode: 'default' | 'plain'
+    pageListProps: import('./components/FilterList/type').PageListProps
   },
   {}
 >

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

@@ -1,9 +1,11 @@
 import { PageListProps } from './components/FilterList/type'
+import { LcbProductProps } from '../lcb-product/types'
 export interface LcbListProps {
   pageFilterType?: string
   pageListProps?: PageListProps
   border?: boolean
   styleMode?: 'default' | 'plain'
+  listType?: LcbProductProps['listType']
 }
 export interface Option {
   label: string
@@ -18,4 +20,6 @@ export interface FilterItemProps {
   mode?: 'multiple' | 'single'
   apiPath?: string
   options?: Option[]
+  test?: 1
 }
+export declare const defaultLcbListProps: LcbListProps

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

@@ -1,6 +1,6 @@
 import { LcbProductProps } from './types'
 declare const _default: import('vue').DefineComponent<
-  __VLS_WithDefaults<__VLS_TypePropsToOption<LcbProductProps>, {}>,
+  __VLS_WithDefaults<__VLS_TypePropsToOption<LcbProductProps>, any>,
   {},
   unknown,
   {},
@@ -11,9 +11,17 @@ declare const _default: import('vue').DefineComponent<
   string,
   import('vue').PublicProps,
   Readonly<
-    import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<LcbProductProps>, {}>>
+    import('vue').ExtractPropTypes<
+      __VLS_WithDefaults<__VLS_TypePropsToOption<LcbProductProps>, any>
+    >
   >,
-  {},
+  {
+    items: Record<string, any>[]
+    listType: 'list' | 'horizontal' | 'grid' | 'waterfall'
+    imageWidthPercent: number
+    imageHeightPercent: number
+    itemHeight: number
+  },
   {}
 >
 export default _default

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

@@ -1,13 +1,7 @@
 export interface LcbProductProps {
-  styleGroup?: 1 | 2 | 3 | 4
-  items?: Record<string, any>
-  marginHorizontal?: number
-  productStyle?: 'image' | 'flat' | 'card' | 'border'
-  productTitle?: 0 | 1 | 2
-  showTags?: boolean
-  showPrice?: boolean
-  showScribePrice?: boolean
-  showCart?: boolean
-  showLocation?: boolean
-  showCollection?: boolean
+  listType?: 'list' | 'horizontal' | 'grid' | 'waterfall'
+  imageWidthPercent?: number
+  imageHeightPercent?: number
+  itemHeight?: number
+  items?: Record<string, any>[]
 }

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

@@ -0,0 +1,55 @@
+declare const _default: import('vue').DefineComponent<
+  __VLS_WithDefaults<
+    __VLS_TypePropsToOption<{
+      prop: string
+      className?: string
+    }>,
+    {}
+  >,
+  {},
+  unknown,
+  {},
+  {},
+  import('vue').ComponentOptionsMixin,
+  import('vue').ComponentOptionsMixin,
+  {},
+  string,
+  import('vue').PublicProps,
+  Readonly<
+    import('vue').ExtractPropTypes<
+      __VLS_WithDefaults<
+        __VLS_TypePropsToOption<{
+          prop: string
+          className?: string
+        }>,
+        {}
+      >
+    >
+  >,
+  {},
+  {}
+>
+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-product-item/lcb-product-item.vue.d.ts

@@ -3,10 +3,20 @@ declare const _default: import('vue').DefineComponent<
   __VLS_WithDefaults<
     __VLS_TypePropsToOption<LcbProductItemProps>,
     {
-      layoutType: number
+      layoutType: string
       priceUnit: string
       originPriceUnit: string
-      lowestPriceUnit: string
+      imageVisible: boolean
+      titleVisible: boolean
+      subTitleVisible: boolean
+      priceVisible: boolean
+      priceUnitVisible: boolean
+      priceSuffixVisible: boolean
+      originPriceVisible: boolean
+      originPriceUnitVisible: boolean
+      tagsVisible: boolean
+      locationVisible: boolean
+      distanceVisible: boolean
     }
   >,
   {},
@@ -23,19 +33,39 @@ declare const _default: import('vue').DefineComponent<
       __VLS_WithDefaults<
         __VLS_TypePropsToOption<LcbProductItemProps>,
         {
-          layoutType: number
+          layoutType: string
           priceUnit: string
           originPriceUnit: string
-          lowestPriceUnit: string
+          imageVisible: boolean
+          titleVisible: boolean
+          subTitleVisible: boolean
+          priceVisible: boolean
+          priceUnitVisible: boolean
+          priceSuffixVisible: boolean
+          originPriceVisible: boolean
+          originPriceUnitVisible: boolean
+          tagsVisible: boolean
+          locationVisible: boolean
+          distanceVisible: boolean
         }
       >
     >
   >,
   {
-    layoutType: 1 | 2
+    layoutType: 'vertical' | 'horizontal'
     priceUnit: any
     originPriceUnit: any
-    lowestPriceUnit: any
+    imageVisible: boolean
+    titleVisible: boolean
+    subTitleVisible: boolean
+    priceVisible: boolean
+    priceUnitVisible: boolean
+    priceSuffixVisible: boolean
+    originPriceVisible: boolean
+    originPriceUnitVisible: boolean
+    tagsVisible: boolean
+    locationVisible: boolean
+    distanceVisible: boolean
   },
   {}
 >

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

@@ -1,15 +1,51 @@
+import { CSSProperties } from 'vue'
 export interface LcbProductItemProps {
-  layoutType?: 1 | 2
+  className?: string
+  layoutType?: 'vertical' | 'horizontal'
   image?: any
   title?: any
   subTitle?: any
   price?: any
   priceUnit?: any
+  priceSuffix?: any
   originPrice?: any
   originPriceUnit?: any
-  lowestPrice?: any
-  lowestPriceUnit?: any
   tags?: any
   location?: any
   distance?: any
+  imageVisible?: boolean
+  titleVisible?: boolean
+  subTitleVisible?: boolean
+  priceVisible?: boolean
+  priceUnitVisible?: boolean
+  priceSuffixVisible?: boolean
+  originPriceVisible?: boolean
+  originPriceUnitVisible?: boolean
+  tagsVisible?: boolean
+  locationVisible?: boolean
+  distanceVisible?: boolean
+  imageClass?: string
+  titleClass?: string
+  subTitleClass?: string
+  priceClass?: string
+  priceUnitClass?: string
+  priceSuffixClass?: string
+  originPriceClass?: string
+  originPriceUnitClass?: string
+  tagsClass?: string
+  tagsWrapperClass?: string
+  locationClass?: string
+  distanceClass?: string
+  imageStyle?: CSSProperties
+  titleStyle?: CSSProperties
+  subTitleStyle?: CSSProperties
+  priceStyle?: CSSProperties
+  priceUnitStyle?: CSSProperties
+  priceSuffixStyle?: CSSProperties
+  originPriceStyle?: CSSProperties
+  originPriceUnitStyle?: CSSProperties
+  tagsStyle?: CSSProperties
+  tagsWrapperStyle?: CSSProperties
+  locationStyle?: CSSProperties
+  distanceStyle?: CSSProperties
 }