tntd 2.8.0-beta.2 → 2.8.0-beta.20

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"]}

package/es/tabs/style/index.less

@@ -0,0 +1,436 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+@import './card-style';
+
+@tab-prefix-cls: ~'@{ant-prefix}-tabs';
+
+// Hidden content
+.tabs-hidden-content() {
+  height: 0;
+  padding: 0 !important;
+  overflow: hidden;
+  opacity: 0;
+  pointer-events: none;
+  input {
+    visibility: hidden;
+  }
+}
+
+.@{tab-prefix-cls} {
+  .reset-component;
+
+  position: relative;
+  overflow: hidden;
+  .clearfix;
+
+  &-ink-bar {
+    position: absolute;
+    bottom: 1px;
+    left: 0;
+    z-index: 1;
+    box-sizing: border-box;
+    width: 0;
+    height: 2px;
+    background-color: @tabs-ink-bar-color;
+    transform-origin: 0 0;
+  }
+
+  &-bar {
+    margin: @tabs-bar-margin;
+    border-bottom: @border-width-base @border-style-base @border-color-split;
+    outline: none;
+    transition: padding 0.3s @ease-in-out;
+  }
+
+  &-nav-container {
+    position: relative;
+    box-sizing: border-box;
+    margin-bottom: -1px;
+    overflow: hidden;
+    font-size: @tabs-title-font-size;
+    line-height: @line-height-base;
+    white-space: nowrap;
+    transition: padding 0.3s @ease-in-out;
+    .clearfix;
+
+    &-scrolling {
+      padding-right: @tabs-scrolling-size;
+      padding-left: @tabs-scrolling-size;
+    }
+  }
+
+  // https://github.com/ant-design/ant-design/issues/9104
+  &-bottom &-bottom-bar {
+    margin-top: 16px;
+    margin-bottom: 0;
+    border-top: @border-width-base @border-style-base @border-color-split;
+    border-bottom: none;
+  }
+
+  &-bottom &-bottom-bar &-ink-bar {
+    top: 1px;
+    bottom: auto;
+  }
+
+  &-bottom &-bottom-bar &-nav-container {
+    margin-top: -1px;
+    margin-bottom: 0;
+  }
+
+  &-tab-prev,
+  &-tab-next {
+    position: absolute;
+    z-index: 2;
+    width: 0;
+    height: 100%;
+    color: @text-color-secondary;
+    text-align: center;
+    background-color: transparent;
+    border: 0;
+    cursor: pointer;
+    opacity: 0;
+    transition: width 0.3s @ease-in-out, opacity 0.3s @ease-in-out, color 0.3s @ease-in-out;
+    user-select: none;
+    pointer-events: none;
+
+    &.@{tab-prefix-cls}-tab-arrow-show {
+      width: @tabs-scrolling-size;
+      height: 100%;
+      opacity: 1;
+      pointer-events: auto;
+    }
+
+    &:hover {
+      color: @text-color;
+    }
+
+    &-icon {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      font-weight: bold;
+      font-style: normal;
+      font-variant: normal;
+      line-height: inherit;
+      text-align: center;
+      text-transform: none;
+      transform: translate(-50%, -50%);
+
+      &-target {
+        display: block;
+        .iconfont-size-under-12px(10px);
+      }
+    }
+  }
+
+  &-tab-btn-disabled {
+    cursor: not-allowed;
+    &,
+    &:hover {
+      color: @disabled-color;
+    }
+  }
+
+  &-tab-next {
+    right: 2px;
+  }
+
+  &-tab-prev {
+    left: 0;
+    :root & {
+      filter: none;
+    }
+  }
+
+  &-nav-wrap {
+    margin-bottom: -1px;
+    overflow: hidden;
+  }
+
+  &-nav-scroll {
+    overflow: hidden;
+    white-space: nowrap;
+  }
+
+  &-nav {
+    position: relative;
+    display: inline-block;
+    box-sizing: border-box;
+    margin: 0;
+    padding-left: 0;
+    list-style: none;
+    transition: transform 0.3s @ease-in-out;
+
+    &::before,
+    &::after {
+      display: table;
+      content: ' ';
+    }
+
+    &::after {
+      clear: both;
+    }
+
+    .@{tab-prefix-cls}-tab {
+      position: relative;
+      display: inline-block;
+      box-sizing: border-box;
+      height: 100%;
+      margin: @tabs-horizontal-margin;
+      padding: @tabs-horizontal-padding;
+      text-decoration: none;
+      cursor: pointer;
+      transition: color 0.3s @ease-in-out;
+
+      &::before {
+        position: absolute;
+        top: -1px;
+        left: 0;
+        width: 100%;
+        border-top: 2px solid transparent;
+        border-radius: @border-radius-base @border-radius-base 0 0;
+        transition: all 0.3s;
+        content: '';
+        pointer-events: none;
+      }
+
+      &:last-child {
+        margin-right: 0;
+      }
+
+      &:hover {
+        color: @tabs-hover-color;
+      }
+
+      &:active {
+        color: @tabs-active-color;
+      }
+
+      .@{iconfont-css-prefix} {
+        margin-right: 8px;
+      }
+
+      &-active {
+        color: @tabs-highlight-color;
+        font-weight: 500;
+      }
+
+      &-disabled {
+        &,
+        &:hover {
+          color: @disabled-color;
+          cursor: not-allowed;
+        }
+      }
+    }
+  }
+
+  .@{tab-prefix-cls}-large-bar {
+    .@{tab-prefix-cls}-nav-container {
+      font-size: @tabs-title-font-size-lg;
+    }
+    .@{tab-prefix-cls}-tab {
+      padding: @tabs-horizontal-padding-lg;
+    }
+  }
+
+  .@{tab-prefix-cls}-small-bar {
+    .@{tab-prefix-cls}-nav-container {
+      font-size: @tabs-title-font-size-sm;
+    }
+    .@{tab-prefix-cls}-tab {
+      padding: @tabs-horizontal-padding-sm;
+    }
+  }
+
+  // Create an empty element to avoid margin collapsing
+  // https://github.com/ant-design/ant-design/issues/18103
+  &-content::before {
+    display: block;
+    overflow: hidden;
+    content: '';
+  }
+
+  // Horizontal Content
+  .@{tab-prefix-cls}-top-content,
+  .@{tab-prefix-cls}-bottom-content {
+    width: 100%;
+    > .@{tab-prefix-cls}-tabpane {
+      flex-shrink: 0;
+      width: 100%;
+      -webkit-backface-visibility: hidden;
+      opacity: 1;
+      transition: opacity 0.45s;
+    }
+
+    > .@{tab-prefix-cls}-tabpane-inactive {
+      .tabs-hidden-content();
+    }
+
+    &.@{tab-prefix-cls}-content-animated {
+      display: flex;
+      flex-direction: row;
+      transition: margin-left 0.3s @ease-in-out;
+      will-change: margin-left;
+    }
+  }
+
+  // Vertical Bar
+  .@{tab-prefix-cls}-left-bar,
+  .@{tab-prefix-cls}-right-bar {
+    height: 100%;
+    border-bottom: 0;
+
+    .@{tab-prefix-cls}-tab-arrow-show {
+      width: 100%;
+      height: @tabs-scrolling-size;
+    }
+
+    .@{tab-prefix-cls}-tab {
+      display: block;
+      float: none;
+      margin: @tabs-vertical-margin;
+      padding: @tabs-vertical-padding;
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+    }
+
+    .@{tab-prefix-cls}-extra-content {
+      text-align: center;
+    }
+
+    .@{tab-prefix-cls}-nav-scroll {
+      width: auto;
+    }
+
+    .@{tab-prefix-cls}-nav-container,
+    .@{tab-prefix-cls}-nav-wrap {
+      height: 100%;
+    }
+
+    .@{tab-prefix-cls}-nav-container {
+      margin-bottom: 0;
+
+      &.@{tab-prefix-cls}-nav-container-scrolling {
+        padding: @tabs-scrolling-size 0;
+      }
+    }
+
+    .@{tab-prefix-cls}-nav-wrap {
+      margin-bottom: 0;
+    }
+
+    .@{tab-prefix-cls}-nav {
+      width: 100%;
+    }
+
+    .@{tab-prefix-cls}-ink-bar {
+      top: 0;
+      bottom: auto;
+      left: auto;
+      width: 2px;
+      height: 0;
+    }
+
+    .@{tab-prefix-cls}-tab-next {
+      right: 0;
+      bottom: 0;
+      width: 100%;
+      height: @tabs-scrolling-size;
+    }
+
+    .@{tab-prefix-cls}-tab-prev {
+      top: 0;
+      width: 100%;
+      height: @tabs-scrolling-size;
+    }
+  }
+
+  // Vertical Content
+  .@{tab-prefix-cls}-left-content,
+  .@{tab-prefix-cls}-right-content {
+    width: auto;
+    margin-top: 0 !important;
+    overflow: hidden;
+  }
+
+  // Vertical - Left
+  .@{tab-prefix-cls}-left-bar {
+    float: left;
+    margin-right: -1px;
+    margin-bottom: 0;
+    border-right: @border-width-base @border-style-base @border-color-split;
+    .@{tab-prefix-cls}-tab {
+      text-align: right;
+    }
+    .@{tab-prefix-cls}-nav-container {
+      margin-right: -1px;
+    }
+    .@{tab-prefix-cls}-nav-wrap {
+      margin-right: -1px;
+    }
+    .@{tab-prefix-cls}-ink-bar {
+      right: 1px;
+    }
+  }
+  .@{tab-prefix-cls}-left-content {
+    padding-left: 24px;
+    border-left: @border-width-base @border-style-base @border-color-split;
+  }
+
+  // Vertical - Right
+  .@{tab-prefix-cls}-right-bar {
+    float: right;
+    margin-bottom: 0;
+    margin-left: -1px;
+    border-left: @border-width-base @border-style-base @border-color-split;
+    .@{tab-prefix-cls}-nav-container {
+      margin-left: -1px;
+    }
+    .@{tab-prefix-cls}-nav-wrap {
+      margin-left: -1px;
+    }
+    .@{tab-prefix-cls}-ink-bar {
+      left: 1px;
+    }
+  }
+  .@{tab-prefix-cls}-right-content {
+    padding-right: 24px;
+    border-right: @border-width-base @border-style-base @border-color-split;
+  }
+}
+
+.@{tab-prefix-cls}-top .@{tab-prefix-cls}-ink-bar-animated,
+.@{tab-prefix-cls}-bottom .@{tab-prefix-cls}-ink-bar-animated {
+  transition: transform 0.3s @ease-in-out, width 0.2s @ease-in-out, left 0.3s @ease-in-out;
+}
+
+.@{tab-prefix-cls}-left .@{tab-prefix-cls}-ink-bar-animated,
+.@{tab-prefix-cls}-right .@{tab-prefix-cls}-ink-bar-animated {
+  transition: transform 0.3s @ease-in-out, height 0.2s @ease-in-out, top 0.3s @ease-in-out;
+}
+
+// No animation
+.tabs-no-animation() {
+  > .@{tab-prefix-cls}-content-animated {
+    margin-left: 0 !important;
+    transform: none !important;
+  }
+  > .@{tab-prefix-cls}-tabpane-inactive {
+    .tabs-hidden-content();
+  }
+}
+
+.no-flex,
+.@{tab-prefix-cls}-no-animation {
+  > .@{tab-prefix-cls}-content {
+    .tabs-no-animation();
+  }
+}
+
+.@{tab-prefix-cls}-left-content,
+.@{tab-prefix-cls}-right-content {
+  .tabs-no-animation();
+}

package/es/tabs/tabs.js

@@ -22,9 +22,10 @@ export * from 'antd/es/tabs';
 export const Tabs = forwardRef((_a, ref) => {
   var {
       children,
-      upperCaseIgnore
+      upperCaseIgnore,
+      type
     } = _a,
-    rest = __rest(_a, ["children", "upperCaseIgnore"]);
+    rest = __rest(_a, ["children", "upperCaseIgnore", "type"]);
   let newChildren = children;
   if (Array.isArray(newChildren)) {
     newChildren = newChildren === null || newChildren === void 0 ? void 0 : newChildren.map(child => {
@@ -48,6 +49,7 @@ export const Tabs = forwardRef((_a, ref) => {
     getPrefixCls
   }) => {
     return React.createElement(AntdTabs, Object.assign({}, rest, {
+      type: (type === null || type === void 0 ? void 0 : type.includes('ladder-card')) ? undefined : type,
       children: newChildren,
       ref: ref
     }));

package/es/tabs/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/tabs/tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,cAAc,cAAc,CAAA;AAW5B,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CAAC,EAAsC,EAAE,GAAG,EAAE,EAAE;QAA/C,EAAE,QAAQ,EAAE,eAAe,OAAW,EAAN,IAAI,cAApC,+BAAsC,CAAF;IACnC,IAAI,WAAW,GAA6B,QAAQ,CAAA;IACpD,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;QAC9B,WAAW,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,CAAC,CAAC,KAA+B,EAAE,EAAE;;YACjE,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;gBAC/B,MAAM,WAAW,GAAY,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,WAAW,CAAA;gBACtD,MAAM,GAAG,GAA6B,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,GAAG,CAAA;gBACvD,uCACK,KAAK,KACR,KAAK,kCACA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,KACf,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,YAAY,CAAC,GAAG,EAAE,eAAe,CAAC,OAE9D;aACF;YACD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBAC7B,OAAO,YAAY,CAAC,KAAK,EAAE,eAAe,CAAC,CAAA;aAC5C;YACD,OAAO,KAAK,CAAA;QACd,CAAC,CAAC,CAAA;KACH;IAED,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,OAAO,oBAAC,QAAQ,oBAAK,IAAI,IAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,IAAI,CAAA;IAChE,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACe,CAAA;AAElB,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2023-10-16 11:08:28\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2023-10-16 16:24:53\n * @FilePath: /tntd/packages/tntd/src/tabs/tabs.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport React, { forwardRef } from 'react'\nimport type { TabsProps as AntdTabsProps } from 'antd/es/tabs'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport { default as AntdTabs } from 'antd/es/tabs'\nimport { doUpperTitle } from '../utils'\nexport * from 'antd/es/tabs'\nexport interface TabsProps extends AntdTabsProps {\n  children?: Array<React.ReactElement>\n  upperCaseIgnore?: Array<string>\n}\n\ninterface TabsComponent\n  extends React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<AntdTabs>> {\n  TabPane: typeof AntdTabs.TabPane\n}\n\nexport const Tabs = forwardRef<AntdTabs, TabsProps>(\n  ({ children, upperCaseIgnore, ...rest }, ref) => {\n    let newChildren: string | React.ReactNode = children\n    if (Array.isArray(newChildren)) {\n      newChildren = newChildren?.map((child: string | React.ReactNode) => {\n        if (React.isValidElement(child)) {\n          const upperIgnore: boolean = child?.props?.upperIgnore\n          const tab: string | React.ReactNode = child?.props?.tab\n          return {\n            ...child,\n            props: {\n              ...child?.props,\n              tab: upperIgnore ? tab : doUpperTitle(tab, upperCaseIgnore),\n            },\n          }\n        }\n        if (typeof child === 'string') {\n          return doUpperTitle(child, upperCaseIgnore)\n        }\n        return child\n      })\n    }\n\n    return (\n      <ConfigConsumer>\n        {({ getPrefixCls }) => {\n          return <AntdTabs {...rest} children={newChildren} ref={ref} />\n        }}\n      </ConfigConsumer>\n    )\n  }\n) as TabsComponent\n\nTabs.TabPane = AntdTabs.TabPane\n"]}
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/tabs/tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,cAAc,cAAc,CAAA;AAW5B,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CAAC,EAA4C,EAAE,GAAG,EAAE,EAAE;QAArD,EAAE,QAAQ,EAAE,eAAe,EAAE,IAAI,OAAW,EAAN,IAAI,cAA1C,uCAA4C,CAAF;IACzC,IAAI,WAAW,GAA6B,QAAQ,CAAA;IACpD,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;QAC9B,WAAW,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,CAAC,CAAC,KAA+B,EAAE,EAAE;;YACjE,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;gBAC/B,MAAM,WAAW,GAAY,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,WAAW,CAAA;gBACtD,MAAM,GAAG,GAA6B,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,GAAG,CAAA;gBACvD,uCACK,KAAK,KACR,KAAK,kCACA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,KACf,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,YAAY,CAAC,GAAG,EAAE,eAAe,CAAC,OAE9D;aACF;YACD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBAC7B,OAAO,YAAY,CAAC,KAAK,EAAE,eAAe,CAAC,CAAA;aAC5C;YACD,OAAO,KAAK,CAAA;QACd,CAAC,CAAC,CAAA;KACH;IAED,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,OAAO,CACL,oBAAC,QAAQ,oBACH,IAAI,IACR,IAAI,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAC,aAAa,CAAC,EAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EACtD,QAAQ,EAAE,WAAW,EACrB,GAAG,EAAE,GAAG,IACR,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACe,CAAA;AAElB,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2023-10-16 11:08:28\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2023-10-16 16:24:53\n * @FilePath: /tntd/packages/tntd/src/tabs/tabs.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport React, { forwardRef } from 'react'\nimport type { TabsProps as AntdTabsProps, TabsType } from 'antd/es/tabs'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport { default as AntdTabs } from 'antd/es/tabs'\nimport { doUpperTitle } from '../utils'\nexport * from 'antd/es/tabs'\nexport interface TabsProps extends AntdTabsProps {\n  children?: Array<React.ReactElement>\n  upperCaseIgnore?: Array<string>\n}\n\ninterface TabsComponent\n  extends React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<AntdTabs>> {\n  TabPane: typeof AntdTabs.TabPane\n}\n\nexport const Tabs = forwardRef<AntdTabs, TabsProps>(\n  ({ children, upperCaseIgnore, type, ...rest }, ref) => {\n    let newChildren: string | React.ReactNode = children\n    if (Array.isArray(newChildren)) {\n      newChildren = newChildren?.map((child: string | React.ReactNode) => {\n        if (React.isValidElement(child)) {\n          const upperIgnore: boolean = child?.props?.upperIgnore\n          const tab: string | React.ReactNode = child?.props?.tab\n          return {\n            ...child,\n            props: {\n              ...child?.props,\n              tab: upperIgnore ? tab : doUpperTitle(tab, upperCaseIgnore),\n            },\n          }\n        }\n        if (typeof child === 'string') {\n          return doUpperTitle(child, upperCaseIgnore)\n        }\n        return child\n      })\n    }\n\n    return (\n      <ConfigConsumer>\n        {({ getPrefixCls }) => {\n          return (\n            <AntdTabs\n              {...rest}\n              type={type?.includes('ladder-card') ? undefined : type} // v2版本没有ladder-card模式\n              children={newChildren}\n              ref={ref}\n            />\n          )\n        }}\n      </ConfigConsumer>\n    )\n  }\n) as TabsComponent\n\nTabs.TabPane = AntdTabs.TabPane\n"]}

package/es/tabs-container/index.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import cn from 'classnames';
+import './index.less';
+export default ((WrappedComponent, options = {}) => {
+  const {
+    version,
+    className = ''
+  } = options;
+  const currentVersion = version || 'v2';
+  return props => React.createElement("div", {
+    className: cn('tnt-tabs-v-container', 'tnt-current-' + currentVersion, className)
+  }, React.createElement(WrappedComponent, Object.assign({}, props, options)));
+});

package/es/tabs-container/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tabs-container/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,cAAc,CAAC;AAEtB,eAAe,CAAC,gBAAgB,EAAE,OAAO,GAAG,EAAE,EAAE,EAAE;IAC9C,MAAM,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,OAAO,CAAA;IAC3C,MAAM,cAAc,GAAG,OAAO,IAAI,IAAI,CAAC;IAEvC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CACd,6BAAK,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,cAAc,GAAG,cAAc,EAAE,SAAS,CAAC;QAClF,oBAAC,gBAAgB,oBAAK,KAAK,EAAM,OAAO,EAAI,CAC1C,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import React from 'react'\nimport cn from 'classnames'\n\nimport './index.less';\n\nexport default (WrappedComponent, options = {}) => {\n    const { version, className = '' } = options\n    const currentVersion = version || 'v2';\n\n    return (props) => (\n        <div className={cn('tnt-tabs-v-container', 'tnt-current-' + currentVersion, className)}>\n            <WrappedComponent {...props} {...options} />\n        </div>\n    );\n};\n"]}