@tplc/business 0.2.73 → 0.2.74

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 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.74](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.2.73...v0.2.74) (2025-01-06)
+
+
+### ✨ Features | 新功能
+
+* 加载更多 ([ae2ba8b](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/ae2ba8b24334aa2f1bb82c6a702cc72bb16beee1))
+* 新增types ([b4ceffd](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/b4ceffdb507c04888370ca4ca0a523d528429a49))
+
 ### [0.2.73](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.2.72...v0.2.73) (2025-01-06)
 
 

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

@@ -9,6 +9,8 @@
     :fixed="false"
     :use-page-scroll="false"
     :height="height"
+    @onRefresh="onRefresh"
+    :loading-more-enabled="!refreshed"
   >
     <slot />
   </z-paging>
@@ -30,11 +32,13 @@ defineOptions({
     styleIsolation: 'shared',
   },
 })
+const emits = defineEmits(['refresh'])
 const props = defineProps<LcbFilterListProps>()
 const dataList = ref<unknown[]>([])
 const paging = ref()
 const height = useAutoHeight()
 const form = inject<Ref<Record<string, any>>>(FORM_KEY)
+const refreshed = ref(false)
 useZPaging(paging)
 const modelValue = defineModel<unknown[]>({
   default: [],
@@ -82,6 +86,11 @@ const queryList = async (page: number, limit: number) => {
   } catch (error) {
     paging.value.complete(false)
   }
+  refreshed.value = false
+}
+const onRefresh = async () => {
+  refreshed.value = true
+  emits('refresh')
 }
 </script>
 <style lang="scss" scoped>

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

@@ -28,6 +28,7 @@
       v-bind="{ ...info.listInfo, listType, ...props }"
       :autoHeight="!isSticky"
       v-model="items"
+      @refresh="productRef?.clear?.()"
       v-if="mode === 'list'"
     >
       <slot name="list" :items="items" v-if="$slots.list" />
@@ -36,13 +37,20 @@
           v-bind="{ ...$props, ...attrs, form }"
           :items="items"
           filterList
+          ref="productRef"
           v-if="$slots.item"
         >
           <template #item="{ item }">
             <slot name="item" :item="item"></slot>
           </template>
         </lcb-product>
-        <lcb-product v-bind="{ ...$props, ...attrs, form }" filterList :items="items" v-else />
+        <lcb-product
+          v-bind="{ ...$props, ...attrs, form }"
+          filterList
+          :items="items"
+          ref="productRef"
+          v-else
+        />
       </template>
     </FilterList>
     <lcb-map v-else-if="mode === 'map'" v-bind="{ ...info.listInfo, ...$props, ...attrs }" />
@@ -61,6 +69,7 @@ const attrs = useAttrs()
 /** 是否悬停 */
 const sticky = ref(false)
 const items = ref([])
+const productRef = ref()
 defineOptions({
   name: 'LcbList',
   options: {

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

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, useAttrs, watch, computed } from 'vue'
+import { ref, useAttrs, watch, computed, watchEffect } from 'vue'
 import UWaterfall from 'uview-plus/components/u-waterfall/u-waterfall.vue'
 import ULazyLoad from 'uview-plus/components/u-lazy-load/u-lazy-load.vue'
 import { LcbProductProps } from './types'
@@ -17,20 +17,25 @@ defineOptions({
   },
 })
 const attrs = useAttrs()
-const list = ref<Record<string, any>[]>([])
 const props = withDefaults(defineProps<LcbProductProps>(), {
   listType: 'list',
   imageWidth: 200,
   imageHeight: 250,
   titleLineClamp: 2,
 })
+const renderList = ref<Record<string, any>[]>([])
+watchEffect(() => {
+  if (!props.filterList) return
+  renderList.value = props.items as Record<string, any>[]
+})
 defineSlots<{
   item(props: { item: any }): any
 }>()
 watch(
   () => props.form,
   () => {
-    uWaterfallRef.value?.clear?.()
+    renderList.value = []
+    uWaterfallRef.value?.clear()
   },
   { deep: true },
 )
@@ -40,15 +45,19 @@ const getData = async () => {
     const { data } = await uni.$lcb.http.post('/productInfo/filteredPage', {
       productIdList: props.items.map((item) => item.productId),
     })
-    list.value = data as Record<string, any>[]
+    renderList.value = data as Record<string, any>[]
   } else {
-    list.value = []
+    renderList.value = []
   }
 }
 
 watch(() => props.items, getData, { immediate: true, deep: true })
-const renderList = computed(() => {
-  return props.filterList ? props.items : list.value
+
+defineExpose({
+  clear: () => {
+    renderList.value = []
+    uWaterfallRef.value?.clear()
+  },
 })
 </script>
 
@@ -87,7 +96,7 @@ const renderList = computed(() => {
       </lcb-action-view>
     </view>
     <!-- 双列 -->
-    <view class="grid p-3 grid-cols-2 gap-2 box-border" v-if="listType === 'grid'">
+    <view class="grid p-3 grid-cols-2 gap-2 box-border" v-else-if="listType === 'grid'">
       <lcb-action-view
         v-for="(item, index) in renderList"
         :key="`${item?.productId}:${index}`"
@@ -120,8 +129,8 @@ const renderList = computed(() => {
       </lcb-action-view>
     </view>
 
-    <view class="lcb-product-waterfall">
-      <u-waterfall :modelValue="renderList" v-if="listType === 'waterfall'" ref="uWaterfallRef">
+    <view class="lcb-product-waterfall" v-else-if="listType === 'waterfall'">
+      <u-waterfall :modelValue="renderList" ref="uWaterfallRef">
         <template #left="{ leftList: list }">
           <view class="flex flex-col gap-3">
             <lcb-action-view
@@ -152,7 +161,6 @@ const renderList = computed(() => {
                       threshold="-800"
                       :border-radius="imageRadius"
                       :image="value"
-                      :is-effect="false"
                       :loading-img="getPreviewImageUrl(value)"
                       :index="index"
                     />
@@ -193,7 +201,6 @@ const renderList = computed(() => {
                       :border-radius="imageRadius"
                       :image="value"
                       :index="index"
-                      :is-effect="false"
                       :loading-img="getPreviewImageUrl(value)"
                     />
                   </template>
@@ -205,7 +212,7 @@ const renderList = computed(() => {
       </u-waterfall>
     </view>
 
-    <scroll-view v-if="listType == 'horizontal'" scroll-x>
+    <scroll-view v-else-if="listType == 'horizontal'" scroll-x>
       <view class="p-3 whitespace-nowrap overflow-x-auto">
         <view
           v-for="(item, index) in renderList"

package/package.json

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

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

@@ -16,11 +16,13 @@ declare const __VLS_component: import('vue').DefineComponent<
   import('vue').ComponentOptionsMixin,
   {
     'update:modelValue': (modelValue: unknown[]) => void
+    refresh: (...args: any[]) => void
   },
   string,
   import('vue').PublicProps,
   Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<__VLS_PublicProps>>> & {
     'onUpdate:modelValue'?: ((modelValue: unknown[]) => any) | undefined
+    onRefresh?: ((...args: any[]) => any) | undefined
   },
   {},
   {}

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

@@ -14,7 +14,9 @@ declare const __VLS_component: import('vue').DefineComponent<
       titleLineClamp: number
     }
   >,
-  {},
+  {
+    clear: () => void
+  },
   unknown,
   {},
   {},