GithubBackup/MyGoNavi
1
0
Fork 0
mirror of https://github.com/Syngnat/GoNavi.git synced 2026-06-30 12:41:23 +08:00
Code Issues Packages Projects Releases Wiki Activity

✨ feat(designer): 将对象设计整合进数据视图并统一设计表交互样式

Browse Source
This commit is contained in:
Syngnat
2026-06-03 15:27:54 +08:00
parent eeaf3c658b
commit 4b23c013d9
11 changed files with 766 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

238
frontend/src/v2-theme.css
View File

@@ -3339,6 +3339,30 @@ body[data-ui-version="v2"] .gn-v2-data-grid .ant-table-thead > tr > th {
vertical-align: top !important;
}
body[data-ui-version="v2"] .gn-v2-data-grid .gn-v2-table-designer.is-embedded .ant-table-thead > tr > th {
height: var(--gn-v2-designer-header-height, 40px) !important;
min-height: var(--gn-v2-designer-header-height, 40px) !important;
padding: var(--gn-v2-designer-header-padding, 0 8px) !important;
color: var(--gn-fg-3) !important;
font-family: inherit !important;
font-size: var(--gn-v2-designer-content-font-size, 12px) !important;
font-weight: 600 !important;
vertical-align: middle !important;
}
body[data-ui-version="v2"] .gn-v2-data-grid .gn-v2-table-designer.is-embedded .ant-table-thead .ant-table-column-title {
min-height: var(--gn-v2-designer-header-height, 40px) !important;
color: inherit !important;
font-family: inherit !important;
font-size: inherit !important;
font-weight: 600 !important;
}
body[data-ui-version="v2"] .gn-v2-data-grid .gn-v2-table-designer.is-embedded .ant-table-thead .ant-table-column-sorters {
min-height: var(--gn-v2-designer-header-height, 40px) !important;
align-items: center !important;
}
body[data-ui-version="v2"] .gn-v2-data-grid .ant-table-thead .ant-table-column-title {
font-size: var(--gn-data-table-font-size, var(--gn-font-size-mono, 12px));
font-weight: 400 !important;
@@ -3385,6 +3409,14 @@ body[data-ui-version="v2"] .gn-v2-data-grid .ant-table-selection-column {
border-right: 0.5px solid var(--gn-br-1) !important;
}
body[data-ui-version="v2"] .gn-v2-data-grid .gn-v2-table-designer.is-embedded .ant-table-thead > tr > th:first-child,
body[data-ui-version="v2"] .gn-v2-data-grid .gn-v2-table-designer.is-embedded .ant-table-thead > tr > th.ant-table-selection-column,
body[data-ui-version="v2"] .gn-v2-data-grid .gn-v2-table-designer.is-embedded .ant-table-selection-column {
width: var(--gn-v2-designer-selection-column-width, 44px) !important;
min-width: var(--gn-v2-designer-selection-column-width, 44px) !important;
max-width: var(--gn-v2-designer-selection-column-width, 44px) !important;
}
body[data-ui-version="v2"] .gn-v2-data-grid .ant-table-thead > tr > th:first-child,
body[data-ui-version="v2"] .gn-v2-data-grid .ant-table-thead > tr > th.ant-table-selection-column {
vertical-align: middle !important;
@@ -3401,6 +3433,11 @@ body[data-ui-version="v2"] .gn-v2-data-grid .ant-table-thead > tr > th.ant-table
justify-content: center;
}
body[data-ui-version="v2"] .gn-v2-data-grid .gn-v2-table-designer.is-embedded .ant-table-thead > tr > th:first-child .ant-table-selection,
body[data-ui-version="v2"] .gn-v2-data-grid .gn-v2-table-designer.is-embedded .ant-table-thead > tr > th.ant-table-selection-column .ant-table-selection {
min-height: var(--gn-v2-designer-header-height, 40px) !important;
}
body[data-ui-version="v2"] .gn-v2-column-title {
width: 100%;
min-width: 0;
@@ -4988,24 +5025,12 @@ body[data-ui-version="v2"] .gn-v2-query-error .custom-scrollbar {
body[data-ui-version="v2"] .gn-v2-table-designer {
padding: 0 !important;
background: var(--gn-bg-app);
}
body[data-ui-version="v2"] .gn-v2-designer-header {
min-height: 52px;
padding: 10px 14px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
border-bottom: 0.5px solid var(--gn-br-1);
background: var(--gn-bg-panel);
}
body[data-ui-version="v2"] .gn-v2-designer-title {
min-width: 0;
display: flex;
flex-direction: column;
gap: 2px;
--gn-v2-designer-header-height: 40px;
--gn-v2-designer-header-padding: 0 8px;
--gn-v2-designer-cell-padding: 3px 8px;
--gn-v2-designer-selection-column-width: 44px;
--gn-v2-designer-row-selection-min-height: 14px;
--gn-v2-designer-content-font-size: 12px;
}
body[data-ui-version="v2"] .gn-v2-designer-tabs {
@@ -5020,10 +5045,180 @@ body[data-ui-version="v2"] .gn-v2-designer-tabs > .ant-tabs-nav {
background: var(--gn-bg-panel-2);
}
body[data-ui-version="v2"] .gn-v2-table-designer .gn-v2-designer-tabs {
background: var(--gn-bg-panel) !important;
}
body[data-ui-version="v2"] .gn-v2-table-designer .gn-v2-designer-tabs > .ant-tabs-nav {
padding: 0 12px !important;
min-height: 34px;
background: var(--gn-bg-panel) !important;
border-bottom: 0 !important;
box-shadow: none !important;
}
body[data-ui-version="v2"] .gn-v2-table-designer .gn-v2-designer-tabs > .ant-tabs-nav .ant-tabs-nav-list {
width: auto !important;
min-height: 34px;
gap: 0;
}
body[data-ui-version="v2"] .gn-v2-table-designer .gn-v2-designer-tabs > .ant-tabs-nav .ant-tabs-tab {
height: 34px;
min-height: 34px;
padding-inline: 12px !important;
border-right: 0 !important;
}
body[data-ui-version="v2"] .gn-v2-table-designer .gn-v2-designer-tabs > .ant-tabs-nav::before {
display: none !important;
}
body[data-ui-version="v2"] .gn-v2-designer-tabs .ant-tabs-content-holder {
padding: 10px;
}
body[data-ui-version="v2"] .gn-v2-table-designer .gn-v2-designer-tabs .ant-tabs-content-holder {
padding: 0 12px 12px !important;
border-top: 0 !important;
}
body[data-ui-version="v2"] .gn-v2-table-designer.is-embedded {
background: var(--gn-bg-panel) !important;
}
body[data-ui-version="v2"] .gn-v2-table-designer.is-embedded .gn-v2-designer-toolbar {
padding: 8px 12px 6px !important;
border-left: 0 !important;
border-right: 0 !important;
background: var(--gn-bg-panel) !important;
}
body[data-ui-version="v2"] .gn-v2-table-designer.is-embedded .gn-v2-designer-tabs {
background: var(--gn-bg-panel) !important;
}
body[data-ui-version="v2"] .gn-v2-table-designer.is-embedded .gn-v2-designer-tabs > .ant-tabs-nav {
padding: 0 12px !important;
min-height: 30px;
background: var(--gn-bg-panel) !important;
border-bottom: 0 !important;
box-shadow: none !important;
}
body[data-ui-version="v2"] .gn-v2-table-designer.is-embedded .gn-v2-designer-tabs > .ant-tabs-nav .ant-tabs-nav-list {
width: auto !important;
min-height: 30px;
gap: 0;
}
body[data-ui-version="v2"] .gn-v2-table-designer.is-embedded .gn-v2-designer-tabs > .ant-tabs-nav .ant-tabs-tab {
height: 30px;
min-height: 30px;
padding-inline: 10px !important;
border-right: 0 !important;
}
body[data-ui-version="v2"] .gn-v2-table-designer.is-embedded .gn-v2-designer-tabs > .ant-tabs-nav::before {
display: none !important;
}
body[data-ui-version="v2"] .gn-v2-table-designer.is-embedded .gn-v2-designer-tabs .ant-tabs-content-holder {
padding: 0 12px 12px !important;
border-top: 0 !important;
}
body[data-ui-version="v2"] .gn-v2-table-designer.is-embedded .gn-v2-designer-table-shell,
body[data-ui-version="v2"] .gn-v2-table-designer.is-embedded .gn-v2-designer-tab-content,
body[data-ui-version="v2"] .gn-v2-table-designer.is-embedded .gn-v2-designer-ddl-shell {
border-top: 0 !important;
border-left: 0 !important;
border-right: 0 !important;
border-bottom: 0 !important;
border-radius: 0 !important;
background: transparent !important;
}
body[data-ui-version="v2"] .gn-v2-table-designer.is-embedded .gn-v2-designer-actionbar {
padding-inline: 0 !important;
background: transparent !important;
}
body[data-ui-version="v2"] .gn-v2-table-designer .ant-table-thead > tr > th,
body[data-ui-version="v2"] .gn-v2-table-designer .ant-table-tbody > tr > td {
padding: var(--gn-v2-designer-cell-padding) !important;
}
body[data-ui-version="v2"] .gn-v2-table-designer .ant-table-thead > tr > th {
text-align: left !important;
font-size: var(--gn-v2-designer-content-font-size);
line-height: 1.1;
height: var(--gn-v2-designer-header-height);
min-height: var(--gn-v2-designer-header-height);
padding-top: 0 !important;
padding-bottom: 0 !important;
padding-left: 8px !important;
padding-right: 8px !important;
vertical-align: middle !important;
white-space: nowrap;
}
body[data-ui-version="v2"] .gn-v2-table-designer .ant-table-thead > tr > th .ant-table-column-title {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
min-height: var(--gn-v2-designer-header-height);
text-align: left !important;
}
body[data-ui-version="v2"] .gn-v2-table-designer .ant-table-thead > tr > th .ant-table-column-sorters {
min-height: var(--gn-v2-designer-header-height) !important;
align-items: center !important;
justify-content: flex-start !important;
}
body[data-ui-version="v2"] .gn-v2-table-designer .ant-table-thead > tr > th.ant-table-selection-column,
body[data-ui-version="v2"] .gn-v2-table-designer .ant-table-tbody > tr > td.ant-table-selection-column,
body[data-ui-version="v2"] .gn-v2-table-designer .table-designer-select-column {
width: var(--gn-v2-designer-selection-column-width) !important;
min-width: var(--gn-v2-designer-selection-column-width) !important;
max-width: var(--gn-v2-designer-selection-column-width) !important;
padding-inline: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
body[data-ui-version="v2"] .gn-v2-table-designer .ant-table-thead > tr > th.ant-table-selection-column .ant-table-selection,
body[data-ui-version="v2"] .gn-v2-table-designer .ant-table-tbody > tr > td.ant-table-selection-column .ant-table-selection,
body[data-ui-version="v2"] .gn-v2-table-designer .table-designer-select-column .table-designer-select-check {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
min-height: var(--gn-v2-designer-row-selection-min-height);
}
body[data-ui-version="v2"] .gn-v2-table-designer .ant-table-thead > tr > th:first-child,
body[data-ui-version="v2"] .gn-v2-table-designer .ant-table-tbody > tr > td:first-child {
padding-inline: 0 !important;
}
body[data-ui-version="v2"] .gn-v2-table-designer .ant-table-tbody > tr > td {
vertical-align: middle !important;
}
body[data-ui-version="v2"] .gn-v2-table-designer .table-designer-cell-field .ant-input,
body[data-ui-version="v2"] .gn-v2-table-designer .table-designer-cell-field .ant-select-selection-item,
body[data-ui-version="v2"] .gn-v2-table-designer .table-designer-cell-field input {
font-size: var(--gn-v2-designer-content-font-size) !important;
}
body[data-ui-version="v2"] .gn-v2-table-designer .table-designer-cell-check .ant-checkbox {
transform: scale(0.92);
}
body[data-ui-version="v2"] .gn-v2-designer-table-shell,
body[data-ui-version="v2"] .gn-v2-designer-tab-content,
body[data-ui-version="v2"] .gn-v2-designer-ddl-shell {
@@ -5048,6 +5243,13 @@ body[data-ui-version="v2"] .gn-v2-designer-section-note {
font-size: 11.5px !important;
}
body[data-ui-version="v2"] .gn-v2-designer-index-table .ant-tag {
font-size: 12px !important;
font-weight: 700 !important;
line-height: 18px !important;
padding: 1px 7px !important;
}
body[data-ui-version="v2"] .gn-v2-table-designer .ant-table-wrapper,
body[data-ui-version="v2"] .gn-v2-table-designer .ant-table-container {
border-radius: 0 !important;