fix(vuetify): correction for set empty BasemapSelect text

nextgis · Jun 2, 2020 · 445c6a5 · 445c6a5
1 parent fced84c
commit 445c6a5
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 11 deletions.
diff --git a/packages/cesium-map-adapter/src/layer-adapters/TileAdapter.ts b/packages/cesium-map-adapter/src/layer-adapters/TileAdapter.ts
@@ -30,7 +30,8 @@ export class TileAdapter extends BaseAdapter<TileAdapterOptions, Layer> {
 
   showLayer(layer: ImageryLayer) {
     layer.show = true;
-    this.map.imageryLayers.add(layer, this.options.order);
+    const order = this.options.order ? this.options.order * 1000 : undefined;
+    this.map.imageryLayers.add(layer, order);
     super.showLayer();
   }
 

diff --git a/...ents/BaseLayersSelect/BaseLayersSelect.ts → ...components/BasemapSelect/BasemapSelect.ts b/...ents/BaseLayersSelect/BaseLayersSelect.ts → ...components/BasemapSelect/BasemapSelect.ts
@@ -16,15 +16,17 @@ export interface VueSelectItem {
   text: string;
 }
 
+const emptyValue = '___empty_value___';
+
 @Component
-export class BaseLayersSelect extends Vue {
+export class BasemapSelect extends Vue {
   @Prop({ type: WebMap }) webMap!: WebMap;
   @Prop({ type: Boolean, default: true }) allowEmpty!: boolean;
   @Prop({ type: String, default: '---' }) emptyLayerText!: string;
 
   items: VueSelectItem[] = [];
 
-  active: string | false = false;
+  active: string | false = emptyValue;
 
   protected __updateItems?: () => Promise<void>;
   protected _layers: Array<LayerAdapter | ResourceAdapter> = [];
@@ -120,7 +122,7 @@ export class BaseLayersSelect extends Vue {
     if (this.allowEmpty) {
       items.push({
         text: this.emptyLayerText,
-        value: undefined,
+        value: emptyValue,
       });
     }
 
@@ -132,8 +134,8 @@ export class BaseLayersSelect extends Vue {
           value: baseLayer.id || '',
           text: baseLayer.options.name || baseLayer.id || '',
         });
-        if (this.webMap.isLayerVisible(baseLayer)) {
-          this.active = baseLayer.id || false;
+        if (baseLayer.id && this.webMap.isLayerVisible(baseLayer)) {
+          this.active = baseLayer.id;
         }
       }
     });

diff --git a/packages/vuetify-ngw-components/src/components/index.ts b/packages/vuetify-ngw-components/src/components/index.ts
@@ -2,9 +2,12 @@
  * @module vuetify-ngw-components
  */
 import { NgwLayersList, VueTreeItem } from './NgwLayersList/NgwLayersList';
-import {
-  BaseLayersSelect,
-  VueSelectItem,
-} from './BaseLayersSelect/BaseLayersSelect';
+import { BasemapSelect, VueSelectItem } from './BasemapSelect/BasemapSelect';
 
-export { NgwLayersList, VueTreeItem, BaseLayersSelect, VueSelectItem };
+export {
+  NgwLayersList,
+  VueTreeItem,
+  BasemapSelect,
+  BasemapSelect as BaseLayersSelect,
+  VueSelectItem,
+};