@guanjinke/artifact-client 1.6.3 → 1.7.1

package/dist/web/static/styles.css

@@ -1331,3 +1331,266 @@ a {
     transition-duration: .01ms !important;
   }
 }
+
+/* ------------------------------------------- environment configuration -- */
+
+/* The per-environment "完整配置" dialog (opened from the 配置 row button): the
+   summary grid, the manifest module table and the foldable Wyn.conf lists.
+   Everything is introduced here and prefixed `config-`, so the rest of the page
+   is untouched. */
+.config-view {
+  display: grid;
+  gap: 14px;
+}
+
+/* This dialog is a data view (a five-column module table and long paths), so it
+   gets a wider modal than the compact action dialogs. */
+.modal.modal-wide {
+  width: min(1080px, 94vw);
+}
+
+.config-table {
+  table-layout: fixed;
+}
+
+/* 模块 · 版本 · 来源 · 部署目标 · 校验 */
+.config-table th:nth-child(1), .config-table td:nth-child(1) { width: 20%; }
+.config-table th:nth-child(2), .config-table td:nth-child(2) { width: 10%; }
+.config-table th:nth-child(3), .config-table td:nth-child(3) { width: 18%; }
+.config-table th:nth-child(4), .config-table td:nth-child(4) { width: 36%; }
+.config-table th:nth-child(5), .config-table td:nth-child(5) { width: 16%; }
+
+.config-table td:nth-child(2) { white-space: nowrap; font-variant-numeric: tabular-nums; }
+.config-table td:nth-child(4) { overflow-wrap: anywhere; }
+
+/* A path, artifact name or digest may be long: wrap it instead of clipping it. */
+.config-sub, .config-field-value, .config-digest { overflow-wrap: anywhere; }
+.config-digest { white-space: nowrap; }
+
+.config-block {
+  display: grid;
+  gap: 10px;
+  padding: 14px;
+  background: rgba(255, 255, 255, .02);
+  border: 1px solid var(--border);
+  border-radius: 14px;
+}
+
+.config-title {
+  margin: 0;
+  font-size: 13.5px;
+  font-weight: 650;
+}
+
+.config-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+  gap: 8px 16px;
+}
+
+.config-field {
+  display: grid;
+  grid-template-columns: 96px minmax(0, 1fr);
+  align-items: baseline;
+  gap: 8px;
+  min-width: 0;
+  font-size: 12.5px;
+}
+
+.config-field-label {
+  color: var(--muted);
+}
+
+.config-field-value {
+  min-width: 0;
+  word-break: break-all;
+}
+
+.config-site {
+  color: var(--cyan);
+}
+
+.config-site.muted {
+  color: var(--muted);
+}
+
+.config-sublist {
+  display: grid;
+  gap: 6px;
+}
+
+.config-sublist-label {
+  color: var(--muted);
+  font-size: 12px;
+}
+
+/* A scroll box keeps a wide module table from stretching the dialog. */
+.config-table-wrap {
+  overflow-x: auto;
+  border: 1px solid var(--border);
+  border-radius: 12px;
+}
+
+.config-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 12.5px;
+}
+
+.config-table th {
+  padding: 8px 10px;
+  color: var(--muted);
+  font-weight: 600;
+  text-align: left;
+  white-space: nowrap;
+  background: rgba(255, 255, 255, .03);
+  border-bottom: 1px solid var(--border);
+}
+
+.config-table td {
+  padding: 8px 10px;
+  vertical-align: top;
+  border-bottom: 1px solid rgba(255, 255, 255, .06);
+}
+
+.config-table tr:last-child td {
+  border-bottom: none;
+}
+
+.config-module-cell {
+  display: grid;
+  gap: 4px;
+  min-width: 140px;
+}
+
+.config-module-tags {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+}
+
+/* A second, quieter line inside a cell (assembly, artifact path, override path). */
+.config-sub {
+  display: block;
+  max-width: 280px;
+  color: var(--muted);
+  font-size: 11px;
+  line-height: 1.45;
+  word-break: break-all;
+}
+
+.chip-tag.source-remote {
+  color: #c9d4ff;
+  border-color: rgba(77, 107, 254, .35);
+}
+
+.chip-tag.source-local {
+  color: var(--cyan);
+  background: rgba(53, 208, 232, .12);
+  border-color: rgba(53, 208, 232, .35);
+}
+
+/* A worker is a mapping of its own: the chip makes it stand out in the table. */
+.chip-tag.source-worker {
+  color: var(--ok);
+  background: rgba(61, 220, 151, .12);
+  border-color: rgba(61, 220, 151, .35);
+}
+
+/* One line per manifest mapping, directly under the module name. */
+.config-mappings {
+  display: grid;
+  gap: 3px;
+  min-width: 0;
+}
+
+.config-mappings-label {
+  color: var(--muted);
+  font-size: 11px;
+}
+
+.config-mapping {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  gap: 4px;
+  min-width: 0;
+}
+
+.config-mapping-text {
+  max-width: 300px;
+  font-size: 11.5px;
+  line-height: 1.45;
+  word-break: break-all;
+}
+
+.config-sep {
+  color: var(--muted);
+}
+
+.config-mappings-fold summary {
+  cursor: pointer;
+}
+
+.config-mappings-fold .config-mappings {
+  margin-top: 6px;
+}
+
+.config-digest {
+  color: var(--muted);
+  white-space: nowrap;
+}
+
+.config-overrides,
+.config-services,
+.config-paths {
+  display: grid;
+  gap: 6px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.config-override,
+.config-service {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  gap: 8px;
+  min-width: 0;
+}
+
+.config-override .config-sub {
+  max-width: 100%;
+}
+
+.config-paths {
+  max-height: 200px;
+  overflow: auto;
+  margin-top: 8px;
+  padding: 10px;
+  background: rgba(0, 0, 0, .35);
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  font-size: 11.5px;
+}
+
+.config-paths li {
+  word-break: break-all;
+}
+
+.config-collapse summary {
+  cursor: pointer;
+}
+
+@media (max-width: 620px) {
+  /* One line per field: the label no longer squeezes the value column. */
+  .config-field {
+    grid-template-columns: minmax(0, 1fr);
+    gap: 2px;
+  }
+
+  .config-sub {
+    max-width: none;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@guanjinke/artifact-client",
-  "version": "1.6.3",
+  "version": "1.7.1",
   "description": "Artifact management client and CLI for Azure Storage and Aliyun OSS",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",