style(projects): format code

This commit is contained in:
Soybean
2023-12-14 21:45:29 +08:00
parent a176dc443e
commit a748166399
127 changed files with 2472 additions and 3006 deletions

View File

@ -1,15 +1,13 @@
import type { GlobalThemeOverrides } from 'naive-ui';
import { getColorPalette, getColorByColorPaletteNumber } from '@sa/color-palette';
import { getRgbOfColor, addColorAlpha } from '@sa/utils';
import { themeSettings, overrideThemeSettings } from '@/theme/settings';
import { getColorByColorPaletteNumber, getColorPalette } from '@sa/color-palette';
import { addColorAlpha, getRgbOfColor } from '@sa/utils';
import { overrideThemeSettings, themeSettings } from '@/theme/settings';
import { themeVars } from '@/theme/vars';
import { localStg } from '@/utils/storage';
const DARK_CLASS = 'dark';
/**
* init theme settings
*/
/** Init theme settings */
export function initThemeSettings() {
const isProd = import.meta.env.PROD;
@ -32,8 +30,9 @@ export function initThemeSettings() {
}
/**
* create theme token
* @param colors theme colors
* Create theme token
*
* @param colors Theme colors
*/
export function createThemeToken(colors: App.Theme.ThemeColor) {
const paletteColors = createThemePaletteColors(colors);
@ -73,8 +72,9 @@ export function createThemeToken(colors: App.Theme.ThemeColor) {
}
/**
* create theme palette colors
* @param colors theme colors
* Create theme palette colors
*
* @param colors Theme colors
*/
function createThemePaletteColors(colors: App.Theme.ThemeColor) {
const colorKeys = Object.keys(colors) as App.Theme.ThemeColorKey[];
@ -94,8 +94,9 @@ function createThemePaletteColors(colors: App.Theme.ThemeColor) {
}
/**
* get css var by tokens
* @param tokens theme base tokens
* Get css var by tokens
*
* @param tokens Theme base tokens
*/
function getCssVarByTokens(tokens: App.Theme.BaseToken) {
const styles: string[] = [];
@ -129,7 +130,8 @@ function getCssVarByTokens(tokens: App.Theme.BaseToken) {
}
/**
* add theme vars to html
* Add theme vars to html
*
* @param tokens
*/
export function addThemeVarsToHtml(tokens: App.Theme.BaseToken, darkTokens: App.Theme.BaseToken) {
@ -150,14 +152,15 @@ export function addThemeVarsToHtml(tokens: App.Theme.BaseToken, darkTokens: App.
const style = document.createElement('style');
style.innerText = css + darkCss;
style.textContent = css + darkCss;
document.head.appendChild(style);
}
/**
* toggle css dark mode
* @param darkMode is dark mode
* Toggle css dark mode
*
* @param darkMode Is dark mode
*/
export function toggleCssDarkMode(darkMode = false) {
function addDarkClass() {
@ -184,8 +187,9 @@ interface NaiveColorAction {
}
/**
* get naive theme colors
* @param colors theme colors
* Get naive theme colors
*
* @param colors Theme colors
*/
function getNaiveThemeColors(colors: App.Theme.ThemeColor) {
const colorActions: NaiveColorAction[] = [
@ -212,8 +216,9 @@ function getNaiveThemeColors(colors: App.Theme.ThemeColor) {
}
/**
* get naive theme
* @param colors theme colors
* Get naive theme
*
* @param colors Theme colors
*/
export function getNaiveTheme(colors: App.Theme.ThemeColor) {
const { primary: colorLoading } = colors;