@tplc/business 0.4.28 → 0.4.30

package/CHANGELOG.md

@@ -2,6 +2,38 @@
 
 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.30](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.27...v0.4.30) (2025-03-28)
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.1.74 ([49a4e72](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/49a4e720a3744603630bbe7e042a5bb3ba2e4033))
+* **release:** 0.1.75 ([282ba19](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/282ba19d36ce4949929c105fb276d74ad1ca1986))
+* **release:** 0.4.28 ([ba26479](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/ba264791fe2027308ab17cc27d6e9731d9773ba9))
+* **release:** 0.4.29 ([ac8affb](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/ac8affb6c17cdd9dcdfa8bc0a585e7ff40322509))
+
+
+### ✨ Features | 新功能
+
+* backup ([5934345](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/59343452497456c698c7c6e0d9cafb4cc18ea842))
+* lcb-city-select 自动清空额外字段 ([229b530](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/229b530f93fe237a9674a48c1248cae955fa9006))
+* search 焦点 ([76a175f](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/76a175ff3fc3f91c66bedf39af6780f11d0cb686))
+* 初始化字段 ([2bb232b](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/2bb232bcf514bb880e92ebe2e1c78c424f5a22b6))
+* 同步city ([155266f](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/155266f0e8dd302b5e974968552146e6d8448f5d))
+* 字段同步 ([5395b64](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/5395b6415bbb5d7ef7396fbc949940ce0ccab2a5))
+* 支持img ([508b7f9](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/508b7f97b40f3c473e8a4528814db54b74e8b919))
+* 暂时完善数据同步 ([66af8a1](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/66af8a18e04913c407ccae7e1463a19b6aa584c3))
+* 暂时完成数据 ([0e97d09](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/0e97d09182421a21a90659a785e10ae5489d9e61))
+* 样式 ([5e4039c](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/5e4039ca29a673da67790e424cf2e7fc35fa1d1d))
+* 调整组件 ([6b4ce6c](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/6b4ce6c95ee380e143df93b6de16e6c8af0116d7))
+
+### [0.4.29](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.28...v0.4.29) (2025-03-27)
+
+
+### ✨ Features | 新功能
+
+* 调整组件 ([6b4ce6c](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/6b4ce6c95ee380e143df93b6de16e6c8af0116d7))
+
 ### [0.4.28](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.1.75...v0.4.28) (2025-03-27)
 
 

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

@@ -7,6 +7,7 @@
         <view v-if="child.component === 'slider'" class="!text-26rpx slider-title">
           {{
             getSliderTitle(
+              translate,
               innerFilter[child.valueName],
               child.componentProps.max,
               child.componentProps.min,
@@ -41,6 +42,7 @@ import FilterSlider from '../FilterSlider/index.vue'
 import TagSelect from '../TagSelect/index.vue'
 import ActionView from '../ActionView/index.vue'
 import { useTranslate } from '@tplc/wot'
+import { getSliderTitle } from '../../../../utils/transform'
 defineOptions({
   name: 'ComponentGroup',
   options: {
@@ -83,22 +85,6 @@ const onCancel = () => {
 const onSubmit = () => {
   emits('submit', innerFilter.value)
 }
-const getSliderTitle = (value?: number[], max = 0, min = 0) => {
-  if (value) {
-    const [start, end] = value
-    if (start === min && end === max) {
-      return translate('不限')
-    } else if (end === max || end === undefined) {
-      return `¥${start}` + translate('以上')
-    } else if (start === min) {
-      return `¥${end}` + translate('以下')
-    } else {
-      return `¥${start}-${end}`
-    }
-  } else {
-    return ''
-  }
-}
 </script>
 <style lang="scss" scoped>
 @import '@tplc/wot/components/common/abstracts/variable';

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

@@ -36,6 +36,8 @@ import SelectTagView from '../SelectTagView/index.vue'
 import { onMounted, onUnmounted, ref, watch, inject } from 'vue'
 import type { SliderInstance } from '@tplc/wot/components/wd-slider/types'
 import useSyncValues from '../../hooks/useSyncValues'
+import { getSliderTitle } from '../../../../utils/transform'
+import { useTranslate } from '@tplc/wot'
 defineOptions({
   name: 'FilterSlider',
   options: {
@@ -50,6 +52,7 @@ const slider = ref<SliderInstance>()
 const props = withDefaults(defineProps<FilterSliderProps>(), {
   step: 100,
 })
+const { translate } = useTranslate()
 const model = defineModel<number[]>()
 const innerValue = ref<number[]>()
 const { syncValues } = useSyncValues()
@@ -91,7 +94,7 @@ watch(
       props.valueName,
       [
         {
-          label: `${innerValue.value?.[0]}${props.unit} - ${innerValue.value?.[1]}${props.unit}`,
+          label: getSliderTitle(translate, innerValue.value, props.max, props.min),
           value: `${innerValue.value}`,
         },
       ],

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

@@ -60,11 +60,13 @@
 </template>
 
 <script setup lang="ts">
-import { getCurrentInstance, nextTick, watch, ref, computed, onMounted } from 'vue'
+import { getCurrentInstance, nextTick, watch, ref, computed } from 'vue'
 import { TreeSelectProps } from './type'
 import useSelect from '../../hooks/useSelect'
 import SelectTagView from '../SelectTagView/index.vue'
 import ActionView from '../ActionView/index.vue'
+import useSyncValues from '../../hooks/useSyncValues'
+import { Option } from '../../types'
 defineOptions({
   name: 'TreeSelect',
   options: {
@@ -75,6 +77,7 @@ defineOptions({
 })
 const props = defineProps<TreeSelectProps>()
 const modelKeys = defineModel<string[]>('keys')
+const { syncValues } = useSyncValues()
 const innerValue = ref(props.value)
 const toView = ref('')
 const extraModel = ref({
@@ -97,11 +100,14 @@ const { onItemClick, options, getChecked } = useSelect(props, {
   onOpen,
 })
 const currentCategory = ref(0)
+
 const onSubmit = () => {
-  emits('submit', {
+  const params = {
     ...extraModel.value,
     [props.valueName]: innerValue.value,
-  })
+  }
+  setValues(params)
+  emits('submit', params)
 }
 const onCategoryClick = (index: number) => {
   currentCategory.value = index
@@ -149,6 +155,45 @@ const onCancel = () => {
     {} as Record<string, any>,
   )
 }
+/** 递归获取optionsMap key为value 值位options  */
+const optionsMap = computed(() => {
+  const map = {} as Record<string, Option>
+  options.value.forEach((v) => {
+    if (v.value) {
+      map[`${v.valueName || props.valueName}_${v.value}`] = v
+    }
+
+    if (v.children) {
+      v.children.forEach((child) => {
+        map[`${v.valueName || props.valueName}_${child.value}`] = child
+      })
+    }
+  })
+  return map
+})
+
+const setValues = (params: Record<string, any>) => {
+  const getOptions = (value: string | string[], valueName: string) => {
+    if (Array.isArray(value)) {
+      return value.map((v) => optionsMap.value[`${valueName}_${v}`])
+    } else {
+      return [optionsMap.value[`${valueName}_${value}`]]
+    }
+  }
+  if (params[props.valueName]) {
+    const options = getOptions(params[props.valueName], props.valueName)
+    syncValues(props.valueName, options)
+  }
+  modelKeys.value?.forEach((v: string) => {
+    if (v !== props.valueName && params[v]) {
+      const currentOptions = options.value.find((option) => option.valueName === v)
+      if (currentOptions) {
+        const options = getOptions(params[v], v)
+        syncValues(v, options)
+      }
+    }
+  })
+}
 </script>
 <style lang="scss" scoped>
 @import '@tplc/wot/components/common/abstracts/variable';

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

@@ -0,0 +1,124 @@
+<template>
+  <view v-if="extendJson" :style="itemStyle" class="overflow-hidden text-3">
+    <view
+      class="flex items-center justify-center p-3 bg-white box-border"
+      v-if="extendJson.resultTitle"
+    >
+      <view class="flex items-center justify-center">
+        <img :src="extendJson.resultIcon" alt="" class="w-4 h-4" />
+        <view class="ml-2">
+          <view class="mt-1">{{ extendJson.resultTitle }}</view>
+          <view class="text-#969696 text-2.5">{{ extendJson.resultSubTitle }}</view>
+        </view>
+      </view>
+    </view>
+    <view class="p-3 bg-#F5F5F5 box-border">
+      <view class="flex items-center justify-between">
+        <view class="flex items-center gap-1">
+          <img :src="extendJson.optionIcon" alt="" class="w-3 h-3" />
+          {{ extendJson.optionTitle }}
+        </view>
+        <view class="flex items-center justify-center" @click="handleClearAll">
+          <wd-icon name="delete1" size="16" />
+          <text class="ml-0.5">清空</text>
+        </view>
+      </view>
+      <view class="flex flex-wrap gap-1 mt-2">
+        <block v-for="tag in options" :key="tag.key">
+          <view
+            v-for="option in tag.options"
+            :key="option.value"
+            @click="removeTag(option.value, tag.key, tag.options!.length)"
+            class="rounded-1 flex items-center bg-white px-2 py-0.5 gap-1 box-border overflow-hidden"
+          >
+            <text class="tag-text text-3">{{ option.label }}</text>
+            <wd-icon name="close" size="20rpx" color="#969696" />
+          </view>
+        </block>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script lang="ts" setup>
+import { ListFormChooserValues } from '../../types'
+import { LIST_FORM_CHOOSER_VALUES, FORM_KEY } from '../../../../constants'
+import { Ref, computed, inject } from 'vue'
+import { transformValueUnit } from '../../../../utils/transform'
+defineOptions({
+  name: 'UnconditionedLayout',
+  options: {
+    addGlobalClass: true,
+    virtualHost: true,
+  },
+})
+interface UnconditionedLayoutConfig {
+  optionTitle: string
+  resultIcon: string
+  resultTitle: string
+  optionIcon: string
+  resultSubTitle: string
+}
+
+const list = inject(LIST_FORM_CHOOSER_VALUES) as Ref<ListFormChooserValues>
+const form = inject(FORM_KEY) as Ref<Record<string, any>>
+const props = withDefaults(
+  defineProps<{
+    extendJson?: UnconditionedLayoutConfig
+    borderRadius?: number
+    shadowSize?: number
+    shadowColor?: string
+    blurSize?: number
+  }>(),
+  {
+    borderRadius: 12,
+    shadowSize: 1,
+    shadowColor: '#D6D7DA',
+    blurSize: 5,
+  },
+)
+
+const itemStyle = computed(() => {
+  return {
+    borderRadius: transformValueUnit(props.borderRadius),
+    boxShadow:
+      props.shadowColor && props.shadowSize
+        ? `0px 0px ${props.blurSize}px ${props.shadowSize}px ${props.shadowColor}`
+        : '',
+  }
+})
+
+const options = computed(() => {
+  return Object.keys(list.value)
+    .filter((v) => list.value[v])
+    .map((v) => {
+      return {
+        key: v,
+        options: list.value[v],
+      }
+    })
+})
+
+/**
+ * 移除单个标签
+ */
+const removeTag = (value: string, key: string, length: number) => {
+  if (length === 1) {
+    form.value[key] = undefined
+    list.value[key] = []
+  } else {
+    list.value[key] = list.value[key]!.filter((v) => v.value !== value)
+    form.value[key] = form.value[key].filter((v: string) => v !== value)
+  }
+}
+
+/**
+ * 清空所有标签
+ */
+const handleClearAll = () => {
+  Object.keys(list.value).forEach((v) => {
+    form.value[v] = undefined
+    list.value[v] = []
+  })
+}
+</script>

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

@@ -43,6 +43,7 @@
 import { getCurrentPage } from '../../../utils/utils'
 import { getShareConfigList } from './api'
 import { ref, inject, watch } from 'vue'
+import lcbPoster from '../../lcb-poster/lcb-poster.vue'
 defineOptions({
   name: 'SharePopup',
   options: {

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

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { inject, Ref, ref, useAttrs, watch, watchEffect } from 'vue'
 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 { transformValueUnit } from '../../utils/transform'
 import { calculateImageHeight } from '../../utils/utils'
@@ -149,35 +150,37 @@ defineExpose({
         width: itemWidth ? `${itemWidth}rpx` : '100%',
       }"
     >
-      <lcb-action-view
-        v-for="(item, index) in renderList"
-        :key="`${item?.productId}:${index}`"
-        v-bind="item.link"
-      >
-        <slot name="item" :item="item">
-          <lcb-absolute-config-layout
-            v-if="renderItemAbsoluteConfigLayout"
-            :blocks="renderItemAbsoluteConfigLayout?.blocks"
-            :canvas="renderItemAbsoluteConfigLayout?.canvas"
-            :dataset="{
-              ...(renderItemAbsoluteConfigLayout?.dataset ?? {}),
-              ...item,
-            }"
-          />
-          <lcb-product-item
-            v-else
-            v-bind="{ ...item, ...$props, ...attrs }"
-            :layoutType="layoutType"
-            :coverImgStyle="{
-              width: layoutType === 'vertical' ? '100%' : transformValueUnit(imageWidth),
-              height: layoutType === 'vertical' ? transformValueUnit(imageHeight) : undefined,
-              minHeight: layoutType !== 'vertical' ? transformValueUnit(imageHeight) : undefined,
-              borderRadius: imageRadius ? transformValueUnit(imageRadius) : undefined,
-              ...($props?.coverImgStyle ?? {}),
-            }"
-          ></lcb-product-item>
-        </slot>
-      </lcb-action-view>
+      <block v-for="(item, index) in renderList" :key="`${item?.productId}:${index}`">
+        <UnconditionedLayout
+          v-if="item.productType === 'noProductOption'"
+          v-bind="{ ...item, ...$props, ...attrs }"
+        />
+        <lcb-action-view v-bind="item.link" v-else>
+          <slot name="item" :item="item">
+            <lcb-absolute-config-layout
+              v-if="renderItemAbsoluteConfigLayout"
+              :blocks="renderItemAbsoluteConfigLayout?.blocks"
+              :canvas="renderItemAbsoluteConfigLayout?.canvas"
+              :dataset="{
+                ...(renderItemAbsoluteConfigLayout?.dataset ?? {}),
+                ...item,
+              }"
+            />
+            <lcb-product-item
+              v-else
+              v-bind="{ ...item, ...$props, ...attrs }"
+              :layoutType="layoutType"
+              :coverImgStyle="{
+                width: layoutType === 'vertical' ? '100%' : transformValueUnit(imageWidth),
+                height: layoutType === 'vertical' ? transformValueUnit(imageHeight) : undefined,
+                minHeight: layoutType !== 'vertical' ? transformValueUnit(imageHeight) : undefined,
+                borderRadius: imageRadius ? transformValueUnit(imageRadius) : undefined,
+                ...($props?.coverImgStyle ?? {}),
+              }"
+            ></lcb-product-item>
+          </slot>
+        </lcb-action-view>
+      </block>
     </view>
     <!-- 双列 -->
     <view

package/package.json

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

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

@@ -0,0 +1,83 @@
+interface UnconditionedLayoutConfig {
+  optionTitle: string
+  resultIcon: string
+  resultTitle: string
+  optionIcon: string
+  resultSubTitle: string
+}
+declare const _default: import('vue').DefineComponent<
+  __VLS_WithDefaults<
+    __VLS_TypePropsToOption<{
+      extendJson?: UnconditionedLayoutConfig
+      borderRadius?: number
+      shadowSize?: number
+      shadowColor?: string
+      blurSize?: number
+    }>,
+    {
+      borderRadius: number
+      shadowSize: number
+      shadowColor: string
+      blurSize: number
+    }
+  >,
+  {},
+  unknown,
+  {},
+  {},
+  import('vue').ComponentOptionsMixin,
+  import('vue').ComponentOptionsMixin,
+  {},
+  string,
+  import('vue').PublicProps,
+  Readonly<
+    import('vue').ExtractPropTypes<
+      __VLS_WithDefaults<
+        __VLS_TypePropsToOption<{
+          extendJson?: UnconditionedLayoutConfig
+          borderRadius?: number
+          shadowSize?: number
+          shadowColor?: string
+          blurSize?: number
+        }>,
+        {
+          borderRadius: number
+          shadowSize: number
+          shadowColor: string
+          blurSize: number
+        }
+      >
+    >
+  >,
+  {
+    shadowColor: string
+    shadowSize: number
+    blurSize: number
+    borderRadius: number
+  },
+  {}
+>
+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_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/utils/transform.d.ts

@@ -5,3 +5,9 @@ export declare const getJsonStrFirstUrl: (jsonStr?: string) => any
 export declare const getJsonStrList: (jsonStr?: string) => any
 /** 删除其他外部字段 */
 export declare const cleanOutSizeKeys: (obj: Record<string, any>, keys?: string[]) => {}
+export declare const getSliderTitle: (
+  translate: (v: string) => string,
+  value?: number[],
+  max?: number,
+  min?: number,
+) => string

package/utils/transform.ts

@@ -26,3 +26,25 @@ export const cleanOutSizeKeys = (
     return acc
   }, {})
 }
+
+export const getSliderTitle = (
+  translate: (v: string) => string,
+  value?: number[],
+  max = 0,
+  min = 0,
+) => {
+  if (value) {
+    const [start, end] = value
+    if (start === min && end === max) {
+      return translate('不限')
+    } else if (end === max || end === undefined) {
+      return `¥${start}` + translate('以上')
+    } else if (start === min) {
+      return `¥${end}` + translate('以下')
+    } else {
+      return `¥${start}-${end}`
+    }
+  } else {
+    return ''
+  }
+}

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

@@ -1,84 +0,0 @@
-<template>
-  <view class="un-condi-layout p-3">
-    <view class="un-condi-tags">
-      <view v-for="(tag, index) in tags" :key="index" class="un-condi-tag radius-12rpx m-1">
-        <text class="tag-text text-3">{{ tag.label }}</text>
-        <text class="tag-close" @click="handleRemoveTag(tag, index)">×</text>
-      </view>
-    </view>
-    <view class="un-condi-clear" @click="handleClearAll">
-      <wd-img src="/static/icons/clear.png" width="40rpx" height="40rpx" />
-      <text class="clear-text text-3 text-#969696 m-1">清空</text>
-    </view>
-  </view>
-</template>
-
-<script lang="ts" setup>
-import type { PropType } from 'vue'
-
-interface TagItem {
-  label: string
-  value: string | number
-  type?: string
-}
-
-const props = defineProps({
-  tags: {
-    type: Array as PropType<TagItem[]>,
-    default: () => [],
-  },
-})
-
-/**
- * 移除单个标签
- */
-const handleRemoveTag = (tag: TagItem, index: number) => {}
-
-/**
- * 清空所有标签
- */
-const handleClearAll = () => {}
-</script>
-
-<style lang="scss" scoped>
-.un-condi-layout {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-  background-color: #fff;
-}
-
-.un-condi-tags {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  flex: 1;
-}
-
-.un-condi-tag {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  padding: 10rpx 20rpx;
-  background-color: #f5f5f5;
-
-  .tag-text {
-    color: #333;
-  }
-
-  .tag-close {
-    margin-left: 10rpx;
-    font-size: 32rpx;
-    color: #969696;
-  }
-}
-
-.un-condi-clear {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  padding-left: 20rpx;
-}
-</style>

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

@@ -1,36 +0,0 @@
-import type { PropType } from 'vue'
-interface TagItem {
-  label: string
-  value: string | number
-  type?: string
-}
-declare const _default: import('vue').DefineComponent<
-  {
-    tags: {
-      type: PropType<TagItem[]>
-      default: () => never[]
-    }
-  },
-  {},
-  unknown,
-  {},
-  {},
-  import('vue').ComponentOptionsMixin,
-  import('vue').ComponentOptionsMixin,
-  {},
-  string,
-  import('vue').PublicProps,
-  Readonly<
-    import('vue').ExtractPropTypes<{
-      tags: {
-        type: PropType<TagItem[]>
-        default: () => never[]
-      }
-    }>
-  >,
-  {
-    tags: TagItem[]
-  },
-  {}
->
-export default _default