2025-05-14

king

2025-05-14 040ab1cc344a81f6b055210d7fbc78fb2fce505b

 src/tabviews/custom/components/chart/antv-X6/index.scss

@@ -7,6 +7,7 @@
  background-size: cover;
  
  .mk-toolbar {
    position: relative;
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #dfe3e8;
@@ -20,13 +21,45 @@
        cursor: pointer;
      }
    }
    .flow-name {
      position: absolute;
      left: 50%;
      top: 6px;
      font-size: 16px;
      color: rgba(0, 0, 0, 0.85);
      transform: translateX(-50%);
    }
    .right-tool {
      float: right;
      line-height: 40px;
      .anticon {
        margin: 0 10px;
        font-size: 16px;
        cursor: pointer;

      .ant-switch {
        min-width: 60px;
        height: 28px;
        line-height: 28px;
        margin-top: -2px;
        .ant-switch-inner {
          font-size: 14px;
        }
      }
      .ant-switch:after {
        width: 24px;
        height: 24px;
      }
      .save, .save:hover, .save:active, .save:focus {
        border-color: var(--mk-sys-color);
        background-color: var(--mk-sys-color);
        color: #ffffff;
        margin: 0 15px;
        height: 30px;
      }
      .close {
        margin-right: 15px;
      }
      .close:hover, .close:active, .close:focus {
        border-color: var(--mk-sys-color);
        color: var(--mk-sys-color);
        height: 30px;
      }
    }
  }
@@ -53,14 +86,17 @@
    display: flex;

    .mk-stencil {
      width: 180px;
      min-width: 180px;
      width: 240px;
      min-width: 240px;
      height: 100%;
      position: relative;
      z-index: 2;
      border-right: 1px solid #dfe3e8;
      transition: all 0.2s;

      .x6-port {
        display: none;
      }
      .x6-widget-stencil-title {
        display: none;
      }
@@ -165,6 +201,22 @@
      opacity: 0;
    }
  }
  .only-show {
    .x6-port {
      display: none;
    }
    .x6-cell.x6-edge {
      cursor: default;
      path {
        cursor: default;
      }
    }
  }
  .only-show.switchable {
    .x6-cell.x6-node:not([data-shape="lane"]):not([data-shape="mk-text"]) {
      cursor: pointer;
    }
  }

  .chart-header {
    position: relative;