@kdcloudjs/kdesign 1.8.48 → 1.8.49

package/dist/kdesign.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.8.48
+ *   @kdcloudjs/kdesign v1.8.49
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -38587,8 +38587,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 rtlCls = direction === 'rtl' ? "".concat(tabsPrefixCls, "-rtl") : null;
   var activeKey;
@@ -38631,6 +38633,13 @@ var Tabs = function Tabs(props) {
   var tabRef = Object(react__WEBPACK_IMPORTED_MODULE_9__["useRef"])(null);
   var tabListRef = Object(react__WEBPACK_IMPORTED_MODULE_9__["useRef"])(null);
   var carouselRef = Object(react__WEBPACK_IMPORTED_MODULE_9__["useRef"])(null);
+  var touchStartX = Object(react__WEBPACK_IMPORTED_MODULE_9__["useRef"])(0);
+  var lastListPosition = Object(react__WEBPACK_IMPORTED_MODULE_9__["useRef"])(0);
+  var isDragging = Object(react__WEBPACK_IMPORTED_MODULE_9__["useRef"])(false);
+  var _useState15 = Object(react__WEBPACK_IMPORTED_MODULE_9__["useState"])(false),
+    _useState16 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState15, 2),
+    triggerState = _useState16[0],
+    setTriggerState = _useState16[1];
   var handleActive = function handleActive(id, e) {
     setCurActiveKey(id);
     onChange && onChange(id, e);
@@ -38642,6 +38651,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);
+  };
   Object(react__WEBPACK_IMPORTED_MODULE_9__["useEffect"])(function () {
     setCurActiveKey(activeKey);
   }, [activeKey]);
@@ -38747,17 +38780,15 @@ var Tabs = function Tabs(props) {
     var _classNames4;
     if (ListWidth < boxWidth || !ListWidth || !boxWidth || ['left', 'right'].includes(position)) return null;
     var rightClasses = classnames__WEBPACK_IMPORTED_MODULE_10___default()("".concat(tabsPrefixCls, "-right-arrows"), (_classNames4 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(tabsPrefixCls, "-right-arrows-").concat(type), type), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(tabsPrefixCls, "-right-arrows-noshadow"), ListWidth + ListPostion === boxWidth), _classNames4));
-    var menu = nodes.map(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 menu = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement(_dropdown__WEBPACK_IMPORTED_MODULE_20__["default"].Menu, {
+      className: classnames__WEBPACK_IMPORTED_MODULE_10___default()(tabsDropdownClassName, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "".concat(tabsPrefixCls, "-right-arrows-menu"), needPanelOpration))
+    }, nodes.map(function (node) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement(_dropdown__WEBPACK_IMPORTED_MODULE_20__["default"].Item, {
+        key: node.props.id,
+        disabled: node.props.disabled,
+        className: node.props.id === curActiveKey ? "".concat(tabsPrefixCls, "-right-arrows-menu-active") : undefined
+      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.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;
@@ -38788,9 +38819,10 @@ var Tabs = function Tabs(props) {
     }) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement(_dropdown__WEBPACK_IMPORTED_MODULE_20__["default"], {
       menu: menu,
       trigger: ['click'],
-      onItemClick: handleSelectItem
+      onItemClick: handleSelectItem,
+      onVisibleChange: handleVisibleChange
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("span", {
-      className: "".concat(tabsPrefixCls, "-more-btn")
+      className: classnames__WEBPACK_IMPORTED_MODULE_10___default()("".concat(tabsPrefixCls, "-more-btn"), "".concat(tabsPrefixCls, "-trigger-").concat(triggerState))
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_18__["default"], {
       type: "arrow-down"
     }))));
@@ -38881,7 +38913,13 @@ var Tabs = function Tabs(props) {
       }, renderWrap);
     };
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("div", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, Object(_utils_omit__WEBPACK_IMPORTED_MODULE_14__["omit"])(tabsProps, ['activeKey', 'defaultActiveKey', 'showScrollArrow', 'noContainer']), {
-      className: tabNavsClasses
+      className: tabNavsClasses,
+      onTouchStart: handleTouchStart,
+      onTouchMove: handleTouchMove,
+      onTouchEnd: handleTouchEnd,
+      style: {
+        touchAction: 'pan-y'
+      } // 防止滚动被浏览器阻止
     }), renderLeftOperations(), renderLeftArrow(), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("div", {
       ref: tabRef,
       className: "".concat(tabsPrefixCls, "-tab-wrap")