youngkingdom/dify
1
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-05-06 02:18:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
Co-authored-by: yyh <yuanyouhuilyz@gmail.com>
This commit is contained in:
Stephen Zhou
2025-12-23 16:58:55 +08:00
committed by GitHub
parent 9701a2994b
commit f2842da397
3356 changed files with 85046 additions and 81278 deletions
Download Patch File Download Diff File Expand all files Collapse all files

95
web/app/components/workflow/variable-inspect/display-content.tsx
View File

@ -1,17 +1,17 @@
import React, { useMemo, useState } from 'react'
import { useTranslation } from 'react-i18next'
import { RiBracesLine, RiEyeLine } from '@remixicon/react'
import Textarea from '@/app/components/base/textarea'
import { Markdown } from '@/app/components/base/markdown'
import SchemaEditor from '@/app/components/workflow/nodes/llm/components/json-schema-config-modal/schema-editor'
import { SegmentedControl } from '@/app/components/base/segmented-control'
import { cn } from '@/utils/classnames'
import { ChunkCardList } from '@/app/components/rag-pipeline/components/chunk-card-list'
import type { VarType } from '../types'
import type { ChunkInfo } from '@/app/components/rag-pipeline/components/chunk-card-list/types'
import type { ParentMode } from '@/models/datasets'
import { RiBracesLine, RiEyeLine } from '@remixicon/react'
import React, { useMemo, useState } from 'react'
import { useTranslation } from 'react-i18next'
import { Markdown } from '@/app/components/base/markdown'
import { SegmentedControl } from '@/app/components/base/segmented-control'
import Textarea from '@/app/components/base/textarea'
import { ChunkCardList } from '@/app/components/rag-pipeline/components/chunk-card-list'
import SchemaEditor from '@/app/components/workflow/nodes/llm/components/json-schema-config-modal/schema-editor'
import { ChunkingMode } from '@/models/datasets'
import { cn } from '@/utils/classnames'
import { PreviewType, ViewMode } from './types'
import type { VarType } from '../types'
type DisplayContentProps = {
previewType: PreviewType
@ -52,15 +52,16 @@ const DisplayContent = (props: DisplayContentProps) => {
return (
<div className={cn('flex h-full flex-col rounded-[10px] bg-components-input-bg-normal', isFocused && 'bg-components-input-bg-active outline outline-1 outline-components-input-border-active', className)}>
<div className='flex shrink-0 items-center justify-end p-1'>
<div className="flex shrink-0 items-center justify-end p-1">
{previewType === PreviewType.Markdown && (
<div className='system-xs-semibold-uppercase flex grow items-center px-2 py-0.5 text-text-secondary'>
<div className="system-xs-semibold-uppercase flex grow items-center px-2 py-0.5 text-text-secondary">
{previewType.toUpperCase()}
</div>
)}
{previewType === PreviewType.Chunks && (
<div className='system-xs-semibold-uppercase flex grow items-center px-2 py-0.5 text-text-secondary'>
{varType.toUpperCase()}{schemaType ? `(${schemaType})` : ''}
<div className="system-xs-semibold-uppercase flex grow items-center px-2 py-0.5 text-text-secondary">
{varType.toUpperCase()}
{schemaType ? `(${schemaType})` : ''}
</div>
)}
<SegmentedControl
@ -70,43 +71,49 @@ const DisplayContent = (props: DisplayContentProps) => {
]}
value={viewMode}
onChange={setViewMode}
size='small'
padding='with'
activeClassName='!text-text-accent-light-mode-only'
btnClassName='!pl-1.5 !pr-0.5 gap-[3px]'
className='shrink-0'
size="small"
padding="with"
activeClassName="!text-text-accent-light-mode-only"
btnClassName="!pl-1.5 !pr-0.5 gap-[3px]"
className="shrink-0"
/>
</div>
<div className='flex flex-1 overflow-auto rounded-b-[10px] pl-3 pr-1'>
<div className="flex flex-1 overflow-auto rounded-b-[10px] pl-3 pr-1">
{viewMode === ViewMode.Code && (
previewType === PreviewType.Markdown
? <Textarea
readOnly={readonly}
disabled={readonly}
className='h-full border-none bg-transparent p-0 text-text-secondary hover:bg-transparent focus:bg-transparent focus:shadow-none'
value={mdString as any}
onChange={e => handleTextChange?.(e.target.value)}
onFocus={() => setIsFocused(true)}
onBlur={() => setIsFocused(false)}
/>
: <SchemaEditor
readonly={readonly}
className='overflow-y-auto bg-transparent'
hideTopMenu
schema={jsonString!}
onUpdate={handleEditorChange!}
onFocus={() => setIsFocused(true)}
onBlur={() => setIsFocused(false)}
/>
? (
<Textarea
readOnly={readonly}
disabled={readonly}
className="h-full border-none bg-transparent p-0 text-text-secondary hover:bg-transparent focus:bg-transparent focus:shadow-none"
value={mdString as any}
onChange={e => handleTextChange?.(e.target.value)}
onFocus={() => setIsFocused(true)}
onBlur={() => setIsFocused(false)}
/>
)
: (
<SchemaEditor
readonly={readonly}
className="overflow-y-auto bg-transparent"
hideTopMenu
schema={jsonString!}
onUpdate={handleEditorChange!}
onFocus={() => setIsFocused(true)}
onBlur={() => setIsFocused(false)}
/>
)
)}
{viewMode === ViewMode.Preview && (
previewType === PreviewType.Markdown
? <Markdown className='grow overflow-auto rounded-lg px-4 py-3' content={(mdString ?? '') as string} />
: <ChunkCardList
chunkType={chunkType!}
parentMode={parentMode}
chunkInfo={JSON.parse(jsonString!) as ChunkInfo}
/>
? <Markdown className="grow overflow-auto rounded-lg px-4 py-3" content={(mdString ?? '') as string} />
: (
<ChunkCardList
chunkType={chunkType!}
parentMode={parentMode}
chunkInfo={JSON.parse(jsonString!) as ChunkInfo}
/>
)
)}
</div>
</div>