feat: implement scoped dataset catalog and template input drafts

2026-09-08 09:22:53 +08:00
parent 404a4d8a04
commit 01d169d118
30 changed files with 3024 additions and 37 deletions
@@ -0,0 +1,144 @@
+.catalog-page,
+.catalog-layer {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+  height: 100%;
+  overflow: hidden;
+}
+.catalog-tools {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 8px;
+  padding: 12px;
+  flex-shrink: 0;
+}
+.catalog-page > .catalog-tools {
+  padding: 0 0 12px;
+}
+.catalog-tools > .semi-input-wrapper {
+  width: 240px;
+  min-width: 120px;
+}
+.catalog-tools > .semi-select {
+  min-width: 112px;
+  max-width: 220px;
+}
+.catalog-tools > span {
+  overflow-wrap: anywhere;
+}
+.catalog-sheet .semi-sidesheet-content {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+.catalog-sheet .semi-sidesheet-body {
+  min-height: 0;
+  flex: 1;
+}
+.catalog-sheet .semi-sidesheet-inner {
+  box-shadow: none;
+  border-left: 1px solid var(--line);
+}
+.catalog-sheet .semi-sidesheet-mask {
+  background: #1f232926;
+}
+.catalog-layer > .catalog-tools {
+  border-bottom: 1px solid var(--line);
+}
+.catalog-table .semi-table-row-cell,
+.catalog-table .semi-button {
+  font-size: 14px;
+  line-height: 22px;
+  font-weight: 400;
+  white-space: nowrap;
+}
+.catalog-table .semi-table-row-cell {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.catalog-name {
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  justify-content: flex-start;
+}
+.catalog-name .semi-button-content {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.catalog-details-body {
+  padding: 16px;
+  overflow: auto;
+  min-height: 0;
+  overflow-wrap: anywhere;
+}
+.catalog-details-body > p,
+.catalog-details-body > h2 {
+  margin-bottom: 12px;
+  font-weight: 400;
+}
+.catalog-details-body dl {
+  margin: 16px 0;
+}
+.catalog-details-body dl > div {
+  display: grid;
+  grid-template-columns: 80px minmax(0, 1fr);
+  gap: 12px;
+  margin-bottom: 12px;
+}
+.catalog-details-body dt {
+  color: var(--muted);
+}
+.catalog-details-body dd {
+  margin: 0;
+}
+.catalog-draft {
+  border-bottom: 1px solid var(--line);
+  padding: 12px 0;
+}
+.catalog-draft details {
+  margin: 8px 0;
+}
+.catalog-draft summary {
+  cursor: pointer;
+}
+@media (max-width: 900px) {
+  .catalog-tools {
+    padding: 8px;
+  }
+  .catalog-tools > .semi-input-wrapper {
+    flex: 1;
+  }
+  .catalog-layer .catalog-tools {
+    max-height: 32%;
+    overflow: auto;
+  }
+  .catalog-page > .catalog-tools {
+    max-height: 28%;
+    overflow: auto;
+  }
+  .catalog-page .library-panel > .catalog-tools {
+    max-height: 32%;
+    overflow: auto;
+  }
+  .catalog-layer .table-pagination {
+    flex-wrap: wrap;
+  }
+  .catalog-layer .table-pagination > span {
+    width: 100%;
+  }
+}
+
+.catalog-sr-label {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+}