@tplc/business 0.4.108 → 0.4.109

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 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.4.109](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.108...v0.4.109) (2025-05-11)
+
 ### [0.4.108](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.107...v0.4.108) (2025-05-10)
 
 

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

@@ -218,7 +218,7 @@ const paddingTop = computed(() => {
 })
 
 const canBack = computed(() => {
-  return props.back && !isLastPage()
+  return props.back || !isLastPage()
 })
 
 const capsuleList = computed(() => {

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

@@ -0,0 +1,54 @@
+<template>
+  <template v-if="loading">
+    <view v-if="listType === 'list'" class="flex flex-col gap-3">
+      <SkeletonItem :layout-type="layoutType" />
+      <SkeletonItem :layout-type="layoutType" />
+    </view>
+    <!-- horizontal -->
+    <view
+      v-else-if="listType === 'horizontal'"
+      class="flex flex-row gap-3 overflow-x-auto whitespace-nowrap"
+    >
+      <SkeletonItem :layout-type="layoutType" :custom-class="`!w-45% flex-shrink-0`" />
+      <SkeletonItem :layout-type="layoutType" :custom-class="`!w-45% flex-shrink-0`" />
+      <SkeletonItem :layout-type="layoutType" :custom-class="`!w-45% flex-shrink-0`" />
+    </view>
+    <!-- grid -->
+    <view v-else-if="listType === 'grid'" class="grid grid-cols-2 gap-3">
+      <SkeletonItem :layout-type="layoutType" />
+      <SkeletonItem :layout-type="layoutType" />
+      <SkeletonItem :layout-type="layoutType" />
+      <SkeletonItem :layout-type="layoutType" />
+    </view>
+    <!-- waterfall -->
+    <view v-else-if="listType === 'waterfall'" class="grid grid-cols-2 gap-3">
+      <SkeletonItem :layout-type="layoutType" />
+      <SkeletonItem :layout-type="layoutType" />
+      <SkeletonItem :layout-type="layoutType" />
+      <SkeletonItem :layout-type="layoutType" />
+    </view>
+  </template>
+  <slot v-else />
+</template>
+
+<script setup lang="ts">
+import { LcbProductProps } from '../../types'
+import { defineProps } from 'vue'
+import SkeletonItem from '../SKeletonItem/index.vue'
+defineOptions({
+  name: 'ProductSkeleton',
+  options: {
+    addGlobalClass: true,
+    virtualHost: true,
+    layoutType: 'vertical',
+    styleIsolation: 'shared',
+  },
+})
+withDefaults(defineProps<LcbProductProps & { loading?: boolean }>(), {})
+</script>
+
+<style lang="scss" scoped>
+.lcb-product-skeleton {
+  width: 100%;
+}
+</style>

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

@@ -0,0 +1,38 @@
+<template>
+  <!-- vertical -->
+  <view v-if="layoutType === 'vertical'" :class="customClass" class="w-full">
+    <wd-skeleton :row-col="verticalRowCol" animation="gradient" />
+  </view>
+  <!-- horizontal -->
+  <view v-else class="flex flex-row w-fuull" :class="customClass">
+    <wd-skeleton :row-col="[{ size: '80px', type: 'rect' }]" animation="gradient" />
+    <wd-skeleton
+      animation="gradient"
+      :custom-style="{ width: '100%', marginLeft: '24rpx' }"
+      :row-col="[1, { width: '80%' }, [{ width: '40%' }, { width: '20%' }]]"
+    />
+  </view>
+</template>
+
+<script setup lang="ts">
+import { LcbProductProps } from '../../types'
+import { defineProps } from 'vue'
+
+defineOptions({
+  name: 'SkeletonItem',
+  options: {
+    addGlobalClass: true,
+    virtualHost: true,
+    layoutType: 'vertical',
+    styleIsolation: 'shared',
+  },
+})
+const props = defineProps<LcbProductProps>()
+const verticalRowCol = [
+  { height: '171px' },
+  1,
+  { width: '80%' },
+  { width: '60%' },
+  [{ width: '30%' }, { width: '10%', marginLeft: '41px' }],
+]
+</script>

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

@@ -8,6 +8,7 @@ import { calculateImageHeight } from '../../utils/utils'
 import UnconditionedLayout from '../lcb-list/components/UnconditionedLayout/index.vue'
 import { LcbProductProps } from './types'
 import isEqual from 'lodash-es/isEqual'
+import ProductSkeleton from './components/ProductSkeleton/index.vue'
 
 const uWaterfallRef = ref()
 defineOptions({
@@ -176,7 +177,7 @@ const blockProps = computed(() => {
 
 <template>
   <lcb-block v-bind="loading ? blockProps[0] : {}">
-    <wd-skeleton animation="gradient" theme="paragraph" :loading="loading">
+    <ProductSkeleton :loading="loading" v-bind="$props">
       <lcb-block
         v-bind="{
           ...$props,
@@ -426,7 +427,7 @@ const blockProps = computed(() => {
           </lcb-action-view>
         </template>
       </lcb-block>
-    </wd-skeleton>
+    </ProductSkeleton>
   </lcb-block>
 </template>
 

package/package.json

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

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

@@ -0,0 +1,70 @@
+import { LcbProductProps } from '../../types'
+declare function __VLS_template(): {
+  default?(_: {}): any
+}
+declare const __VLS_component: import('vue').DefineComponent<
+  __VLS_WithDefaults<
+    __VLS_TypePropsToOption<
+      LcbProductProps & {
+        loading?: boolean
+      }
+    >,
+    {}
+  >,
+  {},
+  unknown,
+  {},
+  {},
+  import('vue').ComponentOptionsMixin,
+  import('vue').ComponentOptionsMixin,
+  {},
+  string,
+  import('vue').PublicProps,
+  Readonly<
+    import('vue').ExtractPropTypes<
+      __VLS_WithDefaults<
+        __VLS_TypePropsToOption<
+          LcbProductProps & {
+            loading?: boolean
+          }
+        >,
+        {}
+      >
+    >
+  >,
+  {},
+  {}
+>
+declare const _default: __VLS_WithTemplateSlots<
+  typeof __VLS_component,
+  ReturnType<typeof __VLS_template>
+>
+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_WithTemplateSlots<T, S> = T & {
+  new (): {
+    $slots: S
+  }
+}
+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/components/SKeletonItem/index.vue.d.ts

@@ -0,0 +1,28 @@
+import { LcbProductProps } from '../../types'
+declare const _default: import('vue').DefineComponent<
+  __VLS_TypePropsToOption<LcbProductProps>,
+  {},
+  unknown,
+  {},
+  {},
+  import('vue').ComponentOptionsMixin,
+  import('vue').ComponentOptionsMixin,
+  {},
+  string,
+  import('vue').PublicProps,
+  Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<LcbProductProps>>>,
+  {},
+  {}
+>
+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
+      }
+}