feat(shortcodes): add width and height params for echarts shortc… (#192)

assets/css/_partial/_single/_echarts.scss

@@ -1,6 +1,4 @@
 .echarts {
-  width: 100%;
-  height: 30rem;
   margin: .5rem 0;
   text-align: center;
 }

exampleSite/content/posts/theme-documentation-extended-shortcodes.en.md

@@ -909,6 +909,16 @@ The rendered output looks like this:
 }
 {{< /echarts >}}
 
+The `echarts` shortcode has also the following named parameters:
+
+* **width** *[optional]* (**first** positional parameter)
+
+    {{< version 0.2.0 >}} Width of the data visualization, default value is `100%`.
+
+* **height** *[optional]* (**second** positional parameter)
+
+    {{< version 0.2.0 >}} Height of the data visualization, default value is `30rem`.
+
 ## `mapbox`
 
 {{< version 0.2.0 >}}

exampleSite/content/posts/theme-documentation-extended-shortcodes.fr.md

@@ -914,6 +914,16 @@ The rendered output looks like this:
 }
 {{< /echarts >}}
 
+The `echarts` shortcode has also the following named parameters:
+
+* **width** *[optional]* (**first** positional parameter)
+
+    {{< version 0.2.0 >}} Width of the data visualization, default value is `100%`.
+
+* **height** *[optional]* (**second** positional parameter)
+
+    {{< version 0.2.0 >}} Height of the data visualization, default value is `30rem`.
+
 ## `mapbox`
 
 {{< version 0.2.0 >}}

exampleSite/content/posts/theme-documentation-extended-shortcodes.zh-cn.md

@@ -910,6 +910,16 @@ data = [
 }
 {{< /echarts >}}
 
+`echarts` shortcode 还有以下命名参数:
+
+* **width** *[可选]* (**第一个**位置参数)
+
+    {{< version 0.2.0 >}} 数据可视化的宽度, 默认值是 `100%`.
+
+* **height** *[可选]* (**第二个**位置参数)
+
+    {{< version 0.2.0 >}} 数据可视化的高度, 默认值是 `30rem`.
+
 ## `mapbox`
 
 {{< version 0.2.0 >}}

layouts/shortcodes/echarts.html

@@ -2,5 +2,7 @@
 
 {{- $content := .Inner | transform.Unmarshal | jsonify -}}
 {{- $id := partial "function/id.html" (dict "content" $content "scratch" $scratch) -}}
-<div class="echarts" id="{{ $id }}"></div>
+{{- $width := cond .IsNamedParams (.Get "width") (.Get 0) | default "100%" -}}
+{{- $height := cond .IsNamedParams (.Get "height") (.Get 1) | default "30rem" -}}
+<div class="echarts" id="{{ $id }}" style="width: {{ $width }}; height: {{ $height }};"></div>
 {{- $scratch.Set "echarts" true -}}