@cgeui/platform-head 0.0.1

package/dist/esm/encarbon-ui/core/ant5/modal.less

@@ -0,0 +1,319 @@
+html[encarbon-ui='encarbon-ui'] {
+  // modal
+  .designsc-modal {
+    padding-bottom: 0;
+
+    .designsc-modal-title {
+      color: var(--catd-text-color-primary);
+      font-weight: 500;
+    }
+
+    .designsc-modal-content {
+      --catd-radius-m: 12px;
+
+      .designsc-modal-close-x {
+        font-size: 14px;
+      }
+    }
+
+    .designsc-pro-card {
+      margin-top: 20px;
+    }
+  }
+
+  .designsc-modal-root .designsc-modal-confirm,
+  .designsc-modal {
+    .designsc-modal-content {
+      padding: 0 !important;
+
+      .designsc-modal-body {
+        .catdfont.catdfont-svg.modal-ctadicon-close {
+          z-index: 1;
+          font-size: 20px;
+          fill: var(--catd-text-color-secondary);
+        }
+
+        .designsc-modal-confirm-body-wrapper {
+          .designsc-modal-confirm-body {
+            .designsc-modal-confirm-content {
+              margin: 0 !important;
+              padding-right: 20px;
+            }
+          }
+        }
+
+        .designsc-modal-confirm-title {
+          position: relative;
+          display: inline-block;
+          width: 100%;
+          padding: 36px 20px 0 36px;
+          color: var(--catd-text-color-primary);
+          font-weight: 600;
+          font-size: var(--catd-margin-16);
+          line-height: calc(var(--catd-margin-16) + 8px);
+          letter-spacing: 0;
+          height: auto;
+
+          &::after {
+            display: none;
+            width: calc(var(--catd-padding-24) * 2 + 100%);
+            height: 1px;
+            margin-top: var(--catd-margin-16);
+            border-bottom: 0;
+            transform: translateX(calc(var(--catd-padding-24) * (-1)));
+            content: '';
+          }
+
+          .catd-show-confirm-title-self {
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            color: var(--catd-text-color-primary);
+            font-weight: 600;
+            font-size: var(--catd-font-size-l);
+
+            > span:first-child {
+              padding-top: 0;
+              color: var(--catd-warning-color);
+              font-size: 20px;
+            }
+
+            > div {
+              padding-top: var(--catd-padding-xxxs);
+            }
+
+            span + div {
+              margin-left: 16px;
+              padding-top: 0;
+            }
+
+            .catd-show-confirm-icon {
+              margin-left: -12px;
+            }
+          }
+        }
+
+        .designsc-modal-confirm-content {
+          margin-top: var(--catd-margin-20);
+          margin-right: 0 !important;
+          margin-left: 0 !important;
+          padding-top: 0;
+          padding-left: 36px;
+          color: var(--catd-text-color-primary);
+          font-weight: 400;
+          font-size: var(--catd-font-size-m);
+          line-height: calc(var(--catd-margin-14) + 8px);
+          letter-spacing: 0;
+
+          > div {
+            color: var(--catd-text-color-primary);
+          }
+
+          .modal-button {
+            display: flex;
+            align-items: center;
+            justify-content: flex-end;
+            margin-right: -20px;
+            margin-left: -36px;
+            padding-top: 12px;
+            padding-right: 20px;
+            padding-bottom: 0;
+            padding-bottom: 12px;
+            border-top: 1px solid var(--catd-component-border-color);
+            margin-top: 20px;
+
+            .designsc-btn + .designsc-btn {
+              margin-left: 12px;
+            }
+          }
+        }
+
+        .designsc-form-item-label {
+          padding-left: 0 !important;
+          text-align: left !important;
+        }
+      }
+    }
+  }
+
+  .designsc-modal-confirm .designsc-modal-confirm-btns .designsc-btn + .designsc-btn {
+    margin-left: var(--catd-margin-14);
+  }
+
+  .designsc-modal-root .designsc-modal.hide-button .designsc-modal-confirm-body-wrapper {
+    padding: 0;
+  }
+
+  .designsc-modal-confirm-body-has-title {
+    > .anticon {
+      display: none;
+    }
+  }
+
+  .designsc-formily-layout.edit-draw-form {
+    form {
+      display: flex;
+      flex-direction: column;
+      padding-bottom: 0;
+    }
+
+    .designsc-spin-nested-loading,
+    .designsc-spin-container {
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+    }
+
+    .designsc-formily-layout.designsc-form-horizontal {
+      height: 100%;
+
+      .designsc-formily-item-label {
+        width: 100px;
+      }
+    }
+
+    .modal-button {
+      margin-left: -20px;
+      align-items: flex-end;
+      width: calc(100% + 40px);
+    }
+  }
+
+  .designsc-modal-confirm-body-has-title {
+    .designsc-modal-confirm-paragraph {
+      gap: 16px;
+    }
+  }
+
+  .designsc-modal-confirm-self {
+    .designsc-modal-confirm-body-wrapper {
+      padding: 0;
+    }
+
+    .designsc-modal-confirm-body-has-title {
+      .anticon {
+        padding: var(--catd-padding-xxxl) 0 0 var(--catd-padding-xxxl);
+        margin: 0;
+      }
+    }
+
+    .designsc-modal-confirm-btns {
+      border-top: 1px solid var(--catd-component-border-color);
+      padding: var(--catd-padding-s) var(--catd-padding-xxxl);
+      margin-top: 20px;
+    }
+  }
+
+  .designsc-modal-confirm-btns,
+  .designsc-modal-confirm-content {
+    .designsc-btn-default {
+      background: var(--catd-form-bg-color);
+      border-color: var(--catd-form-border-color);
+      color: var(--catd-text-color-secondary);
+      box-shadow: 0 2px 0 var(--catd-color-fill-quaternary);
+    }
+
+    .designsc-btn-default:not(:disabled):not(.designsc-btn-disabled):hover {
+      color: var(--catd-brand-color-hover);
+      border-color: var(--catd-brand-color-hover);
+      background: var(--catd-form-bg-color);
+    }
+
+    .designsc-btn-default:disabled,
+    .designsc-btn-default.designsc-btn-disabled {
+      cursor: not-allowed;
+      border-color: var(--catd-form-border-color);
+      color: var(--catd-text-color-placeholder);
+      background: var(--catd-color-fill-tertiary);
+      box-shadow: none;
+    }
+  }
+
+  .hide-button .designsc-modal-confirm-body-wrapper .modal-ctadicon-close {
+    top: 20px;
+    right: 20px;
+  }
+
+  .encarbon-user-showConfirm-form-modal {
+    .designsc-modal-content {
+      .designsc-modal-body {
+        .designsc-modal-confirm-paragraph {
+          gap: 0;
+        }
+
+        .designsc-modal-confirm-title {
+          padding: 12px 20px !important;
+          border-bottom: 1px solid var(--catd-component-border-color);
+        }
+
+        .designsc-modal-confirm-content {
+          padding: 24px 20px 0 20px !important;
+        }
+
+        .modal-button {
+          margin: 0 -20px !important;
+          padding: 0 20px !important;
+        }
+      }
+    }
+  }
+
+  .designsc-modal.catd-show-confirm-has-icon
+    .designsc-modal-content
+    .designsc-modal-body
+    .designsc-modal-confirm-body-wrapper
+    .designsc-modal-confirm-body {
+    .designsc-modal-confirm-content {
+      padding-left: 60px;
+
+      .modal-button {
+        margin-left: -60px;
+      }
+    }
+
+    &.designsc-modal-confirm-body-has-title .designsc-modal-confirm-paragraph {
+      gap: 12px;
+    }
+  }
+
+  .encarbon-modal-confirm {
+    &.encarbon-modal-confirm-has-icon {
+      .designsc-modal-confirm-body-has-title {
+        > .anticon {
+          display: block;
+          padding-top: 36px;
+          margin: 0;
+          padding-left: 24px;
+        }
+
+        .designsc-modal-confirm-paragraph {
+          gap: 12px;
+          margin-left: -20px;
+        }
+      }
+    }
+
+    .designsc-modal-confirm-body-wrapper {
+      padding: 0;
+    }
+
+    .designsc-modal-confirm-paragrap {
+      max-width: 100%;
+    }
+
+    .designsc-modal-confirm-btns {
+      border: 1px solid var(--catd-component-border-color);
+      padding: 10px 20px;
+      margin-top: 20px;
+    }
+  }
+
+  .designsc-modal-root .designsc-modal .designsc-modal-content,
+  .designsc-dropdown,
+  .designsc-drawer .designsc-drawer-content,
+  .designsc-select-dropdown,
+  .designsc-picker-dropdown .designsc-picker-panel-container,
+  .designsc-popover {
+    --catd-bg-color-thirdly: var(--catd-bg-color-secondary);
+  }
+}

package/dist/esm/encarbon-ui/core/ant5/pagination.less

@@ -0,0 +1,63 @@
+html[encarbon-ui='encarbon-ui'] {
+  .designsc-pagination-total-text {
+    color: var(--catd-text-color-primary);
+  }
+
+  .designsc-pagination,
+  .designsc-pagination.designsc-pagination-mini {
+    li + li {
+      margin-left: 6px !important;
+    }
+    .designsc-pagination-prev,
+    .designsc-pagination-next {
+      line-height: 1;
+    }
+    .designsc-pagination-prev,
+    .designsc-pagination-item,
+    .designsc-pagination-next {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      min-width: 30px;
+      height: 28px;
+      margin-right: 0;
+    }
+    .designsc-pagination-prev,
+    .designsc-pagination-item:not(.designsc-pagination-item-active),
+    .designsc-pagination-next {
+      color: var(--encarbon-pagination-text-color);
+      vertical-align: middle;
+      border: 1px solid var(--encarbon-pagination-border-color);
+      border-radius: 6px;
+    }
+
+    .designsc-pagination-options {
+      .designsc-select-selector {
+        height: 28px;
+        .designsc-select-selection-item {
+          line-height: 28px;
+        }
+      }
+    }
+
+    .designsc-pagination-options-size-changer {
+      display: flex;
+      align-items: center;
+      .designsc-select-selector {
+        background: transparent;
+        border-radius: 6px;
+      }
+    }
+
+    .designsc-pagination-item-active {
+      border-color: var(--catd-brand-color);
+      border-radius: 6px;
+    }
+
+    .designsc-pagination-total-text,
+    .designsc-pagination-simple-pager {
+      height: 28px;
+      line-height: 28px;
+    }
+  }
+}

package/dist/esm/encarbon-ui/core/ant5/proTable.less

@@ -0,0 +1,93 @@
+html[encarbon-ui='encarbon-ui'] {
+  .designsc-pro-card {
+    border-radius: var(--encarbon-ui-card-border-radius);
+  }
+
+  .designsc-pro-table .designsc-pro-table-search.designsc-pro-table-form {
+    padding: 0;
+  }
+
+  .designsc-pro-table {
+    .designsc-pro-table-search {
+      margin-bottom: var(--catd-margin-m);
+      padding: var(--catd-padding-xxl);
+      background: var(--catd-bg-color-secondary);
+      margin-bottom: 12px;
+    }
+
+    .designsc-pro-card-body {
+      padding-right: var(--catd-padding-xxl);
+      padding-left: var(--catd-padding-xxl);
+      border: 0;
+    }
+  }
+
+  .designsc-pro-table {
+    .designsc-pro-query-filter.designsc-pro-form {
+      padding: 0;
+    }
+  }
+
+  .designsc-pro-query-filter-row {
+    row-gap: 16px;
+  }
+
+  .designsc-pro-page-container {
+    .designsc-page-header-heading {
+      padding: 0;
+    }
+
+    .designsc-page-header .designsc-page-header-heading-left {
+      margin: 0;
+    }
+  }
+
+  .designsc-pro-table-list-toolbar-container,
+  .designsc-pro-query-filter-actions .designsc-form-item-control-input-content {
+    .designsc-btn + .designsc-btn {
+      margin-left: 2px;
+    }
+  }
+
+  // 修改table左右固定阴影颜色
+  .designsc-table-wrapper .designsc-table-ping-right .designsc-table-cell-fix-right-first::after,
+  .designsc-table-wrapper .designsc-table-ping-right .designsc-table-cell-fix-right-last::after {
+    box-shadow: inset -10px 0 8px -8px var(--encarbon-table-fixed-cloumn-shadow-color);
+  }
+
+  .designsc-table-wrapper .designsc-table-container table > thead > tr:first-child > *:first-child,
+  .designsc-table-tbody > tr > td:first-child,
+  .designsc-table-wrapper
+    .designsc-table
+    .designsc-table-title
+    + .designsc-table-container
+    table
+    > thead
+    > tr:first-child
+    th:first-child {
+    border-radius: 6px 0 0 6px;
+  }
+
+  .designsc-table-wrapper .designsc-table-container table > thead > tr:first-child > *:last-child,
+  .designsc-table-tbody > tr > td:last-child,
+  .designsc-table-wrapper
+    .designsc-table
+    .designsc-table-title
+    + .designsc-table-container
+    table
+    > thead
+    > tr:first-child
+    th:last-child {
+    border-radius: 0 6px 6px 0;
+  }
+
+  .designsc-table-wrapper .designsc-table.designsc-table-middle .designsc-table-cell {
+    padding-top: 9px;
+    padding-bottom: 9px;
+    padding-left: 12px;
+  }
+
+  .designsc-table-wrapper .designsc-typography {
+    color: var(--catd-text-color-primary);
+  }
+}

package/dist/esm/encarbon-ui/core/ant5/segmented.less

@@ -0,0 +1,31 @@
+html[encarbon-ui='encarbon-ui'] {
+  .designsc-segmented {
+    border-radius: 6px;
+    border: 1px solid var(--catd-form-border-color);
+    color: var(--catd-text-color-primary);
+    background: transparent;
+
+    .designsc-segmented-item-selected {
+      border-radius: 4px;
+      color: var(--catd-white-10);
+      background-color: var(--catd-brand-color);
+    }
+  }
+
+  .designsc-segmented
+    .designsc-segmented-item:hover:not(.designsc-segmented-item-selected):not(
+      .designsc-segmented-item-disabled
+    ) {
+    color: var(--catd-text-color-primary);
+    border-radius: 4px;
+  }
+
+  /* 新增：覆盖滑动过程中的滑块 / 伪元素，强制使用品牌蓝色 */
+  /* 常见滑动/动画元素选择器合集，确保在滑动动画中也为蓝色 */
+  .designsc-segmented-thumb,
+  .designsc-segmented-thumb::before,
+  .designsc-segmented-thumb::after {
+    background-color: var(--catd-brand-color);
+    border-radius: 4px;
+  }
+}

package/dist/esm/encarbon-ui/core/ant5/step.less

@@ -0,0 +1,8 @@
+html[encarbon-ui='encarbon-ui'] {
+  .designsc-steps-item-wait
+    .designsc-steps-item-icon
+    > .designsc-steps-icon
+    .designsc-steps-icon-dot {
+    background: var(--catd-bg-color-fourth);
+  }
+}

package/dist/esm/encarbon-ui/core/ant5/switch.less

@@ -0,0 +1,8 @@
+html[catd-theme='default'] {
+  .designsc-switch {
+    background: #d0d5dd;
+    &.designsc-switch-checked {
+      background: var(--catd-brand-color);
+    }
+  }
+}

package/dist/esm/encarbon-ui/core/ant5/table.less

@@ -0,0 +1,169 @@
+html[encarbon-ui='encarbon-ui'] {
+  .designsc-table-pagination.designsc-pagination {
+    margin-top: 20px;
+    margin-bottom: 0;
+    align-items: center;
+  }
+
+  .designsc-table-thead > tr > th,
+  .designsc-table-tbody > tr > td {
+    color: var(--encarbon-table-th-text-color);
+    border-color: var(--encarbon-table-border-color);
+  }
+
+  .designsc-table-wrapper
+    .designsc-table.designsc-table-bordered
+    > .designsc-table-container
+    > .designsc-table-content
+    > table
+    > thead
+    > tr
+    > th {
+    border: 0;
+  }
+
+  .designsc-table-thead > tr > th {
+    border: 0;
+    font-weight: 500;
+    padding: 8px 16px;
+  }
+
+  .designsc-table-wrapper td.designsc-table-column-sort {
+    background: inherit;
+  }
+
+  .encarbon-ui-table-th-colgroup {
+    .designsc-table-thead > tr > th[scope='col'],
+    .designsc-table-thead > tr > th[scope='colgroup'] {
+      border: 1px solid var(--catd-component-border-color) !important;
+      border-left: 0 !important;
+      border-radius: 0 !important;
+    }
+  }
+
+  .designsc-table-tbody > tr > td {
+    color: var(--encarbon-table-td-text-color);
+  }
+
+  .designsc-table-thead .designsc-table-cell:nth-last-child(2),
+  .designsc-table-thead .designsc-table-cell:last-child,
+  .designsc-table-tbody .designsc-table-row .designsc-table-cell:last-child {
+    padding-right: var(--catd-padding-xl);
+  }
+
+  .designsc-btn-link {
+    padding: 0;
+    border: 0;
+  }
+
+  .designsc-btn-link + .designsc-btn-link {
+    margin-left: var(--catd-padding-l);
+  }
+
+  .designsc-table-tbody .designsc-table-cell {
+    height: 40px;
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+
+  .designsc-table-wrapper .designsc-table-thead th.designsc-table-column-has-sorters:hover {
+    background: var(--catd-table-th-bg-color);
+  }
+
+  .designsc-table.designsc-table-middle .designsc-table-tbody .designsc-table-cell {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+
+  .designsc-table thead > tr > th::before {
+    display: none;
+  }
+
+  .designsc-table-filter-trigger:hover,
+  .designsc-table-filter-trigger.active {
+    color: var(--catd-brand-color) !important;
+  }
+
+  .designsc-table-filter-dropdown {
+    background: var(--catd-bg-color-thirdly);
+  }
+
+  .designsc-table-filter-trigger:hover {
+    background: var(--catd-bg-color);
+  }
+
+  .designsc-table-filter-trigger {
+    color: var(--catd-text-color-thirdly);
+  }
+
+  .designsc-table .designsc-table-content .designsc-typography {
+    color: var(--catd-text-color-primary);
+  }
+
+  .catd-dark {
+    .designsc-table-tbody > tr.designsc-table-placeholder:hover > td {
+      background: var(--catd-table-tr-bg-color-hover);
+    }
+
+    // 暂无数据的样式
+    .designsc-empty-img-simple-path {
+      fill: var(--catd-bg-color-secondary);
+    }
+
+    .designsc-empty-img-simple-g {
+      stroke: #767c87;
+    }
+
+    .designsc-empty-img-simple-ellipse {
+      fill: #212c3e;
+    }
+  }
+
+  .designsc-table-placeholder {
+    .designsc-table-cell {
+      border: 0;
+    }
+  }
+
+  .designsc-table-wrapper .designsc-table.designsc-table-bordered > .designsc-table-container {
+    border: 0;
+  }
+
+  .designsc-table-wrapper
+    .designsc-table.designsc-table-bordered
+    > .designsc-table-container
+    > .designsc-table-content
+    > table
+    > tbody
+    > tr
+    > td {
+    border: 0;
+  }
+
+  .designsc-table-row:nth-child(odd) {
+    background: var(--catd-bg-color);
+
+    .designsc-table-cell-fix-left,
+    .designsc-table-cell-fix-right {
+      background: var(--catd-bg-color);
+    }
+
+    > .designsc-table-cell-row-hover {
+      background: var(--catd-table-tr-bg-color-hover);
+    }
+  }
+
+  .catd-default {
+    .designsc-table {
+      --catd-brand-color-bg: #cee2fd;
+      --catd-brand-color-bg-hover: #cee2fd;
+    }
+  }
+
+  .catd-dark {
+    .designsc-table {
+      --catd-brand-color-bg: rgb(11 36 80);
+      --catd-brand-color-bg-hover: rgb(11 36 80);
+    }
+  }
+}

package/dist/esm/encarbon-ui/core/ant5/tabs.less

@@ -0,0 +1,14 @@
+html[encarbon-ui='encarbon-ui'] {
+  .designsc-tabs-tab:hover {
+    color: var(--catd-brand-color) !important;
+  }
+
+  .designsc-tabs-nav {
+    background: var(--catd-bg-color-secondary);
+    --catd-form-border-color: var(--catd-component-border-color);
+  }
+
+  .designsc-tabs-tab {
+    --catd-text-color-secondary: var(--catd-text-color-primary);
+  }
+}