@tplc/business 0.4.117 → 0.4.118

package/CHANGELOG.md

@@ -2,6 +2,29 @@
 
 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.118](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.117...v0.4.118) (2025-05-19)
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.4.115 ([2d74c83](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/2d74c838e391ad6517877fbcbf3a1867a8cdf053))
+
+
+### ✨ Features | 新功能
+
+* button 预览图片修改 ([1e27b47](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/1e27b4719962edb6d1223f159b75c7784aea4066))
+* 反选判断 ([6dea74e](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/6dea74e65d9843766f7911eff2b01b00d72320d6))
+* 暂时提交 ([0921daa](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/0921daa2e8226bbedafeb64a5e3c2e0522228c82))
+* 暂时提交area支持list 还差样式 ([a815d4b](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/a815d4be226a97ef91a63cbce90cdb51feb4540d))
+* 补充文档 ([45cffbd](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/45cffbd548e36ac779c44e6caee637c0b858a432))
+
+### [0.4.115](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.112...v0.4.115) (2025-05-15)
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.4.113 ([72dd9dd](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/72dd9dd453292322440b0b1ce06ec70e6ba094ff))
+* **release:** 0.4.114 ([775e408](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/775e408f8aa9ecca5477c60ec99c28cbd34a0e8b))
 ### [0.4.117](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.116...v0.4.117) (2025-05-15)
 
 ### [0.4.116](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.115...v0.4.116) (2025-05-15)
@@ -16,12 +39,9 @@ All notable changes to this project will be documented in this file. See [standa
 
 ### ✨ Features | 新功能
 
-* 动态图片跳转 ([2061cc9](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/2061cc92205af00523e94825b3aef32102fabe17))
-
-### [0.4.114](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.113...v0.4.114) (2025-05-14)
-
+* history 根据productName唯一 ([27149ba](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/27149ba0de8dd19cb84be79703d9915222634a99))
+* propmt ([7904ba7](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/7904ba753b23dd38ca995c64a2a9c269ad9c95de))
 
-### ✨ Features | 新功能
 
 * wec ([86e30e1](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/86e30e1b610da8c4441b264cf2e0cefe35739af6))
 

package/action.d.ts

@@ -18,7 +18,15 @@ export type IResData<T> = {
   msg: string
   data: T
 }
-
+export interface DataSource {
+  source?: 'remote' | 'context' | 'user'
+  requestInfo?: {
+    requestUrl: string
+    requestParams: Record<string, unknown>
+  }
+  /** 动态key */
+  dependKey?: string
+}
 export interface LcbGlobal {
   http: {
     get<T>(url: string, query?: Record<string, any> | undefined): Promise<IResData<T>>

package/components/lcb-area/components/LcbAreaItem/index.vue

@@ -0,0 +1,81 @@
+<template>
+  <view
+    class="h-full"
+    :style="{
+      display: display,
+      gap: transformValueUnit(gap),
+      overflowX: scrollX ? 'auto' : 'initial',
+      ...innerStyle,
+    }"
+  >
+    <view
+      v-for="(item, index) in list"
+      :key="item.id"
+      class="slot-wrapper"
+      :style="{
+        ...getStyle(index),
+        overflowX,
+      }"
+    >
+      <slot :item="item" />
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+import { LcbAreaProps } from '../../types'
+import { transformValueUnit } from '@tplc/business/utils/transform'
+defineOptions({
+  name: 'LcbAreaItem',
+  options: {
+    addGlobalClass: true,
+    virtualHost: true,
+    styleIsolation: 'shared',
+  },
+})
+const props = withDefaults(
+  defineProps<
+    LcbAreaProps & {
+      data?: unknown
+    }
+  >(),
+  {},
+)
+
+const getStyle = (index: number) => {
+  const flex = props.areaFlexs?.[index]?.flex ?? 1
+  return {
+    gridColumn:
+      props.areaItems?.[index]?.colSpan && props.display === 'grid'
+        ? `span ${props.areaItems?.[index]?.colSpan} / span ${props.areaItems?.[index]?.colSpan}`
+        : undefined,
+    flex: props.display === 'flex' ? flex || 'auto' : undefined,
+    flexShrink: props.display === 'flex' ? (props.flexShrink ?? 1) : undefined,
+  }
+}
+const innerStyle = computed(() => {
+  // col-span-2
+  if (props.display === 'grid') {
+    return {
+      gridTemplateColumns: `repeat(${props.gridColumns}, minmax(0, 1fr))`,
+    }
+  }
+  return {
+    flexDirection: props.displayFlex,
+    alignItems: 'stretch',
+  }
+})
+</script>
+
+<style lang="scss" scoped>
+// 小程序的情况
+// #ifdef MP-WEIXIN
+.slot-wrapper {
+  :deep(> view) {
+    width: 100%;
+    height: 100%;
+  }
+}
+// #endif
+</style>

package/components/lcb-area/lcb-area.vue

@@ -1,34 +1,16 @@
 <template>
   <lcb-block v-bind="$props" v-if="showArea">
-    <view
-      class="h-full"
-      :style="{
-        display: display,
-        gap: transformValueUnit(gap),
-        overflowX: scrollX ? 'auto' : 'initial',
-        ...innerStyle,
-      }"
-    >
-      <view
-        v-for="(item, index) in list"
-        :key="item.id"
-        class="slot-wrapper"
-        :style="{
-          ...getStyle(index),
-          overflowX,
-        }"
-      >
-        <slot :item="item" />
-      </view>
+    <view v-for="(item, index) in renderList" :key="index">
+      <lcb-area-item v-bind="$props" :data="item" />
     </view>
   </lcb-block>
 </template>
 
 <script setup lang="ts">
-import { computed, inject, Ref } from 'vue'
+import { computed, inject, Ref, watchEffect, ref } from 'vue'
 import { LcbAreaProps } from './types'
-import { transformValueUnit } from '@tplc/business/utils/transform'
 import { get } from 'lodash-es'
+import LcbAreaItem from './components/LcbAreaItem/index.vue'
 import { PAGE_PROVIDE_KEY } from '@tplc/business/constants'
 defineOptions({
   name: 'LcbArea',
@@ -38,36 +20,14 @@ defineOptions({
     styleIsolation: 'shared',
   },
 })
+const pageInfo = inject(PAGE_PROVIDE_KEY) as Ref<Record<string, any>>
+const userStore = uni.$lcb.userStore?.()
 const props = withDefaults(defineProps<LcbAreaProps>(), {
   displayFlex: 'row',
   display: 'flex',
   overflowX: 'initial',
+  mode: 'single',
 })
-const pageInfo = inject(PAGE_PROVIDE_KEY) as Ref<Record<string, any>>
-const innerStyle = computed(() => {
-  // col-span-2
-  if (props.display === 'grid') {
-    return {
-      gridTemplateColumns: `repeat(${props.gridColumns}, minmax(0, 1fr))`,
-    }
-  }
-  return {
-    flexDirection: props.displayFlex,
-    alignItems: 'stretch',
-  }
-})
-
-const getStyle = (index: number) => {
-  const flex = props.areaFlexs?.[index]?.flex ?? 1
-  return {
-    gridColumn:
-      props.areaItems?.[index]?.colSpan && props.display === 'grid'
-        ? `span ${props.areaItems?.[index]?.colSpan} / span ${props.areaItems?.[index]?.colSpan}`
-        : undefined,
-    flex: props.display === 'flex' ? flex || 'auto' : undefined,
-    flexShrink: props.display === 'flex' ? (props.flexShrink ?? 1) : undefined,
-  }
-}
 
 const showArea = computed(() => {
   if (props.dependKey) {
@@ -76,20 +36,35 @@ const showArea = computed(() => {
     if (props.dependKeyCompareValue) {
       return `${value}` === `${props.dependKeyCompareValue}`
     }
+    if (value === undefined) {
+      return false
+    }
     return props.reverse ? !value : Boolean(value)
   }
   return true
 })
-</script>
 
-<style lang="scss" scoped>
-// 小程序的情况
-// #ifdef MP-WEIXIN
-.slot-wrapper {
-  :deep(> view) {
-    width: 100%;
-    height: 100%;
+const renderList = ref<unknown[]>([])
+
+watchEffect(async () => {
+  if (props.mode === 'single') {
+    renderList.value = [props.list]
+  } else {
+    if (props.dataSource?.source === 'remote') {
+      if (props.dataSource.requestInfo?.requestUrl) {
+        const { data } = await uni.$lcb.http.post(
+          props.dataSource.requestInfo.requestUrl,
+          props.dataSource.requestInfo.requestParams,
+        )
+        renderList.value = data as unknown[]
+      }
+    } else if (props.dataSource?.dependKey) {
+      renderList.value = get(
+        props.dataSource?.source === 'context' ? pageInfo.value : userStore?.userInfo,
+        props.dataSource?.dependKey,
+        [],
+      )
+    }
   }
-}
-// #endif
-</style>
+})
+</script>

package/components/lcb-area/types.ts

@@ -1,5 +1,8 @@
+import { DataSource } from '../../action'
 import { LcbBlockProps } from '../lcb-block/types'
 export interface LcbAreaProps extends LcbBlockProps {
+  mode?: 'single' | 'multiple'
+  dataSource?: DataSource
   id?: number
   fixed?: boolean
   unDraggable?: boolean

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

@@ -143,6 +143,9 @@ const renderItems = computed(() => {
         if (item.dependKeyCompareValue) {
           return `${value}` === `${item.dependKeyCompareValue}`
         }
+        if (value === undefined) {
+          return false
+        }
         return item.reverse ? !value : Boolean(value)
       }
       return true

package/package.json

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

package/types/components/lcb-area/components/LcbAreaItem/index.vue.d.ts

@@ -0,0 +1,70 @@
+import { LcbAreaProps } from '../../types'
+declare function __VLS_template(): {
+  default?(_: { item: LcbAreaProps }): any
+}
+declare const __VLS_component: import('vue').DefineComponent<
+  __VLS_WithDefaults<
+    __VLS_TypePropsToOption<
+      LcbAreaProps & {
+        data?: unknown
+      }
+    >,
+    {}
+  >,
+  {},
+  unknown,
+  {},
+  {},
+  import('vue').ComponentOptionsMixin,
+  import('vue').ComponentOptionsMixin,
+  {},
+  string,
+  import('vue').PublicProps,
+  Readonly<
+    import('vue').ExtractPropTypes<
+      __VLS_WithDefaults<
+        __VLS_TypePropsToOption<
+          LcbAreaProps & {
+            data?: unknown
+          }
+        >,
+        {}
+      >
+    >
+  >,
+  {},
+  {}
+>
+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-area/lcb-area.vue.d.ts

@@ -1,14 +1,12 @@
 import { LcbAreaProps } from './types'
-declare function __VLS_template(): {
-  default?(_: { item: LcbAreaProps }): any
-}
-declare const __VLS_component: import('vue').DefineComponent<
+declare const _default: import('vue').DefineComponent<
   __VLS_WithDefaults<
     __VLS_TypePropsToOption<LcbAreaProps>,
     {
       displayFlex: string
       display: string
       overflowX: string
+      mode: string
     }
   >,
   {},
@@ -28,21 +26,19 @@ declare const __VLS_component: import('vue').DefineComponent<
           displayFlex: string
           display: string
           overflowX: string
+          mode: string
         }
       >
     >
   >,
   {
+    mode: 'single' | 'multiple'
     display: 'flex' | 'grid'
     displayFlex: 'row' | 'column'
     overflowX: 'hidden' | 'initial' | 'auto'
   },
   {}
 >
-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
@@ -56,11 +52,6 @@ type __VLS_WithDefaults<P, D> = {
 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>

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

@@ -1,5 +1,8 @@
+import { DataSource } from '../../action'
 import { LcbBlockProps } from '../lcb-block/types'
 export interface LcbAreaProps extends LcbBlockProps {
+  mode?: 'single' | 'multiple'
+  dataSource?: DataSource
   id?: number
   fixed?: boolean
   unDraggable?: boolean