@cloudbase/cals 1.1.14 → 1.2.1

package/lib/esm/types/platform/eventFlow.d.ts

@@ -0,0 +1,20 @@
+import type { IPlatformListener } from './common';
+export interface IEventFlow {
+    /**
+     * 流程 ID
+     */
+    id: string;
+    /**
+     * 流程中文名
+     */
+    label?: string;
+    /**
+     * 流程描述
+     */
+    description?: string;
+    /**
+     * 流程响应节点
+     */
+    listeners: IPlatformListener[];
+}
+//# sourceMappingURL=eventFlow.d.ts.map

package/lib/esm/types/platform/eventFlow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eventFlow.d.ts","sourceRoot":"","sources":["../../../../src/types/platform/eventFlow.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,SAAS,EAAE,iBAAiB,EAAE,CAAC;CAChC"}

package/lib/esm/types/platform/eventFlow.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/types/platform/query.d.ts

@@ -0,0 +1,78 @@
+import type { IHandler } from '../basic/common';
+import type { IPlatformListener } from './common';
+/**
+ * query类型枚举
+ */
+export declare enum EQueryType {
+    Model = "model",
+    Apis = "apis",
+    GeneralFunc = "general-func",
+    Sql = "sql",
+    Sqlserver = "sqlserver",
+    CloudConnector = "cloud-connector"
+}
+/**
+ * query基类描述
+ */
+interface IQueryBase {
+    /**
+     * 必填, 唯一标识
+     */
+    id: string;
+    /**
+     * 必填, code区的英文标识
+     */
+    name: string;
+    /**
+     * 选填, code区的中文标识
+     */
+    label?: string;
+    /**
+     * 选填, 额外描述
+     */
+    description?: string;
+    /** 子类型  内置数据模型model  连接器类型apis  sql语句类型*/
+    type: EQueryType;
+    /**
+     * 触发响应动作
+     */
+    handler?: IHandler;
+    /**
+     * 必选, 触发时机  自动指当前事件因change等事件自动触发  手动指被其他事件带着触发
+     */
+    trigger: 'auto' | 'manual';
+    /**
+     * 选填 如果设定了多个监听器需要此逻辑运行
+     */
+    listeners?: IPlatformListener[];
+}
+/**
+ * 数据源类型查询时定义
+ */
+export interface IDataSourceQuery extends IQueryBase {
+    /**
+     * @deprecated
+     * 结合采用 handler 的方式索引
+     * 绑定的数据源名称/当前已创建的sql标志
+     */
+    dataSourceName?: string;
+    /**
+     * @deprecated
+     * 结合采用 handler 的方式索引
+     * 变量初始化的方法, 集合/单条记录类型变量需有该方法
+     */
+    method?: IQueryMethod;
+}
+/**
+ * 数据源类型查询时 调用方法内部定义
+ */
+interface IQueryMethod {
+    /** 数据源的方法名称 */
+    name: string;
+    /** 如果是sql语句 此处为sql语句模版id */
+    sqlTemplateId?: string;
+    /** 方法入参 */
+    params?: object;
+}
+export {};
+//# sourceMappingURL=query.d.ts.map

package/lib/esm/types/platform/query.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"query.d.ts","sourceRoot":"","sources":["../../../../src/types/platform/query.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD;;GAEG;AACH,oBAAY,UAAU;IACpB,KAAK,UAAU;IACf,IAAI,SAAS;IACb,WAAW,iBAAiB;IAC5B,GAAG,QAAQ;IACX,SAAS,cAAc;IACvB,cAAc,oBAAoB;CACnC;AAED;;GAEG;AACH,UAAU,UAAU;IAClB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,0CAA0C;IAC1C,IAAI,EAAE,UAAU,CAAC;IAEjB;;OAEG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC;IAEnB;;OAEG;IACH,OAAO,EAAE,MAAM,GAAG,QAAQ,CAAC;IAE3B;;OAEG;IACH,SAAS,CAAC,EAAE,iBAAiB,EAAE,CAAC;CACjC;AAED;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAClD;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;;OAIG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AAED;;GAEG;AACH,UAAU,YAAY;IACpB,eAAe;IACf,IAAI,EAAE,MAAM,CAAC;IAEb,4BAA4B;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,WAAW;IACX,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/lib/esm/types/platform/query.js

@@ -0,0 +1,12 @@
+/**
+ * query类型枚举
+ */
+export var EQueryType;
+(function (EQueryType) {
+    EQueryType["Model"] = "model";
+    EQueryType["Apis"] = "apis";
+    EQueryType["GeneralFunc"] = "general-func";
+    EQueryType["Sql"] = "sql";
+    EQueryType["Sqlserver"] = "sqlserver";
+    EQueryType["CloudConnector"] = "cloud-connector";
+})(EQueryType || (EQueryType = {}));

package/lib/esm/types/platform/theme.d.ts

@@ -0,0 +1,47 @@
+import { LCDS } from '../lcds';
+/** 应用主题 */
+export interface ITheme {
+    /**
+     * 元信息
+     */
+    meta: {
+        /** 关联的原始主题概要信息 */
+        refTheme: {
+            /** 原始主题 ID */
+            id: string;
+            /** 原始主题显示的图标链接 */
+            icon?: string;
+            /** 原始主题版本号 */
+            version?: string;
+        };
+        /** 当前主题选中的阴影级别 */
+        shadowLevel: 'none' | 'sm' | 'md' | 'lg';
+        /** 应用某个主题后是否有变更？ */
+        changed: boolean;
+    };
+    /**
+     * 主题对应的 CSS 变量配置信息
+     *
+     * *映射 `平台类型` => `主题 CSS 变量配置`*
+     */
+    cssVarConfig: Partial<Record<IThemePlatform, IThemeCssVars>>;
+}
+/**
+ * 主题支持的平台类型
+ *
+ * *其中 `_` 表示与具体平台无关*
+ */
+export type IThemePlatform = '_' | `${LCDS.EPlatform.PCWEB}` | `${LCDS.EPlatform.MOBILE}`;
+/** 主题 CSS 变量信息 */
+export type IThemeCssVars = {
+    [key: string]: IThemeCssVarValue;
+};
+/**
+ * 主题支持的 CSS 变量名称
+ */
+export type IThemeCssVarName = `--wd-${string}`;
+/**
+ * 主题支持的 CSS 变量取值
+ */
+export type IThemeCssVarValue = string;
+//# sourceMappingURL=theme.d.ts.map

package/lib/esm/types/platform/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/types/platform/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,WAAW;AACX,MAAM,WAAW,MAAM;IACrB;;OAEG;IACH,IAAI,EAAE;QACJ,kBAAkB;QAClB,QAAQ,EAAE;YACR,cAAc;YACd,EAAE,EAAE,MAAM,CAAC;YAEX,kBAAkB;YAClB,IAAI,CAAC,EAAE,MAAM,CAAC;YAEd,cAAc;YACd,OAAO,CAAC,EAAE,MAAM,CAAC;SAClB,CAAC;QAEF,kBAAkB;QAClB,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;QAEzC,oBAAoB;QACpB,OAAO,EAAE,OAAO,CAAC;KAClB,CAAC;IAEF;;;;OAIG;IACH,YAAY,EAAE,OAAO,CAAC,MAAM,CAAC,cAAc,EAAE,aAAa,CAAC,CAAC,CAAC;CAC9D;AAED;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;AAE1F,kBAAkB;AAElB,MAAM,MAAM,aAAa,GAAG;IAG1B,CAAC,GAAG,EAAE,MAAM,GAAG,iBAAiB,CAAC;CAClC,CAAC;AAKF;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,QAAQ,MAAM,EAAE,CAAC;AAEhD;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC"}

package/lib/esm/types/platform/theme.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/utils/CSSProperty.d.ts

@@ -0,0 +1,64 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * 来源：packages/react-dom/src/shared/CSSProperty.js
+ * react-dom 内部实现用于判断是否补齐 number 类型数据的 px 单位
+ */
+/**
+ * CSS properties which accept numbers but are not in units of "px".
+ */
+export declare const isUnitlessNumber: {
+    animationIterationCount: boolean;
+    aspectRatio: boolean;
+    borderImage: boolean;
+    borderImageOutset: boolean;
+    borderImageSlice: boolean;
+    borderImageWidth: boolean;
+    boxFlex: boolean;
+    boxFlexGroup: boolean;
+    boxOrdinalGroup: boolean;
+    columnCount: boolean;
+    columns: boolean;
+    flex: boolean;
+    flexGrow: boolean;
+    flexPositive: boolean;
+    flexShrink: boolean;
+    flexNegative: boolean;
+    flexOrder: boolean;
+    gridArea: boolean;
+    gridRow: boolean;
+    gridRowEnd: boolean;
+    gridRowSpan: boolean;
+    gridRowStart: boolean;
+    gridColumn: boolean;
+    gridColumnEnd: boolean;
+    gridColumnSpan: boolean;
+    gridColumnStart: boolean;
+    fontWeight: boolean;
+    lineClamp: boolean;
+    /**
+     * TODO:
+     * 历史原因，存量大量的是当做默认补充 px 单位来做的，导致没法一下子兼容，需要刷新设计态数据
+     */
+    weight: boolean;
+    opacity: boolean;
+    order: boolean;
+    orphans: boolean;
+    tabSize: boolean;
+    widows: boolean;
+    zIndex: boolean;
+    zoom: boolean;
+    fillOpacity: boolean;
+    floodOpacity: boolean;
+    stopOpacity: boolean;
+    strokeDasharray: boolean;
+    strokeDashoffset: boolean;
+    strokeMiterlimit: boolean;
+    strokeOpacity: boolean;
+    strokeWidth: boolean;
+};
+//# sourceMappingURL=CSSProperty.d.ts.map

package/lib/esm/utils/CSSProperty.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CSSProperty.d.ts","sourceRoot":"","sources":["../../../src/utils/CSSProperty.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;;GAGG;AAEH;;GAEG;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA6B3B;;;OAGG;;;;;;;;;;;;;;;;;CAoBJ,CAAC"}

package/lib/esm/utils/CSSProperty.js

@@ -0,0 +1,86 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * 来源：packages/react-dom/src/shared/CSSProperty.js
+ * react-dom 内部实现用于判断是否补齐 number 类型数据的 px 单位
+ */
+/**
+ * CSS properties which accept numbers but are not in units of "px".
+ */
+export const isUnitlessNumber = {
+    animationIterationCount: true,
+    aspectRatio: true,
+    borderImage: true,
+    borderImageOutset: true,
+    borderImageSlice: true,
+    borderImageWidth: true,
+    boxFlex: true,
+    boxFlexGroup: true,
+    boxOrdinalGroup: true,
+    columnCount: true,
+    columns: true,
+    flex: true,
+    flexGrow: true,
+    flexPositive: true,
+    flexShrink: true,
+    flexNegative: true,
+    flexOrder: true,
+    gridArea: true,
+    gridRow: true,
+    gridRowEnd: true,
+    gridRowSpan: true,
+    gridRowStart: true,
+    gridColumn: true,
+    gridColumnEnd: true,
+    gridColumnSpan: true,
+    gridColumnStart: true,
+    fontWeight: true,
+    lineClamp: true,
+    /**
+     * TODO:
+     * 历史原因，存量大量的是当做默认补充 px 单位来做的，导致没法一下子兼容，需要刷新设计态数据
+     */
+    // lineHeight: true,
+    weight: true,
+    opacity: true,
+    order: true,
+    orphans: true,
+    tabSize: true,
+    widows: true,
+    zIndex: true,
+    zoom: true,
+    // SVG-related properties
+    fillOpacity: true,
+    floodOpacity: true,
+    stopOpacity: true,
+    strokeDasharray: true,
+    strokeDashoffset: true,
+    strokeMiterlimit: true,
+    strokeOpacity: true,
+    strokeWidth: true,
+};
+/**
+ * @param {string} prefix vendor-specific prefix, eg: Webkit
+ * @param {string} key style name, eg: transitionDuration
+ * @return {string} style name prefixed with `prefix`, properly camelCased, eg:
+ * WebkitTransitionDuration
+ */
+function prefixKey(prefix, key) {
+    return prefix + key.charAt(0).toUpperCase() + key.substring(1);
+}
+/**
+ * Support style names that may come passed in prefixed by adding permutations
+ * of vendor prefixes.
+ */
+const prefixes = ['Webkit', 'ms', 'Moz', 'O'];
+// Using Object.keys here, or else the vanilla for-in loop makes IE8 go into an
+// infinite loop, because it iterates over the newly added props too.
+Object.keys(isUnitlessNumber).forEach(function (prop) {
+    prefixes.forEach(function (prefix) {
+        isUnitlessNumber[prefixKey(prefix, prop)] = isUnitlessNumber[prop];
+    });
+});

package/lib/esm/utils/color-generator/core.d.ts

@@ -0,0 +1,52 @@
+interface HSV {
+    h: number;
+    s: number;
+    v: number;
+}
+/**
+ * 获取色相
+ * @param hsv 主色 hsv
+ * @param i index
+ * @returns 色相
+ */
+export declare const getHue: (hsv: HSV, i: number, { isTop, hueStep, }: {
+    /** 是否为主色前（主色前为浅色）？ */
+    isTop: boolean;
+    /** 色相阶梯 */
+    hueStep: number;
+}) => number;
+/**
+ * 获取饱和度
+ * 1-10 饱和度变化 => 饱和度从小到大
+ * @param hsv 主色 hsv
+ * @param i index
+ * @returns 饱和度
+ */
+export declare const getSaturation: (hsv: HSV, i: number, { isTop, topColorCount, topSaturationStep, bottomSaturationStep, }: {
+    /** 是否为主色前（主色前为浅色）？ */
+    isTop: boolean;
+    /** 显示在主色前面的颜色个数 */
+    topColorCount: number;
+    /** 饱和度阶梯（主色前） */
+    topSaturationStep: number;
+    /** 饱和度阶梯（主色后） */
+    bottomSaturationStep: number;
+}) => number;
+/**
+ * 获取亮度
+ * HSV 中 V 控制纯色中混入黑色的量，量越大，黑色越少，亮度越高
+ * 1-10 亮度变化 => 亮度从大到小 => 亮度越来越小
+ * @param hsv 主色 hsv
+ * @param i index
+ * @returns 亮度
+ */
+export declare const getBrightness: (hsv: HSV, i: number, { isTop, topBrightnessStep, bottomBrightnessStep, }: {
+    /** 是否为主色前（主色前为浅色）？ */
+    isTop: boolean;
+    /** 亮度阶梯（主色前） */
+    topBrightnessStep: number;
+    /** 亮度阶梯（主色后） */
+    bottomBrightnessStep: number;
+}) => number;
+export {};
+//# sourceMappingURL=core.d.ts.map

package/lib/esm/utils/color-generator/core.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"core.d.ts","sourceRoot":"","sources":["../../../../src/utils/color-generator/core.ts"],"names":[],"mappings":"AAAA,UAAU,GAAG;IACX,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED;;;;;GAKG;AACH,eAAO,MAAM,MAAM,QACZ,GAAG,KACL,MAAM;IAKP,sBAAsB;WACf,OAAO;IAEd,WAAW;aACF,MAAM;YAqBlB,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,QACnB,GAAG,KACL,MAAM;IAOP,sBAAsB;WACf,OAAO;IAEd,mBAAmB;mBACJ,MAAM;IAErB,iBAAiB;uBACE,MAAM;IAEzB,iBAAiB;0BACK,MAAM;YAiB/B,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,QACnB,GAAG,KACL,MAAM;IAMP,sBAAsB;WACf,OAAO;IAEd,gBAAgB;uBACG,MAAM;IAEzB,gBAAgB;0BACM,MAAM;YAO/B,CAAC"}

package/lib/esm/utils/color-generator/core.js

@@ -0,0 +1,57 @@
+/**
+ * 获取色相
+ * @param hsv 主色 hsv
+ * @param i index
+ * @returns 色相
+ */
+export const getHue = (hsv, i, { isTop, hueStep, }) => {
+    let hue;
+    // H: [60, 240] 为暖色调，其他为冷色调
+    if (Math.round(hsv.h) >= 60 && Math.round(hsv.h) <= 240) {
+        // 主色为冷色调
+        // 1-10 色相变化 => 色相从小到大 => 色相逆时针旋转 => 更冷
+        hue = isTop ? Math.round(hsv.h) - hueStep * i : Math.round(hsv.h) + hueStep * i;
+    }
+    else {
+        // 主色为暖色调
+        // 1-10 色相变化 => 色相从大到小 => 色相顺时针旋转 => 更暖
+        hue = isTop ? Math.round(hsv.h) + hueStep * i : Math.round(hsv.h) - hueStep * i;
+    }
+    if (hue < 0 || hue >= 360) {
+        hue = Math.abs(Math.abs(hue) - 360);
+    }
+    return hue;
+};
+/**
+ * 获取饱和度
+ * 1-10 饱和度变化 => 饱和度从小到大
+ * @param hsv 主色 hsv
+ * @param i index
+ * @returns 饱和度
+ */
+export const getSaturation = (hsv, i, { isTop, topColorCount, topSaturationStep, bottomSaturationStep, }) => {
+    // 不改变灰色的饱和度
+    if (hsv.h === 0 && hsv.s === 0) {
+        return hsv.s;
+    }
+    let saturation = isTop ? hsv.s - topSaturationStep * i : hsv.s + bottomSaturationStep * i;
+    saturation = Math.max(0.06, Math.min(saturation, 1));
+    // 主色前 1 个饱和度限制在 0.06-0.1 之间
+    if (isTop && i === topColorCount && saturation > 0.1) {
+        saturation = 0.1;
+    }
+    return Number(saturation.toFixed(2));
+};
+/**
+ * 获取亮度
+ * HSV 中 V 控制纯色中混入黑色的量，量越大，黑色越少，亮度越高
+ * 1-10 亮度变化 => 亮度从大到小 => 亮度越来越小
+ * @param hsv 主色 hsv
+ * @param i index
+ * @returns 亮度
+ */
+export const getBrightness = (hsv, i, { isTop, topBrightnessStep, bottomBrightnessStep, }) => {
+    let value = isTop ? hsv.v + topBrightnessStep * i : hsv.v - bottomBrightnessStep * i;
+    value = Math.min(value, 1);
+    return Number(value.toFixed(2));
+};

package/lib/esm/utils/color-generator/generate.d.ts

@@ -0,0 +1,67 @@
+export interface GenerateColorPaletteOptions {
+    /** 主色对应的颜色值 */
+    primaryColor: string;
+    /**
+     * 显示在主色前面的颜色个数
+     * @default 4
+     */
+    topColorCount?: number;
+    /**
+     * 饱和度阶梯（主色前）
+     * @default 0.16
+     */
+    topSaturationStep?: number;
+    /**
+     * 亮度阶梯（主色前）
+     * @default 0.05
+     */
+    topBrightnessStep?: number;
+    /**
+     * 显示在主色后面的颜色个数
+     * @default 2
+     */
+    bottomColorCount?: number;
+    /**
+     * 饱和度阶梯（主色后）
+     * @default 0.05
+     */
+    bottomSaturationStep?: number;
+    /**
+     * 亮度阶梯（主色后）
+     * @default 0.15
+     */
+    bottomBrightnessStep?: number;
+    /**
+     * 色相阶梯
+     * @default 2
+     */
+    hueStep?: number;
+}
+/**
+ * 根据主色生成色板
+ * @link https://github.com/hd996/color-generate
+ * @link https://zhuanlan.zhihu.com/p/32422584
+ * @link https://github.com/ant-design/ant-design/blob/3.x-stable/components/style/color/colorPalette.less
+ */
+export declare const generateColorPalette: (opt: GenerateColorPaletteOptions) => string[];
+/**
+ * 根据主色自动生成阶梯色
+ */
+export declare function generateStepColors(option: {
+    /**
+     * 主色对应的颜色值
+     * @example 'rgb(0, 82, 217)'
+     */
+    primaryColor: string;
+    /** 需要生成的阶梯色个数（>= 1） */
+    stepCount: number;
+    /**
+     * 主色基准值（1-based）
+     *
+     * *如果未指定 `primaryOrder`，则 `primaryOrder` 会根据传入的 `primaryColor` 及 `stepCount` 的取值自动计算*
+     */
+    primaryOrder?: number;
+}): {
+    stepColors: string[];
+};
+//# sourceMappingURL=generate.d.ts.map

package/lib/esm/utils/color-generator/generate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate.d.ts","sourceRoot":"","sources":["../../../../src/utils/color-generator/generate.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,2BAA2B;IAC1C,eAAe;IACf,YAAY,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAuBD;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,QAAS,2BAA2B,aAiEpE,CAAC;AAEF;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE;IACzC;;;OAGG;IACH,YAAY,EAAE,MAAM,CAAC;IAErB,uBAAuB;IACvB,SAAS,EAAE,MAAM,CAAC;IAElB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;;EA4BA"}

package/lib/esm/utils/color-generator/generate.js

@@ -0,0 +1,92 @@
+import tinycolor from 'tinycolor2';
+import { mergeProps as mergeOptions, calculateLuminance } from './utils';
+import { getHue, getSaturation, getBrightness } from './core';
+const defaultOptions = {
+    topColorCount: 4,
+    topSaturationStep: 0.16,
+    topBrightnessStep: 0.05,
+    bottomColorCount: 2,
+    bottomSaturationStep: 0.05,
+    bottomBrightnessStep: 0.15,
+    hueStep: 2,
+};
+/**
+ * 根据主色生成色板
+ * @link https://github.com/hd996/color-generate
+ * @link https://zhuanlan.zhihu.com/p/32422584
+ * @link https://github.com/ant-design/ant-design/blob/3.x-stable/components/style/color/colorPalette.less
+ */
+export const generateColorPalette = (opt) => {
+    const { primaryColor, topColorCount, topSaturationStep, topBrightnessStep, bottomColorCount, bottomSaturationStep, bottomBrightnessStep, hueStep, } = mergeOptions(defaultOptions, opt);
+    const colors = [];
+    const hsv = tinycolor(primaryColor).toHsv();
+    // 主色前
+    for (let i = topColorCount; i > 0; i -= 1) {
+        const color = tinycolor({
+            h: getHue(hsv, i, {
+                isTop: true,
+                hueStep,
+            }),
+            s: getSaturation(hsv, i, {
+                isTop: true,
+                topColorCount,
+                topSaturationStep,
+                bottomSaturationStep,
+            }),
+            v: getBrightness(hsv, i, {
+                isTop: true,
+                topBrightnessStep,
+                bottomBrightnessStep,
+            }),
+        }).toRgbString();
+        colors.push(color);
+    }
+    // 主色
+    colors.push(tinycolor(primaryColor).toRgbString());
+    // 主色后
+    for (let i = 1; i <= bottomColorCount; i += 1) {
+        const color = tinycolor({
+            h: getHue(hsv, i, {
+                isTop: false,
+                hueStep,
+            }),
+            s: getSaturation(hsv, i, {
+                isTop: false,
+                topColorCount,
+                topSaturationStep,
+                bottomSaturationStep,
+            }),
+            v: getBrightness(hsv, i, {
+                isTop: false,
+                topBrightnessStep,
+                bottomBrightnessStep,
+            }),
+        }).toRgbString();
+        colors.push(color);
+    }
+    return colors;
+};
+/**
+ * 根据主色自动生成阶梯色
+ */
+export function generateStepColors(option) {
+    var _a;
+    const { primaryColor } = option;
+    /** 阶梯色个数 (>= 1) */
+    const stepCount = Math.max(1, option.stepCount);
+    /** 主色基准值 (>= 1) */
+    const primaryOrder = Math.max(1, (_a = option.primaryOrder) !== null && _a !== void 0 ? _a : 
+    // 根据颜色明度自动计算基准值 (范围：[1, stepCount])
+    Math.floor(1 + (stepCount - 1) * (1 - calculateLuminance(primaryColor))));
+    /** 生成的阶梯色列表 */
+    const stepColors = generateColorPalette({
+        primaryColor,
+        topColorCount: primaryOrder - 1,
+        topSaturationStep: 0.06 + 0.04 * (primaryOrder / stepCount),
+        topBrightnessStep: 0.05 + 0.05 * (primaryOrder / stepCount),
+        bottomColorCount: stepCount - primaryOrder,
+        bottomSaturationStep: 0.08 + 0.05 * ((stepCount - primaryOrder) / stepCount),
+        bottomBrightnessStep: 0.06 + 0.04 * ((stepCount - primaryOrder) / stepCount),
+    });
+    return { stepColors };
+}

package/lib/esm/utils/color-generator/utils.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @author yomeeliu
+ */
+export declare function mergeProps<A, B>(a: A, b: B): B & A;
+export declare function mergeProps<A, B, C>(a: A, b: B, c: C): C & B & A;
+/**
+ * @author yomeeliu
+ * 计算指定颜色的明度
+ *
+ * *返回 [0-1] 间的某个值*
+ *
+ * @link https://github.com/mattdesl/color-luminance/blob/master/index.js
+ */
+export declare function calculateLuminance(color: string): number;
+//# sourceMappingURL=utils.d.ts.map

package/lib/esm/utils/color-generator/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/utils/color-generator/utils.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,wBAAgB,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AACpD,wBAAgB,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAajE;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,UAS/C"}

package/lib/esm/utils/color-generator/utils.js

@@ -0,0 +1,30 @@
+import assign from 'lodash/assign';
+import assignWith from 'lodash/assignWith';
+import isUndefined from 'lodash/isUndefined';
+import tinyColor from 'tinycolor2';
+export function mergeProps(...items) {
+    function customizer(objValue, srcValue) {
+        return isUndefined(srcValue) ? objValue : srcValue;
+    }
+    let ret = assign({}, items[0]);
+    for (let i = 1; i < items.length; i += 1) {
+        ret = assignWith(ret, items[i], customizer);
+    }
+    return ret;
+}
+/**
+ * @author yomeeliu
+ * 计算指定颜色的明度
+ *
+ * *返回 [0-1] 间的某个值*
+ *
+ * @link https://github.com/mattdesl/color-luminance/blob/master/index.js
+ */
+export function calculateLuminance(color) {
+    const { r, g, b } = tinyColor(color).toRgb();
+    const arr = [r, g, b].map((v) => {
+        v /= 255;
+        return v <= 0.03928 ? v / 12.92 : Math.pow(((v + 0.055) / 1.055), 2.4);
+    });
+    return +(0.2126 * arr[0] + 0.7152 * arr[1] + 0.0722 * arr[2]).toFixed(2);
+}