xt-element-ui 1.1.2 → 1.1.4

package/lib/index.umd.2.js

@@ -1,23 +1,267 @@
 ((typeof self !== 'undefined' ? self : this)["webpackJsonpxt_element_ui"] = (typeof self !== 'undefined' ? self : this)["webpackJsonpxt_element_ui"] || []).push([[2],{
 
-/***/ "0f70":
+/***/ "04dd":
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
 
 /***/ }),
 
-/***/ "202d":
+/***/ "1b46":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4207ee36-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ex-chart/ExBar.vue?vue&type=template&id=10acd2fc&scoped=true
+var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:"barchart",staticClass:"bar-box"})
+}
+var staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/ex-chart/ExBar.vue?vue&type=template&id=10acd2fc&scoped=true
+
+// EXTERNAL MODULE: ./src/components/ex-chart/utils.js + 5 modules
+var utils = __webpack_require__("22f5");
+
+// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ex-chart/ExBar.vue?vue&type=script&lang=js
+
+
+/* harmony default export */ var ExBarvue_type_script_lang_js = ({
+  name: "XtBar",
+  props: {
+    chartData: {
+      type: Array,
+      default: () => {
+        return [
+          { value: 65, name: "吴十" },
+          { value: 70, name: "唐九" },
+          { value: 73, name: "钱一" },
+          { value: 78, name: "孙二" },
+          { value: 88, name: "刘八" },
+          { value: 93, name: "王七" },
+          { value: 99, name: "赵六" },
+          { value: 103, name: "宋五" },
+          { value: 113, name: "李四" },
+          { value: 125, name: "张三" }
+        ];
+      }
+    },
+    theme: {},
+    size: {
+      type: String,
+      default: "medium"
+    },
+    // name: {
+    //   type: String,
+    //   default: ""
+    // },
+    markPoint: {
+      type: Boolean,
+      default: false
+    },
+    energyType: {
+      type: String,
+      default: ""
+    },
+    showZoom: {
+      type: Boolean,
+      default: false
+    },
+    reverse: {
+      type: Boolean,
+      default: false
+    },
+    longLable: { // 名称占50% 的 grid值
+      type: Boolean,
+      default: false
+    },
+    longLableSplitNum: {
+      type: Number,
+      default: 1
+    },
+    longLablePx: {
+      type: Number,
+      default: 150
+    },
+    splitNumber: {
+      type: Number,
+      default: 5
+    }
+  },
+  data() {
+    return {
+      myChart: null,
+      name: "数量"
+    };
+  },
+  watch: {
+    chartData: {
+      deep: true,
+      handler(newVal, oldVal) {
+        const _self = this;
+        _self.initChart();
+      }
+    },
+    energyType: {
+      deep: true,
+      handler(newVal, oldVal) {
+        const _self = this;
+        if (newVal == "kW.h") {
+          _self.name = "用电量";
+        } else if (newVal == "m³") {
+          _self.name = "用气量";
+        }
+        _self.initChart();
+      }
+    },
+    theme(newVal) {
+      this.initChart();
+    }
+  },
+  mounted() {
+    this.initChart();
+  },
+  methods: {
+    initChart() {
+      const _self = this;
+      // 数据处理
+      const _xAxis = {
+        type: "category",
+        inverse: this.reverse,
+        axisLabel: {
+          interval: 0,
+          formatter: function(value) {
+            return !_self.reverse && _self.longLable ? value.replace(new RegExp(`(.{${_self.longLableSplitNum}})`, 'g'), `$1\n`) : value;
+          }
+        },
+        data: _self.chartData.map((item) => {
+          return item.name;
+        })
+      };
+      const _yAxis = {
+        type: "value",
+        splitLine: {
+          lineStyle: {
+            type: "dashed"
+          }
+        },
+        name: _self.energyType,
+        axisTick: {
+          inside: true
+        },
+        min: 0,
+        splitNumber: _self.splitNumber,
+        max: function(value) {
+          return Math.ceil(value.max / _self.splitNumber) * _self.splitNumber;
+        },
+        scale: true,
+        axisLabel: {
+          margin: 2,
+          formatter: function(value, index) {
+            if (value >= 10000 && value < 10000000) {
+              value = value / 10000 + "万";
+            } else if (value >= 10000000) {
+              value = value / 10000000 + "千万";
+            }
+            return value;
+          }
+        }
+      };
+
+      const option = {
+        legend: {
+          right: 20,
+          top: 0,
+          textStyle: {
+            fontSize: 12
+          }
+        },
+        tooltip: {
+          borderWidth: 1,
+          trigger: "item"
+        },
+        grid: {
+          top: "10",
+          left: 40 + (this.reverse && this.longLable ? _self.longLablePx : 0),
+          right: "10",
+          bottom: (_self.showZoom ? 50 : 20) + (!_self.reverse && _self.longLable ? _self.longLablePx : 0),
+          containLabel: true
+        },
+        xAxis: this.reverse ? _yAxis : _xAxis,
+        yAxis: this.reverse ? _xAxis : _yAxis,
+        series: [{
+          name: _self.name,
+          type: "bar",
+          markPoint: {
+            data: [
+              { type: "min", name: "Min" },
+              { type: "max", name: "Max" }
+            ]
+          },
+          avoidLabelOverlap: true,
+          data: _self.chartData.map((item, ind) => {
+            const { name, value } = item;
+            return {
+              value,
+              name,
+              tooltip: {
+                borderWidth: 1
+              }
+            };
+          })
+        }],
+        dataZoom: _self.showZoom ? [{ height: 20, bottom: 0 }] : [],
+      };
+      if (!this.markPoint) {
+        this.$delete(option.series[0], "markPoint");
+      }
+      this.myChart = utils["a" /* default */].init(_self.$refs.barchart, this.theme, option, this.size);
+    }
+  }
+});
+
+// CONCATENATED MODULE: ./src/components/ex-chart/ExBar.vue?vue&type=script&lang=js
+ /* harmony default export */ var ex_chart_ExBarvue_type_script_lang_js = (ExBarvue_type_script_lang_js); 
+// EXTERNAL MODULE: ./src/components/ex-chart/ExBar.vue?vue&type=style&index=0&id=10acd2fc&prod&lang=scss&scoped=true
+var ExBarvue_type_style_index_0_id_10acd2fc_prod_lang_scss_scoped_true = __webpack_require__("9ea1");
+
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__("2877");
 
-// UNUSED EXPORTS: echarts
+// CONCATENATED MODULE: ./src/components/ex-chart/ExBar.vue
 
-// EXTERNAL MODULE: ./node_modules/echarts/index.js + 575 modules
-var echarts = __webpack_require__("313e");
 
-// CONCATENATED MODULE: ./src/components/chart/theme/white.js
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  ex_chart_ExBarvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "10acd2fc",
+  null
+  
+)
+
+/* harmony default export */ var ExBar = __webpack_exports__["default"] = (component.exports);
+
+/***/ }),
+
+/***/ "22f5":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// UNUSED EXPORTS: getEcharts
+
+// CONCATENATED MODULE: ./src/components/ex-chart/theme/white.js
 /* harmony default export */ var white = ({
   color: ["#1890ff", "#37c3a4", "#29c0ce", "#6480D7", "#8cce6f", "#3a5dca", "#ffb74d"],
   backgroundColor: "#ffffff",
@@ -129,10 +373,10 @@ var echarts = __webpack_require__("313e");
   }
 });
 
-// CONCATENATED MODULE: ./src/components/chart/theme/dark.js
+// CONCATENATED MODULE: ./src/components/ex-chart/theme/dark.js
 /* harmony default export */ var dark = ({
   color: ["#0de7ff", "#a782ff", "#fcdd60", "#0de7ff", "#ffc5a1", "#6291ae", "#13ce66"],
-  backgroundColor: "#ffffff",
+  backgroundColor: "transparent",
   textStyle: {
     fontFamily: "Microsoft YaHei, sans-serif"
   },
@@ -222,7 +466,7 @@ var echarts = __webpack_require__("313e");
   }
 });
 
-// CONCATENATED MODULE: ./src/components/chart/theme/blue.js
+// CONCATENATED MODULE: ./src/components/ex-chart/theme/blue.js
 /* harmony default export */ var blue = ({
   color: ["#2CDEB3", "#A17EE6", "#E57E40", "#409EFF"],
   backgroundColor: "#ffffff",
@@ -315,7 +559,7 @@ var echarts = __webpack_require__("313e");
   }
 });
 
-// CONCATENATED MODULE: ./src/components/chart/theme/starry.js
+// CONCATENATED MODULE: ./src/components/ex-chart/theme/starry.js
 /* harmony default export */ var starry = ({
   color: [
     "#1685a9", // 石青
@@ -423,7 +667,7 @@ var echarts = __webpack_require__("313e");
   }
 });
 
-// CONCATENATED MODULE: ./src/components/chart/theme/orange.js
+// CONCATENATED MODULE: ./src/components/ex-chart/theme/orange.js
 /* harmony default export */ var orange = ({
   color: ["#e69419", "#A5b4da", "#F8792C", "#97bfb4", "#de747b", "#d6bac0", "#e62737", "#f35969", "#f1ccb0", "#b7394e", "#fe9c1c2"],
   backgroundColor: "#ffffff",
@@ -517,9 +761,7 @@ var echarts = __webpack_require__("313e");
   }
 });
 
-// CONCATENATED MODULE: ./src/components/chart/utils.js
-
-
+// CONCATENATED MODULE: ./src/components/ex-chart/utils.js
 
 
 
@@ -535,8 +777,22 @@ const themeKeys = {
   "orange": orange
 };
 
-for (const key in themeKeys) {
-  echarts["b" /* registerTheme */](key, themeKeys[key]);
+// echarts 仅在客户端加载，避免 SSR 编译/渲染报错
+let echarts = null;
+
+function getEcharts() {
+  if (!echarts && typeof window !== 'undefined') {
+    try {
+      echarts = __webpack_require__("313e");
+      // 注册所有主题
+      for (const key in themeKeys) {
+        echarts.registerTheme(key, themeKeys[key]);
+      }
+    } catch (e) {
+      console.warn('[ExChart] echarts 加载失败:', e.message);
+    }
+  }
+  return echarts;
 }
 
 // 字体大小配置
@@ -682,6 +938,10 @@ EchartsUtil.applyFontSize = function(themeOption, size) {
 };
 
 EchartsUtil.init = function(dom, theme, customOption, size) {
+  const ec = getEcharts();
+  // SSR 环境下忽略初始化
+  if (!ec || !dom) return null;
+  
   theme = theme || "default";
   size = size || "medium";
   customOption = customOption || {};
@@ -698,7 +958,7 @@ EchartsUtil.init = function(dom, theme, customOption, size) {
   
   const option = this.mergeOptions(themeOption, customOption);
   
-  const chart = echarts["a" /* init */](dom, useTheme);
+  const chart = ec.init(dom, useTheme);
   chart.setOption(option, true);
   
   this.chartInstanceList.push({
@@ -713,7 +973,8 @@ EchartsUtil.init = function(dom, theme, customOption, size) {
 };
 
 EchartsUtil.changeSingleTheme = function(dom, chartIns, customOption, newTheme) {
-  if (!dom || !chartIns) return;
+  const ec = getEcharts();
+  if (!ec || !dom || !chartIns) return;
   
   customOption = customOption || {};
   newTheme = newTheme || "default";
@@ -721,7 +982,7 @@ EchartsUtil.changeSingleTheme = function(dom, chartIns, customOption, newTheme)
   this.currentTheme = newTheme;
   chartIns.dispose();
   
-  const newChart = echarts["a" /* init */](dom, newTheme, customOption);
+  const newChart = ec.init(dom, newTheme, customOption);
   
   const item = this.chartInstanceList.find(function(v) {
     return v.dom === dom;
@@ -734,26 +995,37 @@ EchartsUtil.changeSingleTheme = function(dom, chartIns, customOption, newTheme)
   return newChart;
 };
 
-EchartsUtil.changeAllTheme = function(newTheme) {
-  if (!newTheme) return;
+EchartsUtil.changeAllTheme = function(newTheme, newSize) {
+  const ec = getEcharts();
+  if (!ec || !newTheme) return;
   
   this.currentTheme = newTheme;
+  // 如果传入了新的 size，则更新全局 size
+  if (newSize) {
+    this.currentSize = newSize;
+  }
   
   this.chartInstanceList.forEach(function(item) {
     const dom = item.dom;
     const chart = item.chart;
     const customOption = item.customOption;
+    // 使用图表自己的 size，如果没有则使用全局 size
+    const useSize = item.size || EchartsUtil.currentSize;
     
     if (chart) {
       chart.dispose();
     }
     
-    const newChart = echarts["a" /* init */](dom, newTheme);
-    const themeOption = themeKeys[newTheme];
+    const newChart = ec.init(dom, newTheme);
+    let themeOption = themeKeys[newTheme];
+    // 应用字体大小配置
+    themeOption = EchartsUtil.applyFontSize(themeOption, useSize);
     const option = EchartsUtil.mergeOptions(themeOption, customOption);
     
     newChart.setOption(option, true);
     item.chart = newChart;
+    // 更新图表的 size 记录
+    item.size = useSize;
     EchartsUtil.bindResize(newChart);
   });
 };
@@ -795,259 +1067,15 @@ EchartsUtil.destroyAll = function() {
 
 /***/ }),
 
-/***/ "51a0":
+/***/ "9ea1":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ExBar_vue_vue_type_style_index_0_id_730aa873_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("0f70");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ExBar_vue_vue_type_style_index_0_id_730aa873_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ExBar_vue_vue_type_style_index_0_id_730aa873_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ExBar_vue_vue_type_style_index_0_id_10acd2fc_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("04dd");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ExBar_vue_vue_type_style_index_0_id_10acd2fc_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ExBar_vue_vue_type_style_index_0_id_10acd2fc_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
 /* unused harmony reexport * */
 
 
-/***/ }),
-
-/***/ "5234":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f5ad930a-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/chart/ExBar.vue?vue&type=template&id=730aa873&scoped=true
-var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:"barchart",staticClass:"bar-box"})
-}
-var staticRenderFns = []
-
-
-// CONCATENATED MODULE: ./src/components/chart/ExBar.vue?vue&type=template&id=730aa873&scoped=true
-
-// EXTERNAL MODULE: ./src/components/chart/utils.js + 5 modules
-var utils = __webpack_require__("202d");
-
-// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/chart/ExBar.vue?vue&type=script&lang=js
-
-
-/* harmony default export */ var ExBarvue_type_script_lang_js = ({
-  name: "XtBar",
-  props: {
-    chartData: {
-      type: Array,
-      default: () => {
-        return [
-          { value: 65, name: "吴十" },
-          { value: 70, name: "唐九" },
-          { value: 73, name: "钱一" },
-          { value: 78, name: "孙二" },
-          { value: 88, name: "刘八" },
-          { value: 93, name: "王七" },
-          { value: 99, name: "赵六" },
-          { value: 103, name: "宋五" },
-          { value: 113, name: "李四" },
-          { value: 125, name: "张三" }
-        ];
-      }
-    },
-    theme: {},
-    size: {
-      type: String,
-      default: "medium"
-    },
-    // name: {
-    //   type: String,
-    //   default: ""
-    // },
-    markPoint: {
-      type: Boolean,
-      default: false
-    },
-    energyType: {
-      type: String,
-      default: ""
-    },
-    showZoom: {
-      type: Boolean,
-      default: false
-    },
-    reverse: {
-      type: Boolean,
-      default: false
-    },
-    longLable: { // 名称占50% 的 grid值
-      type: Boolean,
-      default: false
-    },
-    longLableSplitNum: {
-      type: Number,
-      default: 1
-    },
-    longLablePx: {
-      type: Number,
-      default: 150
-    },
-    splitNumber: {
-      type: Number,
-      default: 5
-    }
-  },
-  data() {
-    return {
-      myChart: null,
-      name: "数量"
-    };
-  },
-  watch: {
-    chartData: {
-      deep: true,
-      handler(newVal, oldVal) {
-        const _self = this;
-        _self.initChart();
-      }
-    },
-    energyType: {
-      deep: true,
-      handler(newVal, oldVal) {
-        const _self = this;
-        if (newVal == "kW.h") {
-          _self.name = "用电量";
-        } else if (newVal == "m³") {
-          _self.name = "用气量";
-        }
-        _self.initChart();
-      }
-    }
-  },
-  mounted() {
-    this.initChart();
-  },
-  methods: {
-    initChart() {
-      const _self = this;
-      // 数据处理
-      const _xAxis = {
-        type: "category",
-        inverse: this.reverse,
-        axisLabel: {
-          interval: 0,
-          formatter: function(value) {
-            return !_self.reverse && _self.longLable ? value.replace(new RegExp(`(.{${_self.longLableSplitNum}})`, 'g'), `$1\n`) : value;
-          }
-        },
-        data: _self.chartData.map((item) => {
-          return item.name;
-        })
-      };
-      const _yAxis = {
-        type: "value",
-        splitLine: {
-          lineStyle: {
-            type: "dashed"
-          }
-        },
-        name: _self.energyType,
-        axisTick: {
-          inside: true
-        },
-        min: 0,
-        splitNumber: _self.splitNumber,
-        max: function(value) {
-          return Math.ceil(value.max / _self.splitNumber) * _self.splitNumber;
-        },
-        scale: true,
-        axisLabel: {
-          margin: 2,
-          formatter: function(value, index) {
-            if (value >= 10000 && value < 10000000) {
-              value = value / 10000 + "万";
-            } else if (value >= 10000000) {
-              value = value / 10000000 + "千万";
-            }
-            return value;
-          }
-        }
-      };
-
-      const option = {
-        legend: {
-          right: 20,
-          top: 0,
-          textStyle: {
-            fontSize: 12
-          }
-        },
-        tooltip: {
-          borderWidth: 1,
-          trigger: "item"
-        },
-        grid: {
-          top: "10",
-          left: 40 + (this.reverse && this.longLable ? _self.longLablePx : 0),
-          right: "10",
-          bottom: (_self.showZoom ? 50 : 20) + (!_self.reverse && _self.longLable ? _self.longLablePx : 0),
-          containLabel: true
-        },
-        xAxis: this.reverse ? _yAxis : _xAxis,
-        yAxis: this.reverse ? _xAxis : _yAxis,
-        series: [{
-          name: _self.name,
-          type: "bar",
-          markPoint: {
-            data: [
-              { type: "min", name: "Min" },
-              { type: "max", name: "Max" }
-            ]
-          },
-          avoidLabelOverlap: true,
-          data: _self.chartData.map((item, ind) => {
-            const { name, value } = item;
-            return {
-              value,
-              name,
-              tooltip: {
-                borderWidth: 1
-              }
-            };
-          })
-        }],
-        dataZoom: _self.showZoom ? [{ height: 20, bottom: 0 }] : [],
-      };
-      if (!this.markPoint) {
-        this.$delete(option.series[0], "markPoint");
-      }
-      this.myChart = utils["a" /* default */].init(_self.$refs.barchart, this.theme, option, this.size);
-    }
-  }
-});
-
-// CONCATENATED MODULE: ./src/components/chart/ExBar.vue?vue&type=script&lang=js
- /* harmony default export */ var chart_ExBarvue_type_script_lang_js = (ExBarvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./src/components/chart/ExBar.vue?vue&type=style&index=0&id=730aa873&prod&lang=scss&scoped=true
-var ExBarvue_type_style_index_0_id_730aa873_prod_lang_scss_scoped_true = __webpack_require__("51a0");
-
-// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__("2877");
-
-// CONCATENATED MODULE: ./src/components/chart/ExBar.vue
-
-
-
-
-
-
-/* normalize component */
-
-var component = Object(componentNormalizer["a" /* default */])(
-  chart_ExBarvue_type_script_lang_js,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  "730aa873",
-  null
-  
-)
-
-/* harmony default export */ var ExBar = __webpack_exports__["default"] = (component.exports);
-
 /***/ })
 
 }]);