upstream/upstream-univer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

snapshot of https://github.com/dream-num/univer.git (dev, 2026-09-16; blobs > 131072B omitted)
Some checks failed
📦 Build / build (push) Has been cancelled
Details
🧪 CI Test / test shard (1/4) (push) Has been cancelled
Details
🧪 CI Test / test shard (2/4) (push) Has been cancelled
Details
🧪 CI Test / test shard (3/4) (push) Has been cancelled
Details
🧪 CI Test / test shard (4/4) (push) Has been cancelled
Details
🧪 CI Test / test (push) Has been cancelled
Details
🧪 CI Test / eslint (push) Has been cancelled
Details
🧪 CI Test / typecheck (push) Has been cancelled
Details
🔫 Sync to Pro / dispatch-sync (push) Has been cancelled
Details
🔮 Sync Mirror / sync (push) Has been cancelled
Details

Browse Source
This commit is contained in:
upstream-mirror
2026-09-16 05:09:45 +05:00
commit bcf6ef63ad
7118 changed files with 1236854 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
common/shared/tailwind/__tests__/content.spec.ts Normal file
View File

@@ -0,0 +1,78 @@
import { mkdirSync, mkdtempSync, rmSync, writeFileSync } from 'node:fs';
import os from 'node:os';
import path from 'node:path';
import { afterEach, describe, expect, it } from 'vitest';
import tailwindConfig, { createTailwindContent } from '../tailwind.config';
const roots: string[] = [];
function makePackageRoot() {
const root = mkdtempSync(path.join(os.tmpdir(), 'univer-tailwind-content-'));
roots.push(root);
writeFileSync(path.join(root, 'tailwind.config.ts'), '');
return root;
}
function writeJson(filePath: string, value: unknown) {
mkdirSync(path.dirname(filePath), { recursive: true });
writeFileSync(filePath, `${JSON.stringify(value, null, 4)}\n`);
}
function writeGlobalCss(packageRoot: string, dependencyName: string) {
const cssPath = path.join(packageRoot, 'node_modules', dependencyName, 'src/global.css');
mkdirSync(path.dirname(cssPath), { recursive: true });
writeFileSync(cssPath, '');
}
afterEach(() => {
for (const root of roots.splice(0)) {
rmSync(root, { force: true, recursive: true });
}
});
describe('createTailwindContent', () => {
it('limits hover styles to devices that support hover', () => {
expect(tailwindConfig.future).toMatchObject({ hoverOnlyWhenSupported: true });
});
it('returns current package source content by default', () => {
const packageRoot = makePackageRoot();
writeJson(path.join(packageRoot, 'package.json'), {
name: '@univerjs/preset-demo',
dependencies: {
'@univerjs/design': 'workspace:*',
},
});
writeGlobalCss(packageRoot, '@univerjs/design');
expect(createTailwindContent(path.join(packageRoot, 'tailwind.config.ts'))).toEqual([
'./src/**/*.{js,ts,jsx,tsx}',
]);
});
it('includes Univer dependencies with global styles when requested', () => {
const packageRoot = makePackageRoot();
writeJson(path.join(packageRoot, 'package.json'), {
name: '@univerjs/preset-demo',
dependencies: {
'@univerjs/sheets-ui': 'workspace:*',
'@univerjs/design': 'workspace:*',
'@univerjs/core': 'workspace:*',
'@univerjs-pro/sheets-chart-ui': 'workspace:*',
react: '^18.3.1',
},
});
writeGlobalCss(packageRoot, '@univerjs/sheets-ui');
writeGlobalCss(packageRoot, '@univerjs/design');
writeGlobalCss(packageRoot, '@univerjs-pro/sheets-chart-ui');
expect(createTailwindContent(path.join(packageRoot, 'tailwind.config.ts'), {
includeStyleDependencies: true,
})).toEqual([
'./src/**/*.{js,ts,jsx,tsx}',
'./node_modules/@univerjs/design/src/**/*.{js,ts,jsx,tsx}',
'./node_modules/@univerjs/sheets-ui/src/**/*.{js,ts,jsx,tsx}',
'./node_modules/@univerjs-pro/sheets-chart-ui/src/**/*.{js,ts,jsx,tsx}',
]);
});
});

237
common/shared/tailwind/tailwind.config.ts Normal file
View File

@@ -0,0 +1,237 @@
import type { Config } from 'tailwindcss';
import { existsSync, readFileSync } from 'node:fs';
import path from 'node:path';
import { fileURLToPath } from 'node:url';
import scrollbar from 'tailwind-scrollbar';
const SOURCE_CONTENT = './src/**/*.{js,ts,jsx,tsx}';
const DEPENDENCY_SOURCE_CONTENT = './node_modules/{name}/src/**/*.{js,ts,jsx,tsx}';
interface ITailwindContentOptions {
includeStyleDependencies?: boolean;
}
interface IPackageJson {
dependencies?: Record<string, string>;
}
function getPackageDir(configUrl: string) {
const configPath = configUrl.startsWith('file:')
? fileURLToPath(configUrl)
: configUrl;
return path.dirname(configPath);
}
function getPackageJson(packageDir: string): IPackageJson {
const packageJsonPath = path.join(packageDir, 'package.json');
if (!existsSync(packageJsonPath)) {
return {};
}
return JSON.parse(readFileSync(packageJsonPath, 'utf8')) as IPackageJson;
}
function getDependencyDir(packageDir: string, dependencyName: string) {
return path.join(packageDir, 'node_modules', dependencyName);
}
function compareDependencyName(left: string, right: string) {
const leftScope = left.startsWith('@univerjs-pro/') ? 1 : 0;
const rightScope = right.startsWith('@univerjs-pro/') ? 1 : 0;
if (leftScope !== rightScope) {
return leftScope - rightScope;
}
return left.localeCompare(right);
}
export function createTailwindContent(configUrl: string, options: ITailwindContentOptions = {}) {
const content = [SOURCE_CONTENT];
if (!options.includeStyleDependencies) {
return content;
}
const packageDir = getPackageDir(configUrl);
const packageJson = getPackageJson(packageDir);
const dependencyNames = Object.keys(packageJson.dependencies ?? {})
.filter((dependencyName) => {
if (!dependencyName.startsWith('@univerjs')) {
return false;
}
return existsSync(path.join(getDependencyDir(packageDir, dependencyName), 'src/global.css'));
})
.sort(compareDependencyName);
return [
...content,
...dependencyNames.map((dependencyName) => DEPENDENCY_SOURCE_CONTENT.replace('{name}', dependencyName)),
];
}
const config: Omit<Config, 'content'> = {
prefix: 'univer-',
darkMode: 'selector',
future: {
hoverOnlyWhenSupported: true,
},
corePlugins: {
preflight: false,
},
theme: {
extend: {
colors: {
primary: {
50: 'var(--univer-primary-50)',
100: 'var(--univer-primary-100)',
200: 'var(--univer-primary-200)',
300: 'var(--univer-primary-300)',
400: 'var(--univer-primary-400)',
500: 'var(--univer-primary-500)',
600: 'var(--univer-primary-600)',
700: 'var(--univer-primary-700)',
800: 'var(--univer-primary-800)',
900: 'var(--univer-primary-900)',
},
gray: {
0: 'var(--univer-gray-0)',
50: 'var(--univer-gray-50)',
100: 'var(--univer-gray-100)',
200: 'var(--univer-gray-200)',
300: 'var(--univer-gray-300)',
400: 'var(--univer-gray-400)',
500: 'var(--univer-gray-500)',
600: 'var(--univer-gray-600)',
700: 'var(--univer-gray-700)',
800: 'var(--univer-gray-800)',
900: 'var(--univer-gray-900)',
1000: 'var(--univer-gray-1000)',
},
blue: {
50: 'var(--univer-blue-50)',
100: 'var(--univer-blue-100)',
200: 'var(--univer-blue-200)',
300: 'var(--univer-blue-300)',
400: 'var(--univer-blue-400)',
500: 'var(--univer-blue-500)',
600: 'var(--univer-blue-600)',
700: 'var(--univer-blue-700)',
800: 'var(--univer-blue-800)',
900: 'var(--univer-blue-900)',
},
red: {
50: 'var(--univer-red-50)',
100: 'var(--univer-red-100)',
200: 'var(--univer-red-200)',
300: 'var(--univer-red-300)',
400: 'var(--univer-red-400)',
500: 'var(--univer-red-500)',
600: 'var(--univer-red-600)',
700: 'var(--univer-red-700)',
800: 'var(--univer-red-800)',
900: 'var(--univer-red-900)',
},
orange: {
50: 'var(--univer-orange-50)',
100: 'var(--univer-orange-100)',
200: 'var(--univer-orange-200)',
300: 'var(--univer-orange-300)',
400: 'var(--univer-orange-400)',
500: 'var(--univer-orange-500)',
600: 'var(--univer-orange-600)',
700: 'var(--univer-orange-700)',
800: 'var(--univer-orange-800)',
900: 'var(--univer-orange-900)',
},
yellow: {
50: 'var(--univer-yellow-50)',
100: 'var(--univer-yellow-100)',
200: 'var(--univer-yellow-200)',
300: 'var(--univer-yellow-300)',
400: 'var(--univer-yellow-400)',
500: 'var(--univer-yellow-500)',
600: 'var(--univer-yellow-600)',
700: 'var(--univer-yellow-700)',
800: 'var(--univer-yellow-800)',
900: 'var(--univer-yellow-900)',
},
green: {
50: 'var(--univer-green-50)',
100: 'var(--univer-green-100)',
200: 'var(--univer-green-200)',
300: 'var(--univer-green-300)',
400: 'var(--univer-green-400)',
500: 'var(--univer-green-500)',
600: 'var(--univer-green-600)',
700: 'var(--univer-green-700)',
800: 'var(--univer-green-800)',
900: 'var(--univer-green-900)',
},
jiqing: {
50: 'var(--univer-jiqing-50)',
100: 'var(--univer-jiqing-100)',
200: 'var(--univer-jiqing-200)',
300: 'var(--univer-jiqing-300)',
400: 'var(--univer-jiqing-400)',
500: 'var(--univer-jiqing-500)',
600: 'var(--univer-jiqing-600)',
700: 'var(--univer-jiqing-700)',
800: 'var(--univer-jiqing-800)',
900: 'var(--univer-jiqing-900)',
},
indigo: {
50: 'var(--univer-indigo-50)',
100: 'var(--univer-indigo-100)',
200: 'var(--univer-indigo-200)',
300: 'var(--univer-indigo-300)',
400: 'var(--univer-indigo-400)',
500: 'var(--univer-indigo-500)',
600: 'var(--univer-indigo-600)',
700: 'var(--univer-indigo-700)',
800: 'var(--univer-indigo-800)',
900: 'var(--univer-indigo-900)',
},
purple: {
50: 'var(--univer-purple-50)',
100: 'var(--univer-purple-100)',
200: 'var(--univer-purple-200)',
300: 'var(--univer-purple-300)',
400: 'var(--univer-purple-400)',
500: 'var(--univer-purple-500)',
600: 'var(--univer-purple-600)',
700: 'var(--univer-purple-700)',
800: 'var(--univer-purple-800)',
900: 'var(--univer-purple-900)',
},
pink: {
50: 'var(--univer-pink-50)',
100: 'var(--univer-pink-100)',
200: 'var(--univer-pink-200)',
300: 'var(--univer-pink-300)',
400: 'var(--univer-pink-400)',
500: 'var(--univer-pink-500)',
600: 'var(--univer-pink-600)',
700: 'var(--univer-pink-700)',
800: 'var(--univer-pink-800)',
900: 'var(--univer-pink-900)',
},
},
boxShadow: {
sm: '0px 1px 2px 0px rgba(30, 40, 77, 0.08)',
md: '0px 1px 6px -2px rgba(30, 40, 77, 0.08), 0px 2px 6px -1px rgba(30, 40, 77, 0.10)',
lg: '0px 4px 6px 0px rgba(30, 40, 77, 0.05), 0px 10px 15px -3px rgba(30, 40, 77, 0.10)',
xl: '0px 10px 10px 0px rgba(30, 40, 77, 0.04), 0px 20px 24px -5px rgba(30, 40, 77, 0.10)',
'2xl': '0px 24px 50px -12px rgba(30, 40, 77, 0.24)',
},
},
},
plugins: [
scrollbar,
],
};
export default config;