@douyinfe/semi-foundation 2.64.0 → 2.65.0-alpha.0

package/button/button.scss

@@ -36,6 +36,11 @@ $module: #{$prefix}-button;
         }
     }
 
+    &-content{
+        display: flex;
+        align-items: center;
+    }
+
     &-danger {
         background-color: $color-button_danger-bg-default;
         color: $color-button_danger-text-default;

package/button/iconButton.scss

@@ -60,12 +60,16 @@ $module: #{$prefix}-button;
 
         &-left {
             margin-right: $spacing-button_iconOnly_content-marginRight;
+            display: flex;
+            align-items: center;
         }
 
         &-right {
             margin-left: $spacing-button_iconOnly_content-marginLeft;
+            display: flex;
+            align-items: center;
         }
     }
 }
 
-@import "./rtl.scss";
+@import "./rtl.scss";

package/cascader/foundation.ts

@@ -926,6 +926,7 @@ export default class CascaderFoundation extends BaseFoundation<CascaderAdapter,
             filteredKeys: new Set(filteredKeys),
         });
         this._adapter.notifyOnSearch(sugInput);
+        this._adapter.rePositionDropdown();
     }
 
     handleClear() {
@@ -1039,6 +1040,7 @@ export default class CascaderFoundation extends BaseFoundation<CascaderAdapter,
         }
         const removedItem = keyEntities[key] ?? {};
         !removedItem?.data?.disable && this._handleMultipleSelect(removedItem);
+        this._adapter.rePositionDropdown();
     }
 
     handleTagRemoveInTrigger = (pos: string) => {

package/chat/chat.scss

@@ -119,7 +119,7 @@ $module: #{$prefix}-chat;
         display: flex;
         flex-direction: row;
         margin-top: $spacing-chat_chatBox-marginY;
-        margin-Bottom: $spacing-chat_chatBox-marginY;
+        margin-bottom: $spacing-chat_chatBox-marginY;
         column-gap: $spacing-chat_chatBox-columnGap;
 
         &:hover {

package/datePicker/datePicker.scss

@@ -8,6 +8,10 @@ $module-list: #{$prefix}-scrolllist;
     box-sizing: border-box;
     display: inline-block;
 
+    &-container {
+        display: flex;
+    }
+
     .#{$module-list}-body {
         .#{$module-list}-item {
             -ms-overflow-style: none; /* Internet Explorer 10+ */
@@ -820,6 +824,14 @@ $module-list: #{$prefix}-scrolllist;
     &-topSlot {
         border-bottom: $width-datepicker_slot-border solid $color-datepicker_border-bg-default;
     }
+    
+    &-leftSlot {
+        border-right: $width-datepicker_slot-border solid $color-datepicker_border-bg-default;
+    }
+
+    &-rightSlot {
+        border-left: $width-datepicker_slot-border solid $color-datepicker_border-bg-default;
+    }
 
     &-bottomSlot {
         border-top: $width-datepicker_slot-border solid $color-datepicker_border-bg-default;

package/datePicker/monthsGridFoundation.ts

@@ -613,11 +613,11 @@ export default class MonthsGridFoundation extends BaseFoundation<MonthsGridAdapt
         const multiple = this._isMultiple();
         const { selected } = this.getStates();
         const monthDetail = this._getPanelDetail(panelType);
-        const newSelected = new Set(multiple ? [...selected] : []);
+        const newSelected = new Set<string>(multiple ? [...selected] : []);
 
         const { fullDate } = day;
         const time = monthDetail.pickerDate;
-        const dateStr = type === 'dateTime' ? this._mergeDateAndTime(fullDate, time) : fullDate;
+        const dateStr = fullDate;
 
         if (!multiple) {
             newSelected.add(dateStr);
@@ -631,9 +631,8 @@ export default class MonthsGridFoundation extends BaseFoundation<MonthsGridAdapt
             }
         }
 
-        const dateFormat = this.getValidDateFormat();
         // When passed to the upper layer, it is converted into a Date object to ensure that the input parameter format of initFormDefaultValue is consistent
-        const newSelectedDates = [...newSelected].map(_dateStr => compatibleParse(_dateStr, dateFormat, undefined, dateFnsLocale));
+        const newSelectedDates = [...newSelected].map(_dateStr => type === 'dateTime' ? this._mergeDateAndTime(_dateStr, time) : compatibleParse(_dateStr, strings.FORMAT_FULL_DATE, undefined, dateFnsLocale));
 
         this.handleShowDateAndTime(panelType, time);
 

package/input/foundation.ts

@@ -3,6 +3,7 @@ import { strings } from './constants';
 import { noop, set, isNumber, isString, isFunction } from 'lodash';
 
 import { ENTER_KEY } from './../utils/keyCode';
+import truncateValue from './util/truncateValue';
 
 export interface InputDefaultAdapter {
     notifyChange: noopFunction;
@@ -112,6 +113,7 @@ class InputFoundation extends BaseFoundation<InputAdapter> {
                 return value;
             }
         }
+        return value;
     }
 
     /**
@@ -122,20 +124,7 @@ class InputFoundation extends BaseFoundation<InputAdapter> {
      */
     handleTruncateValue(value: any, maxLength: number) {
         const { getValueLength } = this._adapter.getProps();
-        if (isFunction(getValueLength)) {
-            let truncatedValue = '';
-            for (let i = 1, len = value.length; i <= len; i++) {
-                const currentValue = value.slice(0, i);
-                if (getValueLength(currentValue) > maxLength) {
-                    return truncatedValue;
-                } else {
-                    truncatedValue = currentValue;
-                }
-            }
-            return truncatedValue;
-        } else {
-            return value.slice(0, maxLength);
-        }
+        return truncateValue({ value, maxLength, getValueLength });
     }
 
     handleClear(e: any) {

package/input/textareaFoundation.ts

@@ -7,6 +7,7 @@ import {
 } from 'lodash';
 import calculateNodeHeight from './util/calculateNodeHeight';
 import getSizingData from './util/getSizingData';
+import truncateValue from './util/truncateValue';
 
 export interface TextAreaDefaultAdapter {
     notifyChange: noopFunction;
@@ -124,20 +125,7 @@ export default class TextAreaFoundation extends BaseFoundation<TextAreaAdapter>
      */
     handleTruncateValue(value: string, maxLength: number) {
         const { getValueLength } = this._adapter.getProps();
-        if (isFunction(getValueLength)) {
-            let truncatedValue = '';
-            for (let i = 1, len = value.length; i <= len; i++) {
-                const currentValue = value.slice(0, i);
-                if (getValueLength(currentValue) > maxLength) {
-                    return truncatedValue;
-                } else {
-                    truncatedValue = currentValue;
-                }
-            }
-            return truncatedValue;
-        } else {
-            return value.slice(0, maxLength);
-        }
+        return truncateValue({ value, maxLength, getValueLength });
     }
 
     handleFocus(e: any) {

package/input/util/truncateValue.ts

@@ -0,0 +1,25 @@
+import { isFunction } from 'lodash';
+
+export default function truncateValue(options: {
+    value: string;
+    maxLength: number;
+    getValueLength?: (value: string) => number
+}): string {
+    const { value, maxLength, getValueLength } = options;
+    if (isFunction(getValueLength)) {
+        let left = 0;
+        let right = value.length;
+        while (left < right) {
+            const mid = left + Math.floor((right - left) / 2);
+            const currentValue = value.slice(0, mid + 1);
+            if (getValueLength(currentValue) > maxLength) {
+                right = mid;
+            } else {
+                left = mid + 1;
+            }
+        }
+        return value.slice(0, left);
+    } else {
+        return value.slice(0, maxLength);
+    }
+}

package/lib/cjs/button/button.css

@@ -46,6 +46,10 @@
 .semi-button.semi-button-primary:focus-visible, .semi-button.semi-button-secondary:focus-visible, .semi-button.semi-button-tertiary:focus-visible, .semi-button.semi-button-warning:focus-visible, .semi-button.semi-button-danger:focus-visible {
   outline: 2px solid var(--semi-color-primary-light-active);
 }
+.semi-button-content {
+  display: flex;
+  align-items: center;
+}
 .semi-button-danger {
   background-color: var(--semi-color-danger);
   color: rgba(var(--semi-white), 1);

package/lib/cjs/button/button.scss

@@ -36,6 +36,11 @@ $module: #{$prefix}-button;
         }
     }
 
+    &-content{
+        display: flex;
+        align-items: center;
+    }
+
     &-danger {
         background-color: $color-button_danger-bg-default;
         color: $color-button_danger-text-default;

package/lib/cjs/button/iconButton.css

@@ -42,9 +42,13 @@
 }
 .semi-button-content-left {
   margin-right: 8px;
+  display: flex;
+  align-items: center;
 }
 .semi-button-content-right {
   margin-left: 8px;
+  display: flex;
+  align-items: center;
 }
 
 .semi-rtl .semi-button,

package/lib/cjs/button/iconButton.scss

@@ -60,12 +60,16 @@ $module: #{$prefix}-button;
 
         &-left {
             margin-right: $spacing-button_iconOnly_content-marginRight;
+            display: flex;
+            align-items: center;
         }
 
         &-right {
             margin-left: $spacing-button_iconOnly_content-marginLeft;
+            display: flex;
+            align-items: center;
         }
     }
 }
 
-@import "./rtl.scss";
+@import "./rtl.scss";

package/lib/cjs/cascader/foundation.js

@@ -49,6 +49,7 @@ class CascaderFoundation extends _foundation.default {
       }
       const removedItem = (_a = keyEntities[key]) !== null && _a !== void 0 ? _a : {};
       !((_b = removedItem === null || removedItem === void 0 ? void 0 : removedItem.data) === null || _b === void 0 ? void 0 : _b.disable) && this._handleMultipleSelect(removedItem);
+      this._adapter.rePositionDropdown();
     };
     this.handleTagRemoveInTrigger = pos => {
       const {
@@ -758,6 +759,7 @@ class CascaderFoundation extends _foundation.default {
       filteredKeys: new Set(filteredKeys)
     });
     this._adapter.notifyOnSearch(sugInput);
+    this._adapter.rePositionDropdown();
   }
   handleClear() {
     const {

package/lib/cjs/chat/chat.css

@@ -93,7 +93,7 @@
   display: flex;
   flex-direction: row;
   margin-top: 8px;
-  margin-Bottom: 8px;
+  margin-bottom: 8px;
   column-gap: 12px;
 }
 .semi-chat-chatBox:hover .semi-chat-chatBox-action:not(.semi-chat-chatBox-action-hidden) {

package/lib/cjs/chat/chat.scss

@@ -119,7 +119,7 @@ $module: #{$prefix}-chat;
         display: flex;
         flex-direction: row;
         margin-top: $spacing-chat_chatBox-marginY;
-        margin-Bottom: $spacing-chat_chatBox-marginY;
+        margin-bottom: $spacing-chat_chatBox-marginY;
         column-gap: $spacing-chat_chatBox-columnGap;
 
         &:hover {

package/lib/cjs/datePicker/datePicker.css

@@ -5,6 +5,9 @@
   box-sizing: border-box;
   display: inline-block;
 }
+.semi-datepicker-container {
+  display: flex;
+}
 .semi-datepicker .semi-scrolllist-body .semi-scrolllist-item {
   -ms-overflow-style: none; /* Internet Explorer 10+ */
   scrollbar-width: none; /* Firefox */
@@ -531,6 +534,12 @@
 .semi-datepicker-topSlot {
   border-bottom: 1px solid var(--semi-color-border);
 }
+.semi-datepicker-leftSlot {
+  border-right: 1px solid var(--semi-color-border);
+}
+.semi-datepicker-rightSlot {
+  border-left: 1px solid var(--semi-color-border);
+}
 .semi-datepicker-bottomSlot {
   border-top: 1px solid var(--semi-color-border);
 }

package/lib/cjs/datePicker/datePicker.scss

@@ -8,6 +8,10 @@ $module-list: #{$prefix}-scrolllist;
     box-sizing: border-box;
     display: inline-block;
 
+    &-container {
+        display: flex;
+    }
+
     .#{$module-list}-body {
         .#{$module-list}-item {
             -ms-overflow-style: none; /* Internet Explorer 10+ */
@@ -820,6 +824,14 @@ $module-list: #{$prefix}-scrolllist;
     &-topSlot {
         border-bottom: $width-datepicker_slot-border solid $color-datepicker_border-bg-default;
     }
+    
+    &-leftSlot {
+        border-right: $width-datepicker_slot-border solid $color-datepicker_border-bg-default;
+    }
+
+    &-rightSlot {
+        border-left: $width-datepicker_slot-border solid $color-datepicker_border-bg-default;
+    }
 
     &-bottomSlot {
         border-top: $width-datepicker_slot-border solid $color-datepicker_border-bg-default;

package/lib/cjs/datePicker/monthsGridFoundation.js

@@ -544,7 +544,7 @@ class MonthsGridFoundation extends _foundation.default {
       fullDate
     } = day;
     const time = monthDetail.pickerDate;
-    const dateStr = type === 'dateTime' ? this._mergeDateAndTime(fullDate, time) : fullDate;
+    const dateStr = fullDate;
     if (!multiple) {
       newSelected.add(dateStr);
     } else {
@@ -556,9 +556,8 @@ class MonthsGridFoundation extends _foundation.default {
         newSelected.add(dateStr);
       }
     }
-    const dateFormat = this.getValidDateFormat();
     // When passed to the upper layer, it is converted into a Date object to ensure that the input parameter format of initFormDefaultValue is consistent
-    const newSelectedDates = [...newSelected].map(_dateStr => (0, _parser.compatibleParse)(_dateStr, dateFormat, undefined, dateFnsLocale));
+    const newSelectedDates = [...newSelected].map(_dateStr => type === 'dateTime' ? this._mergeDateAndTime(_dateStr, time) : (0, _parser.compatibleParse)(_dateStr, _constants.strings.FORMAT_FULL_DATE, undefined, dateFnsLocale));
     this.handleShowDateAndTime(panelType, time);
     if (!isControlledComponent) {
       // Uncontrolled components, update internal values when operating, and notify external

package/lib/cjs/input/foundation.d.ts

@@ -47,7 +47,7 @@ declare class InputFoundation extends BaseFoundation<InputAdapter> {
      * @param {Number} maxLength
      * @returns {String}
      */
-    handleTruncateValue(value: any, maxLength: number): any;
+    handleTruncateValue(value: any, maxLength: number): string;
     handleClear(e: any): void;
     /**
      * trigger when click input wrapper

package/lib/cjs/input/foundation.js

@@ -12,6 +12,7 @@ var _noop2 = _interopRequireDefault(require("lodash/noop"));
 var _foundation = _interopRequireDefault(require("../base/foundation"));
 var _constants = require("./constants");
 var _keyCode = require("./../utils/keyCode");
+var _truncateValue = _interopRequireDefault(require("./util/truncateValue"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 class InputFoundation extends _foundation.default {
   static get inputDefaultAdapter() {
@@ -103,6 +104,7 @@ class InputFoundation extends _foundation.default {
         return value;
       }
     }
+    return value;
   }
   /**
    * Truncate input values based on maximum length
@@ -114,20 +116,11 @@ class InputFoundation extends _foundation.default {
     const {
       getValueLength
     } = this._adapter.getProps();
-    if ((0, _isFunction2.default)(getValueLength)) {
-      let truncatedValue = '';
-      for (let i = 1, len = value.length; i <= len; i++) {
-        const currentValue = value.slice(0, i);
-        if (getValueLength(currentValue) > maxLength) {
-          return truncatedValue;
-        } else {
-          truncatedValue = currentValue;
-        }
-      }
-      return truncatedValue;
-    } else {
-      return value.slice(0, maxLength);
-    }
+    return (0, _truncateValue.default)({
+      value,
+      maxLength,
+      getValueLength
+    });
   }
   handleClear(e) {
     let eventObj = e;

package/lib/cjs/input/textareaFoundation.js

@@ -11,6 +11,7 @@ var _noop2 = _interopRequireDefault(require("lodash/noop"));
 var _foundation = _interopRequireDefault(require("../base/foundation"));
 var _calculateNodeHeight = _interopRequireDefault(require("./util/calculateNodeHeight"));
 var _getSizingData = _interopRequireDefault(require("./util/getSizingData"));
+var _truncateValue = _interopRequireDefault(require("./util/truncateValue"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 class TextAreaFoundation extends _foundation.default {
   static get textAreaDefaultAdapter() {
@@ -135,20 +136,11 @@ class TextAreaFoundation extends _foundation.default {
     const {
       getValueLength
     } = this._adapter.getProps();
-    if ((0, _isFunction2.default)(getValueLength)) {
-      let truncatedValue = '';
-      for (let i = 1, len = value.length; i <= len; i++) {
-        const currentValue = value.slice(0, i);
-        if (getValueLength(currentValue) > maxLength) {
-          return truncatedValue;
-        } else {
-          truncatedValue = currentValue;
-        }
-      }
-      return truncatedValue;
-    } else {
-      return value.slice(0, maxLength);
-    }
+    return (0, _truncateValue.default)({
+      value,
+      maxLength,
+      getValueLength
+    });
   }
   handleFocus(e) {
     const {

package/lib/cjs/input/util/truncateValue.d.ts

@@ -0,0 +1,5 @@
+export default function truncateValue(options: {
+    value: string;
+    maxLength: number;
+    getValueLength?: (value: string) => number;
+}): string;

package/lib/cjs/input/util/truncateValue.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = truncateValue;
+var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function truncateValue(options) {
+  const {
+    value,
+    maxLength,
+    getValueLength
+  } = options;
+  if ((0, _isFunction2.default)(getValueLength)) {
+    let left = 0;
+    let right = value.length;
+    while (left < right) {
+      const mid = left + Math.floor((right - left) / 2);
+      const currentValue = value.slice(0, mid + 1);
+      if (getValueLength(currentValue) > maxLength) {
+        right = mid;
+      } else {
+        left = mid + 1;
+      }
+    }
+    return value.slice(0, left);
+  } else {
+    return value.slice(0, maxLength);
+  }
+}

package/lib/cjs/markdownRender/foundation.d.ts

@@ -1,5 +1,6 @@
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
 import { MDXProps } from 'mdx/types';
+import { type PluggableList } from "@mdx-js/mdx/lib/core";
 export interface MarkdownRenderAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
     getRuntime: () => any;
 }
@@ -7,6 +8,8 @@ export interface MarkdownRenderBaseProps {
     raw: string;
     components: MDXProps['components'];
     format: "md" | "mdx";
+    remarkPlugins?: PluggableList;
+    rehypePlugins?: PluggableList;
 }
 export interface MarkdownRenderBaseState {
     MDXContentComponent: any;

package/lib/cjs/markdownRender/foundation.js

@@ -39,13 +39,17 @@ class MarkdownRenderFoundation extends _foundation.default {
   constructor() {
     super(...arguments);
     this.getOptions = () => {
+      var _a, _b, _c, _d;
       return {
         evaluateOptions: {
-          remarkPlugins: [_remarkGfm.default],
+          remarkPlugins: [_remarkGfm.default, ...((_a = this.getProp("remarkPlugins")) !== null && _a !== void 0 ? _a : [])],
+          rehypePlugins: (_b = this.getProp("rehypePlugins")) !== null && _b !== void 0 ? _b : [],
           format: this.getProp("format")
         },
         compileOptions: {
-          format: this.getProp("format")
+          format: this.getProp("format"),
+          remarkPlugins: [_remarkGfm.default, ...((_c = this.getProp("remarkPlugins")) !== null && _c !== void 0 ? _c : [])],
+          rehypePlugins: (_d = this.getProp("rehypePlugins")) !== null && _d !== void 0 ? _d : []
         },
         runOptions: {}
       };

package/lib/cjs/overflowList/foundation.js

@@ -39,7 +39,8 @@ class OverflowListFoundation extends _foundation.default {
     if (!this.isScrollMode()) {
       return overflow;
     }
-    const visibleStateArr = items.map(_ref => {
+    const cloneItems = (0, _fastCopy.default)(items);
+    const visibleStateArr = cloneItems.map(_ref => {
       let {
         key
       } = _ref;
@@ -48,8 +49,8 @@ class OverflowListFoundation extends _foundation.default {
     const visibleStart = visibleStateArr.indexOf(true);
     const visibleEnd = visibleStateArr.lastIndexOf(true);
     const overflowList = [];
-    overflowList[0] = visibleStart >= 0 ? items.slice(0, visibleStart) : [];
-    overflowList[1] = visibleEnd >= 0 ? items.slice(visibleEnd + 1, items.length) : items;
+    overflowList[0] = visibleStart >= 0 ? cloneItems.slice(0, visibleStart) : [];
+    overflowList[1] = visibleEnd >= 0 ? cloneItems.slice(visibleEnd + 1, cloneItems.length) : cloneItems;
     return overflowList;
   }
   handleIntersect(entries) {

package/lib/cjs/slider/foundation.js

@@ -309,7 +309,12 @@ class SliderFoundation extends _foundation.default {
         };
       })();
       if (Array.isArray(inputValue)) {
-        return [transWay(inputValue[0]), transWay(inputValue[1])];
+        const min = transWay(inputValue[0]);
+        const max = transWay(inputValue[1]);
+        if (min > max) {
+          return this.getState("focusPos") === "min" ? [max, max] : [min, min];
+        }
+        return [min, max];
       } else {
         return transWay(inputValue);
       }

package/lib/cjs/table/animation.scss

@@ -1,3 +1,5 @@
 $transition_duration-table_body-bg: var(--semi-transition_duration-none); // 表格-背景颜色-动画持续时间
 $transition_function-table_body-bg: var(--semi-transition_function-easeOut); // 表格-背景颜色-过渡曲线
 $transition_delay-table_body-bg: 0ms; // 表格-背景颜色-延迟时间
+$transition_duration-table_row-head-bg: 0.1s; // 表格-行头-背景颜色-动画持续时间
+$transition_function-table_row-head-bg: linear; // 表格-行头-背景颜色-过渡曲线

package/lib/cjs/table/table.css

@@ -134,6 +134,16 @@
   vertical-align: middle;
   overflow-wrap: break-word;
   position: relative;
+  transition: background-color 0.1s linear;
+}
+.semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-row-head-clickSort {
+  cursor: pointer;
+}
+.semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-row-head-clickSort:hover {
+  background: var(--semi-color-fill-0);
+}
+.semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-row-head-clickSort:hover.semi-table-cell-fixed-left::before, .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-row-head-clickSort:hover.semi-table-cell-fixed-right::before {
+  background-color: transparent;
 }
 .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left, .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right {
   z-index: 101;

package/lib/cjs/table/table.scss

@@ -140,6 +140,23 @@ $module: #{$prefix}-table;
                 // word-break: break-all;
                 // word-wrap: break-word;
                 position: relative;
+                transition: background-color $transition_duration-table_row-head-bg $transition_function-table_row-head-bg;
+
+                &.#{$module}-row-head-clickSort {
+                    cursor: pointer;
+                    &:hover {
+                        background: $color-table_th-clickSort-bg-hover;
+                        
+                        &.#{$module}-cell-fixed {
+                            &-left,
+                            &-right {
+                                &::before {
+                                    background-color: transparent;
+                                }
+                            }
+                        }
+                    }
+                }
 
                 &.#{$module}-cell-fixed {
                     &-left,

package/lib/cjs/table/variables.scss

@@ -57,6 +57,7 @@ $color-table_shadow-border-default: var(--semi-color-border); // 表格拟阴影
 $color-table_th-bg-default: var(--semi-color-bg-1); // 表头背景色
 $color-table_th-border-default: var(--semi-color-border); // 表头底部分割线颜色
 $color-table_th-text-default: var(--semi-color-text-2); // 表头文字颜色
+$color-table_th-clickSort-bg-hover: var(--semi-color-fill-0); //点击表头触发排序背景色 - 悬浮
 
 $color-table_pl-bg-default: transparent;
 $color-table_body-bg-default: var(--semi-color-bg-1); // 表格背景颜色 - 默认

package/lib/cjs/tabs/constants.d.ts

@@ -4,6 +4,7 @@ declare const cssClasses: {
     TABS_BAR_LINE: string;
     TABS_BAR_CARD: string;
     TABS_BAR_BUTTON: string;
+    TABS_BAR_SLASH: string;
     TABS_BAR_EXTRA: string;
     TABS_TAB: string;
     TABS_TAB_ACTIVE: string;

package/lib/cjs/tabs/constants.js

@@ -11,6 +11,7 @@ const cssClasses = exports.cssClasses = {
   TABS_BAR_LINE: `${_constants.BASE_CLASS_PREFIX}-tabs-bar-line`,
   TABS_BAR_CARD: `${_constants.BASE_CLASS_PREFIX}-tabs-bar-card`,
   TABS_BAR_BUTTON: `${_constants.BASE_CLASS_PREFIX}-tabs-bar-button`,
+  TABS_BAR_SLASH: `${_constants.BASE_CLASS_PREFIX}-tabs-bar-slash`,
   TABS_BAR_EXTRA: `${_constants.BASE_CLASS_PREFIX}-tabs-bar-extra`,
   TABS_TAB: `${_constants.BASE_CLASS_PREFIX}-tabs-tab`,
   TABS_TAB_ACTIVE: `${_constants.BASE_CLASS_PREFIX}-tabs-tab-active`,
@@ -32,7 +33,7 @@ const numbers = exports.numbers = {
   DEFAULT_ACTIVE_KEY: 1
 };
 const strings = exports.strings = {
-  TYPE_MAP: ['line', 'card', 'button'],
+  TYPE_MAP: ['line', 'card', 'button', 'slash'],
   SIZE: ['small', 'medium', 'large'],
   POSITION_MAP: ['top', 'left']
 };