fix: make inner wrapper fit to the root size (#761)

Justineo · Justineo · commit 2f1910ec8745 · 2024-02-20T10:55:38.000+08:00
diff --git a/src/ECharts.ts b/src/ECharts.ts
@@ -308,7 +308,7 @@ export default defineComponent({
     attrs.ref = "root";
     attrs.class = attrs.class ? ["echarts"].concat(attrs.class) : "echarts";
     return h(TAG_NAME, attrs, [
-      h("div", { ref: "inner", class: "echarts-inner" })
+      h("div", { ref: "inner", class: "vue-echarts-inner" })
     ]);
   }
 });
diff --git a/src/style.css b/src/style.css
@@ -1 +1,2 @@
-x-vue-echarts,.echarts-inner{display:block;width:100%;height:100%;min-width:0}
+x-vue-echarts{display:flex;flex-direction:column;width:100%;height:100%;min-width:0}
+.vue-echarts-inner{flex-grow:1;min-width:0}

Original file line number	Diff line number	Diff line change
`@@ -308,7 +308,7 @@ export default defineComponent({`
`308`	`308`	`attrs.ref = "root";`
`309`	`309`	`attrs.class = attrs.class ? ["echarts"].concat(attrs.class) : "echarts";`
`310`	`310`	`return h(TAG_NAME, attrs, [`
`311`		`- h("div", { ref: "inner", class: "echarts-inner" })`
	`311`	`+ h("div", { ref: "inner", class: "vue-echarts-inner" })`
`312`	`312`	`]);`
`313`	`313`	`}`
`314`	`314`	`});`
Original file line number	Diff line number	Diff line change
`@@ -1 +1,2 @@`
`1`		`-x-vue-echarts,.echarts-inner{display:block;width:100%;height:100%;min-width:0}`
	`1`	`+x-vue-echarts{display:flex;flex-direction:column;width:100%;height:100%;min-width:0}`
	`2`	`+.vue-echarts-inner{flex-grow:1;min-width:0}`