gant-core 0.1.13 → 0.1.14

package/lib/cli/index.js

@@ -51294,7 +51294,7 @@ const createCwdConfig = (cwd, name, vue) => {
 };
 
 var name = "gant-core";
-var version = "0.1.13";
+var version = "0.1.14";
 var description = "";
 var main = "lib/index.js";
 var bin = {

package/lib/index.d.ts

@@ -7,6 +7,7 @@ export * from 'axios';
 import * as mitt from 'mitt';
 import * as i18next from 'i18next';
 import { InitOptions, Callback } from 'i18next';
+import { TinyColor } from '@ctrl/tinycolor';
 
 declare const PresetColors: readonly ["blue", "purple", "cyan", "green", "magenta", "pink", "red", "orange", "yellow", "volcano", "geekblue", "lime", "gold"];
 type PresetColorKey = (typeof PresetColors)[number];
@@ -265,6 +266,7 @@ interface SeedToken extends PresetColorType {
      * @default 40
      */
     layoutNavHeight: number;
+    gradientColors: string[];
 }
 
 interface ColorNeutralMapToken {
@@ -729,6 +731,16 @@ interface ColorErrorMapToken {
      */
     colorErrorTextActive: string;
 }
+interface ColorGradientToken {
+    gradientTop: string;
+    gradientBottom: string;
+    gradientLeft: string;
+    gradientRight: string;
+    gradientTopLeft: string;
+    gradientTopRight: string;
+    gradientBottomLeft: string;
+    gradientBottomRight: string;
+}
 interface ColorLinkMapToken {
     /**
      * @nameZH 超链接颜色
@@ -752,7 +764,7 @@ interface ColorLinkMapToken {
      */
     colorLinkActive: string;
 }
-interface ColorMapToken extends ColorNeutralMapToken, ColorPrimaryMapToken, ColorSuccessMapToken, ColorWarningMapToken, ColorErrorMapToken, ColorInfoMapToken, ColorLinkMapToken {
+interface ColorMapToken extends ColorGradientToken, ColorNeutralMapToken, ColorPrimaryMapToken, ColorSuccessMapToken, ColorWarningMapToken, ColorErrorMapToken, ColorInfoMapToken, ColorLinkMapToken {
     /**
      * @nameZH 纯白色
      * @desc 不随主题变化的纯白色
@@ -1633,6 +1645,7 @@ declare function getTokenCssVar(data: any, prefix?: string): any;
 declare const getAlphaColor: (baseColor: string, alpha: number) => string;
 declare const getDarkenSolidColor: (baseColor: string, brightness: number) => string;
 declare const getLightenSolidColor: (baseColor: string, brightness: number) => string;
+declare const getBackgroundColor: (baseColor: string, bgBaseColor: string) => TinyColor;
 
 declare const token: AliasToken;
 
@@ -2320,4 +2333,4 @@ interface MainOptions extends GlobalOptions {
 }
 declare const _default: ({ microServiceMap, secret, dynamicLangCallback, ...globalOptions }: MainOptions) => Promise<boolean>;
 
-export { type AliasToken, type BASE_CONFIG_TYPE, type CONFIG_TYPE, type ColorMapToken, type ColorNeutralMapToken, type ColorPalettes, type CommonMapToken, type DerivativeFunc, type FontMapToken, type GantAxiosRequestConfig, type GantServerOptions, type GlobalOptions, type GlobalToken, type HeightMapToken, type InternalAxiosRequestConfig, type LOGIN_CONFIG, type Language, type LegacyColorPalettes, type LoginResultData, type MAIN_CONFIG_TYPE, MENU_BREADCRUMBS_UPDATE, MENU_HISTORY_UPDATE, type MainOptions, type MapToken, type MappingAlgorithm, PROGRESS_UPDEDATE, type Perferences, type PresetColorKey, type PresetColorType, PresetColors, type ProductInfo, type SSOConfigType, type SYSMGMT_CONFIG_TYPE, type SeedToken, type ServerMenu, type ServerMenuData, type ServerMenuMap, type SizeMapToken, type StyleMapToken, type THEME_TYPE, type ThemeType, type TokenType, type User, type UserAggregateInfo, type GantUserConfig as UserConfig, type UserIdentityType, WS_CONTENT_CLOSE, WS_CONTENT_ERROR, WS_CONTENT_SUCCESS, codeListStore, derivative as compactAlgorithm, _default$1 as companydataStore, derivative$1 as darkAlgorithm, decryptByAES, derivative$2 as defaultAlgorithm, emitter, encryptByAES, expireCache, formatToken as formatAliasToken, getAliasToken, getAlphaColor, getAntdLocaleKey, getDarkenSolidColor, getLightenSolidColor, getLocaleKey, getMaskHeaderKey, getRoutes, getSecretKey, getTokenCssVar, getTraceId, globalStore, _default as init, initDynamicLang, lighten, loginStore, menuStore, parameterStore, Progress as progress, request, requestInstance, seedToken as seed, setLocaleKey, storage as storageStore, toBase64, token, tr, useRequestHeader, useRequestMicroSevices, useResponsedecryptParse, userStore, websocket };
+export { type AliasToken, type BASE_CONFIG_TYPE, type CONFIG_TYPE, type ColorGradientToken, type ColorMapToken, type ColorNeutralMapToken, type ColorPalettes, type CommonMapToken, type DerivativeFunc, type FontMapToken, type GantAxiosRequestConfig, type GantServerOptions, type GlobalOptions, type GlobalToken, type HeightMapToken, type InternalAxiosRequestConfig, type LOGIN_CONFIG, type Language, type LegacyColorPalettes, type LoginResultData, type MAIN_CONFIG_TYPE, MENU_BREADCRUMBS_UPDATE, MENU_HISTORY_UPDATE, type MainOptions, type MapToken, type MappingAlgorithm, PROGRESS_UPDEDATE, type Perferences, type PresetColorKey, type PresetColorType, PresetColors, type ProductInfo, type SSOConfigType, type SYSMGMT_CONFIG_TYPE, type SeedToken, type ServerMenu, type ServerMenuData, type ServerMenuMap, type SizeMapToken, type StyleMapToken, type THEME_TYPE, type ThemeType, type TokenType, type User, type UserAggregateInfo, type GantUserConfig as UserConfig, type UserIdentityType, WS_CONTENT_CLOSE, WS_CONTENT_ERROR, WS_CONTENT_SUCCESS, codeListStore, derivative as compactAlgorithm, _default$1 as companydataStore, derivative$1 as darkAlgorithm, decryptByAES, derivative$2 as defaultAlgorithm, emitter, encryptByAES, expireCache, formatToken as formatAliasToken, getAliasToken, getAlphaColor, getAntdLocaleKey, getBackgroundColor, getDarkenSolidColor, getLightenSolidColor, getLocaleKey, getMaskHeaderKey, getRoutes, getSecretKey, getTokenCssVar, getTraceId, globalStore, _default as init, initDynamicLang, lighten, loginStore, menuStore, parameterStore, Progress as progress, request, requestInstance, seedToken as seed, setLocaleKey, storage as storageStore, toBase64, token, tr, useRequestHeader, useRequestMicroSevices, useResponsedecryptParse, userStore, websocket };

package/lib/index.js

@@ -5423,12 +5423,83 @@ const seedToken = {
     wireframe: false,
     // Motion
     motion: true,
+    //布局相关
     layoutHeaderHeight: 50,
     layoutSiderWidth: 200,
     layoutIconSize: 24,
     layoutNavHeight: 40,
+    //渐变色
+    gradientColors: ['#0040ED', '#00E5ED'],
 };
 
+/**
+ * Sums the passed percentage to the R, G or B of a HEX color
+ * @param {string} color The color to change
+ * @param {number} amount The amount to change the color by
+ * @returns {string} The processed part of the color
+ */
+function addLight(color, amount) {
+    const cc = parseInt(color, 16) + amount;
+    const c = cc > 255 ? 255 : cc;
+    return c.toString(16).length > 1 ? c.toString(16) : `0${c.toString(16)}`;
+}
+/**
+ * Lightens a 6 char HEX color according to the passed percentage
+ * @param {string} color The color to change
+ * @param {number} amount The amount to change the color by
+ * @returns {string} The processed color represented as HEX
+ */
+function lighten(color, amount) {
+    color = color.indexOf('#') >= 0 ? color.substring(1, color.length) : color;
+    amount = Math.trunc((255 * amount) / 100);
+    return `#${addLight(color.substring(0, 2), amount)}${addLight(color.substring(2, 4), amount)}${addLight(color.substring(4, 6), amount)}`;
+}
+function getTokenCssVar(data, prefix) {
+    if (typeof data !== 'object' || Array.isArray(data))
+        return;
+    const tokenCss = {};
+    mapValues(data, (itemValue, name) => {
+        const varName = prefix ? '--' + `${prefix}-` + name : '--' + name;
+        const value = typeof itemValue === 'number' &&
+            !['lineheight', 'opacity', 'weight'].some((key) => toLower(name).includes(key))
+            ? itemValue + 'px'
+            : itemValue;
+        if (isObject(itemValue))
+            return getTokenCssVar(value, name);
+        tokenCss[varName] = value;
+    });
+    return tokenCss;
+}
+const getAlphaColor$1 = (baseColor, alpha) => {
+    return new TinyColor(baseColor).setAlpha(alpha).toRgbString();
+};
+const getDarkenSolidColor = (baseColor, brightness) => {
+    const instance = new TinyColor(baseColor);
+    return instance.darken(brightness).toHexString();
+};
+const getLightenSolidColor = (baseColor, brightness) => {
+    const instance = new TinyColor(baseColor);
+    return instance.lighten(brightness).toHexString();
+};
+const getBackgroundColor = (baseColor, bgBaseColor) => {
+    const color = new TinyColor(baseColor);
+    return color.onBackground(bgBaseColor);
+};
+
+const generateGradientColorPalettes = (bgBaseColor, gradientColors) => {
+    const startColor = getBackgroundColor(gradientColors[0], bgBaseColor);
+    const endColor = getBackgroundColor(gradientColors[1], bgBaseColor);
+    return {
+        gradientBottom: `linear-gradient(to bottom, ${startColor}, ${endColor})`,
+        gradientTop: `linear-gradient(to top, ${startColor}, ${endColor})`,
+        gradientLeft: `linear-gradient(to left, ${startColor}, ${endColor})`,
+        gradientRight: `linear-gradient(to right, ${startColor}, ${endColor})`,
+        gradientTopLeft: `linear-gradient(to top left, ${startColor}, ${endColor})`,
+        gradientTopRight: `linear-gradient(to top right, ${startColor}, ${endColor})`,
+        gradientBottomLeft: `linear-gradient(to bottom left, ${startColor}, ${endColor})`,
+        gradientBottomRight: `linear-gradient(to bottom right, ${startColor}, ${endColor})`,
+    };
+};
 function genColorMapToken(seed, { generateColorPalettes, generateNeutralColorPalettes }) {
     const { colorSuccess: colorSuccessBase, colorWarning: colorWarningBase, colorError: colorErrorBase, colorInfo: colorInfoBase, colorPrimary: colorPrimaryBase, colorBgBase, colorTextBase, } = seed;
     const primaryColors = generateColorPalettes(colorPrimaryBase);
@@ -5437,11 +5508,13 @@ function genColorMapToken(seed, { generateColorPalettes, generateNeutralColorPal
     const errorColors = generateColorPalettes(colorErrorBase);
     const infoColors = generateColorPalettes(colorInfoBase);
     const neutralColors = generateNeutralColorPalettes(colorBgBase, colorTextBase);
+    const gradientColors = generateGradientColorPalettes(colorBgBase, seed.gradientColors);
     // Color Link
     const colorLink = seed.colorLink || seed.colorInfo;
     const linkColors = generateColorPalettes(colorLink);
     return {
         ...neutralColors,
+        ...gradientColors,
         colorPrimaryBg: primaryColors[1],
         colorPrimaryBgHover: primaryColors[2],
         colorPrimaryBorder: primaryColors[3],
@@ -5571,56 +5644,6 @@ function genCommonMapToken(token) {
     };
 }
 
-/**
- * Sums the passed percentage to the R, G or B of a HEX color
- * @param {string} color The color to change
- * @param {number} amount The amount to change the color by
- * @returns {string} The processed part of the color
- */
-function addLight(color, amount) {
-    const cc = parseInt(color, 16) + amount;
-    const c = cc > 255 ? 255 : cc;
-    return c.toString(16).length > 1 ? c.toString(16) : `0${c.toString(16)}`;
-}
-/**
- * Lightens a 6 char HEX color according to the passed percentage
- * @param {string} color The color to change
- * @param {number} amount The amount to change the color by
- * @returns {string} The processed color represented as HEX
- */
-function lighten(color, amount) {
-    color = color.indexOf('#') >= 0 ? color.substring(1, color.length) : color;
-    amount = Math.trunc((255 * amount) / 100);
-    return `#${addLight(color.substring(0, 2), amount)}${addLight(color.substring(2, 4), amount)}${addLight(color.substring(4, 6), amount)}`;
-}
-function getTokenCssVar(data, prefix) {
-    if (typeof data !== 'object' || Array.isArray(data))
-        return;
-    const tokenCss = {};
-    mapValues(data, (itemValue, name) => {
-        const varName = prefix ? '--' + `${prefix}-` + name : '--' + name;
-        const value = typeof itemValue === 'number' &&
-            !['lineheight', 'opacity', 'weight'].some((key) => toLower(name).includes(key))
-            ? itemValue + 'px'
-            : itemValue;
-        if (isObject(itemValue))
-            return getTokenCssVar(value, name);
-        tokenCss[varName] = value;
-    });
-    return tokenCss;
-}
-const getAlphaColor$1 = (baseColor, alpha) => {
-    return new TinyColor(baseColor).setAlpha(alpha).toRgbString();
-};
-const getDarkenSolidColor = (baseColor, brightness) => {
-    const instance = new TinyColor(baseColor);
-    return instance.darken(brightness).toHexString();
-};
-const getLightenSolidColor = (baseColor, brightness) => {
-    const instance = new TinyColor(baseColor);
-    return instance.lighten(brightness).toHexString();
-};
-
 const generateColorPalettes$1 = (baseColor) => {
     const colors = generate(baseColor);
     return {
@@ -6255,5 +6278,5 @@ var main = async ({ microServiceMap, secret, dynamicLangCallback, ...globalOptio
     return res;
 };
 
-export { MENU_BREADCRUMBS_UPDATE, MENU_HISTORY_UPDATE, PROGRESS_UPDEDATE, PresetColors, WS_CONTENT_CLOSE, WS_CONTENT_ERROR, WS_CONTENT_SUCCESS, codeListStore, derivative$1 as compactAlgorithm, index as companydataStore, derivative$2 as darkAlgorithm, decryptByAES, derivative$3 as defaultAlgorithm, emitter, encryptByAES, expireCache, formatToken as formatAliasToken, getAliasToken, getAlphaColor$1 as getAlphaColor, getAntdLocaleKey, getDarkenSolidColor, getLightenSolidColor, getLocaleKey, getMaskHeaderKey, getRoutes, getSecretKey, getTokenCssVar, getTraceId, globalStore, main as init, initDynamicLang, lighten, loginStore, menuStore, parameterStore, Progress as progress, request, requestInstance, seedToken as seed, setLocaleKey, storage as storageStore, toBase64, token, tr, useRequestHeader, useRequestMicroSevices, useResponsedecryptParse, userStore, websocket };
+export { MENU_BREADCRUMBS_UPDATE, MENU_HISTORY_UPDATE, PROGRESS_UPDEDATE, PresetColors, WS_CONTENT_CLOSE, WS_CONTENT_ERROR, WS_CONTENT_SUCCESS, codeListStore, derivative$1 as compactAlgorithm, index as companydataStore, derivative$2 as darkAlgorithm, decryptByAES, derivative$3 as defaultAlgorithm, emitter, encryptByAES, expireCache, formatToken as formatAliasToken, getAliasToken, getAlphaColor$1 as getAlphaColor, getAntdLocaleKey, getBackgroundColor, getDarkenSolidColor, getLightenSolidColor, getLocaleKey, getMaskHeaderKey, getRoutes, getSecretKey, getTokenCssVar, getTraceId, globalStore, main as init, initDynamicLang, lighten, loginStore, menuStore, parameterStore, Progress as progress, request, requestInstance, seedToken as seed, setLocaleKey, storage as storageStore, toBase64, token, tr, useRequestHeader, useRequestMicroSevices, useResponsedecryptParse, userStore, websocket };
 //# sourceMappingURL=index.js.map