dumi 2.1.11 → 2.1.12

package/dist/client/theme-api/utils.d.ts

@@ -1,4 +1,4 @@
-import { useLayoutEffect } from 'react';
+import { useEffect } from 'react';
 import type { ILocale, INav, INavItem, IRouteMeta, IRoutesById, IUserNavValue } from './types';
 export declare const useLocaleDocRoutes: () => IRoutesById;
 /**
@@ -7,7 +7,7 @@ export declare const useLocaleDocRoutes: () => IRoutesById;
  * @returns code string
  */
 export declare const genReactRenderCode: (version: string) => string;
-export declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
+export declare const useIsomorphicLayoutEffect: typeof useEffect;
 /**
  * common comparer for sidebar/nav items
  */

package/dist/loaders/markdown/transformer/rehypeDemo.js

@@ -100,8 +100,6 @@ function rehypeDemo(opts) {
             if (isFirstChild) {
               node.data ?? (node.data = {});
               node.data[DEMO_NODE_CONTAINER] = true;
-              if (!nextChild)
-                return SKIP;
               while (nextChild) {
                 if (isElement(nextChild, "code") && tryMarkDemoNode(nextChild, opts) || isElement(nextChild, "br")) {
                   splitFrom += 1;
@@ -112,6 +110,8 @@ function rehypeDemo(opts) {
                   break;
                 }
               }
+              if (!nextChild)
+                return SKIP;
             }
             const splitChildren = node.children.splice(splitFrom);
             parent.children.splice(nodeIndex + 1, 0, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dumi",
-  "version": "2.1.11",
+  "version": "2.1.12",
   "description": "📖 Documentation Generator of React Component",
   "keywords": [
     "generator",

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

@@ -10,14 +10,18 @@
   display: inline-block;
   font-family: Alibaba-PuHuiTi, 'Gill Sans', 'Gill Sans MT', Calibri,
     'Trebuchet MS', sans-serif;
-  color: #82cdf8;
+  color: lighten(desaturate(spin(@c-primary, -13), 10.5), 20);
   font-size: 180px;
   line-height: 1;
 
   > span {
+    // generated via: https://nicothin.pro/lessColourFunctionCalculator/
+    @from: lighten(spin(@c-primary, -12.5), 24);
+    @to: lighten(@c-primary, 15.5);
+
     color: transparent;
-    text-shadow: 0 10px 20px rgba(22, 119, 255, 15%);
-    background: linear-gradient(30deg, #91d6ff 30%, #66a6ff);
+    text-shadow: 0 10px 20px fadeout(@c-primary, 85%);
+    background: linear-gradient(30deg, @from 30%, @to);
     background-clip: text;
   }
 

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

@@ -24,6 +24,11 @@ import { Mask } from "./Mask";
 export { Input as SearchInput } from "./Input";
 export { Mask as SearchMask } from "./Mask";
 var isAppleDevice = /(mac|iphone|ipod|ipad)/i.test(typeof navigator !== 'undefined' ? (_navigator = navigator) === null || _navigator === void 0 ? void 0 : _navigator.platform : '');
+/** Determine if the element that triggered the event is an input element */
+
+var isInput = function isInput(target) {
+  return ['TEXTAREA', 'INPUT'].includes(target.tagName) || target.contentEditable === 'true';
+};
 
 var SearchBar = function SearchBar() {
   var _useState = useState(false),
@@ -58,7 +63,7 @@ var SearchBar = function SearchBar() {
     }
 
     var handler = function handler(ev) {
-      if ((isAppleDevice ? ev.metaKey : ev.ctrlKey) && ev.key === 'k' || ev.key === '/') {
+      if ((isAppleDevice ? ev.metaKey : ev.ctrlKey) && ev.key === 'k' || ev.key === '/' && !isInput(ev.target)) {
         ev.preventDefault();
 
         if (inputRef.current) {