@ebiz/designer-components 0.0.19-beta.1 → 0.0.19

package/src/components/charts/feature/linter/lints/modules/util.js

@@ -1,97 +1,97 @@
-/**
- * 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 axisNamePropertyPermissions = [
-    {
-        name: 'name',
-        // 额外判定条件
-        extraCondition: val => { return val || val === 0 },
-        // 需要添加的属性名称
-        correlationProperty: ['nameGap', 'nameTextStyle']
-    },
-]
-
-const axisCommonPropertyPermissions = [
-    {
-        name: 'splitLine',
-        extraCondition: judgeAxisComonProperty,
-        correlationProperty: ['splitLine']
-    },
-    {
-        name: 'axisLine',
-        extraCondition: judgeAxisComonProperty,
-        correlationProperty: ['axisLine']
-    },
-    {
-        name: 'axisTick',
-        extraCondition: judgeAxisComonProperty,
-        correlationProperty: ['axisTick']
-    },
-    {
-        name: 'axisLabel',
-        extraCondition: judgeAxisComonProperty,
-        correlationProperty: ['axisLabel']
-    },
-]
-
-const rectSysAxisPropertyPermissions = [
-    ...axisNamePropertyPermissions,
-    ...axisCommonPropertyPermissions
-]
-
-// 用于判定x，y轴共有的属性(axisTick,splitLine,axisTick,axisLabel)是否添加到ui规范中
-function judgeAxisComonProperty(val) {
-    return (val && val.show !== false) || !val
-}
-
-/**
- * 给符合条件ui规范对象增加属性名称(ui规范)
- * @param {object} moudle  echartsOption的模块对象
- * @param {object} propertyConfig propertyPermissions中的单个属性判定对象
- * @param {object} matchedUiRule  根据鉴权匹配的ui规范
- * @param {object} uiRule  ui规范
- */
-function assignmentPropertyToMatchedUiRule(moudle, propertyConfig, matchedUiRule, uiRule) {
-    const propertyVal = moudle[propertyConfig.name]
-    if (propertyConfig.extraCondition(propertyVal)) {
-        propertyConfig.correlationProperty.forEach(item => {
-            matchedUiRule[item] = uiRule[item]
-        })
-    }
-}
-
-/**
- * @param  echartsModule  echartsOption的模块,数组或者对象
- * @param {object} uiRule 当前模块对象的标准ui规范对象
- * @param {Array} propertyPermissions 权限数组
- * @returns 符合鉴权的ui规范对象
- */
-function generatedMatchedUiRule(echartsModule, uiRule, propertyPermissions,commonProperty=[]) {
-    const matchedUiRule = {}
-    propertyPermissions.forEach(propertyConfig => {
-        assignmentPropertyToMatchedUiRule(echartsModule, propertyConfig, matchedUiRule, uiRule)
-    })
-    if(commonProperty.length>0){
-        commonProperty.forEach(property => {
-            matchedUiRule[property] = uiRule[property]
-        })
-    }
-    return matchedUiRule
-}
-
-export {
-    axisCommonPropertyPermissions,
-    rectSysAxisPropertyPermissions,
-    judgeAxisComonProperty,
-    generatedMatchedUiRule,
-}
-
-
+/**
+ * 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 axisNamePropertyPermissions = [
+    {
+        name: 'name',
+        // 额外判定条件
+        extraCondition: val => { return val || val === 0 },
+        // 需要添加的属性名称
+        correlationProperty: ['nameGap', 'nameTextStyle']
+    },
+]
+
+const axisCommonPropertyPermissions = [
+    {
+        name: 'splitLine',
+        extraCondition: judgeAxisComonProperty,
+        correlationProperty: ['splitLine']
+    },
+    {
+        name: 'axisLine',
+        extraCondition: judgeAxisComonProperty,
+        correlationProperty: ['axisLine']
+    },
+    {
+        name: 'axisTick',
+        extraCondition: judgeAxisComonProperty,
+        correlationProperty: ['axisTick']
+    },
+    {
+        name: 'axisLabel',
+        extraCondition: judgeAxisComonProperty,
+        correlationProperty: ['axisLabel']
+    },
+]
+
+const rectSysAxisPropertyPermissions = [
+    ...axisNamePropertyPermissions,
+    ...axisCommonPropertyPermissions
+]
+
+// 用于判定x，y轴共有的属性(axisTick,splitLine,axisTick,axisLabel)是否添加到ui规范中
+function judgeAxisComonProperty(val) {
+    return (val && val.show !== false) || !val
+}
+
+/**
+ * 给符合条件ui规范对象增加属性名称(ui规范)
+ * @param {object} moudle  echartsOption的模块对象
+ * @param {object} propertyConfig propertyPermissions中的单个属性判定对象
+ * @param {object} matchedUiRule  根据鉴权匹配的ui规范
+ * @param {object} uiRule  ui规范
+ */
+function assignmentPropertyToMatchedUiRule(moudle, propertyConfig, matchedUiRule, uiRule) {
+    const propertyVal = moudle[propertyConfig.name]
+    if (propertyConfig.extraCondition(propertyVal)) {
+        propertyConfig.correlationProperty.forEach(item => {
+            matchedUiRule[item] = uiRule[item]
+        })
+    }
+}
+
+/**
+ * @param  echartsModule  echartsOption的模块,数组或者对象
+ * @param {object} uiRule 当前模块对象的标准ui规范对象
+ * @param {Array} propertyPermissions 权限数组
+ * @returns 符合鉴权的ui规范对象
+ */
+function generatedMatchedUiRule(echartsModule, uiRule, propertyPermissions,commonProperty=[]) {
+    const matchedUiRule = {}
+    propertyPermissions.forEach(propertyConfig => {
+        assignmentPropertyToMatchedUiRule(echartsModule, propertyConfig, matchedUiRule, uiRule)
+    })
+    if(commonProperty.length>0){
+        commonProperty.forEach(property => {
+            matchedUiRule[property] = uiRule[property]
+        })
+    }
+    return matchedUiRule
+}
+
+export {
+    axisCommonPropertyPermissions,
+    rectSysAxisPropertyPermissions,
+    judgeAxisComonProperty,
+    generatedMatchedUiRule,
+}
+
+

package/src/components/charts/feature/linter/lints/modules/xAxis.js

@@ -1,52 +1,52 @@
-/**
- * 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 '../../../token'
-import { rectSysAxisPropertyPermissions, generatedMatchedUiRule } from './util'
-
-function getxAxisToken(echartsModule) {
-    const token = Token.getToken()
-    const uiRule = {
-        nameGap: token.xAxisNameGap,
-        nameTextStyle: {
-            color: token.xAxisNameColor,
-            fontSize: token.xAxisNameFontSize,
-        },
-        splitLine: {
-            lineStyle: {
-                width: token.xAxisSplitLineWidth,
-                color: token.xAxisSplitLineColor,
-                type: token.xAxisSplitLineType,
-            },
-        },
-        axisLine: {
-            lineStyle: {
-                width: token.xAxisLineWidth,
-                color: token.xAxisLineColor,
-                type: token.xAxisLineType,
-            },
-        },
-        axisTick: {
-            lineStyle: {
-                width: token.xAxisTickLineWidth,
-                color: token.xAxisTickLineColor,
-                type: token.xAxisTickLineType,
-            },
-        },
-        axisLabel: {
-            color: token.xAxisLabelColor,
-            fontSize: token.xAxisLabelFontSize,
-        },
-    }
-    return generatedMatchedUiRule(echartsModule, uiRule, rectSysAxisPropertyPermissions)
-}
-
+/**
+ * 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 '../../../token'
+import { rectSysAxisPropertyPermissions, generatedMatchedUiRule } from './util'
+
+function getxAxisToken(echartsModule) {
+    const token = Token.getToken()
+    const uiRule = {
+        nameGap: token.xAxisNameGap,
+        nameTextStyle: {
+            color: token.xAxisNameColor,
+            fontSize: token.xAxisNameFontSize,
+        },
+        splitLine: {
+            lineStyle: {
+                width: token.xAxisSplitLineWidth,
+                color: token.xAxisSplitLineColor,
+                type: token.xAxisSplitLineType,
+            },
+        },
+        axisLine: {
+            lineStyle: {
+                width: token.xAxisLineWidth,
+                color: token.xAxisLineColor,
+                type: token.xAxisLineType,
+            },
+        },
+        axisTick: {
+            lineStyle: {
+                width: token.xAxisTickLineWidth,
+                color: token.xAxisTickLineColor,
+                type: token.xAxisTickLineType,
+            },
+        },
+        axisLabel: {
+            color: token.xAxisLabelColor,
+            fontSize: token.xAxisLabelFontSize,
+        },
+    }
+    return generatedMatchedUiRule(echartsModule, uiRule, rectSysAxisPropertyPermissions)
+}
+
 export default getxAxisToken

package/src/components/charts/feature/linter/lints/modules/yAxis.js

@@ -1,52 +1,52 @@
-/**
- * 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 '../../../token'
-import { rectSysAxisPropertyPermissions, generatedMatchedUiRule } from './util'
-
-function getyAxisToken(echartsModule) {
-    const token = Token.getToken()
-    const uiRule = {
-        nameGap: token.yAxisNameGap,
-        nameTextStyle: {
-            color: token.yAxisNameColor,
-            fontSize: token.yAxisNameFontSize,
-        },
-        splitLine: {
-            lineStyle: {
-                width: token.yAxisSplitLineWidth,
-                type: token.yAxisSplitLineType,
-                color: token.yAxisSplitLineColor,
-            },
-        },
-        axisLine: {
-            lineStyle: {
-                width: token.yAxisLineWidth,
-                type: token.yAxisLineType,
-                color: token.yAxisLineColor,
-            },
-        },
-        axisTick: {
-            lineStyle: {
-                width: token.yAxisTickLineWidth,
-                type: token.yAxisTickLineType,
-                color: token.yAxisTickLineColor,
-            },
-        },
-        axisLabel: {
-            color: token.yAxisLabelColor,
-            fontSize: token.yAxisLabelFontSize,
-        },
-    }
-    return generatedMatchedUiRule(echartsModule, uiRule, rectSysAxisPropertyPermissions)
-}
-
+/**
+ * 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 '../../../token'
+import { rectSysAxisPropertyPermissions, generatedMatchedUiRule } from './util'
+
+function getyAxisToken(echartsModule) {
+    const token = Token.getToken()
+    const uiRule = {
+        nameGap: token.yAxisNameGap,
+        nameTextStyle: {
+            color: token.yAxisNameColor,
+            fontSize: token.yAxisNameFontSize,
+        },
+        splitLine: {
+            lineStyle: {
+                width: token.yAxisSplitLineWidth,
+                type: token.yAxisSplitLineType,
+                color: token.yAxisSplitLineColor,
+            },
+        },
+        axisLine: {
+            lineStyle: {
+                width: token.yAxisLineWidth,
+                type: token.yAxisLineType,
+                color: token.yAxisLineColor,
+            },
+        },
+        axisTick: {
+            lineStyle: {
+                width: token.yAxisTickLineWidth,
+                type: token.yAxisTickLineType,
+                color: token.yAxisTickLineColor,
+            },
+        },
+        axisLabel: {
+            color: token.yAxisLabelColor,
+            fontSize: token.yAxisLabelFontSize,
+        },
+    }
+    return generatedMatchedUiRule(echartsModule, uiRule, rectSysAxisPropertyPermissions)
+}
+
 export default getyAxisToken

package/src/components/charts/feature/mediaScreen/index.js

@@ -1,95 +1,95 @@
-/**
- * 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 merge from '../../util/merge';
-import cloneDeep from '../../util/cloneDeep';
-import { isArrayEqual } from '../../util/equal';
-import defaultOption from '../adaptive';
-
-class mediaScreen {
-
-  constructor(dom, option, callback) {
-    // 媒体查询监听的dom
-    this.dom = dom;
-    // 用户传递的响应式配置
-    this.userOption = option;
-    // 媒体查询命中时的回调函数
-    this.callback = callback;
-    // 当前宽度下响应式配置命中的区间
-    this.curRange = [];
-    // 图表初始配置
-    this.initOption = {};
-  }
-
-  // 监听dom宽度变化
-  observe() {
-    if (!this.dom) return;
-    // 媒体查询的响应式配置
-    const defaultChartOption = defaultOption[this.chartName] ? defaultOption[this.chartName] : []
-    this.option = this.userOption || defaultChartOption;
-    let domWidth = this.dom.getBoundingClientRect().width;
-    let range = this.getRange(domWidth, this.option);
-    if (!isArrayEqual(this.curRange, range)) {
-      let tempOption = cloneDeep(this.initOption);
-      this.curRange = range;
-      this.curRange.forEach((rangeIndex) => {
-        merge(tempOption, this.option[rangeIndex].option);
-      });
-      this.callback(tempOption);
-    }
-  }
-
-  // 强制触发一次监听，(解决页面挂载就调用refresh配置的问题)
-  refresh() {
-    this.curRange = [];
-    this.observe();
-  }
-
-  // 设置图表初始配置
-  setInitOption(option, chartName) {
-    this.initOption = cloneDeep(option);
-    this.chartName = chartName;
-  }
-
-  // 计算命中区间
-  getRange(domWidth, option) {
-    let range = [];
-    option.forEach((item, index) => {
-      // maxWidth/minWidth都存在
-      if (item.maxWidth !== undefined && item.minWidth !== undefined) {
-        if (domWidth <= item.maxWidth && domWidth >= item.minWidth) {
-          range.push(index);
-        }
-      }
-      // maxWidth/minWidth都不存在，直接push到this.initRange
-      else if (item.maxWidth === undefined && item.minWidth === undefined) {
-        range.push(index);
-      }
-      // minWidth不存在
-      else if (item.maxWidth !== undefined && item.minWidth === undefined) {
-        if (domWidth <= item.maxWidth) {
-          range.push(index);
-        }
-      }
-      // maxWidth不存在
-      else if (item.maxWidth === undefined && item.minWidth !== undefined) {
-        if (domWidth >= item.minWidth) {
-          range.push(index);
-        }
-      }
-    });
-    // 数组去重
-    range = Array.from(new Set(range));
-    return range;
-  }
-}
-
+/**
+ * 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 merge from '../../util/merge';
+import cloneDeep from '../../util/cloneDeep';
+import { isArrayEqual } from '../../util/equal';
+import defaultOption from '../adaptive';
+
+class mediaScreen {
+
+  constructor(dom, option, callback) {
+    // 媒体查询监听的dom
+    this.dom = dom;
+    // 用户传递的响应式配置
+    this.userOption = option;
+    // 媒体查询命中时的回调函数
+    this.callback = callback;
+    // 当前宽度下响应式配置命中的区间
+    this.curRange = [];
+    // 图表初始配置
+    this.initOption = {};
+  }
+
+  // 监听dom宽度变化
+  observe() {
+    if (!this.dom) return;
+    // 媒体查询的响应式配置
+    const defaultChartOption = defaultOption[this.chartName] ? defaultOption[this.chartName] : []
+    this.option = this.userOption || defaultChartOption;
+    let domWidth = this.dom.getBoundingClientRect().width;
+    let range = this.getRange(domWidth, this.option);
+    if (!isArrayEqual(this.curRange, range)) {
+      let tempOption = cloneDeep(this.initOption);
+      this.curRange = range;
+      this.curRange.forEach((rangeIndex) => {
+        merge(tempOption, this.option[rangeIndex].option);
+      });
+      this.callback(tempOption);
+    }
+  }
+
+  // 强制触发一次监听，(解决页面挂载就调用refresh配置的问题)
+  refresh() {
+    this.curRange = [];
+    this.observe();
+  }
+
+  // 设置图表初始配置
+  setInitOption(option, chartName) {
+    this.initOption = cloneDeep(option);
+    this.chartName = chartName;
+  }
+
+  // 计算命中区间
+  getRange(domWidth, option) {
+    let range = [];
+    option.forEach((item, index) => {
+      // maxWidth/minWidth都存在
+      if (item.maxWidth !== undefined && item.minWidth !== undefined) {
+        if (domWidth <= item.maxWidth && domWidth >= item.minWidth) {
+          range.push(index);
+        }
+      }
+      // maxWidth/minWidth都不存在，直接push到this.initRange
+      else if (item.maxWidth === undefined && item.minWidth === undefined) {
+        range.push(index);
+      }
+      // minWidth不存在
+      else if (item.maxWidth !== undefined && item.minWidth === undefined) {
+        if (domWidth <= item.maxWidth) {
+          range.push(index);
+        }
+      }
+      // maxWidth不存在
+      else if (item.maxWidth === undefined && item.minWidth !== undefined) {
+        if (domWidth >= item.minWidth) {
+          range.push(index);
+        }
+      }
+    });
+    // 数组去重
+    range = Array.from(new Set(range));
+    return range;
+  }
+}
+
 export default mediaScreen;