@chaoswise/ui 2.5.9 → 3.0.1

package/lib/Antd4/menu/style/index-pure.less

@@ -1,700 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/mixins/index';
-@import './status';
-
-@menu-prefix-cls: ~'@{ant-prefix}-menu';
-@menu-animation-duration-normal: 0.15s;
-
-.accessibility-focus() {
-  box-shadow: 0 0 0 2px @primary-2;
-}
-
-// TODO: Should remove icon style compatible in v5
-
-// default theme
-.@{menu-prefix-cls} {
-  .reset-component();
-
-  margin-bottom: 0;
-  padding-left: 0; // Override default ul/ol
-  color: @menu-item-color;
-  font-size: @menu-item-font-size;
-  line-height: 0; // Fix display inline-block gap
-  text-align: left;
-  list-style: none;
-  background: @menu-bg;
-  outline: none;
-  box-shadow: @box-shadow-base;
-  transition: background @animation-duration-slow,
-    width @animation-duration-slow cubic-bezier(0.2, 0, 0, 1) 0s;
-  .clearfix();
-
-  &&-root:focus-visible {
-    .accessibility-focus();
-  }
-
-  ul,
-  ol {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-  }
-
-  // Overflow ellipsis
-  &-overflow {
-    display: flex;
-
-    &-item {
-      flex: none;
-    }
-  }
-
-  &-hidden,
-  &-submenu-hidden {
-    display: none;
-  }
-
-  &-item-group-title {
-    height: @menu-item-group-height;
-    padding: 8px 16px;
-    color: @menu-item-group-title-color;
-    font-size: @menu-item-group-title-font-size;
-    line-height: @menu-item-group-height;
-    transition: all @animation-duration-slow;
-  }
-
-  &-horizontal &-submenu {
-    transition: border-color @animation-duration-slow @ease-in-out,
-      background @animation-duration-slow @ease-in-out;
-  }
-
-  &-submenu,
-  &-submenu-inline {
-    transition: border-color @animation-duration-slow @ease-in-out,
-      background @animation-duration-slow @ease-in-out,
-      padding @menu-animation-duration-normal @ease-in-out;
-  }
-
-  &-submenu-selected {
-    color: @menu-highlight-color;
-  }
-
-  &-item:active,
-  &-submenu-title:active {
-    background: @menu-item-active-bg;
-  }
-
-  &-submenu &-sub {
-    cursor: initial;
-    transition: background @animation-duration-slow @ease-in-out,
-      padding @animation-duration-slow @ease-in-out;
-  }
-
-  &-title-content {
-    transition: color @animation-duration-slow;
-  }
-
-  &-item a {
-    color: @menu-item-color;
-
-    &:hover {
-      color: @menu-highlight-color;
-    }
-
-    &::before {
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      background-color: transparent;
-      content: '';
-    }
-  }
-
-  // https://github.com/ant-design/ant-design/issues/19809
-  &-item > .@{ant-prefix}-badge a {
-    color: @menu-item-color;
-
-    &:hover {
-      color: @menu-highlight-color;
-    }
-  }
-
-  &-item-divider {
-    overflow: hidden;
-    line-height: 0;
-    border-color: @border-color-split;
-    border-style: solid;
-    border-width: 1px 0 0;
-  }
-
-  &-item-divider-dashed {
-    border-style: dashed;
-  }
-
-  &-horizontal &-item,
-  &-horizontal &-submenu {
-    margin-top: -1px;
-  }
-
-  &-horizontal > &-item:hover,
-  &-horizontal > &-item-active,
-  &-horizontal > &-submenu &-submenu-title:hover {
-    background-color: transparent;
-  }
-
-  &-item-selected {
-    color: @menu-highlight-color;
-
-    a,
-    a:hover {
-      color: @menu-highlight-color;
-    }
-  }
-
-  &:not(&-horizontal) &-item-selected {
-    background-color: @menu-item-active-bg;
-  }
-
-  &-inline,
-  &-vertical,
-  &-vertical-left {
-    border-right: @border-width-base @border-style-base @border-color-split;
-  }
-
-  &-vertical-right {
-    border-left: @border-width-base @border-style-base @border-color-split;
-  }
-
-  &-vertical&-sub,
-  &-vertical-left&-sub,
-  &-vertical-right&-sub {
-    min-width: 160px;
-    max-height: calc(100vh - 100px);
-    padding: 0;
-    overflow: hidden;
-    border-right: 0;
-
-    // https://github.com/ant-design/ant-design/issues/22244
-    // https://github.com/ant-design/ant-design/issues/26812
-    &:not([class*='-active']) {
-      overflow-x: hidden;
-      overflow-y: auto;
-    }
-
-    .@{menu-prefix-cls}-item {
-      left: 0;
-      margin-left: 0;
-      border-right: 0;
-
-      &::after {
-        border-right: 0;
-      }
-    }
-    > .@{menu-prefix-cls}-item,
-    > .@{menu-prefix-cls}-submenu {
-      transform-origin: 0 0;
-    }
-  }
-
-  &-horizontal&-sub {
-    min-width: 114px; // in case of submenu width is too big: https://codesandbox.io/s/qvpwm6mk66
-  }
-
-  &-horizontal &-item,
-  &-horizontal &-submenu-title {
-    transition: border-color @animation-duration-slow, background @animation-duration-slow;
-  }
-
-  &-item,
-  &-submenu-title {
-    position: relative;
-    display: block;
-    margin: 0;
-    padding: @menu-item-padding;
-    white-space: nowrap;
-    cursor: pointer;
-    transition: border-color @animation-duration-slow, background @animation-duration-slow,
-      padding @animation-duration-slow @ease-in-out;
-
-    .@{menu-prefix-cls}-item-icon,
-    .@{iconfont-css-prefix} {
-      min-width: 14px;
-      font-size: @menu-icon-size;
-      transition: font-size @menu-animation-duration-normal @ease-out,
-        margin @animation-duration-slow @ease-in-out, color @animation-duration-slow;
-
-      + span {
-        margin-left: @menu-icon-margin-right;
-        opacity: 1;
-        transition: opacity @animation-duration-slow @ease-in-out, margin @animation-duration-slow,
-          color @animation-duration-slow;
-      }
-    }
-
-    .@{menu-prefix-cls}-item-icon.svg {
-      vertical-align: -0.125em;
-    }
-
-    &.@{menu-prefix-cls}-item-only-child {
-      > .@{iconfont-css-prefix},
-      > .@{menu-prefix-cls}-item-icon {
-        margin-right: 0;
-      }
-    }
-
-    &:focus-visible {
-      .accessibility-focus();
-    }
-  }
-
-  & > &-item-divider {
-    margin: 1px 0;
-    padding: 0;
-  }
-
-  &-submenu {
-    &-popup {
-      position: absolute;
-      z-index: @zindex-dropdown;
-      background: transparent;
-      border-radius: @border-radius-base;
-      box-shadow: none;
-      transform-origin: 0 0;
-
-      // https://github.com/ant-design/ant-design/issues/13955
-      &::before {
-        position: absolute;
-        top: -7px;
-        right: 0;
-        bottom: 0;
-        left: 0;
-        z-index: -1;
-        width: 100%;
-        height: 100%;
-        opacity: 0.0001;
-        content: ' ';
-      }
-    }
-
-    // https://github.com/ant-design/ant-design/issues/13955
-    &-placement-rightTop::before {
-      top: 0;
-      left: -7px;
-    }
-
-    > .@{menu-prefix-cls} {
-      background-color: @menu-bg;
-      border-radius: @border-radius-base;
-
-      &-submenu-title::after {
-        transition: transform @animation-duration-slow @ease-in-out;
-      }
-    }
-
-    &-popup > .@{menu-prefix-cls} {
-      background-color: @menu-popup-bg;
-    }
-
-    &-expand-icon,
-    &-arrow {
-      position: absolute;
-      top: 50%;
-      right: 16px;
-      width: 10px;
-      color: @menu-item-color;
-      transform: translateY(-50%);
-      transition: transform @animation-duration-slow @ease-in-out;
-    }
-
-    &-arrow {
-      // →
-      &::before,
-      &::after {
-        position: absolute;
-        width: 6px;
-        height: 1.5px;
-        background-color: currentcolor;
-        border-radius: 2px;
-        transition: background @animation-duration-slow @ease-in-out,
-          transform @animation-duration-slow @ease-in-out, top @animation-duration-slow @ease-in-out,
-          color @animation-duration-slow @ease-in-out;
-        content: '';
-      }
-
-      &::before {
-        transform: rotate(45deg) translateY(-2.5px);
-      }
-
-      &::after {
-        transform: rotate(-45deg) translateY(2.5px);
-      }
-    }
-
-    &:hover > &-title > &-expand-icon,
-    &:hover > &-title > &-arrow {
-      color: @menu-highlight-color;
-    }
-
-    .@{menu-prefix-cls}-inline-collapsed &-arrow,
-    &-inline &-arrow {
-      // ↓
-      &::before {
-        transform: rotate(-45deg) translateX(2.5px);
-      }
-
-      &::after {
-        transform: rotate(45deg) translateX(-2.5px);
-      }
-    }
-
-    &-horizontal &-arrow {
-      display: none;
-    }
-
-    &-open&-inline > &-title > &-arrow {
-      // ↑
-      transform: translateY(-2px);
-
-      &::after {
-        transform: rotate(-45deg) translateX(-2.5px);
-      }
-
-      &::before {
-        transform: rotate(45deg) translateX(2.5px);
-      }
-    }
-  }
-
-  &-vertical &-submenu-selected,
-  &-vertical-left &-submenu-selected,
-  &-vertical-right &-submenu-selected {
-    color: @menu-highlight-color;
-  }
-
-  &-horizontal {
-    line-height: @menu-horizontal-line-height;
-    border: 0;
-    border-bottom: @border-width-base @border-style-base @border-color-split;
-    box-shadow: none;
-
-    &:not(.@{menu-prefix-cls}-dark) {
-      > .@{menu-prefix-cls}-item,
-      > .@{menu-prefix-cls}-submenu {
-        margin-top: -1px;
-        margin-bottom: 0;
-        padding: @menu-item-padding;
-
-        &:hover,
-        &-active,
-        &-open,
-        &-selected {
-          color: @menu-highlight-color;
-
-          &::after {
-            border-bottom: 2px solid @menu-highlight-color;
-          }
-        }
-      }
-    }
-
-    > .@{menu-prefix-cls}-item,
-    > .@{menu-prefix-cls}-submenu {
-      position: relative;
-      top: 1px;
-      display: inline-block;
-      vertical-align: bottom;
-
-      &::after {
-        position: absolute;
-        right: @menu-item-padding-horizontal;
-        bottom: 0;
-        left: @menu-item-padding-horizontal;
-        border-bottom: 2px solid transparent;
-        transition: border-color @animation-duration-slow @ease-in-out;
-        content: '';
-      }
-    }
-
-    > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {
-      padding: 0;
-    }
-
-    > .@{menu-prefix-cls}-item {
-      a {
-        color: @menu-item-color;
-
-        &:hover {
-          color: @menu-highlight-color;
-        }
-
-        &::before {
-          bottom: -2px;
-        }
-      }
-
-      &-selected a {
-        color: @menu-highlight-color;
-      }
-    }
-
-    &::after {
-      display: block;
-      clear: both;
-      height: 0;
-      content: '\20';
-    }
-  }
-
-  &-vertical,
-  &-vertical-left,
-  &-vertical-right,
-  &-inline {
-    .@{menu-prefix-cls}-item {
-      position: relative;
-
-      &::after {
-        position: absolute;
-        top: 0;
-        right: 0;
-        bottom: 0;
-        border-right: @menu-item-active-border-width solid @menu-highlight-color;
-        transform: scaleY(0.0001);
-        opacity: 0;
-        transition: transform @menu-animation-duration-normal @ease-out,
-          opacity @menu-animation-duration-normal @ease-out;
-        content: '';
-      }
-    }
-
-    .@{menu-prefix-cls}-item,
-    .@{menu-prefix-cls}-submenu-title {
-      height: @menu-item-height;
-      margin-top: @menu-item-vertical-margin;
-      margin-bottom: @menu-item-vertical-margin;
-      padding: 0 16px;
-      overflow: hidden;
-      line-height: @menu-item-height;
-      text-overflow: ellipsis;
-    }
-
-    // disable margin collapsed
-    .@{menu-prefix-cls}-submenu {
-      padding-bottom: 0.02px;
-    }
-
-    .@{menu-prefix-cls}-item:not(:last-child) {
-      margin-bottom: @menu-item-boundary-margin;
-    }
-
-    > .@{menu-prefix-cls}-item,
-    > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {
-      height: @menu-inline-toplevel-item-height;
-      line-height: @menu-inline-toplevel-item-height;
-    }
-  }
-
-  &-vertical {
-    .@{menu-prefix-cls}-item-group-list .@{menu-prefix-cls}-submenu-title,
-    .@{menu-prefix-cls}-submenu-title {
-      padding-right: 34px;
-    }
-  }
-
-  &-inline {
-    width: 100%;
-    .@{menu-prefix-cls}-selected,
-    .@{menu-prefix-cls}-item-selected {
-      &::after {
-        transform: scaleY(1);
-        opacity: 1;
-        transition: transform @menu-animation-duration-normal @ease-in-out,
-          opacity @menu-animation-duration-normal @ease-in-out;
-      }
-    }
-
-    .@{menu-prefix-cls}-item,
-    .@{menu-prefix-cls}-submenu-title {
-      width: ~'calc(100% + 1px)';
-    }
-
-    .@{menu-prefix-cls}-item-group-list .@{menu-prefix-cls}-submenu-title,
-    .@{menu-prefix-cls}-submenu-title {
-      padding-right: 34px;
-    }
-
-    // Motion enhance for first level
-    &.@{menu-prefix-cls}-root {
-      .@{menu-prefix-cls}-item,
-      .@{menu-prefix-cls}-submenu-title {
-        display: flex;
-        align-items: center;
-        transition: border-color @animation-duration-slow, background @animation-duration-slow,
-          padding 0.1s @ease-out;
-
-        > .@{menu-prefix-cls}-title-content {
-          flex: auto;
-          min-width: 0;
-          overflow: hidden;
-          text-overflow: ellipsis;
-        }
-
-        > * {
-          flex: none;
-        }
-      }
-    }
-  }
-
-  &&-inline-collapsed {
-    width: @menu-collapsed-width;
-
-    > .@{menu-prefix-cls}-item,
-    > .@{menu-prefix-cls}-item-group
-      > .@{menu-prefix-cls}-item-group-list
-      > .@{menu-prefix-cls}-item,
-    > .@{menu-prefix-cls}-item-group
-      > .@{menu-prefix-cls}-item-group-list
-      > .@{menu-prefix-cls}-submenu
-      > .@{menu-prefix-cls}-submenu-title,
-    > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {
-      left: 0;
-      padding: 0 ~'calc(50% - @{menu-icon-size-lg} / 2)';
-      text-overflow: clip;
-
-      .@{menu-prefix-cls}-submenu-arrow {
-        opacity: 0;
-      }
-
-      .@{menu-prefix-cls}-item-icon,
-      .@{iconfont-css-prefix} {
-        margin: 0;
-        font-size: @menu-icon-size-lg;
-        line-height: @menu-item-height;
-
-        + span {
-          display: inline-block;
-          opacity: 0;
-        }
-      }
-    }
-
-    .@{menu-prefix-cls}-item-icon,
-    .@{iconfont-css-prefix} {
-      display: inline-block;
-    }
-
-    &-tooltip {
-      pointer-events: none;
-
-      .@{menu-prefix-cls}-item-icon,
-      .@{iconfont-css-prefix} {
-        display: none;
-      }
-
-      a {
-        color: @text-color-dark;
-      }
-    }
-
-    .@{menu-prefix-cls}-item-group-title {
-      padding-right: 4px;
-      padding-left: 4px;
-      overflow: hidden;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-    }
-  }
-
-  &-item-group-list {
-    margin: 0;
-    padding: 0;
-    .@{menu-prefix-cls}-item,
-    .@{menu-prefix-cls}-submenu-title {
-      padding: 0 16px 0 28px;
-    }
-  }
-
-  &-root&-vertical,
-  &-root&-vertical-left,
-  &-root&-vertical-right,
-  &-root&-inline {
-    box-shadow: none;
-  }
-
-  &-root&-inline-collapsed {
-    .@{menu-prefix-cls}-item,
-    .@{menu-prefix-cls}-submenu .@{menu-prefix-cls}-submenu-title {
-      > .@{menu-prefix-cls}-inline-collapsed-noicon {
-        font-size: @menu-icon-size-lg;
-        text-align: center;
-      }
-    }
-  }
-
-  &-sub&-inline {
-    padding: 0;
-    background: @menu-inline-submenu-bg;
-    border: 0;
-    border-radius: 0;
-    box-shadow: none;
-    & > .@{menu-prefix-cls}-item,
-    & > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {
-      height: @menu-item-height;
-      line-height: @menu-item-height;
-      list-style-position: inside;
-      list-style-type: disc;
-    }
-
-    & .@{menu-prefix-cls}-item-group-title {
-      padding-left: 32px;
-    }
-  }
-
-  // Disabled state sets text to gray and nukes hover/tab effects
-  &-item-disabled,
-  &-submenu-disabled {
-    color: @disabled-color !important;
-    background: none;
-    cursor: not-allowed;
-
-    &::after {
-      border-color: transparent !important;
-    }
-
-    a {
-      color: @disabled-color !important;
-      pointer-events: none;
-    }
-    > .@{menu-prefix-cls}-submenu-title {
-      color: @disabled-color !important;
-      cursor: not-allowed;
-      > .@{menu-prefix-cls}-submenu-arrow {
-        &::before,
-        &::after {
-          background: @disabled-color !important;
-        }
-      }
-    }
-  }
-}
-
-// Integration with header element so menu items have the same height
-.@{ant-prefix}-layout-header {
-  .@{menu-prefix-cls} {
-    line-height: inherit;
-  }
-}
-
-// https://github.com/ant-design/ant-design/issues/32950
-.@{ant-prefix}-menu-inline-collapsed-tooltip {
-  a,
-  a:hover {
-    color: @white;
-  }
-}
-
-@import './light';
-@import './dark';
-@import './rtl';

package/lib/Antd4/menu/style/index.js

@@ -1,5 +0,0 @@
-import '../../style/default.less';
-import './index.less'; // style dependencies
-// deps-lint-skip: layout
-
-import '../../tooltip/style';

package/lib/Antd4/menu/style/index.less

@@ -1,3 +0,0 @@
-@root-entry-name: default;
-
-@import './index-pure.less';

package/lib/Antd4/menu/style/light.less

@@ -1,12 +0,0 @@
-.@{menu-prefix-cls} {
-  // light theme
-  &-light {
-    .@{menu-prefix-cls}-item:hover,
-    .@{menu-prefix-cls}-item-active,
-    .@{menu-prefix-cls}:not(.@{menu-prefix-cls}-inline) .@{menu-prefix-cls}-submenu-open,
-    .@{menu-prefix-cls}-submenu-active,
-    .@{menu-prefix-cls}-submenu-title:hover {
-      color: @menu-highlight-color;
-    }
-  }
-}