@ebiz/designer-components 0.0.18-beta.7 → 0.0.18-beta.9

package/src/components/TdesignWatermark.vue

@@ -1,108 +1,108 @@
-<template>
-    <t-watermark
-        :alpha="alpha"
-        :watermark-content="watermarkContent"
-        :width="width"
-        :height="height"
-        :x="x"
-        :y="y"
-        :rotate="rotate"
-        :zIndex="zIndex"
-        :isRepeat="isRepeat"
-        :movable="movable"
-        :gapX="gapX"
-        :gapY="gapY"
-        :offset="offset"
-        :lineSpace="lineSpace"
-    >
-        <slot></slot>
-    </t-watermark>
-</template>
-
-<script>
-export default {
-    name: "EbizWatermark"
-}
-</script>
-
-<script setup>
-import { defineProps } from 'vue';
-import { Watermark as TWatermark } from 'tdesign-vue-next';
-
-defineProps({
-    // 水印透明度
-    alpha: {
-        type: Number,
-        default: 1
-    },
-    // 水印内容
-    watermarkContent: {
-        type: [String, Object],
-        default: () => ({ text: '' })
-    },
-    // 水印宽度
-    width: {
-        type: Number,
-        default: 120
-    },
-    // 水印高度
-    height: {
-        type: Number,
-        default: 64
-    },
-    // 水印x轴偏移量
-    x: {
-        type: Number,
-        default: 0
-    },
-    // 水印y轴偏移量
-    y: {
-        type: Number,
-        default: 0
-    },
-    // 水印旋转角度
-    rotate: {
-        type: Number,
-        default: -22
-    },
-    // 水印层级
-    zIndex: {
-        type: Number,
-        default: 9
-    },
-    // 水印是否重复铺满整个页面
-    isRepeat: {
-        type: Boolean,
-        default: true
-    },
-    // 水印是否可移动
-    movable: {
-        type: Boolean,
-        default: false
-    },
-    // 水印之间的水平间距
-    gapX: {
-        type: Number,
-        default: 212
-    },
-    // 水印之间的垂直间距
-    gapY: {
-        type: Number,
-        default: 222
-    },
-    // 水印整体的偏移量
-    offset: {
-        type: Array,
-        default: () => [0, 0]
-    },
-    // 多行水印的行间距
-    lineSpace: {
-        type: Number,
-        default: 16
-    }
-});
-</script>
-
-<style lang="less" scoped>
-/* 自定义样式 */
+<template>
+    <t-watermark
+        :alpha="alpha"
+        :watermark-content="watermarkContent"
+        :width="width"
+        :height="height"
+        :x="x"
+        :y="y"
+        :rotate="rotate"
+        :zIndex="zIndex"
+        :isRepeat="isRepeat"
+        :movable="movable"
+        :gapX="gapX"
+        :gapY="gapY"
+        :offset="offset"
+        :lineSpace="lineSpace"
+    >
+        <slot></slot>
+    </t-watermark>
+</template>
+
+<script>
+export default {
+    name: "EbizWatermark"
+}
+</script>
+
+<script setup>
+import { defineProps } from 'vue';
+import { Watermark as TWatermark } from 'tdesign-vue-next';
+
+defineProps({
+    // 水印透明度
+    alpha: {
+        type: Number,
+        default: 1
+    },
+    // 水印内容
+    watermarkContent: {
+        type: [String, Object],
+        default: () => ({ text: '' })
+    },
+    // 水印宽度
+    width: {
+        type: Number,
+        default: 120
+    },
+    // 水印高度
+    height: {
+        type: Number,
+        default: 64
+    },
+    // 水印x轴偏移量
+    x: {
+        type: Number,
+        default: 0
+    },
+    // 水印y轴偏移量
+    y: {
+        type: Number,
+        default: 0
+    },
+    // 水印旋转角度
+    rotate: {
+        type: Number,
+        default: -22
+    },
+    // 水印层级
+    zIndex: {
+        type: Number,
+        default: 9
+    },
+    // 水印是否重复铺满整个页面
+    isRepeat: {
+        type: Boolean,
+        default: true
+    },
+    // 水印是否可移动
+    movable: {
+        type: Boolean,
+        default: false
+    },
+    // 水印之间的水平间距
+    gapX: {
+        type: Number,
+        default: 212
+    },
+    // 水印之间的垂直间距
+    gapY: {
+        type: Number,
+        default: 222
+    },
+    // 水印整体的偏移量
+    offset: {
+        type: Array,
+        default: () => [0, 0]
+    },
+    // 多行水印的行间距
+    lineSpace: {
+        type: Number,
+        default: 16
+    }
+});
+</script>
+
+<style lang="less" scoped>
+/* 自定义样式 */
 </style> 

package/src/components/charts/chart.js

@@ -1,47 +1,47 @@
-/**
- * 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 core from './core';
-import Register from './register';
-import { isFunction } from './util/type';
-
-// 图表核心对象，通过 Register 全量引入图表给 HuiCharts 渲染，打包容量较大
-export default class HuiCharts extends core {
-  constructor() {
-    super();
-    // 图表名称
-    this.chartName = null;
-  }
-
-  /**
-   * 传入配置项
-   * @param {图表类型, 当为string型时需要转换为对应图表class} chart 
-   * @param {配置项} iChartOption 
-   * @param {三方插件} plugins 
-   * @param {是否初始渲染} isInit 
-   */
-  setSimpleOption(chart, iChartOption, plugins = {}, isInit = true) {
-    let ChartClass = null; 
-    if(isFunction(chart)){
-      this.chartName = chart.name;
-      ChartClass = chart;
-    } else {
-      this.chartName = chart;
-      ChartClass = this.getChartClass(chart);
-    }
-    super.setSimpleOption(ChartClass, iChartOption, plugins, isInit);
-  }
-
-  // 获取图表类
-  getChartClass(name) {
-    return Register.getRegisteredComp(name);
-  }
-}
+/**
+ * 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 core from './core';
+import Register from './register';
+import { isFunction } from './util/type';
+
+// 图表核心对象，通过 Register 全量引入图表给 HuiCharts 渲染，打包容量较大
+export default class HuiCharts extends core {
+  constructor() {
+    super();
+    // 图表名称
+    this.chartName = null;
+  }
+
+  /**
+   * 传入配置项
+   * @param {图表类型, 当为string型时需要转换为对应图表class} chart 
+   * @param {配置项} iChartOption 
+   * @param {三方插件} plugins 
+   * @param {是否初始渲染} isInit 
+   */
+  setSimpleOption(chart, iChartOption, plugins = {}, isInit = true) {
+    let ChartClass = null; 
+    if(isFunction(chart)){
+      this.chartName = chart.name;
+      ChartClass = chart;
+    } else {
+      this.chartName = chart;
+      ChartClass = this.getChartClass(chart);
+    }
+    super.setSimpleOption(ChartClass, iChartOption, plugins, isInit);
+  }
+
+  // 获取图表类
+  getChartClass(name) {
+    return Register.getRegisteredComp(name);
+  }
+}

package/src/components/charts/components/AssembleBubbleChart/BaseOption.js

@@ -1,50 +1,50 @@
-/**
- * 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 BaseOption = {
-  dataset: [
-    {
-      source: [],
-    },
-  ],
-  // 图例颜色
-  color: [],
-  legend: {
-    data: [],
-    icon: 'circle',
-    left: 'center',
-    bottom: 0,
-    textStyle: {},
-  },
-  hoverLayerThreshold: Infinity,
-  series: [
-    {
-      type: 'custom',
-      colorBy: 'data',
-      renderItem: "",
-      name: 'custom',
-      coordinateSystem: 'none',
-      encode: {
-        tooltip: 'value',
-        itemName: 'id',
-      },
-    },
-  ],
-};
-
-const CHARTTYPE = {
-  NON_NESTED: 'non-nested', // 非嵌套式
-  NON_NESTED_AGGREGATE: 'non-nested-aggregate', // 非嵌套聚合式
-  NESTED: 'nested', // 嵌套式
-};
-
-export default BaseOption;
-export { CHARTTYPE };
+/**
+ * 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 BaseOption = {
+  dataset: [
+    {
+      source: [],
+    },
+  ],
+  // 图例颜色
+  color: [],
+  legend: {
+    data: [],
+    icon: 'circle',
+    left: 'center',
+    bottom: 0,
+    textStyle: {},
+  },
+  hoverLayerThreshold: Infinity,
+  series: [
+    {
+      type: 'custom',
+      colorBy: 'data',
+      renderItem: "",
+      name: 'custom',
+      coordinateSystem: 'none',
+      encode: {
+        tooltip: 'value',
+        itemName: 'id',
+      },
+    },
+  ],
+};
+
+const CHARTTYPE = {
+  NON_NESTED: 'non-nested', // 非嵌套式
+  NON_NESTED_AGGREGATE: 'non-nested-aggregate', // 非嵌套聚合式
+  NESTED: 'nested', // 嵌套式
+};
+
+export default BaseOption;
+export { CHARTTYPE };

package/src/components/charts/components/AssembleBubbleChart/chartToken.js

@@ -1,17 +1,17 @@
-/**
- * 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 {CHART_TYPE} from '../../util/constants'
-
-const chartToken = Token.getTokenByName(CHART_TYPE.ASSEMBLE_BUBBLE)
-
+/**
+ * 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 {CHART_TYPE} from '../../util/constants'
+
+const chartToken = Token.getTokenByName(CHART_TYPE.ASSEMBLE_BUBBLE)
+
 export default chartToken;

package/src/components/charts/components/AssembleBubbleChart/handleOption.js

@@ -1,66 +1,66 @@
-/**
- * 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 defendXSS from '../../util/defendXSS';
-import { CHARTTYPE } from './BaseOption';
-import cloneDeep from '../../util/cloneDeep';
-
-// 配置默认鼠标悬浮提示框
-export function defaultTooltipFormatter(baseOpt) {
-  if (!baseOpt.tooltip.formatter) {
-    baseOpt.tooltip.formatter = params => {
-      let htmlString = '';
-      const bgColor = params.data.borderColor || params.data.color;
-      htmlString +=
-        `<span style="display:inline-block;margin-right:5px;border-radius:50%;width:10px;height:10px;background-color
-          :${defendXSS(bgColor)};">` +
-        '</span>' +
-        `<span style="display:inline-block;margin-left:5px">${defendXSS(params.data.type)}</span>` +
-        '<br/>' +
-        `<span style="display:inline-block;">${defendXSS(params.data.label)}</span>` +
-        `<span style="display:inline-block;margin-left:10px;">${defendXSS(params.data.value)}</span>` +
-        '<br/>';
-      return htmlString;
-    };
-  }
-}
-
-const judgeType = (that) => {
-  const { iChartOption: { type, data } } = that;
-  if (!data || !data.length) throw new Error('聚合气泡图必须定义data数据');
-  const noChild = data.every(item => !item.children || !item.children.length);
-  for (let i in CHARTTYPE) {
-    if (type === CHARTTYPE[i]) {
-      that.chartType = CHARTTYPE[i];
-    }
-  }
-  if (!that.chartType) {
-    that.chartType = CHARTTYPE[noChild ? 'NON_NESTED' : 'NESTED'];
-  }
-};
-
-const bindLegendEvent = (baseOpt, chartInstance) => {
-  let originSource = cloneDeep(baseOpt.dataset[0].source);
-  chartInstance.on('legendselectchanged', function (params) {
-    let newSource = [originSource[0]];
-    for (let type in params.selected) {
-      if (params.selected[type]) {
-        newSource = newSource.concat(originSource.filter(v => v.type === type));
-      }
-    }
-    baseOpt.dataset[0].source = newSource;
-    setTimeout(() => {
-      chartInstance.setOption(baseOpt);
-    }, 20);
-  });
-};
-
-export { judgeType, bindLegendEvent };
+/**
+ * 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 defendXSS from '../../util/defendXSS';
+import { CHARTTYPE } from './BaseOption';
+import cloneDeep from '../../util/cloneDeep';
+
+// 配置默认鼠标悬浮提示框
+export function defaultTooltipFormatter(baseOpt) {
+  if (!baseOpt.tooltip.formatter) {
+    baseOpt.tooltip.formatter = params => {
+      let htmlString = '';
+      const bgColor = params.data.borderColor || params.data.color;
+      htmlString +=
+        `<span style="display:inline-block;margin-right:5px;border-radius:50%;width:10px;height:10px;background-color
+          :${defendXSS(bgColor)};">` +
+        '</span>' +
+        `<span style="display:inline-block;margin-left:5px">${defendXSS(params.data.type)}</span>` +
+        '<br/>' +
+        `<span style="display:inline-block;">${defendXSS(params.data.label)}</span>` +
+        `<span style="display:inline-block;margin-left:10px;">${defendXSS(params.data.value)}</span>` +
+        '<br/>';
+      return htmlString;
+    };
+  }
+}
+
+const judgeType = (that) => {
+  const { iChartOption: { type, data } } = that;
+  if (!data || !data.length) throw new Error('聚合气泡图必须定义data数据');
+  const noChild = data.every(item => !item.children || !item.children.length);
+  for (let i in CHARTTYPE) {
+    if (type === CHARTTYPE[i]) {
+      that.chartType = CHARTTYPE[i];
+    }
+  }
+  if (!that.chartType) {
+    that.chartType = CHARTTYPE[noChild ? 'NON_NESTED' : 'NESTED'];
+  }
+};
+
+const bindLegendEvent = (baseOpt, chartInstance) => {
+  let originSource = cloneDeep(baseOpt.dataset[0].source);
+  chartInstance.on('legendselectchanged', function (params) {
+    let newSource = [originSource[0]];
+    for (let type in params.selected) {
+      if (params.selected[type]) {
+        newSource = newSource.concat(originSource.filter(v => v.type === type));
+      }
+    }
+    baseOpt.dataset[0].source = newSource;
+    setTimeout(() => {
+      chartInstance.setOption(baseOpt);
+    }, 20);
+  });
+};
+
+export { judgeType, bindLegendEvent };