4.8.3 (#1654)

* Milvus (#1644)

* feat: support regx

* 4.8.3 test and fix (#1648)

* perf: version tip

* feat: sandbox support log

* fix: debug component render

* fix: share page header

* fix: input guide auth

* fix: iso viewport

* remove file

* fix: route url

* feat: add debug timout

* perf: reference select support trigger

* perf: session code

* perf: theme

* perf: load milvus

packages/web/styles/theme.ts

@@ -20,6 +20,8 @@ const { definePartsStyle: numInputPart, defineMultiStyleConfig: numInputMultiSty
 const { definePartsStyle: checkBoxPart, defineMultiStyleConfig: checkBoxMultiStyle } =
   createMultiStyleConfigHelpers(checkboxAnatomy.keys);
 
+const shadowLight = '0px 0px 0px 2.4px rgba(51, 112, 255, 0.15)';
+
 // 按键
 const Button = defineStyleConfig({
   baseStyle: {
@@ -289,7 +291,7 @@ const Input: ComponentStyleConfig = {
         borderColor: 'borderColor.low',
         _focus: {
           borderColor: 'primary.500',
-          boxShadow: '0px 0px 0px 2.4px rgba(51, 112, 255, 0.15)',
+          boxShadow: shadowLight,
           bg: 'white'
         },
         _disabled: {
@@ -328,7 +330,7 @@ const NumberInput = numInputMultiStyle({
         borderColor: 'myGray.200',
         _focus: {
           borderColor: 'primary.500 !important',
-          boxShadow: '0px 0px 0px 2.4px rgba(51, 112, 255, 0.15) !important',
+          boxShadow: `${shadowLight} !important`,
           bg: 'transparent'
         },
         _disabled: {
@@ -362,7 +364,7 @@ const Textarea: ComponentStyleConfig = {
       },
       _focus: {
         borderColor: 'primary.500',
-        boxShadow: '0px 0px 0px 2.4px rgba(51, 112, 255, 0.15)',
+        boxShadow: shadowLight,
         bg: 'white'
       }
     }
@@ -396,7 +398,7 @@ const Select = selectMultiStyle({
       field: {
         borderColor: 'myGray.200',
         _focusWithin: {
-          boxShadow: '0px 0px 0px 2.4px rgba(51, 112, 255, 0.15)',
+          boxShadow: shadowLight,
           borderColor: 'primary.500'
         }
       }
@@ -408,6 +410,21 @@ const Checkbox = checkBoxMultiStyle({
   baseStyle: checkBoxPart({
     label: {
       fontFamily: 'mono' // change the font family of the label
+    },
+    control: {
+      bg: 'none',
+      _checked: {
+        bg: 'primary.50',
+        borderColor: 'primary.600',
+        color: 'primary.600',
+        boxShadow: `${shadowLight} !important`,
+        _hover: {
+          bg: 'primary.50'
+        }
+      },
+      _hover: {
+        borderColor: 'primary.400'
+      }
     }
   })
 });
@@ -437,6 +454,11 @@ export const theme = extendTheme({
       },
       a: {
         color: 'primary.600'
+      },
+      '*': {
+        _focusVisible: {
+          boxShadow: 'none'
+        }
       }
     }
   },
@@ -491,6 +513,25 @@ export const theme = extendTheme({
       800: '#2450B5',
       900: '#1D4091'
     },
+    blue: {
+      1: 'rgba(51, 112, 255, 0.1)',
+      '015': 'rgba(51, 112, 255, 0.15)',
+      3: 'rgba(51, 112, 255, 0.3)',
+      5: 'rgba(51, 112, 255, 0.5)',
+      7: 'rgba(51, 112, 255, 0.7)',
+      9: 'rgba(51, 112, 255, 0.9)',
+
+      50: '#F0F4FF',
+      100: '#E1EAFF',
+      200: '#C5D7FF',
+      300: '#94B5FF',
+      400: '#5E8FFF',
+      500: '#487FFF',
+      600: '#3370FF',
+      700: '#2B5FD9',
+      800: '#2450B5',
+      900: '#1D4091'
+    },
     red: {
       1: 'rgba(217,45,32,0.1)',
       3: 'rgba(217,45,32,0.3)',
@@ -579,7 +620,8 @@ export const theme = extendTheme({
     5: '0px 0px 1px 0px rgba(19, 51, 107, 0.15), 0px 20px 24px -8px rgba(19, 51, 107, 0.15)',
     6: '0px 0px 1px 0px rgba(19, 51, 107, 0.20), 0px 24px 48px -12px rgba(19, 51, 107, 0.20)',
     7: '0px 0px 1px 0px rgba(19, 51, 107, 0.20), 0px 32px 64px -12px rgba(19, 51, 107, 0.20)',
-    focus: '0px 0px 0px 2.4px rgba(51, 112, 255, 0.15)'
+    focus: shadowLight,
+    outline: 'none'
   },
   breakpoints: {
     sm: '900px',