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

refactor(skill): replace @remixicon/react imports with CSS icon classes

Browse Source 
Migrate all Remixicon component imports in workflow/skill to Tailwind CSS
icon utility classes (i-ri-*), reducing JS bundle size. Update MenuItem
to accept string icon classes alongside React components. Adjust test
selectors that relied on SVG element queries.
This commit is contained in:
yyh
2026-02-09 19:51:05 +08:00
parent db0c527ce8
commit 9e10b73b54
23 changed files with 60 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
web/app/components/workflow/skill/viewer/pdf-file-preview.tsx
View File

@ -1,6 +1,5 @@
'use client'
import { RiZoomInLine, RiZoomOutLine } from '@remixicon/react'
import { noop } from 'es-toolkit/function'
import * as React from 'react'
import { useState } from 'react'
@ -36,7 +35,7 @@ const PdfFilePreview = ({ downloadUrl }: PdfFilePreviewProps) => {
className="flex size-8 cursor-pointer items-center justify-center rounded-lg bg-components-panel-bg shadow-md hover:bg-state-base-hover"
aria-label="Zoom out"
>
<RiZoomOutLine className="size-4 text-text-tertiary" />
<span className="i-ri-zoom-out-line size-4 text-text-tertiary" />
</button>
<button
type="button"
@ -44,7 +43,7 @@ const PdfFilePreview = ({ downloadUrl }: PdfFilePreviewProps) => {
className="flex size-8 cursor-pointer items-center justify-center rounded-lg bg-components-panel-bg shadow-md hover:bg-state-base-hover"
aria-label="Zoom in"
>
<RiZoomInLine className="size-4 text-text-tertiary" />
<span className="i-ri-zoom-in-line size-4 text-text-tertiary" />
</button>
</div>

3
web/app/components/workflow/skill/viewer/sqlite-file-preview/table-selector.tsx
View File

@ -1,4 +1,3 @@
import { RiArrowDownSLine } from '@remixicon/react'
import * as React from 'react'
import { useMemo, useState } from 'react'
import { useTranslation } from 'react-i18next'
@ -74,7 +73,7 @@ const TableSelector = ({
<span className={cn('min-w-0 max-w-[220px] truncate system-sm-medium', isPlaceholder && 'text-text-tertiary')}>
{label}
</span>
<RiArrowDownSLine className="h-3.5 w-3.5 text-text-secondary" aria-hidden="true" />
<span className="i-ri-arrow-down-s-line h-3.5 w-3.5 text-text-secondary" aria-hidden="true" />
</button>
</PortalToFollowElemTrigger>
<PortalToFollowElemContent className="z-[1002]">