From 51398121e46ddf4819fe3be34d9acb888bf97c8c Mon Sep 17 00:00:00 2001 From: "jlj05024111@163.com" Date: Mon, 15 Dec 2025 20:47:36 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=88=86=E5=89=B2?= =?UTF-8?q?=E5=AE=B9=E5=99=A8=E5=88=86=E5=89=B2=E7=BA=BF=E8=BE=83=E7=AA=84?= =?UTF-8?q?=E7=9A=84=E9=97=AE=E9=A2=98=EF=BC=8C=E4=BF=AE=E5=A4=8D=E6=B5=81?= =?UTF-8?q?=E5=B8=83=E5=B1=80=EF=BC=8C=E5=8D=A1=E7=89=87=EF=BC=8C=E5=A4=9A?= =?UTF-8?q?=E6=95=B0=E6=8D=AE=E9=83=A8=E4=BB=B6=E5=88=86=E7=BB=84=E9=94=9A?= =?UTF-8?q?=E7=82=B9=E6=96=87=E5=AD=97=E8=BF=87=E5=B0=8F=E9=97=AE=E9=A2=98?= =?UTF-8?q?=EF=BC=8C=E4=BF=AE=E5=A4=8D=E5=B7=A5=E5=85=B7=E6=A0=8F=E8=87=AA?= =?UTF-8?q?=E5=AE=9A=E4=B9=89=E4=BD=8D=E7=BD=AE=E6=97=B6=E5=8F=AF=E9=87=8D?= =?UTF-8?q?=E5=A4=8D=E7=82=B9=E5=87=BB=E7=94=9F=E6=88=90=E5=A4=9A=E4=B8=AA?= =?UTF-8?q?=E5=B7=A5=E5=85=B7=E6=A0=8F=E7=9A=84=E9=97=AE=E9=A2=98=EF=BC=8C?= =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=90=9C=E7=B4=A2=E6=A0=8F=E6=A0=B7=E5=BC=8F?= =?UTF-8?q?=E5=BC=82=E5=B8=B8=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- CHANGELOG.md | 1 + src/common/split-trigger/split-trigger.scss | 6 +- src/control/search-bar/search-bar.scss | 62 ++++++++++++++------- src/control/toolbar/toolbar-render-util.tsx | 4 ++ 4 files changed, 49 insertions(+), 24 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index c43c6115..a5678e1d 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -25,6 +25,7 @@ - 修复数组编辑器、富文本编辑器、滑动输入框、文件上传响应式样式异常 - 修复数据选择（下拉）点击取消按钮未清空数据 - 修复图标菜单、列表菜单、门户部件响应式样式异常，在小屏幕下内容显示不全 +- 修复分割容器分割线较窄的问题，修复流布局，卡片，多数据部件分组锚点文字过小问题，修复工具栏自定义位置时可重复点击生成多个工具栏的问题，修复搜索栏样式异常问题 ## [0.7.41-alpha.21] - 2025-11-28 diff --git a/src/common/split-trigger/split-trigger.scss b/src/common/split-trigger/split-trigger.scss index a93d09d3..2c8dc2bd 100644 --- a/src/common/split-trigger/split-trigger.scss +++ b/src/common/split-trigger/split-trigger.scss @@ -1,7 +1,7 @@ $split-trigger: ( color-trigger-bar-background: getCssVar(color, border), - width-trigger-width: rem(6px), - width-trigger-bar-width: rem(4px), + width-trigger-width: rem(12px), + width-trigger-bar-width: rem(12px), height-split-trigger-bar: rem(1px), width-split-trigger-bar: rem(1px), spacing-trigger-bar-interval: rem(3px), @@ -57,6 +57,6 @@ $split-trigger: ( align-items: center; @include m(vertical) { - flex-direction: column; + flex-direction: column; } } diff --git a/src/control/search-bar/search-bar.scss b/src/control/search-bar/search-bar.scss index 7976d532..203c197d 100644 --- a/src/control/search-bar/search-bar.scss +++ b/src/control/search-bar/search-bar.scss @@ -34,14 +34,16 @@ $control-searchbar-dropdown: ( spacing-gap: getCssVar(spacing, tight), spacing-history-header-padding: getCssVar(spacing, tight) 0, spacing-clear-gap: getCssVar(spacing, extra-tight), - spacing-history-footer-padding: getCssVar(spacing, tight) getCssVar(spacing, tight) 0, + spacing-history-footer-padding: getCssVar(spacing, tight) + getCssVar(spacing, tight) 0, spacing-history-item-padding: getCssVar(spacing, extra-tight) getCssVar(spacing, base), spacing-history-item-margin: getCssVar(spacing, extra-tight), spacing-history-item-gap: getCssVar(spacing, tight), font-history-item-line-height: getCssVar(spacing, loose), radius-history-item: getCssVar(border-radius, full), - border: getCssVar('border-thickness', 'control') solid getCssVar(color, border), + border: getCssVar('border-thickness', 'control') solid + getCssVar(color, border), ); // 搜索输入框样式 @@ -106,12 +108,15 @@ $control-searchbar-dropdown: ( } @include b('control-searchbar-dropdown') { - @include set-component-css-var(control-searchbar-dropdown, $control-searchbar-dropdown); + @include set-component-css-var( + control-searchbar-dropdown, + $control-searchbar-dropdown + ); background-color: getCssVar(control-searchbar-dropdown, color-bg); flex-direction: column; position: fixed; left: 0; - gap: getCssVar(control-searchbar-dropdown, spacing-gap);; + gap: getCssVar(control-searchbar-dropdown, spacing-gap); width: 100vw; z-index: 999; padding: getCssVar(control-searchbar-dropdown, spacing-padding); @@ -119,49 +124,60 @@ $control-searchbar-dropdown: ( border-bottom: getCssVar(control-searchbar-dropdown, border); } -@include b('control-searchbar-dropdown') { - flex: 1; +@include b('control-searchbar-history') { display: flex; + flex: 1; flex-direction: column; width: 100%; overflow: hidden; @include e('header') { - flex-shrink: 0; display: flex; + flex-shrink: 0; justify-content: space-between; - padding: getCssVar(control-searchbar-dropdown, spacing-history-header-padding); + padding: getCssVar( + control-searchbar-dropdown, + spacing-history-header-padding + ); @include m('title') { font-weight: bold; } @include m('clear') { display: flex; - align-items: center; gap: getCssVar(control-searchbar-dropdown, spacing-clear-gap); + align-items: center; } } @include e('content') { - flex: 1; - display: flex; + flex: 1; flex-flow: wrap; - overflow: auto; gap: getCssVar(control-searchbar-dropdown, spacing-history-item-gap); + overflow: auto; @include m('item') { - flex-shrink: 0; + position: relative; display: inline-flex; + flex-shrink: 0; max-width: 100%; - position: relative; } @include m('item-text') { max-width: 100%; - background-color: getCssVar(control-searchbar-dropdown, color-item-bg); - border-radius: getCssVar(control-searchbar-dropdown, radius-history-item); - padding: getCssVar(control-searchbar-dropdown, spacing-history-item-padding); - white-space: nowrap; + padding: getCssVar( + control-searchbar-dropdown, + spacing-history-item-padding + ); + margin-top: getCssVar( + control-searchbar-dropdown, + spacing-history-item-margin + ); overflow: hidden; + line-height: getCssVar( + control-searchbar-dropdown, + font-history-item-line-height + ); text-overflow: ellipsis; - margin-top: getCssVar(control-searchbar-dropdown, spacing-history-item-margin); - line-height: getCssVar(control-searchbar-dropdown, font-history-item-line-height); + white-space: nowrap; + background-color: getCssVar(control-searchbar-dropdown, color-item-bg); + border-radius: getCssVar(control-searchbar-dropdown, radius-history-item); } @include m('item-remove') { position: absolute; @@ -171,9 +187,13 @@ $control-searchbar-dropdown: ( } @include e('footer') { --van-divider-margin: 0; + flex-shrink: 0; + padding: getCssVar( + control-searchbar-dropdown, + spacing-history-footer-padding + ); text-align: center; - padding: getCssVar(control-searchbar-dropdown, spacing-history-footer-padding); } } diff --git a/src/control/toolbar/toolbar-render-util.tsx b/src/control/toolbar/toolbar-render-util.tsx index 6f26ef05..8d158575 100644 --- a/src/control/toolbar/toolbar-render-util.tsx +++ b/src/control/toolbar/toolbar-render-util.tsx @@ -346,6 +346,10 @@ export function useCustomToolBarRender( _event: MouseEvent, _currentTarget: HTMLElement, ) => { + if (floatToolbarOverlay.value) { + await floatToolbarOverlay.value.dismiss(); + return; + } floatToolbarOverlay.value = ibiz.overlay.createPopover( (modal: IModal) => { return h(FloatToolbar, { -- Gitee