tntd 2.7.29-beta.1 → 2.7.30

package/es/drawer/style/drawer.less

@@ -0,0 +1,230 @@
+@import '../../style/themes/index';
+
+// Preserve the typo for compatibility
+// https://github.com/ant-design/ant-design/issues/14628
+@dawer-prefix-cls: ~'@{ant-prefix}-drawer';
+
+@drawer-prefix-cls: @dawer-prefix-cls;
+
+.@{drawer-prefix-cls} {
+  position: fixed;
+  z-index: @zindex-modal;
+  width: 0%;
+  height: 100%;
+  transition: transform @animation-duration-slow @ease-base-out,
+    height 0s ease @animation-duration-slow, width 0s ease @animation-duration-slow;
+  > * {
+    transition: transform @animation-duration-slow @ease-base-out,
+      box-shadow @animation-duration-slow @ease-base-out;
+  }
+
+  &-content-wrapper {
+    position: absolute;
+  }
+  .@{drawer-prefix-cls}-content {
+    width: 100%;
+    height: 100%;
+  }
+
+  &-left,
+  &-right {
+    top: 0;
+    width: 0%;
+    height: 100%;
+    .@{drawer-prefix-cls}-content-wrapper {
+      height: 100%;
+    }
+    &.@{drawer-prefix-cls}-open {
+      width: 100%;
+      transition: transform @animation-duration-slow @ease-base-out;
+    }
+    &.@{drawer-prefix-cls}-open.no-mask {
+      width: 0%;
+    }
+  }
+
+  &-left {
+    &.@{drawer-prefix-cls}-open {
+      .@{drawer-prefix-cls}-content-wrapper {
+        box-shadow: @shadow-1-right;
+      }
+    }
+  }
+
+  &-right {
+    right: 0;
+
+    .@{drawer-prefix-cls} {
+      &-content-wrapper {
+        right: 0;
+      }
+    }
+    &.@{drawer-prefix-cls}-open {
+      .@{drawer-prefix-cls}-content-wrapper {
+        box-shadow: @shadow-1-left;
+      }
+      // https://github.com/ant-design/ant-design/issues/18607, Avoid edge alignment bug.
+      &.no-mask {
+        right: 1px;
+        transform: translateX(1px);
+      }
+    }
+  }
+
+  &-top,
+  &-bottom {
+    left: 0;
+    width: 100%;
+    height: 0%;
+
+    .@{drawer-prefix-cls}-content-wrapper {
+      width: 100%;
+    }
+    &.@{drawer-prefix-cls}-open {
+      height: 100%;
+      transition: transform @animation-duration-slow @ease-base-out;
+    }
+    &.@{drawer-prefix-cls}-open.no-mask {
+      height: 0%;
+    }
+  }
+
+  &-top {
+    top: 0;
+
+    &.@{drawer-prefix-cls}-open {
+      .@{drawer-prefix-cls}-content-wrapper {
+        box-shadow: @shadow-1-down;
+      }
+    }
+  }
+
+  &-bottom {
+    bottom: 0;
+
+    .@{drawer-prefix-cls} {
+      &-content-wrapper {
+        bottom: 0;
+      }
+    }
+    &.@{drawer-prefix-cls}-open {
+      .@{drawer-prefix-cls}-content-wrapper {
+        box-shadow: @shadow-1-up;
+      }
+      &.no-mask {
+        bottom: 1px;
+        transform: translateY(1px);
+      }
+    }
+  }
+
+  &.@{drawer-prefix-cls}-open {
+    .@{drawer-prefix-cls} {
+      &-mask {
+        height: 100%;
+        opacity: 1;
+        transition: none;
+        animation: antdDrawerFadeIn @animation-duration-slow @ease-base-out;
+      }
+    }
+  }
+
+  &-title {
+    margin: 0;
+    color: @heading-color;
+    font-weight: 500;
+    font-size: @font-size-lg;
+    line-height: 22px;
+  }
+
+  &-content {
+    position: relative;
+    z-index: 1;
+    overflow: auto;
+    background-color: @component-background;
+    background-clip: padding-box;
+    border: 0;
+  }
+
+  &-close {
+    position: absolute;
+    top: 0;
+    right: 0;
+    z-index: @zindex-popup-close;
+    display: block;
+    width: 56px;
+    height: 56px;
+    padding: 0;
+    color: @text-color-secondary;
+    font-weight: 700;
+    font-size: @font-size-lg;
+    font-style: normal;
+    line-height: 56px;
+    text-align: center;
+    text-transform: none;
+    text-decoration: none;
+    background: transparent;
+    border: 0;
+    outline: 0;
+    cursor: pointer;
+    transition: color @animation-duration-slow;
+    text-rendering: auto;
+
+    &:focus,
+    &:hover {
+      color: @icon-color-hover;
+      text-decoration: none;
+    }
+  }
+
+  &-header {
+    position: relative;
+    padding: @drawer-header-padding;
+    color: @text-color;
+    background: @component-background;
+    border-bottom: @border-width-base @border-style-base @border-color-split;
+    border-radius: @border-radius-base @border-radius-base 0 0;
+  }
+
+  &-header-no-title {
+    color: @text-color;
+    background: @component-background;
+  }
+
+  &-body {
+    padding: @drawer-body-padding;
+    font-size: @font-size-base;
+    line-height: @line-height-base;
+    word-wrap: break-word;
+  }
+  &-wrapper-body {
+    height: 100%;
+    overflow: auto;
+  }
+
+  &-mask {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 0;
+    background-color: @modal-mask-bg;
+    opacity: 0;
+    filter: ~'alpha(opacity=45)';
+    transition: opacity @animation-duration-slow linear, height 0s ease @animation-duration-slow;
+  }
+  &-open {
+    &-content {
+      box-shadow: @shadow-2;
+    }
+  }
+}
+
+@keyframes antdDrawerFadeIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}

package/es/drawer/style/index.js

@@ -0,0 +1,3 @@
+// deps-lint-skip: empty
+import '../../style/index.less';
+import './index.less';

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

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

package/es/drawer/style/index.less

@@ -0,0 +1,3 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+@import './drawer';

package/es/dropdown/index.js

@@ -1,5 +1,4 @@
 import Dropdown from 'antd/es/dropdown';
 import 'antd/es/dropdown/style';
 export * from 'antd/es/dropdown';
-export default Dropdown;
-//# sourceMappingURL=index.js.map
+export default Dropdown;

package/es/dropdown/style/index.js

@@ -0,0 +1,4 @@
+import '../../style/index.less';
+import './index.less';
+// style dependencies
+import '../../button/style';

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

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

package/es/dropdown/style/index.less

@@ -0,0 +1,282 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@dropdown-prefix-cls: ~'@{ant-prefix}-dropdown';
+
+.@{dropdown-prefix-cls} {
+  .reset-component;
+
+  position: absolute;
+  top: -9999px;
+  left: -9999px;
+  z-index: @zindex-dropdown;
+  display: block;
+
+  &::before {
+    position: absolute;
+    top: -7px;
+    right: 0;
+    bottom: -7px;
+    left: -7px;
+    z-index: -9999;
+    opacity: 0.0001;
+    content: ' ';
+  }
+
+  &-wrap {
+    position: relative;
+
+    .@{ant-prefix}-btn > .@{iconfont-css-prefix}-down {
+      .iconfont-size-under-12px(10px);
+    }
+
+    .@{iconfont-css-prefix}-down::before {
+      transition: transform 0.2s;
+    }
+  }
+
+  &-wrap-open {
+    .@{iconfont-css-prefix}-down::before {
+      transform: rotate(180deg);
+    }
+  }
+
+  &-hidden,
+  &-menu-hidden {
+    display: none;
+  }
+
+  &-menu {
+    position: relative;
+    margin: 0;
+    padding: @dropdown-edge-child-vertical-padding 0;
+    text-align: left;
+    list-style-type: none;
+    background-color: @component-background;
+    background-clip: padding-box;
+    border-radius: @border-radius-base;
+    outline: none;
+    box-shadow: @box-shadow-base;
+    -webkit-transform: translate3d(0, 0, 0);
+
+    &-item-group-title {
+      padding: 5px @control-padding-horizontal;
+      color: @text-color-secondary;
+      transition: all 0.3s;
+    }
+
+    &-submenu-popup {
+      position: absolute;
+      z-index: @zindex-dropdown;
+
+      > .@{dropdown-prefix-cls}-menu {
+        transform-origin: 0 0;
+      }
+
+      ul,
+      li {
+        list-style: none;
+      }
+
+      ul {
+        margin-right: 0.3em;
+        margin-left: 0.3em;
+        padding: 0;
+      }
+    }
+
+    &-item,
+    &-submenu-title {
+      clear: both;
+      margin: 0;
+      padding: @dropdown-vertical-padding @control-padding-horizontal;
+      color: @text-color;
+      font-weight: normal;
+      font-size: @dropdown-font-size;
+      line-height: @dropdown-line-height;
+      white-space: nowrap;
+      cursor: pointer;
+      transition: all 0.3s;
+
+      > .anticon:first-child,
+      > span > .anticon:first-child {
+        min-width: 12px;
+        margin-right: 8px;
+        font-size: @font-size-sm;
+      }
+
+      > a {
+        display: block;
+        margin: -5px -@control-padding-horizontal;
+        padding: 5px @control-padding-horizontal;
+        color: @text-color;
+        transition: all 0.3s;
+      }
+
+      &:first-child {
+        & when (@dropdown-edge-child-vertical-padding = 0) {
+          border-radius: @border-radius-base @border-radius-base 0 0;
+        }
+      }
+
+      &:last-child {
+        & when (@dropdown-edge-child-vertical-padding = 0) {
+          border-radius: 0 0 @border-radius-base @border-radius-base;
+        }
+      }
+
+      &-selected,
+      &-selected > a {
+        color: @dropdown-selected-color;
+        background-color: @item-active-bg;
+      }
+
+      &:hover {
+        background-color: @item-hover-bg;
+      }
+
+      &-disabled {
+        color: @disabled-color;
+        cursor: not-allowed;
+
+        &:hover {
+          color: @disabled-color;
+          background-color: @component-background;
+          cursor: not-allowed;
+        }
+      }
+
+      &-divider {
+        height: 1px;
+        margin: 4px 0;
+        overflow: hidden;
+        line-height: 0;
+        background-color: @border-color-split;
+      }
+
+      .@{dropdown-prefix-cls}-menu-submenu-arrow {
+        position: absolute;
+        right: @padding-xs;
+        &-icon {
+          color: @text-color-secondary;
+          font-style: normal;
+          .iconfont-size-under-12px(10px);
+        }
+      }
+    }
+
+    &-item-group-list {
+      margin: 0 8px;
+      padding: 0;
+      list-style: none;
+    }
+
+    &-submenu-title {
+      padding-right: 26px;
+    }
+
+    &-submenu-vertical {
+      position: relative;
+    }
+
+    &-submenu-vertical > & {
+      position: absolute;
+      top: 0;
+      left: 100%;
+      min-width: 100%;
+      margin-left: 4px;
+      transform-origin: 0 0;
+    }
+
+    &-submenu&-submenu-disabled .@{dropdown-prefix-cls}-menu-submenu-title {
+      &,
+      .@{dropdown-prefix-cls}-menu-submenu-arrow-icon {
+        color: @disabled-color;
+        background-color: @component-background;
+        cursor: not-allowed;
+      }
+    }
+
+    // https://github.com/ant-design/ant-design/issues/19264
+    &-submenu-selected &-submenu-title {
+      color: @primary-color;
+    }
+  }
+
+  &.slide-down-enter.slide-down-enter-active&-placement-bottomLeft,
+  &.slide-down-appear.slide-down-appear-active&-placement-bottomLeft,
+  &.slide-down-enter.slide-down-enter-active&-placement-bottomCenter,
+  &.slide-down-appear.slide-down-appear-active&-placement-bottomCenter,
+  &.slide-down-enter.slide-down-enter-active&-placement-bottomRight,
+  &.slide-down-appear.slide-down-appear-active&-placement-bottomRight {
+    animation-name: antSlideUpIn;
+  }
+
+  &.slide-up-enter.slide-up-enter-active&-placement-topLeft,
+  &.slide-up-appear.slide-up-appear-active&-placement-topLeft,
+  &.slide-up-enter.slide-up-enter-active&-placement-topCenter,
+  &.slide-up-appear.slide-up-appear-active&-placement-topCenter,
+  &.slide-up-enter.slide-up-enter-active&-placement-topRight,
+  &.slide-up-appear.slide-up-appear-active&-placement-topRight {
+    animation-name: antSlideDownIn;
+  }
+
+  &.slide-down-leave.slide-down-leave-active&-placement-bottomLeft,
+  &.slide-down-leave.slide-down-leave-active&-placement-bottomCenter,
+  &.slide-down-leave.slide-down-leave-active&-placement-bottomRight {
+    animation-name: antSlideUpOut;
+  }
+
+  &.slide-up-leave.slide-up-leave-active&-placement-topLeft,
+  &.slide-up-leave.slide-up-leave-active&-placement-topCenter,
+  &.slide-up-leave.slide-up-leave-active&-placement-topRight {
+    animation-name: antSlideDownOut;
+  }
+}
+
+.@{dropdown-prefix-cls}-trigger,
+.@{dropdown-prefix-cls}-link {
+  > .@{iconfont-css-prefix}.@{iconfont-css-prefix}-down {
+    .iconfont-size-under-12px(10px);
+  }
+}
+
+.@{dropdown-prefix-cls}-button {
+  white-space: nowrap;
+
+  &.@{ant-prefix}-btn-group > .@{ant-prefix}-btn:last-child:not(:first-child) {
+    padding-right: @padding-xs;
+    padding-left: @padding-xs;
+  }
+  .@{iconfont-css-prefix}.@{iconfont-css-prefix}-down {
+    .iconfont-size-under-12px(10px);
+  }
+}
+
+// https://github.com/ant-design/ant-design/issues/4903
+.@{dropdown-prefix-cls}-menu-dark {
+  &,
+  .@{dropdown-prefix-cls}-menu {
+    background: @menu-dark-bg;
+  }
+  .@{dropdown-prefix-cls}-menu-item,
+  .@{dropdown-prefix-cls}-menu-submenu-title,
+  .@{dropdown-prefix-cls}-menu-item > a {
+    color: @text-color-secondary-dark;
+    .@{dropdown-prefix-cls}-menu-submenu-arrow::after {
+      color: @text-color-secondary-dark;
+    }
+    &:hover {
+      color: @text-color-inverse;
+      background: transparent;
+    }
+  }
+  .@{dropdown-prefix-cls}-menu-item-selected {
+    &,
+    &:hover,
+    > a {
+      color: @text-color-inverse;
+      background: @primary-color;
+    }
+  }
+}

package/es/ellipsis/Svg/CopySVG.js

@@ -1,17 +1,64 @@
 import React from 'react';
-export default (props) => {
-    return (React.createElement("svg", Object.assign({ width: "16px", height: "16px", viewBox: "0 0 16 16" }, props),
-        React.createElement("g", { id: "\u5168\u5BB6\u6876\u89C6\u89C9\u65B9\u6848\u4F18\u5316", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
-            React.createElement("g", { id: "\u5DE5\u4F5C\u53F01", transform: "translate(-730.000000, -299.000000)" },
-                React.createElement("g", { id: "\u5206\u7EC4-6", transform: "translate(240.000000, 96.000000)" },
-                    React.createElement("g", { id: "\u7F16\u7EC4-18", transform: "translate(0.000000, 171.000000)" },
-                        React.createElement("g", { id: "\u590D\u5236", transform: "translate(490.000000, 32.000000)" },
-                            React.createElement("rect", { id: "\u77E9\u5F62", fill: "#D8D8D8", opacity: "0", x: "0", y: "0", width: "16", height: "16" }),
-                            React.createElement("g", { id: "\u7F16\u7EC4-5", transform: "translate(2.223389, 1.330322)", stroke: "#1e90ff", strokeLinecap: "round", strokeWidth: "1.2" },
-                                React.createElement("polygon", { id: "\u8DEF\u5F84", strokeLinejoin: "round", points: "2 11.3333333 11.3333333 11.3333333 11.3333333 4 7.66666667 -8.8817842e-15 2 -8.8817842e-15" }),
-                                React.createElement("polyline", { id: "\u8DEF\u5F84", strokeLinejoin: "round", points: "7.66666667 0 7.66666667 4 11.3333333 4" }),
-                                React.createElement("polyline", { id: "\u8DEF\u5F84", strokeLinejoin: "round", points: "0 5.33333333 0 13.3333333 7 13.3333333" }),
-                                React.createElement("line", { x1: "4", y1: "5.33333333", x2: "5.33333333", y2: "5.33333333", id: "\u8DEF\u5F84" }),
-                                React.createElement("line", { x1: "4", y1: "8", x2: "8", y2: "8", id: "\u8DEF\u5F84" })))))))));
-};
-//# sourceMappingURL=CopySVG.js.map
+export default (props => {
+  return React.createElement("svg", Object.assign({
+    width: "16px",
+    height: "16px",
+    viewBox: "0 0 16 16"
+  }, props), React.createElement("g", {
+    id: "\u5168\u5BB6\u6876\u89C6\u89C9\u65B9\u6848\u4F18\u5316",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, React.createElement("g", {
+    id: "\u5DE5\u4F5C\u53F01",
+    transform: "translate(-730.000000, -299.000000)"
+  }, React.createElement("g", {
+    id: "\u5206\u7EC4-6",
+    transform: "translate(240.000000, 96.000000)"
+  }, React.createElement("g", {
+    id: "\u7F16\u7EC4-18",
+    transform: "translate(0.000000, 171.000000)"
+  }, React.createElement("g", {
+    id: "\u590D\u5236",
+    transform: "translate(490.000000, 32.000000)"
+  }, React.createElement("rect", {
+    id: "\u77E9\u5F62",
+    fill: "#D8D8D8",
+    opacity: "0",
+    x: "0",
+    y: "0",
+    width: "16",
+    height: "16"
+  }), React.createElement("g", {
+    id: "\u7F16\u7EC4-5",
+    transform: "translate(2.223389, 1.330322)",
+    stroke: "#1e90ff",
+    strokeLinecap: "round",
+    strokeWidth: "1.2"
+  }, React.createElement("polygon", {
+    id: "\u8DEF\u5F84",
+    strokeLinejoin: "round",
+    points: "2 11.3333333 11.3333333 11.3333333 11.3333333 4 7.66666667 -8.8817842e-15 2 -8.8817842e-15"
+  }), React.createElement("polyline", {
+    id: "\u8DEF\u5F84",
+    strokeLinejoin: "round",
+    points: "7.66666667 0 7.66666667 4 11.3333333 4"
+  }), React.createElement("polyline", {
+    id: "\u8DEF\u5F84",
+    strokeLinejoin: "round",
+    points: "0 5.33333333 0 13.3333333 7 13.3333333"
+  }), React.createElement("line", {
+    x1: "4",
+    y1: "5.33333333",
+    x2: "5.33333333",
+    y2: "5.33333333",
+    id: "\u8DEF\u5F84"
+  }), React.createElement("line", {
+    x1: "4",
+    y1: "8",
+    x2: "8",
+    y2: "8",
+    id: "\u8DEF\u5F84"
+  }))))))));
+});

package/es/ellipsis/Svg/TickSVG.js

@@ -1,12 +1,42 @@
 import React from 'react';
-export default (props) => {
-    return (React.createElement("svg", Object.assign({ width: "17px", height: "16px", viewBox: "0 0 17 16" }, props),
-        React.createElement("g", { id: "\u5168\u5BB6\u6876\u89C6\u89C9\u65B9\u6848\u4F18\u5316", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
-            React.createElement("g", { id: "\u5DE5\u4F5C\u53F01", transform: "translate(-754.000000, -299.000000)" },
-                React.createElement("g", { id: "\u5206\u7EC4-6", transform: "translate(240.000000, 96.000000)" },
-                    React.createElement("g", { id: "\u7F16\u7EC4-18", transform: "translate(0.000000, 171.000000)" },
-                        React.createElement("g", { id: "\u590D\u5236\u6210\u529F", transform: "translate(514.500000, 32.000000)" },
-                            React.createElement("rect", { id: "\u77E9\u5F62", fillOpacity: "0.01", fill: "#FFFFFF", fillRule: "nonzero", x: "0", y: "0", width: "16", height: "16" }),
-                            React.createElement("polyline", { id: "\u8DEF\u5F84", stroke: "#07C790", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round", points: "14.3333333 3.66666667 5.625 12.3333333 1.66666667 8.39393333" }))))))));
-};
-//# sourceMappingURL=TickSVG.js.map
+export default (props => {
+  return React.createElement("svg", Object.assign({
+    width: "17px",
+    height: "16px",
+    viewBox: "0 0 17 16"
+  }, props), React.createElement("g", {
+    id: "\u5168\u5BB6\u6876\u89C6\u89C9\u65B9\u6848\u4F18\u5316",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, React.createElement("g", {
+    id: "\u5DE5\u4F5C\u53F01",
+    transform: "translate(-754.000000, -299.000000)"
+  }, React.createElement("g", {
+    id: "\u5206\u7EC4-6",
+    transform: "translate(240.000000, 96.000000)"
+  }, React.createElement("g", {
+    id: "\u7F16\u7EC4-18",
+    transform: "translate(0.000000, 171.000000)"
+  }, React.createElement("g", {
+    id: "\u590D\u5236\u6210\u529F",
+    transform: "translate(514.500000, 32.000000)"
+  }, React.createElement("rect", {
+    id: "\u77E9\u5F62",
+    fillOpacity: "0.01",
+    fill: "#FFFFFF",
+    fillRule: "nonzero",
+    x: "0",
+    y: "0",
+    width: "16",
+    height: "16"
+  }), React.createElement("polyline", {
+    id: "\u8DEF\u5F84",
+    stroke: "#07C790",
+    strokeWidth: "1.2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    points: "14.3333333 3.66666667 5.625 12.3333333 1.66666667 8.39393333"
+  })))))));
+});