sctj-components 1.0.48 → 1.0.50

package/lib/sctj-components.es.js

@@ -38,9 +38,9 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1$l = { class: "dict-tag-container" };
-const _hoisted_2$c = ["index"];
-const _sfc_main$t = {
+const _hoisted_1$m = { class: "dict-tag-container" };
+const _hoisted_2$d = ["index"];
+const _sfc_main$u = {
   __name: "index",
   props: {
     options: {
@@ -60,7 +60,7 @@ const _sfc_main$t = {
     });
     return (_ctx, _cache) => {
       const _component_el_tag = resolveComponent("el-tag");
-      return openBlock(), createElementBlock("div", _hoisted_1$l, [
+      return openBlock(), createElementBlock("div", _hoisted_1$m, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (item, index2) => {
           return openBlock(), createElementBlock(Fragment, null, [
             unref(values).includes(item.value) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
@@ -68,7 +68,7 @@ const _sfc_main$t = {
                 key: item.value,
                 index: index2,
                 class: normalizeClass(item.elTagClass)
-              }, toDisplayString(item.label), 11, _hoisted_2$c)) : (openBlock(), createBlock(_component_el_tag, {
+              }, toDisplayString(item.label), 11, _hoisted_2$d)) : (openBlock(), createBlock(_component_el_tag, {
                 "disable-transitions": true,
                 key: item.value + "",
                 index: index2,
@@ -87,10 +87,10 @@ const _sfc_main$t = {
     };
   }
 };
-const SCTJDictTag = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-659e1d01"]]);
+const SCTJDictTag = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-659e1d01"]]);
 const index_vue_vue_type_style_index_0_scope_true_lang = "";
-const _hoisted_1$k = ["xlink:href", "fill"];
-const _sfc_main$s = {
+const _hoisted_1$l = ["xlink:href", "fill"];
+const _sfc_main$t = {
   __name: "index",
   props: {
     iconClass: {
@@ -123,7 +123,7 @@ const _sfc_main$s = {
         createElementVNode("use", {
           "xlink:href": unref(iconName),
           fill: __props.color
-        }, null, 8, _hoisted_1$k)
+        }, null, 8, _hoisted_1$l)
       ], 2);
     };
   }
@@ -132,14 +132,14 @@ const index$2 = "";
 const index$1 = "";
 const index_vue_vue_type_style_index_0_scoped_006fbc77_lang = "";
 const index_vue_vue_type_style_index_1_lang = "";
-const _hoisted_1$j = { class: "upload-file" };
-const _hoisted_2$b = { class: "el-upload__tip" };
+const _hoisted_1$k = { class: "upload-file" };
+const _hoisted_2$c = { class: "el-upload__tip" };
 const _hoisted_3$9 = { style: { "color": "#f56c6c" } };
 const _hoisted_4$7 = { style: { "color": "#f56c6c" } };
 const _hoisted_5$6 = ["title"];
 const _hoisted_6$3 = { class: "ele-upload-list__item-content-action" };
 const _hoisted_7$3 = { style: { "width": "100%", "height": "100%", "overflow": "auto" } };
-const _sfc_main$r = {
+const _sfc_main$s = {
   __name: "index",
   props: {
     modelValue: [String, Object, Array],
@@ -371,7 +371,7 @@ const _sfc_main$r = {
       const _component_el_icon = resolveComponent("el-icon");
       const _component_el_image = resolveComponent("el-image");
       const _component_el_dialog = resolveComponent("el-dialog");
-      return openBlock(), createElementBlock("div", _hoisted_1$j, [
+      return openBlock(), createElementBlock("div", _hoisted_1$k, [
         !__props.disabled ? (openBlock(), createBlock(_component_el_upload, mergeProps({
           key: 0,
           multiple: "",
@@ -410,7 +410,7 @@ const _sfc_main$r = {
           unref(showTip) ? {
             name: "tip",
             fn: withCtx(() => [
-              createElementVNode("div", _hoisted_2$b, [
+              createElementVNode("div", _hoisted_2$c, [
                 createTextVNode(" \u8BF7\u4E0A\u4F20 "),
                 __props.fileSize ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                   createTextVNode(" \u5927\u5C0F\u4E0D\u8D85\u8FC7 "),
@@ -517,17 +517,17 @@ const _sfc_main$r = {
     };
   }
 };
-const SCTJFileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-006fbc77"]]);
+const SCTJFileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-006fbc77"]]);
 const index_vue_vue_type_style_index_0_scoped_672e5149_lang = "";
-const _hoisted_1$i = { class: "component-upload-image" };
-const _hoisted_2$a = {
+const _hoisted_1$j = { class: "component-upload-image" };
+const _hoisted_2$b = {
   key: 0,
   class: "el-upload__tip"
 };
 const _hoisted_3$8 = { style: { "color": "#f56c6c" } };
 const _hoisted_4$6 = { style: { "color": "#f56c6c" } };
 const _hoisted_5$5 = ["src"];
-const _sfc_main$q = {
+const _sfc_main$r = {
   __name: "index",
   props: {
     modelValue: {
@@ -728,7 +728,7 @@ const _sfc_main$q = {
       const _component_el_icon = resolveComponent("el-icon");
       const _component_el_upload = resolveComponent("el-upload");
       const _component_el_dialog = resolveComponent("el-dialog");
-      return openBlock(), createElementBlock("div", _hoisted_1$i, [
+      return openBlock(), createElementBlock("div", _hoisted_1$j, [
         createVNode(_component_el_upload, mergeProps({
           disabled: props.disabled,
           multiple: "",
@@ -760,7 +760,7 @@ const _sfc_main$q = {
           ]),
           _: 1
         }, 16, ["disabled", "action", "limit", "http-request", "headers", "file-list", "drag", "class"]),
-        unref(showTip) ? (openBlock(), createElementBlock("div", _hoisted_2$a, [
+        unref(showTip) ? (openBlock(), createElementBlock("div", _hoisted_2$b, [
           createTextVNode(" \u8BF7\u4E0A\u4F20 "),
           props.fileSize ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             createTextVNode(" \u5927\u5C0F\u4E0D\u8D85\u8FC7 "),
@@ -791,10 +791,10 @@ const _sfc_main$q = {
     };
   }
 };
-const SCTJImageUpload = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-672e5149"]]);
+const SCTJImageUpload = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-672e5149"]]);
 const index_vue_vue_type_style_index_0_scoped_e91fd2ba_lang = "";
-const _hoisted_1$h = { class: "image-slot" };
-const _sfc_main$p = {
+const _hoisted_1$i = { class: "image-slot" };
+const _sfc_main$q = {
   __name: "index",
   props: {
     enableDelete: {
@@ -908,7 +908,7 @@ const _sfc_main$p = {
             "preview-src-list": unref(realSrcList)
           }, {
             error: withCtx(() => [
-              createElementVNode("div", _hoisted_1$h, [
+              createElementVNode("div", _hoisted_1$i, [
                 createVNode(_component_el_icon, { class: "el-icon-picture-outline" }, {
                   default: withCtx(() => [
                     createVNode(unref(Picture))
@@ -925,7 +925,7 @@ const _sfc_main$p = {
     };
   }
 };
-const SCTJImagePreview = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-e91fd2ba"]]);
+const SCTJImagePreview = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-e91fd2ba"]]);
 const icons = [
   "404",
   "asset",
@@ -1017,10 +1017,10 @@ const icons = [
   "zip"
 ];
 const index_vue_vue_type_style_index_0_scoped_37029e19_lang = "";
-const _hoisted_1$g = { class: "icon-content" };
-const _hoisted_2$9 = { class: "icon-list" };
+const _hoisted_1$h = { class: "icon-content" };
+const _hoisted_2$a = { class: "icon-list" };
 const _hoisted_3$7 = ["onClick"];
-const _sfc_main$o = {
+const _sfc_main$p = {
   __name: "index",
   props: {
     modelValue: {
@@ -1111,12 +1111,12 @@ const _sfc_main$o = {
           unref(iconName) ? {
             name: "prefix",
             fn: withCtx(() => [
-              createVNode(_sfc_main$s, { "icon-class": unref(iconName) }, null, 8, ["icon-class"])
+              createVNode(_sfc_main$t, { "icon-class": unref(iconName) }, null, 8, ["icon-class"])
             ]),
             key: "0"
           } : void 0
         ]), 1032, ["modelValue"]),
-        withDirectives(createElementVNode("div", _hoisted_1$g, [
+        withDirectives(createElementVNode("div", _hoisted_1$h, [
           createElementVNode("div", null, [
             createVNode(_component_el_input, {
               modelValue: keyWord.value,
@@ -1138,13 +1138,13 @@ const _sfc_main$o = {
               _: 1
             }, 8, ["modelValue"])
           ]),
-          createElementVNode("div", _hoisted_2$9, [
+          createElementVNode("div", _hoisted_2$a, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(iconList.value, (item, index2) => {
               return openBlock(), createElementBlock("div", {
                 key: index2,
                 onClick: ($event) => selectedIcon(item)
               }, [
-                createVNode(_sfc_main$s, {
+                createVNode(_sfc_main$t, {
                   "icon-class": item,
                   style: { "height": "30px", "width": "16px", "flex-shrink": "0" }
                 }, null, 8, ["icon-class"]),
@@ -1159,7 +1159,7 @@ const _sfc_main$o = {
     };
   }
 };
-const SCTJIconSelect = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-37029e19"]]);
+const SCTJIconSelect = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-37029e19"]]);
 function useMobile() {
   const isMobile = ref$1(false);
   const checkIsMobile = () => {
@@ -1186,7 +1186,7 @@ function useMobile() {
     checkIsMobile
   };
 }
-const _sfc_main$n = {
+const _sfc_main$o = {
   __name: "index",
   props: {
     modelValue: {
@@ -1291,8 +1291,8 @@ const _sfc_main$n = {
   }
 };
 const index_vue_vue_type_style_index_0_scoped_a2fe1763_lang = "";
-const _hoisted_1$f = { class: "el-tree-select" };
-const _sfc_main$m = {
+const _hoisted_1$g = { class: "el-tree-select" };
+const _sfc_main$n = {
   __name: "index",
   props: {
     objMap: {
@@ -1386,7 +1386,7 @@ const _sfc_main$m = {
       const _component_el_tree = resolveComponent("el-tree");
       const _component_el_option = resolveComponent("el-option");
       const _component_el_select = resolveComponent("el-select");
-      return openBlock(), createElementBlock("div", _hoisted_1$f, [
+      return openBlock(), createElementBlock("div", _hoisted_1$g, [
         createVNode(_component_el_select, {
           style: { "width": "100%" },
           modelValue: unref(valueId),
@@ -1426,8 +1426,8 @@ const _sfc_main$m = {
     };
   }
 };
-const SCTJTreeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-a2fe1763"]]);
-const _sfc_main$l = {
+const SCTJTreeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-a2fe1763"]]);
+const _sfc_main$m = {
   __name: "index",
   props: {
     modelValue: {
@@ -1491,7 +1491,7 @@ const _sfc_main$l = {
     };
   }
 };
-const _sfc_main$k = {
+const _sfc_main$l = {
   __name: "index",
   props: {
     modelValue: {
@@ -1548,6 +1548,292 @@ const _sfc_main$k = {
     };
   }
 };
+const index_vue_vue_type_style_index_0_scoped_a098c8b6_lang = "";
+const _hoisted_1$f = { class: "time-line-slider-container" };
+const _hoisted_2$9 = { class: "time-line-slider-wrapper" };
+const _sfc_main$k = {
+  __name: "index",
+  props: {
+    timeConfig: {
+      type: [Array, Object],
+      default: () => ({
+        startTime: "2025-01-13",
+        endTime: "2025-06-18"
+      })
+    },
+    modelValue: {
+      type: [Number, String],
+      default: void 0
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const selectDate = computed$1({
+      get() {
+        return normalizeDate(props.modelValue);
+      },
+      set(value) {
+        if (typeof props.modelValue === "string") {
+          emit("update:modelValue", value);
+        } else {
+          const timestamp = dateStringToTimestamp(value);
+          emit("update:modelValue", timestamp);
+        }
+      }
+    });
+    const selectChange = async () => {
+      await nextTick();
+      setTimeout(() => {
+        const sliderButton = document.querySelector(".el-slider__button-wrapper");
+        if (sliderButton) {
+          const scrollContainer = document.querySelector(".time-line-slider-wrapper");
+          if (scrollContainer) {
+            const buttonRect = sliderButton.getBoundingClientRect();
+            const containerRect = scrollContainer.getBoundingClientRect();
+            const scrollLeft = scrollContainer.scrollLeft + (buttonRect.left - containerRect.left) - containerRect.width / 2 + buttonRect.width / 2;
+            scrollContainer.scrollTo({
+              left: scrollLeft,
+              behavior: "smooth"
+            });
+          } else {
+            sliderButton.scrollIntoView({
+              behavior: "smooth",
+              block: "center",
+              inline: "center"
+            });
+          }
+        }
+      }, 100);
+    };
+    const generateDateRange = (startTime, endTime) => {
+      let dates = [];
+      let start = new Date(startTime);
+      let end = new Date(endTime);
+      if (isNaN(start.getTime()) || isNaN(end.getTime())) {
+        return [];
+      }
+      start.setHours(0, 0, 0, 0);
+      end.setHours(0, 0, 0, 0);
+      if (start > end) {
+        [start, end] = [end, start];
+      }
+      const currentDate = new Date(start);
+      while (currentDate <= end) {
+        const year = currentDate.getFullYear();
+        const month = String(currentDate.getMonth() + 1).padStart(2, "0");
+        const day = String(currentDate.getDate()).padStart(2, "0");
+        dates.push(`${year}-${month}-${day}`);
+        currentDate.setDate(currentDate.getDate() + 1);
+      }
+      return dates;
+    };
+    const timePoints = computed$1(() => {
+      if (Array.isArray(props.timeConfig)) {
+        return props.timeConfig;
+      } else if (typeof props.timeConfig === "object" && props.timeConfig !== null) {
+        if (props.timeConfig.startTime && props.timeConfig.endTime) {
+          return generateDateRange(props.timeConfig.startTime, props.timeConfig.endTime);
+        }
+        if (Array.isArray(props.timeConfig.data)) {
+          return props.timeConfig.data;
+        } else if (Array.isArray(props.timeConfig.list)) {
+          return props.timeConfig.list;
+        } else {
+          return Object.values(props.timeConfig);
+        }
+      }
+      return [];
+    });
+    const min = computed$1(() => 0);
+    const max = computed$1(() => Math.max(0, timePoints.value.length - 1));
+    const step = computed$1(() => 1);
+    const sliderWidth = computed$1(() => {
+      const pointCount = timePoints.value.length;
+      if (pointCount === 0) {
+        return "100%";
+      }
+      const minWidthPerPoint = 80;
+      const minTotalWidth = 300;
+      const maxTotalWidth = 12e3;
+      const calculatedWidth = pointCount * minWidthPerPoint;
+      const finalWidth = Math.max(minTotalWidth, Math.min(calculatedWidth, maxTotalWidth));
+      return `${finalWidth}px`;
+    });
+    const marks = computed$1(() => {
+      const marksObj = {};
+      timePoints.value.forEach((point, index2) => {
+        marksObj[index2] = formatTimeLabel(point);
+      });
+      return marksObj;
+    });
+    const formatTimeLabel = (time) => {
+      if (typeof time === "string") {
+        if (time.includes("T") || time.includes(" ")) {
+          return time.split(" ")[0] || time.split("T")[0];
+        }
+        return time;
+      } else if (typeof time === "number") {
+        const date = new Date(time);
+        return date.toLocaleDateString("zh-CN");
+      } else if (time && typeof time === "object") {
+        return time.label || time.name || time.value || String(time);
+      }
+      return String(time);
+    };
+    const formatTooltip = (val) => {
+      const index2 = Math.round(val);
+      if (index2 >= 0 && index2 < timePoints.value.length) {
+        const point = timePoints.value[index2];
+        return formatTimeLabel(point);
+      }
+      return String(val);
+    };
+    const dateStringToTimestamp = (dateStr) => {
+      const cleanDateStr = dateStr.split("T")[0].split(" ")[0];
+      const [year, month, day] = cleanDateStr.split("-").map(Number);
+      const date = new Date(year, month - 1, day);
+      return date.getTime();
+    };
+    const normalizeDate = (date) => {
+      if (typeof date === "string") {
+        return date.split("T")[0].split(" ")[0];
+      } else if (typeof date === "number") {
+        const d = new Date(date);
+        const year = d.getFullYear();
+        const month = String(d.getMonth() + 1).padStart(2, "0");
+        const day = String(d.getDate()).padStart(2, "0");
+        return `${year}-${month}-${day}`;
+      }
+      return String(date);
+    };
+    const getIndexFromModalValue = (modalValue) => {
+      if (Number.isInteger(modalValue) && modalValue >= 0 && modalValue < timePoints.value.length) {
+        return modalValue;
+      }
+      const modalDateStr = normalizeDate(modalValue);
+      const index2 = timePoints.value.findIndex((point) => {
+        const pointDateStr = normalizeDate(point);
+        return pointDateStr === modalDateStr;
+      });
+      if (index2 !== -1) {
+        return index2;
+      }
+      return 0;
+    };
+    const selectValue = ref$1(0);
+    let lastEmittedValue = null;
+    let modalValueType = null;
+    const getValueFromIndex = (index2) => {
+      if (index2 >= 0 && index2 < timePoints.value.length) {
+        const point = timePoints.value[index2];
+        if (modalValueType === "string") {
+          if (typeof point === "string") {
+            return point;
+          } else if (typeof point === "number") {
+            return normalizeDate(point);
+          } else {
+            return String(point);
+          }
+        } else {
+          if (typeof point === "number") {
+            return point;
+          } else if (typeof point === "string") {
+            const timestamp = dateStringToTimestamp(point);
+            if (!isNaN(timestamp)) {
+              return timestamp;
+            } else {
+              return index2;
+            }
+          } else {
+            return index2;
+          }
+        }
+      }
+      return modalValueType === "string" ? "" : 0;
+    };
+    const updateSelectValueFromProps = () => {
+      const value = props.modelValue;
+      if (value === void 0) {
+        selectValue.value = 0;
+        return;
+      }
+      modalValueType = typeof value === "string" ? "string" : "number";
+      const index2 = getIndexFromModalValue(value);
+      if (selectValue.value !== index2) {
+        selectValue.value = index2;
+      }
+    };
+    updateSelectValueFromProps();
+    watch(
+      () => [props.modelValue, timePoints.value],
+      () => {
+        const value = props.modelValue;
+        if (lastEmittedValue !== null) {
+          if (value === lastEmittedValue) {
+            lastEmittedValue = null;
+            return;
+          }
+          const modalDateStr = normalizeDate(value);
+          const emittedDateStr = normalizeDate(lastEmittedValue);
+          if (modalDateStr === emittedDateStr) {
+            lastEmittedValue = null;
+            return;
+          }
+        }
+        updateSelectValueFromProps();
+      },
+      { deep: true }
+    );
+    watch(selectValue, (val) => {
+      const index2 = Math.round(val);
+      const emitValue = getValueFromIndex(index2);
+      lastEmittedValue = emitValue;
+      console.log("emitValue", emitValue);
+      emit("update:modelValue", emitValue);
+    });
+    return (_ctx, _cache) => {
+      const _component_el_slider = resolveComponent("el-slider");
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      return openBlock(), createElementBlock("div", _hoisted_1$f, [
+        createElementVNode("div", _hoisted_2$9, [
+          createVNode(_component_el_slider, {
+            style: normalizeStyle({ width: unref(sliderWidth) }),
+            modelValue: selectValue.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectValue.value = $event),
+            min: unref(min),
+            max: unref(max),
+            step: unref(step),
+            marks: unref(marks),
+            "show-stops": true,
+            "show-tooltip": true,
+            "format-tooltip": formatTooltip
+          }, null, 8, ["style", "modelValue", "min", "max", "step", "marks"])
+        ]),
+        createVNode(_component_el_select, {
+          modelValue: unref(selectDate),
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(selectDate) ? selectDate.value = $event : null),
+          placeholder: "\u8BF7\u9009\u62E9",
+          filterable: "",
+          onChange: selectChange
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(timePoints), (point, index2) => {
+              return openBlock(), createBlock(_component_el_option, {
+                key: index2,
+                label: formatTimeLabel(point),
+                value: normalizeDate(point)
+              }, null, 8, ["label", "value"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+};
+const SCTJTimeLineSelect = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-a098c8b6"]]);
 const index_vue_vue_type_style_index_0_scoped_0e809a5c_lang = "";
 const _hoisted_1$e = { class: "table-container" };
 const _sfc_main$j = {
@@ -9113,13 +9399,13 @@ const _sfc_main$2 = {
   }
 };
 const SCTJBusinessMapDrawingDialog = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-d0bea808"]]);
-const BimViewer_vue_vue_type_style_index_0_scoped_b60f1ba4_lang = "";
+const BimViewer_vue_vue_type_style_index_0_scoped_c145e90e_lang = "";
 const _sfc_main$1 = {
   __name: "BimViewer",
   props: {
     viewToken: {
       type: String,
-      default: "121d1db2a4cd444983d0871aa47786eb"
+      default: ""
     },
     extraContextMenu: {
       type: Array,
@@ -9142,7 +9428,7 @@ const _sfc_main$1 = {
     }
   },
   emits: ["contextMenuClick"],
-  setup(__props, { emit }) {
+  setup(__props, { expose, emit }) {
     const props = __props;
     const bimContainer = ref$1(null);
     const viewer3D = ref$1(null);
@@ -9303,6 +9589,10 @@ const _sfc_main$1 = {
         console.error("\u5BB9\u5668\u5143\u7D20\u672A\u51C6\u5907\u597D");
         return;
       }
+      if (!props.viewToken) {
+        console.error("\u7F3A\u5C11\u5FC5\u8981\u53C2\u6570viewToken");
+        return;
+      }
       const options = new BimfaceSDKLoaderConfig();
       options.viewToken = props.viewToken;
       BimfaceSDKLoader.load(options, successCallback, failureCallback);
@@ -9341,17 +9631,73 @@ const _sfc_main$1 = {
       viewer3D.value = null;
       app.value = null;
     };
+    const freezeComponent = (idArr, colorRgba = [128, 128, 128, 0.5]) => {
+      let newColor = new Glodon.Web.Graphics.Color(...colorRgba);
+      const model3D = viewer3D.value.getModel();
+      model3D.overrideComponentsColorById(idArr, newColor);
+      model3D.deactivateComponentsById(idArr);
+      viewer3D.value.render();
+    };
+    const unfreezeComponent = () => {
+      const model3D = viewer3D.value.getModel();
+      model3D.activateAllComponents();
+      model3D.clearOverrideColorComponents();
+      viewer3D.value.render();
+    };
+    const hideComponent = (mode = "id", arr) => {
+      const model3D = viewer3D.value.getModel();
+      if (mode === "id") {
+        arr && arr.length ? model3D.hideComponentsById(arr) : model3D.hideAllComponents();
+      } else {
+        arr && arr.length ? model3D.hideComponentsByObjectData(arr) : model3D.hideAllComponents();
+      }
+      viewer3D.value.render();
+    };
+    const showComponent = (mode = "id", arr) => {
+      const model3D = viewer3D.value.getModel();
+      if (mode === "id") {
+        arr && arr.length ? model3D.showComponentsById(arr) : model3D.showAllComponents();
+      } else {
+        arr && arr.length ? model3D.showComponentsByObjectData(arr) : model3D.showAllComponents();
+      }
+      viewer3D.value.render();
+    };
+    const isolateComponent = (arr, mode = "id") => {
+      const model3D = viewer3D.value.getModel();
+      const makeOthersTranslucent = Glodon.Bimface.Viewer.IsolateOption.MakeOthersTranslucent;
+      if (mode === "id") {
+        model3D.isolateComponentsById(arr, makeOthersTranslucent);
+      } else if (mode === "objectData") {
+        model3D.isolateComponentsByObjectData(arr, makeOthersTranslucent);
+      }
+      viewer3D.value.render();
+    };
+    const unIsolateComponent = () => {
+      const model3D = viewer3D.value.getModel();
+      model3D.clearIsolation();
+      viewer3D.value.render();
+    };
     const initBim = () => {
       nextTick(() => {
         loadModel();
       });
     };
-    onMounted$1(() => {
-      initBim();
-    });
+    watch(() => props.viewToken, () => {
+      if (props.viewToken) {
+        initBim();
+      }
+    }, { immediate: true });
     onBeforeUnmount(() => {
       cleanup();
     });
+    expose({
+      freezeComponent,
+      unfreezeComponent,
+      hideComponent,
+      showComponent,
+      isolateComponent,
+      unIsolateComponent
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: "model-container",
@@ -9361,7 +9707,7 @@ const _sfc_main$1 = {
     };
   }
 };
-const SCTJBimViewer = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-b60f1ba4"]]);
+const SCTJBimViewer = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-c145e90e"]]);
 const DwgViewer_vue_vue_type_style_index_0_scoped_ab9c8ebd_lang = "";
 const _sfc_main = {
   __name: "DwgViewer",
@@ -9605,15 +9951,16 @@ const SCTJDwgViewer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "dat
 const components = [
   { component: SCTJDictTag, name: "SCTJDictTag" },
   { component: SCTJTreeSelect, name: "SCTJTreeSelect" },
-  { component: _sfc_main$l, name: "SCTJSelect" },
-  { component: _sfc_main$k, name: "SCTJCheckBox" },
-  { component: _sfc_main$s, name: "SCTJIcon" },
+  { component: _sfc_main$m, name: "SCTJSelect" },
+  { component: _sfc_main$l, name: "SCTJCheckBox" },
+  { component: SCTJTimeLineSelect, name: "SCTJTimeLineSelect" },
+  { component: _sfc_main$t, name: "SCTJIcon" },
   { component: SCTJFileUpload, name: "SCTJFileUpload" },
   { component: SCTJImageUpload, name: "SCTJImageUpload" },
   { component: SCTJImagePreview, name: "SCTJImagePreview" },
   { component: SCTJIconSelect, name: "SCTJIconSelect" },
   { component: SCTJSearch, name: "SCTJSearch" },
-  { component: _sfc_main$n, name: "SCTJDateRangePicker" },
+  { component: _sfc_main$o, name: "SCTJDateRangePicker" },
   { component: SCTJTable, name: "SCTJTable" },
   { component: SCTJTableContainer, name: "SCTJTableContainer" },
   { component: SCTJTablePageContainer, name: "SCTJTablePageContainer" },
@@ -9643,15 +9990,16 @@ const index = {
   install,
   SCTJDictTag,
   SCTJTreeSelect,
-  SCTJSelect: _sfc_main$l,
-  SCTJCheckBox: _sfc_main$k,
-  SCTJIcon: _sfc_main$s,
+  SCTJSelect: _sfc_main$m,
+  SCTJCheckBox: _sfc_main$l,
+  SCTJTimeLineSelect,
+  SCTJIcon: _sfc_main$t,
   SCTJFileUpload,
   SCTJImageUpload,
   SCTJImagePreview,
   SCTJIconSelect,
   SCTJSearch,
-  SCTJDateRangePicker: _sfc_main$n,
+  SCTJDateRangePicker: _sfc_main$o,
   SCTJTable,
   SCTJTableContainer,
   SCTJTablePageContainer,
@@ -9677,15 +10025,15 @@ export {
   SCTJBimViewer,
   _sfc_main$d as SCTJBtnContainer,
   SCTJBusinessMapDrawingDialog,
-  _sfc_main$k as SCTJCheckBox,
+  _sfc_main$l as SCTJCheckBox,
   SCTJCommonChart,
-  _sfc_main$n as SCTJDateRangePicker,
+  _sfc_main$o as SCTJDateRangePicker,
   SCTJDialogTable,
   SCTJDictTag,
   SCTJDwgViewer,
   SCTJFileUpload,
   SCTJFlvPlayer,
-  _sfc_main$s as SCTJIcon,
+  _sfc_main$t as SCTJIcon,
   SCTJIconSelect,
   _sfc_main$6 as SCTJIframe,
   SCTJImagePreview,
@@ -9697,11 +10045,12 @@ export {
   SCTJRightToolbar,
   SCTJScrollTable,
   SCTJSearch,
-  _sfc_main$l as SCTJSelect,
+  _sfc_main$m as SCTJSelect,
   SCTJTable,
   SCTJTableContainer,
   SCTJTablePageContainer,
   SCTJTableTopActionContainer,
+  SCTJTimeLineSelect,
   SCTJTreeSelect,
   index as default
 };