@tplc/business 0.0.41 → 0.0.47

package/CHANGELOG.md

@@ -2,6 +2,58 @@
 
 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.47](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.0.46...v0.0.47) (2024-10-26)
+
+### [0.0.46](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.0.45...v0.0.46) (2024-10-26)
+
+### [0.0.45](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.0.44...v0.0.45) (2024-10-26)
+
+
+### ✨ Features | 新功能
+
+* lcb list 增加插槽 ([abd3cb8](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/abd3cb857b38055e77cff2e838603e44f1d01857))
+* 动态数据 ([25cb0bf](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/25cb0bff0d13f0640a254696e0550e4e14f08ede))
+* 增加 lcb-list 插槽 ([ec1832a](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/ec1832a5478ed133485036c095b9fb97f61b9611))
+* 暂时提交userTOP ([64a9895](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/64a98951e63cf78c799b88ce1f73e9905e93bf3d))
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.0.43 ([1e53dca](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/1e53dca714a73f575cee6af8730aad0dfd7c7bdd))
+* **release:** 0.0.44 ([b849321](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/b8493214ad99d7f4efcea00a878b2e25d857c2ec))
+* 去除影响 windows 环境依赖安装的依赖项 ([75d42b5](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/75d42b52f766ec7d8291f005d8e1c8e34162bd3e))
+
+### [0.0.43](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.0.44...v0.0.43) (2024-10-26)
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* 去除影响 windows 环境依赖安装的依赖项 ([75d42b5](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/75d42b52f766ec7d8291f005d8e1c8e34162bd3e))
+
+
+### ✨ Features | 新功能
+
+* lcb list 增加插槽 ([abd3cb8](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/abd3cb857b38055e77cff2e838603e44f1d01857))
+* 动态数据 ([25cb0bf](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/25cb0bff0d13f0640a254696e0550e4e14f08ede))
+* 增加 lcb-list 插槽 ([ec1832a](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/ec1832a5478ed133485036c095b9fb97f61b9611))
+* 暂时提交userTOP ([64a9895](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/64a98951e63cf78c799b88ce1f73e9905e93bf3d))
+
+### [0.0.44](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.0.43...v0.0.44) (2024-10-25)
+
+### [0.0.43](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.1.20...v0.0.43) (2024-10-25)
+
+
+### 🐛 Bug Fixes | Bug 修复
+
+* gap 支持safe ([c4ba91d](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/c4ba91d452a1caccb4651cff1cf28b9899fa3eb0))
+
+
+### ✨ Features | 新功能
+
+* list box-shadow ([e086e39](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/e086e394074a507d840a062e91e3949d7aa11ffe))
+
+### [0.0.42](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.0.41...v0.0.42) (2024-10-25)
+
 ### [0.0.41](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.0.40...v0.0.41) (2024-10-25)
 
 

package/action.d.ts

@@ -28,6 +28,9 @@ export interface LcbGlobal {
       query?: Record<string, any> | undefined,
     ): Promise<IResData<T>>
   }
+  loadingStore?: () => {
+    changeLoading: (path: string, loading: boolean) => void
+  }
 }
 
 global {

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

@@ -4,6 +4,7 @@
     class="lcb-action-btn"
     :open-type="openType"
     @getphonenumber="getPhoneNumber"
+    @chooseavatar="onChooseAvatar"
     :class="customClass"
   >
     <slot />
@@ -13,6 +14,7 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 import { LcbActionViewProps } from './types'
+import { uploadFile } from '../../hooks/useUpload'
 defineOptions({
   name: 'LcbActionView',
   options: {
@@ -22,8 +24,13 @@ defineOptions({
   },
 })
 const props = defineProps<LcbActionViewProps>()
+const emits = defineEmits<{
+  (e: 'phone', value: { detail: { errMsg: string; encryptedData: string; iv: string } }): void
+  (e: 'avatar', value: string): void
+}>()
+
 const openType = computed(() => {
-  return { 88: 'getPhoneNumber', 12: 'contact' }[props.jumpType || '']
+  return { 88: 'getPhoneNumber', 12: 'contact', 101: 'chooseAvatar' }[props.jumpType || '']
 })
 const onActionClick = () => {
   const { jumpAppid, jumpUrl: url, jumpType, phoneNumber } = props
@@ -123,11 +130,19 @@ const onActionClick = () => {
 }
 const getPhoneNumber = (e) => {
   if (e.detail.errMsg === 'getPhoneNumber:ok') {
-    // 成功获取手机号，可以将 e.detail.encryptedData 和 e.detail.iv 发给后端解密
-    console.log('encryptedData:', e.detail.encryptedData)
-    console.log('iv:', e.detail.iv)
+    emits('phone', e)
   }
 }
+const onChooseAvatar = async (e) => {
+  const url = e.detail.avatarUrl
+  uploadFile({
+    filePath: url,
+    name: url.split('/').pop(),
+    onSuccess: (e) => {
+      emits('avatar', e)
+    },
+  })
+}
 </script>
 
 <style lang="scss" scoped>

package/components/lcb-dynamic-data/lcb-dynamic-data.vue

@@ -1,8 +1,8 @@
 <template>
   <lcb-block v-bind="$props">
-    <view class="flex">
+    <view class="flex justify-between items-center">
       <view v-for="item in items" :key="item.title">
-        <view>{{ item.unit }} {{ item.key }}</view>
+        <view>{{ item.unit }} {{ pageInfo[item.key] }}</view>
         <view>{{ item.title }}</view>
       </view>
     </view>
@@ -10,6 +10,8 @@
 </template>
 
 <script setup lang="ts">
+import { PAGE_PROVIDE_KEY } from '../../constants'
+import { inject } from 'vue'
 import { LcbDynamicDataProps } from './types'
 defineOptions({
   name: 'LcbDynamicData',
@@ -19,6 +21,7 @@ defineOptions({
     styleIsolation: 'shared',
   },
 })
+const pageInfo = inject(PAGE_PROVIDE_KEY, {})
 withDefaults(defineProps<LcbDynamicDataProps>(), {})
 </script>
 

package/components/lcb-dynamic-data/types.ts

@@ -2,6 +2,6 @@ export interface LcbDynamicDataProps {
   items: {
     title: string
     unit?: string
-    key?: string
+    key: string
   }[]
 }

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

@@ -7,11 +7,7 @@
     @query="queryList"
     use-page-scroll
   >
-    <lcb-product
-      v-bind="{ ...productProps, ...attrs }"
-      :listType="listType"
-      :items="normalizeDataList"
-    />
+    <slot :items="normalizeDataList"></slot>
   </z-paging>
 </template>
 

package/components/lcb-list/index.scss

@@ -13,6 +13,11 @@
     border-top: 1px solid #F3F5F9;
   }
 
+  &__view {
+    background-color: #fff !important;
+    box-shadow: 0 2rpx 4rpx 0 rgba(0, 0, 0, 0.1);
+  }
+
   &__plain {
     :deep(.wd-drop-menu__list) {
       background-color: transparent;

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

@@ -5,7 +5,7 @@
         :class="{
           'lcb-filter__border-top': showPlain ? false : border,
           'lcb-filter__plain': showPlain,
-          '!bg-white': !showPlain,
+          'lcb-filter__view': !showPlain,
         }"
         class="w-100vw"
       >
@@ -68,7 +68,24 @@
       </view>
     </wd-sticky>
 
-    <FilterList v-bind="{ ...info.listInfo, listType, filter, ...attrs }" test2="11" />
+    <FilterList v-bind="{ ...info.listInfo, listType, filter, ...attrs }">
+      <template #default="{ items }">
+        <slot name="list" :items="items">
+          <lcb-product v-bind="{ ...attrs }" :listType="listType" :items="items">
+            <template #item="slotContext">
+              <slot name="item" v-bind="slotContext" />
+            </template>
+            <template
+              v-for="slotName in lcbProductItemContentTypes"
+              :key="slotName"
+              #[slotName]="slotContext"
+            >
+              <slot :name="slotName" v-bind="slotContext" />
+            </template>
+          </lcb-product>
+        </slot>
+      </template>
+    </FilterList>
   </view>
 </template>
 
@@ -82,10 +99,14 @@ import ComponentGroup from './components/ComponentGroup/index.vue'
 import TagSelect from './components/TagSelect/index.vue'
 import FilterList from './components/FilterList/index.vue'
 import FilterTabs from './components/FilterTabs/index.vue'
+import { lcbProductItemContentTypes } from '../lcb-product-item/types'
+
 import './index.scss'
 import { FORM_KEY } from '../../constants'
 const attrs = useAttrs()
 
+const slotNames = [...lcbProductItemContentTypes, 'item']
+
 defineOptions({
   name: 'LcbList',
   options: {

package/components/lcb-list/types.ts

@@ -29,7 +29,7 @@ export const defaultLcbListProps: LcbListProps = {
   pageFilterType: 'hotelTravelFilter',
   border: true,
   styleMode: 'default',
-  listType: 'grid',
+  listType: 'list',
   // @ts-ignore
   pageListProps: () => ({
     productProps: {

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

@@ -52,7 +52,7 @@
             name="zuo_left"
             @click="toBack"
             :color="contentColor"
-            size="44rpx"
+            size="24px"
           />
         </template>
         <view class="ml-2" v-if="titleLocation === 'left'">

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

@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { computed, useAttrs } from 'vue'
 import { LcbProductProps } from './types'
+import { lcbProductItemContentTypes } from '../lcb-product-item/types'
+
 const attrs = useAttrs()
 defineOptions({
   name: 'LcbProduct',
@@ -17,16 +19,39 @@ const props = withDefaults(defineProps<LcbProductProps>(), {
   imageHeightPercent: (300 / 560) * 100,
   itemHeight: 560,
 } as any)
+defineSlots<{
+  image(): any
+  title(): any
+  subTitle(): any
+  price(): any
+  priceUnit(): any
+  priceSuffix(): any
+  originPrice(): any
+  originPriceUnit(): any
+  tags(): any
+  location(): any
+  distance(): 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}%` }"
-        />
+        <slot name="item" :item="item">
+          <lcb-product-item
+            v-bind="{ ...item, ...attrs }"
+            :imageStyle="{ width: `${imageWidthPercent}%` }"
+          >
+            <template
+              v-for="slotName in lcbProductItemContentTypes"
+              :key="slotName"
+              #[slotName]="slotContext"
+            >
+              <slot :name="slotName" v-bind="slotContext" />
+            </template>
+          </lcb-product-item>
+        </slot>
       </view>
     </view>
 
@@ -34,12 +59,22 @@ const props = withDefaults(defineProps<LcbProductProps>(), {
       <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}%` }"
-            />
+            <slot name="item" :item="item">
+              <lcb-product-item
+                v-bind="{ ...item, ...attrs }"
+                layoutType="vertical"
+                className="!h-full"
+                :imageStyle="{ height: `${imageHeightPercent}%` }"
+              >
+                <template
+                  v-for="slotName in lcbProductItemContentTypes"
+                  :key="slotName"
+                  #[slotName]="slotContext"
+                >
+                  <slot :name="slotName" v-bind="slotContext" />
+                </template>
+              </lcb-product-item>
+            </slot>
           </view>
         </view>
       </view>
@@ -52,7 +87,17 @@ const props = withDefaults(defineProps<LcbProductProps>(), {
           :key="`${item?.productId}:${index}`"
           class="!w-66vw flex-shrink-0"
         >
-          <lcb-product-item v-bind="item" imageClass="!w-1/2" />
+          <slot name="item" :item="item">
+            <lcb-product-item v-bind="item" imageClass="!w-1/2">
+              <template
+                v-for="slotName in lcbProductItemContentTypes"
+                :key="slotName"
+                #[slotName]="slotContext"
+              >
+                <slot :name="slotName" v-bind="slotContext" />
+              </template>
+            </lcb-product-item>
+          </slot>
         </view>
       </view>
     </scroll-view>

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

@@ -14,6 +14,20 @@ const props = withDefaults(
   {},
 )
 
+// defineSlots<{
+//   image(): any
+//   title(): any
+//   subTitle(): any
+//   price(): any
+//   priceUnit(): any
+//   priceSuffix(): any
+//   originPrice(): any
+//   originPriceUnit(): any
+//   tags(): any
+//   location(): any
+//   distance(): any
+// }>()
+
 const visible = computed(() => {
   return itemProps?.[`${props?.prop}Visible`] ?? true
 })
@@ -31,85 +45,83 @@ const value = computed(() => {
 <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>
+    <slot :value="value" v-if="prop === 'image'" name="image">
+      <view :value="value" :class="className" :style="style">
+        <image :src="value" class="w-full h-full" mode="aspectFill" />
+      </view>
+    </slot>
 
     <!-- 标题 -->
-    <view
-      v-if="prop === 'title'"
-      :class="className"
-      :style="style"
-      :value="value"
-      class="text-ellipsis line-clamp-2"
-    >
-      <view>{{ value }}</view>
-    </view>
+    <slot :value="value" v-if="prop === 'title'" name="title">
+      <view :class="className" :style="style" :value="value" class="text-ellipsis line-clamp-1">
+        <view>{{ value }}</view>
+      </view>
+    </slot>
 
     <!-- 位置 -->
-    <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>
+    <slot :value="value" v-if="prop === 'location'" name="location">
+      <view
+        :class="className"
+        :style="style"
+        :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>
+    </slot>
 
     <!-- 标签 -->
-    <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"
+    <slot :value="value" v-if="prop === 'tags'" name="tags">
+      <view
         :class="className"
         :style="style"
-        plain
-        type="primary"
+        :value="value"
+        class="flex gap-1 whitespace-nowrap overflow-auto"
       >
-        {{ tag }}
-      </wd-tag>
-    </view>
+        <wd-tag
+          v-for="tag in value"
+          :key="tag"
+          class="!text-20rpx"
+          :class="className"
+          :style="style"
+          plain
+          type="primary"
+        >
+          {{ tag }}
+        </wd-tag>
+      </view>
+    </slot>
 
     <!-- 价格单位 -->
-    <view
-      :class="className"
-      :style="style"
-      v-if="prop === 'priceUnit'"
-      :value="value"
-      class="text-red-500 font-bold text-22rpx"
-    >
-      <view>{{ value }}</view>
-    </view>
+    <slot :value="value" v-if="prop === 'priceUnit'" name="priceUnit">
+      <view
+        :class="className"
+        :style="style"
+        :value="value"
+        class="text-red-500 font-bold text-22rpx"
+      >
+        <view>{{ value }}</view>
+      </view>
+    </slot>
 
     <!-- 价格 -->
-    <view
-      :class="className"
-      :style="style"
-      v-if="prop === 'price'"
-      :value="value"
-      class="text-red-500 font-bold text-27rpx"
-    >
-      <view>{{ value }}</view>
-    </view>
+    <slot :value="value" v-if="prop === 'price'" name="price">
+      <view
+        :class="className"
+        :style="style"
+        :value="value"
+        class="text-red-500 font-bold text-27rpx"
+      >
+        <view>{{ value }}</view>
+      </view>
+    </slot>
 
     <!-- 价格后缀 -->
-    <view
-      :class="className"
-      :style="style"
-      v-if="prop === 'priceSuffix'"
-      :value="value"
-      class="text-22rpx"
-    >
-      <view>{{ value }}</view>
-    </view>
+    <slot :value="value" v-if="prop === 'priceSuffix'" name="priceSuffix">
+      <view :class="className" :style="style" :value="value" class="text-22rpx">
+        <view>{{ value }}</view>
+      </view>
+    </slot>
   </template>
 </template>

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

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed, provide, useAttrs } from 'vue'
-import { LcbProductItemProps } from './types'
+import { lcbProductItemContentTypes, LcbProductItemProps } from './types'
 import ItemValue from './components/ItemValue.vue'
 
 defineOptions({
@@ -32,25 +32,59 @@ const attrs = useAttrs()
 
 provide('lcb-product-item-props', props)
 
+defineSlots<{
+  image(): any
+  title(): any
+  subTitle(): any
+  price(): any
+  priceUnit(): any
+  priceSuffix(): any
+  originPrice(): any
+  originPriceUnit(): any
+  tags(): any
+  location(): any
+  distance(): any
+}>()
+
 // console.log('attrs', attrs)
 </script>
 
 <template>
   <!-- 横向布局 -->
   <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" />
+    <ItemValue prop="image" className="w-1/3 h-220rpx bg-gray-100 rounded-sm overflow-hidden">
+      <template
+        v-for="slotName in lcbProductItemContentTypes"
+        :key="slotName"
+        #[slotName]="slotContext"
+      >
+        <slot :name="slotName" v-bind="slotContext" />
+      </template>
+    </ItemValue>
     <view class="flex flex-col flex-1 gap-2 justify-between text-26rpx overflow-hidden">
       <view class="flex flex-col gap-2 overflow-hidden">
-        <ItemValue v-for="prop in ['title', 'location', 'tags']" :prop="prop" :key="prop" />
+        <ItemValue v-for="prop in ['title', 'location', 'tags']" :prop="prop" :key="prop">
+          <template
+            v-for="slotName in lcbProductItemContentTypes"
+            :key="slotName"
+            #[slotName]="slotContext"
+          >
+            <slot :name="slotName" v-bind="slotContext" />
+          </template>
+        </ItemValue>
       </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"
-          />
+          <ItemValue v-for="prop in ['priceUnit', 'price', 'priceSuffix']" :prop="prop" :key="prop">
+            <template
+              v-for="slotName in lcbProductItemContentTypes"
+              :key="slotName"
+              #[slotName]="slotContext"
+            >
+              <slot :name="slotName" v-bind="slotContext" />
+            </template>
+          </ItemValue>
         </view>
       </view>
     </view>
@@ -58,23 +92,43 @@ provide('lcb-product-item-props', props)
 
   <!-- 竖向布局 -->
   <view v-if="layoutType === 'vertical'" :class="className" class="flex flex-col gap-2 bg-white">
-    <ItemValue prop="image" className="overflow-hidden" />
+    <ItemValue prop="image" className="overflow-hidden">
+      <template
+        v-for="slotName in lcbProductItemContentTypes"
+        :key="slotName"
+        #[slotName]="slotContext"
+      >
+        <slot :name="slotName" v-bind="slotContext" />
+      </template>
+    </ItemValue>
     <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" />
+        <ItemValue v-for="prop in ['title', 'location', 'tags']" :prop="prop" :key="prop">
+          <template
+            v-for="slotName in lcbProductItemContentTypes"
+            :key="slotName"
+            #[slotName]="slotContext"
+          >
+            <slot :name="slotName" v-bind="slotContext" />
+          </template>
+        </ItemValue>
       </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"
-          />
+          <ItemValue v-for="prop in ['priceUnit', 'price', 'priceSuffix']" :prop="prop" :key="prop">
+            <template
+              v-for="slotName in lcbProductItemContentTypes"
+              :key="slotName"
+              #[slotName]="slotContext"
+            >
+              <slot :name="slotName" v-bind="slotContext" />
+            </template>
+          </ItemValue>
         </view>
       </view>
     </view>