Chore: frontend infrastructure upgrade (#16420)

Co-authored-by: NFish <douxc512@gmail.com>
Co-authored-by: zxhlyh <jasonapring2015@outlook.com>
Co-authored-by: twwu <twwu@dify.ai>
Co-authored-by: jZonG <jzongcode@gmail.com>

web/app/components/base/icons/src/image/llm/BaichuanTextCn.tsx

@@ -5,10 +5,15 @@ import * as React from 'react'
 import cn from '@/utils/classnames'
 import s from './BaichuanTextCn.module.css'
 
-const Icon = React.forwardRef<HTMLSpanElement, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>((
-  { className, ...restProps },
-  ref,
-) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />)
+const Icon = (
+  {
+    ref,
+    className,
+    ...restProps
+  }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & {
+    ref?: React.RefObject<HTMLSpanElement>;
+  },
+) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />
 
 Icon.displayName = 'BaichuanTextCn'
 

web/app/components/base/icons/src/image/llm/Minimax.tsx

@@ -5,10 +5,15 @@ import * as React from 'react'
 import cn from '@/utils/classnames'
 import s from './Minimax.module.css'
 
-const Icon = React.forwardRef<HTMLSpanElement, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>((
-  { className, ...restProps },
-  ref,
-) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />)
+const Icon = (
+  {
+    ref,
+    className,
+    ...restProps
+  }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & {
+    ref?: React.RefObject<HTMLSpanElement>;
+  },
+) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />
 
 Icon.displayName = 'Minimax'
 

web/app/components/base/icons/src/image/llm/MinimaxText.tsx

@@ -5,10 +5,15 @@ import * as React from 'react'
 import cn from '@/utils/classnames'
 import s from './MinimaxText.module.css'
 
-const Icon = React.forwardRef<HTMLSpanElement, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>((
-  { className, ...restProps },
-  ref,
-) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />)
+const Icon = (
+  {
+    ref,
+    className,
+    ...restProps
+  }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & {
+    ref?: React.RefObject<HTMLSpanElement>;
+  },
+) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />
 
 Icon.displayName = 'MinimaxText'
 

web/app/components/base/icons/src/image/llm/Tongyi.tsx

@@ -5,10 +5,15 @@ import * as React from 'react'
 import cn from '@/utils/classnames'
 import s from './Tongyi.module.css'
 
-const Icon = React.forwardRef<HTMLSpanElement, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>((
-  { className, ...restProps },
-  ref,
-) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />)
+const Icon = (
+  {
+    ref,
+    className,
+    ...restProps
+  }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & {
+    ref?: React.RefObject<HTMLSpanElement>;
+  },
+) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />
 
 Icon.displayName = 'Tongyi'
 

web/app/components/base/icons/src/image/llm/TongyiText.tsx

@@ -5,10 +5,15 @@ import * as React from 'react'
 import cn from '@/utils/classnames'
 import s from './TongyiText.module.css'
 
-const Icon = React.forwardRef<HTMLSpanElement, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>((
-  { className, ...restProps },
-  ref,
-) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />)
+const Icon = (
+  {
+    ref,
+    className,
+    ...restProps
+  }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & {
+    ref?: React.RefObject<HTMLSpanElement>;
+  },
+) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />
 
 Icon.displayName = 'TongyiText'
 

web/app/components/base/icons/src/image/llm/TongyiTextCn.tsx

@@ -5,10 +5,15 @@ import * as React from 'react'
 import cn from '@/utils/classnames'
 import s from './TongyiTextCn.module.css'
 
-const Icon = React.forwardRef<HTMLSpanElement, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>((
-  { className, ...restProps },
-  ref,
-) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />)
+const Icon = (
+  {
+    ref,
+    className,
+    ...restProps
+  }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & {
+    ref?: React.RefObject<HTMLSpanElement>;
+  },
+) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />
 
 Icon.displayName = 'TongyiTextCn'
 

web/app/components/base/icons/src/image/llm/Wxyy.tsx

@@ -5,10 +5,15 @@ import * as React from 'react'
 import cn from '@/utils/classnames'
 import s from './Wxyy.module.css'
 
-const Icon = React.forwardRef<HTMLSpanElement, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>((
-  { className, ...restProps },
-  ref,
-) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />)
+const Icon = (
+  {
+    ref,
+    className,
+    ...restProps
+  }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & {
+    ref?: React.RefObject<HTMLSpanElement>;
+  },
+) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />
 
 Icon.displayName = 'Wxyy'
 

web/app/components/base/icons/src/image/llm/WxyyText.tsx

@@ -5,10 +5,15 @@ import * as React from 'react'
 import cn from '@/utils/classnames'
 import s from './WxyyText.module.css'
 
-const Icon = React.forwardRef<HTMLSpanElement, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>((
-  { className, ...restProps },
-  ref,
-) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />)
+const Icon = (
+  {
+    ref,
+    className,
+    ...restProps
+  }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & {
+    ref?: React.RefObject<HTMLSpanElement>;
+  },
+) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />
 
 Icon.displayName = 'WxyyText'
 

web/app/components/base/icons/src/image/llm/WxyyTextCn.tsx

@@ -5,10 +5,15 @@ import * as React from 'react'
 import cn from '@/utils/classnames'
 import s from './WxyyTextCn.module.css'
 
-const Icon = React.forwardRef<HTMLSpanElement, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>((
-  { className, ...restProps },
-  ref,
-) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />)
+const Icon = (
+  {
+    ref,
+    className,
+    ...restProps
+  }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & {
+    ref?: React.RefObject<HTMLSpanElement>;
+  },
+) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />
 
 Icon.displayName = 'WxyyTextCn'