@ebiz/designer-components 0.0.18 → 0.0.19-beta.10

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

@@ -1,25 +1,25 @@
-/**
- * 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.
- *
- */
-const base = {
-    grid: {
-      top: '0',
-      left: '0',
-      right: '0',
-      bottom: '0',
-      containLabel: true,
-    },
-    legend: {},
-    tooltip: {},
-  };
-  
-  export default base;
+/**
+ * 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.
+ *
+ */
+const base = {
+    grid: {
+      top: '0',
+      left: '0',
+      right: '0',
+      bottom: '0',
+      containLabel: true,
+    },
+    legend: {},
+    tooltip: {},
+  };
+  
+  export default base;
   

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

@@ -1,56 +1,56 @@
-/**
- * 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 {
-    splitNumber: 6,
-    startAngle: 90,
-    axisLine: {
-      show: false,
-      lineStyle: {
-        color: Token.config.angleAxisLineColor,
-        width: Token.config.angleAxisLineWidth,
-        type: Token.config.angleAxisLineType,
-      },
-    },
-    splitLine: {
-      show: false,
-      lineStyle: {
-        color: Token.config.angleAxisSplitLineColor,
-        width: Token.config.angleAxisSplitLineWidth,
-        type: Token.config.angleAxisSplitLineType,
-      },
-    },
-    axisTick: {
-      show: false,
-      length: 5,
-      lineStyle: {
-        color: Token.config.angleAxisTickLineColor,
-        width: Token.config.angleAxisTickLineWidth,
-        type: Token.config.angleAxisTickLineType,
-      },
-    },
-    axisLabel: {
-      show: true,
-      fontSize: Token.config.angleAxisLabelFontSize,
-      color: Token.config.angleAxisLabelColor,
-      formatter: undefined,
-    },
-    ...getBasicAnimationConfig()
-  };
-}
-
-
-
-export default base;
+/**
+ * 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 {
+    splitNumber: 6,
+    startAngle: 90,
+    axisLine: {
+      show: false,
+      lineStyle: {
+        color: Token.config.angleAxisLineColor,
+        width: Token.config.angleAxisLineWidth,
+        type: Token.config.angleAxisLineType,
+      },
+    },
+    splitLine: {
+      show: false,
+      lineStyle: {
+        color: Token.config.angleAxisSplitLineColor,
+        width: Token.config.angleAxisSplitLineWidth,
+        type: Token.config.angleAxisSplitLineType,
+      },
+    },
+    axisTick: {
+      show: false,
+      length: 5,
+      lineStyle: {
+        color: Token.config.angleAxisTickLineColor,
+        width: Token.config.angleAxisTickLineWidth,
+        type: Token.config.angleAxisTickLineType,
+      },
+    },
+    axisLabel: {
+      show: true,
+      fontSize: Token.config.angleAxisLabelFontSize,
+      color: Token.config.angleAxisLabelColor,
+      formatter: undefined,
+    },
+    ...getBasicAnimationConfig()
+  };
+}
+
+
+
+export default base;

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

@@ -1,43 +1,43 @@
-/**
- * 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 merge from '../../../util/merge';
-
-function angleAxis(iChartOption, chartName) {
-  let angleAxisOpt;
-  switch (chartName) {
-    case 'JadeJueChart':
-      angleAxisOpt = base();
-      angleAxisOpt.axisTick.show = true;
-      merge(angleAxisOpt, iChartOption.angleAxis);
-      break;
-    case 'PolarBarChart':
-      angleAxisOpt = base();;
-      angleAxisOpt.type = 'category';
-      angleAxisOpt.axisLine.show = true;
-      angleAxisOpt.axisLabel.show = false;
-      angleAxisOpt.splitLine.show = true;
-      merge(angleAxisOpt, iChartOption.angleAxis);
-      break;
-    case 'CircleProcessChart':
-      angleAxisOpt = {
-        max: 100,
-        show: false,
-      };
-      break;
-    default:
-      break;
-  }
-  return angleAxisOpt;
-}
-
-export default angleAxis;
+/**
+ * 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 merge from '../../../util/merge';
+
+function angleAxis(iChartOption, chartName) {
+  let angleAxisOpt;
+  switch (chartName) {
+    case 'JadeJueChart':
+      angleAxisOpt = base();
+      angleAxisOpt.axisTick.show = true;
+      merge(angleAxisOpt, iChartOption.angleAxis);
+      break;
+    case 'PolarBarChart':
+      angleAxisOpt = base();;
+      angleAxisOpt.type = 'category';
+      angleAxisOpt.axisLine.show = true;
+      angleAxisOpt.axisLabel.show = false;
+      angleAxisOpt.splitLine.show = true;
+      merge(angleAxisOpt, iChartOption.angleAxis);
+      break;
+    case 'CircleProcessChart':
+      angleAxisOpt = {
+        max: 100,
+        show: false,
+      };
+      break;
+    default:
+      break;
+  }
+  return angleAxisOpt;
+}
+
+export default angleAxis;

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

@@ -1,64 +1,64 @@
-/**
- * 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"
-
-// 图例翻页是否使用动画和动画时长，具有共性，提取
-function getUnitAnimationConfig() {
-    return {
-        // 是否开启动画 
-        animation: Token.config.animation,
-        // 数据更新动画的时长
-        animationDurationUpdate: Token.config.animationDurationUpdate,
-    }
-}
-
-// 状态切换的动画配置
-function getStateAnimation() {
-    return {
-        stateAnimation: {
-            // 状态切换的动画时长
-            duration: Token.config.stateAnimationDuration,
-            // 状态切换的动画缓动
-            easing: Token.config.stateAnimationEasing
-        },
-    }
-}
-
-// 基础的动画配置
-function getBasicAnimationConfig() {
-    return {
-        ...getUnitAnimationConfig(),
-        // 是否开启动画的阈值
-        animationThreshold: Token.config.animationThreshold,
-        // 初始动画的时长
-        animationDuration: Token.config.animationDuration,
-        // 初始动画的缓动效果
-        animationEasing: Token.config.animationEasing,
-        // 初始动画的延迟
-        animationDelay: Token.config.animationDelay,
-        // 数据更新动画的缓动效果
-        animationEasingUpdate: Token.config.animationEasingUpdate,
-        // 数据更新动画的延迟
-        animationDelayUpdate: Token.config.animationDelayUpdate,
-    }
-}
-
-
-function animation() {
-    return {
-        ...getBasicAnimationConfig(),
-        ...getStateAnimation()
-    }
-}
-
-export default animation
+/**
+ * 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"
+
+// 图例翻页是否使用动画和动画时长，具有共性，提取
+function getUnitAnimationConfig() {
+    return {
+        // 是否开启动画 
+        animation: Token.config.animation,
+        // 数据更新动画的时长
+        animationDurationUpdate: Token.config.animationDurationUpdate,
+    }
+}
+
+// 状态切换的动画配置
+function getStateAnimation() {
+    return {
+        stateAnimation: {
+            // 状态切换的动画时长
+            duration: Token.config.stateAnimationDuration,
+            // 状态切换的动画缓动
+            easing: Token.config.stateAnimationEasing
+        },
+    }
+}
+
+// 基础的动画配置
+function getBasicAnimationConfig() {
+    return {
+        ...getUnitAnimationConfig(),
+        // 是否开启动画的阈值
+        animationThreshold: Token.config.animationThreshold,
+        // 初始动画的时长
+        animationDuration: Token.config.animationDuration,
+        // 初始动画的缓动效果
+        animationEasing: Token.config.animationEasing,
+        // 初始动画的延迟
+        animationDelay: Token.config.animationDelay,
+        // 数据更新动画的缓动效果
+        animationEasingUpdate: Token.config.animationEasingUpdate,
+        // 数据更新动画的延迟
+        animationDelayUpdate: Token.config.animationDelayUpdate,
+    }
+}
+
+
+function animation() {
+    return {
+        ...getBasicAnimationConfig(),
+        ...getStateAnimation()
+    }
+}
+
+export default animation
 export { getBasicAnimationConfig, getUnitAnimationConfig }

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

@@ -1,123 +1,123 @@
-/**
- * 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';
-
-function getBaseOption() {
-  return {
-    end: 100,
-    start: 0,
-    height: 24,
-    bottom: 18,
-    show: false,
-    type: 'slider',
-    left: 'center',
-    xAxisIndex: [0],
-    zoomLock: false,
-    borderColor: Token.config.dataZoomBorderColor, // 边框
-    borderRadius: 0,
-    backgroundColor: Token.config.dataZoomBackgroundColor, // 背景颜色
-    fillerColor: Token.config.dataZoomFillColor, // 选中范围填充颜色
-    handleSize: '68%', // 控制手柄的尺寸
-    handleIcon: 'path://M0 0 L5 0 L5 12 L0 12 L0 0 Z', // 手柄形状
-    showDetail: false,
-    brushSelect: false,
-    handleStyle: {
-      color: Token.config.dataZoomHandleColor,  // 手柄颜色
-      shadowBlur: Token.config.dataZoomHandleShadowBlur,
-      shadowColor: Token.config.dataZoomHandleShadowColor,
-      shadowOffsetX: 0, // 阴影偏移x轴多少
-      shadowOffsetY: Token.config.dataZoomHandleShadowOffsetY, // 阴影偏移y轴多少
-      opacity: 1, // 透明度
-      borderColor: Token.config.dataZoomHandleBorderColor, // 手柄边框颜色
-      borderWidth: 6, // 手柄边框宽度
-      borderJoin: 'round', // 手柄边框圆角
-    },
-    dataBackground: {
-      lineStyle: {
-        width: Token.config.dataZoomDataBackgroundLineWidth,
-        color: Token.config.dataZoomDataBackgroundLineColor, // 线条颜色
-        join: 'round',
-        cap: 'round',
-      },
-      areaStyle: {
-        opacity: 1, // 阴影的透明度
-        color: Token.config.dataZoomDataBackgroundAreaColor, // 填充的颜色
-      },
-    },
-    selectedDataBackground: {
-      // 选中部分样式
-      lineStyle: {
-        width: Token.config.dataZoomDataBackgroundLineWidth,
-        color: Token.config.dataZoomSelectedDataLineColor, // 线条颜色
-      },
-      areaStyle: {
-        opacity: 1, // 阴影的透明度
-        color: Token.config.dataZoomSelectedDataAreaColor, // 填充的颜色
-      },
-    },
-    moveHandleSize: '0', // 移动手柄的尺寸高度
-    emphasis: {
-      handleStyle: {
-        color: Token.config.dataZoomEmphasisHandleColor,
-        borderColor: Token.config.dataZoomEmphasisHandleBorderColor,
-      },
-    },
-  }
-}
-
-function getMiniBaseOption() {
-  return {
-    end: 100,
-    start: 0,
-    height: 6,
-    bottom: 18,
-    show: false,
-    type: 'slider',
-    left: 'center',
-    xAxisIndex: [0],
-    zoomLock: false,
-    borderColor: Token.config.dataZoomBorderColorMini, // 边框
-    borderRadius: 0,
-    backgroundColor: Token.config.dataZoomBackgroundColor, // 背景颜色
-    fillerColor: Token.config.dataZoomFillColor, // 选中范围填充颜色
-    handleSize: '100%', // 控制手柄的尺寸
-    handleIcon: 'path://M0 0 L8 0 L8 12 L0 12 L0 0 Z', // 手柄形状
-    showDetail: false,
-    brushSelect: false,
-    //min形态关闭数据阴影,所以dataBackground和selectedDataBackground不配置
-    showDataShadow: false,
-    handleStyle: {
-      color: Token.config.dataZoomHandleColor,  // 手柄颜色
-      shadowBlur: Token.config.dataZoomHandleShadowBlur, // 阴影模糊大小
-      shadowColor: Token.config.dataZoomHandleShadowColorMini,
-      shadowOffsetX: 0, // 阴影偏移x轴多少
-      shadowOffsetY: Token.config.dataZoomHandleShadowOffsetY, // 阴影偏移y轴多少
-      opacity: 1, // 透明度
-      borderColor: Token.config.dataZoomHandleBorderColor, // 手柄边框颜色
-      borderWidth: 3, // 手柄边框宽度
-      borderJoin: 'round', // 手柄边框圆角
-    },
-    moveHandleSize: '0', // 移动手柄的尺寸高度
-    emphasis: {
-      handleStyle: {
-        color: Token.config.dataZoomEmphasisHandleColor,
-        borderColor: Token.config.dataZoomEmphasisHandleBorderColor
-      },
-    },
-  }
-}
-function base(iDataZoom) {
-  const { mini } = iDataZoom
-  return mini ? getMiniBaseOption() : getBaseOption()
-}
-
-export default base;
+/**
+ * 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';
+
+function getBaseOption() {
+  return {
+    end: 100,
+    start: 0,
+    height: 24,
+    bottom: 18,
+    show: false,
+    type: 'slider',
+    left: 'center',
+    xAxisIndex: [0],
+    zoomLock: false,
+    borderColor: Token.config.dataZoomBorderColor, // 边框
+    borderRadius: 0,
+    backgroundColor: Token.config.dataZoomBackgroundColor, // 背景颜色
+    fillerColor: Token.config.dataZoomFillColor, // 选中范围填充颜色
+    handleSize: '68%', // 控制手柄的尺寸
+    handleIcon: 'path://M0 0 L5 0 L5 12 L0 12 L0 0 Z', // 手柄形状
+    showDetail: false,
+    brushSelect: false,
+    handleStyle: {
+      color: Token.config.dataZoomHandleColor,  // 手柄颜色
+      shadowBlur: Token.config.dataZoomHandleShadowBlur,
+      shadowColor: Token.config.dataZoomHandleShadowColor,
+      shadowOffsetX: 0, // 阴影偏移x轴多少
+      shadowOffsetY: Token.config.dataZoomHandleShadowOffsetY, // 阴影偏移y轴多少
+      opacity: 1, // 透明度
+      borderColor: Token.config.dataZoomHandleBorderColor, // 手柄边框颜色
+      borderWidth: 6, // 手柄边框宽度
+      borderJoin: 'round', // 手柄边框圆角
+    },
+    dataBackground: {
+      lineStyle: {
+        width: Token.config.dataZoomDataBackgroundLineWidth,
+        color: Token.config.dataZoomDataBackgroundLineColor, // 线条颜色
+        join: 'round',
+        cap: 'round',
+      },
+      areaStyle: {
+        opacity: 1, // 阴影的透明度
+        color: Token.config.dataZoomDataBackgroundAreaColor, // 填充的颜色
+      },
+    },
+    selectedDataBackground: {
+      // 选中部分样式
+      lineStyle: {
+        width: Token.config.dataZoomDataBackgroundLineWidth,
+        color: Token.config.dataZoomSelectedDataLineColor, // 线条颜色
+      },
+      areaStyle: {
+        opacity: 1, // 阴影的透明度
+        color: Token.config.dataZoomSelectedDataAreaColor, // 填充的颜色
+      },
+    },
+    moveHandleSize: '0', // 移动手柄的尺寸高度
+    emphasis: {
+      handleStyle: {
+        color: Token.config.dataZoomEmphasisHandleColor,
+        borderColor: Token.config.dataZoomEmphasisHandleBorderColor,
+      },
+    },
+  }
+}
+
+function getMiniBaseOption() {
+  return {
+    end: 100,
+    start: 0,
+    height: 6,
+    bottom: 18,
+    show: false,
+    type: 'slider',
+    left: 'center',
+    xAxisIndex: [0],
+    zoomLock: false,
+    borderColor: Token.config.dataZoomBorderColorMini, // 边框
+    borderRadius: 0,
+    backgroundColor: Token.config.dataZoomBackgroundColor, // 背景颜色
+    fillerColor: Token.config.dataZoomFillColor, // 选中范围填充颜色
+    handleSize: '100%', // 控制手柄的尺寸
+    handleIcon: 'path://M0 0 L8 0 L8 12 L0 12 L0 0 Z', // 手柄形状
+    showDetail: false,
+    brushSelect: false,
+    //min形态关闭数据阴影,所以dataBackground和selectedDataBackground不配置
+    showDataShadow: false,
+    handleStyle: {
+      color: Token.config.dataZoomHandleColor,  // 手柄颜色
+      shadowBlur: Token.config.dataZoomHandleShadowBlur, // 阴影模糊大小
+      shadowColor: Token.config.dataZoomHandleShadowColorMini,
+      shadowOffsetX: 0, // 阴影偏移x轴多少
+      shadowOffsetY: Token.config.dataZoomHandleShadowOffsetY, // 阴影偏移y轴多少
+      opacity: 1, // 透明度
+      borderColor: Token.config.dataZoomHandleBorderColor, // 手柄边框颜色
+      borderWidth: 3, // 手柄边框宽度
+      borderJoin: 'round', // 手柄边框圆角
+    },
+    moveHandleSize: '0', // 移动手柄的尺寸高度
+    emphasis: {
+      handleStyle: {
+        color: Token.config.dataZoomEmphasisHandleColor,
+        borderColor: Token.config.dataZoomEmphasisHandleBorderColor
+      },
+    },
+  }
+}
+function base(iDataZoom) {
+  const { mini } = iDataZoom
+  return mini ? getMiniBaseOption() : getBaseOption()
+}
+
+export default base;