@epxing/utils 0.0.0-stage → 5.3.0-beta.1

package/src/chartTheme.js

@@ -0,0 +1,711 @@
+export const light = {
+  color: [
+    '#1976D2',
+    '#14ADF2',
+    '#0ACDE6',
+    '#06A697',
+    '#F7C353',
+    '#FA8356',
+    '#F35754',
+    '#F36897',
+    '#C763D9',
+    '#4C60CE'
+  ],
+  graph: {
+    itemStyle: {
+      borderWidth: 0
+    },
+    lineStyle: {
+      width: 1
+    },
+    symbolSize: 4,
+    symbol: 'emptyCircle',
+    smooth: false,
+    color: [
+      '#1976D2',
+      '#14ADF2',
+      '#0ACDE6',
+      '#06A697',
+      '#F7C353',
+      '#FA8356',
+      '#F35754',
+      '#F36897',
+      '#C763D9',
+      '#4C60CE'
+    ]
+  }
+}
+
+export const defaultTheme = {
+  color: [
+    '#C1232B',
+    '#27727B',
+    '#FCCE10',
+    '#E87C25',
+    '#B5C334',
+    '#FE8463',
+    '#9BCA63',
+    '#FAD860',
+    '#F3A43B',
+    '#60C0DD',
+    '#D7504B',
+    '#C6E579',
+    '#F4E001',
+    '#F0805A',
+    '#26C0C0'
+  ],
+  graph: {
+    itemStyle: {
+      borderWidth: 0,
+      borderColor: '#ccc'
+    },
+    lineStyle: {
+      width: 1
+    },
+    symbolSize: 4,
+    symbol: 'emptyCircle',
+    smooth: false,
+    color: [
+      '#C1232B',
+      '#27727B',
+      '#FCCE10',
+      '#E87C25',
+      '#B5C334',
+      '#FE8463',
+      '#9BCA63',
+      '#FAD860',
+      '#F3A43B',
+      '#60C0DD',
+      '#D7504B',
+      '#C6E579',
+      '#F4E001',
+      '#F0805A',
+      '#26C0C0'
+    ],
+    label: {
+    }
+  }
+}
+
+export const cool = {
+  color: [
+    '#0083DE',
+    '#00A6F1',
+    '#00C0F3',
+    '#6DD4EF',
+    '#A7DBFF',
+    '#46D4C7',
+    '#00BCAA',
+    '#26A69A',
+    '#1291B0',
+    '#0063C5'
+  ],
+  backgroundColor: 'rgba(0, 0, 0, 0)',
+  textStyle: {},
+  title: {
+  },
+  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: {
+    itemStyle: {
+      barBorderWidth: 0,
+      barBorderColor: '#ccc'
+    }
+  },
+  pie: {
+    itemStyle: {
+      borderWidth: 0,
+      borderColor: '#ccc'
+    }
+  },
+  scatter: {
+    itemStyle: {
+      borderWidth: 0,
+      borderColor: '#ccc'
+    }
+  },
+  boxplot: {
+    itemStyle: {
+      borderWidth: 0,
+      borderColor: '#ccc'
+    }
+  },
+  parallel: {
+    itemStyle: {
+      borderWidth: 0,
+      borderColor: '#ccc'
+    }
+  },
+  sankey: {
+    itemStyle: {
+      borderWidth: 0,
+      borderColor: '#ccc'
+    }
+  },
+  funnel: {
+    itemStyle: {
+      borderWidth: 0,
+      borderColor: '#ccc'
+    }
+  },
+  gauge: {
+    itemStyle: {
+      borderWidth: 0,
+      borderColor: '#ccc'
+    }
+  },
+  candlestick: {
+    itemStyle: {
+      color: '#c23531',
+      color0: '#314656',
+      borderColor: '#c23531',
+      borderColor0: '#314656',
+      borderWidth: 1
+    }
+  },
+  graph: {
+    itemStyle: {
+      borderWidth: 0,
+      borderColor: '#ccc'
+    },
+    lineStyle: {
+      width: 1
+    },
+    symbolSize: 4,
+    symbol: 'emptyCircle',
+    smooth: false,
+    color: [
+      '#0083DE',
+      '#00A6F1',
+      '#00C0F3',
+      '#6DD4EF',
+      '#A7DBFF',
+      '#46D4C7',
+      '#00BCAA',
+      '#26A69A',
+      '#1291B0',
+      '#0063C5'
+    ],
+    label: {
+    }
+  },
+  map: {
+    itemStyle: {
+      normal: {
+        areaColor: '#eee',
+        borderColor: '#444',
+        borderWidth: 0.5
+      },
+      emphasis: {
+        areaColor: 'rgba(255,215,0,0.8)',
+        borderColor: '#444',
+        borderWidth: 1
+      }
+    },
+    label: {
+      normal: {
+        textStyle: {
+        }
+      },
+      emphasis: {
+        textStyle: {
+          color: 'rgb(100,0,0)'
+        }
+      }
+    }
+  },
+  geo: {
+    itemStyle: {
+      normal: {
+        areaColor: '#eee',
+        borderColor: '#444',
+        borderWidth: 0.5
+      },
+      emphasis: {
+        areaColor: 'rgba(255,215,0,0.8)',
+        borderColor: '#444',
+        borderWidth: 1
+      }
+    },
+    label: {
+      normal: {
+        textStyle: {
+        }
+      },
+      emphasis: {
+        textStyle: {
+          color: 'rgb(100,0,0)'
+        }
+      }
+    }
+  },
+  categoryAxis: {
+    axisLine: {
+      show: true,
+      lineStyle: {
+      }
+    },
+    axisTick: {
+      show: true,
+      lineStyle: {
+      }
+    },
+    axisLabel: {
+      show: true,
+      textStyle: {
+      }
+    },
+    splitLine: {
+      show: false
+    },
+    splitArea: {
+      show: false,
+      areaStyle: {
+        color: [
+          'rgba(250,250,250,0.3)',
+          'rgba(200,200,200,0.3)'
+        ]
+      }
+    }
+  },
+  valueAxis: {
+    axisLine: {
+      show: true
+
+    },
+    axisTick: {
+      show: true
+
+    },
+    axisLabel: {
+      show: true
+
+    },
+    splitLine: {
+      show: true,
+      lineStyle: {
+
+      }
+    },
+    splitArea: {
+      show: false,
+      areaStyle: {
+        color: [
+          'rgba(250,250,250,0.3)',
+          'rgba(200,200,200,0.3)'
+        ]
+      }
+    }
+  },
+  logAxis: {
+    axisLine: {
+      show: true,
+      lineStyle: {
+      }
+    },
+    axisTick: {
+      show: true,
+      lineStyle: {
+      }
+    },
+    axisLabel: {
+      show: true,
+      textStyle: {
+      }
+    },
+    splitLine: {
+      show: true,
+      lineStyle: {
+
+      }
+    },
+    splitArea: {
+      show: false,
+      areaStyle: {
+        color: [
+          'rgba(250,250,250,0.3)',
+          'rgba(200,200,200,0.3)'
+        ]
+      }
+    }
+  },
+  timeAxis: {
+    axisLine: {
+      show: true,
+      lineStyle: {
+      }
+    },
+    axisTick: {
+      show: true,
+      lineStyle: {
+      }
+    },
+    axisLabel: {
+      show: true,
+      textStyle: {
+      }
+    },
+    splitLine: {
+      show: true,
+      lineStyle: {
+
+      }
+    },
+    splitArea: {
+      show: false,
+      areaStyle: {
+        color: [
+          'rgba(250,250,250,0.3)',
+          'rgba(200,200,200,0.3)'
+        ]
+      }
+    }
+  },
+  toolbox: {
+    iconStyle: {
+      normal: {
+        borderColor: '#999'
+      },
+      emphasis: {
+        borderColor: '#666'
+      }
+    }
+  },
+  legend: {
+    textStyle: {
+    }
+  },
+  tooltip: {
+    axisPointer: {
+
+    }
+  },
+  timeline: {
+    lineStyle: {
+      width: 1
+    },
+    itemStyle: {
+      normal: {
+        borderWidth: 1
+      },
+      emphasis: {
+      }
+    },
+    controlStyle: {
+      normal: {
+        borderWidth: 0.5
+      },
+      emphasis: {
+        borderWidth: 0.5
+      }
+    },
+    checkpointStyle: {
+      borderColor: 'rgba(194,53,49, 0.5)'
+    },
+    label: {
+      normal: {
+        textStyle: {
+        }
+      },
+      emphasis: {
+        textStyle: {
+        }
+      }
+    }
+  },
+  visualMap: {
+    color: [
+      '#bf444c',
+      '#d88273',
+      '#f6efa6'
+    ]
+  },
+  dataZoom: {
+    backgroundColor: 'rgba(47,69,84,0)',
+    dataBackgroundColor: 'rgba(47,69,84,0.3)',
+    fillerColor: 'rgba(167,183,204,0.4)',
+    handleColor: '#a7b7cc',
+    handleSize: '100%',
+    textStyle: {
+      color: '#333'
+    }
+  },
+  markPoint: {
+    label: {
+    },
+    emphasis: {
+      label: {
+      }
+    }
+  }
+}
+
+export const dark = {
+  color: [
+    '#1976D2',
+    '#14ADF2',
+    '#0ACDE6',
+    '#06A697',
+    '#F7C353',
+    '#FA8356',
+    '#F35754',
+    '#F36897',
+    '#C763D9',
+    '#4C60CE'
+  ],
+  label: {
+    color: 'rgba(255, 255, 255, 0.8)'
+  },
+  graph: {
+    itemStyle: {
+      borderWidth: 0,
+      borderColor: 'rgba(255, 255, 255, 0.45)'
+    },
+    lineStyle: {
+      width: 1,
+      color: 'rgba(255, 255, 255, 0.45)'
+    },
+    symbolSize: 4,
+    symbol: 'emptyCircle',
+    smooth: false,
+    color: [
+      '#1976D2',
+      '#14ADF2',
+      '#0ACDE6',
+      '#06A697',
+      '#F7C353',
+      '#FA8356',
+      '#F35754',
+      '#F36897',
+      '#C763D9',
+      '#4C60CE'
+    ],
+    label: {
+      color: 'rgba(255, 255, 255, 0.8)'
+    }
+  },
+  legend: {
+    textStyle: {
+      color: 'rgba(255, 255, 255, 0.8)'
+    }
+  },
+  categoryAxis: {
+    axisLine: {
+      show: true,
+      lineStyle: {
+        color: 'rgba(255, 255, 255, 0.45)'
+      }
+    },
+    axisTick: {
+      show: true,
+      lineStyle: {
+        color: 'rgba(255, 255, 255, 0.8)'
+      }
+    },
+    axisLabel: {
+      show: true,
+      textStyle: {
+        color: 'rgba(255, 255, 255, 0.8)'
+      }
+    },
+    splitLine: {
+      show: false,
+      lineStyle: {
+        color: [
+          'rgba(255, 255, 255, 0.15)'
+        ]
+      }
+    },
+    splitArea: {
+      show: false,
+      areaStyle: {
+        color: [
+          'rgba(250,250,250,0.3)',
+          'rgba(200,200,200,0.3)'
+        ]
+      }
+    }
+  },
+  valueAxis: {
+    axisLine: {
+      show: true,
+      lineStyle: {
+        color: 'rgba(255, 255, 255, 0.45)'
+      }
+    },
+    axisTick: {
+      show: true,
+      lineStyle: {
+        color: 'rgba(255, 255, 255, 0.8)'
+      }
+    },
+    axisLabel: {
+      show: true,
+      textStyle: {
+        color: 'rgba(255, 255, 255, 0.8)'
+      }
+    },
+    splitLine: {
+      show: true,
+      lineStyle: {
+        color: [
+          'rgba(255, 255, 255, 0.15)'
+        ]
+      }
+    },
+    splitArea: {
+      show: false,
+      areaStyle: {
+        color: [
+          'rgba(250,250,250,0.3)',
+          'rgba(200,200,200,0.3)'
+        ]
+      }
+    }
+  }
+}
+
+export const technology = {
+  color: [
+    '#1976D2',
+    '#14ADF2',
+    '#0ACDE6',
+    '#06A697',
+    '#F7C353',
+    '#FA8356',
+    '#F35754',
+    '#F36897',
+    '#C763D9',
+    '#4C60CE'
+  ],
+  label: {
+    color: 'rgba(255, 255, 255, 0.8)'
+  },
+  graph: {
+    itemStyle: {
+      borderWidth: 0,
+      borderColor: 'rgba(255, 255, 255, 0.45)'
+    },
+    lineStyle: {
+      width: 1,
+      color: 'rgba(255, 255, 255, 0.45)'
+    },
+    symbolSize: 4,
+    symbol: 'emptyCircle',
+    smooth: false,
+    color: [
+      '#1976D2',
+      '#14ADF2',
+      '#0ACDE6',
+      '#06A697',
+      '#F7C353',
+      '#FA8356',
+      '#F35754',
+      '#F36897',
+      '#C763D9',
+      '#4C60CE'
+    ],
+    label: {
+      color: 'rgba(255, 255, 255, 0.8)'
+    }
+  },
+  legend: {
+    textStyle: {
+      color: 'rgba(255, 255, 255, 0.8)'
+    }
+  },
+  categoryAxis: {
+    axisLine: {
+      show: true,
+      lineStyle: {
+        color: 'rgba(255, 255, 255, 0.45)'
+      }
+    },
+    axisTick: {
+      show: true,
+      lineStyle: {
+        color: 'rgba(255, 255, 255, 0.45)'
+      }
+    },
+    axisLabel: {
+      show: true,
+      textStyle: {
+        color: 'rgba(255, 255, 255, 0.8)'
+      }
+    },
+    splitLine: {
+      show: false,
+      lineStyle: {
+        color: [
+          'rgba(255, 255, 255, 0.15)'
+        ]
+      }
+    },
+    splitArea: {
+      show: false,
+      areaStyle: {
+        color: [
+          'rgba(250,250,250,0.3)',
+          'rgba(200,200,200,0.3)'
+        ]
+      }
+    }
+  },
+  valueAxis: {
+    axisLine: {
+      show: true,
+      lineStyle: {
+        color: 'rgba(255, 255, 255, 0.45)'
+      }
+    },
+    axisTick: {
+      show: true,
+      lineStyle: {
+        color: 'rgba(255, 255, 255, 0.8)'
+      }
+    },
+    axisLabel: {
+      show: true,
+      textStyle: {
+        color: 'rgba(255, 255, 255, 0.8)'
+      }
+    },
+    splitLine: {
+      show: true,
+      lineStyle: {
+        color: [
+          'rgba(255, 255, 255, 0.15)'
+        ]
+      }
+    },
+    splitArea: {
+      show: false,
+      areaStyle: {
+        color: [
+          'rgba(250,250,250,0.3)',
+          'rgba(200,200,200,0.3)'
+        ]
+      }
+    }
+  }
+}

package/src/collection.js

@@ -0,0 +1,28 @@
+import {
+  cloneDeep as cloneDeepImpl, isNil as isNilImpl, isEmpty as isEmptyImpl,
+  isObject as isObjectImpl, isEqual as isEqualImpl, assignWith as assignWithImpl,
+  debounce as debounceImpl, throttle as throttleImpl, get as getImpl, set as setImpl
+} from 'lodash-es'
+
+/** @type {<T>(value: T) => T} */
+export const cloneDeep = cloneDeepImpl
+/** @type {(value: unknown) => value is null | undefined} */
+export const isNil = isNilImpl
+/** @type {(value: unknown) => boolean} */
+export const isEmpty = isEmptyImpl
+/** @type {(value: unknown) => value is object} */
+export const isObject = isObjectImpl
+/** @type {(value: unknown, other: unknown) => boolean} */
+export const isEqual = isEqualImpl
+/** @type {<T extends object>(object: T, ...sources: any[]) => T} */
+export const assignWith = assignWithImpl
+/** @type {<T extends (...args: any[]) => any>(func: T, wait?: number, options?: { leading?: boolean, trailing?: boolean, maxWait?: number }) => T & { cancel(): void, flush(): ReturnType<T> | undefined }} */
+export const debounce = debounceImpl
+/** @type {typeof debounce} */
+export const throttle = throttleImpl
+/** @type {(object: unknown, path: string | (string | number)[], defaultValue?: any) => any} */
+export const get = getImpl
+/** @type {<T extends object>(object: T, path: string | (string | number)[], value: any) => T} */
+export const set = setImpl
+
+export default { cloneDeep, isNil, isEmpty, isObject, isEqual, assignWith, debounce, throttle, get, set }