@tplc/business 0.4.28 → 0.4.29

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 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.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/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,41 @@ 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.valueName) {
+      map[v.value] = v
+      if (v.children) {
+        v.children.forEach((v) => {
+          map[v.value] = v
+        })
+      }
+    }
+  })
+  return map
+})
+
+const setValues = (params: Record<string, any>) => {
+  if (params[props.valueName]) {
+    syncValues(
+      props.valueName,
+      params[props.valueName].map((v) => optionsMap.value[v]),
+    )
+  }
+  modelKeys.value?.forEach((v: string) => {
+    if (v !== props.valueName && params[v]) {
+      const currentOptions = options.value.find((option) => option.valueName === v)
+      if (currentOptions) {
+        syncValues(
+          v,
+          params[v].map((v) => optionsMap.value[v]),
+        )
+      }
+    }
+  })
+}
 </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.29",
   "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/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