chore(web): new lint setup (#30020)

Co-authored-by: yyh <yuanyouhuilyz@gmail.com>
2026-05-04 09:28:04 +08:00 · 2025-12-23 16:58:55 +08:00
parent 9701a2994b
commit f2842da397
3356 changed files with 85046 additions and 81278 deletions
--- a/web/app/components/workflow/operator/add-block.tsx
+++ b/web/app/components/workflow/operator/add-block.tsx
@ -1,16 +1,21 @@
+import type { OffsetOptions } from '@floating-ui/react'
+import type {
+  OnSelectBlock,
+} from '@/app/components/workflow/types'
+import { RiAddCircleFill } from '@remixicon/react'
 import {
  memo,
  useCallback,
  useState,
 } from 'react'
-import { RiAddCircleFill } from '@remixicon/react'
-import { useStoreApi } from 'reactflow'
 import { useTranslation } from 'react-i18next'
-import type { OffsetOptions } from '@floating-ui/react'
+import { useStoreApi } from 'reactflow'
+import BlockSelector from '@/app/components/workflow/block-selector'
 import {
-  generateNewNode,
-  getNodeCustomTypeByNodeDataType,
-} from '../utils'
+  BlockEnum,
+} from '@/app/components/workflow/types'
+import { FlowType } from '@/types/common'
+import { cn } from '@/utils/classnames'
 import {
  useAvailableBlocks,
  useIsChatMode,
@ -20,16 +25,11 @@ import {
 } from '../hooks'
 import { useHooksStore } from '../hooks-store'
 import { useWorkflowStore } from '../store'
-import TipPopup from './tip-popup'
-import { cn } from '@/utils/classnames'
-import BlockSelector from '@/app/components/workflow/block-selector'
-import type {
-  OnSelectBlock,
-} from '@/app/components/workflow/types'
 import {
-  BlockEnum,
-} from '@/app/components/workflow/types'
-import { FlowType } from '@/types/common'
+  generateNewNode,
+  getNodeCustomTypeByNodeDataType,
+} from '../utils'
+import TipPopup from './tip-popup'

 type AddBlockProps = {
  renderTrigger?: (open: boolean) => React.ReactNode
@ -93,8 +93,9 @@ const AddBlock = ({
          'flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg text-text-tertiary hover:bg-state-base-hover hover:text-text-secondary',
          `${nodesReadOnly && 'cursor-not-allowed text-text-disabled hover:bg-transparent hover:text-text-disabled'}`,
          open && 'bg-state-accent-active text-text-accent',
-        )}>
-          <RiAddCircleFill className='h-4 w-4' />
+        )}
+        >
+          <RiAddCircleFill className="h-4 w-4" />
        </div>
      </TipPopup>
    )
@ -106,13 +107,13 @@ const AddBlock = ({
      onOpenChange={handleOpenChange}
      disabled={nodesReadOnly}
      onSelect={handleSelect}
-      placement='right-start'
+      placement="right-start"
      offset={offset ?? {
        mainAxis: 4,
        crossAxis: -8,
      }}
      trigger={renderTrigger || renderTriggerElement}
-      popupClassName='!min-w-[256px]'
+      popupClassName="!min-w-[256px]"
      availableBlocksTypes={availableNextBlocks}
      showStartTab={showStartTab}
    />
--- a/web/app/components/workflow/operator/control.tsx
+++ b/web/app/components/workflow/operator/control.tsx
@ -1,8 +1,4 @@
 import type { MouseEvent } from 'react'
-import {
-  memo,
-} from 'react'
-import { useTranslation } from 'react-i18next'
 import {
  RiAspectRatioFill,
  RiAspectRatioLine,
@ -11,22 +7,26 @@ import {
  RiHand,
  RiStickyNoteAddLine,
 } from '@remixicon/react'
+import {
+  memo,
+} from 'react'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/utils/classnames'
+import Divider from '../../base/divider'
 import {
  useNodesReadOnly,
  useWorkflowCanvasMaximize,
  useWorkflowMoveMode,
  useWorkflowOrganize,
 } from '../hooks'
+import { useStore } from '../store'
 import {
  ControlMode,
 } from '../types'
-import { useStore } from '../store'
-import Divider from '../../base/divider'
 import AddBlock from './add-block'
-import TipPopup from './tip-popup'
-import MoreActions from './more-actions'
 import { useOperator } from './hooks'
-import { cn } from '@/utils/classnames'
+import MoreActions from './more-actions'
+import TipPopup from './tip-popup'

 const Control = () => {
  const { t } = useTranslation()
@ -50,7 +50,7 @@ const Control = () => {
  }

  return (
-    <div className='pointer-events-auto flex flex-col items-center rounded-lg border-[0.5px] border-components-actionbar-border bg-components-actionbar-bg p-0.5 text-text-tertiary shadow-lg'>
+    <div className="pointer-events-auto flex flex-col items-center rounded-lg border-[0.5px] border-components-actionbar-border bg-components-actionbar-bg p-0.5 text-text-tertiary shadow-lg">
      <AddBlock />
      <TipPopup title={t('workflow.nodes.note.addNote')}>
        <div
@ -60,10 +60,10 @@ const Control = () => {
          )}
          onClick={addNote}
        >
-          <RiStickyNoteAddLine className='h-4 w-4' />
+          <RiStickyNoteAddLine className="h-4 w-4" />
        </div>
      </TipPopup>
-      <Divider className='my-1 w-3.5' />
+      <Divider className="my-1 w-3.5" />
      <TipPopup title={t('workflow.common.pointerMode')} shortcuts={['v']}>
        <div
          className={cn(
@ -73,7 +73,7 @@ const Control = () => {
          )}
          onClick={handleModePointer}
        >
-          <RiCursorLine className='h-4 w-4' />
+          <RiCursorLine className="h-4 w-4" />
        </div>
      </TipPopup>
      <TipPopup title={t('workflow.common.handMode')} shortcuts={['h']}>
@ -85,10 +85,10 @@ const Control = () => {
          )}
          onClick={handleModeHand}
        >
-          <RiHand className='h-4 w-4' />
+          <RiHand className="h-4 w-4" />
        </div>
      </TipPopup>
-      <Divider className='my-1 w-3.5' />
+      <Divider className="my-1 w-3.5" />
      <TipPopup title={t('workflow.panel.organizeBlocks')} shortcuts={['ctrl', 'o']}>
        <div
          className={cn(
@ -97,7 +97,7 @@ const Control = () => {
          )}
          onClick={handleLayout}
        >
-          <RiFunctionAddLine className='h-4 w-4' />
+          <RiFunctionAddLine className="h-4 w-4" />
        </div>
      </TipPopup>
      <TipPopup title={maximizeCanvas ? t('workflow.panel.minimize') : t('workflow.panel.maximize')} shortcuts={['f']}>
@ -109,8 +109,8 @@ const Control = () => {
          )}
          onClick={handleToggleMaximizeCanvas}
        >
-          {maximizeCanvas && <RiAspectRatioFill className='h-4 w-4' />}
-          {!maximizeCanvas && <RiAspectRatioLine className='h-4 w-4' />}
+          {maximizeCanvas && <RiAspectRatioFill className="h-4 w-4" />}
+          {!maximizeCanvas && <RiAspectRatioLine className="h-4 w-4" />}
        </div>
      </TipPopup>
      <MoreActions />
--- a/web/app/components/workflow/operator/hooks.ts
+++ b/web/app/components/workflow/operator/hooks.ts
@ -1,10 +1,10 @@
-import { useCallback } from 'react'
-import { generateNewNode } from '../utils'
-import { useWorkflowStore } from '../store'
 import type { NoteNodeType } from '../note-node/types'
+import { useCallback } from 'react'
+import { useAppContext } from '@/context/app-context'
 import { CUSTOM_NOTE_NODE } from '../note-node/constants'
 import { NoteTheme } from '../note-node/types'
-import { useAppContext } from '@/context/app-context'
+import { useWorkflowStore } from '../store'
+import { generateNewNode } from '../utils'

 export const useOperator = () => {
  const workflowStore = useWorkflowStore()
--- a/web/app/components/workflow/operator/index.tsx
+++ b/web/app/components/workflow/operator/index.tsx
@ -1,11 +1,11 @@
-import { memo, useCallback, useEffect, useMemo, useRef } from 'react'
 import type { Node } from 'reactflow'
+import { memo, useCallback, useEffect, useMemo, useRef } from 'react'
 import { MiniMap } from 'reactflow'
 import UndoRedo from '../header/undo-redo'
-import ZoomInOut from './zoom-in-out'
-import VariableTrigger from '../variable-inspect/trigger'
-import VariableInspectPanel from '../variable-inspect'
 import { useStore } from '../store'
+import VariableInspectPanel from '../variable-inspect'
+import VariableTrigger from '../variable-inspect/trigger'
+import ZoomInOut from './zoom-in-out'

 export type OperatorProps = {
  handleUndo: () => void
@ -51,19 +51,19 @@ const Operator = ({ handleUndo, handleRedo }: OperatorProps) => {
  return (
    <div
      ref={bottomPanelRef}
-      className='absolute bottom-0 left-0 right-0 z-10 px-1'
+      className="absolute bottom-0 left-0 right-0 z-10 px-1"
      style={
        {
          width: bottomPanelWidth,
        }
      }
    >
-      <div className='flex justify-between px-1 pb-2'>
-        <div className='flex items-center gap-2'>
+      <div className="flex justify-between px-1 pb-2">
+        <div className="flex items-center gap-2">
          <UndoRedo handleUndo={handleUndo} handleRedo={handleRedo} />
        </div>
        <VariableTrigger />
-        <div className='relative'>
+        <div className="relative">
          <MiniMap
            pannable
            zoomable
@ -71,11 +71,11 @@ const Operator = ({ handleUndo, handleRedo }: OperatorProps) => {
              width: 102,
              height: 72,
            }}
-            maskColor='var(--color-workflow-minimap-bg)'
+            maskColor="var(--color-workflow-minimap-bg)"
            nodeClassName={getMiniMapNodeClassName}
            nodeStrokeWidth={3}
-            className='!absolute !bottom-10 z-[9] !m-0 !h-[73px] !w-[103px] !rounded-lg !border-[0.5px]
-            !border-divider-subtle !bg-background-default-subtle !shadow-md !shadow-shadow-shadow-5'
+            className="!absolute !bottom-10 z-[9] !m-0 !h-[73px] !w-[103px] !rounded-lg !border-[0.5px]
+            !border-divider-subtle !bg-background-default-subtle !shadow-md !shadow-shadow-shadow-5"
          />
          <ZoomInOut />
        </div>
--- a/web/app/components/workflow/operator/more-actions.tsx
+++ b/web/app/components/workflow/operator/more-actions.tsx
@ -1,26 +1,26 @@
 import type { FC } from 'react'
+import { RiExportLine, RiMoreFill } from '@remixicon/react'
+import { toJpeg, toPng, toSvg } from 'html-to-image'
 import {
  memo,
  useCallback,
  useMemo,
  useState,
 } from 'react'
-import { useShallow } from 'zustand/react/shallow'
 import { useTranslation } from 'react-i18next'
-import { RiExportLine, RiMoreFill } from '@remixicon/react'
-import { toJpeg, toPng, toSvg } from 'html-to-image'
-import { useNodesReadOnly } from '../hooks'
-import TipPopup from './tip-popup'
-import { cn } from '@/utils/classnames'
+import { getNodesBounds, useReactFlow } from 'reactflow'
+import { useShallow } from 'zustand/react/shallow'
+import { useStore as useAppStore } from '@/app/components/app/store'
+import ImagePreview from '@/app/components/base/image-uploader/image-preview'
 import {
  PortalToFollowElem,
  PortalToFollowElemContent,
  PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import { getNodesBounds, useReactFlow } from 'reactflow'
-import ImagePreview from '@/app/components/base/image-uploader/image-preview'
 import { useStore } from '@/app/components/workflow/store'
-import { useStore as useAppStore } from '@/app/components/app/store'
+import { cn } from '@/utils/classnames'
+import { useNodesReadOnly } from '../hooks'
+import TipPopup from './tip-popup'

 const MoreActions: FC = () => {
  const { t } = useTranslation()
@ -38,7 +38,8 @@ const MoreActions: FC = () => {
  })))

  const crossAxisOffset = useMemo(() => {
-    if (maximizeCanvas) return 40
+    if (maximizeCanvas)
+      return 40
    return appSidebarExpand === 'expand' ? 188 : 40
  }, [appSidebarExpand, maximizeCanvas])

@ -51,7 +52,8 @@ const MoreActions: FC = () => {

    setOpen(false)
    const flowElement = document.querySelector('.react-flow__viewport') as HTMLElement
-    if (!flowElement) return
+    if (!flowElement)
+      return

    try {
      let filename = appName || knowledgeName
@ -197,58 +199,58 @@ const MoreActions: FC = () => {
              )}
              onClick={handleTrigger}
            >
-              <RiMoreFill className='h-4 w-4' />
+              <RiMoreFill className="h-4 w-4" />
            </div>
          </TipPopup>
        </PortalToFollowElemTrigger>
-        <PortalToFollowElemContent className='z-10'>
-          <div className='min-w-[180px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur text-text-secondary shadow-lg'>
-            <div className='p-1'>
-              <div className='flex items-center gap-2 px-2 py-1 text-xs font-medium text-text-tertiary'>
-                <RiExportLine className='h-3 w-3' />
+        <PortalToFollowElemContent className="z-10">
+          <div className="min-w-[180px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur text-text-secondary shadow-lg">
+            <div className="p-1">
+              <div className="flex items-center gap-2 px-2 py-1 text-xs font-medium text-text-tertiary">
+                <RiExportLine className="h-3 w-3" />
                {t('workflow.common.exportImage')}
              </div>
-              <div className='px-2 py-1 text-xs font-medium text-text-tertiary'>
+              <div className="px-2 py-1 text-xs font-medium text-text-tertiary">
                {t('workflow.common.currentView')}
              </div>
              <div
-                className='system-md-regular flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover'
+                className="system-md-regular flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover"
                onClick={() => handleExportImage('png')}
              >
                {t('workflow.common.exportPNG')}
              </div>
              <div
-                className='system-md-regular flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover'
+                className="system-md-regular flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover"
                onClick={() => handleExportImage('jpeg')}
              >
                {t('workflow.common.exportJPEG')}
              </div>
              <div
-                className='system-md-regular flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover'
+                className="system-md-regular flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover"
                onClick={() => handleExportImage('svg')}
              >
                {t('workflow.common.exportSVG')}
              </div>

-              <div className='border-border-divider mx-2 my-1 border-t' />
+              <div className="border-border-divider mx-2 my-1 border-t" />

-              <div className='px-2 py-1 text-xs font-medium text-text-tertiary'>
+              <div className="px-2 py-1 text-xs font-medium text-text-tertiary">
                {t('workflow.common.currentWorkflow')}
              </div>
              <div
-                className='system-md-regular flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover'
+                className="system-md-regular flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover"
                onClick={() => handleExportImage('png', true)}
              >
                {t('workflow.common.exportPNG')}
              </div>
              <div
-                className='system-md-regular flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover'
+                className="system-md-regular flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover"
                onClick={() => handleExportImage('jpeg', true)}
              >
                {t('workflow.common.exportJPEG')}
              </div>
              <div
-                className='system-md-regular flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover'
+                className="system-md-regular flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover"
                onClick={() => handleExportImage('svg', true)}
              >
                {t('workflow.common.exportSVG')}
--- a/web/app/components/workflow/operator/tip-popup.tsx
+++ b/web/app/components/workflow/operator/tip-popup.tsx
@ -1,6 +1,6 @@
 import { memo } from 'react'
-import ShortcutsName from '../shortcuts-name'
 import Tooltip from '@/app/components/base/tooltip'
+import ShortcutsName from '../shortcuts-name'

 type TipPopupProps = {
  title: string
@ -16,15 +16,15 @@ const TipPopup = ({
    <Tooltip
      needsDelay={false}
      offset={4}
-      popupClassName='p-0 bg-transparent'
-      popupContent={
-        <div className='flex items-center gap-1 rounded-lg border-[0.5px] border-components-panel-border bg-components-tooltip-bg p-1.5 shadow-lg backdrop-blur-[5px]'>
-          <span className='system-xs-medium text-text-secondary'>{title}</span>
+      popupClassName="p-0 bg-transparent"
+      popupContent={(
+        <div className="flex items-center gap-1 rounded-lg border-[0.5px] border-components-panel-border bg-components-tooltip-bg p-1.5 shadow-lg backdrop-blur-[5px]">
+          <span className="system-xs-medium text-text-secondary">{title}</span>
          {
            shortcuts && <ShortcutsName keys={shortcuts} />
          }
        </div>
-      }
+      )}
    >
      {children}
    </Tooltip>
--- a/web/app/components/workflow/operator/zoom-in-out.tsx
+++ b/web/app/components/workflow/operator/zoom-in-out.tsx
@ -1,34 +1,34 @@
 import type { FC } from 'react'
+import {
+  RiZoomInLine,
+  RiZoomOutLine,
+} from '@remixicon/react'
 import {
  Fragment,
  memo,
  useCallback,
  useState,
 } from 'react'
-import {
-  RiZoomInLine,
-  RiZoomOutLine,
-} from '@remixicon/react'
 import { useTranslation } from 'react-i18next'
 import {
  useReactFlow,
  useViewport,
 } from 'reactflow'
-import {
-  useNodesSyncDraft,
-  useWorkflowReadOnly,
-} from '../hooks'
-
-import ShortcutsName from '../shortcuts-name'
-import Divider from '../../base/divider'
-import TipPopup from './tip-popup'
-import { cn } from '@/utils/classnames'
 import {
  PortalToFollowElem,
  PortalToFollowElemContent,
  PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'

+import { cn } from '@/utils/classnames'
+import Divider from '../../base/divider'
+import {
+  useNodesSyncDraft,
+  useWorkflowReadOnly,
+} from '../hooks'
+import ShortcutsName from '../shortcuts-name'
+import TipPopup from './tip-popup'
+
 enum ZoomType {
  zoomIn = 'zoomIn',
  zoomOut = 'zoomOut',
@ -121,7 +121,7 @@ const ZoomInOut: FC = () => {

  return (
    <PortalToFollowElem
-      placement='top-start'
+      placement="top-start"
      open={open}
      onOpenChange={setOpen}
      offset={{
@ -135,10 +135,12 @@ const ZoomInOut: FC = () => {
          p-0.5 text-[13px] shadow-lg backdrop-blur-[5px]
          hover:bg-state-base-hover
          ${workflowReadOnly && '!cursor-not-allowed opacity-50'}
-        `}>
+        `}
+        >
          <div className={cn(
            'flex h-8 w-[98px] items-center justify-between rounded-lg',
-          )}>
+          )}
+          >
            <TipPopup
              title={t('workflow.operator.zoomOut')}
              shortcuts={['ctrl', '-']}
@ -153,10 +155,13 @@ const ZoomInOut: FC = () => {
                  zoomOut()
                }}
              >
-                <RiZoomOutLine className='h-4 w-4 text-text-tertiary hover:text-text-secondary' />
+                <RiZoomOutLine className="h-4 w-4 text-text-tertiary hover:text-text-secondary" />
              </div>
            </TipPopup>
-            <div onClick={handleTrigger} className={cn('system-sm-medium w-[34px] text-text-tertiary hover:text-text-secondary')}>{Number.parseFloat(`${zoom * 100}`).toFixed(0)}%</div>
+            <div onClick={handleTrigger} className={cn('system-sm-medium w-[34px] text-text-tertiary hover:text-text-secondary')}>
+              {Number.parseFloat(`${zoom * 100}`).toFixed(0)}
+              %
+            </div>
            <TipPopup
              title={t('workflow.operator.zoomIn')}
              shortcuts={['ctrl', '+']}
@ -171,32 +176,32 @@ const ZoomInOut: FC = () => {
                  zoomIn()
                }}
              >
-                <RiZoomInLine className='h-4 w-4 text-text-tertiary hover:text-text-secondary' />
+                <RiZoomInLine className="h-4 w-4 text-text-tertiary hover:text-text-secondary" />
              </div>
            </TipPopup>
          </div>
        </div>
      </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-10'>
-        <div className='w-[145px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg backdrop-blur-[5px]'>
+      <PortalToFollowElemContent className="z-10">
+        <div className="w-[145px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg backdrop-blur-[5px]">
          {
            ZOOM_IN_OUT_OPTIONS.map((options, i) => (
              <Fragment key={i}>
                {
                  i !== 0 && (
-                    <Divider className='m-0' />
+                    <Divider className="m-0" />
                  )
                }
-                <div className='p-1'>
+                <div className="p-1">
                  {
                    options.map(option => (
                      <div
                        key={option.key}
-                        className='system-md-regular flex h-8 cursor-pointer items-center justify-between space-x-1 rounded-lg py-1.5 pl-3 pr-2 text-text-secondary hover:bg-state-base-hover'
+                        className="system-md-regular flex h-8 cursor-pointer items-center justify-between space-x-1 rounded-lg py-1.5 pl-3 pr-2 text-text-secondary hover:bg-state-base-hover"
                        onClick={() => handleZoom(option.key)}
                      >
                        <span>{option.text}</span>
-                        <div className='flex items-center space-x-0.5'>
+                        <div className="flex items-center space-x-0.5">
                          {
                            option.key === ZoomType.zoomToFit && (
                              <ShortcutsName keys={['ctrl', '1']} />