@trionesdev/antd-taro-react 0.0.1-beta.3 → 0.0.2-beta.0

package/dist/SafeArea/index.d.ts

@@ -1,4 +1,3 @@
-import { SafeArea } from './safe-area';
-import './style.scss';
-export type { SafeAreaProps } from './safe-area';
+import { SafeArea, SafeAreaProps } from '@trionesdev/antd-mobile-base-react';
+export type { SafeAreaProps };
 export default SafeArea;

package/dist/SafeArea/index.js

@@ -1,3 +1,2 @@
-import { SafeArea } from "./safe-area";
-import "./style.scss";
+import { SafeArea } from '@trionesdev/antd-mobile-base-react';
 export default SafeArea;

package/dist/Scaffold/index.d.ts

@@ -1,3 +1,3 @@
-import { Scaffold, ScaffoldProps } from './scaffold';
+import { Scaffold, ScaffoldProps } from '@trionesdev/antd-mobile-base-react';
 export type { ScaffoldProps };
 export default Scaffold;

package/dist/Scaffold/index.js

@@ -1,2 +1,2 @@
-import { Scaffold } from "./scaffold";
+import { Scaffold } from '@trionesdev/antd-mobile-base-react';
 export default Scaffold;

package/dist/ScrollView/index.d.ts

@@ -1,3 +1,3 @@
-import { ScrollView, ScrollViewProps } from "./scroll-view";
+import { ScrollView, ScrollViewProps } from "@tarojs/components";
 export type { ScrollViewProps };
 export default ScrollView;

package/dist/ScrollView/index.js

@@ -1,2 +1,2 @@
-import { ScrollView } from "./scroll-view";
+import { ScrollView } from "@tarojs/components";
 export default ScrollView;

package/dist/SideBar/SideBarContext.d.ts

@@ -9,10 +9,10 @@ type SideBarContextType = {
     activeChangeCallback?: (targetScrollTop: number) => void;
     onMoveToTab?: (activeKey: string) => void;
     asyncRender?: boolean;
-    contentEl?: any;
-    contentWheelEl?: any;
+    contentRef?: any;
+    contentWheelRef?: any;
     manual?: boolean;
-    setManul?: (manual: boolean) => void;
+    setManual?: (manual: boolean) => void;
 };
 export declare const SideBarContext: import("react").Context<SideBarContextType>;
 export {};

package/dist/SideBar/index.d.ts

@@ -1,3 +1,3 @@
-import { SideBar, SideBarProps } from "./side-bar";
+import { SideBar, SideBarProps } from './side-bar';
 export type { SideBarProps };
 export default SideBar;

package/dist/SideBar/side-bar.js

@@ -12,13 +12,13 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import Taro from '@tarojs/taro';
 import classNames from 'classnames';
 import React, { memo, useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { useTaro } from "../hooks/useTaro";
 import ScrollView from "../ScrollView";
-import { checkTaroEnv } from "../utils/taro-utils";
 import { SideBarContext } from "./SideBarContext";
 import "./style.scss";
-var taroExtend = require('@tarojs/extend');
 var sideBarCls = 'triones-antm-sidebar';
 var SideBarTab = function SideBarTab(_ref) {
   var tabKey = _ref.tabKey,
@@ -36,16 +36,20 @@ var SideBarTab = function SideBarTab(_ref) {
   }, title);
 };
 var SideBarContent = /*#__PURE__*/memo(function (_ref2) {
-  var _contentItemRef$curre;
+  var _contentItemRef$curre4;
   var tabKey = _ref2.tabKey,
     content = _ref2.content;
-  var isTaroEnv = checkTaroEnv();
+  var _useTaro = useTaro(),
+    isTaroEnv = _useTaro.isTaroEnv,
+    isTaroWeApp = _useTaro.isTaroWeApp;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     rendered = _useState2[0],
     setRendered = _useState2[1];
   var contentItemRef = useRef();
   var frameRef = useRef();
+  var debounceTimerRef = useRef();
+  var lastActiveKeyRef = useRef();
   var _useContext2 = useContext(SideBarContext),
     activeKey = _useContext2.activeKey,
     mode = _useContext2.mode,
@@ -53,8 +57,8 @@ var SideBarContent = /*#__PURE__*/memo(function (_ref2) {
     onMoveToTab = _useContext2.onMoveToTab,
     scrollDetail = _useContext2.scrollDetail,
     asyncRender = _useContext2.asyncRender,
-    contentEl = _useContext2.contentEl,
-    contentWheelEl = _useContext2.contentWheelEl,
+    contentRef = _useContext2.contentRef,
+    contentWheelRef = _useContext2.contentWheelRef,
     manual = _useContext2.manual;
   var computeContentOffsetTop = /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
@@ -62,22 +66,36 @@ var SideBarContent = /*#__PURE__*/memo(function (_ref2) {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            if (!isTaroEnv) {
-              _context.next = 10;
+            if (!isTaroWeApp) {
+              _context.next = 11;
               break;
             }
-            _context.next = 3;
-            return contentWheelEl.offset();
-          case 3:
+            console.log(Taro);
+            // const contentWheelOffset = await contentWheelEl.offset();
+            _context.next = 4;
+            return new Promise(function (resolve) {
+              var _contentWheelRef$curr;
+              Taro.createSelectorQuery().select("#".concat((_contentWheelRef$curr = contentWheelRef.current) === null || _contentWheelRef$curr === void 0 ? void 0 : _contentWheelRef$curr.uid)).boundingClientRect().exec(function (res) {
+                console.log(res);
+                resolve(res === null || res === void 0 ? void 0 : res[0]);
+              });
+            });
+          case 4:
             contentWheelOffset = _context.sent;
-            _context.next = 6;
-            return taroExtend.$(contentItemRef.current).offset();
-          case 6:
+            _context.next = 7;
+            return new Promise(function (resolve) {
+              var _contentItemRef$curre;
+              Taro.createSelectorQuery().select("#".concat((_contentItemRef$curre = contentItemRef.current) === null || _contentItemRef$curre === void 0 ? void 0 : _contentItemRef$curre.uid)).boundingClientRect().exec(function (res) {
+                console.log(res);
+                resolve(res === null || res === void 0 ? void 0 : res[0]);
+              });
+            });
+          case 7:
             itemOffset = _context.sent;
             return _context.abrupt("return", itemOffset.top - contentWheelOffset.top);
-          case 10:
-            return _context.abrupt("return", contentItemRef.current.offsetTop);
           case 11:
+            return _context.abrupt("return", contentItemRef.current.offsetTop);
+          case 12:
           case "end":
             return _context.stop();
         }
@@ -88,8 +106,8 @@ var SideBarContent = /*#__PURE__*/memo(function (_ref2) {
     };
   }();
 
-  /**
-   * 计算当前页顶部，距离可滚动区域顶部的距离
+  /**
+   * 计算当前页顶部，距离可滚动区域顶部的距离
    */
   var computeReactiveOffsetTop = /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
@@ -97,16 +115,28 @@ var SideBarContent = /*#__PURE__*/memo(function (_ref2) {
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            if (!isTaroEnv) {
+            if (!isTaroWeApp) {
               _context2.next = 10;
               break;
             }
             _context2.next = 3;
-            return contentEl.offset();
+            return new Promise(function (resolve) {
+              var _contentRef$current;
+              Taro.createSelectorQuery().select("#".concat((_contentRef$current = contentRef.current) === null || _contentRef$current === void 0 ? void 0 : _contentRef$current.uid)).boundingClientRect().exec(function (res) {
+                console.log(res);
+                resolve(res === null || res === void 0 ? void 0 : res[0]);
+              });
+            });
           case 3:
             contentOffset = _context2.sent;
             _context2.next = 6;
-            return taroExtend.$(contentItemRef.current).offset();
+            return new Promise(function (resolve) {
+              var _contentItemRef$curre2;
+              Taro.createSelectorQuery().select("#".concat((_contentItemRef$curre2 = contentItemRef.current) === null || _contentItemRef$curre2 === void 0 ? void 0 : _contentItemRef$curre2.uid)).boundingClientRect().exec(function (res) {
+                console.log(res);
+                resolve(res === null || res === void 0 ? void 0 : res[0]);
+              });
+            });
           case 6:
             itemOffset = _context2.sent;
             return _context2.abrupt("return", itemOffset.top - (contentOffset === null || contentOffset === void 0 ? void 0 : contentOffset.top));
@@ -123,8 +153,8 @@ var SideBarContent = /*#__PURE__*/memo(function (_ref2) {
     };
   }();
 
-  /**
-   * 计算当前页底部，距离可滚动区域顶部的距离
+  /**
+   * 计算当前页底部，距离可滚动区域顶部的距离
    */
   var computeReactiveOffsetBottom = /*#__PURE__*/function () {
     var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
@@ -132,16 +162,28 @@ var SideBarContent = /*#__PURE__*/memo(function (_ref2) {
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
-            if (!isTaroEnv) {
+            if (!isTaroWeApp) {
               _context3.next = 10;
               break;
             }
             _context3.next = 3;
-            return contentEl.offset();
+            return new Promise(function (resolve) {
+              var _contentRef$current2;
+              Taro.createSelectorQuery().select("#".concat((_contentRef$current2 = contentRef.current) === null || _contentRef$current2 === void 0 ? void 0 : _contentRef$current2.uid)).boundingClientRect().exec(function (res) {
+                console.log(res);
+                resolve(res === null || res === void 0 ? void 0 : res[0]);
+              });
+            });
           case 3:
             contentOffset = _context3.sent;
             _context3.next = 6;
-            return taroExtend.$(contentItemRef.current).offset();
+            return new Promise(function (resolve) {
+              var _contentItemRef$curre3;
+              Taro.createSelectorQuery().select("#".concat((_contentItemRef$curre3 = contentItemRef.current) === null || _contentItemRef$curre3 === void 0 ? void 0 : _contentItemRef$curre3.uid)).boundingClientRect().exec(function (res) {
+                console.log(res);
+                resolve(res === null || res === void 0 ? void 0 : res[0]);
+              });
+            });
           case 6:
             itemOffset = _context3.sent;
             return _context3.abrupt("return", itemOffset.top + itemOffset.height - (contentOffset === null || contentOffset === void 0 ? void 0 : contentOffset.top));
@@ -165,7 +207,7 @@ var SideBarContent = /*#__PURE__*/memo(function (_ref2) {
           return _regeneratorRuntime().wrap(function _callee4$(_context4) {
             while (1) switch (_context4.prev = _context4.next) {
               case 0:
-                if (!(!isTaroEnv || isTaroEnv && contentWheelEl)) {
+                if (!(!isTaroEnv || isTaroEnv && contentWheelRef.current)) {
                   _context4.next = 8;
                   break;
                 }
@@ -190,61 +232,112 @@ var SideBarContent = /*#__PURE__*/memo(function (_ref2) {
     }
   }, [activeKey]);
 
-  /**
-   * 监听滚动变化，只有在人为操作的时候才监听滚动的位置是否需要切换tab，如果是切换tab 引发的滚动则不执行
+  /**
+   * 监听滚动变化，只有在人为操作的时候才监听滚动的位置是否需要切换tab，如果是切换tab 引发的滚动则不执行
    */
   useEffect(function () {
-    // return;
-    if (mode === 'scroll' && manual) {
+    if (mode === 'scroll' && manual && scrollDetail !== null && scrollDetail !== void 0 && scrollDetail.manual) {
+      // 清除之前的防抖定时器
+      if (debounceTimerRef.current) {
+        clearTimeout(debounceTimerRef.current);
+      }
       if (frameRef.current) {
         cancelAnimationFrame(frameRef.current);
       }
-      frameRef.current = requestAnimationFrame( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
-        var reactiveOffsetTop, reactiveOffsetBottom;
-        return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
-            case 0:
-              if (!(activeKey !== tabKey)) {
-                _context5.next = 8;
+
+      // 添加防抖延迟，减少频繁切换
+      debounceTimerRef.current = setTimeout(function () {
+        frameRef.current = requestAnimationFrame( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
+          var reactiveOffsetTop, reactiveOffsetBottom, viewportHeight, visibleTop, visibleBottom, visibleHeight, topEntersView, bottomInView, hasBasicVisibility, contentCenter, viewportCenter, centerInView, shouldActivate;
+          return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+            while (1) switch (_context5.prev = _context5.next) {
+              case 0:
+                if (!(activeKey !== tabKey)) {
+                  _context5.next = 26;
+                  break;
+                }
+                _context5.next = 3;
+                return computeReactiveOffsetTop();
+              case 3:
+                reactiveOffsetTop = _context5.sent;
+                _context5.next = 6;
+                return computeReactiveOffsetBottom();
+              case 6:
+                reactiveOffsetBottom = _context5.sent;
+                if (!isTaroEnv) {
+                  _context5.next = 13;
+                  break;
+                }
+                _context5.next = 10;
+                return new Promise(function (resolve) {
+                  Taro.getSystemInfo().then(function (res) {
+                    return resolve(res.windowHeight);
+                  });
+                });
+              case 10:
+                _context5.t0 = _context5.sent;
+                _context5.next = 14;
                 break;
-              }
-              _context5.next = 3;
-              return computeReactiveOffsetTop();
-            case 3:
-              reactiveOffsetTop = _context5.sent;
-              _context5.next = 6;
-              return computeReactiveOffsetBottom();
-            case 6:
-              reactiveOffsetBottom = _context5.sent;
-              if (-50 <= reactiveOffsetTop && reactiveOffsetTop <= 0 || 0 <= reactiveOffsetBottom && reactiveOffsetBottom <= 50) {
-                onMoveToTab === null || onMoveToTab === void 0 || onMoveToTab(tabKey);
-              }
-            case 8:
-            case "end":
-              return _context5.stop();
-          }
-        }, _callee5);
-      })));
+              case 13:
+                _context5.t0 = window.innerHeight || 667;
+              case 14:
+                viewportHeight = _context5.t0;
+                // 计算内容在视口中的可见高度
+                visibleTop = Math.max(0, -reactiveOffsetTop);
+                visibleBottom = Math.min(viewportHeight, reactiveOffsetBottom);
+                visibleHeight = Math.max(0, visibleBottom - visibleTop); // 优化快速滚动检测：适应不同滚动速度
+                // 1. 内容顶部进入视口时激活（适合快速滚动）
+                topEntersView = reactiveOffsetTop >= -60 && reactiveOffsetTop <= viewportHeight * 0.5; // 2. 内容底部在视口中时激活（适合快速滚动）
+                bottomInView = reactiveOffsetBottom >= viewportHeight * 0.4 && reactiveOffsetBottom <= viewportHeight + 60; // 3. 内容区域基本可见性（降低要求以适应快速滚动）
+                hasBasicVisibility = visibleHeight >= Math.max(80, viewportHeight * 0.15); // 4. 内容中心点检测（快速滚动时的主要判断）
+                contentCenter = (reactiveOffsetTop + reactiveOffsetBottom) / 2;
+                viewportCenter = viewportHeight / 2;
+                centerInView = Math.abs(contentCenter - viewportCenter) <= viewportHeight * 0.4; // 5. 快速滚动优化：更宽松的激活条件
+                shouldActivate = hasBasicVisibility && (centerInView || topEntersView && visibleHeight >= viewportHeight * 0.2 || bottomInView && visibleHeight >= viewportHeight * 0.2);
+                if (shouldActivate) {
+                  onMoveToTab === null || onMoveToTab === void 0 || onMoveToTab(tabKey);
+                }
+              case 26:
+              case "end":
+                return _context5.stop();
+            }
+          }, _callee5);
+        })));
+      }, 50); // 50ms防抖延迟，提高快速滚动响应性
     }
+
+    // 清理函数
+    return function () {
+      if (debounceTimerRef.current) {
+        clearTimeout(debounceTimerRef.current);
+      }
+    };
   }, [scrollDetail]);
+
+  // 记录当前激活的tab
+  useEffect(function () {
+    if (activeKey === tabKey) {
+      lastActiveKeyRef.current = tabKey;
+    }
+  }, [activeKey, tabKey]);
   return /*#__PURE__*/React.createElement("div", {
     ref: contentItemRef,
-    id: (_contentItemRef$curre = contentItemRef.current) === null || _contentItemRef$curre === void 0 ? void 0 : _contentItemRef$curre.uid,
+    id: (_contentItemRef$curre4 = contentItemRef.current) === null || _contentItemRef$curre4 === void 0 ? void 0 : _contentItemRef$curre4.uid,
     className: classNames("".concat(sideBarCls, "-content-item"), _defineProperty({}, "".concat(sideBarCls, "-content-item-active"), activeKey === tabKey))
   }, asyncRender ? rendered && content : content);
 });
 var SideBarContents = /*#__PURE__*/memo(function (_ref8) {
   var items = _ref8.items;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, items.map(function (item, index) {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, items.map(function (item) {
     return /*#__PURE__*/React.createElement(SideBarContent, {
       key: "".concat(item.tabKey, "-content"),
       tabKey: item.tabKey,
       content: item.content
-      // activeChangeCallback={handleSelectScroll}
     });
   }));
 });
 export var SideBar = function SideBar(_ref9) {
+  var _contentRef$current3;
   var activeKey = _ref9.activeKey,
     defaultActiveKey = _ref9.defaultActiveKey,
     _ref9$items = _ref9.items,
@@ -255,7 +348,8 @@ export var SideBar = function SideBar(_ref9) {
     asyncRender = _ref9$asyncRender === void 0 ? false : _ref9$asyncRender,
     _ref9$tabWidth = _ref9.tabWidth,
     tabWidth = _ref9$tabWidth === void 0 ? 100 : _ref9$tabWidth;
-  var isTaroEnv = checkTaroEnv();
+  var _useTaro2 = useTaro(),
+    isTaroEnv = _useTaro2.isTaroEnv;
   var contentRef = useRef();
   var contentWheelRef = useRef();
   var frameRef = useRef();
@@ -267,24 +361,16 @@ export var SideBar = function SideBar(_ref9) {
     _useState6 = _slicedToArray(_useState5, 2),
     internalActiveKey = _useState6[0],
     setInternalActiveKey = _useState6[1];
-  var _useState7 = useState(),
+  var _useState7 = useState(false),
     _useState8 = _slicedToArray(_useState7, 2),
-    contentEl = _useState8[0],
-    setContentEl = _useState8[1];
-  var _useState9 = useState(),
-    _useState10 = _slicedToArray(_useState9, 2),
-    contentWheelEl = _useState10[0],
-    setContentWheelEl = _useState10[1];
-  var _useState11 = useState(false),
-    _useState12 = _slicedToArray(_useState11, 2),
-    manual = _useState12[0],
-    setManual = _useState12[1];
-  var _useState13 = useState({
+    manual = _useState8[0],
+    setManual = _useState8[1];
+  var _useState9 = useState({
       top: 0
     }),
-    _useState14 = _slicedToArray(_useState13, 2),
-    scrollDetail = _useState14[0],
-    setScrollDetail = _useState14[1];
+    _useState10 = _slicedToArray(_useState9, 2),
+    scrollDetail = _useState10[0],
+    setScrollDetail = _useState10[1];
   var scrollTop = useMemo(function () {
     if (isTaroEnv) {
       return scrollDetail.top;
@@ -325,15 +411,16 @@ export var SideBar = function SideBar(_ref9) {
     }
   }, [activeKey]);
   useEffect(function () {
+    console.log('Taro', Taro);
     if (mode === 'scroll') {
-      setContentEl(taroExtend.$(contentRef.current));
-      setContentWheelEl(taroExtend.$(contentWheelRef.current));
-      return function () {
-        if (frameRef.current) {
-          cancelAnimationFrame(frameRef.current);
-        }
-      };
+      // setContentEl(taroExtend.$(contentRef.current));
+      // setContentWheelEl(taroExtend.$(contentWheelRef.current));
     }
+    return function () {
+      if (frameRef.current) {
+        cancelAnimationFrame(frameRef.current);
+      }
+    };
   }, []);
   return /*#__PURE__*/React.createElement(SideBarContext.Provider, {
     value: {
@@ -342,13 +429,13 @@ export var SideBar = function SideBar(_ref9) {
       mode: mode,
       scrollDetail: scrollDetail,
       setScrollDetail: setScrollDetail,
-      contentEl: contentEl,
-      contentWheelEl: contentWheelEl,
+      contentWheelRef: contentWheelRef,
+      contentRef: contentRef,
       activeChangeCallback: handleSelectScroll,
       asyncRender: asyncRender,
       onMoveToTab: handleActiveChange,
       manual: manual,
-      setManul: setManual
+      setManual: setManual
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: classNames("".concat(sideBarCls), "".concat(sideBarCls, "-").concat(mode, "-mode"))
@@ -357,7 +444,7 @@ export var SideBar = function SideBar(_ref9) {
     style: {
       width: tabWidth
     }
-  }, internalItems.map(function (item, index) {
+  }, internalItems.map(function (item) {
     return /*#__PURE__*/React.createElement(SideBarTab, _extends({
       key: "".concat(item.tabKey, "-tab")
     }, item, {
@@ -367,26 +454,27 @@ export var SideBar = function SideBar(_ref9) {
     }));
   })), /*#__PURE__*/React.createElement("div", {
     ref: contentRef,
+    id: (_contentRef$current3 = contentRef.current) === null || _contentRef$current3 === void 0 ? void 0 : _contentRef$current3.uid,
     className: classNames("".concat(sideBarCls, "-content")),
-    onTouchStart: function onTouchStart(e) {
+    onTouchStart: function onTouchStart() {
       setManual(true);
     },
-    onTouchEnd: function onTouchEnd(e) {
+    onTouchEnd: function onTouchEnd() {
       setManual(false);
     },
-    onMouseEnter: function onMouseEnter(e) {
+    onMouseEnter: function onMouseEnter() {
       setManual(true);
     },
-    onMouseLeave: function onMouseLeave(e) {
+    onMouseLeave: function onMouseLeave() {
       setManual(false);
     },
-    onMouseOut: function onMouseOut(e) {
+    onMouseOut: function onMouseOut() {
       setManual(false);
     },
-    onMouseOver: function onMouseOver(e) {
+    onMouseOver: function onMouseOver() {
       setManual(true);
     },
-    onMouseMove: function onMouseMove(e) {
+    onMouseMove: function onMouseMove() {
       setManual(true);
     }
   }, mode === 'scroll' && /*#__PURE__*/React.createElement(ScrollView, {
@@ -408,7 +496,7 @@ export var SideBar = function SideBar(_ref9) {
     ref: contentWheelRef
   }, /*#__PURE__*/React.createElement(SideBarContents, {
     items: internalItems
-  }))), mode === 'switch' && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(SideBarContents, {
+  }))), mode === 'switch' && /*#__PURE__*/React.createElement(SideBarContents, {
     items: internalItems
-  })))));
+  }))));
 };