@kdcloudjs/kdesign 1.7.33-stable.11 → 1.7.33-stable.12-hotfix.2

package/es/spin/spin.js

@@ -19,7 +19,7 @@ import devWarning from '../_utils/devwarning';
 export var SpinTypes = tuple('page', 'container', 'component');
 // remove this line and code Spin component here
 var InteranalSpin = function InteranalSpin(props, ref) {
-  var _context, _classNames;
+  var _context;
   var _useContext = useContext(ConfigContext),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
@@ -36,7 +36,7 @@ var InteranalSpin = function InteranalSpin(props, ref) {
     others = __rest(spinProps, ["children", "className", "indicator", "spinning", "style", "tip", "type", "prefixCls"]);
   devWarning(SpinTypes.indexOf(type) === -1, 'spin', "cannot found spin type '".concat(type, "'"));
   var spinPrefixCls = getPrefixCls(prefixCls, 'spin', customPrefixcls);
-  var spinClasses = classNames(spinPrefixCls, className, (_classNames = {}, _defineProperty(_classNames, _concatInstanceProperty(_context = "".concat(spinPrefixCls, "-")).call(_context, type), type), _defineProperty(_classNames, "".concat(spinPrefixCls, "-indicator-container"), true), _defineProperty(_classNames, "".concat(spinPrefixCls, "-has-children"), children), _classNames));
+  var spinClasses = classNames(spinPrefixCls, className, _defineProperty(_defineProperty(_defineProperty({}, _concatInstanceProperty(_context = "".concat(spinPrefixCls, "-")).call(_context, type), type), "".concat(spinPrefixCls, "-indicator-container"), true), "".concat(spinPrefixCls, "-has-children"), children));
   // ref
   var thisSpinRef = useRef();
   var spinRef = ref || thisSpinRef;
@@ -82,19 +82,19 @@ var InteranalSpin = function InteranalSpin(props, ref) {
   var singleStyle = children ? null : style;
   var hasChildrenRef = children ? spinRef : null;
   var singleRef = children ? null : spinRef;
-  var spinNode = spinning ? /*#__PURE__*/React.createElement("div", _extends({
+  var spinNode = spinning ? (/*#__PURE__*/React.createElement("div", _extends({
     className: spinClasses,
     ref: singleRef,
     style: singleStyle
-  }, others), indicatorNode, tip || '') : null;
+  }, others), indicatorNode, tip || '')) : null;
   var childrenParentClasses = classNames(_defineProperty({}, "".concat(spinPrefixCls, "-children-container"), children && spinning));
-  var spinHasChildren = children ? /*#__PURE__*/React.createElement("div", {
+  var spinHasChildren = children ? (/*#__PURE__*/React.createElement("div", {
     className: "".concat(spinPrefixCls, "-children-wrapper"),
     style: hasChildrenStyle,
     ref: hasChildrenRef
   }, spinNode, /*#__PURE__*/React.createElement("div", {
     className: childrenParentClasses
-  }, children)) : spinNode;
+  }, children))) : spinNode;
   return spinHasChildren;
 };
 var Spin = /*#__PURE__*/React.forwardRef(InteranalSpin);

package/es/split-panel/split-panel.js

@@ -72,13 +72,13 @@ var SplitPanel = function SplitPanel(props) {
     computeMin = _useState8[0],
     setComputeMin = _useState8[1];
   var _useState9 = useState(100),
-    _useState10 = _slicedToArray(_useState9, 2),
-    computeMax = _useState10[0],
-    setComputeMax = _useState10[1];
-  var _useState11 = useState(0),
-    _useState12 = _slicedToArray(_useState11, 2),
-    offsetCache = _useState12[0],
-    setOffsetCache = _useState12[1];
+    _useState0 = _slicedToArray(_useState9, 2),
+    computeMax = _useState0[0],
+    setComputeMax = _useState0[1];
+  var _useState1 = useState(0),
+    _useState10 = _slicedToArray(_useState1, 2),
+    offsetCache = _useState10[0],
+    setOffsetCache = _useState10[1];
   var isFirstPanelHide = offset === 0;
   var isSecondPanelHide = offset === 100;
   var canDrag = offset >= computeMin && offset <= computeMax;

package/es/stepper/stepper.js

@@ -57,9 +57,9 @@ var InternalStepper = function InternalStepper(props, ref) {
     setValue = _useMergedState2[1];
   // class
   var getStepBtnClassNames = function getStepBtnClassNames(stepType, btnType) {
-    var _context, _context2, _context3, _context4, _context5, _context6, _context7, _classNames;
+    var _context, _context2, _context3, _context4, _context5, _context6, _context7;
     var isDisabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-    return classNames((_classNames = {}, _defineProperty(_classNames, _concatInstanceProperty(_context = "".concat(inputPrefixCls, "-")).call(_context, stepType, "Step"), true), _defineProperty(_classNames, _concatInstanceProperty(_context2 = "".concat(inputPrefixCls, "-")).call(_context2, stepType, "Step-disabled"), isDisabled), _defineProperty(_classNames, _concatInstanceProperty(_context3 = _concatInstanceProperty(_context4 = "".concat(inputPrefixCls, "-")).call(_context4, stepType, "Step-")).call(_context3, btnType), btnType), _defineProperty(_classNames, _concatInstanceProperty(_context5 = "".concat(inputPrefixCls, "-")).call(_context5, stepType, "Step-small"), inputNumberProps.size === 'small'), _defineProperty(_classNames, _concatInstanceProperty(_context6 = "".concat(inputPrefixCls, "-")).call(_context6, stepType, "Step-middle"), inputNumberProps.size === 'middle'), _defineProperty(_classNames, _concatInstanceProperty(_context7 = "".concat(inputPrefixCls, "-")).call(_context7, stepType, "Step-large"), inputNumberProps.size === 'large'), _defineProperty(_classNames, stepBtnClassName, stepType === 'base' && stepBtnClassName), _classNames));
+    return classNames(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, _concatInstanceProperty(_context = "".concat(inputPrefixCls, "-")).call(_context, stepType, "Step"), true), _concatInstanceProperty(_context2 = "".concat(inputPrefixCls, "-")).call(_context2, stepType, "Step-disabled"), isDisabled), _concatInstanceProperty(_context3 = _concatInstanceProperty(_context4 = "".concat(inputPrefixCls, "-")).call(_context4, stepType, "Step-")).call(_context3, btnType), btnType), _concatInstanceProperty(_context5 = "".concat(inputPrefixCls, "-")).call(_context5, stepType, "Step-small"), inputNumberProps.size === 'small'), _concatInstanceProperty(_context6 = "".concat(inputPrefixCls, "-")).call(_context6, stepType, "Step-middle"), inputNumberProps.size === 'middle'), _concatInstanceProperty(_context7 = "".concat(inputPrefixCls, "-")).call(_context7, stepType, "Step-large"), inputNumberProps.size === 'large'), stepBtnClassName, stepType === 'base' && stepBtnClassName));
   };
   var getStepPrefix = function getStepPrefix() {
     if (type === 'embed') {
@@ -79,7 +79,7 @@ var InternalStepper = function InternalStepper(props, ref) {
   };
   var getStepSuffix = function getStepSuffix() {
     var increaseClassName = getStepBtnClassNames('base', 'increase', showMinusdisabled || disabled);
-    return type === 'embed' ? getEmbedStepView() : /*#__PURE__*/React.createElement("span", {
+    return type === 'embed' ? getEmbedStepView() : (/*#__PURE__*/React.createElement("span", {
       className: increaseClassName,
       onMouseDown: function onMouseDown() {
         if (disabled) return;
@@ -88,7 +88,7 @@ var InternalStepper = function InternalStepper(props, ref) {
     }, /*#__PURE__*/React.createElement(Icon, {
       className: "".concat(inputPrefixCls, "-icon"),
       type: "add"
-    }));
+    })));
   };
   var isLegal = function isLegal(value) {
     var reg = /^[0-9]*\.?[0-9]+$/;
@@ -171,10 +171,9 @@ var InternalStepper = function InternalStepper(props, ref) {
     return false;
   }, [stepMouseDownDelayTimer, stepMouseDownIntervalTimer]);
   var getEmbedStepView = function getEmbedStepView() {
-    var _classNames2, _classNames3;
     var embedStepClassName = getStepBtnClassNames('embed');
-    var plusClassName = classNames("".concat(inputPrefixCls, "-embedStep-plus"), (_classNames2 = {}, _defineProperty(_classNames2, stepBtnClassName, stepBtnClassName), _defineProperty(_classNames2, "".concat(inputPrefixCls, "-embedStep-disabled"), showMinusdisabled || disabled), _classNames2));
-    var minusClassName = classNames("".concat(inputPrefixCls, "-embedStep-minus"), (_classNames3 = {}, _defineProperty(_classNames3, stepBtnClassName, stepBtnClassName), _defineProperty(_classNames3, "".concat(inputPrefixCls, "-embedStep-disabled"), showPlusdisabled || disabled), _classNames3));
+    var plusClassName = classNames("".concat(inputPrefixCls, "-embedStep-plus"), _defineProperty(_defineProperty({}, stepBtnClassName, stepBtnClassName), "".concat(inputPrefixCls, "-embedStep-disabled"), showMinusdisabled || disabled));
+    var minusClassName = classNames("".concat(inputPrefixCls, "-embedStep-minus"), _defineProperty(_defineProperty({}, stepBtnClassName, stepBtnClassName), "".concat(inputPrefixCls, "-embedStep-disabled"), showPlusdisabled || disabled));
     return /*#__PURE__*/React.createElement("span", {
       className: embedStepClassName
     }, /*#__PURE__*/React.createElement("span", {

package/es/steps/Step.js

@@ -76,10 +76,10 @@ var Step = function Step(props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-item-title"),
     title: isString(title) ? title : ''
-  }, title), description && /*#__PURE__*/React.createElement("div", {
+  }, title), description && (/*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-item-description"),
     title: isString(description) ? description : ''
-  }, description))));
+  }, description)))));
 };
 Step.displayName = 'Step';
 export default Step;

package/es/steps/Steps.js

@@ -20,7 +20,7 @@ import { toArray } from '../_utils/react-children';
 import { Icon } from '../index';
 import { Directions, Statuses, LabelPlacements } from './interface';
 var Steps = function Steps(props) {
-  var _context, _classNames, _context2;
+  var _context, _context2;
   var _useContext = useContext(ConfigContext),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
@@ -46,7 +46,7 @@ var Steps = function Steps(props) {
   devWarning(Statuses.indexOf(status) === -1, 'steps', "cannot found steps status '".concat(status, "'"));
   devWarning(LabelPlacements.indexOf(labelPlacement) === -1, 'steps', "cannot found steps labelPlacement '".concat(labelPlacement, "'"));
   var stepsPrefixCls = getPrefixCls(prefixCls, 'steps', customPrefixcls); // 按钮样式前缀
-  var stepsClassName = classNames(stepsPrefixCls, _concatInstanceProperty(_context = "".concat(stepsPrefixCls, "-")).call(_context, direction), className, (_classNames = {}, _defineProperty(_classNames, "".concat(stepsPrefixCls, "-leftLable"), labelPlacement === 'left'), _defineProperty(_classNames, "".concat(stepsPrefixCls, "-rightLable"), labelPlacement === 'right'), _defineProperty(_classNames, "".concat(stepsPrefixCls, "-bottomLable"), labelPlacement === 'bottom'), _defineProperty(_classNames, "".concat(stepsPrefixCls, "-topLable"), labelPlacement === 'top'), _classNames));
+  var stepsClassName = classNames(stepsPrefixCls, _concatInstanceProperty(_context = "".concat(stepsPrefixCls, "-")).call(_context, direction), className, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(stepsPrefixCls, "-leftLable"), labelPlacement === 'left'), "".concat(stepsPrefixCls, "-rightLable"), labelPlacement === 'right'), "".concat(stepsPrefixCls, "-bottomLable"), labelPlacement === 'bottom'), "".concat(stepsPrefixCls, "-topLable"), labelPlacement === 'top'));
   var onStepClick = function onStepClick(next) {
     if (canClickCurrentStep || onChange && current !== next) {
       onChange(next);

package/es/switch/switch.js

@@ -21,7 +21,7 @@ import { useMergedState } from '../_utils/hooks';
 // type SwitchSize = 'large' | 'middle' | 'small'
 export var SwitchSizes = tuple('large', 'small');
 var Switch = function Switch(props) {
-  var _context, _classNames;
+  var _context;
   var _useContext = useContext(ConfigContext),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
@@ -62,13 +62,13 @@ var Switch = function Switch(props) {
     return afterChangedChecked;
   }
   // ref
-  var switchClasses = classNames(switchPrefixCls, className, (_classNames = {}, _defineProperty(_classNames, _concatInstanceProperty(_context = "".concat(switchPrefixCls, "-size-")).call(_context, size), size), _defineProperty(_classNames, "".concat(switchPrefixCls, "-disabled"), disabled || loading), _defineProperty(_classNames, "".concat(switchPrefixCls, "-loading"), loading), _defineProperty(_classNames, "".concat(switchPrefixCls, "-checked"), newChecked), _classNames));
-  var loadingIcon = loading ? /*#__PURE__*/React.createElement("span", {
+  var switchClasses = classNames(switchPrefixCls, className, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, _concatInstanceProperty(_context = "".concat(switchPrefixCls, "-size-")).call(_context, size), size), "".concat(switchPrefixCls, "-disabled"), disabled || loading), "".concat(switchPrefixCls, "-loading"), loading), "".concat(switchPrefixCls, "-checked"), newChecked));
+  var loadingIcon = loading ? (/*#__PURE__*/React.createElement("span", {
     className: "".concat(switchPrefixCls, "-loading-icon")
   }, /*#__PURE__*/React.createElement(Icon, {
     type: "loadding-circle",
     spin: true
-  })) : null;
+  }))) : null;
   return /*#__PURE__*/React.createElement("span", _extends({
     className: switchClasses
   }, others, {

package/es/table/table.js

@@ -1,6 +1,15 @@
 import _extends from "@babel/runtime-corejs3/helpers/extends";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
 import _sortInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/sort";
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof _Object$getOwnPropertySymbols === "function") for (var i = 0, p = _Object$getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 import React, { forwardRef, useContext, useImperativeHandle, useRef } from 'react';
 import { Table as BaseTable, useTablePipeline } from '@kdcloudjs/table';
 import ConfigContext from '../config-provider/ConfigContext';
@@ -58,11 +67,13 @@ var Table = /*#__PURE__*/forwardRef(function (props, ref) {
     scrollLoad = props.scrollLoad,
     _props$columnGroupExt = props.columnGroupExtend,
     columnGroupExtend = _props$columnGroupExt === void 0 ? {} : _props$columnGroupExt,
-    rowDrag = props.rowDrag;
+    rowDrag = props.rowDrag,
+    others = __rest(props, ["columns", "dataSource", "columnDrag", "columnResize", "primaryKey", "rowSelection", "rowDetail", "filter", "sort", "autoRowSpan", "treeMode", "prefixCls", "className", "style", "components", "isLoading", "footerDataSource", "useVirtual", "estimatedRowHeight", "emptyCellHeight", "hasHeader", "useOuterBorder", "defaultColumnWidth", "getRowProps", "getTableProps", "contextMenu", "rangeSelection", "cssVariables", "stickyScrollHeight", "scrollbarWidth", "scrollLoad", "columnGroupExtend", "rowDrag"]);
   var _useContext = useContext(ConfigContext),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
-    locale = _useContext.locale;
+    locale = _useContext.locale,
+    isMobile = _useContext.isMobile;
   var tablePrefixCls = getPrefixCls(prefixCls, customPrefixcls);
   var tableCls = classNames(tablePrefixCls, className);
   var localeText = locale.getCompLangMsg({
@@ -73,7 +84,8 @@ var Table = /*#__PURE__*/forwardRef(function (props, ref) {
       Checkbox: (components === null || components === void 0 ? void 0 : components.Checkbox) || Checkbox,
       Radio: (components === null || components === void 0 ? void 0 : components.Radio) || Radio
     },
-    localeText: localeText
+    localeText: localeText,
+    isMobile: isMobile
   }).primaryKey(primaryKey === undefined ? '' : primaryKey).input({
     columns: columns,
     dataSource: dataSource
@@ -144,8 +156,12 @@ var Table = /*#__PURE__*/forwardRef(function (props, ref) {
     cssVariables: cssVariables,
     stickyScrollHeight: stickyScrollHeight,
     scrollbarWidth: scrollbarWidth,
-    scrollLoad: scrollLoad
-  }));
+    scrollLoad: scrollLoad,
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    isMobile: isMobile,
+    prefixCls: prefixCls
+  }, others));
 });
 Table.displayName = 'Table';
 export default Table;

package/es/tabs/arrow-button.js

@@ -6,7 +6,7 @@ import ConfigContext from '../config-provider/ConfigContext';
 import TabsContext from './context';
 import Icon from '../icon';
 var ArrowButton = function ArrowButton(props) {
-  var _context, _classNames;
+  var _context;
   var context = useContext(TabsContext);
   var _useContext = useContext(ConfigContext),
     getPrefixCls = _useContext.getPrefixCls,
@@ -16,7 +16,7 @@ var ArrowButton = function ArrowButton(props) {
     disabled = props.disabled,
     onClick = props.onClick;
   var arrowButtonPrefixCls = getPrefixCls(prefixCls, 'arrow-button');
-  var arrowButtonClasses = classNames(arrowButtonPrefixCls, className, (_classNames = {}, _defineProperty(_classNames, "".concat(arrowButtonPrefixCls, "-dynamic"), (context === null || context === void 0 ? void 0 : context.type) === 'dynamic'), _defineProperty(_classNames, _concatInstanceProperty(_context = "".concat(arrowButtonPrefixCls, "-")).call(_context, direction), direction), _defineProperty(_classNames, "".concat(arrowButtonPrefixCls, "-line"), (context === null || context === void 0 ? void 0 : context.type) === 'line'), _defineProperty(_classNames, "".concat(arrowButtonPrefixCls, "-disabled"), disabled), _classNames));
+  var arrowButtonClasses = classNames(arrowButtonPrefixCls, className, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(arrowButtonPrefixCls, "-dynamic"), (context === null || context === void 0 ? void 0 : context.type) === 'dynamic'), _concatInstanceProperty(_context = "".concat(arrowButtonPrefixCls, "-")).call(_context, direction), direction), "".concat(arrowButtonPrefixCls, "-line"), (context === null || context === void 0 ? void 0 : context.type) === 'line'), "".concat(arrowButtonPrefixCls, "-disabled"), disabled));
   return /*#__PURE__*/React.createElement("span", {
     className: arrowButtonClasses,
     onClick: onClick

package/es/tabs/style/index.css

@@ -385,7 +385,7 @@
   max-width: var(--kd-c-tabs-pane-text-sizing-max-width);
 }
 .kd-tab-pane-text-active,
-.kd-tab-pane-text:hover {
+.kd-tab-pane-text-notMobile:hover {
   color: var(--kd-c-tabs-color-text-active, var(--kd-g-color-theme, #5582f3));
 }
 .kd-tab-pane-text-disabled:hover {
@@ -472,12 +472,16 @@
       -ms-flex-align: center;
           align-items: center;
 }
-.kd-tab-pane-type-dynamic:not(.kd-tab-pane-disabled):hover .kd-tab-pane-operations span:first-child {
+.kd-tab-pane-type-dynamic .kd-tab-pane-operations .kdicon {
+  font-size: 16px;
+}
+.kd-tab-pane-type-dynamic.kd-tab-pane-box-active.kd-tab-pane-isMobile:not(.kd-tab-pane-disabled):hover .kd-tab-pane-operations span:first-child {
   opacity: 1;
   cursor: pointer;
 }
-.kd-tab-pane-type-dynamic .kd-tab-pane-operations .kdicon {
-  font-size: 16px;
+.kd-tab-pane-type-dynamic-notMobile:not(.kd-tab-pane-disabled):hover .kd-tab-pane-operations span:first-child {
+  opacity: 1;
+  cursor: pointer;
 }
 .kd-tab-pane-type-grid {
   height: 24px;
@@ -506,7 +510,7 @@
 .kd-tab-pane-type-grid.kd-tab-pane-disabled {
   background-color: var(--kd-c-tabs-color-background-disabled, transparent);
 }
-.kd-tab-pane-type-grid:hover {
+.kd-tab-pane-notMobile:hover {
   color: var(--kd-c-tabs-color-text-active, var(--kd-g-color-theme, #5582f3));
 }
 .kd-tab-pane-operations {

package/es/tabs/style/index.less

@@ -220,7 +220,7 @@
     text-overflow: ellipsis;
     max-width: @tab-pane-text-max-width;
     &-active,
-    &:hover {
+    &-notMobile:hover {
       color: @tabPane-font-color-active;
     }
     &-disabled {
@@ -229,6 +229,7 @@
       }
     }
   }
+
   &-disabled {
     color: @tabPane-font-color-disabled;
     cursor: not-allowed;
@@ -303,6 +304,21 @@
     margin: 0 0 0 4px;
     display: inline-flex;
     align-items: center;
+    .@{tabPane-prefix-cls}-operations .@{icon-prefix-cls} {
+      font-size: 16px;
+    }
+    &.@{tabPane-prefix-cls}-box-active {
+      &.@{tabPane-prefix-cls}-isMobile:not(.@{tabPane-prefix-cls}-disabled):hover {
+        .@{tabPane-prefix-cls}-operations {
+          span:first-child {
+            opacity: 1;
+            cursor: pointer;
+          }
+        }
+      }
+    }
+  }
+  &-type-dynamic-notMobile {
     &:not(.@{tabPane-prefix-cls}-disabled):hover {
       .@{tabPane-prefix-cls}-operations {
         span:first-child {
@@ -311,9 +327,6 @@
         }
       }
     }
-    .@{tabPane-prefix-cls}-operations .@{icon-prefix-cls} {
-      font-size: 16px;
-    }
   }
   &-type-grid {
     height: 24px;
@@ -340,6 +353,8 @@
     &.@{tabPane-prefix-cls}-disabled {
       background-color: @tab-disabled-bg;
     }
+  }
+  &-notMobile {
     &:hover {
       color: @tabPane-font-color-active;
     }

package/es/tabs/tab-pane.js

@@ -9,12 +9,13 @@ import TabsContext from './context';
 import { tuple } from '../_utils/type';
 export var TabPaneTypes = tuple('line', 'card', 'grid', 'dynamic');
 var TabPane = function TabPane(props) {
-  var _context, _context2, _context3, _classNames, _classNames2;
+  var _context, _context2, _context3;
   var context = useContext(TabsContext);
   var tabPaneRef = useRef(null);
   var _useContext = useContext(ConfigContext),
     getPrefixCls = _useContext.getPrefixCls,
-    prefixCls = _useContext.prefixCls;
+    prefixCls = _useContext.prefixCls,
+    isMobile = _useContext.isMobile;
   var tab = props.tab,
     id = props.id,
     className = props.className,
@@ -30,8 +31,8 @@ var TabPane = function TabPane(props) {
     tabPaneProps.disabled = context.disabled || disabled;
   }
   var tabPanePrefixCls = getPrefixCls(prefixCls, 'tab-pane');
-  var tabPaneBoxClasses = classNames(tabPanePrefixCls, className, (_classNames = {}, _defineProperty(_classNames, "".concat(tabPanePrefixCls, "-box-active"), String(tabPaneProps.activeKey) === String(id) && !tabPaneProps.disabled), _defineProperty(_classNames, _concatInstanceProperty(_context = "".concat(tabPanePrefixCls, "-type-")).call(_context, tabPaneProps.type), tabPaneProps.type), _defineProperty(_classNames, _concatInstanceProperty(_context2 = "".concat(tabPanePrefixCls, "-")).call(_context2, tabPaneProps.position), tabPaneProps.position), _defineProperty(_classNames, _concatInstanceProperty(_context3 = "".concat(tabPanePrefixCls, "-")).call(_context3, tabPaneProps.size), tabPaneProps.size), _defineProperty(_classNames, "".concat(tabPanePrefixCls, "-disabled"), tabPaneProps.disabled), _classNames));
-  var tabPaneTextClasses = classNames("".concat(tabPanePrefixCls, "-text"), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(tabPanePrefixCls, "-text-active"), String(tabPaneProps.activeKey) === String(id) && !tabPaneProps.disabled), _defineProperty(_classNames2, "".concat(tabPanePrefixCls, "-text-disabled"), tabPaneProps.disabled), _classNames2));
+  var tabPaneBoxClasses = classNames(tabPanePrefixCls, className, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(tabPanePrefixCls, "-box-active"), String(tabPaneProps.activeKey) === String(id) && !tabPaneProps.disabled), "".concat(tabPanePrefixCls, "-type-dynamic-notMobile"), !isMobile), _concatInstanceProperty(_context = "".concat(tabPanePrefixCls, "-type-")).call(_context, tabPaneProps.type), tabPaneProps.type), _concatInstanceProperty(_context2 = "".concat(tabPanePrefixCls, "-")).call(_context2, tabPaneProps.position), tabPaneProps.position), _concatInstanceProperty(_context3 = "".concat(tabPanePrefixCls, "-")).call(_context3, tabPaneProps.size), tabPaneProps.size), "".concat(tabPanePrefixCls, "-disabled"), tabPaneProps.disabled), "".concat(tabPanePrefixCls, "-notMobile"), !isMobile), "".concat(tabPanePrefixCls, "-isMobile"), isMobile));
+  var tabPaneTextClasses = classNames("".concat(tabPanePrefixCls, "-text"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(tabPanePrefixCls, "-text-active"), String(tabPaneProps.activeKey) === String(id) && !tabPaneProps.disabled), "".concat(tabPanePrefixCls, "-text-disabled"), tabPaneProps.disabled), "".concat(tabPanePrefixCls, "-text-notMobile"), !isMobile));
   var operationsClasses = classNames("".concat(tabPanePrefixCls, "-operations"), _defineProperty({}, "".concat(tabPanePrefixCls, "-operations-active"), String(tabPaneProps.activeKey) === String(id) && !tabPaneProps.disabled));
   var handleClick = function handleClick(e) {
     if (tabPaneProps.disabled) return;

package/es/tabs/tabs.d.ts

@@ -14,6 +14,7 @@ export interface ITabsProps {
     size?: TabsSize;
     style?: Record<string, unknown>;
     className?: string;
+    tabsDropdownClassName?: string;
     disabled?: boolean;
     noContainer?: boolean;
     showScrollArrow?: boolean;
@@ -25,6 +26,7 @@ export interface ITabsProps {
     onChange?: TabChangeEventHandler;
     getActiveLinePosition?: (left: number, width: number) => void;
     getTriggerKey?: (key: any) => void;
+    paneItemOperation?: boolean;
 }
 declare const Tabs: React.FC<ITabsProps>;
 export default Tabs;

package/es/tabs/tabs.js

@@ -32,7 +32,7 @@ function getDefaultActiveKey(props) {
   return activeKey;
 }
 var Tabs = function Tabs(props) {
-  var _context, _classNames, _context2, _context3, _context4, _classNames2;
+  var _context, _context2, _context3, _context4;
   var _useContext = useContext(ConfigContext),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
@@ -49,8 +49,10 @@ var Tabs = function Tabs(props) {
     showScrollArrow = tabsProps.showScrollArrow,
     _tabsProps$effect = tabsProps.effect,
     effect = _tabsProps$effect === void 0 ? 'none' : _tabsProps$effect,
+    tabsDropdownClassName = tabsProps.tabsDropdownClassName,
     children = tabsProps.children,
-    onChange = tabsProps.onChange;
+    onChange = tabsProps.onChange,
+    needPanelOpration = tabsProps.needPanelOpration;
   var tabsPrefixCls = getPrefixCls(prefixCls, 'tabs', customPrefixcls);
   var activeKey;
   if (tabsProps.activeKey) {
@@ -78,20 +80,27 @@ var Tabs = function Tabs(props) {
     width = _useState8[0],
     setWidth = _useState8[1];
   var _useState9 = useState(0),
-    _useState10 = _slicedToArray(_useState9, 2),
-    boxWidth = _useState10[0],
-    setBoxWidth = _useState10[1];
+    _useState0 = _slicedToArray(_useState9, 2),
+    boxWidth = _useState0[0],
+    setBoxWidth = _useState0[1];
+  var _useState1 = useState(0),
+    _useState10 = _slicedToArray(_useState1, 2),
+    ListWidth = _useState10[0],
+    setListWidth = _useState10[1];
   var _useState11 = useState(0),
     _useState12 = _slicedToArray(_useState11, 2),
-    ListWidth = _useState12[0],
-    setListWidth = _useState12[1];
-  var _useState13 = useState(0),
-    _useState14 = _slicedToArray(_useState13, 2),
-    ListPostion = _useState14[0],
-    setListPosition = _useState14[1];
+    ListPostion = _useState12[0],
+    setListPosition = _useState12[1];
   var tabRef = useRef(null);
   var tabListRef = useRef(null);
   var carouselRef = useRef(null);
+  var touchStartX = useRef(0);
+  var lastListPosition = useRef(0);
+  var isDragging = useRef(false);
+  var _useState13 = useState(false),
+    _useState14 = _slicedToArray(_useState13, 2),
+    triggerState = _useState14[0],
+    setTriggerState = _useState14[1];
   var handleActive = function handleActive(id, e) {
     setCurActiveKey(id);
     onChange && onChange(id, e);
@@ -103,6 +112,30 @@ var Tabs = function Tabs(props) {
   var getTriggerKey = function getTriggerKey(key) {
     setTriggerKey(key);
   };
+  var handleTouchStart = function handleTouchStart(e) {
+    if (ListWidth <= boxWidth) return;
+    touchStartX.current = e.touches[0].clientX;
+    lastListPosition.current = ListPostion;
+    isDragging.current = true;
+  };
+  var handleTouchMove = function handleTouchMove(e) {
+    if (!isDragging.current || ListWidth <= boxWidth) return;
+    var currentX = e.touches[0].clientX;
+    var deltaX = currentX - touchStartX.current;
+    var newPosition = lastListPosition.current + deltaX;
+    var maxLeft = 0;
+    var maxRight = boxWidth - ListWidth;
+    if (newPosition > maxLeft) newPosition = maxLeft;
+    if (newPosition < maxRight) newPosition = maxRight;
+    setListPosition(newPosition);
+  };
+  var handleTouchEnd = function handleTouchEnd() {
+    if (ListWidth <= boxWidth) return;
+    isDragging.current = false;
+  };
+  var handleVisibleChange = function handleVisibleChange(visible) {
+    setTriggerState(visible);
+  };
   useEffect(function () {
     setCurActiveKey(activeKey);
   }, [activeKey]);
@@ -142,8 +175,8 @@ var Tabs = function Tabs(props) {
       // return
     }
   }, [tabRef, left, width, type, ListWidth]);
-  var tabsClasses = classNames(tabsPrefixCls, className, (_classNames = {}, _defineProperty(_classNames, _concatInstanceProperty(_context = "".concat(tabsPrefixCls, "-")).call(_context, position), position), _defineProperty(_classNames, "".concat(tabsPrefixCls, "-noContainer"), noContainer), _classNames));
-  var tabNavsClasses = classNames("".concat(tabsPrefixCls, "-navs"), (_classNames2 = {}, _defineProperty(_classNames2, _concatInstanceProperty(_context2 = "".concat(tabsPrefixCls, "-navs-")).call(_context2, type), type), _defineProperty(_classNames2, _concatInstanceProperty(_context3 = "".concat(tabsPrefixCls, "-navs-")).call(_context3, position), position), _defineProperty(_classNames2, _concatInstanceProperty(_context4 = "".concat(tabsPrefixCls, "-navs-")).call(_context4, size), size), _defineProperty(_classNames2, "".concat(tabsPrefixCls, "-navs-disabled"), disabled), _classNames2));
+  var tabsClasses = classNames(tabsPrefixCls, className, _defineProperty(_defineProperty({}, _concatInstanceProperty(_context = "".concat(tabsPrefixCls, "-")).call(_context, position), position), "".concat(tabsPrefixCls, "-noContainer"), noContainer));
+  var tabNavsClasses = classNames("".concat(tabsPrefixCls, "-navs"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, _concatInstanceProperty(_context2 = "".concat(tabsPrefixCls, "-navs-")).call(_context2, type), type), _concatInstanceProperty(_context3 = "".concat(tabsPrefixCls, "-navs-")).call(_context3, position), position), _concatInstanceProperty(_context4 = "".concat(tabsPrefixCls, "-navs-")).call(_context4, size), size), "".concat(tabsPrefixCls, "-navs-disabled"), disabled));
   var leftOperations;
   var rightOperations;
   var contextMenuList;
@@ -187,9 +220,9 @@ var Tabs = function Tabs(props) {
     }) : null;
   };
   var renderLeftArrow = function renderLeftArrow() {
-    var _context5, _classNames3;
+    var _context5;
     if (!showScrollArrow || position === 'left' || ListWidth < boxWidth) return null;
-    var leftClasses = classNames("".concat(tabsPrefixCls, "-left-arrows"), (_classNames3 = {}, _defineProperty(_classNames3, _concatInstanceProperty(_context5 = "".concat(tabsPrefixCls, "-left-arrows-")).call(_context5, type), type), _defineProperty(_classNames3, "".concat(tabsPrefixCls, "-left-arrows-noshadow"), ListPostion === 0), _classNames3));
+    var leftClasses = classNames("".concat(tabsPrefixCls, "-left-arrows"), _defineProperty(_defineProperty({}, _concatInstanceProperty(_context5 = "".concat(tabsPrefixCls, "-left-arrows-")).call(_context5, type), type), "".concat(tabsPrefixCls, "-left-arrows-noshadow"), ListPostion === 0));
     var handleLeft = function handleLeft() {
       if (!ListPostion) return;
       var offset = ListPostion + boxWidth > 0 ? 0 : ListPostion + boxWidth;
@@ -204,20 +237,18 @@ var Tabs = function Tabs(props) {
     }));
   };
   var renderRightArrows = function renderRightArrows(nodes) {
-    var _context6, _context7, _classNames4;
+    var _context6, _context7, _context8;
     if (ListWidth < boxWidth || _includesInstanceProperty(_context6 = ['left', 'right']).call(_context6, position)) return null;
-    var rightClasses = classNames("".concat(tabsPrefixCls, "-right-arrows"), (_classNames4 = {}, _defineProperty(_classNames4, _concatInstanceProperty(_context7 = "".concat(tabsPrefixCls, "-right-arrows-")).call(_context7, type), type), _defineProperty(_classNames4, "".concat(tabsPrefixCls, "-right-arrows-noshadow"), ListWidth + ListPostion === boxWidth), _classNames4));
-    var menu = _mapInstanceProperty(nodes).call(nodes, function (node) {
-      var tmp = {
-        label: '',
-        key: 0,
-        disabled: false
-      };
-      tmp.label = node.props.tab;
-      tmp.key = node.props.id;
-      tmp.disabled = node.props.disabled;
-      return tmp;
-    });
+    var rightClasses = classNames("".concat(tabsPrefixCls, "-right-arrows"), _defineProperty(_defineProperty({}, _concatInstanceProperty(_context7 = "".concat(tabsPrefixCls, "-right-arrows-")).call(_context7, type), type), "".concat(tabsPrefixCls, "-right-arrows-noshadow"), ListWidth + ListPostion === boxWidth));
+    var menu = /*#__PURE__*/React.createElement(Dropdown.Menu, {
+      className: classNames(tabsDropdownClassName, _defineProperty({}, "".concat(tabsPrefixCls, "-right-arrows-menu"), needPanelOpration))
+    }, _mapInstanceProperty(nodes).call(nodes, function (node) {
+      return /*#__PURE__*/React.createElement(Dropdown.Item, {
+        key: node.props.id,
+        disabled: node.props.disabled,
+        className: node.props.id === curActiveKey ? "".concat(tabsPrefixCls, "-right-arrows-menu-active") : undefined
+      }, /*#__PURE__*/React.createElement("span", null, node.props.tab));
+    }));
     var handleRight = function handleRight() {
       if (ListPostion === boxWidth - ListWidth) return;
       var offset = ListPostion - boxWidth > boxWidth - ListWidth ? ListPostion - boxWidth : boxWidth - ListWidth;
@@ -241,16 +272,17 @@ var Tabs = function Tabs(props) {
     }
     return /*#__PURE__*/React.createElement("div", {
       className: rightClasses
-    }, showScrollArrow ? /*#__PURE__*/React.createElement(ArrowButton, {
+    }, showScrollArrow ? (/*#__PURE__*/React.createElement(ArrowButton, {
       direction: "right",
       disabled: ListWidth + ListPostion === boxWidth,
       onClick: handleRight
-    }) : null, /*#__PURE__*/React.createElement(Dropdown, {
+    })) : null, /*#__PURE__*/React.createElement(Dropdown, {
       menu: menu,
       trigger: ['click'],
-      onItemClick: handleSelectItem
+      onItemClick: handleSelectItem,
+      onVisibleChange: handleVisibleChange
     }, /*#__PURE__*/React.createElement("span", {
-      className: "".concat(tabsPrefixCls, "-more-btn")
+      className: classNames("".concat(tabsPrefixCls, "-more-btn"), _concatInstanceProperty(_context8 = "".concat(tabsPrefixCls, "-trigger-")).call(_context8, triggerState))
     }, /*#__PURE__*/React.createElement(Icon, {
       type: "arrow-down"
     }))));
@@ -336,7 +368,13 @@ var Tabs = function Tabs(props) {
       }, renderWrap);
     };
     return /*#__PURE__*/React.createElement("div", _extends({}, omit(tabsProps, ['activeKey', 'defaultActiveKey', 'showScrollArrow', 'noContainer']), {
-      className: tabNavsClasses
+      className: tabNavsClasses,
+      onTouchStart: handleTouchStart,
+      onTouchMove: handleTouchMove,
+      onTouchEnd: handleTouchEnd,
+      style: {
+        touchAction: 'pan-y'
+      }
     }), renderLeftOperations(), renderLeftArrow(), /*#__PURE__*/React.createElement("div", {
       ref: tabRef,
       className: "".concat(tabsPrefixCls, "-tab-wrap")

package/es/tag/tag.js

@@ -22,7 +22,7 @@ export var TagColors = tuple('process', 'success', 'warning', 'error', 'end', 'e
 export var TagSizes = tuple('small', 'middle', 'large');
 // remove this line and code Tag component here
 var InteranalTag = function InteranalTag(props, ref) {
-  var _context, _context2, _context3, _classNames;
+  var _context, _context2, _context3;
   var _useContext = useContext(ConfigContext),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
@@ -77,7 +77,7 @@ var InteranalTag = function InteranalTag(props, ref) {
   };
   // 预设的颜色值
   var isPresetColor = ['process', 'success', 'warning', 'error', 'end', 'expired'].indexOf(color) > -1;
-  var tagClasses = classNames(tagPrefixCls, className, (_classNames = {}, _defineProperty(_classNames, _concatInstanceProperty(_context = "".concat(tagPrefixCls, "-shape-")).call(_context, type), type), _defineProperty(_classNames, _concatInstanceProperty(_context2 = "".concat(tagPrefixCls, "-")).call(_context2, color), isPresetColor), _defineProperty(_classNames, "".concat(tagPrefixCls, "-has-color"), !isPresetColor && color && type === 'attribute'), _defineProperty(_classNames, "".concat(tagPrefixCls, "-clickable"), clickable), _defineProperty(_classNames, "".concat(tagPrefixCls, "-closable"), closable), _defineProperty(_classNames, _concatInstanceProperty(_context3 = "".concat(tagPrefixCls, "-size-")).call(_context3, size), size), _defineProperty(_classNames, "".concat(tagPrefixCls, "-closable-disabled"), type === 'edit' && disabled), _classNames));
+  var tagClasses = classNames(tagPrefixCls, className, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, _concatInstanceProperty(_context = "".concat(tagPrefixCls, "-shape-")).call(_context, type), type), _concatInstanceProperty(_context2 = "".concat(tagPrefixCls, "-")).call(_context2, color), isPresetColor), "".concat(tagPrefixCls, "-has-color"), !isPresetColor && color && type === 'attribute'), "".concat(tagPrefixCls, "-clickable"), clickable), "".concat(tagPrefixCls, "-closable"), closable), _concatInstanceProperty(_context3 = "".concat(tagPrefixCls, "-size-")).call(_context3, size), size), "".concat(tagPrefixCls, "-closable-disabled"), type === 'edit' && disabled));
   // 设置自定义颜色值的样式
   var tagColorStyle = !isPresetColor && color && type === 'attribute' ? {
     backgroundColor: color
@@ -91,12 +91,12 @@ var InteranalTag = function InteranalTag(props, ref) {
     type: "close",
     className: "".concat(tagPrefixCls, "-close-icon")
   });
-  var closeNode = closable && type === 'edit' ? disabled ? /*#__PURE__*/React.createElement("span", {
+  var closeNode = closable && type === 'edit' ? disabled ? (/*#__PURE__*/React.createElement("span", {
     className: "".concat(tagPrefixCls, "-closeWrapper")
-  }, closeIconNode) : /*#__PURE__*/React.createElement("span", {
+  }, closeIconNode)) : (/*#__PURE__*/React.createElement("span", {
     className: "".concat(tagPrefixCls, "-closeWrapper"),
     onClick: handleClose
-  }, closeIconNode) : null;
+  }, closeIconNode)) : null;
   return /*#__PURE__*/React.createElement("span", _extends({
     ref: tagRef,
     onClick: handleClick,