zzz-pc-view 0.0.167 → 0.0.168

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zzz-pc-view",
-  "version": "0.0.167",
+  "version": "0.0.168",
   "main": "src/index.umd.js",
   "module": "src/index.es.js",
   "types": "src/index.d.ts",

package/src/index.es.js

@@ -4213,8 +4213,9 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const elRef = shallowRef();
-    let chartInstance;
+    const chartInstanceRef = shallowRef();
     const setChartOption = () => {
+      const chartInstance = chartInstanceRef.value;
       chartInstance.resize();
       const { chartOption } = props.renderParam;
       if (chartOption) {
@@ -4222,21 +4223,23 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       }
     };
     const init = () => {
-      chartInstance = ECharts.init(elRef.value, props.theme);
+      const chartInstance = chartInstanceRef.value = ECharts.init(elRef.value, props.theme);
       emit("ready", chartInstance);
       setChartOption();
     };
     const destroy = () => {
+      const chartInstance = chartInstanceRef.value;
       if (!chartInstance) {
         return;
       }
       emit("destroy", chartInstance);
       chartInstance.clear();
       chartInstance.dispose();
-      chartInstance = void 0;
+      chartInstanceRef.value = void 0;
     };
     const resize = () => {
-      chartInstance == null ? void 0 : chartInstance.resize();
+      var _a2;
+      (_a2 = chartInstanceRef.value) == null ? void 0 : _a2.resize();
     };
     let windowResizeTimer;
     const clearWindowResizeTimer = () => {
@@ -4244,6 +4247,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
     const onWindowResize = () => {
       clearWindowResizeTimer();
+      const chartInstance = chartInstanceRef.value;
       if (chartInstance) {
         windowResizeTimer = window.setTimeout(() => {
           resize();
@@ -4253,13 +4257,20 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     watch(
       () => props.theme,
       () => {
+        const chartInstance = chartInstanceRef.value;
+        if (!chartInstance) {
+          return;
+        }
+        const chartOption = chartInstance.getOption();
         destroy();
         init();
+        chartInstanceRef.value.setOption(chartOption, true);
       }
     );
     watch(
       () => props.renderParam.chartOption,
       () => {
+        const chartInstance = chartInstanceRef.value;
         if (!chartInstance) {
           return;
         }
@@ -4294,7 +4305,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
        * @returns {EChartsType | undefined} 当前 ECharts 图表实例，如果未初始化则返回 undefined。
        */
       get chartInstance() {
-        return chartInstance;
+        return chartInstanceRef.value;
       },
       // 暴露 resize 方法，供父组件调用，用于调整 ECharts 图表实例的大小
       resize