@idmwx/idmui-gl4 2.1.4 → 2.1.6

package/README.md

@@ -1,33 +1,33 @@
-## IDMUI WebGL
-> IDM大气海洋可视化工具  
-
-## Mapbox本地化
-> 主要参考[Mapbox本地化](https://www.jianshu.com/p/43ce4591c621)
-### 1）图标本地化
-```
-yarn global add mapnik
-yarn global add @mapbox/spritezero
-yarn global add @mapbox/spritezero-cli --unsafe-perm
-```
-
-### 字体本地化
-Mapbox使用的是pbf格式，需要先将ttf字体转换为pbf格式。
-
-以下为在CentOS7.9上转换字体的方法:
-#### 1 安装node-fontnik工具包
-> [主要参考](https://www.cnblogs.com/lqqgis/p/18048426)
-> 自行安装较为复杂，基于docker镜像快速安装:
-### 下载镜像
-```
-docker pull registry.cn-hangzhou.aliyuncs.com/idmwx/node-fontnik
-```
-
-### 转换字段
-```
-# 转换ttf (TrueType Font)
-docker run -v /opt/html/idm-fontnik/input:/input -v /opt/html/idm-fontnik/output:/output -e EXTENSION=.ttf registry.cn-hangzhou.aliyuncs.com/idmwx/node-fontnik
-
-# 转换otf (OpenType Font)
-docker run -v /opt/html/idm-fontnik/input:/input -v /opt/html/idm-fontnik/output:/output -e EXTENSION=.otf registry.cn-hangzhou.aliyuncs.com/idmwx/node-fontnik
-```
+## IDMUI WebGL
+> IDM大气海洋可视化工具  
+
+## Mapbox本地化
+> 主要参考[Mapbox本地化](https://www.jianshu.com/p/43ce4591c621)
+### 1）图标本地化
+```
+yarn global add mapnik
+yarn global add @mapbox/spritezero
+yarn global add @mapbox/spritezero-cli --unsafe-perm
+```
+
+### 字体本地化
+Mapbox使用的是pbf格式，需要先将ttf字体转换为pbf格式。
+
+以下为在CentOS7.9上转换字体的方法:
+#### 1 安装node-fontnik工具包
+> [主要参考](https://www.cnblogs.com/lqqgis/p/18048426)
+> 自行安装较为复杂，基于docker镜像快速安装:
+### 下载镜像
+```
+docker pull registry.cn-hangzhou.aliyuncs.com/idmwx/node-fontnik
+```
+
+### 转换字段
+```
+# 转换ttf (TrueType Font)
+docker run -v /opt/html/idm-fontnik/input:/input -v /opt/html/idm-fontnik/output:/output -e EXTENSION=.ttf registry.cn-hangzhou.aliyuncs.com/idmwx/node-fontnik
+
+# 转换otf (OpenType Font)
+docker run -v /opt/html/idm-fontnik/input:/input -v /opt/html/idm-fontnik/output:/output -e EXTENSION=.otf registry.cn-hangzhou.aliyuncs.com/idmwx/node-fontnik
+```
 > 注意：input目录下存放需要转换的字体文件，output目录下存放转换后的字体文件

package/dist/index.js

@@ -1340,7 +1340,8 @@ const yi = {
       // },
     },
     theme: {
-      type: String
+      type: String,
+      default: "dark"
     },
     realTime: {
       type: String
@@ -1476,7 +1477,7 @@ const yi = {
     },
     async fetchForecastData() {
       var i, a;
-      this.loading = !0, this.meteoData = [];
+      console.log(333, this.theme, this.simple, this.followList), this.loading = !0, this.meteoData = [];
       const { weatherModels: t, marineModels: e } = To.autoPickMeteoModel(this.forecastModel);
       let o = {
         lat: (i = this.port) == null ? void 0 : i.lat,
@@ -2038,7 +2039,7 @@ function wr(t, e, o, i, a, r) {
     _: 1
   }, 8, ["class"]);
 }
-const Do = /* @__PURE__ */ Z(yi, [["render", wr], ["__scopeId", "data-v-2ee20173"]]);
+const Do = /* @__PURE__ */ Z(yi, [["render", wr], ["__scopeId", "data-v-b3877867"]]);
 const xr = {
   name: "IdmPort",
   components: {
@@ -2184,7 +2185,7 @@ function zr(t, e, o, i, a, r) {
     }, t.$attrs), null, 16, ["portId", "port", "forecastModel", "onClose"])) : I("", !0)
   ]);
 }
-const Lr = /* @__PURE__ */ Z(xr, [["render", zr], ["__scopeId", "data-v-f13a96e9"]]), Pr = {
+const Lr = /* @__PURE__ */ Z(xr, [["render", zr], ["__scopeId", "data-v-0c0f27d3"]]), Pr = {
   name: "IdmLoadLine",
   props: {
     map: {
@@ -2834,7 +2835,8 @@ const Kr = {
       type: String
     },
     theme: {
-      type: String
+      type: String,
+      default: "dark"
     },
     locale: {
       type: String
@@ -3235,7 +3237,7 @@ function Cs(t, e, o, i, a, r) {
     _: 1
   }, 8, ["class"]);
 }
-const Ss = /* @__PURE__ */ Z(Kr, [["render", Cs], ["__scopeId", "data-v-ea434277"]]);
+const Ss = /* @__PURE__ */ Z(Kr, [["render", Cs], ["__scopeId", "data-v-02553a04"]]);
 const Ms = {
   name: "IdmTideStations",
   components: {
@@ -3343,7 +3345,7 @@ function Os(t, e, o, i, a, r) {
     }, t.$attrs), null, 16, ["station", "onClose"])) : I("", !0)
   ]);
 }
-const Bs = /* @__PURE__ */ Z(Ms, [["render", Os], ["__scopeId", "data-v-09a7d5d7"]]), js = {
+const Bs = /* @__PURE__ */ Z(Ms, [["render", Os], ["__scopeId", "data-v-7f9e02c0"]]), js = {
   name: "IdmIceAreas",
   props: {
     map: {
@@ -4518,7 +4520,7 @@ function Ys(t, e, o, i, a, r) {
     }, t.$attrs), null, 16, ["portId", "port", "forecastModel", "followList", "onClose"])) : I("", !0)
   ]);
 }
-const Zs = /* @__PURE__ */ Z(Gs, [["render", Ys], ["__scopeId", "data-v-16e02248"]]);
+const Zs = /* @__PURE__ */ Z(Gs, [["render", Ys], ["__scopeId", "data-v-95e70a1f"]]);
 const Xs = {
   name: "IdmFollowPosition",
   props: {
@@ -5465,7 +5467,7 @@ function Qs(t, e, o, i, a, r) {
     [Ze, a.showInfo]
   ]);
 }
-const $s = /* @__PURE__ */ Z(Xs, [["render", Qs], ["__scopeId", "data-v-469134f9"]]);
+const $s = /* @__PURE__ */ Z(Xs, [["render", Qs], ["__scopeId", "data-v-82405c68"]]);
 const el = {
   name: "IdmOtherLayerr",
   components: {
@@ -6033,21 +6035,23 @@ function dl(t, e, o, i, a, r) {
     o.map ? (g(), A(Q, j({
       key: 16,
       ref: "idmFollowPort",
+      simple: o.simple,
       map: o.map,
       show: a.checkList.includes("follow-ports"),
       gateway: o.gateway,
       token: o.token,
       "forecast-model": o.forecastModel,
       realTime: o.realTime
-    }, t.$attrs, { "before-layer": "empty-layer-3" }), null, 16, ["map", "show", "gateway", "token", "forecast-model", "realTime"])) : I("", !0),
+    }, t.$attrs, { "before-layer": "empty-layer-3" }), null, 16, ["simple", "map", "show", "gateway", "token", "forecast-model", "realTime"])) : I("", !0),
     o.map ? (g(), A($, j({
       key: 17,
       ref: "idmFollowPosition",
+      simple: o.simple,
       map: o.map,
       show: a.checkList.includes("follow-positions"),
       "forecast-model": o.forecastModel,
       realTime: o.realTime
-    }, t.$attrs), null, 16, ["map", "show", "forecast-model", "realTime"])) : I("", !0)
+    }, t.$attrs), null, 16, ["simple", "map", "show", "forecast-model", "realTime"])) : I("", !0)
   ]);
 }
 const pl = /* @__PURE__ */ Z(el, [["render", dl]]);
@@ -7351,7 +7355,7 @@ function Dl(t, e, o, i, a, r) {
     ]), 4)
   ])) : I("", !0);
 }
-const Il = /* @__PURE__ */ Z(Sl, [["render", Dl], ["__scopeId", "data-v-c71d1b16"]]), Rl = {
+const Il = /* @__PURE__ */ Z(Sl, [["render", Dl], ["__scopeId", "data-v-c6137292"]]), Rl = {
   name: "IdmSigWaveHeight",
   props: {
     map: {
@@ -7618,7 +7622,7 @@ function El(t, e, o, i, a, r) {
     ]), 4)
   ])) : I("", !0);
 }
-const Nl = /* @__PURE__ */ Z(Bl, [["render", El], ["__scopeId", "data-v-98324f2c"]]), Fl = {
+const Nl = /* @__PURE__ */ Z(Bl, [["render", El], ["__scopeId", "data-v-3c94b068"]]), Fl = {
   name: "IdmPrmsl",
   props: {
     map: {
@@ -8004,7 +8008,7 @@ function ql(t, e, o, i, a, r) {
     ]), 4)
   ])) : I("", !0);
 }
-const Kl = /* @__PURE__ */ Z(Zl, [["render", ql], ["__scopeId", "data-v-e8a34776"]]);
+const Kl = /* @__PURE__ */ Z(Zl, [["render", ql], ["__scopeId", "data-v-916b01eb"]]);
 const Jl = {
   name: "IdmThickness",
   props: {
@@ -8839,6 +8843,9 @@ const bn = {
       immediate: !0
     }
   },
+  mounted() {
+    this.fetchModels();
+  },
   methods: {
     arraysEqual(t, e) {
       if ((t == null ? void 0 : t.length) !== (e == null ? void 0 : e.length))