@ebiz/designer-components 0.0.48 → 0.0.49

package/src/components/charts/option/config/xAxis/index.js

@@ -1,52 +0,0 @@
-/**
- * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
- * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
- *
- * Use of this source code is governed by an MIT-style license.
- *
- * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
- * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
- * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
- *
- */
-import base from './base';
-import name from './name';
-import axisLine from './axisLine';
-import axisLabel from './axisLabel';
-import axisMargin from './axisMargin';
-import boundaryGap from './boundaryGap';
-import merge from '../../../util/merge';
-import { toArray } from '../../../util/type';
-
-/**
- * 
- * @param {object} iChartOpt  图标的配置项
- * @param {Function} callBack 用于在merge外部iChartOpt的配置和内部默认配置之前根据不用类型图表对默认配置进行操作
- * @returns x轴的配置
- */
-function xAxis(iChartOpt, callBack) {
-  let xAxisResult = iChartOpt.xAxis || {};
-  xAxisResult = toArray(xAxisResult).map((xAxisItem, xAxisItemIndex) => {
-    const xAxisUnit = base();
-    // 坐标轴名称
-    name(xAxisUnit, xAxisItem, iChartOpt);
-    // 坐标轴两边留白策略
-    boundaryGap(xAxisUnit, xAxisItem, iChartOpt);
-    // 刻度标签
-    axisLabel(xAxisUnit, xAxisItem, iChartOpt);
-    // 坐标轴刻度
-    axisLine(xAxisUnit, xAxisItem, iChartOpt);
-    // 坐标轴前后留白
-    axisMargin(xAxisUnit, xAxisItem, iChartOpt);
-    callBack && callBack(xAxisUnit, xAxisItemIndex)
-    // 覆盖属性
-    merge(xAxisUnit, xAxisItem);
-    return xAxisUnit;
-  });
-  return xAxisResult;
-}
-
-/**
- * 配置横轴样式
- */
-export default xAxis;

package/src/components/charts/option/config/xAxis/name.js

@@ -1,18 +0,0 @@
-/**
- * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
- * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
- *
- * Use of this source code is governed by an MIT-style license.
- *
- * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
- * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
- * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
- *
- */
-function name(xAxisUnit, xAxisItem, iChartOpt) {
-  xAxisUnit.name = iChartOpt.xAxisName || xAxisItem.name;
-  xAxisUnit.nameLocation = xAxisItem.nameLocation || 'end';
-  xAxisUnit.nameTextStyle = Object.assign(xAxisUnit.nameTextStyle, xAxisItem.nameTextStyle);
-}
-
-export default name;

package/src/components/charts/option/config/xAxis/xdata.js

@@ -1,23 +0,0 @@
-/**
- * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
- * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
- *
- * Use of this source code is governed by an MIT-style license.
- *
- * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
- * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
- * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
- *
- */
-/**
- * 从数据中拿出x轴的坐标数据
- */
-function xdata(data, xAxisKey){
-    const xAxisData = [];
-    data.forEach(item => {
-      xAxisData.push(item[xAxisKey]);
-    });
-    return xAxisData;
-}
-
-export default xdata;

package/src/components/charts/option/config/xAxis/xkey.js

@@ -1,21 +0,0 @@
-/**
- * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
- * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
- *
- * Use of this source code is governed by an MIT-style license.
- *
- * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
- * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
- * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
- *
- */
-
-function xkey(iChartOption){
-    let xAxisKey;
-    iChartOption.xAxis.forEach(xAxisItem => {
-      xAxisKey = xAxisItem.keyName;
-    });
-    return xAxisKey
-}
-
-export default xkey;

package/src/components/charts/option/config/yAxis/axisOptimization.js

@@ -1,32 +0,0 @@
-import fluctuation, { transformData } from '../../../feature/fluctuation';
-import { isNumber } from '../../../util/type';
-
-function defaultFormatter(val) {
-    if (!isNumber(val)) return val
-    const actualVal = Number.parseFloat(val.toFixed(2))
-    return actualVal
-}
-
-export default function axisOptimization(yAxis, baseYaxis, data) {
-    // 静态给定y轴优化范围
-    if (yAxis && yAxis.fluctuation) {
-        const { equalSplit, splitNumber, active, labelFormatter } = yAxis.fluctuation
-        if (!active) return
-        const newdata = transformData(data);
-        const value = fluctuation(newdata);
-        baseYaxis.min = value[0];
-        baseYaxis.max = value[1];
-        if (equalSplit) {
-            const interval = (value[1] - value[0]) / (splitNumber ?? 5)
-            baseYaxis.interval = interval
-            baseYaxis.axisLabel.formatter = labelFormatter || defaultFormatter
-        }
-    }
-    // 动态优化y轴范围
-    if (yAxis && yAxis.allowRange) {
-        const newdata = transformData(data);
-        const value = fluctuation(newdata, yAxis.allowRange);
-        baseYaxis.min = value[0];
-        baseYaxis.max = value[1];
-    }
-}

package/src/components/charts/option/config/yAxis/base.js

@@ -1,59 +0,0 @@
-/**
- * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
- * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
- *
- * Use of this source code is governed by an MIT-style license.
- *
- * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
- * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
- * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
- *
- */
-import Token from '../../../feature/token';
-import { getBasicAnimationConfig } from '../animation';
-
-function base() {
-  return {
-    type: 'value',
-    nameGap: Token.config.yAxisNameGap,
-    axisLine: {
-      show: false,
-      lineStyle: {
-        width: Token.config.yAxisLineWidth,
-        type: Token.config.yAxisLineType,
-        color: Token.config.yAxisLineColor,
-      },
-    },
-    axisTick: {
-      show: false,
-      lineStyle: {
-        width: Token.config.yAxisTickLineWidth,
-        type: Token.config.yAxisTickLineType,
-        color: Token.config.yAxisTickLineColor,
-      },
-    },
-    axisLabel: {
-      show: true,
-      color: Token.config.yAxisLabelColor,
-      fontSize: Token.config.yAxisLabelFontSize,
-    },
-    nameTextStyle: {
-      color: Token.config.yAxisNameColor,
-      fontSize: Token.config.yAxisNameFontSize,
-    },
-    splitLine: {
-      show: true,
-      lineStyle: {
-        width: Token.config.yAxisSplitLineWidth,
-        type: Token.config.yAxisSplitLineType,
-        color: Token.config.yAxisSplitLineColor,
-      },
-      minInterval: undefined,
-      maxInterval: undefined,
-    },
-    ...getBasicAnimationConfig()
-  };
-}
-
-
-export default base;

package/src/components/charts/option/config/yAxis/index.js

@@ -1,68 +0,0 @@
-/**
- * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
- * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
- *
- * Use of this source code is governed by an MIT-style license.
- *
- * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
- * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
- * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
- *
- */
-import base from './base';
-import title from '../rectTitle';
-import { isArray } from '../../../util/type';
-import merge from '../../../util/merge';
-import axisOptimization from './axisOptimization'
-
-function isNeedTitle(yAxisOpt, yAxisName) {
-  if (yAxisName) {
-    return true;
-  }
-  if (yAxisOpt.length === 1 && yAxisOpt[0] && yAxisOpt[0].position !== 'right') {
-    return true;
-  }
-  return false;
-}
-
-function yAxis(baseOpt, iChartOpt, chartName, callback) {
-  let yAxisOpt = iChartOpt.yAxis;
-  const yAxisName = iChartOpt.yAxisName;
-  const data = iChartOpt.data;
-  if (!isArray(yAxisOpt)) {
-    yAxisOpt = [yAxisOpt];
-  }
-  if (isNeedTitle(yAxisOpt, yAxisName)) {
-    baseOpt.title = title(iChartOpt, chartName, yAxisOpt[0]?.nameTextStyle);
-  }
-  // 循环y轴配置
-  const yAxis = [];
-  yAxisOpt.forEach((item, index) => {
-    let temp = base();
-    if (item && item.unit) {
-      temp.axisLabel.formatter = `{value} ${item.unit}`;
-    }
-    if (item && item.formatter) {
-      temp.axisLabel.formatter = item.formatter;
-    }
-    if (item && item.name) {
-      item.nameTextStyle = Object.assign(temp.nameTextStyle, item.nameTextStyle);
-    }
-    if (item && item.labelTextStyle) {
-      item.labelTextStyle = Object.assign(temp.axisLabel, item.labelTextStyle);
-    }
-    if (item && item.splitLine) {
-      item.splitLine = Object.assign(temp.splitLine, item.splitLine);
-    }
-    axisOptimization(item, temp, data)
-    callback && callback(temp, index)
-    temp = merge(temp, item);
-    if (index === 0 && yAxisOpt.length === 1 && temp.position !== 'right') {
-      delete temp.name;
-    }
-    yAxis.push(temp);
-  });
-  return yAxis;
-}
-
-export default yAxis;

package/src/components/charts/option/config/yAxis/ydata.js

@@ -1,28 +0,0 @@
-/**
- * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
- * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
- *
- * Use of this source code is governed by an MIT-style license.
- *
- * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
- * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
- * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
- *
- */
-/**
- * 从数据中拿出y轴的坐标数据
- */
-function ydata(data, legendData) {
-    const seriesData = {};
-    legendData.forEach(legend => {
-        seriesData[legend] = [];
-    });
-    data.forEach(item => {
-        legendData.forEach(legend => {
-            seriesData[legend].push(item[legend]);
-        });
-    });
-    return seriesData;
-}
-
-export default ydata;

package/src/components/charts/option/init/index.js

@@ -1,204 +0,0 @@
-/**
- * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
- * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
- *
- * Use of this source code is governed by an MIT-style license.
- *
- * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
- * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
- * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
- *
- */
-import { isArray, isString } from '../../util/type';
-import Token from '../../feature/token';
-import { DEFAULT_THEME_NAME } from '../../util/constants'
-
-/**
- * 设置默认主题
- * @param {外部传入的配置} iChartOption
- */
-function setDefaultTheme(iChartOption) {
-  iChartOption.theme = iChartOption.theme || Token.themeName || DEFAULT_THEME_NAME;
-}
-
-/**
- * 设置默认颜色集合
- * @param {外部传入的配置} iChartOption
- */
-function setDefaultColor(iChartOption) {
-  if (!iChartOption.color) {
-    iChartOption.color = Token.config.colorGroup;
-  }
-}
-
-/**
- * 给x轴赋值key，兼容旧版本属性
- */
-function setXAxisKeyName(xAxisItem, defaultKey) {
-  let keyName = defaultKey;
-  if (isString(xAxisItem.data)) {
-    keyName = xAxisItem.data;
-    delete xAxisItem.data;
-  }
-  if (xAxisItem.keyName) {
-    keyName = xAxisItem.keyName;
-  }
-  xAxisItem.keyName = keyName;
-}
-
-/**
- * 线性图/条形图专用，设置默认x轴Key值,默认取第一个数据的第一个Key
- * @param {外部传入的配置} iChartOption
- */
-function setDefaultXAxis(iChartOption) {
-  const data = iChartOption.data;
-  let keyName;
-  if (data && data.length > 0) {
-    const keys = Object.keys(data[0]);
-    if (keys.length > 0) {
-      keyName = keys[0];
-    }
-  }
-  if (isArray(iChartOption.xAxis)) {
-    iChartOption.xAxis.forEach(xAxisItem => {
-      setXAxisKeyName(xAxisItem, keyName);
-    });
-  } else if (typeof iChartOption.xAxis == 'object') {
-    setXAxisKeyName(iChartOption.xAxis, keyName);
-    iChartOption.xAxis = [iChartOption.xAxis];
-  } else {
-    iChartOption.xAxis = [{ keyName }];
-  }
-}
-
-/**
- * 线性图/条形图专用---设置图表的四周padding值
- * @param {外部传入的配置} iChartOption
- */
-function setChartPadding(iChartOption) {
-  const defaultPadding = [50, 20, 50, 20];
-  const padding = iChartOption.padding || iChartOption.chartPadding;
-  if (!padding) {
-    iChartOption.padding = defaultPadding;
-  } else if (padding.length === 1) {
-    iChartOption.padding = [padding[0], 20, padding[0], 20];
-  } else if (padding.length === 2) {
-    iChartOption.padding = [padding[0], padding[1], padding[0], padding[1]];
-  } else if (padding.length === 3) {
-    iChartOption.padding = [padding[0], padding[1], padding[2], padding[1]];
-  } else {
-    iChartOption.padding = padding;
-  }
-  delete iChartOption.chartPadding;
-}
-
-/**
- * 设置图表的Legend属性
- * @param {外部传入的配置} iChartOption
- */
-function setDefaultLegend(iChartOption) {
-  if (!iChartOption.legend) {
-    iChartOption.legend = {
-      show: true,
-      position: {
-        left: 'center',
-        bottom: 14,
-      },
-      orient: 'horizontal',
-    };
-  }
-  if (iChartOption.legend.show === undefined) {
-    iChartOption.legend.show = false;
-  }
-  if (!iChartOption.legend.orient) {
-    iChartOption.legend.orient = 'horizontal';
-  }
-  if (!iChartOption.legend.position) {
-    iChartOption.legend.position = {
-      left: 'center',
-      bottom: 15,
-    };
-  }
-}
-
-/**
- * 设置图表区域缩放功能
- * @param {外部传入的配置} iChartOption
- */
-function setDefaultDataZoom(iChartOption) {
-  if (isArray(iChartOption.dataZoom)) {
-    iChartOption.dataZoom.forEach(item => {
-      if (item.show === undefined) {
-        item.show = false
-      }
-      if (!item.position) {
-        item.position = {
-          left: 'center',
-          bottom: 20,
-        };
-      }
-    })
-    return
-  }
-  if (!iChartOption.dataZoom) {
-    iChartOption.dataZoom = {
-      show: false,
-      position: {
-        left: 40,
-        bottom: 18,
-      },
-    };
-  }
-  if (iChartOption.dataZoom.show === undefined) {
-    iChartOption.dataZoom.show = false;
-  }
-  if (!iChartOption.dataZoom.position) {
-    iChartOption.dataZoom.position = {
-      left: 'center',
-      bottom: 20,
-    };
-  }
-}
-
-/**
- * 筛选符合规则的data
- * @param {外部传入的配置} iChartOption
- */
-function filterDisplayData(iChartOption) {
-  if (!iChartOption.data || !iChartOption.dataRules || !iChartOption.dataRules.display) return;
-  let displayData = iChartOption.dataRules.display;
-  let data = iChartOption.data;
-  let newData = [];
-  if (displayData.length > 0) {
-    data.forEach(item => {
-      let obj = {};
-      for (const key in item) {
-        if (Object.hasOwnProperty.call(item, key)) {
-          const element = item[key];
-          if (iChartOption.xAxis && (key === iChartOption.xAxis[0].keyName || key === iChartOption.xAxis.name)) {
-            obj[key] = element
-          }
-          if (displayData.includes(key)) {
-            obj[key] = element
-          }
-        }
-      }
-      newData.push(obj)
-    })
-    iChartOption.data = newData;
-  }
-}
-
-// 初始化 iChartOption 的默认配置
-function init(iChartOption) {
-  setDefaultTheme(iChartOption);
-  setDefaultColor(iChartOption);
-  setDefaultXAxis(iChartOption);
-  setChartPadding(iChartOption);
-  setDefaultLegend(iChartOption);
-  setDefaultDataZoom(iChartOption);
-  filterDisplayData(iChartOption);
-  return iChartOption;
-}
-
-export default init;

package/src/components/charts/register.js

@@ -1,178 +0,0 @@
-/**
- * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
- * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
- *
- * Use of this source code is governed by an MIT-style license.
- *
- * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
- * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
- * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
- *
- */
-import LineChart from './components/LineChart';
-import BarChart from './components/BarChart';
-import PieChart from './components/PieChart';
-import RadarChart from './components/RadarChart';
-import GaugeChart from './components/GaugeChart';
-import BubbleChart from './components/BubbleChart';
-import WordCloudChart from './components/WordCloudChart';
-import SankeyChart from './components/SankeyChart';
-import HeatMapChart from './components/HeatMapChart';
-import ScatterChart from './components/ScatterChart';
-import JadeJueChart from './components/JadeJueChart';
-import TreeChart from './components/TreeChart';
-import TreeMapChart from './components/TreeMapChart';
-import HillChart from './components/HillChart';
-import GraphTreeChart from './components/GraphTreeChart';
-import ProcessChart from './components/ProcessChart';
-import PolarBarChart from './components/PolarBarChart';
-import CircleProcessChart from './components/CircleProcessChart';
-import SunburstChart from './components/SunburstChart';
-import FunnelChart from './components/FunnelChart';
-import LiquidfillChart from './components/LiquidfillChart';
-import BoxplotChart from './components/BoxplotChart';
-import RegionChart from './components/RegionChart';
-import CandlestickChart from './components/CandlestickChart';
-import GraphChart from './components/GraphChart';
-import AssembleBubbleChart from './components/AssembleBubbleChart';
-import BulletChart from './components/BulletChart';
-
-function Register() {
-  this.registeredComp = {};
-}
-
-function registerComp(options) {
-  this.registeredComp[options.name] = options.component;
-}
-
-function getRegisteredComp(name) {
-  if (name in this.registeredComp) {
-    return this.registeredComp[name];
-  }
-  return null;
-}
-
-Register.prototype.registerComp = registerComp;
-Register.prototype.getRegisteredComp = getRegisteredComp;
-
-const register = new Register();
-
-const components = [
-  {
-    name: 'AreaChart',
-    component: LineChart,
-  },
-  {
-    name: 'LineChart',
-    component: LineChart,
-  },
-  {
-    name: 'BarChart',
-    component: BarChart,
-  },
-  {
-    name: 'PieChart',
-    component: PieChart,
-  },
-  {
-    name: 'GaugeChart',
-    component: GaugeChart,
-  },
-  {
-    name: 'BubbleChart',
-    component: BubbleChart,
-  },
-  {
-    name: 'RadarChart',
-    component: RadarChart,
-  },
-  {
-    name: 'WordCloudChart',
-    component: WordCloudChart,
-  },
-  {
-    name: 'HeatMapChart',
-    component: HeatMapChart,
-  },
-  {
-    name: 'ScatterChart',
-    component: ScatterChart,
-  },
-  {
-    name: 'SankeyChart',
-    component: SankeyChart,
-  },
-  {
-    name: 'JadeJueChart',
-    component: JadeJueChart,
-  },
-  {
-    name: 'TreeChart',
-    component: TreeChart,
-  },
-  {
-    name: 'TreeMapChart',
-    component: TreeMapChart,
-  },
-  {
-    name: 'HillChart',
-    component: HillChart,
-  },
-  {
-    name: 'GraphTreeChart',
-    component: GraphTreeChart,
-  },
-  {
-    name: 'ProcessChart',
-    component: ProcessChart,
-  },
-  {
-    name: 'PolarBarChart',
-    component: PolarBarChart,
-  },
-  {
-    name: 'CircleProcessChart',
-    component: CircleProcessChart,
-  },
-  {
-    name: 'SunburstChart',
-    component: SunburstChart,
-  },
-  {
-    name: 'FunnelChart',
-    component: FunnelChart,
-  },
-  {
-    name: 'LiquidfillChart',
-    component: LiquidfillChart,
-  },
-  {
-    name: 'BoxplotChart',
-    component: BoxplotChart,
-  },
-  {
-    name: 'RegionChart',
-    component: RegionChart,
-  },
-  {
-    name: 'CandlestickChart',
-    component: CandlestickChart,
-  },
-  {
-    name: 'GraphChart',
-    component: GraphChart,
-  },
-  {
-    name: 'AssembleBubbleChart',
-    component: AssembleBubbleChart,
-  },
-  {
-    name: 'BulletChart',
-    component: BulletChart,
-  },
-];
-
-components.forEach(comp => {
-  register.registerComp(comp);
-});
-export default register;