zzz-pc-view 0.0.167 → 0.0.169

package/package.json

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

package/src/index.es.js

@@ -4213,30 +4213,44 @@ 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) {
+      const { chartOption: chartOption2 } = props.renderParam;
+      if (chartOption2) {
         chartInstance.setOption(props.renderParam.chartOption, true);
       }
     };
+    let chartOption;
     const init = () => {
-      chartInstance = ECharts.init(elRef.value, props.theme);
+      const chartInstance = chartInstanceRef.value = ECharts.init(elRef.value, props.theme);
+      const setOption = chartInstance.setOption;
+      const clear2 = chartInstance.clear;
+      chartInstance.setOption = function(...args) {
+        setOption.call(chartInstance, ...args);
+        chartOption = args[0];
+      };
+      chartInstance.clear = function() {
+        chartOption = void 0;
+        clear2.call(chartInstance);
+      };
       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 +4258,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
     const onWindowResize = () => {
       clearWindowResizeTimer();
+      const chartInstance = chartInstanceRef.value;
       if (chartInstance) {
         windowResizeTimer = window.setTimeout(() => {
           resize();
@@ -4253,13 +4268,21 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     watch(
       () => props.theme,
       () => {
+        const chartInstance = chartInstanceRef.value;
+        if (!chartInstance) {
+          return;
+        }
         destroy();
         init();
+        if (chartOption) {
+          chartInstanceRef.value.setOption(chartOption, true);
+        }
       }
     );
     watch(
       () => props.renderParam.chartOption,
       () => {
+        const chartInstance = chartInstanceRef.value;
         if (!chartInstance) {
           return;
         }
@@ -4294,7 +4317,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
        * @returns {EChartsType | undefined} 当前 ECharts 图表实例，如果未初始化则返回 undefined。
        */
       get chartInstance() {
-        return chartInstance;
+        return chartInstanceRef.value;
       },
       // 暴露 resize 方法，供父组件调用，用于调整 ECharts 图表实例的大小
       resize