site: fix some eslint error (#51901)

.dumi/theme/common/Color/ColorPaletteToolDark.tsx

@@ -1,7 +1,7 @@
 import React, { useMemo, useState } from 'react';
 import { Col, ColorPicker, Row } from 'antd';
-import { FormattedMessage } from 'dumi';
 import type { Color } from 'antd/es/color-picker';
+import { FormattedMessage } from 'dumi';
 
 import useLocale from '../../../hooks/useLocale';
 import ColorPatterns from './ColorPatterns';
@@ -34,7 +34,7 @@ const ColorPaletteTool: React.FC = () => {
     setPrimaryColorInstance(color);
   };
 
-  const handleChangeBackgroundColor = (_, hex: string) => {
+  const handleChangeBackgroundColor = (_: Color, hex: string) => {
     setBackgroundColor(hex);
   };
 

.dumi/theme/common/Color/Palette.tsx

@@ -5,6 +5,9 @@ import CopyToClipboard from 'react-copy-to-clipboard';
 
 const rgbToHex = (rgbString: string): string => {
   const rgb = rgbString.match(/\d+/g);
+  if (!rgb) {
+    return '';
+  }
   let r = parseInt(rgb[0], 10).toString(16);
   let g = parseInt(rgb[1], 10).toString(16);
   let b = parseInt(rgb[2], 10).toString(16);

.dumi/theme/common/JSONEditor/index.tsx

@@ -1,16 +1,20 @@
 import React, { useEffect, useRef } from 'react';
-import type { JSONEditorPropsOptional } from 'vanilla-jsoneditor';
+import type { JsonEditor, JSONEditorPropsOptional } from 'vanilla-jsoneditor';
-import { JSONEditor, Mode } from 'vanilla-jsoneditor';
+import { createJSONEditor, Mode } from 'vanilla-jsoneditor';
 
 const Editor: React.FC<JSONEditorPropsOptional> = (props) => {
-  const editorRef = useRef<JSONEditor>(null);
+  const editorRef = useRef<JsonEditor>();
   const container = useRef<HTMLDivElement>(null);
 
   useEffect(() => {
-    editorRef.current = new JSONEditor({
+    if (container.current) {
-      target: container.current,
+      editorRef.current = createJSONEditor({
-      props: { mode: Mode.text },
+        target: container.current,
-    });
+        props: {
+          mode: Mode.text,
+        },
+      });
+    }
     return () => {
       editorRef.current?.destroy();
     };

.dumi/theme/common/styles/Demo.tsx

@@ -347,12 +347,13 @@ const GlobalDemoStyles: React.FC = () => {
           display: flex;
           align-items: center;
           column-gap: ${token.marginXS}px;
+        }
 
-          ${antCls}-btn {
+        ${antCls}-btn {
-            opacity: 0.6;
+          opacity: 0.6;
-            &.icon-enabled {
+          &.icon-enabled {
-             background: ${token.colorFillSecondary};
+            background: ${token.colorFillSecondary};
-             opacity: 1;
+            opacity: 1;
             ${iconCls} {
               color: ${token.colorTextBase};
               font-weight: bold;