tntd 3.0.69 → 3.0.71

package/lib/button/button.less

@@ -37,6 +37,9 @@
   &-tertiary {
     .button-variant-tertiary(@btn-default-color, @primary-color, @btn-tertiary-bg);
   }
+  &-ai {
+    .button-variant-ai(@btn-primary-color, @primary-color, @btn-ai-bg);
+  }
   &.@{btn-prefix-cls}-primary {
     .button-disabled(@btn-primary-color, @blue-3, @blue-3);
   }
@@ -75,3 +78,175 @@
 
   .button-disabled(@btn-disable-color; @btn-disable-bg; transparent);
 }
+
+// AI按钮
+@ai-animation-duration: 0.3s;
+@ai-animation-easing: cubic-bezier(0.645, 0.045, 0.355, 1);
+@ai-overlay-opacity: 0.2;
+
+.ai-gradient-overlay(@overlay-color; @base-gradient) {
+  background: linear-gradient(0deg, @overlay-color 0%, @overlay-color 100%), @base-gradient;
+}
+
+.generate-hover-in-animation(@name; @background) {
+  @keyframes @name {
+    0% {
+      background: @background;
+    }
+    10% {
+      .ai-gradient-overlay(rgba(255, 255, 255, 0.02), @background);
+    }
+    20% {
+      .ai-gradient-overlay(rgba(255, 255, 255, 0.04), @background);
+    }
+    30% {
+      .ai-gradient-overlay(rgba(255, 255, 255, 0.06), @background);
+    }
+    40% {
+      .ai-gradient-overlay(rgba(255, 255, 255, 0.08), @background);
+    }
+    50% {
+      .ai-gradient-overlay(rgba(255, 255, 255, 0.1), @background);
+    }
+    60% {
+      .ai-gradient-overlay(rgba(255, 255, 255, 0.12), @background);
+    }
+    70% {
+      .ai-gradient-overlay(rgba(255, 255, 255, 0.14), @background);
+    }
+    80% {
+      .ai-gradient-overlay(rgba(255, 255, 255, 0.16), @background);
+    }
+    90% {
+      .ai-gradient-overlay(rgba(255, 255, 255, 0.18), @background);
+    }
+    100% {
+      .ai-gradient-overlay(rgba(255, 255, 255, @ai-overlay-opacity), @background);
+    }
+  }
+}
+
+.generate-hover-out-animation(@name; @background) {
+  @keyframes @name {
+    0% {
+      .ai-gradient-overlay(rgba(255, 255, 255, @ai-overlay-opacity), @background);
+    }
+    10% {
+      .ai-gradient-overlay(rgba(255, 255, 255, 0.18), @background);
+    }
+    20% {
+      .ai-gradient-overlay(rgba(255, 255, 255, 0.16), @background);
+    }
+    30% {
+      .ai-gradient-overlay(rgba(255, 255, 255, 0.14), @background);
+    }
+    40% {
+      .ai-gradient-overlay(rgba(255, 255, 255, 0.12), @background);
+    }
+    50% {
+      .ai-gradient-overlay(rgba(255, 255, 255, 0.1), @background);
+    }
+    60% {
+      .ai-gradient-overlay(rgba(255, 255, 255, 0.08), @background);
+    }
+    70% {
+      .ai-gradient-overlay(rgba(255, 255, 255, 0.06), @background);
+    }
+    80% {
+      .ai-gradient-overlay(rgba(255, 255, 255, 0.04), @background);
+    }
+    90% {
+      .ai-gradient-overlay(rgba(255, 255, 255, 0.02), @background);
+    }
+    100% {
+      background: @background;
+    }
+  }
+}
+
+.generate-active-animation(@name; @background) {
+  @keyframes @name {
+    0% {
+      background: @background;
+    }
+    10% {
+      .ai-gradient-overlay(rgba(0, 0, 0, 0.02), @background);
+    }
+    20% {
+      .ai-gradient-overlay(rgba(0, 0, 0, 0.04), @background);
+    }
+    30% {
+      .ai-gradient-overlay(rgba(0, 0, 0, 0.06), @background);
+    }
+    40% {
+      .ai-gradient-overlay(rgba(0, 0, 0, 0.08), @background);
+    }
+    50% {
+      .ai-gradient-overlay(rgba(0, 0, 0, 0.1), @background);
+    }
+    60% {
+      .ai-gradient-overlay(rgba(0, 0, 0, 0.12), @background);
+    }
+    70% {
+      .ai-gradient-overlay(rgba(0, 0, 0, 0.14), @background);
+    }
+    80% {
+      .ai-gradient-overlay(rgba(0, 0, 0, 0.16), @background);
+    }
+    90% {
+      .ai-gradient-overlay(rgba(0, 0, 0, 0.18), @background);
+    }
+    100% {
+      .ai-gradient-overlay(rgba(0, 0, 0, @ai-overlay-opacity), @background);
+    }
+  }
+}
+
+.button-variant-ai(@color; @hover-color; @background) {
+  color: @color;
+  background: @background;
+  border: none;
+  text-shadow: @btn-text-shadow;
+  box-shadow: @btn-primary-shadow;
+
+  animation: ai-hover-out @ai-animation-duration @ai-animation-easing;
+  animation-fill-mode: both;
+
+  &:hover,
+  &:focus {
+    color: @color;
+    .ai-gradient-overlay(rgba(255, 255, 255, @ai-overlay-opacity), @background);
+    animation: ai-hover-in @ai-animation-duration @ai-animation-easing;
+    animation-fill-mode: both;
+  }
+
+  &:active,
+  &.active {
+    color: @color;
+    .ai-gradient-overlay(rgba(0, 0, 0, @ai-overlay-opacity), @background);
+    animation: ai-active-in @ai-animation-duration @ai-animation-easing;
+    animation-fill-mode: both;
+  }
+
+  .button-disabled(@white; @disabled-color; transparent);
+
+  // AI 按钮禁用状态的额外样式
+  &[disabled],
+  &.@{btn-prefix-cls}-disabled {
+    background: @btn-disable-bg-ai !important;
+    animation: none !important;
+    cursor: not-allowed;
+
+    &:hover,
+    &:focus,
+    &:active {
+      background: @btn-disable-bg-ai !important;
+      animation: none !important;
+    }
+  }
+
+  // linear-gradient不支持 transition 动画，使用 animation模拟 transition 动画，目前10帧差不多可以很丝滑
+  .generate-hover-in-animation(ai-hover-in; @background);
+  .generate-hover-out-animation(ai-hover-out; @background);
+  .generate-active-animation(ai-active-in; @background);
+}

package/lib/button/style/index.less

@@ -48,6 +48,7 @@
     .@{btn-prefix-cls}-group &:first-child {
       &:not(:last-child) {
         border-right-color: @btn-group-border;
+
         &[disabled] {
           border-right-color: @btn-default-border;
         }
@@ -57,6 +58,7 @@
     .@{btn-prefix-cls}-group &:last-child:not(:first-child),
     .@{btn-prefix-cls}-group & + & {
       border-left-color: @btn-group-border;
+
       &[disabled] {
         border-left-color: @btn-default-border;
       }
@@ -89,6 +91,7 @@
 
   &-round {
     .btn-round(@btn-prefix-cls);
+
     &.@{btn-prefix-cls}-icon-only {
       width: auto;
     }
@@ -130,6 +133,7 @@
 
   &&-loading {
     position: relative;
+
     &:not([disabled]) {
       pointer-events: none;
     }
@@ -141,6 +145,7 @@
 
   &&-loading:not(&-circle):not(&-circle-outline):not(&-icon-only) {
     padding-left: 29px;
+
     .@{iconfont-css-prefix}:not(:last-child) {
       margin-left: -14px;
     }
@@ -148,6 +153,7 @@
 
   &-sm&-loading:not(&-circle):not(&-circle-outline):not(&-icon-only) {
     padding-left: 24px;
+
     .@{iconfont-css-prefix} {
       margin-left: -17px;
     }
@@ -218,6 +224,7 @@ a.@{btn-prefix-cls} {
   &-lg {
     line-height: calc(@btn-height-lg - 2px);
   }
+
   &-sm {
     line-height: calc(@btn-height-sm - 2px);
   }

package/lib/button/style/mixin.less

@@ -8,9 +8,11 @@
 }
 
 .button-disabled(@color: @btn-disable-color; @background: @btn-disable-bg; @border: @btn-disable-border) {
+
   &-disabled,
   &.disabled,
   &[disabled] {
+
     &,
     &:hover,
     &:focus,
@@ -32,16 +34,12 @@
 
   &:hover,
   &:focus {
-    .button-color(
-      @color; ~`colorPalette('@{background}', 5) `; ~`colorPalette('@{background}', 5) `
-    );
+    .button-color(@color; ~`colorPalette('@{background}', 5) `; ~`colorPalette('@{background}', 5) `);
   }
 
   &:active,
   &.active {
-    .button-color(
-      @color; ~`colorPalette('@{background}', 7) `; ~`colorPalette('@{background}', 7) `
-    );
+    .button-color(@color; ~`colorPalette('@{background}', 7) `; ~`colorPalette('@{background}', 7) `);
   }
 
   .button-disabled();
@@ -52,51 +50,56 @@
 
   &:hover,
   &:focus {
-    .button-color(
-      ~`colorPalette('@{btn-primary-bg}', 5) `; @background; ~`colorPalette('@{btn-primary-bg}', 5)
-        `
-    );
+    .button-color(~`colorPalette('@{btn-primary-bg}', 5) `; @background; ~`colorPalette('@{btn-primary-bg}', 5) `);
   }
+
   &:active,
   &.active {
-    .button-color(
-      ~`colorPalette('@{btn-primary-bg}', 7) `; @background; ~`colorPalette('@{btn-primary-bg}', 7)
-        `
-    );
+    .button-color(~`colorPalette('@{btn-primary-bg}', 7) `; @background; ~`colorPalette('@{btn-primary-bg}', 7) `);
   }
+
   .button-disabled();
 }
+
 .button-variant-ghost(@color; @border: @color) {
   .button-color(@color; transparent; @border);
   text-shadow: none;
+
   &:hover,
   &:focus {
-    & when (@border = transparent) {
+    & when (@border =transparent) {
       .button-color(~`colorPalette('@{color}', 5) `; transparent; transparent);
     }
-    & when not(@border = transparent) {
+
+    & when not(@border =transparent) {
       .button-color(~`colorPalette('@{color}', 5) `; transparent; ~`colorPalette('@{color}', 5) `);
     }
   }
+
   &:active,
   &.active {
-    & when (@border = transparent) {
+    & when (@border =transparent) {
       .button-color(~`colorPalette('@{color}', 7) `; transparent; transparent);
     }
-    & when not(@border = transparent) {
+
+    & when not(@border =transparent) {
       .button-color(~`colorPalette('@{color}', 7) `; transparent; ~`colorPalette('@{color}', 7) `);
     }
   }
+
   .button-disabled();
 }
+
 .button-color(@color; @background; @border) {
   color: @color;
   background-color: @background;
   border-color: @border;
+
   // a inside Button which only work in Chrome
   // http://stackoverflow.com/a/17253457
-  > a:only-child {
+  >a:only-child {
     color: currentColor;
+
     &::after {
       position: absolute;
       top: 0;
@@ -108,50 +111,61 @@
     }
   }
 }
+
 .button-group-base(@btnClassName) {
   position: relative;
   display: inline-block;
-  > .@{btnClassName},
-  > span > .@{btnClassName} {
+
+  >.@{btnClassName},
+  >span>.@{btnClassName} {
     position: relative;
+
     &:hover,
     &:focus,
     &:active,
     &.active {
       z-index: 2;
     }
+
     &:disabled {
       z-index: 0;
     }
   }
-  > .@{btnClassName}-icon-only {
+
+  >.@{btnClassName}-icon-only {
     font-size: @font-size-base;
   }
+
   // size
-  &-lg > .@{btnClassName},
-  &-lg > span > .@{btnClassName} {
+  &-lg>.@{btnClassName},
+  &-lg>span>.@{btnClassName} {
     .button-size(@btn-height-lg; @btn-padding-lg; @btn-font-size-lg; 0);
     line-height: calc(@btn-height-lg - 2px);
   }
-  &-lg > .@{btnClassName}.@{btnClassName}-icon-only {
+
+  &-lg>.@{btnClassName}.@{btnClassName}-icon-only {
     .square(@btn-height-lg);
     padding-right: 0;
     padding-left: 0;
   }
-  &-sm > .@{btnClassName},
-  &-sm > span > .@{btnClassName} {
+
+  &-sm>.@{btnClassName},
+  &-sm>span>.@{btnClassName} {
     .button-size(@btn-height-sm; @btn-padding-sm; @font-size-base; 0);
     line-height: calc(@btn-height-sm - 2px);
-    > .@{iconfont-css-prefix} {
+
+    >.@{iconfont-css-prefix} {
       font-size: @font-size-base;
     }
   }
-  &-sm > .@{btnClassName}.@{btnClassName}-icon-only {
+
+  &-sm>.@{btnClassName}.@{btnClassName}-icon-only {
     .square(@btn-height-sm);
     padding-right: 0;
     padding-left: 0;
   }
 }
+
 // Base styles of buttons
 // --------------------------------------------------
 .btn() {
@@ -168,42 +182,53 @@
   user-select: none;
   touch-action: manipulation;
   .button-size(@btn-height-base; @btn-padding-base; @font-size-base; @btn-border-radius-base);
-  > .@{iconfont-css-prefix} {
+
+  >.@{iconfont-css-prefix} {
     line-height: 1;
   }
+
   &,
   &:active,
   &:focus {
     outline: 0;
   }
+
   &:not([disabled]):hover {
     text-decoration: none;
   }
+
   &:not([disabled]):active {
     outline: 0;
     box-shadow: none;
   }
+
   &.disabled,
   &[disabled] {
     cursor: not-allowed;
-    > * {
+
+    >* {
       pointer-events: none;
     }
   }
+
   &-lg {
     .button-size(@btn-height-lg; @btn-padding-lg; @btn-font-size-lg; @btn-border-radius-base);
   }
+
   &-sm {
     .button-size(@btn-height-sm; @btn-padding-sm; @btn-font-size-sm; @btn-border-radius-sm);
   }
 }
+
 // primary button style
 .btn-primary() {
   .button-variant-primary(@btn-primary-color; @btn-primary-bg);
 }
+
 // default button style
 .btn-default() {
   .button-variant-other(@btn-default-color; @btn-default-bg; @btn-default-border);
+
   &:hover,
   &:focus,
   &:active,
@@ -212,57 +237,66 @@
     background: @btn-default-bg;
   }
 }
+
 // ghost button style
 .btn-ghost() {
   .button-variant-other(@btn-ghost-color, @btn-ghost-bg, @btn-ghost-border);
 }
+
 // dashed button style
 .btn-dashed() {
   .button-variant-other(@btn-default-color, @btn-default-bg, @btn-default-border);
   border-style: dashed;
 }
+
 // danger button style
 .btn-danger() {
   .button-variant-primary(@btn-danger-color, @btn-danger-bg);
 }
+
 // link button style
 .btn-link() {
   .button-variant-other(@link-color, transparent, transparent);
   box-shadow: none;
+
   &:hover,
   &:focus,
   &:active {
     border-color: transparent;
   }
+
   .button-disabled(@disabled-color; transparent; transparent);
 }
+
 // round button
 .btn-round(@btnClassName: btn) {
   .button-size(@btn-circle-size; 0 @btn-circle-size / 2; @font-size-base; @btn-circle-size);
+
   &.@{btnClassName}-lg {
-    .button-size(
-      @btn-circle-size-lg; 0 @btn-circle-size-lg / 2; @btn-font-size-lg; @btn-circle-size-lg
-    );
+    .button-size(@btn-circle-size-lg; 0 @btn-circle-size-lg / 2; @btn-font-size-lg; @btn-circle-size-lg );
   }
+
   &.@{btnClassName}-sm {
-    .button-size(
-      @btn-circle-size-sm; 0 @btn-circle-size-sm / 2; @font-size-base; @btn-circle-size-sm
-    );
+    .button-size(@btn-circle-size-sm; 0 @btn-circle-size-sm / 2; @font-size-base; @btn-circle-size-sm );
   }
 }
+
 // square button: the content only contains icon
 .btn-square(@btnClassName: btn) {
   .square(@btn-square-size);
   .button-size(@btn-square-size; 0; @font-size-base + 2px; @btn-border-radius-base);
+
   &.@{btnClassName}-lg {
     .square(@btn-square-size-lg);
     .button-size(@btn-square-size-lg; 0; @btn-font-size-lg + 2px; @btn-border-radius-base);
   }
+
   &.@{btnClassName}-sm {
     .square(@btn-square-size-sm);
     .button-size(@btn-square-size-sm; 0; @font-size-base; @btn-border-radius-base);
   }
 }
+
 // circle button: the content only contains icon
 .btn-circle(@btnClassName: btn) {
   min-width: @btn-height-base;
@@ -270,88 +304,107 @@
   padding-left: 0;
   text-align: center;
   border-radius: 50%;
+
   &.@{btnClassName}-lg {
     min-width: @btn-height-lg;
     border-radius: 50%;
   }
+
   &.@{btnClassName}-sm {
     min-width: @btn-height-sm;
     border-radius: 50%;
   }
 }
+
 // Horizontal button groups style
 // --------------------------------------------------
 .btn-group(@btnClassName: btn) {
   .button-group-base(@btnClassName);
-  .@{btnClassName} + .@{btnClassName},
-  .@{btnClassName} + &,
-  span + .@{btnClassName},
-  .@{btnClassName} + span,
-  > span + span,
-  & + .@{btnClassName},
-  & + & {
+
+  .@{btnClassName}+.@{btnClassName},
+  .@{btnClassName}+&,
+  span+.@{btnClassName},
+  .@{btnClassName}+span,
+  >span+span,
+  &+.@{btnClassName},
+  &+& {
     margin-left: -1px;
   }
-  .@{btnClassName}-primary + .@{btnClassName}:not(.@{btnClassName}-primary):not([disabled]) {
+
+  .@{btnClassName}-primary+.@{btnClassName}:not(.@{btnClassName}-primary):not([disabled]) {
     border-left-color: transparent;
   }
+
   .@{btnClassName} {
     border-radius: 0;
   }
-  > .@{btnClassName}:first-child,
-  > span:first-child > .@{btnClassName} {
+
+  >.@{btnClassName}:first-child,
+  >span:first-child>.@{btnClassName} {
     margin-left: 0;
   }
-  > .@{btnClassName}:only-child {
+
+  >.@{btnClassName}:only-child {
     border-radius: @btn-border-radius-base;
   }
-  > span:only-child > .@{btnClassName} {
+
+  >span:only-child>.@{btnClassName} {
     border-radius: @btn-border-radius-base;
   }
-  > .@{btnClassName}:first-child:not(:last-child),
-  > span:first-child:not(:last-child) > .@{btnClassName} {
+
+  >.@{btnClassName}:first-child:not(:last-child),
+  >span:first-child:not(:last-child)>.@{btnClassName} {
     border-top-left-radius: @btn-border-radius-base;
     border-bottom-left-radius: @btn-border-radius-base;
   }
-  > .@{btnClassName}:last-child:not(:first-child),
-  > span:last-child:not(:first-child) > .@{btnClassName} {
+
+  >.@{btnClassName}:last-child:not(:first-child),
+  >span:last-child:not(:first-child)>.@{btnClassName} {
     border-top-right-radius: @btn-border-radius-base;
     border-bottom-right-radius: @btn-border-radius-base;
   }
+
   &-sm {
-    > .@{btnClassName}:only-child {
+    >.@{btnClassName}:only-child {
       border-radius: @btn-border-radius-sm;
     }
-    > span:only-child > .@{btnClassName} {
+
+    >span:only-child>.@{btnClassName} {
       border-radius: @btn-border-radius-sm;
     }
-    > .@{btnClassName}:first-child:not(:last-child),
-    > span:first-child:not(:last-child) > .@{btnClassName} {
+
+    >.@{btnClassName}:first-child:not(:last-child),
+    >span:first-child:not(:last-child)>.@{btnClassName} {
       border-top-left-radius: @btn-border-radius-sm;
       border-bottom-left-radius: @btn-border-radius-sm;
     }
-    > .@{btnClassName}:last-child:not(:first-child),
-    > span:last-child:not(:first-child) > .@{btnClassName} {
+
+    >.@{btnClassName}:last-child:not(:first-child),
+    >span:last-child:not(:first-child)>.@{btnClassName} {
       border-top-right-radius: @btn-border-radius-sm;
       border-bottom-right-radius: @btn-border-radius-sm;
     }
   }
-  & > & {
+
+  &>& {
     float: left;
   }
-  & > &:not(:first-child):not(:last-child) > .@{btnClassName} {
+
+  &>&:not(:first-child):not(:last-child)>.@{btnClassName} {
     border-radius: 0;
   }
-  & > &:first-child:not(:last-child) {
-    > .@{btnClassName}:last-child {
+
+  &>&:first-child:not(:last-child) {
+    >.@{btnClassName}:last-child {
       padding-right: 8px;
       border-top-right-radius: 0;
       border-bottom-right-radius: 0;
     }
   }
-  & > &:last-child:not(:first-child) > .@{btnClassName}:first-child {
+
+  &>&:last-child:not(:first-child)>.@{btnClassName}:first-child {
     padding-left: 8px;
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
   }
-}
+}

package/lib/prev-locale.d.ts

@@ -14,6 +14,7 @@ export namespace zh_CN {
     const handleMore: string;
     const enter: string;
     const select: string;
+    const batchOperation: string;
     const onLineFail: string;
     const weakMsg: string;
     const strongMsg: string;
@@ -61,6 +62,8 @@ export namespace en_US {
     export { enter_1 as enter };
     const select_1: string;
     export { select_1 as select };
+    const batchOperation_1: string;
+    export { batchOperation_1 as batchOperation };
     const onLineFail_1: string;
     export { onLineFail_1 as onLineFail };
     const weakMsg_1: string;

package/lib/prev-locale.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prev-locale.d.ts","sourceRoot":"","sources":["../src/prev-locale.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqGO,yEAaN;AAEM,mCAAmD"}
+{"version":3,"file":"prev-locale.d.ts","sourceRoot":"","sources":["../src/prev-locale.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwGO,yEAaN;AAEM,mCAAoD"}