@ebiz/designer-components 0.0.18-beta.1 → 0.0.18-beta.2

package/src/components/charts/util/constants.js

@@ -1,125 +1,125 @@
-/**
- * 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 THEMES = {
-  DARK: 'dark',
-  LIGHT: 'light',
-  BPIT_LIGHT: 'bpit-light',
-  BPIT_DARK: 'bpit-dark',
-  CLOUD_DARK: 'cloud-dark',
-  CLOUD_LIGHT: 'cloud-light',
-  HDESIGN_LIGHT: 'hdesign-light',
-  HDESIGN_DARK: 'hdesign-dark',
-};
-
-// 该值表示当前主题键名，内部使用，防止外部更改
-const CURRENT_THEME = Symbol('current_theme');
-
-// 使用token的图表名称,用于对token的merge
-const TOKENCHARTNAMES = [
-  'AssembleBubbleChart',
-  'BarChart',
-  'BoxplotChart',
-  'BubbleChart',
-  'CandlestickChart',
-  'CircleProcessChart',
-  'FunnelChart',
-  'GaugeChart',
-  'HeatMapChart',
-  'HillChart',
-  'JadeJueChart',
-  'LineChart',
-  'AreaChart',
-  'LiquidfillChart',
-  'PieChart',
-  'PolarBarChart',
-  'ProcessChart',
-  'RadarChart',
-  'RegionChart',
-  'SankeyChart',
-  'SunburstChart',
-  'TreeChart',
-  'WaveChart',
-  'WordCloudChart',
-  'TimelineChart',
-  'MindmapChart',
-  'ChartCard',
-  'BulletChart',
-  'ForceDirectedChart',
-  'GridChart',
-  'CircleChart',
-  'LinearArcChart',
-  'CircleArcChart',
-  'CustomizeChart'
-];
-
-// 默认主题
-const DEFAULT_THEME_NAME = THEMES.LIGHT;
-
-const THEME_ERROR_TIP_MESSAGE = `Theme must be one of ${Object.values(THEMES).join(
-  ',',
-)} or the theme name registered for calling HuiCharts.registerTheme()`;
-
-// 所有的图表的名称 
-const CHART_TYPE = {
-  ASSEMBLE_BUBBLE: 'AssembleBubbleChart',
-  AUTONAVI_MAP: 'AutonaviMapChart',
-  BAIDU_MAP: 'BaiduMapChart',
-  BAR: 'BarChart',
-  BOXPLOT: 'BoxplotChart',
-  BUBBLE: 'BubbleChart',
-  BULLET: 'BulletChart',
-  CANDLESTICK: 'CandlestickChart',
-  CIRCLE_PROCESS: 'CircleProcessChart',
-  FLOW: 'FlowChart',
-  FUNNEL: 'FunnelChart',
-  GANTT: 'GanttChart',
-  GAUGE: 'GaugeChart',
-  GRAPH_TREE: 'GraphTreeChart',
-  HEAT_MAP: 'HeatMapChart',
-  HILL: 'HillChart',
-  HONEYCOMB: 'HoneycombChart',
-  JADGEJUE: 'JadeJueChart',
-  LINE: 'LineChart',
-  AREA: 'AreaChart',
-  LIQUID_FILL: 'LiquidfillChart',
-  MILESTONE: 'MilestoneChart',
-  ORGANIZATION: 'OrganizationChart',
-  PIE: 'PieChart',
-  POLAR_BAR: 'PolarBarChart',
-  PROCESS: 'ProcessChart',
-  RADAR: 'RadarChart',
-  REGION: 'RegionChart',
-  RIVER: 'RiverChart',
-  SANKEY: 'SankeyChart',
-  SCATTER: 'ScatterChart',
-  SNOWFLAKE: 'SnowFlakeChart',
-  SUNBURST: 'SunburstChart',
-  TERRACE: 'TerraceChart',
-  TIME_LINE: 'TimelineChart',
-  TREE: 'TreeChart',
-  TREE_MAP: 'TreeMapChart',
-  WAVE: 'WaveChart',
-  WORD_CLOUD: 'WordCloudChart',
-  CHART_CARD: 'ChartCard',
-  MINDMAP: 'MindmapChart',
-  FORCE_DIRECTED: 'ForceDirectedChart',
-  GRID: 'GridChart',
-  CIRCLE: 'CircleChart',
-  LINEARARC: 'LinearArcChart',
-  CIRCLEARC: 'CircleArcChart',
-  CUSTOMIZE: 'CustomizeChart'
-}
-
-const ADAPTIVE_THEME = ['hdesign-light', 'hdesign-dark'];
-
+/**
+ * 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 THEMES = {
+  DARK: 'dark',
+  LIGHT: 'light',
+  BPIT_LIGHT: 'bpit-light',
+  BPIT_DARK: 'bpit-dark',
+  CLOUD_DARK: 'cloud-dark',
+  CLOUD_LIGHT: 'cloud-light',
+  HDESIGN_LIGHT: 'hdesign-light',
+  HDESIGN_DARK: 'hdesign-dark',
+};
+
+// 该值表示当前主题键名，内部使用，防止外部更改
+const CURRENT_THEME = Symbol('current_theme');
+
+// 使用token的图表名称,用于对token的merge
+const TOKENCHARTNAMES = [
+  'AssembleBubbleChart',
+  'BarChart',
+  'BoxplotChart',
+  'BubbleChart',
+  'CandlestickChart',
+  'CircleProcessChart',
+  'FunnelChart',
+  'GaugeChart',
+  'HeatMapChart',
+  'HillChart',
+  'JadeJueChart',
+  'LineChart',
+  'AreaChart',
+  'LiquidfillChart',
+  'PieChart',
+  'PolarBarChart',
+  'ProcessChart',
+  'RadarChart',
+  'RegionChart',
+  'SankeyChart',
+  'SunburstChart',
+  'TreeChart',
+  'WaveChart',
+  'WordCloudChart',
+  'TimelineChart',
+  'MindmapChart',
+  'ChartCard',
+  'BulletChart',
+  'ForceDirectedChart',
+  'GridChart',
+  'CircleChart',
+  'LinearArcChart',
+  'CircleArcChart',
+  'CustomizeChart'
+];
+
+// 默认主题
+const DEFAULT_THEME_NAME = THEMES.LIGHT;
+
+const THEME_ERROR_TIP_MESSAGE = `Theme must be one of ${Object.values(THEMES).join(
+  ',',
+)} or the theme name registered for calling HuiCharts.registerTheme()`;
+
+// 所有的图表的名称 
+const CHART_TYPE = {
+  ASSEMBLE_BUBBLE: 'AssembleBubbleChart',
+  AUTONAVI_MAP: 'AutonaviMapChart',
+  BAIDU_MAP: 'BaiduMapChart',
+  BAR: 'BarChart',
+  BOXPLOT: 'BoxplotChart',
+  BUBBLE: 'BubbleChart',
+  BULLET: 'BulletChart',
+  CANDLESTICK: 'CandlestickChart',
+  CIRCLE_PROCESS: 'CircleProcessChart',
+  FLOW: 'FlowChart',
+  FUNNEL: 'FunnelChart',
+  GANTT: 'GanttChart',
+  GAUGE: 'GaugeChart',
+  GRAPH_TREE: 'GraphTreeChart',
+  HEAT_MAP: 'HeatMapChart',
+  HILL: 'HillChart',
+  HONEYCOMB: 'HoneycombChart',
+  JADGEJUE: 'JadeJueChart',
+  LINE: 'LineChart',
+  AREA: 'AreaChart',
+  LIQUID_FILL: 'LiquidfillChart',
+  MILESTONE: 'MilestoneChart',
+  ORGANIZATION: 'OrganizationChart',
+  PIE: 'PieChart',
+  POLAR_BAR: 'PolarBarChart',
+  PROCESS: 'ProcessChart',
+  RADAR: 'RadarChart',
+  REGION: 'RegionChart',
+  RIVER: 'RiverChart',
+  SANKEY: 'SankeyChart',
+  SCATTER: 'ScatterChart',
+  SNOWFLAKE: 'SnowFlakeChart',
+  SUNBURST: 'SunburstChart',
+  TERRACE: 'TerraceChart',
+  TIME_LINE: 'TimelineChart',
+  TREE: 'TreeChart',
+  TREE_MAP: 'TreeMapChart',
+  WAVE: 'WaveChart',
+  WORD_CLOUD: 'WordCloudChart',
+  CHART_CARD: 'ChartCard',
+  MINDMAP: 'MindmapChart',
+  FORCE_DIRECTED: 'ForceDirectedChart',
+  GRID: 'GridChart',
+  CIRCLE: 'CircleChart',
+  LINEARARC: 'LinearArcChart',
+  CIRCLEARC: 'CircleArcChart',
+  CUSTOMIZE: 'CustomizeChart'
+}
+
+const ADAPTIVE_THEME = ['hdesign-light', 'hdesign-dark'];
+
 export { THEMES, CURRENT_THEME, DEFAULT_THEME_NAME, THEME_ERROR_TIP_MESSAGE, TOKENCHARTNAMES, CHART_TYPE, ADAPTIVE_THEME };

package/src/components/charts/util/convert.js

@@ -1,49 +1,49 @@
-/**
- * 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 pxToNumber = pxText => {
-  return pxText.split('px')[0] - 0;
-};
-
-// 日期格式化
-const formatDate = (date, fmt) => {
-  const padZero = (value) => (value < 10 ? `0${value}` : value);
-  const year = date.getFullYear();
-  const month = padZero(date.getMonth() + 1);
-  const day = padZero(date.getDate());
-  const hour = padZero(date.getHours());
-  const minute = padZero(date.getMinutes());
-  const second = padZero(date.getSeconds());
-  const millisecond = padZero(date.getMilliseconds());
-  return fmt.replace(/y+/, year)
-    .replace(/M+/, month)
-    .replace(/d+/, day)
-    .replace(/h+/, hour)
-    .replace(/m+/, minute)
-    .replace(/s+/, second)
-    .replace(/S/, millisecond);
-};
-
-//SVG转base64
-function svgTransform(svgData) {
-  const svgBlob = new Blob([svgData], { type: 'image/svg+xml' });
-  const svgUrl = URL.createObjectURL(svgBlob);
-  return svgUrl
-}
-// 百分比转换为小数
-const percentToDecimal = (percentStr) => {
-    // 移除百分号
-    let numberStr = percentStr.replace(/%/, '');
-    // 转换为小数
-    let decimal = Number(numberStr) / 100;
-    return decimal;
-}
-export {pxToNumber, formatDate , svgTransform, percentToDecimal };
+/**
+ * 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 pxToNumber = pxText => {
+  return pxText.split('px')[0] - 0;
+};
+
+// 日期格式化
+const formatDate = (date, fmt) => {
+  const padZero = (value) => (value < 10 ? `0${value}` : value);
+  const year = date.getFullYear();
+  const month = padZero(date.getMonth() + 1);
+  const day = padZero(date.getDate());
+  const hour = padZero(date.getHours());
+  const minute = padZero(date.getMinutes());
+  const second = padZero(date.getSeconds());
+  const millisecond = padZero(date.getMilliseconds());
+  return fmt.replace(/y+/, year)
+    .replace(/M+/, month)
+    .replace(/d+/, day)
+    .replace(/h+/, hour)
+    .replace(/m+/, minute)
+    .replace(/s+/, second)
+    .replace(/S/, millisecond);
+};
+
+//SVG转base64
+function svgTransform(svgData) {
+  const svgBlob = new Blob([svgData], { type: 'image/svg+xml' });
+  const svgUrl = URL.createObjectURL(svgBlob);
+  return svgUrl
+}
+// 百分比转换为小数
+const percentToDecimal = (percentStr) => {
+    // 移除百分号
+    let numberStr = percentStr.replace(/%/, '');
+    // 转换为小数
+    let decimal = Number(numberStr) / 100;
+    return decimal;
+}
+export {pxToNumber, formatDate , svgTransform, percentToDecimal };

package/src/components/charts/util/debounce.js

@@ -1,24 +1,24 @@
-/**
- * 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 debounce(func, delay = 300) {
-    let timer = null;
-    return function (...args) {
-        let context = this;
-        if (timer) clearTimeout(timer);
-        timer = setTimeout(() => {
-            timer = null;
-            func.apply(context, args);
-        }, delay);
-    };
-}
-
+/**
+ * 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 debounce(func, delay = 300) {
+    let timer = null;
+    return function (...args) {
+        let context = this;
+        if (timer) clearTimeout(timer);
+        timer = setTimeout(() => {
+            timer = null;
+            func.apply(context, args);
+        }, delay);
+    };
+}
+
 export default debounce;

package/src/components/charts/util/defendXSS.js

@@ -1,81 +1,81 @@
-/**
- * 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.
- *
- */
-/**
- *  转义字符 防止xss攻击
- */
-const matchHtmlRegExp = /["'&<>/]/;
-function escapeHtml(string) {
-  const str = `${string}`;
-  const match = matchHtmlRegExp.exec(str);
-  if (!match) {
-    return str;
-  }
-  let escape;
-  let html = '';
-  let index;
-  let lastIndex = 0;
-
-  for (index = match.index; index < str.length; index++) {
-    switch (str.charCodeAt(index)) {
-      case 34: // "
-        escape = '&quot;';
-        break;
-      case 38: // &
-        escape = '&amp;';
-        break;
-      case 39: // '
-        escape = '&#x27;'; // modified from escape-html; used to be '&#39'
-        break;
-      case 60: // <
-        escape = '&lt;';
-        break;
-      case 62: // >
-        escape = '&gt;';
-        break;
-      case 47:// /
-        escape = '&#x2F;';
-        break;
-      default:
-        continue;
-    }
-
-    if (lastIndex !== index) {
-      html += str.substring(lastIndex, index);
-    }
-
-    lastIndex = index + 1;
-    html += escape;
-  }
-
-  return lastIndex !== index ? html + str.substring(lastIndex, index) : html;
-}
-
-
-const defendXSS = obj => {
-  if (typeof obj === 'string') {
-    return escapeHtml(obj);
-  } else if (typeof obj === 'number') {
-    return obj;
-  } else if (typeof obj === 'object') {
-    for (const key in obj) {
-      if (Object.hasOwnProperty.call(obj, key)) {
-        obj[key] = defendXSS(obj[key]);
-      }
-    }
-    return obj;
-  } else {
-    return obj;
-  }
-};
-
-export default defendXSS;
-export { escapeHtml };
+/**
+ * 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.
+ *
+ */
+/**
+ *  转义字符 防止xss攻击
+ */
+const matchHtmlRegExp = /["'&<>/]/;
+function escapeHtml(string) {
+  const str = `${string}`;
+  const match = matchHtmlRegExp.exec(str);
+  if (!match) {
+    return str;
+  }
+  let escape;
+  let html = '';
+  let index;
+  let lastIndex = 0;
+
+  for (index = match.index; index < str.length; index++) {
+    switch (str.charCodeAt(index)) {
+      case 34: // "
+        escape = '&quot;';
+        break;
+      case 38: // &
+        escape = '&amp;';
+        break;
+      case 39: // '
+        escape = '&#x27;'; // modified from escape-html; used to be '&#39'
+        break;
+      case 60: // <
+        escape = '&lt;';
+        break;
+      case 62: // >
+        escape = '&gt;';
+        break;
+      case 47:// /
+        escape = '&#x2F;';
+        break;
+      default:
+        continue;
+    }
+
+    if (lastIndex !== index) {
+      html += str.substring(lastIndex, index);
+    }
+
+    lastIndex = index + 1;
+    html += escape;
+  }
+
+  return lastIndex !== index ? html + str.substring(lastIndex, index) : html;
+}
+
+
+const defendXSS = obj => {
+  if (typeof obj === 'string') {
+    return escapeHtml(obj);
+  } else if (typeof obj === 'number') {
+    return obj;
+  } else if (typeof obj === 'object') {
+    for (const key in obj) {
+      if (Object.hasOwnProperty.call(obj, key)) {
+        obj[key] = defendXSS(obj[key]);
+      }
+    }
+    return obj;
+  } else {
+    return obj;
+  }
+};
+
+export default defendXSS;
+export { escapeHtml };