Introduce Plugins (#13836)

Signed-off-by: yihong0618 <zouzou0208@gmail.com>
Signed-off-by: -LAN- <laipz8200@outlook.com>
Signed-off-by: xhe <xw897002528@gmail.com>
Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: takatost <takatost@gmail.com>
Co-authored-by: kurokobo <kuro664@gmail.com>
Co-authored-by: Novice Lee <novicelee@NoviPro.local>
Co-authored-by: zxhlyh <jasonapring2015@outlook.com>
Co-authored-by: AkaraChen <akarachen@outlook.com>
Co-authored-by: Yi <yxiaoisme@gmail.com>
Co-authored-by: Joel <iamjoel007@gmail.com>
Co-authored-by: JzoNg <jzongcode@gmail.com>
Co-authored-by: twwu <twwu@dify.ai>
Co-authored-by: Hiroshi Fujita <fujita-h@users.noreply.github.com>
Co-authored-by: AkaraChen <85140972+AkaraChen@users.noreply.github.com>
Co-authored-by: NFish <douxc512@gmail.com>
Co-authored-by: Wu Tianwei <30284043+WTW0313@users.noreply.github.com>
Co-authored-by: 非法操作 <hjlarry@163.com>
Co-authored-by: Novice <857526207@qq.com>
Co-authored-by: Hiroki Nagai <82458324+nagaihiroki-git@users.noreply.github.com>
Co-authored-by: Gen Sato <52241300+halogen22@users.noreply.github.com>
Co-authored-by: eux <euxuuu@gmail.com>
Co-authored-by: huangzhuo1949 <167434202+huangzhuo1949@users.noreply.github.com>
Co-authored-by: huangzhuo <huangzhuo1@xiaomi.com>
Co-authored-by: lotsik <lotsik@mail.ru>
Co-authored-by: crazywoola <100913391+crazywoola@users.noreply.github.com>
Co-authored-by: nite-knite <nkCoding@gmail.com>
Co-authored-by: Jyong <76649700+JohnJyong@users.noreply.github.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: gakkiyomi <gakkiyomi@aliyun.com>
Co-authored-by: CN-P5 <heibai2006@gmail.com>
Co-authored-by: CN-P5 <heibai2006@qq.com>
Co-authored-by: Chuehnone <1897025+chuehnone@users.noreply.github.com>
Co-authored-by: yihong <zouzou0208@gmail.com>
Co-authored-by: Kevin9703 <51311316+Kevin9703@users.noreply.github.com>
Co-authored-by: -LAN- <laipz8200@outlook.com>
Co-authored-by: Boris Feld <lothiraldan@gmail.com>
Co-authored-by: mbo <himabo@gmail.com>
Co-authored-by: mabo <mabo@aeyes.ai>
Co-authored-by: Warren Chen <warren.chen830@gmail.com>
Co-authored-by: JzoNgKVO <27049666+JzoNgKVO@users.noreply.github.com>
Co-authored-by: jiandanfeng <chenjh3@wangsu.com>
Co-authored-by: zhu-an <70234959+xhdd123321@users.noreply.github.com>
Co-authored-by: zhaoqingyu.1075 <zhaoqingyu.1075@bytedance.com>
Co-authored-by: 海狸大師 <86974027+yenslife@users.noreply.github.com>
Co-authored-by: Xu Song <xusong.vip@gmail.com>
Co-authored-by: rayshaw001 <396301947@163.com>
Co-authored-by: Ding Jiatong <dingjiatong@gmail.com>
Co-authored-by: Bowen Liang <liangbowen@gf.com.cn>
Co-authored-by: JasonVV <jasonwangiii@outlook.com>
Co-authored-by: le0zh <newlight@qq.com>
Co-authored-by: zhuxinliang <zhuxinliang@didiglobal.com>
Co-authored-by: k-zaku <zaku99@outlook.jp>
Co-authored-by: luckylhb90 <luckylhb90@gmail.com>
Co-authored-by: hobo.l <hobo.l@binance.com>
Co-authored-by: jiangbo721 <365065261@qq.com>
Co-authored-by: 刘江波 <jiangbo721@163.com>
Co-authored-by: Shun Miyazawa <34241526+miya@users.noreply.github.com>
Co-authored-by: EricPan <30651140+Egfly@users.noreply.github.com>
Co-authored-by: crazywoola <427733928@qq.com>
Co-authored-by: sino <sino2322@gmail.com>
Co-authored-by: Jhvcc <37662342+Jhvcc@users.noreply.github.com>
Co-authored-by: lowell <lowell.hu@zkteco.in>
Co-authored-by: Boris Polonsky <BorisPolonsky@users.noreply.github.com>
Co-authored-by: Ademílson Tonato <ademilsonft@outlook.com>
Co-authored-by: Ademílson Tonato <ademilson.tonato@refurbed.com>
Co-authored-by: IWAI, Masaharu <iwaim.sub@gmail.com>
Co-authored-by: Yueh-Po Peng (Yabi) <94939112+y10ab1@users.noreply.github.com>
Co-authored-by: Jason <ggbbddjm@gmail.com>
Co-authored-by: Xin Zhang <sjhpzx@gmail.com>
Co-authored-by: yjc980121 <3898524+yjc980121@users.noreply.github.com>
Co-authored-by: heyszt <36215648+hieheihei@users.noreply.github.com>
Co-authored-by: Abdullah AlOsaimi <osaimiacc@gmail.com>
Co-authored-by: Abdullah AlOsaimi <189027247+osaimi@users.noreply.github.com>
Co-authored-by: Yingchun Lai <laiyingchun@apache.org>
Co-authored-by: Hash Brown <hi@xzd.me>
Co-authored-by: zuodongxu <192560071+zuodongxu@users.noreply.github.com>
Co-authored-by: Masashi Tomooka <tmokmss@users.noreply.github.com>
Co-authored-by: aplio <ryo.091219@gmail.com>
Co-authored-by: Obada Khalili <54270856+obadakhalili@users.noreply.github.com>
Co-authored-by: Nam Vu <zuzoovn@gmail.com>
Co-authored-by: Kei YAMAZAKI <1715090+kei-yamazaki@users.noreply.github.com>
Co-authored-by: TechnoHouse <13776377+deephbz@users.noreply.github.com>
Co-authored-by: Riddhimaan-Senapati <114703025+Riddhimaan-Senapati@users.noreply.github.com>
Co-authored-by: MaFee921 <31881301+2284730142@users.noreply.github.com>
Co-authored-by: te-chan <t-nakanome@sakura-is.co.jp>
Co-authored-by: HQidea <HQidea@users.noreply.github.com>
Co-authored-by: Joshbly <36315710+Joshbly@users.noreply.github.com>
Co-authored-by: xhe <xw897002528@gmail.com>
Co-authored-by: weiwenyan-dev <154779315+weiwenyan-dev@users.noreply.github.com>
Co-authored-by: ex_wenyan.wei <ex_wenyan.wei@tcl.com>
Co-authored-by: engchina <12236799+engchina@users.noreply.github.com>
Co-authored-by: engchina <atjapan2015@gmail.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: 呆萌闷油瓶 <253605712@qq.com>
Co-authored-by: Kemal <kemalmeler@outlook.com>
Co-authored-by: Lazy_Frog <4590648+lazyFrogLOL@users.noreply.github.com>
Co-authored-by: Yi Xiao <54782454+YIXIAO0@users.noreply.github.com>
Co-authored-by: Steven sun <98230804+Tuyohai@users.noreply.github.com>
Co-authored-by: steven <sunzwj@digitalchina.com>
Co-authored-by: Kalo Chin <91766386+fdb02983rhy@users.noreply.github.com>
Co-authored-by: Katy Tao <34019945+KatyTao@users.noreply.github.com>
Co-authored-by: depy <42985524+h4ckdepy@users.noreply.github.com>
Co-authored-by: 胡春东 <gycm520@gmail.com>
Co-authored-by: Junjie.M <118170653@qq.com>
Co-authored-by: MuYu <mr.muzea@gmail.com>
Co-authored-by: Naoki Takashima <39912547+takatea@users.noreply.github.com>
Co-authored-by: Summer-Gu <37869445+gubinjie@users.noreply.github.com>
Co-authored-by: Fei He <droxer.he@gmail.com>
Co-authored-by: ybalbert001 <120714773+ybalbert001@users.noreply.github.com>
Co-authored-by: Yuanbo Li <ybalbert@amazon.com>
Co-authored-by: douxc <7553076+douxc@users.noreply.github.com>
Co-authored-by: liuzhenghua <1090179900@qq.com>
Co-authored-by: Wu Jiayang <62842862+Wu-Jiayang@users.noreply.github.com>
Co-authored-by: Your Name <you@example.com>
Co-authored-by: kimjion <45935338+kimjion@users.noreply.github.com>
Co-authored-by: AugNSo <song.tiankai@icloud.com>
Co-authored-by: llinvokerl <38915183+llinvokerl@users.noreply.github.com>
Co-authored-by: liusurong.lsr <liusurong.lsr@alibaba-inc.com>
Co-authored-by: Vasu Negi <vasu-negi@users.noreply.github.com>
Co-authored-by: Hundredwz <1808096180@qq.com>
Co-authored-by: Xiyuan Chen <52963600+GareArc@users.noreply.github.com>

web/app/components/datasets/create/empty-dataset-creation-modal/index.tsx

@@ -12,7 +12,7 @@ import Button from '@/app/components/base/button'
 import { ToastContext } from '@/app/components/base/toast'
 import { createEmptyDataset } from '@/service/datasets'
 
-type IProps = {
+interface IProps {
   show: boolean
   onHide: () => void
 }

web/app/components/datasets/create/index.tsx

@@ -6,7 +6,7 @@ import { ModelTypeEnum } from '../../header/account-setting/model-provider-page/
 import StepOne from './step-one'
 import StepTwo from './step-two'
 import StepThree from './step-three'
-import { Topbar } from './top-bar'
+import { TopBar } from './top-bar'
 import { DataSourceType } from '@/models/datasets'
 import type { CrawlOptions, CrawlResultItem, DataSet, FileItem, createDocumentResponse } from '@/models/datasets'
 import { fetchDataSource } from '@/service/common'
@@ -111,7 +111,7 @@ const DatasetUpdateForm = ({ datasetId }: DatasetUpdateFormProps) => {
           const detail = await fetchDatasetDetail(datasetId)
           setDetail(detail)
         }
-        catch (e) {
+        catch {
           setHasError(true)
         }
       }
@@ -123,7 +123,7 @@ const DatasetUpdateForm = ({ datasetId }: DatasetUpdateFormProps) => {
 
   return (
     <div className='flex flex-col bg-components-panel-bg' style={{ height: 'calc(100vh - 56px)' }}>
-      <Topbar activeIndex={step - 1} />
+      <TopBar activeIndex={step - 1} datasetId={datasetId} />
       <div style={{ height: 'calc(100% - 52px)' }}>
         {step === 1 && <StepOne
           hasConnection={hasConnection}

web/app/components/datasets/create/step-one/index.tsx

@@ -23,7 +23,7 @@ import classNames from '@/utils/classnames'
 type IStepOneProps = {
   datasetId?: string
   dataSourceType?: DataSourceType
-  dataSourceTypeDisable: Boolean
+  dataSourceTypeDisable: boolean
   hasConnection: boolean
   onSetting: () => void
   files: FileItem[]

web/app/components/datasets/create/step-two/index.tsx

@@ -37,7 +37,7 @@ import Button from '@/app/components/base/button'
 import FloatRightContainer from '@/app/components/base/float-right-container'
 import RetrievalMethodConfig from '@/app/components/datasets/common/retrieval-method-config'
 import EconomicalRetrievalMethodConfig from '@/app/components/datasets/common/economical-retrieval-method-config'
-import { type RetrievalConfig } from '@/types/app'
+import type { RetrievalConfig } from '@/types/app'
 import { isReRankModelSelected } from '@/app/components/datasets/common/check-rerank-model'
 import Toast from '@/app/components/base/toast'
 import type { NotionPage } from '@/models/common'
@@ -98,7 +98,7 @@ export enum IndexingType {
 const DEFAULT_SEGMENT_IDENTIFIER = '\\n\\n'
 const DEFAULT_MAXIMUM_CHUNK_LENGTH = 500
 const DEFAULT_OVERLAP = 50
-const MAXIMUM_CHUNK_TOKEN_LENGTH = parseInt(globalThis.document?.body?.getAttribute('data-public-indexing-max-segmentation-tokens-length') || '4000', 10)
+const MAXIMUM_CHUNK_TOKEN_LENGTH = Number.parseInt(globalThis.document?.body?.getAttribute('data-public-indexing-max-segmentation-tokens-length') || '4000', 10)
 
 type ParentChildConfig = {
   chunkForContext: ParentMode
@@ -206,7 +206,7 @@ const StepTwo = ({
     if (value === ChunkingMode.parentChild && indexType === IndexingType.ECONOMICAL)
       setIndexType(IndexingType.QUALIFIED)
     setDocForm(value)
-    // eslint-disable-next-line @typescript-eslint/no-use-before-define
+    // eslint-disable-next-line ts/no-use-before-define
     currentEstimateMutation.reset()
   }
 
@@ -1073,10 +1073,9 @@ const StepTwo = ({
               }
               {
                 currentDocForm !== ChunkingMode.qa
-                && <Badge text={t(
-                  'datasetCreation.stepTwo.previewChunkCount', {
-                    count: estimate?.total_segments || 0,
-                  }) as string}
+                && <Badge text={t('datasetCreation.stepTwo.previewChunkCount', {
+                  count: estimate?.total_segments || 0,
+                }) as string}
                 />
               }
             </div>

web/app/components/datasets/create/step-two/language-select/index.tsx

@@ -6,7 +6,7 @@ import cn from '@/utils/classnames'
 import Popover from '@/app/components/base/popover'
 import { languages } from '@/i18n/language'
 
-export type ILanguageSelectProps = {
+export interface ILanguageSelectProps {
   currentLanguage: string
   onSelect: (language: string) => void
   disabled?: boolean

web/app/components/datasets/create/steps-nav-bar/index.module.css

@@ -1,107 +0,0 @@
-.stepsHeader {
-  @apply flex items-center px-6 py-6;
-  color: #344054;
-  font-weight: 600;
-  font-size: 14px;
-  line-height: 20px;
-}
-.navBack {
-  @apply box-border flex justify-center items-center mr-3 w-8 h-8 bg-white bg-center bg-no-repeat cursor-pointer hover:border-gray-300;
-  border: 0.5px solid #F2F4F7;
-  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
-  border-radius: 32px;
-  background-image: url(../assets/arrow-narrow-left.svg);
-  background-size: 16px;
-}
-.stepList {
-  @apply p-4 relative;
-  line-height: 18px;
-}
-
-.stepItem {
-  @apply relative flex justify-items-start pt-3 pr-0 pb-3 box-content;
-  padding-left: 52px;
-  font-size: 13px;
-  height: 18px;
-}
-
-.stepItem.step1::before {
-  content: '';
-  position: absolute;
-  bottom: 0;
-  left: 23px;
-  width: 2px;
-  height: 7px;
-  background-color: #f2f4f7;
-}
-
-.stepItem.step2::before {
-  content: '';
-  position: absolute;
-  top: 0;
-  left: 23px;
-  width: 2px;
-  height: 100%;
-  background-color: #f2f4f7;
-}
-.stepItem.step2::after {
-  content: '';
-  position: absolute;
-  top: 6px;
-  left: 23px;
-  width: 2px;
-  height: 28px;
-  background-color: #fff;
-}
-
-.stepItem.step3::before {
-  content: '';
-  position: absolute;
-  top: 0;
-  left: 23px;
-  width: 2px;
-  height: 7px;
-  background-color: #f2f4f7;
-}
-
-.stepNum {
-  @apply box-border absolute top-2 left-3 flex justify-center items-center  w-6 h-6;
-  color: #98a2b3;
-  font-size: 12px;
-  border: 1px solid #F2F4F7;
-  border-radius: 24px;
-  z-index: 1;
-}
-
-.stepName {
-  color: #98a2b3;
-}
-
-.stepItem.active .stepNum {
-  color: #1c64f2;
-  background-color: #EFF4FF;
-  border: none;
-}
-
-.stepItem.active .stepName {
-  color: #1c64f2;
-}
-
-.stepItem.done .stepNum {
-  color: #667085;
-  background-color: #f2f4f7;
-  border: none;
-}
-
-.stepItem.done .stepNum::after {
-  content: '';
-  display: flex;
-  width: 12px;
-  height: 12px;
-  background: center no-repeat url(../assets/check.svg);
-  background-size: 12px;
-}
-
-.stepItem.done .stepName {
-  color: #667085;
-}

web/app/components/datasets/create/steps-nav-bar/index.tsx

@@ -1,61 +0,0 @@
-'use client'
-import { useTranslation } from 'react-i18next'
-import { useRouter } from 'next/navigation'
-
-import { useCallback } from 'react'
-import s from './index.module.css'
-import cn from '@/utils/classnames'
-import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
-
-type IStepsNavBarProps = {
-  step: number
-  datasetId?: string
-}
-
-const STEP_T_MAP: Record<number, string> = {
-  1: 'datasetCreation.steps.one',
-  2: 'datasetCreation.steps.two',
-  3: 'datasetCreation.steps.three',
-}
-
-const STEP_LIST = [1, 2, 3]
-
-const StepsNavBar = ({
-  step,
-  datasetId,
-}: IStepsNavBarProps) => {
-  const { t } = useTranslation()
-  const router = useRouter()
-
-  const media = useBreakpoints()
-  const isMobile = media === MediaType.mobile
-
-  const navBackHandle = useCallback(() => {
-    if (!datasetId)
-      router.replace('/datasets')
-    else
-      router.replace(`/datasets/${datasetId}/documents`)
-  }, [router, datasetId])
-
-  return (
-    <div className='w-full pt-4'>
-      <div className={cn(s.stepsHeader, isMobile && '!px-0 justify-center')}>
-        <div onClick={navBackHandle} className={cn(s.navBack, isMobile && '!mr-0')} />
-        {!isMobile && (!datasetId ? t('datasetCreation.steps.header.creation') : t('datasetCreation.steps.header.update'))}
-      </div>
-      <div className={cn(s.stepList, isMobile && '!p-0')}>
-        {STEP_LIST.map(item => (
-          <div
-            key={item}
-            className={cn(s.stepItem, s[`step${item}`], step === item && s.active, step > item && s.done, isMobile && 'px-0')}
-          >
-            <div className={cn(s.stepNum)}>{step > item ? '' : item}</div>
-            <div className={cn(s.stepName)}>{isMobile ? '' : t(STEP_T_MAP[item])}</div>
-          </div>
-        ))}
-      </div>
-    </div>
-  )
-}
-
-export default StepsNavBar

web/app/components/datasets/create/top-bar/index.tsx

@@ -1,12 +1,13 @@
-import type { FC } from 'react'
+import { type FC, useMemo } from 'react'
 import { RiArrowLeftLine } from '@remixicon/react'
 import Link from 'next/link'
 import { useTranslation } from 'react-i18next'
 import { Stepper, type StepperProps } from '../stepper'
 import classNames from '@/utils/classnames'
 
-export type TopbarProps = Pick<StepperProps, 'activeIndex'> & {
+export type TopBarProps = Pick<StepperProps, 'activeIndex'> & {
   className?: string
+  datasetId?: string
 }
 
 const STEP_T_MAP: Record<number, string> = {
@@ -15,20 +16,25 @@ const STEP_T_MAP: Record<number, string> = {
   3: 'datasetCreation.steps.three',
 }
 
-export const Topbar: FC<TopbarProps> = (props) => {
-  const { className, ...rest } = props
+export const TopBar: FC<TopBarProps> = (props) => {
+  const { className, datasetId, ...rest } = props
   const { t } = useTranslation()
+
+  const fallbackRoute = useMemo(() => {
+    return datasetId ? `/datasets/${datasetId}/documents` : '/datasets'
+  }, [datasetId])
+
   return <div className={classNames('flex shrink-0 h-[52px] items-center justify-between relative border-b border-b-divider-subtle', className)}>
-    <Link href={'/datasets'} className="h-12 pl-2 pr-6 py-2 justify-start items-center gap-1 inline-flex">
+    <Link href={fallbackRoute} replace className="h-12 pl-2 pr-6 py-2 justify-start items-center gap-1 inline-flex">
       <div className='p-2'>
         <RiArrowLeftLine className='size-4 text-text-primary' />
       </div>
       <p className="text-text-primary system-sm-semibold-uppercase">
-        {t('datasetCreation.steps.header.creation')}
+        {t('datasetCreation.steps.header.fallbackRoute')}
       </p>
     </Link>
     <div className={
-      'top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 absolute'
+      'top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 absolute'
     }>
       <Stepper
         steps={Array.from({ length: 3 }, (_, i) => ({

web/app/components/datasets/create/website/jina-reader/base/checkbox-with-label.tsx

@@ -5,7 +5,7 @@ import cn from '@/utils/classnames'
 import Checkbox from '@/app/components/base/checkbox'
 import Tooltip from '@/app/components/base/tooltip'
 
-type Props = {
+interface Props {
   className?: string
   isChecked: boolean
   onChange: (isChecked: boolean) => void

web/app/components/datasets/create/website/jina-reader/base/error-message.tsx

@@ -4,7 +4,7 @@ import React from 'react'
 import cn from '@/utils/classnames'
 import { AlertTriangle } from '@/app/components/base/icons/src/vender/solid/alertsAndFeedback'
 
-type Props = {
+interface Props {
   className?: string
   title: string
   errorMsg?: string

web/app/components/datasets/create/website/jina-reader/base/field.tsx

@@ -5,7 +5,7 @@ import Input from './input'
 import cn from '@/utils/classnames'
 import Tooltip from '@/app/components/base/tooltip'
 
-type Props = {
+interface Props {
   className?: string
   label: string
   labelClassName?: string

web/app/components/datasets/create/website/jina-reader/base/input.tsx

@@ -2,7 +2,7 @@
 import type { FC } from 'react'
 import React, { useCallback } from 'react'
 
-type Props = {
+interface Props {
   value: string | number
   onChange: (value: string | number) => void
   placeholder?: string
@@ -20,7 +20,7 @@ const Input: FC<Props> = ({
   const handleChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
     const value = e.target.value
     if (isNumber) {
-      let numberValue = parseInt(value, 10) // integer only
+      let numberValue = Number.parseInt(value, 10) // integer only
       if (isNaN(numberValue)) {
         onChange('')
         return

web/app/components/datasets/create/website/jina-reader/base/options-wrap.tsx

@@ -8,7 +8,7 @@ import { Settings04 } from '@/app/components/base/icons/src/vender/line/general'
 import { ChevronRight } from '@/app/components/base/icons/src/vender/line/arrows'
 const I18N_PREFIX = 'datasetCreation.stepOne.website'
 
-type Props = {
+interface Props {
   className?: string
   children: React.ReactNode
   controlFoldOptions?: number

web/app/components/datasets/create/website/jina-reader/base/url-input.tsx

@@ -7,7 +7,7 @@ import Button from '@/app/components/base/button'
 
 const I18N_PREFIX = 'datasetCreation.stepOne.website'
 
-type Props = {
+interface Props {
   isRunning: boolean
   onRun: (url: string) => void
 }

web/app/components/datasets/create/website/jina-reader/crawled-result-item.tsx

@@ -6,7 +6,7 @@ import cn from '@/utils/classnames'
 import type { CrawlResultItem as CrawlResultItemType } from '@/models/datasets'
 import Checkbox from '@/app/components/base/checkbox'
 
-type Props = {
+interface Props {
   payload: CrawlResultItemType
   isChecked: boolean
   isPreview: boolean

web/app/components/datasets/create/website/jina-reader/crawled-result.tsx

@@ -9,7 +9,7 @@ import type { CrawlResultItem } from '@/models/datasets'
 
 const I18N_PREFIX = 'datasetCreation.stepOne.website'
 
-type Props = {
+interface Props {
   className?: string
   list: CrawlResultItem[]
   checkedList: CrawlResultItem[]

web/app/components/datasets/create/website/jina-reader/crawling.tsx

@@ -5,7 +5,7 @@ import { useTranslation } from 'react-i18next'
 import cn from '@/utils/classnames'
 import { RowStruct } from '@/app/components/base/icons/src/public/other'
 
-type Props = {
+interface Props {
   className?: string
   crawledNum: number
   totalNum: number