xt-element-ui 1.1.3 → 1.1.4

package/lib/index.umd.5.js

@@ -1,16 +1,13 @@
 ((typeof self !== 'undefined' ? self : this)["webpackJsonpxt_element_ui"] = (typeof self !== 'undefined' ? self : this)["webpackJsonpxt_element_ui"] || []).push([[5],{
 
-/***/ "202d":
+/***/ "22f5":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 
-// UNUSED EXPORTS: echarts
+// UNUSED EXPORTS: getEcharts
 
-// EXTERNAL MODULE: ./node_modules/echarts/index.js + 575 modules
-var echarts = __webpack_require__("313e");
-
-// CONCATENATED MODULE: ./src/components/chart/theme/white.js
+// CONCATENATED MODULE: ./src/components/ex-chart/theme/white.js
 /* harmony default export */ var white = ({
   color: ["#1890ff", "#37c3a4", "#29c0ce", "#6480D7", "#8cce6f", "#3a5dca", "#ffb74d"],
   backgroundColor: "#ffffff",
@@ -122,10 +119,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"
   },
@@ -215,7 +212,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",
@@ -308,7 +305,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", // 石青
@@ -416,7 +413,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",
@@ -510,9 +507,7 @@ var echarts = __webpack_require__("313e");
   }
 });
 
-// CONCATENATED MODULE: ./src/components/chart/utils.js
-
-
+// CONCATENATED MODULE: ./src/components/ex-chart/utils.js
 
 
 
@@ -528,8 +523,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;
 }
 
 // 字体大小配置
@@ -675,6 +684,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 || {};
@@ -691,7 +704,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({
@@ -706,7 +719,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";
@@ -714,7 +728,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;
@@ -727,26 +741,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);
   });
 };
@@ -788,25 +813,32 @@ EchartsUtil.destroyAll = function() {
 
 /***/ }),
 
-/***/ "833d":
+/***/ "8d72":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "ab1c":
 /***/ (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/ExPie.vue?vue&type=template&id=6735cf79&scoped=true
+// 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/ExPie.vue?vue&type=template&id=5100b648&scoped=true
 var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:"piechart",staticClass:"pie-box"})
 }
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/chart/ExPie.vue?vue&type=template&id=6735cf79&scoped=true
+// CONCATENATED MODULE: ./src/components/ex-chart/ExPie.vue?vue&type=template&id=5100b648&scoped=true
 
-// EXTERNAL MODULE: ./src/components/chart/utils.js + 5 modules
-var utils = __webpack_require__("202d");
+// 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/chart/ExPie.vue?vue&type=script&lang=js
+// 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/ExPie.vue?vue&type=script&lang=js
 
 
 /* harmony default export */ var ExPievue_type_script_lang_js = ({
@@ -873,6 +905,9 @@ var utils = __webpack_require__("202d");
         const _self = this;
         _self.initChart();
       }
+    },
+    theme(newVal) {
+      this.initChart();
     }
   },
   mounted() {
@@ -956,15 +991,15 @@ var utils = __webpack_require__("202d");
   }
 });
 
-// CONCATENATED MODULE: ./src/components/chart/ExPie.vue?vue&type=script&lang=js
- /* harmony default export */ var chart_ExPievue_type_script_lang_js = (ExPievue_type_script_lang_js); 
-// EXTERNAL MODULE: ./src/components/chart/ExPie.vue?vue&type=style&index=0&id=6735cf79&prod&lang=scss&scoped=true
-var ExPievue_type_style_index_0_id_6735cf79_prod_lang_scss_scoped_true = __webpack_require__("afb6");
+// CONCATENATED MODULE: ./src/components/ex-chart/ExPie.vue?vue&type=script&lang=js
+ /* harmony default export */ var ex_chart_ExPievue_type_script_lang_js = (ExPievue_type_script_lang_js); 
+// EXTERNAL MODULE: ./src/components/ex-chart/ExPie.vue?vue&type=style&index=0&id=5100b648&prod&lang=scss&scoped=true
+var ExPievue_type_style_index_0_id_5100b648_prod_lang_scss_scoped_true = __webpack_require__("e3c3");
 
 // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__("2877");
 
-// CONCATENATED MODULE: ./src/components/chart/ExPie.vue
+// CONCATENATED MODULE: ./src/components/ex-chart/ExPie.vue
 
 
 
@@ -974,12 +1009,12 @@ var componentNormalizer = __webpack_require__("2877");
 /* normalize component */
 
 var component = Object(componentNormalizer["a" /* default */])(
-  chart_ExPievue_type_script_lang_js,
+  ex_chart_ExPievue_type_script_lang_js,
   render,
   staticRenderFns,
   false,
   null,
-  "6735cf79",
+  "5100b648",
   null
   
 )
@@ -988,22 +1023,15 @@ var component = Object(componentNormalizer["a" /* default */])(
 
 /***/ }),
 
-/***/ "afb6":
+/***/ "e3c3":
 /***/ (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_ExPie_vue_vue_type_style_index_0_id_6735cf79_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("d3e2");
-/* 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_ExPie_vue_vue_type_style_index_0_id_6735cf79_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_ExPie_vue_vue_type_style_index_0_id_6735cf79_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_ExPie_vue_vue_type_style_index_0_id_5100b648_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("8d72");
+/* 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_ExPie_vue_vue_type_style_index_0_id_5100b648_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_ExPie_vue_vue_type_style_index_0_id_5100b648_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
 /* unused harmony reexport * */
 
 
-/***/ }),
-
-/***/ "d3e2":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ })
 
 }]);

package/lib/index.umd.6.js

@@ -1,16 +1,13 @@
 ((typeof self !== 'undefined' ? self : this)["webpackJsonpxt_element_ui"] = (typeof self !== 'undefined' ? self : this)["webpackJsonpxt_element_ui"] || []).push([[6],{
 
-/***/ "202d":
+/***/ "22f5":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 
-// UNUSED EXPORTS: echarts
+// UNUSED EXPORTS: getEcharts
 
-// EXTERNAL MODULE: ./node_modules/echarts/index.js + 575 modules
-var echarts = __webpack_require__("313e");
-
-// CONCATENATED MODULE: ./src/components/chart/theme/white.js
+// CONCATENATED MODULE: ./src/components/ex-chart/theme/white.js
 /* harmony default export */ var white = ({
   color: ["#1890ff", "#37c3a4", "#29c0ce", "#6480D7", "#8cce6f", "#3a5dca", "#ffb74d"],
   backgroundColor: "#ffffff",
@@ -122,10 +119,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"
   },
@@ -215,7 +212,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",
@@ -308,7 +305,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", // 石青
@@ -416,7 +413,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",
@@ -510,9 +507,7 @@ var echarts = __webpack_require__("313e");
   }
 });
 
-// CONCATENATED MODULE: ./src/components/chart/utils.js
-
-
+// CONCATENATED MODULE: ./src/components/ex-chart/utils.js
 
 
 
@@ -528,8 +523,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;
 }
 
 // 字体大小配置
@@ -675,6 +684,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 || {};
@@ -691,7 +704,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({
@@ -706,7 +719,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";
@@ -714,7 +728,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;
@@ -727,26 +741,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);
   });
 };
@@ -788,25 +813,36 @@ EchartsUtil.destroyAll = function() {
 
 /***/ }),
 
-/***/ "5323":
+/***/ "7c01":
+/***/ (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_ExTrend_vue_vue_type_style_index_0_id_36cddc14_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("cb71");
+/* 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_ExTrend_vue_vue_type_style_index_0_id_36cddc14_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_ExTrend_vue_vue_type_style_index_0_id_36cddc14_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "7fd9":
 /***/ (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/ExTrend.vue?vue&type=template&id=9e2bb3de&scoped=true
+// 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/ExTrend.vue?vue&type=template&id=36cddc14&scoped=true
 var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:"barchart",staticClass:"bar-box",style:({width:_vm.width})})
 }
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/chart/ExTrend.vue?vue&type=template&id=9e2bb3de&scoped=true
+// CONCATENATED MODULE: ./src/components/ex-chart/ExTrend.vue?vue&type=template&id=36cddc14&scoped=true
 
-// EXTERNAL MODULE: ./src/components/chart/utils.js + 5 modules
-var utils = __webpack_require__("202d");
+// 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/chart/ExTrend.vue?vue&type=script&lang=js
+// 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/ExTrend.vue?vue&type=script&lang=js
 
 
 /* harmony default export */ var ExTrendvue_type_script_lang_js = ({
@@ -859,6 +895,9 @@ var utils = __webpack_require__("202d");
         const _self = this;
         _self.initChart();
       }
+    },
+    theme(newVal) {
+      this.initChart();
     }
   },
   mounted() {
@@ -920,15 +959,15 @@ var utils = __webpack_require__("202d");
   }
 });
 
-// CONCATENATED MODULE: ./src/components/chart/ExTrend.vue?vue&type=script&lang=js
- /* harmony default export */ var chart_ExTrendvue_type_script_lang_js = (ExTrendvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./src/components/chart/ExTrend.vue?vue&type=style&index=0&id=9e2bb3de&prod&lang=scss&scoped=true
-var ExTrendvue_type_style_index_0_id_9e2bb3de_prod_lang_scss_scoped_true = __webpack_require__("764c");
+// CONCATENATED MODULE: ./src/components/ex-chart/ExTrend.vue?vue&type=script&lang=js
+ /* harmony default export */ var ex_chart_ExTrendvue_type_script_lang_js = (ExTrendvue_type_script_lang_js); 
+// EXTERNAL MODULE: ./src/components/ex-chart/ExTrend.vue?vue&type=style&index=0&id=36cddc14&prod&lang=scss&scoped=true
+var ExTrendvue_type_style_index_0_id_36cddc14_prod_lang_scss_scoped_true = __webpack_require__("7c01");
 
 // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__("2877");
 
-// CONCATENATED MODULE: ./src/components/chart/ExTrend.vue
+// CONCATENATED MODULE: ./src/components/ex-chart/ExTrend.vue
 
 
 
@@ -938,12 +977,12 @@ var componentNormalizer = __webpack_require__("2877");
 /* normalize component */
 
 var component = Object(componentNormalizer["a" /* default */])(
-  chart_ExTrendvue_type_script_lang_js,
+  ex_chart_ExTrendvue_type_script_lang_js,
   render,
   staticRenderFns,
   false,
   null,
-  "9e2bb3de",
+  "36cddc14",
   null
   
 )
@@ -952,22 +991,11 @@ var component = Object(componentNormalizer["a" /* default */])(
 
 /***/ }),
 
-/***/ "66e5":
+/***/ "cb71":
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
 
-/***/ }),
-
-/***/ "764c":
-/***/ (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_ExTrend_vue_vue_type_style_index_0_id_9e2bb3de_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("66e5");
-/* 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_ExTrend_vue_vue_type_style_index_0_id_9e2bb3de_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_ExTrend_vue_vue_type_style_index_0_id_9e2bb3de_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ })
 
 }]);