opensource/dify
2
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-09-08 02:43:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor: import component css in globals.css (#32180)

Browse Source 
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
This commit is contained in:
Stephen Zhou 2026-02-10 13:55:42 +08:00 committed by GitHub
parent 7dabc03a08
commit 1819bd72ef
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
6 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
web/app/components/base/badge/index.tsx
View File

@ -3,7 +3,6 @@ import type { CSSProperties, ReactNode } from 'react'
import { cva } from 'class-variance-authority' import { cva } from 'class-variance-authority'
import * as React from 'react' import * as React from 'react'
import { cn } from '@/utils/classnames' import { cn } from '@/utils/classnames'
import './index.css'
enum BadgeState { enum BadgeState {
Warning = 'warning', Warning = 'warning',

1
web/app/components/base/premium-badge/index.tsx
View File

@ -4,7 +4,6 @@ import { cva } from 'class-variance-authority'
import * as React from 'react' import * as React from 'react'
import { Highlight } from '@/app/components/base/icons/src/public/common' import { Highlight } from '@/app/components/base/icons/src/public/common'
import { cn } from '@/utils/classnames' import { cn } from '@/utils/classnames'
import './index.css'
const PremiumBadgeVariants = cva( const PremiumBadgeVariants = cva(
'premium-badge', 'premium-badge',

5
web/app/styles/globals.css
View File

@ -1,15 +1,16 @@
@import "preflight.css"; @import "preflight.css";
@import '../../themes/light.css'; @import '../../themes/light.css';
@import '../../themes/dark.css'; @import '../../themes/dark.css';
@import "../../themes/manual-light.css"; @import "../../themes/manual-light.css";
@import "../../themes/manual-dark.css"; @import "../../themes/manual-dark.css";
@import "./monaco-sticky-fix.css"; @import "./monaco-sticky-fix.css";
@import "../components/base/button/index.css";
@import "../components/base/action-button/index.css"; @import "../components/base/action-button/index.css";
@import "../components/base/badge/index.css";
@import "../components/base/button/index.css";
@import "../components/base/modal/index.css"; @import "../components/base/modal/index.css";
@import "../components/base/premium-badge/index.css";
@tailwind base; @tailwind base;
@tailwind components; @tailwind components;

4
web/eslint.config.mjs
View File

@ -7,6 +7,10 @@ import sonar from 'eslint-plugin-sonarjs'
import storybook from 'eslint-plugin-storybook' import storybook from 'eslint-plugin-storybook'
import dify from './eslint-rules/index.js' import dify from './eslint-rules/index.js'
// Enable Tailwind CSS IntelliSense mode for ESLint runs
// See: tailwind-css-plugin.ts
process.env.TAILWIND_MODE ??= 'ESLINT'
export default antfu( export default antfu(
{ {
react: { react: {

5
web/tailwind-common-config.ts
View File

@ -182,6 +182,11 @@ const config = {
}), }),
cssAsPlugin([ cssAsPlugin([
path.resolve(_dirname, './app/styles/globals.css'), path.resolve(_dirname, './app/styles/globals.css'),
path.resolve(_dirname, './app/components/base/action-button/index.css'),
path.resolve(_dirname, './app/components/base/badge/index.css'),
path.resolve(_dirname, './app/components/base/button/index.css'),
path.resolve(_dirname, './app/components/base/modal/index.css'),
path.resolve(_dirname, './app/components/base/premium-badge/index.css'),
]), ]),
], ],
// https://github.com/tailwindlabs/tailwindcss/discussions/5969 // https://github.com/tailwindlabs/tailwindcss/discussions/5969

4
web/tailwind-css-plugin.ts
View File

@ -7,9 +7,11 @@ import { parse } from 'postcss'
import { objectify } from 'postcss-js' import { objectify } from 'postcss-js'
export const cssAsPlugin: (cssPath: string[]) => PluginCreator = (cssPath: string[]) => { export const cssAsPlugin: (cssPath: string[]) => PluginCreator = (cssPath: string[]) => {
if (process.env.NODE_ENV === 'production') { const isTailwindCSSIntelliSenseMode = 'TAILWIND_MODE' in process.env
if (!isTailwindCSSIntelliSenseMode) {
return () => {} return () => {}
} }
return ({ addUtilities, addComponents, addBase }) => { return ({ addUtilities, addComponents, addBase }) => {
const jssList = cssPath.map(p => objectify(parse(readFileSync(p, 'utf8')))) const jssList = cssPath.map(p => objectify(parse(readFileSync(p, 'utf8'))))