@chenchaolong/plugin-trade-compliance-workbench 1.0.18 → 1.0.19

package/dist/lib/remote-ui/pages/catalogs.css

@@ -0,0 +1,681 @@
+.tcw-catalog-page {
+  display: grid;
+  gap: 14px;
+}
+
+.tcw-main:has(.tcw-catalog-page),
+.tcw-content:has(.tcw-catalog-page) {
+  background: #fff;
+}
+
+.tcw-content:has(> .tcw-catalog-page) > .tcw-page-heading {
+  position: sticky;
+  top: 0;
+  z-index: 8;
+  margin-bottom: 12px;
+  padding: 0 0 8px;
+  background: #fff;
+}
+
+.tcw-catalog-page--controlled {
+  margin: 10px 6px 0 16px;
+}
+
+.tcw-catalog-page--sanction {
+  margin: 8px 6px 0 16px;
+}
+
+.tcw-catalog-page > .tcw-filter-panel,
+.tcw-catalog-page > .tcw-notice {
+  margin-bottom: 0;
+}
+
+.tcw-catalog-page > .tcw-filter-panel {
+  padding: 10px 12px;
+  border-radius: 7px;
+}
+
+.tcw-catalog-page .tcw-filter-grid {
+  gap: 8px 10px;
+}
+
+.tcw-catalog-page--controlled .tcw-filter-grid {
+  grid-template-columns: minmax(150px, .75fr) minmax(190px, 1.08fr) minmax(190px, 1.02fr) minmax(190px, 1.02fr) auto;
+}
+
+.tcw-catalog-page--sanction .tcw-filter-grid {
+  grid-template-columns: repeat(4, minmax(150px, 1fr)) minmax(250px, 1.35fr);
+  row-gap: 8px;
+}
+
+.tcw-catalog-page--sanction > .tcw-filter-panel {
+  padding-bottom: 10px;
+}
+
+.tcw-catalog-page--sanction .tcw-filter-actions {
+  grid-column: 5;
+  grid-row: 2;
+  justify-self: end;
+}
+
+.tcw-catalog-page .tcw-filter-control {
+  gap: 6px;
+}
+
+.tcw-catalog-page .tcw-filter-control > span {
+  color: #182033;
+  font-size: 13px;
+  font-weight: 650;
+}
+
+.tcw-catalog-page .tcw-filter-control input,
+.tcw-catalog-page .tcw-filter-control select {
+  height: 32px;
+}
+
+.tcw-catalog-page .tcw-filter-actions .tcw-button {
+  min-height: 34px;
+  padding-inline: 16px;
+}
+
+.tcw-catalog-page > .tcw-notice {
+  min-height: 40px;
+  align-items: center;
+  padding: 8px 14px;
+  border-radius: 7px;
+}
+
+.tcw-catalog-page > .tcw-grid-section {
+  min-width: 0;
+  max-width: 100%;
+  margin-top: 4px;
+  border-radius: 7px;
+}
+
+.tcw-catalog-page .tcw-table-scroll {
+  position: relative;
+  max-width: 100%;
+  max-height: none;
+  overflow-x: auto;
+  overflow-y: visible;
+}
+
+.tcw-contract-action-table .tcw-table-scroll {
+  max-height: none;
+  overflow-y: visible;
+}
+
+.tcw-catalog-page .tcw-data-table th,
+.tcw-catalog-page .tcw-data-table td {
+  height: 36px;
+  padding-inline: 10px;
+}
+
+.tcw-catalog-page .tcw-data-table .action-column {
+  position: sticky !important;
+  right: 0 !important;
+  overflow: visible;
+  background: #fff;
+  z-index: 5;
+}
+
+.tcw-catalog-page .tcw-data-table th.action-column {
+  background: #f6f8fb;
+  z-index: 6;
+}
+
+.tcw-catalog-page .tcw-data-table td.action-column > .tcw-row-actions {
+  min-width: 0;
+  justify-content: flex-start;
+  gap: 10px;
+}
+
+.tcw-catalog-page .tcw-catalog-operation-button {
+  display: inline-flex;
+  min-width: 58px;
+  align-items: center;
+  justify-content: center;
+  gap: 3px;
+  overflow: visible;
+}
+
+.tcw-catalog-page .tcw-catalog-operation-button > i {
+  flex: 0 0 auto;
+}
+
+.tcw-catalog-page .tcw-pagination {
+  min-height: 48px;
+  padding-inline: 12px;
+}
+
+.tcw-catalog-page .tcw-catalog-table-link {
+  display: block;
+  min-width: 0;
+  max-width: 100%;
+}
+
+.tcw-catalog-page .tcw-catalog-table-link button {
+  display: inline-flex;
+  max-width: 100%;
+  min-width: 0;
+  align-items: center;
+  gap: 4px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.tcw-catalog-page .tcw-catalog-table-link button > i {
+  flex: 0 0 auto;
+}
+
+.tcw-catalog-page .tcw-catalog-table-link button > span {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.tcw-catalog-dialog .tcw-field-grid {
+  gap: 10px;
+}
+
+.tcw-catalog-manual-source {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin: -4px 0 12px;
+  padding: 0 10px 12px;
+  border-bottom: 1px solid #e1e6ee;
+  color: #5e697a;
+}
+
+.tcw-catalog-source-badge,
+.tcw-catalog-type-badge {
+  display: inline-flex;
+  align-items: center;
+  min-height: 26px;
+  padding: 3px 9px;
+  border-radius: 4px;
+  color: #315274;
+  background: #edf3fb;
+  font-weight: 600;
+}
+
+.tcw-catalog-dialog .tcw-form-field {
+  position: relative;
+}
+
+.tcw-catalog-dialog .tcw-form-field input,
+.tcw-catalog-dialog .tcw-form-field select {
+  height: 32px;
+}
+
+.tcw-catalog-dialog .tcw-form-field textarea {
+  width: 100%;
+  min-height: 96px;
+  padding-bottom: 9px;
+}
+
+.tcw-counted-textarea {
+  display: grid;
+  min-width: 0;
+  gap: 4px;
+}
+
+.tcw-catalog-dialog .tcw-character-count {
+  position: static;
+  justify-self: end;
+  padding-right: 2px;
+  color: #7a8598;
+  font-variant-numeric: tabular-nums;
+  line-height: 1.2;
+}
+
+.tcw-modal-backdrop:has(.tcw-catalog-dialog) {
+  background: rgba(255, 255, 255, .68);
+  backdrop-filter: blur(2px);
+}
+
+.tcw-modal:has(.tcw-catalog-dialog--controlled-create) {
+  width: min(560px, calc(100vw - 40px));
+  height: min(520px, calc(100vh - 40px));
+  transform: translate(-5px, 8px);
+}
+
+.tcw-modal:has(.tcw-catalog-dialog--sanction-create) {
+  width: min(560px, calc(100vw - 40px));
+  height: min(570px, calc(100vh - 40px));
+  transform: translateY(12px);
+}
+
+.tcw-modal:has(.tcw-catalog-dialog--controlled-review) {
+  width: min(820px, calc(100vw - 40px));
+  height: 470px;
+  transform: translateY(32px);
+}
+
+.tcw-modal:has(.tcw-catalog-dialog--sanction-review) {
+  width: min(820px, calc(100vw - 40px));
+  height: min(550px, calc(100vh - 40px));
+  transform: translateY(10px);
+}
+
+.tcw-modal:has(.tcw-catalog-dialog) > header,
+.tcw-modal:has(.tcw-catalog-replace-dialog) > header {
+  min-height: 50px;
+  padding-inline: 16px;
+}
+
+.tcw-modal:has(.tcw-catalog-dialog) > footer,
+.tcw-modal:has(.tcw-catalog-replace-dialog) > footer {
+  min-height: 52px;
+  padding-inline: 16px;
+}
+
+.tcw-modal:has(.tcw-catalog-dialog) > .tcw-modal-body {
+  padding: 12px 16px;
+}
+
+.tcw-modal:has(.tcw-catalog-dialog--review) > .tcw-modal-body {
+  padding: 8px 16px;
+}
+
+.tcw-modal:has(.tcw-catalog-dialog--sanction-review) > footer {
+  min-height: 52px;
+}
+
+.tcw-catalog-dialog--controlled-create .tcw-form-field,
+.tcw-catalog-dialog--sanction-create .tcw-form-field {
+  grid-template-columns: 112px minmax(0, 1fr);
+  align-items: start;
+  column-gap: 12px;
+}
+
+.tcw-catalog-dialog--controlled-create .tcw-form-field > span,
+.tcw-catalog-dialog--sanction-create .tcw-form-field > span {
+  padding-top: 8px;
+}
+
+.tcw-catalog-dialog--controlled-create .tcw-form-field > small:not(.tcw-character-count),
+.tcw-catalog-dialog--sanction-create .tcw-form-field > small:not(.tcw-character-count) {
+  grid-column: 2;
+}
+
+.tcw-catalog-dialog--controlled-create .tcw-counted-textarea,
+.tcw-catalog-dialog--sanction-create .tcw-counted-textarea {
+  grid-column: 2;
+}
+
+.tcw-catalog-dialog--controlled-create .tcw-form-field textarea,
+.tcw-catalog-dialog--sanction-create .tcw-form-field textarea {
+  min-height: 72px;
+}
+
+.tcw-catalog-dialog--controlled-create .tcw-field-grid {
+  gap: 10px;
+}
+
+.tcw-catalog-dialog--controlled-create .tcw-form-field input,
+.tcw-catalog-dialog--controlled-create .tcw-form-field select {
+  height: 32px;
+}
+
+.tcw-catalog-dialog--review .tcw-review-split {
+  min-height: 100%;
+}
+
+.tcw-catalog-dialog--review .tcw-review-split > section {
+  padding-inline: 12px;
+}
+
+.tcw-catalog-dialog--review .tcw-review-split > section:first-child {
+  padding-left: 0;
+}
+
+.tcw-catalog-dialog--review .tcw-review-split > section:last-child {
+  padding-right: 0;
+}
+
+.tcw-catalog-dialog--sanction-review .tcw-review-split > section:last-child .tcw-form-field:last-child textarea {
+  min-height: 128px;
+}
+
+@media (min-width: 901px) {
+  .tcw-modal-backdrop:has(.tcw-catalog-dialog--controlled-review) {
+    background: rgba(0, 0, 0, .4);
+    backdrop-filter: none;
+  }
+
+  .tcw-modal-backdrop:has(.tcw-catalog-dialog--controlled-create) {
+    background: rgba(0, 0, 0, .3);
+    backdrop-filter: none;
+  }
+
+  .tcw-modal-backdrop:has(.tcw-catalog-dialog--sanction-create) {
+    background: rgba(0, 0, 0, .2);
+    backdrop-filter: none;
+  }
+
+  .tcw-modal-backdrop:has(.tcw-catalog-dialog--sanction-review) {
+    background: rgba(0, 0, 0, .04);
+    backdrop-filter: blur(36px);
+  }
+
+  .tcw-modal:has(.tcw-catalog-dialog--controlled-review) {
+    transform: translate(8px, 32px);
+  }
+
+  .tcw-modal:has(.tcw-catalog-dialog--controlled-create) > footer { min-height: 52px; }
+  .tcw-modal:has(.tcw-catalog-dialog--controlled-review) > footer { min-height: 52px; }
+  .tcw-modal:has(.tcw-catalog-dialog--sanction-create) > footer { min-height: 52px; }
+
+  .tcw-modal:has(.tcw-catalog-dialog--controlled-create) > footer .tcw-button,
+  .tcw-modal:has(.tcw-catalog-dialog--sanction-create) > footer .tcw-button { min-height: 36px; }
+  .tcw-modal:has(.tcw-catalog-dialog--controlled-review) > footer .tcw-button { min-height: 36px; }
+
+  .tcw-catalog-dialog--controlled-create .tcw-field-grid { gap: 10px; }
+  .tcw-catalog-dialog--sanction-create .tcw-field-grid { gap: 10px; }
+
+  .tcw-modal:has(.tcw-catalog-dialog--controlled-review) > .tcw-modal-body { padding: 8px 16px; }
+  .tcw-catalog-dialog--controlled-review .tcw-review-split > section:first-child .tcw-field-grid { gap: 8px; }
+  .tcw-catalog-dialog--controlled-review .tcw-review-split > section:last-child { padding-top: 2px; }
+  .tcw-catalog-dialog--controlled-review .tcw-review-split > section:last-child .tcw-field-grid { gap: 10px; }
+  .tcw-catalog-dialog--controlled-review .tcw-review-split > section:first-child textarea { height: 88px; min-height: 88px; max-height: 88px; }
+  .tcw-catalog-dialog--controlled-review .tcw-review-split > section:last-child .tcw-form-field:last-child textarea { height: 80px; min-height: 80px; max-height: 80px; }
+
+  .tcw-modal:has(.tcw-catalog-dialog--sanction-review) > .tcw-modal-body { padding: 8px 16px; }
+  .tcw-catalog-dialog--sanction-review .tcw-review-split > section:first-child .tcw-field-grid { gap: 12.5px; }
+  .tcw-catalog-dialog--sanction-review .tcw-review-split > section:last-child .tcw-field-grid { gap: 10.5px; }
+  .tcw-catalog-dialog--sanction-review .tcw-review-split > section:first-child .tcw-form-field:nth-child(5) textarea { height: 80px; min-height: 80px; max-height: 80px; }
+  .tcw-catalog-dialog--sanction-review .tcw-review-split > section:first-child .tcw-form-field:nth-child(6) textarea { height: 65px; min-height: 65px; max-height: 65px; }
+
+  .tcw-modal:has(.tcw-catalog-dialog--sanction-create) > .tcw-modal-body { padding: 12px 16px; }
+  .tcw-catalog-dialog--sanction-create .tcw-catalog-manual-source { margin-bottom: 9px; }
+  .tcw-catalog-dialog--sanction-create .tcw-form-field input,
+  .tcw-catalog-dialog--sanction-create .tcw-form-field select { height: 32px; }
+
+  :is(.tcw-catalog-dialog--controlled-create, .tcw-catalog-dialog--sanction-create) .tcw-counted-textarea {
+    position: relative;
+    gap: 4px;
+  }
+
+  :is(.tcw-catalog-dialog--controlled-create, .tcw-catalog-dialog--sanction-create) .tcw-form-field textarea {
+    height: 72px;
+    min-height: 72px;
+    max-height: 72px;
+  }
+
+  :is(.tcw-catalog-dialog--controlled-create, .tcw-catalog-dialog--sanction-create) .tcw-character-count {
+    position: static;
+  }
+}
+
+.tcw-modal:has(.tcw-catalog-replace-dialog) {
+  width: min(550px, calc(100vw - 40px));
+  transform: translateY(64px);
+}
+
+.tcw-modal-backdrop:has(.tcw-catalog-replace-dialog--controlled) {
+  background: rgba(0, 4, 14, .475);
+}
+
+.tcw-modal:has(.tcw-catalog-replace-dialog--controlled) {
+  grid-template-rows: 56px minmax(0, 1fr) 82px;
+  width: min(550px, calc(100vw - 40px));
+  height: min(390px, calc(100vh - 40px));
+  transform: translateY(48px);
+}
+
+.tcw-modal:has(.tcw-catalog-replace-dialog--controlled) > header {
+  position: relative;
+  padding-inline: 36px;
+}
+
+.tcw-modal:has(.tcw-catalog-replace-dialog--controlled) > header::before {
+  position: absolute;
+  left: 36px;
+  color: #f5222d;
+  content: "\ea20";
+  font-family: remixicon;
+  font-size: 20px;
+  transform: translateY(9px);
+}
+
+.tcw-modal:has(.tcw-catalog-replace-dialog--controlled) > header > * {
+  transform: translateY(9px);
+}
+
+.tcw-modal:has(.tcw-catalog-replace-dialog--controlled) > header h2 {
+  padding-left: 48px;
+}
+
+.tcw-modal:has(.tcw-catalog-replace-dialog--controlled) > footer .tcw-button {
+  min-height: 38px;
+}
+
+.tcw-modal:has(.tcw-catalog-replace-dialog--controlled) > footer .tcw-button--secondary {
+  min-width: 124px;
+}
+
+.tcw-modal:has(.tcw-catalog-replace-dialog--controlled) > footer {
+  align-items: flex-start;
+  gap: 12px;
+  padding-top: 14px;
+  padding-inline: 30px;
+}
+
+.tcw-modal:has(.tcw-catalog-replace-dialog) > .tcw-modal-body {
+  padding: 18px 36px 6px;
+}
+
+.tcw-modal:has(.tcw-catalog-replace-dialog--controlled) > .tcw-modal-body {
+  padding: 14px 30px 4px;
+}
+
+.tcw-catalog-replace-warning {
+  display: flex;
+  gap: 14px;
+  align-items: flex-start;
+  margin-bottom: 14px;
+  padding: 13px 16px;
+  border: 1px solid #ff8b81;
+  border-radius: 7px;
+  color: #df3c2b;
+  background: #fff8f7;
+  font-weight: 600;
+  line-height: 1.65;
+}
+
+.tcw-catalog-replace-warning > i {
+  margin-top: 2px;
+  font-size: 22px;
+}
+
+.tcw-catalog-replace-dialog--controlled .tcw-catalog-replace-warning {
+  line-height: 1.5;
+}
+
+.tcw-catalog-replace-summary {
+  display: grid;
+  grid-template-columns: 142px minmax(0, 1fr);
+  gap: 14px 14px;
+  margin: 0;
+  padding: 14px 18px;
+  border: 1px solid #d6dee9;
+  border-radius: 7px;
+  line-height: 1.45;
+}
+
+.tcw-catalog-replace-summary dt,
+.tcw-catalog-replace-summary dd {
+  margin: 0;
+}
+
+.tcw-catalog-replace-summary dt {
+  color: #4f5b6d;
+}
+
+.tcw-catalog-replace-dialog--controlled .tcw-catalog-replace-summary {
+  grid-template-columns: 140px minmax(0, 1fr);
+  column-gap: 12px;
+  min-height: 112px;
+}
+
+.tcw-catalog-replace-count {
+  color: #ef3038;
+}
+
+.tcw-modal:has(.tcw-catalog-replace-dialog) .tcw-button--danger {
+  min-width: 182px;
+  background: #e9252d;
+  border-color: #e9252d;
+}
+
+.tcw-modal-backdrop:has(.tcw-catalog-replace-dialog--sanction) {
+  background: rgba(0, 0, 0, .04);
+  backdrop-filter: blur(12px);
+}
+
+.tcw-modal:has(.tcw-catalog-replace-dialog--sanction) {
+  grid-template-rows: 60px minmax(0, 1fr) 76px;
+  width: min(540px, calc(100vw - 40px));
+  height: min(460px, calc(100vh - 40px));
+  transform: translate(-4px, 6px);
+}
+
+.tcw-modal:has(.tcw-catalog-replace-dialog--sanction) > header {
+  position: relative;
+  padding-inline: 24px;
+}
+
+.tcw-modal:has(.tcw-catalog-replace-dialog--sanction) > header::before {
+  position: absolute;
+  left: 24px;
+  color: #f5222d;
+  content: "\ea20";
+  font-family: remixicon;
+  font-size: 20px;
+  font-weight: 400;
+}
+
+.tcw-modal:has(.tcw-catalog-replace-dialog--sanction) > header h2 {
+  padding-left: 40px;
+  font-size: 18px;
+}
+
+.tcw-modal:has(.tcw-catalog-replace-dialog--sanction) > .tcw-modal-body {
+  padding: 0 24px;
+}
+
+.tcw-catalog-replace-dialog--sanction .tcw-catalog-replace-warning {
+  min-height: 60px;
+  align-items: center;
+  margin-bottom: 10px;
+  padding: 10px 14px;
+  color: #f5222d;
+  background: #fffafa;
+}
+
+.tcw-catalog-replace-dialog--sanction .tcw-catalog-replace-summary {
+  min-height: 132px;
+  align-content: center;
+  padding-inline: 12px;
+  row-gap: 10px;
+}
+
+.tcw-catalog-replace-dialog--sanction .tcw-catalog-replace-summary::before {
+  grid-column: 1 / -1;
+  margin-bottom: 2px;
+  color: #253047;
+  content: "覆盖信息";
+  font-size: 16px;
+  font-weight: 700;
+}
+
+.tcw-modal:has(.tcw-catalog-replace-dialog--sanction) > footer {
+  min-height: 56px;
+  gap: 10px;
+  padding-inline: 20px;
+}
+
+.tcw-modal:has(.tcw-catalog-replace-dialog--sanction) > footer .tcw-button {
+  min-width: 142px;
+  min-height: 38px;
+  font-size: 14px;
+}
+
+.tcw-modal:has(.tcw-catalog-replace-dialog--sanction) > footer .tcw-button--danger {
+  min-width: 170px;
+}
+
+@media (max-width: 1100px) {
+  .tcw-catalog-page--controlled,
+  .tcw-catalog-page--sanction {
+    margin: 0;
+  }
+  .tcw-catalog-page--controlled .tcw-filter-grid,
+  .tcw-catalog-page--sanction .tcw-filter-grid {
+    grid-template-columns: repeat(2, minmax(180px, 1fr));
+  }
+
+  .tcw-catalog-page--sanction .tcw-filter-actions {
+    grid-column: auto;
+    grid-row: auto;
+    justify-self: start;
+  }
+
+  .tcw-catalog-page .tcw-data-table .action-column {
+    width: 144px !important;
+    min-width: 144px !important;
+    max-width: 144px !important;
+    padding-inline: 8px;
+  }
+
+  .tcw-catalog-page .tcw-catalog-table-link button {
+    width: 100%;
+  }
+
+  .tcw-catalog-page .tcw-catalog-operation-button {
+    min-width: 60px;
+    gap: 2px;
+    padding-inline: 0;
+  }
+}
+
+@media (max-width: 900px) {
+  .tcw-catalog-page .tcw-data-table {
+    width: 100% !important;
+    min-width: 720px !important;
+    table-layout: fixed;
+  }
+  .tcw-catalog-page .tcw-data-table .action-column {
+    width: 144px !important;
+    min-width: 144px !important;
+    max-width: 144px !important;
+  }
+
+  .tcw-catalog-page .tcw-data-table .action-column i {
+    display: inline-block;
+  }
+
+  .tcw-catalog-page .tcw-row-actions {
+    transform: translateY(6px);
+  }
+}
+
+@media (max-width: 640px) {
+  .tcw-catalog-page--controlled .tcw-filter-grid,
+  .tcw-catalog-page--sanction .tcw-filter-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .tcw-catalog-page > .tcw-filter-panel {
+    padding: 14px;
+  }
+
+  .tcw-catalog-replace-summary {
+    grid-template-columns: 1fr;
+    gap: 5px;
+  }
+}

package/dist/lib/remote-ui/pages/catalogs.d.ts

@@ -206,17 +206,19 @@ export declare function SanctionedCompanyDialog({ open, mode, item, busy, onClos
     onSave: (input: SanctionedCompanyInput) => Promise<void>;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function validateSanctionedCompanyInput(input: SanctionedCompanyInput): string;
-export declare function CatalogImportSummaryNotice({ documentType, batch, busy, onDownload, onView }: {
+export declare function CatalogImportSummaryNotice({ documentType, batch, busy, onDownload, onView, onNotify }: {
     documentType: CatalogDocumentType;
     batch: CatalogBatchRow;
     busy: boolean;
     onDownload: (documentType: CatalogDocumentType, batchId: string) => Promise<unknown>;
     onView?: (batchId: string, issueType: CatalogImportIssueType) => Promise<void> | void;
+    onNotify?: Notify;
 }): import("react/jsx-runtime").JSX.Element | null;
-export declare function CatalogImportStatusNotice({ task, busy, onRetry }: {
+export declare function CatalogImportStatusNotice({ task, busy, onRetry, onNotify }: {
     task: CatalogImportTaskRow;
     busy: boolean;
-    onRetry: (taskId: string) => Promise<void>;
+    onRetry?: (taskId: string) => Promise<void>;
+    onNotify?: Notify;
 }): import("react/jsx-runtime").JSX.Element | null;
 export declare function CatalogImportIssuesDialog({ open, documentType, batchId, issueType, collection, loading, error, busy, onClose, onIssueTypeChange, onPageChange, onPageSizeChange, onRetry }: {
     open: boolean;