🐛 [Bug]: Aurora主题日期时间组件无法选择20点之后的时间以及表格会有空白区域问题

[stwflyfox]

Version

latest

Vue Version

latest

Link to minimal reproduction

none

Step to reproduce

使用 Aurora主题, 将 tv-space-base 改成2px 时，日期时间组件里的只能选到19时. 分钟则只能选到49分，如改回默认的 4px 时则可以选。

What is expected

No response

What is actually happening

No response

What is your project name

学校数智化平台

Any additional comments (optional)

No response

[Issues-translate-bot]

Bot detected the issue body's language is not English, translate it automatically.

---

Title: 🐛 [Bug]: Aurora theme date and time component cannot select time after 20 o'clock

[stwflyfox]

tiny-vue 3.29 的Aurora主题的表格下方多余空白，行数越多，空白区域越多：

目前碰到这两个问题， 麻烦看下Aurora主题的其他组件还有没有问题

[ourcx]

第一个问题试试强制样式覆盖？Aurora 那个 tv-space-base 影响太大了，源码不太好改的样子，然后或者换回 4px🤔。第二个问题去试试 不设置height，让表格自适应或者强制样式覆盖

[Issues-translate-bot]

Bot detected the issue body's language is not English, translate it automatically.

---

The first question is to try forcing style override? The tv-space-base of Aurora has too much impact, and the source code is not easy to change. Then maybe change it back to 4px🤔. Let’s try the second question. Don’t set the height, let the table adapt or force style override.

[liangguanhui0117]

@stwflyfox 这是因为 GridConfig.rowHeight 只内置两套主题的配置，如果要改行高 GridConfig.rowHeight 也要修改。

GridConfig.rowHeight.tiny = { mini: 28, small: 32, default: 36, medium: 40 }
GridConfig.headerRowHeight.tiny = { mini: 24, small: 28, default: 32, medium: 32 }

[Issues-translate-bot]

Bot detected the issue body's language is not English, translate it automatically.

---

@stwflyfox This is because GridConfig.rowHeight only has two sets of built-in theme configurations. If you want to change the row height, GridConfig.rowHeight must also be modified.

GridConfig.rowHeight.tiny = { mini: 28, small: 32, default: 36, medium: 40 }
GridConfig.headerRowHeight.tiny = { mini: 24, small: 28, default: 32, medium: 32 }

[stwflyfox]

@stwflyfox 这是因为 GridConfig.rowHeight 只内置两套主题的配置，如果要改行高 GridConfig.rowHeight 也要修改。

GridConfig.rowHeight.tiny = { mini: 28, small: 32, default: 36, medium: 40 }
GridConfig.headerRowHeight.tiny = { mini: 24, small: 28, default: 32, medium: 32 }

GridConfig.rowHeight 怎么修改？

[liangguanhui0117]

@stwflyfox 这是因为 GridConfig.rowHeight 只内置两套主题的配置，如果要改行高 GridConfig.rowHeight 也要修改。
GridConfig.rowHeight.tiny = { mini: 28, small: 32, default: 36, medium: 40 }
GridConfig.headerRowHeight.tiny = { mini: 24, small: 28, default: 32, medium: 32 }

GridConfig.rowHeight 怎么修改？

import { GridConfig } from '@opentiny/vue-grid'
GridConfig.rowHeight.tiny = { mini: 28, small: 32, default: 36, medium: 40 }
GridConfig.headerRowHeight.tiny = { mini: 24, small: 28, default: 32, medium: 32 }

[stwflyfox]

第一个问题试试强制样式覆盖？Aurora 那个 tv-space-base 影响太大了，源码不太好改的样子，然后或者换回 4px🤔。第二个问题去试试 不设置height，让表格自适应或者强制样式覆盖

第一个问题，如只覆盖日期时间组件的样式要怎么做？
第二个问题， 现在没有设置 height ， 表格自适应出来的显示结果不正确。

[Issues-translate-bot]

Bot detected the issue body's language is not English, translate it automatically.

---

First question, try forcing style override? The tv-space-base of Aurora has too much impact, and the source code is not easy to change. Then maybe change it back to 4px🤔. Let’s try the second question. Don’t set the height, let the table adapt or force style override.

The first question is, how to override the style of only date and time components?