@kq_npm/client3d_webgl_vue 4.5.55 → 4.5.57

package/wireframesketch/index.js

@@ -66,6 +66,10 @@ var _message = _interopRequireDefault(__webpack_require__(71323));
 
 class WireframeSketchViewModel {
   // 草图模式显示
+  /**
+   * @description 构造函数，初始化线框模式管理对象
+   * @param {Object} scenceView 场景视图对象，包含 _viewer 属性
+   */
   constructor(scenceView) {
     this._viewer = null;
     // 三维viewer对象
@@ -77,9 +81,15 @@ class WireframeSketchViewModel {
       viewer: this._viewer
     }); //声明线框模式类
   }
+
+  /**
+   * @description 根据渲染模式切换线框/草图/纹理显示
+   * @param {String} key 渲染模式标识：1-线框渲染，2-草图渲染，3-纹理渲染
+   */
   changeFrameRender(key) {
     switch (key) {
       case "1":
+        // 线框渲染模式：设置线框类型并移除已有的草图效果
         this._wireFrame.type = 1;
         if (this._sketch) {
           this._viewer.effects.remove(this._sketch);
@@ -87,6 +97,7 @@ class WireframeSketchViewModel {
         }
         break;
       case "2":
+        // 草图渲染模式：关闭线框并创建草图效果
         this._wireFrame.type = 0;
         if (!this._sketch) {
           this._sketch = new window.Cesium.Kq3dSketch({
@@ -96,6 +107,7 @@ class WireframeSketchViewModel {
         }
         break;
       case "3":
+        // 纹理渲染模式：关闭线框并移除已有的草图效果
         this._wireFrame.type = 0;
         if (this._sketch) {
           this._viewer.effects.remove(this._sketch); // 移除草图模式
@@ -243,9 +255,9 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
       lang,
       locale
     } = (0, _useGlobalConfig.useLocale)();
-    let viewModel = null;
-    let ref_box = (0, _vue.ref)();
-    let checkbox_data = (0, _vue.ref)(["2"]);
+    let viewModel = null; // 视图模型对象
+    let ref_box = (0, _vue.ref)(); // 内容容器Ref
+    let checkbox_data = (0, _vue.ref)(["2"]); // 当前选中的渲染模式复选框值
 
     // 获取组件传参
     const props = __props;
@@ -253,8 +265,9 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
     let boxRef = (0, _vue.ref)(null);
 
     // 生成组件默认header
-    let headerTemp = (0, _vue.ref)();
-    let headerTempRef = (0, _vue.ref)();
+    let headerTemp = (0, _vue.ref)(); // 动态生成的Header组件
+    let headerTempRef = (0, _vue.ref)(); // Header组件Ref
+
     (0, _vue.onMounted)(() => {
       (0, _util.updatePosition)(boxRef.value, props);
       (0, _vue.watch)(() => props.position, (newVal, oldVal) => {
@@ -284,6 +297,10 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
         headerTemp.value = (0, _util.createHeaderTemp)(boxRef.value, (0, _vue.toRefs)(props), headerTempRef, 'webgl.wireFrameSketch');
       }
     };
+    /**
+     * @description 切换渲染模式
+     * @param {String} val 渲染模式标识：1-线框渲染，2-草图渲染，3-纹理渲染
+     */
     function onChangeFrameRender(val) {
       checkbox_data.value = [];
       checkbox_data.value.push(val);
@@ -410,11 +427,11 @@ Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
 exports.kq_npm_client_leaflet_vue = exports.kq_npm_client_common_vue = exports.kq_npm_client3d_webgl_vue = void 0;
-let kq_npm_client_common_vue = exports.kq_npm_client_common_vue = window.kq_npm_client_common_vue = window.kq_npm_client_common_vue || {};
+const kq_npm_client_common_vue = exports.kq_npm_client_common_vue = window.kq_npm_client_common_vue = window.kq_npm_client_common_vue || {};
 __webpack_require__.g.kq_npm_client_common_vue = kq_npm_client_common_vue;
-let kq_npm_client_leaflet_vue = exports.kq_npm_client_leaflet_vue = window.kq_npm_client_leaflet_vue = window.kq_npm_client_leaflet_vue || {};
+const kq_npm_client_leaflet_vue = exports.kq_npm_client_leaflet_vue = window.kq_npm_client_leaflet_vue = window.kq_npm_client_leaflet_vue || {};
 __webpack_require__.g.kq_npm_client_leaflet_vue = kq_npm_client_leaflet_vue;
-let kq_npm_client3d_webgl_vue = exports.kq_npm_client3d_webgl_vue = window.kq_npm_client3d_webgl_vue = window.kq_npm_client3d_webgl_vue || {};
+const kq_npm_client3d_webgl_vue = exports.kq_npm_client3d_webgl_vue = window.kq_npm_client3d_webgl_vue = window.kq_npm_client3d_webgl_vue || {};
 __webpack_require__.g.kq_npm_client3d_webgl_vue = kq_npm_client3d_webgl_vue;
 
 /***/ })