youngkingdom/dify
1
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-05-03 17:08:03 +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

79
web/app/components/plugins/plugin-page/empty/index.tsx
View File

@ -1,19 +1,19 @@
'use client'
import { noop } from 'lodash-es'
import React, { useEffect, useMemo, useRef, useState } from 'react'
import { MagicBox } from '@/app/components/base/icons/src/vender/solid/mediaAndDevices'
import { useTranslation } from 'react-i18next'
import Button from '@/app/components/base/button'
import { Group } from '@/app/components/base/icons/src/vender/other'
import { FileZip } from '@/app/components/base/icons/src/vender/solid/files'
import { Github } from '@/app/components/base/icons/src/vender/solid/general'
import { MagicBox } from '@/app/components/base/icons/src/vender/solid/mediaAndDevices'
import InstallFromGitHub from '@/app/components/plugins/install-plugin/install-from-github'
import InstallFromLocalPackage from '@/app/components/plugins/install-plugin/install-from-local-package'
import { usePluginPageContext } from '../context'
import { Group } from '@/app/components/base/icons/src/vender/other'
import Line from '../../marketplace/empty/line'
import { useInstalledPluginList } from '@/service/use-plugins'
import { useTranslation } from 'react-i18next'
import { SUPPORT_INSTALL_LOCAL_FILE_EXTENSIONS } from '@/config'
import { noop } from 'lodash-es'
import { useGlobalPublicStore } from '@/context/global-public-context'
import Button from '@/app/components/base/button'
import { useInstalledPluginList } from '@/service/use-plugins'
import Line from '../../marketplace/empty/line'
import { usePluginPageContext } from '../context'
type InstallMethod = {
icon: React.FC<{ className?: string }>
@ -63,41 +63,42 @@ const Empty = () => {
}, [plugin_installation_permission, enable_marketplace, t])
return (
<div className='relative z-0 w-full grow'>
<div className="relative z-0 w-full grow">
{/* skeleton */}
<div className='absolute top-0 z-10 grid h-full w-full grid-cols-2 gap-2 overflow-hidden px-12'>
<div className="absolute top-0 z-10 grid h-full w-full grid-cols-2 gap-2 overflow-hidden px-12">
{Array.from({ length: 20 }).fill(0).map((_, i) => (
<div key={i} className='h-24 rounded-xl bg-components-card-bg' />
<div key={i} className="h-24 rounded-xl bg-components-card-bg" />
))}
</div>
{/* mask */}
<div className='absolute z-20 h-full w-full bg-gradient-to-b from-components-panel-bg-transparent to-components-panel-bg' />
<div className='relative z-30 flex h-full items-center justify-center'>
<div className='flex flex-col items-center gap-y-3'>
<div className='relative -z-10 flex size-14 items-center justify-center rounded-xl
border-[1px] border-dashed border-divider-deep bg-components-card-bg shadow-xl shadow-shadow-shadow-5'>
<Group className='h-5 w-5 text-text-tertiary' />
<Line className='absolute right-[-1px] top-1/2 -translate-y-1/2' />
<Line className='absolute left-[-1px] top-1/2 -translate-y-1/2' />
<Line className='absolute left-1/2 top-0 -translate-x-1/2 -translate-y-1/2 rotate-90' />
<Line className='absolute left-1/2 top-full -translate-x-1/2 -translate-y-1/2 rotate-90' />
<div className="absolute z-20 h-full w-full bg-gradient-to-b from-components-panel-bg-transparent to-components-panel-bg" />
<div className="relative z-30 flex h-full items-center justify-center">
<div className="flex flex-col items-center gap-y-3">
<div className="relative -z-10 flex size-14 items-center justify-center rounded-xl
border-[1px] border-dashed border-divider-deep bg-components-card-bg shadow-xl shadow-shadow-shadow-5"
>
<Group className="h-5 w-5 text-text-tertiary" />
<Line className="absolute right-[-1px] top-1/2 -translate-y-1/2" />
<Line className="absolute left-[-1px] top-1/2 -translate-y-1/2" />
<Line className="absolute left-1/2 top-0 -translate-x-1/2 -translate-y-1/2 rotate-90" />
<Line className="absolute left-1/2 top-full -translate-x-1/2 -translate-y-1/2 rotate-90" />
</div>
<div className='system-md-regular text-text-tertiary'>
<div className="system-md-regular text-text-tertiary">
{text}
</div>
<div className='flex w-[236px] flex-col'>
<div className="flex w-[236px] flex-col">
<input
type='file'
type="file"
ref={fileInputRef}
style={{ display: 'none' }}
onChange={handleFileChange}
accept={SUPPORT_INSTALL_LOCAL_FILE_EXTENSIONS}
/>
<div className='flex w-full flex-col gap-y-1'>
<div className="flex w-full flex-col gap-y-1">
{installMethods.map(({ icon: Icon, text, action }) => (
<Button
key={action}
className='justify-start gap-x-0.5 px-3'
className="justify-start gap-x-0.5 px-3"
onClick={() => {
if (action === 'local')
fileInputRef.current?.click()
@ -107,25 +108,27 @@ const Empty = () => {
setSelectedAction(action)
}}
>
<Icon className='size-4' />
<span className='px-0.5'>{text}</span>
<Icon className="size-4" />
<span className="px-0.5">{text}</span>
</Button>
))}
</div>
</div>
</div>
{selectedAction === 'github' && <InstallFromGitHub
onSuccess={noop}
onClose={() => setSelectedAction(null)}
/>}
{selectedAction === 'local' && selectedFile
&& (<InstallFromLocalPackage
file={selectedFile}
onClose={() => setSelectedAction(null)}
{selectedAction === 'github' && (
<InstallFromGitHub
onSuccess={noop}
onClose={() => setSelectedAction(null)}
/>
)
}
)}
{selectedAction === 'local' && selectedFile
&& (
<InstallFromLocalPackage
file={selectedFile}
onClose={() => setSelectedAction(null)}
onSuccess={noop}
/>
)}
</div>
</div>
)