chore: 开发环境优化 (#626)

src/packages/icon/demo.tsx

@@ -116,13 +116,13 @@ const IconDemo = () => {
         </Cell>
         {icons.data.map((item, index) => {
           return (
-            <CellGroup key={index} title={item.name}>
+            <CellGroup key={item.name} title={item.name}>
               <Cell>
                 <ul>
                   {item.icons.map((icon) => {
                     return (
                       <li
-                        key={icon}
+                        key={Math.random()}
                         onClick={() => copyTag(generateCopyText(icon))}
                       >
                         <Icon name={icon} />
@@ -137,7 +137,7 @@ const IconDemo = () => {
         })}
         {icons.style.map((item, index) => {
           return (
-            <CellGroup key={index} title={item.name}>
+            <CellGroup key={item.name} title={item.name}>
               <Cell>
                 <ul>
                   {item.icons.map((icon) => {

src/packages/picker/picker.tsx

@@ -92,7 +92,6 @@ const InternalPicker: ForwardRefRenderFunction<unknown, Partial<PickerProps>> =
 
     // 选中值进行修改
     useEffect(() => {
-      console.log('修改')
       onChange && onChange(columnIndex, chooseValueData, selectedOptions())
       if (isConfirmEvent.current) {
         isConfirmEvent.current = false

src/sites/doc/components/nav/nav.tsx

-import React, { useEffect, useState } from 'react'
+import React, { Fragment, useEffect, useState } from 'react'
 import { nav } from '@/config.json'
 import { NavLink } from 'react-router-dom'
 import './nav.scss'
@@ -24,7 +24,7 @@ const Nav = () => {
       <ol>
         {cNav.map((cn: any) => {
           return (
-            <>
+            <Fragment key={cn.name}>
               <li>{cn.name}</li>
               <ul>
                 {cn.packages.map((cp: any) => {
@@ -42,7 +42,7 @@ const Nav = () => {
                   )
                 })}
               </ul>
-            </>
+            </Fragment>
           )
         })}
       </ol>

src/sites/mobile/App.scss

@@ -6,8 +6,6 @@
   flex-direction: column;
 
   #nav {
-    //display: flex;
-    //justify-content: space-between;
     position: fixed;
     z-index: 10;
     left: 0;
@@ -43,6 +41,12 @@
     }
     .dark-model {
       margin-right: 10px;
+      width: 20px;
+      height: 20px;
+    }
+    .translate-icon {
+      width: 20px;
+      height: 20px;
     }
   }
 

src/sites/mobile/App.tsx

@@ -18,10 +18,7 @@ import routes from './router'
 import Links from './Links'
 import logo from '@/sites/assets/images/logo-red.png'
 import useLocale, { getLocale } from '@/sites/assets/locale/uselocale'
-import Configprovider, {
-  getDefaultConfig,
-  useConfig,
-} from '@/packages/configprovider'
+import Configprovider, { useConfig } from '@/packages/configprovider'
 import zhTW from '@/locales/zh-TW'
 import zhCN from '@/locales/zh-CN'
 import enUS from '@/locales/en-US'
@@ -67,7 +64,6 @@ const darkTheme = {
 const WithNavRouter = (C: LoadableComponent<any>) => {
   const WithNav: FunctionComponent = (props: PropsWithChildren<any>) => {
     const context = useConfig()
-    console.log(context)
     const handleSwitchLocale = () => {
       let href = ''
       let locale = getLocale()
@@ -96,13 +92,6 @@ const WithNavRouter = (C: LoadableComponent<any>) => {
     }
     const handleSwitchDarkModel = () => {
       context.changeTheme()
-      // const attr = document.documentElement.getAttribute(
-      //   'data-prefers-color-scheme'
-      // )
-      // document.documentElement.setAttribute(
-      //   'data-prefers-color-scheme',
-      //   attr ? '' : 'dark'
-      // )
     }
     return (
       <>
@@ -118,6 +107,7 @@ const WithNavRouter = (C: LoadableComponent<any>) => {
               onClick={() => handleSwitchDarkModel()}
             />
             <Icon
+              className={'translate-icon'}
               name="https://img14.360buyimg.com/imagetools/jfs/t1/135168/8/21387/6193/625fa81aEe07cc347/55ad5bc2580c53a6.png"
               onClick={() => handleSwitchLocale()}
             />