tntd 2.8.0-beta.2 → 2.8.0-beta.4

package/es/table/style/size.less

@@ -0,0 +1,179 @@
+@table-padding-vertical-md: @table-padding-vertical * 3 / 4;
+@table-padding-horizontal-md: @table-padding-horizontal / 2;
+@table-padding-vertical-sm: @table-padding-vertical / 2;
+@table-padding-horizontal-sm: @table-padding-horizontal / 2;
+
+.@{table-prefix-cls}-middle {
+  > .@{table-prefix-cls}-title,
+  > .@{table-prefix-cls}-content > .@{table-prefix-cls}-footer {
+    padding: @table-padding-vertical-md @table-padding-horizontal-md;
+  }
+  > .@{table-prefix-cls}-content {
+    > .@{table-prefix-cls}-header > table,
+    > .@{table-prefix-cls}-body > table,
+    > .@{table-prefix-cls}-scroll > .@{table-prefix-cls}-header > table,
+    > .@{table-prefix-cls}-scroll > .@{table-prefix-cls}-body > table,
+    > .@{table-prefix-cls}-fixed-left > .@{table-prefix-cls}-header > table,
+    > .@{table-prefix-cls}-fixed-right > .@{table-prefix-cls}-header > table,
+    > .@{table-prefix-cls}-fixed-left
+      > .@{table-prefix-cls}-body-outer
+      > .@{table-prefix-cls}-body-inner
+      > table,
+    > .@{table-prefix-cls}-fixed-right
+      > .@{table-prefix-cls}-body-outer
+      > .@{table-prefix-cls}-body-inner
+      > table {
+      > .@{table-prefix-cls}-thead > tr > th,
+      > .@{table-prefix-cls}-tbody > tr > td {
+        padding: @table-padding-vertical-md @table-padding-horizontal-md;
+      }
+    }
+  }
+
+  tr.@{table-prefix-cls}-expanded-row td > .@{table-prefix-cls}-wrapper {
+    margin: -@table-padding-vertical-md -@table-padding-horizontal / 2 calc(-@table-padding-vertical-md -
+      1px);
+  }
+}
+
+.@{table-prefix-cls}-small {
+  border: @border-width-base @border-style-base @border-color-split;
+  border-radius: @table-border-radius-base;
+
+  > .@{table-prefix-cls}-title,
+  > .@{table-prefix-cls}-content > .@{table-prefix-cls}-footer {
+    padding: @table-padding-vertical-sm @table-padding-horizontal-sm;
+  }
+
+  > .@{table-prefix-cls}-title {
+    top: 0;
+    border-bottom: @border-width-base @border-style-base @border-color-split;
+  }
+
+  > .@{table-prefix-cls}-content > .@{table-prefix-cls}-footer {
+    background-color: transparent;
+    border-top: @border-width-base @border-style-base @border-color-split;
+    &::before {
+      background-color: transparent;
+    }
+  }
+
+  > .@{table-prefix-cls}-content {
+    > .@{table-prefix-cls}-body {
+      margin: 0 @table-padding-horizontal-sm;
+    }
+
+    > .@{table-prefix-cls}-header > table,
+    > .@{table-prefix-cls}-body > table,
+    > .@{table-prefix-cls}-scroll > .@{table-prefix-cls}-header > table,
+    > .@{table-prefix-cls}-scroll > .@{table-prefix-cls}-body > table,
+    > .@{table-prefix-cls}-fixed-left > .@{table-prefix-cls}-header > table,
+    > .@{table-prefix-cls}-fixed-right > .@{table-prefix-cls}-header > table,
+    > .@{table-prefix-cls}-fixed-left
+      > .@{table-prefix-cls}-body-outer
+      > .@{table-prefix-cls}-body-inner
+      > table,
+    > .@{table-prefix-cls}-fixed-right
+      > .@{table-prefix-cls}-body-outer
+      > .@{table-prefix-cls}-body-inner
+      > table {
+      border: 0;
+      > .@{table-prefix-cls}-thead > tr > th,
+      > .@{table-prefix-cls}-tbody > tr > td {
+        padding: @table-padding-vertical-sm @table-padding-horizontal-sm;
+      }
+      > .@{table-prefix-cls}-thead > tr > th {
+        background-color: @table-header-bg-sm;
+      }
+      > .@{table-prefix-cls}-thead > tr {
+        border-bottom: @border-width-base @border-style-base @border-color-split;
+      }
+      > .@{table-prefix-cls}-thead > tr > th.@{table-prefix-cls}-column-sort {
+        background-color: @table-body-sort-bg;
+      }
+    }
+
+    > .@{table-prefix-cls}-scroll > .@{table-prefix-cls}-header > table,
+    > .@{table-prefix-cls}-scroll > .@{table-prefix-cls}-body > table,
+    > .@{table-prefix-cls}-fixed-left > .@{table-prefix-cls}-header > table,
+    > .@{table-prefix-cls}-fixed-right > .@{table-prefix-cls}-header > table,
+    > .@{table-prefix-cls}-fixed-left
+      > .@{table-prefix-cls}-body-outer
+      > .@{table-prefix-cls}-body-inner
+      > table,
+    > .@{table-prefix-cls}-fixed-right
+      > .@{table-prefix-cls}-body-outer
+      > .@{table-prefix-cls}-body-inner
+      > table {
+      padding: 0;
+    }
+
+    .@{table-prefix-cls}-header {
+      background-color: @table-header-bg-sm;
+      border-radius: @table-border-radius-base @table-border-radius-base 0 0;
+    }
+
+    .@{table-prefix-cls}-placeholder,
+    .@{table-prefix-cls}-row:last-child td {
+      border-bottom: 0;
+    }
+  }
+
+  &.@{table-prefix-cls}-bordered {
+    border-right: 0;
+
+    .@{table-prefix-cls}-title {
+      border: 0;
+      border-right: @border-width-base @border-style-base @border-color-split;
+      border-bottom: @border-width-base @border-style-base @border-color-split;
+    }
+
+    .@{table-prefix-cls}-content {
+      border-right: @border-width-base @border-style-base @border-color-split;
+    }
+
+    .@{table-prefix-cls}-footer {
+      border: 0;
+      border-top: @border-width-base @border-style-base @border-color-split;
+      &::before {
+        display: none;
+      }
+    }
+
+    .@{table-prefix-cls}-placeholder {
+      border-right: 0;
+      border-bottom: 0;
+      border-left: 0;
+    }
+
+    .@{table-prefix-cls}-thead > tr > th.@{table-prefix-cls}-row-cell-last,
+    .@{table-prefix-cls}-tbody > tr > td:last-child {
+      border-right: none;
+    }
+
+    .@{table-prefix-cls}-fixed-left {
+      .@{table-prefix-cls}-thead > tr > th:last-child,
+      .@{table-prefix-cls}-tbody > tr > td:last-child {
+        border-right: @border-width-base @border-style-base @border-color-split;
+      }
+    }
+
+    .@{table-prefix-cls}-fixed-right {
+      border-right: @border-width-base @border-style-base @border-color-split;
+      border-left: @border-width-base @border-style-base @border-color-split;
+    }
+  }
+
+  tr.@{table-prefix-cls}-expanded-row td > .@{table-prefix-cls}-wrapper {
+    margin: -@table-padding-vertical-sm -@table-padding-horizontal / 2 calc(-@table-padding-vertical-sm -
+      1px);
+  }
+
+  // https://github.com/ant-design/ant-design/issues/19287#issuecomment-544368967
+  &.@{table-prefix-cls}-fixed-header
+    > .@{table-prefix-cls}-content
+    > .@{table-prefix-cls}-scroll
+    > .@{table-prefix-cls}-body {
+    border-radius: 0 0 @table-border-radius-base @table-border-radius-base;
+  }
+}

package/es/table/table.js

@@ -26,7 +26,6 @@ const sizeWidthMap = {
   small: 20,
   xs: 16 // 8
 };
-
 const getDefaultPagination = locale => ({
   showTotal: total => React.createElement(TotalShower, {
     total: total,

package/es/tabs/index.js

@@ -1,4 +1,4 @@
-import 'antd/es/tabs/style';
+import './style';
 import { Tabs } from './tabs';
 export * from './tabs';
 export default Tabs;

package/es/tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAA;AAC3B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,cAAc,QAAQ,CAAA;AAEtB,eAAe,IAAI,CAAA","sourcesContent":["import 'antd/es/tabs/style'\nimport { Tabs } from './tabs'\n\nexport * from './tabs'\n\nexport default Tabs\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,cAAc,QAAQ,CAAA;AAEtB,eAAe,IAAI,CAAA","sourcesContent":["import './style'\nimport { Tabs } from './tabs'\n\nexport * from './tabs'\n\nexport default Tabs\n"]}

package/es/tabs/style/card-style.less

@@ -0,0 +1,186 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@tab-prefix-cls: ~'@{ant-prefix}-tabs';
+
+// card style
+.@{tab-prefix-cls} {
+  &&-card &-card-bar &-nav-container {
+    height: @tabs-card-height;
+  }
+  &&-card &-card-bar &-ink-bar {
+    visibility: hidden;
+  }
+  &&-card &-card-bar &-tab {
+    height: @tabs-card-height;
+    margin: 0;
+    margin-right: @tabs-card-gutter;
+    padding: 0 16px;
+    line-height: calc(@tabs-card-height - 2px);
+    background: @tabs-card-head-background;
+    border: @border-width-base @border-style-base @border-color-split;
+    border-radius: @border-radius-base @border-radius-base 0 0;
+    transition: all 0.3s @ease-in-out;
+  }
+  &&-card &-card-bar &-tab-active {
+    height: @tabs-card-height;
+    color: @tabs-card-active-color;
+    background: @component-background;
+    border-color: @border-color-split;
+    border-bottom: @border-width-base solid @component-background;
+
+    &::before {
+      border-top: @tabs-card-tab-active-border-top;
+    }
+  }
+  &&-card &-card-bar &-tab-disabled {
+    color: @tabs-card-active-color;
+    color: @disabled-color;
+  }
+  &&-card &-card-bar &-tab-inactive {
+    padding: 0;
+  }
+  &&-card &-card-bar &-nav-wrap {
+    margin-bottom: 0;
+  }
+  &&-card &-card-bar &-tab &-close-x {
+    width: 16px;
+    height: 16px;
+    height: @font-size-base;
+    margin-right: -5px;
+    margin-left: 3px;
+    overflow: hidden;
+    color: @text-color-secondary;
+    font-size: @font-size-sm;
+    vertical-align: middle;
+    transition: all 0.3s;
+    &:hover {
+      color: @heading-color;
+    }
+  }
+
+  &&-card &-card-content > &-tabpane,
+  &&-editable-card &-card-content > &-tabpane {
+    transition: none !important;
+    &-inactive {
+      overflow: hidden;
+    }
+  }
+
+  &&-card &-card-bar &-tab:hover .@{iconfont-css-prefix}-close {
+    opacity: 1;
+  }
+
+  &-extra-content {
+    line-height: calc(@tabs-title-font-size * @line-height-base + extract(@tabs-horizontal-padding, 1) *
+      2);
+
+    .@{tab-prefix-cls}-new-tab {
+      position: relative;
+      width: 20px;
+      height: 20px;
+      color: @text-color;
+      font-size: 12px;
+      line-height: 20px;
+      text-align: center;
+      border: @border-width-base @border-style-base @border-color-split;
+      border-radius: @border-radius-sm;
+      cursor: pointer;
+      transition: all 0.3s;
+      &:hover {
+        color: @tabs-card-active-color;
+        border-color: @tabs-card-active-color;
+      }
+      svg {
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        margin: auto;
+      }
+    }
+  }
+
+  // https://github.com/ant-design/ant-design/issues/17865
+  &&-large &-extra-content {
+    line-height: calc(@tabs-title-font-size-lg * @line-height-base +
+      extract(@tabs-horizontal-padding-lg, 1) * 2);
+  }
+
+  // https://github.com/ant-design/ant-design/issues/17865
+  &&-small &-extra-content {
+    line-height: calc(@tabs-title-font-size-sm * @line-height-base +
+      extract(@tabs-horizontal-padding-sm, 1) * 2);
+  }
+
+  // https://github.com/ant-design/ant-design/issues/17865
+  &&-card &-extra-content {
+    line-height: @tabs-card-height;
+  }
+
+  // https://github.com/ant-design/ant-design/issues/4669
+  &-vertical&-card &-card-bar&-left-bar,
+  &-vertical&-card &-card-bar&-right-bar {
+    .@{tab-prefix-cls}-nav-container {
+      height: 100%;
+    }
+    .@{tab-prefix-cls}-tab {
+      margin-bottom: 8px;
+      border-bottom: @border-width-base @border-style-base @border-color-split;
+      &-active {
+        padding-bottom: 4px;
+      }
+      &:last-child {
+        margin-bottom: 8px;
+      }
+    }
+    .@{tab-prefix-cls}-new-tab {
+      width: 90%;
+    }
+  }
+
+  &-vertical&-card&-left &-card-bar&-left-bar {
+    .@{tab-prefix-cls}-nav-wrap {
+      margin-right: 0;
+    }
+    .@{tab-prefix-cls}-tab {
+      margin-right: 1px;
+      border-right: 0;
+      border-radius: @border-radius-base 0 0 @border-radius-base;
+      &-active {
+        margin-right: -1px;
+        padding-right: 18px;
+      }
+    }
+  }
+
+  &-vertical&-card&-right &-card-bar&-right-bar {
+    .@{tab-prefix-cls}-nav-wrap {
+      margin-left: 0;
+    }
+    .@{tab-prefix-cls}-tab {
+      margin-left: 1px;
+      border-left: 0;
+      border-radius: 0 @border-radius-base @border-radius-base 0;
+      &-active {
+        margin-left: -1px;
+        padding-left: 18px;
+      }
+    }
+  }
+
+  // https://github.com/ant-design/ant-design/issues/9104
+  & &-card-bar&-bottom-bar &-tab {
+    height: auto;
+    border-top: 0;
+    border-bottom: @border-width-base @border-style-base @border-color-split;
+    border-radius: 0 0 @border-radius-base @border-radius-base;
+  }
+
+  & &-card-bar&-bottom-bar &-tab-active {
+    padding-top: 1px;
+    padding-bottom: 0;
+    color: @primary-color;
+  }
+}

package/es/tabs/style/index.js

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

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

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