tntd 2.7.29 → 2.7.30

package/es/card/style/index.less

@@ -0,0 +1,263 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@card-prefix-cls: ~'@{ant-prefix}-card';
+@card-head-height: 48px;
+@card-hover-border: fade(@black, 9%);
+@card-action-icon-size: 16px;
+
+@gradient-min: fade(@card-skeleton-bg, 20%);
+@gradient-max: fade(@card-skeleton-bg, 40%);
+
+.@{card-prefix-cls} {
+  .reset-component;
+
+  position: relative;
+  background: @card-background;
+  border-radius: @card-radius;
+  transition: all 0.3s;
+
+  &-hoverable {
+    cursor: pointer;
+    &:hover {
+      border-color: @card-hover-border;
+      box-shadow: @card-shadow;
+    }
+  }
+
+  &-bordered {
+    border: @border-width-base @border-style-base @border-color-split;
+  }
+
+  &-head {
+    min-height: @card-head-height;
+    margin-bottom: -1px; // Fix card grid overflow bug: https://gw.alipayobjects.com/zos/rmsportal/XonYxBikwpgbqIQBeuhk.png
+    padding: 0 @card-padding-base;
+    color: @card-head-color;
+    font-weight: 500;
+    font-size: @font-size-lg;
+    background: @card-head-background;
+    border-bottom: @border-width-base @border-style-base @border-color-split;
+    border-radius: @card-radius @card-radius 0 0;
+    .clearfix;
+
+    &-wrapper {
+      display: flex;
+      align-items: center;
+    }
+
+    &-title {
+      display: inline-block;
+      flex: 1;
+      padding: @card-head-padding 0;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+
+    .@{ant-prefix}-tabs {
+      clear: both;
+      margin-bottom: -17px;
+      color: @text-color;
+      font-weight: normal;
+      font-size: @font-size-base;
+
+      &-bar {
+        border-bottom: @border-width-base @border-style-base @border-color-split;
+      }
+    }
+  }
+
+  &-extra {
+    float: right;
+    // https://stackoverflow.com/a/22429853/3040605
+    margin-left: auto;
+    padding: @card-head-padding 0;
+    color: @text-color;
+    font-weight: normal;
+    font-size: @font-size-base;
+  }
+
+  &-body {
+    padding: @card-padding-base;
+    .clearfix;
+  }
+
+  &-contain-grid:not(&-loading) &-body {
+    margin: -1px 0 0 -1px;
+    padding: 0;
+  }
+
+  &-grid {
+    float: left;
+    width: 33.33%;
+    padding: @card-padding-base;
+    border: 0;
+    border-radius: 0;
+    box-shadow: 1px 0 0 0 @border-color-split, 0 1px 0 0 @border-color-split,
+      1px 1px 0 0 @border-color-split, 1px 0 0 0 @border-color-split inset,
+      0 1px 0 0 @border-color-split inset;
+    transition: all 0.3s;
+    &-hoverable {
+      &:hover {
+        position: relative;
+        z-index: 1;
+        box-shadow: @box-shadow-base;
+      }
+    }
+  }
+
+  &-contain-tabs > &-head &-head-title {
+    min-height: calc(@card-head-height - @card-head-padding);
+    padding-bottom: 0;
+  }
+
+  &-contain-tabs > &-head &-extra {
+    padding-bottom: 0;
+  }
+
+  &-cover {
+    > * {
+      display: block;
+      width: 100%;
+    }
+    img {
+      border-radius: @card-radius @card-radius 0 0;
+    }
+  }
+
+  &-actions {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    background: @card-actions-background;
+    border-top: @border-width-base @border-style-base @border-color-split;
+    .clearfix;
+
+    & > li {
+      float: left;
+      margin: 12px 0;
+      color: @text-color-secondary;
+      text-align: center;
+
+      > span {
+        position: relative;
+        display: block;
+        min-width: 32px;
+        font-size: @font-size-base;
+        line-height: 22px;
+        cursor: pointer;
+
+        &:hover {
+          color: @primary-color;
+          transition: color 0.3s;
+        }
+
+        a:not(.@{ant-prefix}-btn),
+        > .anticon {
+          display: inline-block;
+          width: 100%;
+          color: @text-color-secondary;
+          line-height: 22px;
+          transition: color 0.3s;
+
+          &:hover {
+            color: @primary-color;
+          }
+        }
+
+        > .anticon {
+          font-size: @card-action-icon-size;
+          line-height: 22px;
+        }
+      }
+
+      &:not(:last-child) {
+        border-right: @border-width-base @border-style-base @border-color-split;
+      }
+    }
+  }
+
+  &-type-inner &-head {
+    padding: 0 @card-padding-base;
+    background: @background-color-light;
+
+    &-title {
+      padding: @card-inner-head-padding 0;
+      font-size: @font-size-base;
+    }
+  }
+
+  &-type-inner &-body {
+    padding: 16px @card-padding-base;
+  }
+
+  &-type-inner &-extra {
+    padding: calc(@card-inner-head-padding + 1.5px) 0;
+  }
+
+  &-meta {
+    margin: -4px 0;
+    .clearfix;
+
+    &-avatar {
+      float: left;
+      padding-right: 16px;
+    }
+
+    &-detail {
+      overflow: hidden;
+      > div:not(:last-child) {
+        margin-bottom: 8px;
+      }
+    }
+
+    &-title {
+      overflow: hidden;
+      color: @card-head-color;
+      font-weight: 500;
+      font-size: @font-size-lg;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+
+    &-description {
+      color: @text-color-secondary;
+    }
+  }
+
+  &-loading {
+    overflow: hidden;
+  }
+
+  &-loading &-body {
+    user-select: none;
+  }
+
+  &-loading-content {
+    p {
+      margin: 0;
+    }
+  }
+
+  &-loading-block {
+    height: 14px;
+    margin: 4px 0;
+    background: linear-gradient(90deg, @gradient-min, @gradient-max, @gradient-min);
+    background-size: 600% 600%;
+    border-radius: @card-radius;
+    animation: card-loading 1.4s ease infinite;
+  }
+}
+
+@keyframes card-loading {
+  0%,
+  100% {
+    background-position: 0 50%;
+  }
+  50% {
+    background-position: 100% 50%;
+  }
+}
+
+@import './size';

package/es/card/style/size.less

@@ -0,0 +1,25 @@
+@card-head-height-sm: 36px;
+@card-padding-base-sm: @card-padding-base / 2;
+@card-head-padding-sm: @card-head-padding / 2;
+@card-head-font-size-sm: @font-size-base;
+
+.@{card-prefix-cls}-small {
+  > .@{card-prefix-cls}-head {
+    min-height: @card-head-height-sm;
+    padding: 0 @card-padding-base-sm;
+    font-size: @card-head-font-size-sm;
+
+    > .@{card-prefix-cls}-head-wrapper {
+      > .@{card-prefix-cls}-head-title {
+        padding: @card-head-padding-sm 0;
+      }
+      > .@{card-prefix-cls}-extra {
+        padding: @card-head-padding-sm 0;
+        font-size: @card-head-font-size-sm;
+      }
+    }
+  }
+  > .@{card-prefix-cls}-body {
+    padding: @card-padding-base-sm;
+  }
+}

package/es/carousel/style/index.js

@@ -0,0 +1,2 @@
+import '../../style/index.less';
+import './index.less';

package/es/carousel/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/carousel/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,cAAc,CAAA","sourcesContent":["import '../../style/index.less'\nimport './index.less'\n"]}

package/es/carousel/style/index.less

@@ -0,0 +1,238 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+.@{ant-prefix}-carousel {
+  .reset-component;
+
+  .slick-slider {
+    position: relative;
+    display: block;
+    box-sizing: border-box;
+    -webkit-touch-callout: none;
+    -ms-touch-action: pan-y;
+    touch-action: pan-y;
+    -webkit-tap-highlight-color: transparent;
+  }
+  .slick-list {
+    position: relative;
+    display: block;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+
+    &:focus {
+      outline: none;
+    }
+
+    &.dragging {
+      cursor: pointer;
+    }
+
+    .slick-slide {
+      pointer-events: none;
+
+      // https://github.com/ant-design/ant-design/issues/23294
+      input.@{ant-prefix}-radio-input,
+      input.@{ant-prefix}-checkbox-input {
+        visibility: hidden;
+      }
+
+      &.slick-active {
+        pointer-events: auto;
+
+        input.@{ant-prefix}-radio-input,
+        input.@{ant-prefix}-checkbox-input {
+          visibility: visible;
+        }
+      }
+    }
+  }
+  .slick-slider .slick-track,
+  .slick-slider .slick-list {
+    transform: translate3d(0, 0, 0);
+  }
+
+  .slick-track {
+    position: relative;
+    top: 0;
+    left: 0;
+    display: block;
+
+    &::before,
+    &::after {
+      display: table;
+      content: '';
+    }
+
+    &::after {
+      clear: both;
+    }
+
+    .slick-loading & {
+      visibility: hidden;
+    }
+  }
+  .slick-slide {
+    display: none;
+    float: left;
+    height: 100%;
+    min-height: 1px;
+    [dir='rtl'] & {
+      float: right;
+    }
+    img {
+      display: block;
+    }
+    &.slick-loading img {
+      display: none;
+    }
+
+    &.dragging img {
+      pointer-events: none;
+    }
+  }
+
+  .slick-initialized .slick-slide {
+    display: block;
+  }
+
+  .slick-loading .slick-slide {
+    visibility: hidden;
+  }
+
+  .slick-vertical .slick-slide {
+    display: block;
+    height: auto;
+    border: @border-width-base @border-style-base transparent;
+  }
+  .slick-arrow.slick-hidden {
+    display: none;
+  }
+
+  // Arrows
+  .slick-prev,
+  .slick-next {
+    position: absolute;
+    top: 50%;
+    display: block;
+    width: 20px;
+    height: 20px;
+    margin-top: -10px;
+    padding: 0;
+    color: transparent;
+    font-size: 0;
+    line-height: 0;
+    background: transparent;
+    border: 0;
+    outline: none;
+    cursor: pointer;
+    &:hover,
+    &:focus {
+      color: transparent;
+      background: transparent;
+      outline: none;
+      &::before {
+        opacity: 1;
+      }
+    }
+    &.slick-disabled::before {
+      opacity: 0.25;
+    }
+  }
+
+  .slick-prev {
+    left: -25px;
+    &::before {
+      content: '←';
+    }
+  }
+
+  .slick-next {
+    right: -25px;
+    &::before {
+      content: '→';
+    }
+  }
+
+  // Dots
+  .slick-dots {
+    position: absolute;
+    display: block;
+    width: 100%;
+    height: @carousel-dot-height;
+    margin: 0;
+    padding: 0;
+    text-align: center;
+    list-style: none;
+    &-bottom {
+      bottom: 12px;
+    }
+    &-top {
+      top: 12px;
+    }
+    li {
+      position: relative;
+      display: inline-block;
+      margin: 0 2px;
+      padding: 0;
+      text-align: center;
+      vertical-align: top;
+      button {
+        display: block;
+        width: @carousel-dot-width;
+        height: @carousel-dot-height;
+        padding: 0;
+        color: transparent;
+        font-size: 0;
+        background: @component-background;
+        border: 0;
+        border-radius: 1px;
+        outline: none;
+        cursor: pointer;
+        opacity: 0.3;
+        transition: all 0.5s;
+        &:hover,
+        &:focus {
+          opacity: 0.75;
+        }
+      }
+      &.slick-active button {
+        width: @carousel-dot-active-width;
+        background: @component-background;
+        opacity: 1;
+        &:hover,
+        &:focus {
+          opacity: 1;
+        }
+      }
+    }
+  }
+}
+
+.@{ant-prefix}-carousel-vertical {
+  .slick-dots {
+    top: 50%;
+    bottom: auto;
+    width: @carousel-dot-height;
+    height: auto;
+    transform: translateY(-50%);
+    &-left {
+      left: 12px;
+    }
+    &-right {
+      right: 12px;
+    }
+    li {
+      margin: 0 2px;
+      vertical-align: baseline;
+      button {
+        width: @carousel-dot-height;
+        height: @carousel-dot-width;
+      }
+      &.slick-active button {
+        width: @carousel-dot-height;
+        height: @carousel-dot-active-width;
+      }
+    }
+  }
+}

package/es/cascader/style/index.js

@@ -0,0 +1,5 @@
+import '../../style/index.less';
+import './index.less';
+// style dependencies
+import '../../empty/style';
+import '../../input/style';

package/es/cascader/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/cascader/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,cAAc,CAAA;AAErB,qBAAqB;AACrB,OAAO,mBAAmB,CAAA;AAC1B,OAAO,mBAAmB,CAAA","sourcesContent":["import '../../style/index.less'\nimport './index.less'\n\n// style dependencies\nimport '../../empty/style'\nimport '../../input/style'\n"]}