@tplc/business 0.7.25 → 0.7.27

package/CHANGELOG.md

@@ -2,6 +2,25 @@
 
 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.7.27](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.7.26...v0.7.27) (2025-12-22)
+
+
+### ✨ Features | 新功能
+
+* 修改样式兼容 ([7b286d6](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/7b286d6a299da10f79d02b9565e6e681ce61c494))
+* 兼容area ([3974374](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/39743742aa8426e34d0bd2b321c48e2b1ef2aa37))
+* 兼容padding ([267de42](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/267de42fc3e2f539b5fa47bd8ef2389f8eb57207))
+* 暂时不用处理 ([5c15637](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/5c15637f45bb06a32c8e42a36b01ab98cf1d71a8))
+* 样式调整 ([bd83b18](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/bd83b1815a283f7dcd602dc02ca7644e0c5f2d6d))
+
+### [0.7.26](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.7.25...v0.7.26) (2025-12-22)
+
+
+### ✨ Features | 新功能
+
+* 修改兼容尺寸 ([9079ff7](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/9079ff74d88162468a3528b533f9492ca7c2dfaa))
+* 新增优化版本 ([aac61bb](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/aac61bbc06a90fc8ade33c8c1765f4df5d4ba37e))
+
 ### [0.7.25](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.7.23...v0.7.25) (2025-12-22)
 
 

package/components/lcb-action-view/lcb-action-view.vue

@@ -72,7 +72,7 @@
       :submitRequestInfo="submitRequestInfo"
       v-if="['144'].includes(getJumpType(jumpType)) && showPay && requestInfo && submitRequestInfo"
     />
-    <SharePopup v-model="showPoster" :params="requestParam" />
+    <SharePopup v-model="showPoster" :params="requestParam" v-if="showPoster" />
     <CustomPopup
       v-model="showCustomPopup"
       v-if="['145'].includes(getJumpType(jumpType)) && showCustomPopup"

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

@@ -1,5 +1,5 @@
 <template>
-  <lcb-block v-bind="$props" v-if="showArea">
+  <lcb-block v-bind="$props" :customClass="`lcb-area`" v-if="showArea">
     <lcb-action-view v-bind="actionProps" v-if="actionProps?.jumpType">
       <view :style="containerStyle" class="h-full">
         <view
@@ -16,7 +16,7 @@
       <view
         v-for="(item, index) in list"
         :key="item.id"
-        class="slot-wrapper z-1"
+        class="slot-wrapper"
         :style="getItemStyle(index)"
       >
         <slot :item="item" />
@@ -203,13 +203,13 @@ const showArea = computed(() => {
 
 <style lang="scss" scoped>
 .slot-wrapper {
-  :deep(> view) {
-    width: 100%;
-    height: auto;
-  }
-  :deep(> button) {
+  // 合并公共样式，避免重复
+  :deep(> .lcb-action-btn),
+  :deep(> .lcb-button),
+  :deep(> .lcb-area) {
     width: 100%;
     height: auto;
+    box-sizing: border-box; // 强化布局，防止溢出
   }
 }
 </style>

package/components/lcb-button/components/lcb-button-action/index.vue

@@ -3,7 +3,6 @@
     v-bind="actionProps"
     @avatar="onAvatar"
     @click="handleClick"
-    :customStyle="actionPaddingStyle"
     :renderMode="!actionProps?.jumpType && mode !== 'image' ? 'noClick' : 'button'"
   >
     <lcb-button-content
@@ -19,7 +18,6 @@
 import { LcbButtonProps } from '../../types'
 import { computed } from 'vue'
 import { getDynamicData } from '../../../../utils/utils'
-import { transformValueUnit } from '../../../../utils/transform'
 import { LcbActionViewProps } from '../../../lcb-action-view/types'
 import LcbButtonContent from '../lcb-button-content/index.vue'
 defineOptions({
@@ -39,14 +37,6 @@ const props = defineProps<
     dynamicValue?: string
   }
 >()
-// 优化: 分离 padding 计算和 block props,避免解构整个 props
-const actionPaddingStyle = computed(() => {
-  const top = transformValueUnit(props.paddingTop || props.paddingVertical)
-  const right = transformValueUnit(props.paddingRight || props.paddingHorizontal)
-  const bottom = transformValueUnit(props.paddingBottom || props.paddingVertical)
-  const left = transformValueUnit(props.paddingLeft || props.paddingHorizontal)
-  return `width: 100%; padding:${top} ${right} ${bottom} ${left}`
-})
 
 const onAvatar = (headImgUrl) => {
   props.userStore?.updateUser(

package/components/lcb-button/components/lcb-button-content/index.vue

@@ -49,5 +49,7 @@ const props = defineProps<
 >()
 
 // 优化: 将 iconGap 样式单独提取,避免模板字符串
-const iconGapStyle = computed(() => `gap: ${props.iconGap}rpx`)
+const iconGapStyle = computed(() => {
+  return `gap: ${props.iconGap}rpx;`
+})
 </script>

package/components/lcb-button/lcb-button.vue

@@ -1,8 +1,8 @@
 <template>
   <template v-if="mode === 'noStyle'">{{ innerValue }}</template>
   <lcb-block
-    v-bind="blockProps"
-    :customClass="`${customClass} border-solid w-full h-full`"
+    v-bind="props"
+    :customClass="`${customClass} border-solid lcb-button`"
     :customStyle="blockCustomStyle"
     v-else-if="shouldRender"
   >
@@ -15,6 +15,7 @@
       :userStore="userStore"
       :dynamicValue="dynamicValue"
     />
+
     <lcb-button-content
       v-else
       v-bind="props"
@@ -112,19 +113,6 @@ const blockCustomStyle = computed(() => ({
   ...getFlexStyle(props.itemAlign),
   ...getFlexStyle(props.align),
 }))
-
-const blockProps = computed(() => {
-  const {
-    paddingVertical,
-    paddingHorizontal,
-    paddingTop,
-    paddingBottom,
-    paddingLeft,
-    paddingRight,
-    ...other
-  } = props
-  return other
-})
 </script>
 <style lang="scss" scoped>
 @for $i from 1 through 3 {

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

@@ -6,7 +6,7 @@
       class="flex-shrink-0"
       :style="itemStyle"
     >
-      <slot :data="item" />
+      <slot :data="item" :list="list" />
     </view>
   </lcb-block>
 </template>

package/package.json

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

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

@@ -1,6 +1,6 @@
 import { LcbWrapperListProps } from './types'
 declare function __VLS_template(): {
-  default?(_: { data: unknown }): any
+  default?(_: { data: unknown; list: import('../lcb-area/types').LcbAreaProps[] | undefined }): any
 }
 declare const __VLS_component: import('vue').DefineComponent<
   __VLS_WithDefaults<