diff --git a/CHANGELOG.md b/CHANGELOG.md index c43c61158337a7a3e44eb4a523194378d666eb88..a5678e1dd1994badcf57a8ab1585e1834e31a234 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 a93d09d3079706385abfe98bbaee4f544e71652d..2c8dc2bd14f11faa908631b414db78f7ff2e781a 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 7976d5325be54bdc43c4b509ab9158c82873376d..203c197dbec42340cb8f4c59eef860a0aace1452 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 6f26ef0509b2c4755f68b4a59935c71b98e0317a..8d15857593abf6fb508fd3dfa39b18ab82528900 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, {