tntd 2.7.29 → 2.7.30

package/lib/progress/style/index.less

@@ -0,0 +1,182 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@progress-prefix-cls: ~'@{ant-prefix}-progress';
+
+.@{progress-prefix-cls} {
+  .reset-component;
+
+  display: inline-block;
+
+  &-line {
+    position: relative;
+    width: 100%;
+    font-size: @font-size-base;
+  }
+
+  &-small&-line,
+  &-small&-line &-text .@{iconfont-css-prefix} {
+    font-size: @font-size-sm;
+  }
+
+  &-outer {
+    display: inline-block;
+    width: 100%;
+    margin-right: 0;
+    padding-right: 0;
+    .@{progress-prefix-cls}-show-info & {
+      margin-right: ~'calc(-2em - 8px)';
+      padding-right: ~'calc(2em + 8px)';
+    }
+  }
+
+  &-inner {
+    position: relative;
+    display: inline-block;
+    width: 100%;
+    overflow: hidden;
+    vertical-align: middle;
+    background-color: @progress-remaining-color;
+    border-radius: @progress-radius;
+  }
+
+  &-circle-trail {
+    stroke: @progress-remaining-color;
+  }
+
+  &-circle-path {
+    animation: ~'@{ant-prefix}-progress-appear' 0.3s;
+  }
+
+  &-inner:not(.@{ant-prefix}-progress-circle-gradient) {
+    .@{ant-prefix}-progress-circle-path {
+      stroke: @progress-default-color;
+    }
+  }
+
+  &-success-bg,
+  &-bg {
+    position: relative;
+    background-color: @progress-default-color;
+    border-radius: @progress-radius;
+    transition: all 0.4s @ease-out-circ 0s;
+  }
+
+  &-success-bg {
+    position: absolute;
+    top: 0;
+    left: 0;
+    background-color: @success-color;
+  }
+
+  &-text {
+    display: inline-block;
+    width: 2em;
+    margin-left: 8px;
+    color: @text-color-secondary;
+    font-size: 1em;
+    line-height: 1;
+    white-space: nowrap;
+    text-align: left;
+    vertical-align: middle;
+    word-break: normal;
+    .@{iconfont-css-prefix} {
+      font-size: @font-size-base;
+    }
+  }
+
+  &-status-active {
+    .@{progress-prefix-cls}-bg::before {
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      background: @component-background;
+      border-radius: 10px;
+      opacity: 0;
+      animation: ~'@{ant-prefix}-progress-active' 2.4s @ease-out-quint infinite;
+      content: '';
+    }
+  }
+
+  &-status-exception {
+    .@{progress-prefix-cls}-bg {
+      background-color: @error-color;
+    }
+    .@{progress-prefix-cls}-text {
+      color: @error-color;
+    }
+  }
+
+  &-status-exception &-inner:not(.@{progress-prefix-cls}-circle-gradient) {
+    .@{progress-prefix-cls}-circle-path {
+      stroke: @error-color;
+    }
+  }
+
+  &-status-success {
+    .@{progress-prefix-cls}-bg {
+      background-color: @success-color;
+    }
+    .@{progress-prefix-cls}-text {
+      color: @success-color;
+    }
+  }
+
+  &-status-success &-inner:not(.@{progress-prefix-cls}-circle-gradient) {
+    .@{progress-prefix-cls}-circle-path {
+      stroke: @success-color;
+    }
+  }
+
+  &-circle &-inner {
+    position: relative;
+    line-height: 1;
+    background-color: transparent;
+  }
+
+  &-circle &-text {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    color: @progress-text-color;
+    line-height: 1;
+    white-space: normal;
+    text-align: center;
+    transform: translate(-50%, -50%);
+
+    .@{iconfont-css-prefix} {
+      font-size: 14 / 12em;
+    }
+  }
+
+  &-circle&-status-exception {
+    .@{progress-prefix-cls}-text {
+      color: @error-color;
+    }
+  }
+  &-circle&-status-success {
+    .@{progress-prefix-cls}-text {
+      color: @success-color;
+    }
+  }
+}
+
+@keyframes ~"@{ant-prefix}-progress-active" {
+  0% {
+    width: 0;
+    opacity: 0.1;
+  }
+  20% {
+    width: 0;
+    opacity: 0.5;
+  }
+  100% {
+    width: 100%;
+    opacity: 0;
+  }
+}

package/lib/radio/style/index.d.ts

@@ -0,0 +1,3 @@
+import '../../style/index.less';
+import './index.less';
+//# sourceMappingURL=index.d.ts.map

package/lib/radio/style/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/radio/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,cAAc,CAAA"}

package/lib/radio/style/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("../../style/index.less");
+require("./index.less");

package/lib/radio/style/index.js.map

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

package/lib/radio/style/index.less

@@ -0,0 +1,327 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@radio-prefix-cls: ~'@{ant-prefix}-radio';
+@radio-group-prefix-cls: ~'@{radio-prefix-cls}-group';
+@radio-inner-prefix-cls: ~'@{radio-prefix-cls}-inner';
+@radio-duration: 0.3s;
+@radio-focused-outline: 3px solid fade(@radio-dot-color, 6%);
+
+.@{radio-group-prefix-cls} {
+  .reset-component;
+
+  display: inline-block;
+}
+
+// 一般状态
+.@{radio-prefix-cls}-wrapper {
+  .reset-component;
+
+  position: relative;
+  display: inline-block;
+  margin-right: 8px;
+  white-space: nowrap;
+  cursor: pointer;
+}
+
+.@{radio-prefix-cls} {
+  .reset-component;
+
+  position: relative;
+  display: inline-block;
+  line-height: 1;
+  white-space: nowrap;
+  vertical-align: sub;
+  outline: none;
+  cursor: pointer;
+
+  .@{radio-prefix-cls}-wrapper:hover &,
+  &:hover .@{radio-inner-prefix-cls},
+  &-input:focus + .@{radio-inner-prefix-cls} {
+    border-color: @radio-dot-color;
+  }
+
+  &-input:focus + .@{radio-inner-prefix-cls} {
+    box-shadow: 0 0 0 3px fade(@radio-dot-color, 8%);
+  }
+
+  &-checked::after {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border: 1px solid @radio-dot-color;
+    border-radius: 50%;
+    visibility: hidden;
+    animation: antRadioEffect 0.36s ease-in-out;
+    animation-fill-mode: both;
+    content: '';
+  }
+
+  &:hover::after,
+  .@{radio-prefix-cls}-wrapper:hover &::after {
+    visibility: visible;
+  }
+
+  &-inner {
+    &::after {
+      @radio-dot-size: calc(@radio-size - 8px);
+
+      position: absolute;
+      top: calc((@radio-size - @radio-dot-size) / 2 - 1px);
+      left: calc((@radio-size - @radio-dot-size) / 2 - 1px);
+      display: table;
+      width: @radio-dot-size;
+      height: @radio-dot-size;
+      background-color: @radio-dot-color;
+      border-top: 0;
+      border-left: 0;
+      border-radius: @radio-dot-size;
+      transform: scale(0);
+      opacity: 0;
+      transition: all @radio-duration @ease-in-out-circ;
+      content: ' ';
+    }
+
+    position: relative;
+    top: 0;
+    left: 0;
+    display: block;
+    width: @radio-size;
+    height: @radio-size;
+    background-color: @radio-button-bg;
+    border-color: @border-color-base;
+    border-style: solid;
+    border-width: 1px;
+    border-radius: 100px;
+    transition: all @radio-duration;
+  }
+
+  &-input {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 1;
+    cursor: pointer;
+    opacity: 0;
+  }
+}
+
+// 选中状态
+.@{radio-prefix-cls}-checked {
+  .@{radio-inner-prefix-cls} {
+    border-color: @radio-dot-color;
+    &::after {
+      transform: scale(1);
+      opacity: 1;
+      transition: all @radio-duration @ease-in-out-circ;
+    }
+  }
+}
+
+.@{radio-prefix-cls}-disabled {
+  .@{radio-inner-prefix-cls} {
+    background-color: @input-disabled-bg;
+    border-color: @border-color-base !important;
+    cursor: not-allowed;
+    &::after {
+      background-color: fade(@black, 20%);
+    }
+  }
+
+  .@{radio-prefix-cls}-input {
+    cursor: not-allowed;
+  }
+
+  & + span {
+    color: @disabled-color;
+    cursor: not-allowed;
+  }
+}
+
+span.@{radio-prefix-cls} + * {
+  padding-right: 8px;
+  padding-left: 8px;
+}
+
+.@{radio-prefix-cls}-button-wrapper {
+  position: relative;
+  display: inline-block;
+  height: @btn-height-base;
+  margin: 0;
+  padding: 0 calc(@padding-md - 1px);
+  color: @radio-button-color;
+  line-height: calc(@btn-height-base - 2px);
+  background: @radio-button-bg;
+  border: @border-width-base @border-style-base @border-color-base;
+  // strange align fix for chrome but works
+  // https://gw.alipayobjects.com/zos/rmsportal/VFTfKXJuogBAXcvfAUWJ.gif
+  border-top-width: calc(@border-width-base + 0.02px);
+  border-left: 0;
+  cursor: pointer;
+  transition: color 0.3s, background 0.3s, border-color 0.3s;
+
+  a {
+    color: @radio-button-color;
+  }
+
+  > .@{radio-prefix-cls}-button {
+    display: block;
+    width: 0;
+    height: 0;
+    margin-left: 0;
+  }
+
+  .@{radio-group-prefix-cls}-large & {
+    height: @input-height-lg;
+    font-size: @font-size-lg;
+    line-height: calc(@input-height-lg - 2px);
+  }
+
+  .@{radio-group-prefix-cls}-small & {
+    height: @input-height-sm;
+    padding: 0 calc(@control-padding-horizontal-sm - 1px);
+    line-height: calc(@input-height-sm - 2px);
+  }
+
+  &:not(:first-child) {
+    &::before {
+      position: absolute;
+      top: 0;
+      left: -1px;
+      display: block;
+      width: 1px;
+      height: 100%;
+      background-color: @border-color-base;
+      content: '';
+    }
+  }
+  &:first-child {
+    border-left: @border-width-base @border-style-base @border-color-base;
+    border-radius: @border-radius-base 0 0 @border-radius-base;
+  }
+
+  &:last-child {
+    border-radius: 0 @border-radius-base @border-radius-base 0;
+  }
+
+  &:first-child:last-child {
+    border-radius: @border-radius-base;
+  }
+
+  &:hover {
+    position: relative;
+    color: @radio-dot-color;
+  }
+
+  &:focus-within {
+    outline: @radio-focused-outline;
+  }
+
+  .@{radio-prefix-cls}-inner,
+  input[type='checkbox'],
+  input[type='radio'] {
+    width: 0;
+    height: 0;
+    opacity: 0;
+    pointer-events: none;
+  }
+
+  &-checked:not(&-disabled) {
+    z-index: 1;
+    color: @radio-dot-color;
+    background: @radio-button-checked-bg;
+    border-color: @radio-dot-color;
+    box-shadow: -1px 0 0 0 @radio-dot-color;
+
+    &::before {
+      background-color: @radio-dot-color !important;
+      opacity: 0.1;
+    }
+
+    &:first-child {
+      border-color: @radio-dot-color;
+      box-shadow: none !important;
+    }
+
+    &:hover {
+      color: @radio-button-hover-color;
+      border-color: @radio-button-hover-color;
+      box-shadow: -1px 0 0 0 @radio-button-hover-color;
+    }
+
+    &:active {
+      color: @radio-button-active-color;
+      border-color: @radio-button-active-color;
+      box-shadow: -1px 0 0 0 @radio-button-active-color;
+    }
+
+    &:focus-within {
+      outline: @radio-focused-outline;
+    }
+  }
+
+  .@{radio-group-prefix-cls}-solid &-checked:not(&-disabled) {
+    color: @component-background;
+    background: @radio-dot-color;
+    border-color: @radio-dot-color;
+    &:hover {
+      color: @component-background;
+      background: @radio-button-hover-color;
+      border-color: @radio-button-hover-color;
+    }
+    &:active {
+      color: @component-background;
+      background: @radio-button-active-color;
+      border-color: @radio-button-active-color;
+    }
+    &:focus-within {
+      outline: @radio-focused-outline;
+    }
+  }
+
+  &-disabled {
+    color: @disabled-color;
+    background-color: @input-disabled-bg;
+    border-color: @border-color-base;
+    cursor: not-allowed;
+
+    &:first-child,
+    &:hover {
+      color: @disabled-color;
+      background-color: @input-disabled-bg;
+      border-color: @border-color-base;
+    }
+    &:first-child {
+      border-left-color: @border-color-base;
+    }
+  }
+
+  &-disabled&-checked {
+    color: @text-color-inverse;
+    background-color: tint(@black, 90%);
+    border-color: @border-color-base;
+    box-shadow: none;
+  }
+}
+
+@keyframes antRadioEffect {
+  0% {
+    transform: scale(1);
+    opacity: 0.5;
+  }
+  100% {
+    transform: scale(1.6);
+    opacity: 0;
+  }
+}
+
+// Firefox hack
+@supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
+  .@{radio-prefix-cls} {
+    vertical-align: text-bottom;
+  }
+}

package/lib/rate/style/index.d.ts

@@ -0,0 +1,4 @@
+import '../../style/index.less';
+import './index.less';
+import '../../tooltip/style';
+//# sourceMappingURL=index.d.ts.map

package/lib/rate/style/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/rate/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,cAAc,CAAA;AAGrB,OAAO,qBAAqB,CAAA"}

package/lib/rate/style/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("../../style/index.less");
+require("./index.less");
+require("../../tooltip/style");

package/lib/rate/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/rate/style/index.tsx"],"names":[],"mappings":";;AAAA,kCAA+B;AAC/B,wBAAqB;AAErB,qBAAqB;AACrB,+BAA4B","sourcesContent":["import '../../style/index.less'\nimport './index.less'\n\n// style dependencies\nimport '../../tooltip/style'\n"]}

package/lib/rate/style/index.less

@@ -0,0 +1,85 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@rate-prefix-cls: ~'@{ant-prefix}-rate';
+
+.@{rate-prefix-cls} {
+  .reset-component;
+
+  display: inline-block;
+  margin: 0;
+  padding: 0;
+  color: @rate-star-color;
+  font-size: 20px;
+  line-height: unset;
+  list-style: none;
+  outline: none;
+
+  &-disabled &-star {
+    cursor: default;
+    &:hover {
+      transform: scale(1);
+    }
+  }
+
+  &-star {
+    position: relative;
+    display: inline-block;
+    margin: 0;
+    padding: 0;
+    color: inherit;
+    cursor: pointer;
+    transition: all 0.3s;
+
+    &:not(:last-child) {
+      margin-right: 8px;
+    }
+
+    > div {
+      &:focus {
+        outline: 0;
+      }
+
+      &:hover,
+      &:focus {
+        transform: scale(1.1);
+      }
+    }
+
+    &-first,
+    &-second {
+      color: @rate-star-bg;
+      transition: all 0.3s;
+      user-select: none;
+      .@{iconfont-css-prefix} {
+        vertical-align: middle;
+      }
+    }
+
+    &-first {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 50%;
+      height: 100%;
+      overflow: hidden;
+      opacity: 0;
+    }
+
+    &-half &-first,
+    &-half &-second {
+      opacity: 1;
+    }
+
+    &-half &-first,
+    &-full &-second {
+      color: inherit;
+    }
+  }
+
+  &-text {
+    display: inline-block;
+    margin-left: 8px;
+    font-size: @font-size-base;
+  }
+}

package/lib/result/style/index.d.ts

@@ -0,0 +1,3 @@
+import '../../style/index.less';
+import './index.less';
+//# sourceMappingURL=index.d.ts.map

package/lib/result/style/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/result/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,cAAc,CAAA"}

package/lib/result/style/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("../../style/index.less");
+require("./index.less");

package/lib/result/style/index.js.map

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