ele-admin-plus 1.0.0-beta.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,137 @@
+/** 常用工具方法 */
+/**
+ * toTree 方法参数
+ */
+export interface ToTreeOption<T> {
+    data?: T[] | null;
+    idField?: string | null;
+    parentIdField?: string | null;
+    childrenField?: string | null;
+    parentId?: number | string | Array<number | string> | null;
+    addParentIds?: boolean | null;
+    parentIdsField?: string | null;
+    parentIds?: Array<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 字段名
+ */
+export declare function eachTree<T>(data?: T[], callback?: (item: T, index: number, parent?: T) => void | boolean, childrenField?: string, parent?: T): void;
+/**
+ * 格式化树形数据
+ * @param data 需要格式化的数据
+ * @param formatter 格式器
+ * @param childrenField children 字段名
+ * @param resultChildrenField 格式化后的 children 字段名
+ */
+export declare function mapTree<T, U>(data: T[] | undefined | null, formatter: (item: T, index?: number, parent?: U) => U | void | undefined, childrenField?: string, resultChildrenField?: string, parent?: U): U[];
+/**
+ * 生成随机字符串
+ * @param length 长度
+ * @param radix 基数
+ */
+export declare function uuid(length?: number, radix?: number): string;
+/**
+ * 生成 m 到 n 的随机数
+ * @param m 最小值, 包含
+ * @param n 最大值, 不包含
+ */
+export declare function random(m: number, n: number): number;
+/**
+ * 数字千分位
+ * @param num 数字
+ */
+export declare function formatNumber(num?: number | null): string;
+/**
+ * 赋值不改变字段原字段
+ * @param target 目标对象
+ * @param source 源对象
+ * @param excludes 排除的字段
+ */
+export declare function assignObject<T extends {}>(target: T, source: Record<string, any>, excludes?: string[]): T;
+/**
+ * 经纬度坐标
+ */
+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 el HTMLElement
+ */
+export declare function requestFullscreen(el?: HTMLElement): void;
+/**
+ * 退出全屏
+ */
+export declare function exitFullscreen(): void;
+/**
+ * 检查是否全屏
+ */
+export declare function checkFullscreen(): boolean;
+/**
+ * 获取屏幕宽度
+ */
+export declare function screenWidth(): number;
+/**
+ * 获取屏幕高度
+ */
+export declare function screenHeight(): number;
+/**
+ * 内容区域选择器
+ */
+export declare const contentSelector = ".ele-admin-body > .ele-admin-content";
+/**
+ * 获取内容区域宽度
+ */
+export declare function contentWidth(): number;
+/**
+ * 获取内容区域高度
+ */
+export declare function contentHeight(): number;
+/**
+ * 判断是否是外链
+ * @param url 地址
+ */
+export declare function isExternalLink(url?: string | null): boolean;
+/**
+ * 防抖函数
+ * @param func 函数
+ * @param wait 等待时间
+ */
+export declare function debounce<T extends (...args: any) => any>(func: T, wait: number): (this: any) => void;
+/**
+ * 节流函数
+ * @param func 函数
+ * @param wait 等待时间
+ */
+export declare function throttle<T extends (...args: any) => any>(func: T, wait: number): (this: any) => void;
+/**
+ * 忽略对象属性
+ * @param obj 来源对象
+ * @param fields 忽略的属性
+ */
+export declare function omit<T extends object, K extends keyof T>(obj: T, ...fields: Array<K>): Omit<T, K>;
+/**
+ * 摘选对象属性
+ * @param obj 来源对象
+ * @param fields 摘选的属性
+ */
+export declare function pick<T extends object, K extends keyof T>(obj: T, ...fields: Array<K>): Pick<T, K>;