@tplc/business 0.4.176 → 0.4.177

package/CHANGELOG.md

@@ -2,6 +2,40 @@
 
 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.177](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.168...v0.4.177) (2025-07-30)
+
+
+### 🐛 Bug Fixes | Bug 修复
+
+* banner full ([6bc8e4f](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/6bc8e4f141501268eb0de572e951a0d9ad8fb091))
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.1.95 ([83cf3f2](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/83cf3f2ed13b244a3f997e85822da41afd3c3066))
+* **release:** 0.1.96 ([1e58cbc](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/1e58cbc43bf4787408cf722eea8a1831e64817fc))
+* **release:** 0.1.97 ([406abf5](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/406abf54c2870c30488bb24d29e1a73423dd63a3))
+* **release:** 0.4.169 ([d6dccb8](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/d6dccb88202fea89038d83b9d91bf1abf6aae8a0))
+* **release:** 0.4.170 ([2de0597](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/2de05977311c992ab5258eb0cb905e83533f6c62))
+* **release:** 0.4.171 ([9a071ae](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/9a071ae16fee11fdb21f2fe135bbc00879d2b126))
+* **release:** 0.4.172 ([ee5553b](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/ee5553bf9a26da10cbdc35ae136cfbd8bfd380ca))
+* **release:** 0.4.173 ([f176f38](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/f176f386bc3d0e82c237b3e0b5e153ae7eeb1912))
+* **release:** 0.4.174 ([d32354c](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/d32354c038b760bb04918200d240f4c019ea8c2f))
+* **release:** 0.4.175 ([199a3ec](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/199a3ecbe4cb1c95d076983b17dc60427530c6b3))
+* **release:** 0.4.176 ([8b1fe92](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/8b1fe92ffe3c4c94991a709f112f12fda2ebe255))
+
+
+### ✨ Features | 新功能
+
+* action custom path ([75fc5be](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/75fc5be17e8e7822e3fcf4dd15a73827abb7c743))
+* banner block full ([5a312ce](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/5a312ce1b94d35a1aa166317a9288aa80655fc2d))
+* 兼容点击 ([8b5912f](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/8b5912f9fde9b1265464aa19f4e9ef115a2a78ac))
+* 新增banner配置 ([4474b66](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/4474b662aa34d157ac679ec48d962461b7e5657c))
+* 新增配置 ([f61af5b](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/f61af5badafc10e9ed54c4bf8d944f7d841dc83e))
+* 调整为全局背景banner ([382f67e](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/382f67ecd2e7a282158909a4a07e4c1c71b8fdcb))
+* 调整字体大小 ([4665dae](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/4665dae2fedf1dc112179130da1b8c8393d6f677))
+* 调整布局点击 ([5bcc28a](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/5bcc28a02ad983b6c0542b08f03b491713e6f1a9))
+
 ### [0.4.176](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.175...v0.4.176) (2025-07-27)
 
 

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

@@ -1,80 +1,93 @@
 <template>
   <view
-    :class="{
-      'lcb-filter__border-top': showPlain ? false : border,
-      'lcb-filter__plain': showPlain,
-      'lcb-filter__view': !showPlain,
+    :style="{
+      '--lcb-filter-wrapper-bg-color': wrapperBgColor,
+      '--lcb-filter-wrapper-text-color': wrapperTextColor,
     }"
     class="w-100vw"
   >
-    <FilterTabs
-      v-model="filter[info?.filterTabs?.valueName]"
-      v-bind="info?.filterTabs?.componentProps"
-      v-if="info?.filterTabs"
-    />
-    <wd-drop-menu>
-      <wd-drop-menu-item
-        v-for="(item, index) in info?.filterComponent"
-        :key="item.valueName"
-        :title="titleObj[item.valueName] || item.filterName"
-        icon="caret-down-small"
-        icon-size="26rpx"
-        :selected="getSelect(item, index)"
-        :dot="getCount(item, index)"
-        ref="dropMenu"
-        @opened="handleOpened"
-        @open="handleOpen"
-      >
-        <view class="lcb-filter__popup">
-          <FilterSelect
-            v-if="item.component === 'select'"
-            v-bind="item.componentProps"
-            v-model="filter[item.valueName]"
-            :value-name="item.valueName"
-            :sort-type="item.sortType"
-            v-model:title="titleObj[item.valueName]"
-            @submit="onSubmit(index)"
-          />
-          <TreeSelect
-            v-else-if="item.component === 'treeSelect'"
-            v-bind="item.componentProps"
-            :value="filter[item.valueName]"
-            :value-name="item.valueName"
-            :sort-type="item.sortType"
-            :filter-value="filter"
-            v-model:keys="dynamicKeys[index]"
-            @submit="onSubmit(index, $event)"
-          />
-          <ComponentGroup
-            v-else-if="item.component === 'componentGroup'"
-            v-bind="item.componentProps"
-            :filter="filter"
-            @submit="onSubmit(index, $event)"
-          />
-        </view>
-      </wd-drop-menu-item>
-    </wd-drop-menu>
     <view
-      v-if="info?.filterTags || info.btnComponent"
-      class="px-3 pb-2 box-border flex items-center"
       :class="{
-        'mt-2': showPlain,
+        'lcb-filter__border-top': showPlain ? false : border,
+        'lcb-filter__plain': showPlain,
+        'lcb-filter__view': !showPlain,
+        'lcb-filter__hidden-box-shadow': hiddenBoxShadow,
       }"
+      class="w-full"
     >
-      <view class="flex gap-3.5 flex-1">
-        <TagSelect
-          v-for="tag in info.filterTags"
-          :key="tag.valueName"
-          size="small"
-          v-bind="tag.componentProps"
-          v-model="filter[tag.valueName]"
-          :value-name="tag.valueName"
-          :sort-type="tag.sortType"
-        />
+      <FilterTabs
+        v-model="filter[info?.filterTabs?.valueName]"
+        v-bind="info?.filterTabs?.componentProps"
+        v-if="info?.filterTabs"
+      />
+      <wd-drop-menu>
+        <wd-drop-menu-item
+          v-for="(item, index) in info?.filterComponent"
+          :key="item.valueName"
+          :title="titleObj[item.valueName] || item.filterName"
+          icon="caret-down-small"
+          icon-size="26rpx"
+          :selected="getSelect(item, index)"
+          :dot="getCount(item, index)"
+          ref="dropMenu"
+          @opened="handleOpened"
+          @open="handleOpen"
+        >
+          <view class="lcb-filter__popup">
+            <FilterSelect
+              v-if="item.component === 'select'"
+              v-bind="item.componentProps"
+              v-model="filter[item.valueName]"
+              :value-name="item.valueName"
+              :sort-type="item.sortType"
+              v-model:title="titleObj[item.valueName]"
+              @submit="onSubmit(index)"
+            />
+            <TreeSelect
+              v-else-if="item.component === 'treeSelect'"
+              v-bind="item.componentProps"
+              :value="filter[item.valueName]"
+              :value-name="item.valueName"
+              :sort-type="item.sortType"
+              :filter-value="filter"
+              v-model:keys="dynamicKeys[index]"
+              @submit="onSubmit(index, $event)"
+            />
+            <ComponentGroup
+              v-else-if="item.component === 'componentGroup'"
+              v-bind="item.componentProps"
+              :filter="filter"
+              @submit="onSubmit(index, $event)"
+            />
+          </view>
+        </wd-drop-menu-item>
+      </wd-drop-menu>
+      <view
+        v-if="info?.filterTags || info.btnComponent"
+        class="px-3 pb-2 box-border flex items-center"
+        :class="{
+          'mt-2': showPlain,
+        }"
+      >
+        <view class="flex gap-3.5 flex-1">
+          <TagSelect
+            v-for="tag in info.filterTags"
+            :key="tag.valueName"
+            size="small"
+            v-bind="tag.componentProps"
+            v-model="filter[tag.valueName]"
+            :value-name="tag.valueName"
+            :sort-type="tag.sortType"
+            :tag-select-bg-color="tagSelectBgColor"
+            :tag-select-text-color="tagSelectTextColor"
+            :tag-select-active-bg-color="tagSelectActiveBgColor"
+            :tag-select-active-text-color="tagSelectActiveTextColor"
+          />
+        </view>
+        <wd-button v-if="info?.btnComponent" custom-class="!h-60rpx opacity-primary">
+          {{ info?.btnComponent?.postRequest }}
+        </wd-button>
       </view>
-      <wd-button v-if="info?.btnComponent" custom-class="!h-60rpx opacity-primary">
-        {{ info?.btnComponent?.postRequest }}
-      </wd-button>
     </view>
   </view>
 </template>
@@ -165,4 +178,15 @@ const handleOpen = () => {
   uni.$emit('drop-open')
 }
 </script>
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.lcb-filter__view {
+  background-color: var(--lcb-filter-wrapper-bg-color) !important;
+  &.lcb-filter__hidden-box-shadow {
+    box-shadow: none !important;
+  }
+  :deep(.wd-drop-menu__list) {
+    background-color: var(--lcb-filter-wrapper-bg-color) !important;
+    color: var(--lcb-filter-wrapper-text-color) !important;
+  }
+}
+</style>

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

@@ -1,5 +1,15 @@
 <template>
-  <view v-for="item in options" :key="`${item.value}`" @click="onItemClick(item)">
+  <view
+    v-for="item in options"
+    :key="`${item.value}`"
+    @click="onItemClick(item)"
+    :style="{
+      '--lcb-tag-bg-color': tagSelectBgColor,
+      '--lcb-tag-text-color': tagSelectTextColor,
+      '--lcb-tag-active-bg-color': tagSelectActiveBgColor,
+      '--lcb-tag-active-text-color': tagSelectActiveTextColor,
+    }"
+  >
     <template v-if="item.custom">
       <view
         class="select-tag"
@@ -53,7 +63,12 @@ defineOptions({
     styleIsolation: 'shared',
   },
 })
-const props = defineProps<TagSelectProps>()
+const props = withDefaults(defineProps<TagSelectProps>(), {
+  tagSelectBgColor: '#f5f5f7',
+  tagSelectTextColor: '#000000',
+  tagSelectActiveBgColor: 'var(--wot-color-theme)',
+  tagSelectActiveTextColor: '#ffffff',
+})
 const model = defineModel<string | string[]>()
 const modelTitle = defineModel<string>('title')
 const showInput = ref(false)
@@ -143,7 +158,6 @@ const onInput = (item: Option, e) => {
 .select-tag {
   min-width: 150rpx;
   height: 56rpx;
-  background: #f5f5f7;
   border-radius: 53rpx;
   font-size: 24rpx;
   line-height: 56rpx;
@@ -158,9 +172,11 @@ const onInput = (item: Option, e) => {
   align-items: center;
   flex-direction: column;
   margin-bottom: 16rpx;
-  &-checked {
-    background: $-color-theme;
-    color: #ffffff;
+  background-color: var(--lcb-tag-bg-color);
+  color: var(--lcb-tag-text-color);
+  &.select-tag-checked {
+    background-color: var(--lcb-tag-active-bg-color);
+    color: var(--lcb-tag-active-text-color);
   }
 }
 </style>

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

@@ -13,6 +13,8 @@
           :titleObj="titleObj"
           :titleCount="titleCount"
           :sticky="sticky"
+          :wrapperBgColor="wrapperBgColor"
+          :wrapperTextColor="wrapperTextColor"
         />
       </wd-sticky>
       <FilterView
@@ -23,6 +25,8 @@
         :titleObj="titleObj"
         :titleCount="titleCount"
         :sticky="sticky"
+        :wrapperBgColor="wrapperBgColor"
+        :wrapperTextColor="wrapperTextColor"
       />
     </template>
 
@@ -94,6 +98,8 @@ const props = withDefaults(defineProps<LcbListProps>(), {
   imageWidth: 250,
   titleLineClamp: 2,
   gap: 16,
+  wrapperBgColor: '#ffffff',
+  wrapperTextColor: '#000000',
   // @ts-ignore
   pageListProps: () => ({
     productProps: {

package/components/lcb-list/types.ts

@@ -29,6 +29,13 @@ export interface LcbListProps extends LcbBlockProps {
   itemContentPr?: number
   itemContentPb?: number
   itemContentPl?: number
+  wrapperBgColor?: string
+  wrapperTextColor?: string
+  hiddenBoxShadow?: boolean
+  tagSelectBgColor?: string
+  tagSelectTextColor?: string
+  tagSelectActiveBgColor?: string
+  tagSelectActiveTextColor?: string
 }
 export interface Option {
   label: string
@@ -48,6 +55,10 @@ export interface FilterItemProps {
   options?: Option[]
   valueName: string
   sortType?: boolean
+  tagSelectBgColor?: string
+  tagSelectTextColor?: string
+  tagSelectActiveBgColor?: string
+  tagSelectActiveTextColor?: string
 }
 
 export type ListFormChooserValues = Record<string, Option[] | undefined>

package/package.json

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

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

@@ -5,7 +5,15 @@ type __VLS_PublicProps = {
   title?: string
 } & typeof __VLS_typeProps
 declare const _default: import('vue').DefineComponent<
-  __VLS_TypePropsToOption<__VLS_PublicProps>,
+  __VLS_WithDefaults<
+    __VLS_TypePropsToOption<__VLS_PublicProps>,
+    {
+      tagSelectBgColor: string
+      tagSelectTextColor: string
+      tagSelectActiveBgColor: string
+      tagSelectActiveTextColor: string
+    }
+  >,
   {},
   unknown,
   {},
@@ -18,14 +26,43 @@ declare const _default: import('vue').DefineComponent<
   },
   string,
   import('vue').PublicProps,
-  Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<__VLS_PublicProps>>> & {
+  Readonly<
+    import('vue').ExtractPropTypes<
+      __VLS_WithDefaults<
+        __VLS_TypePropsToOption<__VLS_PublicProps>,
+        {
+          tagSelectBgColor: string
+          tagSelectTextColor: string
+          tagSelectActiveBgColor: string
+          tagSelectActiveTextColor: string
+        }
+      >
+    >
+  > & {
     'onUpdate:modelValue'?: ((modelValue: string | string[]) => any) | undefined
     'onUpdate:title'?: ((title: string) => any) | undefined
   },
-  {},
+  {
+    tagSelectBgColor: string
+    tagSelectTextColor: string
+    tagSelectActiveBgColor: string
+    tagSelectActiveTextColor: string
+  },
   {}
 >
 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>

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

@@ -77,11 +77,18 @@ declare const __VLS_component: import('vue').DefineComponent<
     isSticky: boolean
     layoutType: 'vertical' | 'horizontal'
     itemWidth: number
+    tagSelectBgColor: string
+    tagSelectTextColor: string
+    tagSelectActiveBgColor: string
+    tagSelectActiveTextColor: string
     borderMode: 'full' | 'content'
     itemContentPt: number
     itemContentPr: number
     itemContentPb: number
     itemContentPl: number
+    wrapperBgColor: string
+    wrapperTextColor: string
+    hiddenBoxShadow: boolean
   },
   {}
 >

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

@@ -27,6 +27,13 @@ export interface LcbListProps extends LcbBlockProps {
   itemContentPr?: number
   itemContentPb?: number
   itemContentPl?: number
+  wrapperBgColor?: string
+  wrapperTextColor?: string
+  hiddenBoxShadow?: boolean
+  tagSelectBgColor?: string
+  tagSelectTextColor?: string
+  tagSelectActiveBgColor?: string
+  tagSelectActiveTextColor?: string
 }
 export interface Option {
   label: string
@@ -45,5 +52,9 @@ export interface FilterItemProps {
   options?: Option[]
   valueName: string
   sortType?: boolean
+  tagSelectBgColor?: string
+  tagSelectTextColor?: string
+  tagSelectActiveBgColor?: string
+  tagSelectActiveTextColor?: string
 }
 export type ListFormChooserValues = Record<string, Option[] | undefined>