dumi 2.2.1-alpha.0 → 2.2.2

package/theme-default/slots/HeaderExtra/index.js

@@ -1,7 +1,5 @@
 import React from 'react';
-
 var NavbarExtra = function NavbarExtra() {
   return /*#__PURE__*/React.createElement(React.Fragment, null);
 };
-
 export default NavbarExtra;

package/theme-default/slots/Hero/index.js

@@ -2,13 +2,10 @@ import { Link, useRouteMeta } from 'dumi';
 import HeroTitle from 'dumi/theme/slots/HeroTitle';
 import React from 'react';
 import "./index.less";
-
 var Hero = function Hero() {
   var _actions;
-
   var _useRouteMeta = useRouteMeta(),
-      frontmatter = _useRouteMeta.frontmatter;
-
+    frontmatter = _useRouteMeta.frontmatter;
   if (!('hero' in frontmatter)) return null;
   return /*#__PURE__*/React.createElement("div", {
     className: "dumi-default-hero"
@@ -20,7 +17,7 @@ var Hero = function Hero() {
     className: "dumi-default-hero-actions"
   }, frontmatter.hero.actions.map(function (_ref) {
     var text = _ref.text,
-        link = _ref.link;
+      link = _ref.link;
     return /^(\w+:)\/\/|^(mailto|tel):/.test(link) ? /*#__PURE__*/React.createElement("a", {
       href: link,
       target: "_blank",
@@ -32,5 +29,4 @@ var Hero = function Hero() {
     }, text);
   })));
 };
-
 export default Hero;

package/theme-default/slots/HeroTitle/index.js

@@ -1,10 +1,8 @@
 import React from 'react';
 import "./index.less";
-
 var HeroTitle = function HeroTitle(props) {
   return /*#__PURE__*/React.createElement("h1", {
     className: "dumi-default-hero-title"
   }, /*#__PURE__*/React.createElement("span", null, props.children));
 };
-
 export default HeroTitle;

package/theme-default/slots/LangSwitch/index.js

@@ -1,49 +1,40 @@
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import { ReactComponent as IconDown } from '@ant-design/icons-svg/inline-svg/outlined/down.svg';
 import { history, Link, useIntl, useLocale, useLocation, useSiteData } from 'dumi';
 import React, { useEffect, useState } from 'react';
 import "./index.less";
-
 function getTargetLocalePath(_ref) {
   var pathname = _ref.pathname,
-      current = _ref.current,
-      target = _ref.target;
-  var clearPath = 'base' in current ? // handle '/en-US/a' => '/a' or '/en-US' => '' => '/'
+    current = _ref.current,
+    target = _ref.target;
+  var clearPath = 'base' in current ?
+  // handle '/en-US/a' => '/a' or '/en-US' => '' => '/'
   pathname.replace(current.base.replace(/\/$/, ''), '') || '/' : pathname.replace(new RegExp("".concat(current.suffix, "$")), '');
-  return 'base' in target ? "".concat( // for `/` base, strip duplicated leading slash
+  return 'base' in target ? "".concat(
+  // for `/` base, strip duplicated leading slash
   target.base.replace(/\/$/, '')).concat(clearPath) // for `/` clearPath, strip duplicated ending slash
   .replace(/([^/])\/$/, '$1') : "".concat(clearPath).concat(target.suffix);
 }
-
 var SingleSwitch = function SingleSwitch(_ref2) {
   var locale = _ref2.locale,
-      current = _ref2.current;
-
+    current = _ref2.current;
   var _useLocation = useLocation(),
-      pathname = _useLocation.pathname;
-
+    pathname = _useLocation.pathname;
   var _useState = useState(function () {
-    return getTargetLocalePath({
-      pathname: pathname,
-      current: current,
-      target: locale
-    });
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      path = _useState2[0],
-      setPath = _useState2[1];
-
+      return getTargetLocalePath({
+        pathname: pathname,
+        current: current,
+        target: locale
+      });
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    path = _useState2[0],
+    setPath = _useState2[1];
   useEffect(function () {
     setPath(getTargetLocalePath({
       pathname: pathname,
@@ -56,16 +47,14 @@ var SingleSwitch = function SingleSwitch(_ref2) {
     to: path
   }, locale.name);
 };
-
 var LangSwitch = function LangSwitch() {
   var _useSiteData = useSiteData(),
-      locales = _useSiteData.locales;
-
+    locales = _useSiteData.locales;
   var _useIntl = useIntl(),
-      locale = _useIntl.locale;
-
-  var current = useLocale(); // do not render in single language
+    locale = _useIntl.locale;
+  var current = useLocale();
 
+  // do not render in single language
   if (locales.length <= 1) return null;
   return locales.length > 2 ? /*#__PURE__*/React.createElement("div", {
     className: "dumi-default-lang-select"
@@ -97,5 +86,4 @@ var LangSwitch = function LangSwitch() {
     current: current
   });
 };
-
 export default LangSwitch;

package/theme-default/slots/Logo/index.js

@@ -1,11 +1,9 @@
 import { Link, useLocale, useSiteData } from 'dumi';
 import React from 'react';
 import "./index.less";
-
 var Logo = function Logo() {
   var _useSiteData = useSiteData(),
-      themeConfig = _useSiteData.themeConfig;
-
+    themeConfig = _useSiteData.themeConfig;
   var locale = useLocale();
   return /*#__PURE__*/React.createElement(Link, {
     className: "dumi-default-logo",
@@ -15,5 +13,4 @@ var Logo = function Logo() {
     alt: themeConfig.name
   }), themeConfig.name);
 };
-
 export default Logo;

package/theme-default/slots/Navbar/index.js

@@ -1,42 +1,30 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 /* eslint-disable @typescript-eslint/no-use-before-define */
 import { ReactComponent as IconDown } from '@ant-design/icons-svg/inline-svg/outlined/down.svg';
 import { Link, useLocation, useNavData } from 'dumi';
 import NavbarExtra from 'dumi/theme/slots/NavbarExtra';
 import React, { useState } from 'react';
 import "./index.less";
-
 var NavbarItem = function NavbarItem(_ref) {
   var data = _ref.data;
-
   var _useLocation = useLocation(),
-      pathname = _useLocation.pathname;
-
+    pathname = _useLocation.pathname;
   var _useState = useState(function () {
-    var _data$children;
-
-    return (_data$children = data.children) === null || _data$children === void 0 ? void 0 : _data$children.some(function (item) {
-      var activePath = item.activePath || item.link;
-      return activePath && pathname.startsWith(activePath);
-    });
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      isCollapsed = _useState2[0],
-      setIsCollapsed = _useState2[1];
-
+      var _data$children;
+      return (_data$children = data.children) === null || _data$children === void 0 ? void 0 : _data$children.some(function (item) {
+        var activePath = item.activePath || item.link;
+        return activePath && pathname.startsWith(activePath);
+      });
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    isCollapsed = _useState2[0],
+    setIsCollapsed = _useState2[1];
   var CollapsedBtn = data.children && /*#__PURE__*/React.createElement("button", {
     className: "dumi-default-navbar-collapse-btn",
     type: "button",
@@ -53,8 +41,8 @@ var NavbarItem = function NavbarItem(_ref) {
     "data-collapsed": isCollapsed || undefined
   }, /*#__PURE__*/React.createElement(NavbarContent, {
     data: data.children
-  })); // user custom nav has no activePath, so fallback to link
-
+  }));
+  // user custom nav has no activePath, so fallback to link
   var activePath = data.activePath || data.link;
   var extraProps = activePath && pathname.startsWith(activePath) ? {
     className: 'active'
@@ -70,7 +58,6 @@ var NavbarItem = function NavbarItem(_ref) {
     }
   }, extraProps), data.title), CollapsedBtn, NestedNav);
 };
-
 var NavbarContent = function NavbarContent(_ref2) {
   var data = _ref2.data;
   return /*#__PURE__*/React.createElement(React.Fragment, null, data.map(function (item) {
@@ -85,7 +72,6 @@ var NavbarContent = function NavbarContent(_ref2) {
     }));
   }));
 };
-
 var Navbar = function Navbar() {
   var nav = useNavData();
   return /*#__PURE__*/React.createElement("ul", {
@@ -94,5 +80,4 @@ var Navbar = function Navbar() {
     data: nav
   }), /*#__PURE__*/React.createElement(NavbarExtra, null));
 };
-
 export default Navbar;

package/theme-default/slots/NavbarExtra/index.js

@@ -1,7 +1,5 @@
 import React from 'react';
-
 var NavbarExtra = function NavbarExtra() {
   return /*#__PURE__*/React.createElement(React.Fragment, null);
 };
-
 export default NavbarExtra;

package/theme-default/slots/NotFound/index.js

@@ -1,7 +1,6 @@
 import { Link, useIntl, useLocale } from 'dumi';
 import React from 'react';
 import "./index.less";
-
 var Page404 = function Page404() {
   var intl = useIntl();
   var locale = useLocale();
@@ -16,5 +15,4 @@ var Page404 = function Page404() {
     id: '404.back'
   }), " \u2192"));
 };
-
 export default Page404;

package/theme-default/slots/PreviewerActions/index.js

@@ -1,15 +1,9 @@
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import { ReactComponent as IconCheck } from '@ant-design/icons-svg/inline-svg/outlined/check.svg';
 import { ReactComponent as IconCodeSandbox } from '@ant-design/icons-svg/inline-svg/outlined/code-sandbox.svg';
 import { ReactComponent as IconSketch } from '@ant-design/icons-svg/inline-svg/outlined/sketch.svg';
@@ -21,7 +15,6 @@ import PreviewerActionsExtra from 'dumi/theme/slots/PreviewerActionsExtra';
 import Tabs from 'rc-tabs';
 import React, { useRef, useState } from 'react';
 import "./index.less";
-
 var IconCode = function IconCode() {
   return /*#__PURE__*/React.createElement("svg", {
     viewBox: "0 0 200 117"
@@ -29,7 +22,6 @@ var IconCode = function IconCode() {
     d: "M59.688 2.578c-3.438-3.437-8.438-3.437-11.563 0L3.75 48.516c-5 5.937-5 14.062 0 19.062l44.063 45.938c1.562 1.562 4.062 2.5 5.937 2.5s4.063-.938 5.938-2.5c3.437-3.438 3.437-8.438 0-11.563l-42.5-43.437 42.5-44.063c3.437-3.437 3.437-8.437 0-11.875Zm135.937 45.938L151.25 2.578c-3.438-3.437-8.438-3.437-11.563 0-3.125 3.438-3.437 8.438 0 11.563l42.5 44.375-42.5 44.062c-3.437 3.438-3.437 8.438 0 11.563 1.563 1.562 3.438 2.5 5.938 2.5 2.5 0 4.063-.938 5.938-2.5l44.062-45.938c5.625-5.625 5.625-13.75 0-19.687Zm-75.938-45c-4.062-1.563-9.062.937-10.937 5l-34.063 95c-1.562 4.062.938 9.062 5 10.937.938 0 1.563.938 2.5.938 3.438 0 6.563-2.5 7.5-5.938l35-95.937c1.563-4.063-.937-9.063-5-10Z"
   }));
 };
-
 var IconCodeExpand = function IconCodeExpand() {
   return /*#__PURE__*/React.createElement("svg", {
     viewBox: "0 0 200 117"
@@ -37,7 +29,6 @@ var IconCodeExpand = function IconCodeExpand() {
     d: "M59.688 2.578c-3.438-3.437-8.438-3.437-11.563 0L3.75 48.516c-5 5.937-5 14.062 0 19.062l44.063 45.938c1.562 1.562 4.062 2.5 5.937 2.5s4.063-.938 5.938-2.5c3.437-3.438 3.437-8.438 0-11.563l-42.5-43.437 42.5-44.063c3.437-3.437 3.437-8.437 0-11.875Zm135.937 45.938L151.25 2.578c-3.438-3.437-8.438-3.437-11.563 0-3.125 3.438-3.437 8.438 0 11.563l42.5 44.375-42.5 44.062c-3.437 3.438-3.437 8.438 0 11.563 1.563 1.562 3.438 2.5 5.938 2.5 2.5 0 4.063-.938 5.938-2.5l44.062-45.938c5.625-5.625 5.625-13.75 0-19.687Z"
   }));
 };
-
 var IconExternalLink = function IconExternalLink() {
   return /*#__PURE__*/React.createElement("svg", {
     viewBox: "0 0 1024 1024"
@@ -47,35 +38,27 @@ var IconExternalLink = function IconExternalLink() {
     d: "M682.667 213.333h67.413L481.707 481.28a42.667 42.667 0 0 0 0 60.587 42.667 42.667 0 0 0 60.586 0L810.667 273.92v67.413A42.667 42.667 0 0 0 853.333 384 42.667 42.667 0 0 0 896 341.333V170.667A42.667 42.667 0 0 0 853.333 128H682.667a42.667 42.667 0 0 0 0 85.333z"
   }));
 };
-
 var PreviewerActions = function PreviewerActions(props) {
   var _files$activeKey$0$ma, _props$disabledAction, _props$disabledAction2, _props$disabledAction3, _props$disabledAction4;
-
   var intl = useIntl();
   var files = Object.entries(props.asset.dependencies).filter(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 2),
-        type = _ref2[1].type;
-
+      type = _ref2[1].type;
     return type === 'FILE';
   });
-
   var _useState = useState(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      activeKey = _useState2[0],
-      setActiveKey = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    activeKey = _useState2[0],
+    setActiveKey = _useState2[1];
   var _useState3 = useState(props.forceShowCode || props.defaultShowCode),
-      _useState4 = _slicedToArray(_useState3, 2),
-      showCode = _useState4[0],
-      setShowCode = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    showCode = _useState4[0],
+    setShowCode = _useState4[1];
   var copyTimer = useRef();
-
   var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      isCopied = _useState6[0],
-      setIsCopied = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    isCopied = _useState6[0],
+    setIsCopied = _useState6[1];
   var isSingleFile = files.length === 1;
   var lang = ((_files$activeKey$0$ma = files[activeKey][0].match(/\.([^.]+)$/)) === null || _files$activeKey$0$ma === void 0 ? void 0 : _files$activeKey$0$ma[1]) || 'text';
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
@@ -108,7 +91,6 @@ var PreviewerActions = function PreviewerActions(props) {
     value: "",
     onChange: function onChange(ev) {
       var type = ev.target.value;
-
       switch (type) {
         case 'group':
         case 'symbol':
@@ -123,11 +105,9 @@ var PreviewerActions = function PreviewerActions(props) {
             }, 2000);
           });
           break;
-
         case 'guide':
           window.open('https://d.umijs.org/config#html2sketch');
           break;
-
         default:
       }
     }
@@ -182,8 +162,7 @@ var PreviewerActions = function PreviewerActions(props) {
     },
     items: files.map(function (_ref3, i) {
       var _ref4 = _slicedToArray(_ref3, 1),
-          filename = _ref4[0];
-
+        filename = _ref4[0];
       return {
         key: String(i),
         label: filename
@@ -193,5 +172,4 @@ var PreviewerActions = function PreviewerActions(props) {
     lang: lang
   }, files[activeKey][1].value)));
 };
-
 export default PreviewerActions;

package/theme-default/slots/PreviewerActionsExtra/index.js

@@ -1,7 +1,5 @@
 import React from 'react';
-
 var PreviewerActionsExtra = function PreviewerActionsExtra() {
   return /*#__PURE__*/React.createElement(React.Fragment, null);
 };
-
 export default PreviewerActionsExtra;

package/theme-default/slots/RtlSwitch/index.js

@@ -1,19 +1,12 @@
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import { useSiteData } from 'dumi';
 import React, { useEffect, useState } from 'react';
 import "./index.less";
-
 var IconRtl = function IconRtl() {
   return /*#__PURE__*/React.createElement("svg", {
     viewBox: "0 0 14 16"
@@ -21,7 +14,6 @@ var IconRtl = function IconRtl() {
     d: "M5.003 6.39v3.594c0 .4.275.674.674.674.4 0 .674-.274.674-.674V1.323h1.997v8.661c0 .4.274.674.674.674s.674-.274.674-.674V1.323h3.295c.399 0 .674-.275.674-.674 0-.4-.275-.649-.674-.649H4.928C3.131 0 1.733 1.398 1.733 3.195S3.206 6.39 5.003 6.39Zm0-5.067v3.72c-1.073 0-1.922-.8-1.922-1.873s.799-1.847 1.922-1.847Zm7.988 11.332H2.73l.8-.674c.274-.2.324-.674.124-.923-.2-.275-.674-.325-.923-.125L.735 12.53c-.275.275-.4.525-.4.874 0 .325.125.674.4.874l1.997 1.597a.829.829 0 0 0 .4.125c.199 0 .398-.075.523-.275.2-.274.2-.723-.125-.923l-.998-.799h10.459c.399 0 .674-.274.674-.674 0-.424-.275-.674-.674-.674Z"
   }));
 };
-
 var IconLtr = function IconLtr() {
   return /*#__PURE__*/React.createElement("svg", {
     viewBox: "0 0 14 16"
@@ -29,18 +21,14 @@ var IconLtr = function IconLtr() {
     d: "M5.003 6.39v3.594c0 .4.275.674.674.674.4 0 .674-.274.674-.674V1.323h1.997v8.661c0 .4.274.674.674.674s.674-.274.674-.674V1.323h3.295c.399 0 .674-.275.674-.674 0-.4-.275-.649-.674-.649H4.928C3.131 0 1.733 1.398 1.733 3.195S3.206 6.39 5.003 6.39Zm0-5.067v3.72c-1.073 0-1.922-.8-1.922-1.873s.799-1.847 1.922-1.847ZM1.01 12.655h10.26l-.8-.674c-.274-.2-.324-.674-.124-.923.2-.275.674-.325.923-.125l1.997 1.597c.275.275.4.525.4.874 0 .325-.125.674-.4.874l-1.997 1.597a.829.829 0 0 1-.399.125.59.59 0 0 1-.524-.275c-.2-.274-.2-.723.125-.923l.998-.799H1.009c-.399 0-.674-.274-.674-.674 0-.424.275-.674.674-.674Z"
   }));
 };
-
 var LS_RTL_KEY = 'dumi:rtl';
-
 var RtlSwitch = function RtlSwitch() {
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      rtl = _useState2[0],
-      setRtl = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    rtl = _useState2[0],
+    setRtl = _useState2[1];
   var _useSiteData = useSiteData(),
-      themeConfig = _useSiteData.themeConfig;
-
+    themeConfig = _useSiteData.themeConfig;
   useEffect(function () {
     if (localStorage.getItem(LS_RTL_KEY)) {
       setRtl(true);
@@ -59,12 +47,10 @@ var RtlSwitch = function RtlSwitch() {
         document.documentElement.setAttribute('data-direction', 'rtl');
         localStorage.setItem(LS_RTL_KEY, '1');
       }
-
       setRtl(!rtl);
     },
     "data-dumi-tooltip": rtl ? 'RTL' : 'LTR',
     "data-dumi-tooltip-bottom": true
   }, rtl ? /*#__PURE__*/React.createElement(IconRtl, null) : /*#__PURE__*/React.createElement(IconLtr, null));
 };
-
 export default RtlSwitch;

package/theme-default/slots/RtlSwitch/index.less

@@ -2,6 +2,7 @@
 
 .@{prefix}-rtl-switch {
   height: 16px;
+  padding: 0;
   appearance: none;
   border: 0;
   background-color: transparent;
@@ -13,6 +14,10 @@
     margin-inline-end: -15px;
     padding-inline: 15px;
     border-inline-start: 1px solid @c-border-light;
+
+    @{dark-selector} & {
+      border-inline-start-color: @c-border-less-dark;
+    }
   }
 
   > svg {

package/theme-default/slots/SearchBar/Input.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type NativeInputProps = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+type NativeInputProps = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
 export declare const Input: React.ForwardRefExoticComponent<{
     onChange: (keywords: string) => void;
 } & Pick<NativeInputProps, "onFocus" | "onBlur"> & React.RefAttributes<HTMLInputElement>>;

package/theme-default/slots/SearchBar/Input.js

@@ -13,22 +13,23 @@ export var Input = /*#__PURE__*/forwardRef(function (props, ref) {
       return imeWaiting.current = true;
     },
     onCompositionEnd: function onCompositionEnd(ev) {
-      imeWaiting.current = false; // special case: press Enter open IME panel will not trigger onChange
-
+      imeWaiting.current = false;
+      // special case: press Enter open IME panel will not trigger onChange
       props.onChange(ev.currentTarget.value);
     },
     onFocus: props.onFocus,
     onBlur: props.onBlur,
     onKeyDown: function onKeyDown(ev) {
-      if (['ArrowDown', 'ArrowUp'].includes(ev.key)) ev.preventDefault(); // esc to blur input
-
+      if (['ArrowDown', 'ArrowUp'].includes(ev.key)) ev.preventDefault();
+      // esc to blur input
       if (ev.key === 'Escape' && !imeWaiting.current) ev.currentTarget.blur();
     },
     onChange: function onChange(ev) {
       // wait for onCompositionEnd event be triggered
+      var value = ev.target.value;
       setTimeout(function () {
         if (!imeWaiting.current) {
-          props.onChange(ev.target.value);
+          props.onChange(value);
         }
       }, 1);
     },

package/theme-default/slots/SearchBar/Mask.d.ts

@@ -1,5 +1,5 @@
 import { type FC, type ReactNode } from 'react';
-declare type MaskProps = {
+type MaskProps = {
     visible: boolean;
     children: ReactNode;
     onMaskClick?: () => void;

package/theme-default/slots/SearchBar/Mask.js

@@ -5,7 +5,6 @@ export var Mask = function Mask(props) {
       document.body.style.overflow = 'hidden';
     } else {
       var _props$onClose;
-
       document.body.style.overflow = '';
       (_props$onClose = props.onClose) === null || _props$onClose === void 0 ? void 0 : _props$onClose.call(props);
     }