From aad8ecfdf77091ff6e3c5dfb402670dd3a9a88ea Mon Sep 17 00:00:00 2001 From: hisoka0728 <1399952343@qq.com> Date: Thu, 17 Oct 2024 20:56:52 +0800 Subject: [PATCH 1/3] =?UTF-8?q?fix:=20=20=E4=BF=AE=E5=A4=8D=E5=BC=B9?= =?UTF-8?q?=E5=87=BA=E8=A7=86=E5=9B=BE=E5=A4=A7=E5=B0=8F=E8=B0=83=E6=95=B4?= =?UTF-8?q?=E6=97=A0=E6=95=88?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/util/app-drawer/app-drawer-component.tsx | 25 ++++++++++++++++++-- 1 file changed, 23 insertions(+), 2 deletions(-) diff --git a/src/util/app-drawer/app-drawer-component.tsx b/src/util/app-drawer/app-drawer-component.tsx index 9a2780315f..fdc0cbe351 100644 --- a/src/util/app-drawer/app-drawer-component.tsx +++ b/src/util/app-drawer/app-drawer-component.tsx @@ -1,4 +1,4 @@ -import { defineComponent, PropType, ref, VNode } from 'vue'; +import { defineComponent, PropType, reactive, ref, VNode } from 'vue'; import { OverlayContainer, useNamespace, @@ -11,6 +11,8 @@ import { Modal, ViewMode, } from '@ibiz-template/runtime'; +import { calcOpenModeStyle } from '@ibiz-template/core'; +import { isNumber } from 'lodash-es'; export const AppDrawerComponent = defineComponent({ props: { @@ -69,6 +71,24 @@ export const AppDrawerComponent = defineComponent({ direction = 'right'; } + // 处理自定义样式 + const customStyle = reactive({ height: '80%' }); + const { width, height } = props.opts; + if (width) { + if (isNumber(width)) { + customStyle.width = calcOpenModeStyle(width, 'modal'); + } else { + customStyle.width = width; + } + } + if (height) { + if (isNumber(height)) { + customStyle.height = calcOpenModeStyle(height, 'modal'); + } else { + customStyle.height = height; + } + } + return { ns, isShow, @@ -78,6 +98,7 @@ export const AppDrawerComponent = defineComponent({ dismiss, present, onBeforeClose, + customStyle, }; }, render() { @@ -89,7 +110,7 @@ export const AppDrawerComponent = defineComponent({ closeable close-icon-position='top-left' class={this.ns.b()} - style={{ height: this.opts.height || '80%' }} + style={this.customStyle} position={this.direction} z-index={this.drawerZIndex} before-close={this.onBeforeClose} -- Gitee From e0a853baa908d08ea0b39c5cab8ccc9075ebe507 Mon Sep 17 00:00:00 2001 From: hisoka0728 <1399952343@qq.com> Date: Thu, 17 Oct 2024 20:57:18 +0800 Subject: [PATCH 2/3] =?UTF-8?q?fix:=20=E8=B0=83=E6=95=B4=E6=82=AC=E6=B5=AE?= =?UTF-8?q?=E6=8C=89=E9=92=AE=E5=B1=82=E7=BA=A7?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/control/toolbar/popper-toolbar/popper-toolbar.scss | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/src/control/toolbar/popper-toolbar/popper-toolbar.scss b/src/control/toolbar/popper-toolbar/popper-toolbar.scss index af24de842a..ec08d52396 100644 --- a/src/control/toolbar/popper-toolbar/popper-toolbar.scss +++ b/src/control/toolbar/popper-toolbar/popper-toolbar.scss @@ -7,17 +7,20 @@ position: fixed; right: var(--van-back-top-right); bottom: 130px; + z-index: 99; height: auto; - z-index: 999; } + .van-popover { --van-popup-background: transparent; --van-popover-light-background: transparent; --van-popover-action-width: 80px; + max-height: unset; + .van-popover__content { - box-shadow: none; overflow: visible; + box-shadow: none; } .van-popover__content--horizontal .van-popover__action { @@ -26,11 +29,12 @@ .van-popover__content--vertical { .van-popover__action { - margin: 0.25rem 0; padding: 0; + margin: 0.25rem 0; } } } + .van-button { min-width: rem(44px); } -- Gitee From 97bfa97ca3b1596c29174471cc5e8151968ba9fe Mon Sep 17 00:00:00 2001 From: hisoka0728 <1399952343@qq.com> Date: Thu, 17 Oct 2024 20:59:39 +0800 Subject: [PATCH 3/3] =?UTF-8?q?feat:=20=E7=89=88=E6=9C=AC=E5=8F=98?= =?UTF-8?q?=E6=9B=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- CHANGELOG.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 1490c6e267..f6c43d38f6 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -17,6 +17,8 @@ - 修复数据选择(下拉视图)初始值回显异常问题 - 修复多数据部件项高度异常 - 修复滑动条内滑块按钮样式超出总宽度 +- 修复弹出视图大小调整无效 +- 调整悬浮按钮层级 ## [0.0.27] - 2024-10-16 -- Gitee