sctj-components 1.1.3 → 1.1.5

package/lib/sctj-components.es.js

@@ -12265,26 +12265,26 @@ function useBimfaceGIS(options = {}) {
     el.style.top = originalTop;
     return { width, height };
   }
-  const drawTextLabel = (options2) => {
-    let config = new Glodon.Bimface.Earth.Plugins.Drawable.CustomItemConfig({});
+  const textLabelGenerator = (options2) => {
+    var _a;
+    let config = new Glodon.Bimface.Earth.Plugins.Drawable.CustomItemConfig();
     let html = document.createElement("div");
     html.style = handleObj2style(options2.style);
     html.style.width = "fit-content";
     html.style.whiteSpace = "nowrap";
     html.innerHTML = options2.text;
     config.content = html;
+    config.visibleDistance = (_a = options2.visibleDistance) != null ? _a : 501;
     config.location = options2.location;
     const { width, height } = getElementSizeOffscreen(html);
-    console.log("width", width);
-    console.log("height", height);
+    config.opacity = 1;
     config.offsetX = -(width / 2);
     config.offsetY = -height;
-    const customItem = new Glodon.Bimface.Earth.Plugins.Drawable.CustomItem(config);
-    drawableMng.value.addItem(customItem);
-    return customItem;
+    return new Glodon.Bimface.Earth.Plugins.Drawable.CustomItem(config);
   };
-  const drawLeadLabel = (options2) => {
-    let config = new Glodon.Bimface.Earth.Plugins.Drawable.LeadLabelConfig({});
+  const leadLabelGenerator = (options2) => {
+    var _a;
+    let config = new Glodon.Bimface.Earth.Plugins.Drawable.LeadLabelConfig();
     config.text = options2.text;
     config.height = options2.style.height;
     config.width = options2.style.width;
@@ -12301,20 +12301,73 @@ function useBimfaceGIS(options = {}) {
       options2.style.lineColor.blue,
       options2.style.lineColor.alpha
     );
+    config.visibleDistance = (_a = options2.visibleDistance) != null ? _a : 501;
     config.worldPosition = options2.worldPosition;
-    const customItem = new Glodon.Bimface.Earth.Plugins.Drawable.LeadLabel(config);
-    drawableMng.value.addItem(customItem);
-    return customItem;
+    return new Glodon.Bimface.Earth.Plugins.Drawable.LeadLabel(config);
   };
-  const drawMarker = (options2) => {
+  const markerGenerator = (options2) => {
     let config = new Glodon.Bimface.Earth.Plugins.Marker3D.Marker3DConfig();
     config.src = options2.src;
     config.location = options2.location;
     config.size = options2.size;
     config.tooltip = options2.text;
-    let marker3d = new Glodon.Bimface.Earth.Plugins.Marker3D.Marker3D(config);
-    markerMng.value.addItem(marker3d);
-    return marker3d;
+    return new Glodon.Bimface.Earth.Plugins.Marker3D.Marker3D(config);
+  };
+  const hideAllLabels = () => {
+    drawableMng.value.hideAllItems();
+  };
+  const showAllLabels = () => {
+    drawableMng.value.showAllItems();
+  };
+  const hideAllMarkers = () => {
+    markerMng.value.hideAllItems();
+  };
+  const showAllMarkers = () => {
+    markerMng.value.showAllItems();
+  };
+  const hideAll = () => {
+    hideAllLabels();
+    hideAllMarkers();
+  };
+  const showAll = () => {
+    showAllLabels();
+    showAllMarkers();
+  };
+  const drawTextLabel = (options2) => {
+    const item = textLabelGenerator(options2);
+    drawableMng.value.addItem(item);
+    return item;
+  };
+  const drawLeadLabel = (options2) => {
+    const item = leadLabelGenerator(options2);
+    drawableMng.value.addItem(item);
+    return item;
+  };
+  const drawMarker = (options2) => {
+    const item = markerGenerator(options2);
+    markerMng.value.addItem(item);
+    return item;
+  };
+  const drawTextLabels = (optionList) => {
+    const items = optionList.map((option) => {
+      return textLabelGenerator(option);
+    });
+    drawableMng.value.addItems(items);
+    return items;
+  };
+  const drawLeadLabels = (optionList) => {
+    const items = optionList.map((option) => {
+      return leadLabelGenerator(option);
+    });
+    drawableMng.value.addItems(items);
+    return items;
+  };
+  const drawMarkers = (optionList) => {
+    const items = optionList.map((option) => {
+      return markerGenerator(option);
+    });
+    markerMng.value.addItems(items);
+    return items;
   };
   return {
     viewer,
@@ -12383,13 +12436,22 @@ function useBimfaceGIS(options = {}) {
     closeModelEditor,
     clearAllEffects,
     drawTextLabel,
+    drawTextLabels,
     drawLeadLabel,
+    drawLeadLabels,
     drawMarker,
+    drawMarkers,
     deleteLabelById,
     deleteLabelByIds,
     deleteMarkerById,
     deleteMarkerByIds,
     clearAllDraws,
+    hideAllLabels,
+    hideAllMarkers,
+    showAllLabels,
+    showAllMarkers,
+    hideAll,
+    showAll,
     swipe,
     isSwipeAdded,
     openSwipe,
@@ -12400,8 +12462,8 @@ function useBimfaceGIS(options = {}) {
     dispose
   };
 }
-const index_vue_vue_type_style_index_0_scoped_9656d353_lang = "";
-const _withScopeId = (n) => (pushScopeId("data-v-9656d353"), n = n(), popScopeId(), n);
+const index_vue_vue_type_style_index_0_scoped_14806784_lang = "";
+const _withScopeId = (n) => (pushScopeId("data-v-14806784"), n = n(), popScopeId(), n);
 const _hoisted_1 = {
   key: 0,
   class: "loading-mask"
@@ -12464,8 +12526,8 @@ const _sfc_main = {
   setup(__props, { expose, emit }) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "5d362dc5": __props.width,
-      "2fc09108": __props.height
+      "7a506c38": __props.width,
+      "9423be16": __props.height
     }));
     const containerRef = ref$1(null);
     const {
@@ -12542,13 +12604,22 @@ const _sfc_main = {
       toggleSwipe,
       destroySwipe,
       drawTextLabel,
+      drawTextLabels,
       drawLeadLabel,
+      drawLeadLabels,
       drawMarker,
+      drawMarkers,
       deleteLabelById,
       deleteLabelByIds,
       deleteMarkerById,
       deleteMarkerByIds,
       clearAllDraws,
+      hideAllLabels,
+      hideAllMarkers,
+      showAllLabels,
+      showAllMarkers,
+      hideAll,
+      showAll,
       dispose
     } = useBimfaceGIS({
       onModelTransformEnd: (data) => emit("model-transform-end", data)
@@ -12859,13 +12930,22 @@ const _sfc_main = {
       toggleSwipe,
       destroySwipe,
       drawTextLabel,
+      drawTextLabels,
       drawLeadLabel,
+      drawLeadLabels,
       drawMarker,
+      drawMarkers,
       deleteLabelById,
       deleteLabelByIds,
       deleteMarkerById,
       deleteMarkerByIds,
       clearAllDraws,
+      hideAllLabels,
+      hideAllMarkers,
+      showAllLabels,
+      showAllMarkers,
+      hideAll,
+      showAll,
       dispose
     });
     return (_ctx, _cache) => {
@@ -12897,7 +12977,7 @@ const _sfc_main = {
     };
   }
 };
-const SCTJGISViewer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9656d353"]]);
+const SCTJGISViewer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-14806784"]]);
 const components = [
   { component: SCTJDictTag, name: "SCTJDictTag" },
   { component: SCTJTreeSelect, name: "SCTJTreeSelect" },