@tplc/business 0.4.80 → 0.4.81

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.81](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.80...v0.4.81) (2025-04-29)
+
 ### [0.4.80](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.78...v0.4.80) (2025-04-29)
 
 

package/components/lcb-filter-grid/lcb-filter-grid.vue

@@ -38,10 +38,10 @@
 </template>
 
 <script setup lang="ts">
-import { LcbFilterGridProps } from './types'
+import { inject, ref } from 'vue'
+import useSyncForm from '../../hooks/useSyncForm'
 import { transformValueUnit } from '../../utils/transform'
-import { inject, Ref, ref } from 'vue'
-import { FORM_KEY } from '../../constants'
+import { LcbFilterGridProps } from './types'
 defineOptions({
   name: 'LcbFilterGrid',
   options: {
@@ -51,7 +51,6 @@ defineOptions({
   },
 })
 const themeColor = inject('theme-color', '#3875FF')
-const form = inject<Ref<Record<string, any>>>(FORM_KEY)
 const props = withDefaults(defineProps<LcbFilterGridProps>(), {
   marginHorizontal: 24,
   height: 100,
@@ -61,6 +60,7 @@ const props = withDefaults(defineProps<LcbFilterGridProps>(), {
   imgRadius: 8,
   fontSize: 28,
 })
+const { syncForm } = useSyncForm(props.dynamicScope)
 const current = ref(-1)
 const handleClick = (index: number) => {
   const isCurrent = index === current.value
@@ -69,15 +69,11 @@ const handleClick = (index: number) => {
     const params = JSON.parse(props.items?.[index]?.name)
     if (isCurrent) {
       Object.keys(params).forEach((key) => {
-        form!.value[key] = undefined
+        syncForm({ [key]: undefined })
       })
       return
     }
-
-    form!.value = {
-      ...form!.value,
-      ...params,
-    }
+    syncForm(params)
   } catch (error) {
     console.error(error)
   }

package/components/lcb-filter-grid/types.ts

@@ -14,4 +14,5 @@ export interface LcbFilterGridProps extends LcbBlockProps {
   textPH?: number
   textPV?: number
   borderColor?: string
+  dynamicScope?: string
 }

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

@@ -17,12 +17,12 @@
 </template>
 
 <script setup lang="ts">
-import { inject, Ref, ref, watch, watchEffect, onMounted, onUnmounted } from 'vue'
+import { onMounted, onUnmounted, ref, watch, watchEffect } from 'vue'
 import useZPaging from 'z-paging/components/z-paging/js/hooks/useZPaging'
-import { FORM_KEY } from '../../../../constants'
+import useAutoHeight from '../../../../hooks/useAutoHeight'
+import useSyncForm from '../../../../hooks/useSyncForm'
 import { getCurrentPage } from '../../../../utils/utils'
 import { LcbFilterListProps } from './type'
-import useAutoHeight from '../../../../hooks/useAutoHeight'
 
 defineOptions({
   name: 'FilterList',
@@ -37,7 +37,7 @@ const props = defineProps<LcbFilterListProps>()
 const dataList = ref<unknown[]>([])
 const paging = ref()
 const { height } = useAutoHeight()
-const form = inject<Ref<Record<string, any>>>(FORM_KEY)
+const { form } = useSyncForm(props.dynamicScope)
 const refreshed = ref(false)
 useZPaging(paging)
 const modelValue = defineModel<unknown[]>({

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

@@ -7,4 +7,5 @@ export interface PageListProps {
 }
 export interface LcbFilterListProps extends PageListProps, LcbListInfo {
   autoHeight?: boolean
+  dynamicScope?: string
 }

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

@@ -30,6 +30,7 @@
       v-bind="{ ...info.listInfo, listType, ...props }"
       :autoHeight="!isSticky"
       v-model="items"
+      :dynamicScope="dynamicScope"
       @refresh="productRef?.clear?.()"
       v-if="mode === 'list'"
     >

package/components/lcb-list/types.ts

@@ -17,6 +17,7 @@ export interface LcbListProps extends LcbBlockProps {
   layoutType?: 'vertical' | 'horizontal'
   imageRadius?: number
   itemWidth?: number // 列表项宽度
+  dynamicScope?: string
 }
 export interface Option {
   label: string

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

@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { inject, Ref, ref, useAttrs, watch, watchEffect } from 'vue'
+import { isH5 } from '@tplc/wot/components/common/util'
 import UWaterfall from 'uview-plus/components/u-waterfall/u-waterfall.vue'
-import UnconditionedLayout from '../lcb-list/components/UnconditionedLayout/index.vue'
-import { LcbProductProps } from './types'
+import { ref, useAttrs, watch, watchEffect } from 'vue'
+import useSyncForm from '../../hooks/useSyncForm'
 import { transformValueUnit } from '../../utils/transform'
 import { calculateImageHeight } from '../../utils/utils'
-import { isH5 } from '@tplc/wot/components/common/util'
-import { FORM_KEY } from '../../constants'
+import UnconditionedLayout from '../lcb-list/components/UnconditionedLayout/index.vue'
+import { LcbProductProps } from './types'
 
 const uWaterfallRef = ref()
 defineOptions({
@@ -29,8 +29,8 @@ const props = withDefaults(defineProps<LcbProductProps>(), {
   paddingVertical: 24,
   sourceMode: 1,
 })
+const { form } = useSyncForm(props.dynamicScope)
 const renderList = ref<Record<string, any>[]>([])
-const form = inject<Ref<Record<string, any>>>(FORM_KEY)
 const screenWidth = isH5 ? window.innerWidth : uni.getWindowInfo().screenWidth
 watchEffect(() => {
   if (!props.filterList) return
@@ -67,7 +67,7 @@ const getData = async () => {
     const { data } = await uni.$lcb.http.post(props.requestUrl, {
       listType: props.listType,
       ...requestParams,
-      ...form!.value,
+      ...form.value,
     })
     renderList.value = data as Record<string, any>[]
   } else {
@@ -76,7 +76,7 @@ const getData = async () => {
   }
 }
 watch(
-  () => form!.value,
+  () => form.value,
   () => {
     if (props.listType === 'waterfall') {
       renderList.value = []

package/components/lcb-product/types.ts

@@ -37,4 +37,5 @@ export interface LcbProductProps extends LcbBlockProps {
       backgroundColor?: string
     }
   }
+  dynamicScope?: string
 }

package/components/lcb-tabs/components/Tabs/index.vue

@@ -16,8 +16,8 @@
 </template>
 
 <script setup lang="ts">
-import { FORM_KEY } from '../../../../constants'
-import { inject, ref, Ref, watch } from 'vue'
+import { ref, watch } from 'vue'
+import useSyncForm from '../../../../hooks/useSyncForm'
 import { LcbTabsProps } from '../../types'
 defineOptions({
   name: 'LcbTabsItem',
@@ -27,7 +27,7 @@ defineOptions({
     styleIsolation: 'shared',
   },
 })
-const form = inject<Ref<Record<string, any>>>(FORM_KEY)
+
 const tabs = ref()
 const props = withDefaults(defineProps<LcbTabsProps>(), {
   lineWidth: 19,
@@ -35,13 +35,10 @@ const props = withDefaults(defineProps<LcbTabsProps>(), {
   slidable: 'auto',
   slidableNum: 6,
 })
+const { syncForm } = useSyncForm(props.dynamicScope)
 const handleChange = (e: { name: string }) => {
   try {
-    const params = JSON.parse(e.name)
-    form!.value = {
-      ...form!.value,
-      ...params,
-    }
+    syncForm(JSON.parse(e.name))
   } catch (error) {
     console.error(error)
   }

package/components/lcb-tabs/components/Tags/index.vue

@@ -29,13 +29,12 @@
 </template>
 
 <script setup lang="ts">
-import { FORM_KEY } from '../../../../constants'
-import { LcbTabsProps } from '../../types'
-import { inject, ref, Ref } from 'vue'
+import { ref } from 'vue'
+import useSyncForm from '../../../../hooks/useSyncForm'
 import { transformValueUnit } from '../../../../utils/transform'
-
-withDefaults(defineProps<LcbTabsProps>(), {})
-const form = inject<Ref<Record<string, any>>>(FORM_KEY)
+import { LcbTabsProps } from '../../types'
+const props = withDefaults(defineProps<LcbTabsProps>(), {})
+const { syncForm } = useSyncForm(props.dynamicScope)
 const current = ref()
 defineOptions({
   name: 'LcbTagsItem',
@@ -48,11 +47,7 @@ defineOptions({
 const handleTagClick = (name: string, index: number) => {
   current.value = index
   try {
-    const params = JSON.parse(name)
-    form!.value = {
-      ...form!.value,
-      ...params,
-    }
+    syncForm(JSON.parse(name))
   } catch (error) {
     console.error(error)
   }

package/components/lcb-tabs/types.ts

@@ -15,4 +15,5 @@ export interface LcbTabsProps extends LcbBlockProps {
   mode?: 'tabs' | 'block'
   tagsMode?: 'scroll' | 'tiled'
   gap?: number
+  dynamicScope?: string
 }

package/hooks/useSyncForm.ts

@@ -0,0 +1,39 @@
+import { FORM_KEY, PAGE_DYNAMIC_DATA } from '../constants'
+import { computed, inject, Ref } from 'vue'
+
+const useSyncForm = (dynamicScope?: string) => {
+  /** 上下文全局 */
+  const globalForm = inject(FORM_KEY) as Ref<Record<string, any>>
+  /** 上下文局部form */
+  const pageDynamicData = inject(PAGE_DYNAMIC_DATA) as Ref<Record<string, any>>
+  const syncForm = (params: Record<string, any>) => {
+    if (dynamicScope) {
+      pageDynamicData.value[dynamicScope] = {
+        ...pageDynamicData.value[dynamicScope],
+        ...params,
+      }
+    } else {
+      globalForm.value = {
+        ...globalForm.value,
+        ...params,
+      }
+    }
+  }
+
+  const form = computed(() => {
+    if (dynamicScope) {
+      return {
+        ...globalForm?.value,
+        ...pageDynamicData.value[dynamicScope],
+      }
+    }
+    return globalForm?.value
+  })
+
+  return {
+    syncForm,
+    form,
+  }
+}
+
+export default useSyncForm

package/package.json

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

package/types/components/lcb-filter-grid/types.d.ts

@@ -13,4 +13,5 @@ export interface LcbFilterGridProps extends LcbBlockProps {
   textPH?: number
   textPV?: number
   borderColor?: string
+  dynamicScope?: string
 }

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

@@ -7,4 +7,5 @@ export interface PageListProps {
 }
 export interface LcbFilterListProps extends PageListProps, LcbListInfo {
   autoHeight?: boolean
+  dynamicScope?: string
 }

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

@@ -62,6 +62,7 @@ declare const __VLS_component: import('vue').DefineComponent<
     imageWidth: number
     borderRadius: number
     imageHeight: number
+    dynamicScope: string
     border: boolean
     listType: 'list' | 'horizontal' | 'grid' | 'waterfall'
     pageFilterType: string

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

@@ -16,6 +16,7 @@ export interface LcbListProps extends LcbBlockProps {
   layoutType?: 'vertical' | 'horizontal'
   imageRadius?: number
   itemWidth?: number
+  dynamicScope?: string
 }
 export interface Option {
   label: string

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

@@ -34,4 +34,5 @@ export interface LcbProductProps extends LcbBlockProps {
       backgroundColor?: string
     }
   }
+  dynamicScope?: string
 }

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

@@ -14,4 +14,5 @@ export interface LcbTabsProps extends LcbBlockProps {
   mode?: 'tabs' | 'block'
   tagsMode?: 'scroll' | 'tiled'
   gap?: number
+  dynamicScope?: string
 }

package/types/hooks/useSyncForm.d.ts

@@ -0,0 +1,5 @@
+declare const useSyncForm: (dynamicScope?: string) => {
+  syncForm: (params: Record<string, any>) => void
+  form: import('vue').ComputedRef<any>
+}
+export default useSyncForm