@cgeui/platform-head 0.0.1

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

@@ -0,0 +1,297 @@
+html[encarbon-ui='encarbon-ui'] {
+  .designsc-btn,
+  .designsc-select-selector,
+  .designsc-input-affix-wrapper,
+  .designsc-input,
+  .designsc-input-number,
+  .designsc-input-number-affix-wrapper,
+  .designsc-picker {
+    border-radius: 6px;
+  }
+
+  .designsc-input-group .designsc-input-affix-wrapper:not(:last-child) {
+    border-start-start-radius: 6px;
+    border-end-start-radius: 6px;
+  }
+
+  .designsc-input-search
+    > .designsc-input-group
+    > .designsc-input-group-addon:last-child
+    .designsc-input-search-button {
+    border-start-start-radius: 0;
+    border-start-end-radius: 6px;
+    border-end-end-radius: 6px;
+    border-end-start-radius: 0;
+  }
+
+  .designsc-select-item {
+    border-radius: 4px;
+  }
+
+  .designsc-picker {
+    font-weight: 400;
+    font-size: 14px;
+  }
+
+  .designsc-select-multiple {
+    height: 32px;
+  }
+
+  .designsc-form-item {
+    margin-bottom: var(--catd-margin-l);
+  }
+
+  .designsc-pro-query-filter-row {
+    .designsc-form-item {
+      margin-bottom: 0;
+    }
+  }
+
+  .designsc-picker-header {
+    display: flex !important;
+    padding: 0 8px !important;
+  }
+
+  .designsc-picker-dropdown {
+    .designsc-picker-cell-in-view.designsc-picker-cell-in-range::before {
+      opacity: 0.16;
+    }
+
+    .designsc-picker-cell-in-view {
+      &.designsc-picker-cell-range-start:not(.designsc-picker-cell-range-start-single),
+      &.designsc-picker-cell-range-end:not(.designsc-picker-cell-range-end-single) {
+        &::before {
+          opacity: 0.16;
+        }
+      }
+    }
+  }
+
+  .designsc-dropdown {
+    .designsc-checkbox-group,
+    .designsc-checkbox-wrapper {
+      padding-bottom: 14px;
+    }
+
+    .designsc-picker {
+      font-weight: 400;
+      font-size: 14px;
+    }
+  }
+
+  .designsc-form-item-extra {
+    margin-top: 8px;
+  }
+
+  .designsc-select-dropdown {
+    .designsc-pro-select-item-option-content-light {
+      color: inherit;
+    }
+  }
+
+  .designsc-select-multiple .designsc-select-selector:after {
+    content: '' !important;
+  }
+
+  .designsc-upload-list-item-card-actions-btn {
+    opacity: 1 !important;
+  }
+
+  .designsc-upload-list-item-card-actions .anticon {
+    display: inline-block;
+  }
+
+  .designsc-typography-copy {
+    .anticon {
+      color: var(--catd-brand-color);
+    }
+  }
+
+  .designsc-select-selection-item-remove > .anticon {
+    color: var(--catd-text-color-thirdly);
+  }
+
+  .designsc-select-tree {
+    .designsc-select-tree-node-content-wrapper {
+      display: flex;
+      align-items: center;
+      height: 32px;
+      padding: 0 6px !important;
+    }
+
+    .designsc-select-tree-treenode-disabled {
+      .designsc-select-tree-node-content-wrapper {
+        color: var(--catd-text-color-placeholder);
+      }
+    }
+  }
+
+  .label-after {
+    font-weight: 400;
+    font-size: 12px;
+  }
+
+  .label-after-icon {
+    width: 12px;
+    height: 12px;
+    margin-right: 5px;
+    margin-left: 10px;
+  }
+
+  .designsc-radio-button-wrapper.designsc-radio-button-wrapper-checked {
+    color: var(--catd-white-10);
+  }
+
+  .designsc-radio-group .designsc-radio-button-wrapper {
+    > span:last-child {
+      display: flex;
+      align-items: center;
+      height: 100%;
+      padding: 0;
+    }
+  }
+
+  .designsc-radio.designsc-radio-checked.designsc-radio-disabled .designsc-radio-inner {
+    background-color: var(--catd-brand-color-disabled);
+
+    &::after {
+      background-color: var(--encarbon-radio-disabled-inner-bg-color);
+    }
+  }
+
+  .designsc-radio-disabled + span {
+    color: var(--catd-text-color-primary);
+  }
+
+  .designsc-pro-table-search-query-filter {
+    .designsc-form-horizontal {
+      .designsc-form-item-label {
+        padding-left: 10px;
+      }
+    }
+  }
+
+  .form-disabled-for-text {
+    .designsc-input-disabled {
+      color: var(--catd-text-color-primary);
+      background: none;
+      border: none;
+    }
+
+    .designsc-select-disabled,
+    .designsc-select-disabled.designsc-select:not(.designsc-select-customize-input) {
+      .designsc-select-selector {
+        padding: 0 !important;
+        color: var(--catd-text-color-primary);
+        background: none;
+        border: none;
+      }
+    }
+
+    .designsc-select-arrow {
+      display: none;
+    }
+
+    .designsc-select-show-arrow {
+      .designsc-select-arrow {
+        display: block;
+      }
+    }
+
+    .designsc-select-show-arrow.designsc-select-disabled {
+      .designsc-select-arrow {
+        display: none;
+      }
+    }
+  }
+
+  .designsc-picker-cell:hover:not(.designsc-picker-cell-in-view) .designsc-picker-cell-inner,
+  .designsc-picker-cell:hover:not(.designsc-picker-cell-selected):not(
+      .designsc-picker-cell-range-start
+    ):not(.designsc-picker-cell-range-end):not(.designsc-picker-cell-range-hover-start):not(
+      .designsc-picker-cell-range-hover-end
+    )
+    .designsc-picker-cell-inner {
+    background: var(--catd-bg-color-fourth) !important;
+  }
+
+  .designsc-select.designsc-select-open .designsc-select-selection-item {
+    color: var(--catd-text-color-placeholder);
+  }
+
+  .designsc-select-multiple {
+    .designsc-select-selection-search {
+      margin-left: 0;
+    }
+
+    .designsc-select-selection-item {
+      height: 20px;
+      line-height: 20px;
+    }
+  }
+
+  .designsc-transfer-operation {
+    .designsc-btn + .designsc-btn {
+      margin-left: 0;
+    }
+  }
+
+  .designsc-select-selection-item-remove {
+    svg {
+      font-size: 12px;
+    }
+  }
+
+  .designsc-radio-group-solid {
+    overflow: hidden;
+    border-radius: 6px;
+    border: 1px solid var(--catd-form-border-color);
+  }
+
+  .designsc-radio-button-wrapper {
+    border: 0;
+    margin: 2px;
+    border-radius: 4px;
+    overflow: hidden;
+  }
+
+  .designsc-radio-button-wrapper:not(:first-child)::before {
+    width: 0;
+  }
+
+  .designsc-select-outlined.designsc-select-disabled:not(.designsc-select-customize-input)
+    .designsc-select-selector,
+  .designsc-btn-primary.designsc-btn-background-ghost:disabled,
+  .designsc-btn-primary:disabled {
+    color: var(--catd-text-color-primary);
+  }
+
+  // 深色
+  .catd-dark {
+    // --catd-form-border-color: var(--catd-form-bg-color);
+    --catd-form-bg-color: transparent;
+
+    .designsc-select-item-option-active:not(.designsc-select-item-option-disabled) {
+      background: var(--catd-brand-color-form-item-hover);
+    }
+
+    .designsc-select-item-option-selected:not(.designsc-select-item-option-disabled) {
+      background: var(--catd-brand-color);
+    }
+
+    // .designsc-radio-button-wrapper {
+    //   border-color: transparent !important;
+    // }
+
+    // .designsc-checkbox,
+    // .designsc-radio {
+    //   --catd-form-border-color: var(--encarbon-form-border-color-dark);
+    //   --catd-component-border-color: var(--encarbon-form-border-color-dark);
+    // }
+
+    // .form-disabled-for-text {
+    //   --catd-form-border-color: var(--encarbon-form-border-color-dark);
+    //   --catd-form-bg-color: transparent;
+    // }
+  }
+}

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

@@ -0,0 +1,47 @@
+html[encarbon-ui='encarbon-ui'] {
+  .designsc-formily-item {
+    .designsc-formily-item-control {
+      .designsc-formily-item-extra {
+        color: var(--catd-text-color-secondary);
+      }
+    }
+  }
+
+  .designsc-formily-item-error-help {
+    font-size: 12px !important;
+  }
+
+  .designsc-formily-item-feedback-layout-loose {
+    margin-bottom: var(--catd-margin-xxl) !important;
+  }
+
+  .designsc-formily-item.exportNum {
+    .designsc-formily-item-control {
+      display: none;
+    }
+  }
+
+  .designsc-formily-item-label {
+    flex-shrink: 0;
+  }
+
+  .autoFix {
+    .designsc-formily-item-control {
+      max-width: calc(100% - 80px);
+    }
+  }
+
+  .designsc-formily-layout {
+    form {
+      padding-bottom: 20px;
+    }
+    .modal-button {
+      display: flex;
+      align-items: center;
+      height: 52px;
+      padding-left: 20px !important;
+      background: var(--catd-bg-color-thirdly);
+      border-top: 1px solid var(--catd-component-border-color);
+    }
+  }
+}

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

@@ -0,0 +1,16 @@
+@import './card.less';
+@import './form.less';
+@import './formily.less';
+@import './drawer.less';
+@import './pagination.less';
+@import './layout.less';
+@import './menu.less';
+@import './modal.less';
+@import './proTable.less';
+@import './step.less';
+@import './table.less';
+@import './tabs.less';
+@import './tree.less';
+@import './switch.less';
+@import './descriptions.less';
+@import './segmented.less';

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

@@ -0,0 +1,24 @@
+html[encarbon-ui='encarbon-ui'] {
+  .designsc-layout {
+    height: 100vh;
+  }
+
+  .designsc-layout-header {
+    padding: 0 !important;
+    background-color: var(--catd-bg-color-secondary);
+  }
+
+  .designsc-layout-content {
+    padding: 0 var(--catd-padding-xxl) var(--catd-padding-xxl);
+    overflow-y: auto;
+    .designsc-table-content {
+      .designsc-table-selection-col {
+        width: 40px;
+      }
+    }
+  }
+
+  .designsc-layout-footer {
+    background: transparent !important;
+  }
+}

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

@@ -0,0 +1,51 @@
+html[encarbon-ui='encarbon-ui'] {
+  .designsc-menu {
+    background-color: var(--catd-bg-color-secondary);
+
+    .designsc-menu-item-disabled {
+      .designsc-menu-title-content {
+        a {
+          cursor: not-allowed;
+        }
+      }
+    }
+  }
+
+  .designsc-menu .designsc-menu-item,
+  .designsc-menu-sub.designsc-menu-inline > .designsc-menu-item,
+  .designsc-menu-inline.designsc-menu-root .designsc-menu-item,
+  .designsc-menu-inline.designsc-menu-root .designsc-menu-submenu-title {
+    height: 44px;
+    margin: 0;
+    line-height: 44px;
+
+    .designsc-pro-menu-item-title {
+      font-size: 14px;
+    }
+  }
+
+  .designsc-menu-submenu {
+    > ul {
+      .designsc-menu-title-content {
+        display: flex;
+        padding: 0 16px;
+      }
+    }
+  }
+
+  .designsc-menu-vertical.designsc-menu-sub .designsc-menu-item {
+    margin-left: 0;
+    border-radius: 0;
+  }
+
+  .designsc-menu-dark.designsc-menu-dark:not(.designsc-menu-horizontal)
+    .designsc-menu-item-selected {
+    .designsc-menu-title-content {
+      display: flex;
+
+      .designsc-pro-menu-item-title {
+        font-weight: 700;
+      }
+    }
+  }
+}