yuang-framework-ui-pc 1.0.19 → 1.2.1

package/es/utils/chart-theme.js

@@ -0,0 +1,392 @@
+const ChartTheme = {
+  color: [
+    "#5b8ff9",
+    "#61ddaa",
+    "#65789b",
+    "#f6bd16",
+    "#7262fd",
+    "#78d3f8",
+    "#9661bc",
+    "#f6903d",
+    "#008685",
+    "#f08bb4"
+  ],
+  backgroundColor: "rgba(0,0,0,0)",
+  textStyle: {},
+  title: {
+    textStyle: {
+      color: "#333333"
+    },
+    subtextStyle: {
+      color: "#666666"
+    }
+  },
+  line: {
+    itemStyle: {
+      borderWidth: 1
+    },
+    lineStyle: {
+      width: "2"
+    },
+    symbolSize: 4,
+    symbol: "emptyCircle",
+    smooth: false
+  },
+  radar: {
+    itemStyle: {
+      borderWidth: 1
+    },
+    lineStyle: {
+      width: "2"
+    },
+    symbolSize: 4,
+    symbol: "emptyCircle",
+    smooth: false
+  },
+  bar: {
+    barCategoryGap: "50%",
+    itemStyle: {
+      barBorderWidth: "0",
+      barBorderColor: "#fff"
+    }
+  },
+  pie: {
+    itemStyle: {
+      borderWidth: "2",
+      borderColor: "#fff"
+    }
+  },
+  scatter: {
+    itemStyle: {
+      borderWidth: "0",
+      borderColor: "#fff"
+    }
+  },
+  boxplot: {
+    itemStyle: {
+      borderWidth: "0",
+      borderColor: "#fff"
+    }
+  },
+  parallel: {
+    itemStyle: {
+      borderWidth: "0",
+      borderColor: "#fff"
+    }
+  },
+  sankey: {
+    itemStyle: {
+      borderWidth: "0",
+      borderColor: "#fff"
+    }
+  },
+  funnel: {
+    itemStyle: {
+      borderWidth: "0",
+      borderColor: "#fff"
+    }
+  },
+  gauge: {
+    itemStyle: {
+      borderWidth: "0",
+      borderColor: "#fff"
+    }
+  },
+  candlestick: {
+    itemStyle: {
+      color: "#dd3f5d",
+      color0: "#51bd4b",
+      borderColor: "#dd3f5d",
+      borderColor0: "#51bd4b",
+      borderWidth: 1
+    }
+  },
+  graph: {
+    itemStyle: {
+      borderWidth: "0",
+      borderColor: "#fff"
+    },
+    lineStyle: {
+      width: 1,
+      color: "#bfbfbf"
+    },
+    symbolSize: 4,
+    symbol: "emptyCircle",
+    smooth: false,
+    color: [
+      "#5b8ff9",
+      "#61ddaa",
+      "#65789b",
+      "#f6bd16",
+      "#7262fd",
+      "#78d3f8",
+      "#9661bc",
+      "#f6903d",
+      "#008685",
+      "#f08bb4"
+    ],
+    label: {
+      color: "#666666"
+    }
+  },
+  map: {
+    itemStyle: {
+      areaColor: "#fafafa",
+      borderColor: "#d9d9d9",
+      borderWidth: 1
+    },
+    label: {
+      color: "#333333",
+      textBorderColor: "#fff",
+      textBorderWidth: 1
+    },
+    emphasis: {
+      itemStyle: {
+        areaColor: "rgba(255,215,0,0.8)",
+        borderColor: "#d9d9d9",
+        borderWidth: 1
+      },
+      label: {
+        color: "#333333"
+      }
+    }
+  },
+  geo: {
+    itemStyle: {
+      areaColor: "#fafafa",
+      borderColor: "#d9d9d9",
+      borderWidth: 1
+    },
+    label: {
+      color: "#333333",
+      textBorderColor: "#fff",
+      textBorderWidth: 1
+    },
+    emphasis: {
+      itemStyle: {
+        areaColor: "rgba(255,215,0,0.8)",
+        borderColor: "#d9d9d9",
+        borderWidth: 1
+      },
+      label: {
+        color: "#333333"
+      }
+    }
+  },
+  grid: {
+    top: 30,
+    right: 20,
+    left: 60,
+    bottom: 40
+  },
+  categoryAxis: {
+    axisLine: {
+      show: true,
+      lineStyle: {
+        color: "#bfbfbf"
+      }
+    },
+    axisTick: {
+      show: true,
+      lineStyle: {
+        color: "#bfbfbf"
+      },
+      alignWithLabel: true
+    },
+    axisLabel: {
+      show: true,
+      color: "#666666"
+    },
+    splitLine: {
+      show: false,
+      lineStyle: {
+        type: "dashed",
+        color: ["#d9d9d9"]
+      }
+    },
+    splitArea: {
+      show: false,
+      areaStyle: {
+        color: ["#f0f0f0"]
+      }
+    }
+  },
+  valueAxis: {
+    axisLine: {
+      show: false,
+      lineStyle: {
+        color: "#bfbfbf"
+      }
+    },
+    axisTick: {
+      show: false,
+      lineStyle: {
+        color: "#bfbfbf"
+      }
+    },
+    axisLabel: {
+      show: true,
+      color: "#666666"
+    },
+    splitLine: {
+      show: true,
+      lineStyle: {
+        type: "dashed",
+        color: ["#d9d9d9"]
+      }
+    },
+    splitArea: {
+      show: false,
+      areaStyle: {
+        color: ["#f0f0f0"]
+      }
+    }
+  },
+  logAxis: {
+    axisLine: {
+      show: false,
+      lineStyle: {
+        color: "#bfbfbf"
+      }
+    },
+    axisTick: {
+      show: false,
+      lineStyle: {
+        color: "#bfbfbf"
+      }
+    },
+    axisLabel: {
+      show: true,
+      color: "#666666"
+    },
+    splitLine: {
+      show: true,
+      lineStyle: {
+        color: ["#d9d9d9"]
+      }
+    },
+    splitArea: {
+      show: false,
+      areaStyle: {
+        color: ["#f0f0f0"]
+      }
+    }
+  },
+  timeAxis: {
+    axisLine: {
+      show: true,
+      lineStyle: {
+        color: "#bfbfbf"
+      }
+    },
+    axisTick: {
+      show: true,
+      lineStyle: {
+        color: "#bfbfbf"
+      }
+    },
+    axisLabel: {
+      show: true,
+      color: "#666666"
+    },
+    splitLine: {
+      show: false,
+      lineStyle: {
+        color: ["#d9d9d9"]
+      }
+    },
+    splitArea: {
+      show: false,
+      areaStyle: {
+        color: ["#f0f0f0"]
+      }
+    }
+  },
+  toolbox: {
+    iconStyle: {
+      borderColor: "#999999"
+    },
+    emphasis: {
+      iconStyle: {
+        borderColor: "#666666"
+      }
+    }
+  },
+  legend: {
+    inactiveColor: "#cccccc",
+    inactiveBorderColor: "#fff",
+    textStyle: {
+      color: "#666666",
+      lineHeight: 14
+    }
+  },
+  tooltip: {
+    axisPointer: {
+      lineStyle: {
+        color: "#bfbfbf",
+        width: "1"
+      },
+      crossStyle: {
+        color: "#bfbfbf",
+        width: "1"
+      }
+    }
+  },
+  timeline: {
+    lineStyle: {
+      color: "#d9d9d9",
+      width: "1"
+    },
+    itemStyle: {
+      color: "#d9d9d9",
+      borderWidth: "1"
+    },
+    controlStyle: {
+      color: "#d9d9d9",
+      borderColor: "#d9d9d9",
+      borderWidth: "0.5"
+    },
+    checkpointStyle: {
+      color: "#5b8ff9",
+      borderColor: "#5b8ff9"
+    },
+    label: {
+      color: "#999999"
+    },
+    emphasis: {
+      itemStyle: {
+        color: "#5b8ff9"
+      },
+      controlStyle: {
+        color: "#d9d9d9",
+        borderColor: "#d9d9d9",
+        borderWidth: "0.5"
+      },
+      label: {
+        color: "#666666"
+      }
+    }
+  },
+  visualMap: {
+    itemHeight: 80,
+    itemWidth: 15,
+    color: ["#5b8ff9", "#b0d0ff", "#f0f7ff"],
+    textStyle: {
+      color: "#666666"
+    }
+  },
+  dataZoom: {
+    handleSize: "100%",
+    textStyle: {
+      color: "#666666"
+    }
+  },
+  markPoint: {
+    label: {
+      color: "#ffffff"
+    }
+  }
+};
+export {
+  ChartTheme
+};

package/es/utils/core.d.ts

@@ -0,0 +1,168 @@
+import { Mutable } from '../ele-app/types';
+
+/**
+ * toTree 方法参数
+ */
+export interface ToTreeOption<T> {
+    /** 数据 */
+    data?: T[] | null;
+    /** id 字段名称 */
+    idField?: string | null;
+    /** parentId 字段名称 */
+    parentIdField?: string | null;
+    /** 生成的 children 字段名称 */
+    childrenField?: string | null;
+    /** 最顶级的 parentId 值 */
+    parentId?: number | string | (number | string)[] | null;
+    /** 是否添加包含所有父级 id 的字段 */
+    addParentIds?: boolean | null;
+    /** 包含所有父级 id 字段的名称 */
+    parentIdsField?: string | null;
+    /** 所有父级的 id */
+    parentIds?: (number | string)[] | null;
+}
+/**
+ * parentId 形式数据转 children 形式
+ * @param option ToTreeOption
+ */
+export declare function toTree<T>(option: ToTreeOption<T>): T[];
+/**
+ * 遍历 children 形式数据
+ * @param data 数据
+ * @param callback 回调
+ * @param childrenField children 字段名
+ * @param parent 当前的父级
+ */
+export declare function eachTree<T>(data?: T[], callback?: (item: T, index: number, parent?: T) => void | boolean, childrenField?: string, parent?: T): void;
+/**
+ * 格式化 children 形式数据
+ * @param data 数据
+ * @param formatter 格式器
+ * @param childrenField children 字段名
+ * @param resultChildrenField 返回后的 children 字段名
+ * @param parent 当前的父级
+ */
+export declare function mapTree<T, K>(data: T[] | undefined | null, formatter: (item: T, index?: number, parent?: K) => K | void | undefined, childrenField?: string, resultChildrenField?: string, parent?: K): K[];
+/**
+ * 查找树形数据
+ * @param data 数据
+ * @param predicate 查找条件
+ * @param childrenField children 字段名
+ */
+export declare function findTree<T>(data: T[] | undefined, predicate: (value: T, index: number) => unknown, childrenField?: string): T | undefined;
+/**
+ * 生成 m 到 n 的随机数
+ * @param m 最小值(包含)
+ * @param n 最大值(不包含)
+ */
+export declare function random(m: number, n: number): number;
+/**
+ * 生成随机字符串
+ * @param length 长度
+ * @param radix 基数
+ */
+export declare function uuid(length?: number, radix?: number): string;
+/**
+ * 数字千分位
+ * @param num 数字
+ */
+export declare function formatNumber(num?: number | null): string;
+/**
+ * 赋值不改变原字段
+ * @param target 目标对象
+ * @param source 源对象
+ * @param excludes 排除的字段
+ */
+export declare function assignObject<T extends {}, K extends {}>(target: T, source: K, excludes?: string[]): T;
+/**
+ * 判断是否是外链
+ * @param url 地址
+ */
+export declare function isExternalLink(url?: string | null): boolean;
+/**
+ * 查找直接子元素
+ * @param parentEl 父元素
+ * @param className 类名
+ * @param attr 属性
+ */
+export declare function queryChild(parentEl?: Element, className?: string, attr?: string[]): Element | undefined;
+/**
+ * 获取节点样式
+ * @param el 节点
+ */
+export declare function getCurrentStyle(el: Element): CSSStyleDeclaration;
+/**
+ * 判断元素内容是否溢出省略
+ * @param el 元素节点
+ * @param direction 只判断单个方向是否溢出
+ */
+export declare function contentIsEllipsis(el: HTMLElement, direction?: 'horizontal' | 'vertical'): boolean;
+/**
+ * 检查是否全屏
+ */
+export declare function checkFullscreen(): boolean;
+/**
+ * 退出全屏
+ */
+export declare function exitFullscreen(): void;
+/**
+ * 全屏
+ * @param el HTMLElement
+ */
+export declare function requestFullscreen(el?: HTMLElement): void;
+/**
+ * 经纬度坐标
+ */
+export interface Point {
+    /** 经度 */
+    lng: number;
+    /** 纬度 */
+    lat: number;
+}
+/**
+ * 百度地图坐标转高德地图坐标
+ * @param point 坐标
+ */
+export declare function bd09ToGcj02(point: Point): Point;
+/**
+ * 高德地图坐标转百度地图坐标
+ * @param point 坐标
+ */
+export declare function gcj02ToBd09(point: Point): Point;
+/**
+ * 复制字符串
+ * @param text 字符串
+ */
+export declare function copyText(text: string): Promise<undefined>;
+/**
+ * 根据字段路径获取值
+ * @param data 数据
+ * @param path 字段路径
+ * @param defaultValue 默认值
+ */
+export declare function getValue<T, K>(data?: K | null, path?: string | string[] | ((d: K) => T), defaultValue?: T): T | undefined;
+/**
+ * 防抖函数
+ * @param func 函数
+ * @param wait 等待时间
+ */
+export declare function debounce<T extends (...args: any) => any>(func: T, wait: number): (this: any) => void;
+/**
+ * 节流函数
+ * @param func 函数
+ * @param wait 等待时间
+ * @param trailing 是否在节流结束后调用
+ */
+export declare function throttle<T extends (...args: any) => any>(func: T, wait: number, trailing?: boolean): (this: any) => void;
+/**
+ * 忽略对象属性
+ * @param obj 来源对象
+ * @param fields 忽略的属性
+ */
+export declare function omit<T extends {}, K extends keyof T>(obj: T | null | undefined, fields: K[]): Mutable<Omit<T, K>>;
+/**
+ * 摘选对象属性
+ * @param obj 来源对象
+ * @param fields 摘选的属性
+ */
+export declare function pick<T extends object, K extends keyof T>(obj: T, fields: K[]): Mutable<Pick<T, K>>;