@kq_npm/client3d_webgl_vue 3.2.4-beta → 3.2.6-beta

package/clientPrint/index.js

@@ -0,0 +1,2273 @@
+/******/ (function() { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 9821:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": function() { return /* binding */ ClientPrintViewModel; }
+/* harmony export */ });
+/**
+ * @class ClientPrintViewModel
+ * @classdesc 客户端打印
+ */
+class ClientPrintViewModel {
+  constructor() {}
+  /**
+   * 销毁执行方法。
+   */
+
+
+  destroy() {}
+
+}
+
+/***/ }),
+
+/***/ 8422:
+/***/ (function(module) {
+
+module.exports = require("@element-plus/icons-vue");
+
+/***/ }),
+
+/***/ 3600:
+/***/ (function(module) {
+
+module.exports = require("core-js/modules/es.array.includes.js");
+
+/***/ }),
+
+/***/ 1088:
+/***/ (function(module) {
+
+module.exports = require("@kq_npm/client_common_vue/_types/global-event");
+
+/***/ }),
+
+/***/ 9702:
+/***/ (function(module) {
+
+module.exports = require("@kq_npm/client_common_vue/_utils/const-image");
+
+/***/ }),
+
+/***/ 5406:
+/***/ (function(module) {
+
+module.exports = require("@kq_npm/client_common_vue/init.js");
+
+/***/ }),
+
+/***/ 637:
+/***/ (function(module) {
+
+module.exports = require("vue");
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	!function() {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = function(module) {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				function() { return module['default']; } :
+/******/ 				function() { return module; };
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	!function() {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = function(exports, definition) {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	!function() {
+/******/ 		__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	!function() {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = function(exports) {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+!function() {
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "ClientPrint3dViewModel": function() { return /* reexport */ ClientPrintViewModel/* default */.Z; },
+  "default": function() { return /* reexport */ ClientPrint; }
+});
+
+// EXTERNAL MODULE: external "core-js/modules/es.array.includes.js"
+var es_array_includes_js_ = __webpack_require__(3600);
+// EXTERNAL MODULE: external {"root":"Vue","commonjs":"vue","commonjs2":"vue","amd":"vue"}
+var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_ = __webpack_require__(637);
+// EXTERNAL MODULE: ./src/webgl/clientPrint/ClientPrintViewModel.js
+var ClientPrintViewModel = __webpack_require__(9821);
+;// CONCATENATED MODULE: external "html2canvas"
+var external_html2canvas_namespaceObject = require("html2canvas");
+var external_html2canvas_default = /*#__PURE__*/__webpack_require__.n(external_html2canvas_namespaceObject);
+// EXTERNAL MODULE: external "@element-plus/icons-vue"
+var icons_vue_ = __webpack_require__(8422);
+// EXTERNAL MODULE: external "@kq_npm/client_common_vue/_utils/const-image"
+var const_image_ = __webpack_require__(9702);
+;// CONCATENATED MODULE: external "vue3-print-nb"
+var external_vue3_print_nb_namespaceObject = require("vue3-print-nb");
+var external_vue3_print_nb_default = /*#__PURE__*/__webpack_require__.n(external_vue3_print_nb_namespaceObject);
+// EXTERNAL MODULE: external "@kq_npm/client_common_vue/_types/global-event"
+var global_event_ = __webpack_require__(1088);
+var global_event_default = /*#__PURE__*/__webpack_require__.n(global_event_);
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/clientPrint/ClientPrint.vue?vue&type=script&setup=true&lang=js
+
+
+const _hoisted_1 = {
+  class: "kq3d-client-print-wrapper",
+  ref: "clientRef"
+};
+const _hoisted_2 = {
+  class: "setting-box-btn"
+};
+
+const _hoisted_3 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("h4", {
+  class: "title"
+}, "图层选择", -1
+/* HOISTED */
+);
+
+const _hoisted_4 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("h4", {
+  class: "title"
+}, "标题设置", -1
+/* HOISTED */
+);
+
+const _hoisted_5 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("h4", {
+  class: "title"
+}, "添加文本", -1
+/* HOISTED */
+);
+
+const _hoisted_6 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)(" 页面设置 ");
+
+const _hoisted_7 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)("图例");
+
+const _hoisted_8 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)("指北针");
+
+const _hoisted_9 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)("状态栏");
+
+const _hoisted_10 = {
+  class: "select-content-inner"
+};
+
+const _hoisted_11 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)("A2");
+
+const _hoisted_12 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)("A3");
+
+const _hoisted_13 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)("A4");
+
+const _hoisted_14 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)("A5");
+
+const _hoisted_15 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)("A6");
+
+const _hoisted_16 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)("纵向");
+
+const _hoisted_17 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)("横向");
+
+const _hoisted_18 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)("png");
+
+const _hoisted_19 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)("jpg");
+
+const _hoisted_20 = {
+  style: {
+    "text-align": "right"
+  }
+};
+
+const _hoisted_21 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)("保存为图片");
+
+const _hoisted_22 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)(" 发送到打印机 ");
+
+const _hoisted_23 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("h4", {
+  class: "title"
+}, "图层选择", -1
+/* HOISTED */
+);
+
+const _hoisted_24 = {
+  class: "select-layer-content"
+};
+
+const _hoisted_25 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("h4", {
+  class: "title"
+}, "标题设置", -1
+/* HOISTED */
+);
+
+const _hoisted_26 = {
+  class: "select-content-inner"
+};
+
+const _hoisted_27 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)(" ");
+
+const _hoisted_28 = {
+  style: {
+    "float": "right"
+  }
+};
+
+const _hoisted_29 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)("背景阴影");
+
+const _hoisted_30 = {
+  class: "clientprint-title"
+};
+
+const _hoisted_31 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)("显示标题");
+
+const _hoisted_32 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("h4", {
+  class: "title"
+}, "添加文本", -1
+/* HOISTED */
+);
+
+const _hoisted_33 = {
+  class: "select-content-inner"
+};
+
+const _hoisted_34 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)(" ");
+
+const _hoisted_35 = {
+  class: "btn"
+};
+
+const _hoisted_36 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)("增加");
+
+const _hoisted_37 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)("清空");
+
+const _hoisted_38 = {
+  class: "show-right-box-btn"
+};
+const _hoisted_39 = {
+  class: "btn-group"
+};
+const _hoisted_40 = {
+  class: "kq3d-client-print-titleContainerDiv"
+};
+const _hoisted_41 = {
+  class: "baseImage"
+};
+const _hoisted_42 = ["src"];
+
+const _hoisted_43 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", {
+  style: {
+    "width": "100%",
+    "height": "100%",
+    "position": "absolute",
+    "index": "1000"
+  }
+}, null, -1
+/* HOISTED */
+);
+
+const _hoisted_44 = ["src"];
+const _hoisted_45 = ["id"];
+const _hoisted_46 = ["onClick"];
+const _hoisted_47 = {
+  class: "kq3d-client-print-infomationContainer"
+};
+const _hoisted_48 = {
+  class: "kq3d-client-print-systemTime"
+};
+const _hoisted_49 = {
+  class: "kq3d-client-print-companyName"
+};
+
+
+
+
+
+
+
+const __default__ = {
+  name: "Kq3dClientPrint"
+};
+/* harmony default export */ var ClientPrintvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(__default__, {
+  props: {
+    // 每个地图相关组件的必须参数 非必传 指定组件绑定的map对象的div的id
+    mapTarget: String,
+    //打印标题
+    printTitle: {
+      type: String,
+      default: "XXXX一张图"
+    },
+    //打印显示的公司名
+    companyName: {
+      type: String,
+      default: "苍穹数码技术股份有限公司"
+    },
+    // 是否显示阴影
+    showShadow: {
+      type: Boolean,
+      default: true
+    },
+    options: Object,
+
+    /**
+     * 图层数据源
+     * 事例：
+     *  {
+          name: null,// 服务名称
+          url: null,//服务地址
+          token: null,//服务token
+          type: "kqmapserver", //服务类型  kqmapserver或者kq3dserver
+          isShowAllLayers: true,
+          defaultShowLayerNames: []
+        }
+     */
+    service: Object,
+    // ScenceView初始化的参数对象，包含初始化范围和layer信息。
+    scenceInfo: Object,
+    // 默认显示的图层组名称
+    defaultShowLayerNames: Array,
+    showToolButtons: {
+      type: Boolean,
+      default: true
+    },
+
+    /**
+     * 例:"top-left","top-right","bottom-left","bottom-right","left","right","bottom"
+     * {top:'16px',left:'16px'}, {top:16,left:16}
+     */
+    toolButtonsPosition: [String, Object],
+    showLogo: {
+      type: Boolean,
+      default: false
+    }
+  },
+
+  setup(__props, {
+    expose
+  }) {
+    const props = __props;
+    let viewModel = null; // 标题的数据
+
+    let setTitleDataform = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)({
+      style: {
+        fontSize: "18px",
+        fontFamily: "微软雅黑",
+        color: "rgba(0, 0, 0)",
+        textarea: "",
+        backgroundColor: "",
+        padding: "5px",
+        borderRadius: "3px",
+        shadowShowBg: "red",
+        fontFamilys: [{
+          value: "微软雅黑",
+          label: "微软雅黑"
+        }, {
+          value: "新宋体",
+          label: "新宋体"
+        }, {
+          value: "楷体",
+          label: "楷体"
+        }]
+      },
+      data: {
+        title: "",
+        shadowShow: false,
+        titleShow: true
+      }
+    }); // 文本的数据
+
+    let setLabelDataform = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)({
+      style: {
+        fontSize: "18px",
+        fontFamily: "微软雅黑",
+        color: "#000000",
+        width: "100%",
+        resize: "none",
+        height: "96px",
+        border: "solid 1px #dcdee2",
+        fontFamilys: [{
+          value: "微软雅黑",
+          label: "微软雅黑"
+        }, {
+          value: "新宋体",
+          label: "新宋体"
+        }, {
+          value: "楷体",
+          label: "楷体"
+        }]
+      },
+      data: {
+        labelValue: ""
+      }
+    });
+    let cameraToImage = null; // 组件容器
+
+    let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(); // 选择容器
+
+    let settingBoxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(); // 主内容容器
+
+    let mainBoxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();
+    let scenceImageUrl = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)("");
+    let titleRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(); // 图层选择容器
+
+    let selectLayerBoxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(); // 样式设置容器
+
+    let selectTitleBoxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(); // 添加文本容器
+
+    let selectTextBoxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(); //页面设置tab设置
+
+    const activeNames = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(["1"]); // 控制主容器与图层选择容器的切换
+
+    let isShowSettingBox = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(true); //图层选择显示控制
+
+    let isShowLayer = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(false); //标题设置显示控制
+
+    let isShowTitle = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(false); //添加文本显示控制
+
+    let isShowText = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(false); // 边框样式
+
+    let borderStyleValue = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)("printborder1"); //边框样式下拉选择
+
+    let borderStyleData = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)([{
+      value: "printborder1",
+      label: "模板一"
+    }, {
+      value: "printborder2",
+      label: "模板二"
+    }, {
+      value: "printborder3",
+      label: "模板三"
+    }, {
+      value: "printborder4",
+      label: "模板四"
+    }, {
+      value: "printborder5",
+      label: "模板五"
+    }]); // 纸张设置
+
+    let sizeData = [[{
+      f: "A2",
+      a: "纵向"
+    }, "a2VSize"], [{
+      f: "A3",
+      a: "纵向"
+    }, "a3VSize"], [{
+      f: "A4",
+      a: "纵向"
+    }, "a4VSize"], [{
+      f: "A5",
+      a: "纵向"
+    }, "a5VSize"], [{
+      f: "A6",
+      a: "纵向"
+    }, "a6VSize"], [{
+      f: "A2",
+      a: "横向"
+    }, "a2HSize"], [{
+      f: "A3",
+      a: "横向"
+    }, "a3HSize"], [{
+      f: "A4",
+      a: "横向"
+    }, "a4HSize"], [{
+      f: "A5",
+      a: "横向"
+    }, "a5HSize"], [{
+      f: "A6",
+      a: "横向"
+    }, "a6HSize"]]; // 字体大小
+
+    let sizelist = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.reactive)([]); // 纸张类型
+
+    let papForm = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)("A4"); // 默认
+    // 纸张方向
+
+    let papAnchor = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)("纵向"); // 默认
+    // 图片格式
+
+    let imageType = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)("png"); //地图对象
+
+    let map2_ref = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(); //图例对象
+
+    let lengend_ref = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(); // 图例窗口显示与隐藏
+
+    let legendShow = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(false); // 比例尺显示与隐藏
+
+    let scalesShow = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(false); // 指北针的显示与隐藏
+
+    let compassShow = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(false);
+    let isActive = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(0); //打印内容div
+
+    let printContentDiv = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null); // 打印内容
+
+    let printDiv = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null); // 打印内容中的地图容器
+
+    let printMap = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null); // 增加的文本的数据
+
+    let setLabelData = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.reactive)([]); //当前时间
+
+    let systemTime = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(""); // 公司名
+
+    let companyName = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)("");
+    let printState = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(false); // 打印对象
+
+    let printObj = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)({
+      id: "printMap",
+      popTitle: "打印",
+
+      beforeOpenCallback() {
+        printState.value = true;
+      },
+
+      openCallback() {
+        printState.value = false;
+      }
+
+    });
+    let currentClick = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.reactive)({});
+    let scaleFloor = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(1);
+    let scaleStep = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(0.2); // 查询进度条
+
+    let loadState = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(false); // 三维球id
+
+    global_event_default().setDefaultMapInfo("scencePrint", "cesium", null);
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onMounted)(() => {
+      viewModel = new ClientPrintViewModel/* default */.Z();
+      setTitleDataform.value.data.title = props.printTitle;
+      companyName.value = props.companyName;
+      sizelist.value = [];
+
+      for (let i = 15; i <= 32; i++) {
+        // 字体大小下拉
+        sizelist.value.push(i);
+      }
+
+      setLabelData.value = []; //当前时间
+
+      systemTime.value = getSystemIime();
+      initControl();
+      global_event_default().getWebMapByMapTarget("scencePrint", scenceView => {
+        if (scenceView && scenceView._viewer) {
+          cameraToImage = new Cesium.Kq3dCanvasToImage(scenceView._viewer._container, {
+            viewer: scenceView._viewer,
+            canvas: scenceView._viewer.scene.canvas
+          });
+        }
+      });
+    });
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onBeforeUnmount)(() => {
+      destroy();
+      viewModel = null;
+    });
+    /**
+     * 获取当前时间
+     * @returns {string}
+     */
+
+    function getSystemIime() {
+      let numMap = new Map([["0", "零"], ["1", "一"], ["2", "二"], ["3", "三"], ["4", "四"], ["5", "五"], ["6", "六"], ["7", "七"], ["8", "八"], ["9", "九"]]);
+      let tennumMap = new Map([["1", "十"], ["2", "二十"], ["3", "三十"]]);
+      let nowDate = new Date();
+      let year = nowDate.getFullYear() + ""; //年数字
+
+      let month = nowDate.getMonth() + 1 + ""; //月数字
+
+      let day = nowDate.getDate() + ""; //日数字
+
+      let yearCNStr = ""; //年中文
+
+      let nonthCNStr = ""; //月中文
+
+      let dayCNStr = ""; //日中文
+
+      for (let i = 0; i < year.length; i++) {
+        yearCNStr += numMap.get(year[i]);
+      }
+
+      yearCNStr += "年";
+
+      if (month.length > 1) {
+        nonthCNStr = tennumMap.get(month[0]);
+
+        if (month[1] != "0") {
+          nonthCNStr += numMap.get(month[1]);
+        }
+
+        nonthCNStr += "月";
+      } else {
+        nonthCNStr = numMap.get(month[0]) + "月";
+      }
+
+      if (day.length > 1) {
+        dayCNStr = tennumMap.get(day[0]);
+
+        if (day[1] != "0") {
+          dayCNStr += numMap.get(day[1]);
+        }
+
+        dayCNStr += "日";
+      } else {
+        dayCNStr = numMap.get(day[0]) + "日";
+      }
+
+      return yearCNStr + nonthCNStr + dayCNStr;
+    }
+    /**
+     * 显示切换
+     * @param {string} type
+     */
+
+
+    function setShowChange(type) {
+      settingBoxRef.value.style.height = `${mainBoxRef.value.clientHeight}px`; // settingBoxRef.value.style.height = `${mainBoxRef.value.clientHeight}px`;
+
+      if (type === "layer") {
+        isShowLayer.value = true;
+        isShowTitle.value = false;
+        isShowText.value = false;
+        (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.nextTick)(() => {
+          // settingBoxRef.value.style.height = `${selectLayerBoxRef.value.clientHeight}px`;
+          settingBoxRef.value.style.height = `${selectLayerBoxRef.value.clientHeight}px`;
+        });
+      }
+
+      if (type === "title") {
+        isShowLayer.value = false;
+        isShowTitle.value = true;
+        isShowText.value = false;
+        (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.nextTick)(() => {
+          // settingBoxRef.value.style.height = `${selectTitleBoxRef.value.clientHeight}px`;
+          settingBoxRef.value.style.height = `${selectTitleBoxRef.value.clientHeight}px`;
+        });
+      }
+
+      if (type === "text") {
+        isShowLayer.value = false;
+        isShowTitle.value = false;
+        isShowText.value = true;
+        (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.nextTick)(() => {
+          // settingBoxRef.value.style.height = `${selectTextBoxRef.value.clientHeight}px`;
+          settingBoxRef.value.style.height = `${selectTextBoxRef.value.clientHeight}px`;
+        });
+      }
+    }
+    /**
+     * 切换后的左侧高度样式还原
+     */
+
+
+    function setMainStyle() {
+      isShowLayer.value = false;
+      isShowTitle.value = false;
+      isShowText.value = false;
+      settingBoxRef.value.style.height = `${mainBoxRef.value.clientHeight}px`;
+    }
+    /**
+     * 左侧窗口高度还原
+     */
+
+
+    function changeMainHeight() {
+      settingBoxRef.value.style.height = "auto";
+    }
+    /**
+     * 初始化要在地图中显示的控件
+     */
+
+
+    function initControl() {
+      var mapdiv = document.getElementById("scencePrint");
+      let html = mapdiv.innerHTML;
+      var legendDiv = document.getElementById("divlegendDiv");
+      var compassDiv = document.getElementById("divcompassDiv");
+      legendDiv.className = "kq3d-client-print-legendDiv";
+      compassDiv.className = "kq3d-client-print-compassDiv";
+      mapdiv.appendChild(compassDiv);
+      mapdiv.appendChild(legendDiv);
+    }
+    /**
+     * 边框样式切换
+     * @param {object} value
+     */
+
+
+    function changeBorderStyleData(value) {
+      printContentDiv.value.className = "kq3d-client-print-printContentDiv " + "kq3d-client-print-" + borderStyleValue.value;
+    }
+    /**
+     * 纸张大小的切换
+     */
+
+
+    function changeMapContainerSize() {
+      sizeData.forEach(item => {
+        if (item[0].f === papForm.value && item[0].a === papAnchor.value) {
+          let param = item[1];
+          printMap.value.className = "kq3d-client-print-mapContainerDiv " + "kq3d-client-print-" + param;
+          setScroll();
+        }
+      });
+    }
+    /**
+     * 滚动条居中
+     */
+
+
+    function setScroll() {
+      printDiv.value.scrollTop = printMap.value.clientHeight / 2 - printDiv.value.clientHeight / 2;
+      printDiv.value.scrollLeft = printMap.value.clientWidth / 2 - printDiv.value.clientWidth / 2;
+    }
+    /**
+     * 添加文本
+     */
+
+
+    function addLabel() {
+      let item = {
+        style: {
+          fontSize: setLabelDataform.value.style.fontSize,
+          fontFamily: setLabelDataform.value.style.fontFamily,
+          color: setLabelDataform.value.style.color,
+          padding: "10px 10px 5px 5px"
+        },
+        data: {
+          dataId: setLabelData.value.length + 1,
+          labelValue: setLabelDataform.value.data.labelValue,
+          isShow: false
+        }
+      };
+      setLabelData.value.push(item);
+      setTimeout(() => {
+        var mapdiv = document.getElementById("scencePrint");
+
+        for (let i = 0; i < setLabelData.value.length; i++) {
+          var labelDiv = document.getElementById(setLabelData.value[i].data.dataId);
+          labelDiv.style.display = "block";
+          mapdiv.appendChild(labelDiv);
+        }
+      }, 200);
+    }
+    /**
+     * 通过id删除文本
+     * @param {string} id
+     */
+
+
+    function delLabel(id) {
+      for (let i = 0; i < setLabelData.value.length; i++) {
+        if (id === setLabelData.value[i].data.dataId) {
+          setLabelData.value.splice(i, 1);
+          break;
+        }
+      }
+    }
+    /**
+     * 清空文本
+     */
+
+
+    function clearLabel() {
+      setLabelData.value.splice(0, setLabelData.value.length);
+      setLabelDataform.value.data.labelValue = "";
+    }
+    /**
+     * 设置拖动时的鼠标样式
+     * @param {object} event
+     */
+
+
+    function setdragCursor(event) {
+      let el = event.currentTarget;
+      el.style.cursor = "move";
+    }
+    /**
+     * 拖动DIV,地图不随着拖动
+     * @param {object} event
+     */
+
+
+    function dragTl(event) {
+      let mx = 0;
+      let my = 0;
+      let dx = 0;
+      let dy = 0;
+      let isDraging = false;
+      let el = event.currentTarget;
+
+      if (el.offsetTop < 0) {
+        el.style.top = "0px";
+      }
+
+      event = event || window.event;
+      mx = event.pageX;
+      my = event.pageY;
+      dx = el.offsetLeft;
+      dy = el.offsetTop;
+      isDraging = true;
+      document.addEventListener("mousemove", moveWin);
+      document.addEventListener("mouseup", removeEvent);
+
+      document.onselectstart = function () {
+        return false;
+      };
+
+      event.stopPropagation(); // }
+
+      function moveWin(event) {
+        event = event || window.event;
+        map2_ref.value.getWebMap().map.dragging.disable();
+        var x = event.pageX;
+        var y = event.pageY;
+
+        if (isDraging) {
+          var moveX = dx + x - mx;
+          var moveY = dy + y - my;
+          let pageW = 0;
+          let pageH = 0;
+          pageW = printContentDiv.value.clientWidth - 2;
+          pageH = printContentDiv.value.clientHeight - 2; // 2 控制下面的终点
+
+          var dialogW = el.clientWidth;
+          var dialogH = el.clientHeight;
+          var maxX = pageW - dialogW;
+          var maxY = pageH - dialogH;
+          moveX = Math.min(Math.max(0, moveX), maxX); // 58 控制上面的起点
+
+          moveY = Math.min(Math.max(0, moveY), maxY); // 58 控制上面的起点
+
+          el.style.right = "auto";
+          el.style.bottom = "auto";
+          el.style.left = moveX + "px";
+          el.style.top = moveY + "px";
+        }
+      }
+
+      function removeEvent() {
+        document.removeEventListener("mousemove", moveWin);
+        document.removeEventListener("mouseup", removeEvent);
+        el.style.cursor = "";
+
+        document.onselectstart = function () {
+          return true;
+        };
+
+        isDraging = false;
+      }
+    }
+
+    function canvasToImage() {
+      global_event_default().getWebMapByMapTarget("scencePrint", scenceView => {
+        if (scenceView && scenceView._viewer) {
+          scenceImageUrl.value = cameraToImage.toDataURL(scenceView._viewer.scene.canvas, {
+            width: scenceView._viewer._lastWidth,
+            height: scenceView._viewer._lastHeight,
+            type: "JPG"
+          });
+        }
+      });
+    }
+    /**
+     * 保存为图片
+     */
+
+
+    function getPic() {
+      canvasToImage();
+      loadState.value = true; // 延时1000ms,等待图片读入到blob文件对象，然后使用URL.createObjectURL转换成src可用的地址
+
+      setTimeout(() => {
+        external_html2canvas_default()(printMap.value, {
+          taintTest: true,
+          // 检测每张图片都已经加载完成
+          logging: true,
+          // 启用日志记录以进行调试 (发现加上对去白边有帮助)
+          allowTaint: true,
+          // 否允许跨源图像污染画布
+          backgroundColor: null,
+          // 解决生成的图片有白边
+          useCORS: true,
+          // 如果截图的内容里有图片,解决文件跨域问题
+          timeout: 2000 // 加载延时
+
+        }).then(canvas => {
+          loadState.value = false;
+          let pageData = canvas.toDataURL("image/png", 1.0);
+          let title = "printMap.png";
+
+          if (imageType.value === "jpg") {
+            pageData = canvas.toDataURL("image/jpeg", 1.0);
+            title = "printMap.jpg";
+          }
+
+          const el = document.createElement("a"); // 设置 href 为图片经过 base64 编码后的字符串，默认为 png 格式
+
+          el.href = pageData;
+          el.download = title; // 创建一个点击事件并对 a 标签进行触发
+
+          const event = new MouseEvent("click");
+          el.dispatchEvent(event);
+        });
+      }, 1000);
+    }
+    /**
+     * 显示图例
+     * @param {object} e
+     */
+
+
+    function showLegend(e) {
+      if (e) {
+        (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.nextTick)(() => {
+          lengend_ref.value.init();
+        });
+      }
+    }
+    /**
+     * 等比例放大
+     */
+
+
+    function Enlarge() {
+      isActive.value = 1;
+      mouseScrollEnlarge(1);
+    }
+    /**
+     * 等比例缩小
+     */
+
+
+    function Narrow() {
+      isActive.value = 2;
+      mouseScrollNarrow(-1);
+    }
+    /**
+     * 拖动打印范围
+     */
+
+
+    function MovePrint() {
+      if (isActive.value === 3) {
+        isActive.value = 0;
+      } else {
+        isActive.value = 3;
+        let divScreen = document.querySelector("#printMap");
+        divScreen.addEventListener("mousedown", downFunc);
+        divScreen.addEventListener("mouseup", upFunc);
+      }
+    }
+    /**
+     * 拖动打印范围后还原
+     */
+
+
+    function RefreshStatus() {
+      isActive.value = 0;
+      document.querySelector("#printMap").style.cursor = "";
+      document.getElementById("printMap").style.marginLeft = "auto";
+      document.getElementById("printMap").style.marginTop = 0;
+      document.getElementById("printMap").style.transform = "";
+    }
+    /**
+     * 拖动打印范围的点击鼠标左键事件
+     * @param {object} e
+     */
+
+
+    function downFunc(e) {
+      if (isActive.value !== 3) {
+        return false;
+      }
+
+      document.querySelector("#printMap").style.cursor = "move";
+      currentClick.x = e.pageX - document.getElementById("printMap").offsetLeft;
+      currentClick.y = e.pageY - document.getElementById("printMap").offsetTop;
+      document.addEventListener("mousemove", moveFunc);
+    }
+    /**
+     * 拖动打印范围的松开鼠标左键事件
+     * @param {object} e
+     */
+
+
+    function upFunc() {
+      document.querySelector("#printMap").style.cursor = "";
+      document.removeEventListener("mousemove", moveFunc);
+    }
+    /**
+     * 拖动打印范围的拖动鼠标事件
+     * @param {object} e
+     */
+
+
+    function moveFunc() {
+      let mosPostion = getMousePos();
+      moveScreenTable(mosPostion.x - currentClick.x, mosPostion.y - (currentClick.y + 50));
+    }
+    /**
+     * 计算拖动后的位置
+     * @param {nubmer} x
+     * @param {nubmer} y
+     */
+
+
+    function moveScreenTable(x, y) {
+      let docScreen = document.querySelector("#printMap");
+      let moveX = getPixelValue(docScreen, "left");
+      let moveY = getPixelValue(docScreen, "top");
+      moveX += x;
+      moveY += y;
+
+      if (moveY < 0) {
+        moveY = 0;
+      }
+
+      document.getElementById("printMap").style.marginLeft = moveX + "px";
+      document.getElementById("printMap").style.marginTop = moveY + "px";
+    }
+    /**
+     * 等比例放大
+     * @param {number} step
+     */
+
+
+    function mouseScrollEnlarge(step) {
+      if (step > 0) {
+        scaleFloor.value = scaleFloor.value + scaleStep.value;
+      }
+
+      if (scaleFloor.value > 0) {
+        document.getElementById("printMap").style.transform = "scale(" + scaleFloor.value + ")";
+      } else {
+        document.getElementById("printMap").style.transform = "";
+      }
+    }
+    /**
+     * 等比例缩小
+     * @param {number} step
+     */
+
+
+    function mouseScrollNarrow(step) {
+      if (step < 0 && scaleFloor.value > scaleStep.value * 2) {
+        scaleFloor.value = scaleFloor.value - scaleStep.value;
+      } else {
+        undefined;
+      }
+
+      if (scaleFloor.value > 0) {
+        document.getElementById("printMap").style.transform = "scale(" + scaleFloor.value + ")";
+      } else {
+        document.getElementById("printMap").style.transform = "";
+      }
+    }
+    /**
+     * 获取鼠标位置
+     * @param {object} event
+     */
+
+
+    function getMousePos(event) {
+      const e = event || window.event;
+      const x = e.clientX - document.querySelector("#printMap").offsetLeft;
+      const y = e.clientY - document.querySelector("#printMap").offsetTop;
+      return {
+        x: e.clientX,
+        y: e.clientY
+      };
+    }
+
+    function getPixelValue(doc, key) {
+      return Number(doc.style[key].replace("px", ""));
+    }
+    /**
+     * 清除设置
+     */
+
+
+    function destroy() {
+      if (legendShow.value) {
+        legendShow.value = false;
+      }
+
+      if (scalesShow.value) {
+        scalesShow.value = false;
+      }
+
+      setLabelData.value = [];
+      setTitleDataform.value = {
+        // 标题的数据
+        style: {
+          fontSize: "18px",
+          fontFamily: "微软雅黑",
+          color: "rgba(0, 0, 0)",
+          textarea: "",
+          backgroundColor: "",
+          padding: "5px",
+          borderRadius: "3px",
+          shadowShowBg: "red",
+          fontFamilys: [{
+            value: "微软雅黑",
+            label: "微软雅黑"
+          }, {
+            value: "新宋体",
+            label: "新宋体"
+          }, {
+            value: "楷体",
+            label: "楷体"
+          }]
+        },
+        data: {
+          title: "",
+          shadowShow: false,
+          titleShow: true
+        }
+      };
+      setLabelDataform.value = {
+        // 文本的数据
+        style: {
+          fontSize: "18px",
+          fontFamily: "微软雅黑",
+          color: "#000000",
+          width: "216px",
+          resize: "none",
+          height: "96px",
+          border: "solid 1px #dcdee2",
+          fontFamilys: [{
+            value: "微软雅黑",
+            label: "微软雅黑"
+          }, {
+            value: "新宋体",
+            label: "新宋体"
+          }, {
+            value: "楷体",
+            label: "楷体"
+          }]
+        },
+        data: {
+          labelValue: ""
+        }
+      };
+      viewModel.destroy();
+    } // 抛出方法 外部调用
+
+
+    expose({
+      destroy
+    });
+    return (_ctx, _cache) => {
+      const _component_kq_icon = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-icon");
+
+      const _component_kq_button = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-button");
+
+      const _component_kq_checkbox = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-checkbox");
+
+      const _component_kq_col = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-col");
+
+      const _component_kq_row = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-row");
+
+      const _component_kq_option = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-option");
+
+      const _component_kq_select = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-select");
+
+      const _component_kq_form_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-form-item");
+
+      const _component_kq_form = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-form");
+
+      const _component_kq_divider = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-divider");
+
+      const _component_kq_collapse_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-collapse-item");
+
+      const _component_kq_collapse = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-collapse");
+
+      const _component_kq_layer_tree = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-layer-tree");
+
+      const _component_kq_input = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-input");
+
+      const _component_kq_color_picker = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-color-picker");
+
+      const _component_kq3d_status_bar = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq3d-status-bar");
+
+      const _component_kq_legend = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-legend");
+
+      const _component_kq_scence_view = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-scence-view");
+
+      const _component_kq_scrollbar = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-scrollbar");
+
+      return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)("div", _hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", {
+        class: "settleLayer",
+        ref_key: "boxRef",
+        ref: boxRef,
+        style: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeStyle)({
+          left: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(isShowSettingBox) ? `16px` : `-442px`
+        })
+      }, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(isShowSettingBox) ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_kq_button, {
+        key: 0,
+        onClick: _cache[0] || (_cache[0] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.isRef)(isShowSettingBox) ? isShowSettingBox.value = false : isShowSettingBox = false),
+        class: "hide-setting-box-btn"
+      }, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_icon, null, {
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(icons_vue_.DArrowLeft))]),
+          _: 1
+          /* STABLE */
+
+        })]),
+        _: 1
+        /* STABLE */
+
+      })) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), !(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(isShowSettingBox) ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_kq_button, {
+        key: 1,
+        onClick: _cache[1] || (_cache[1] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.isRef)(isShowSettingBox) ? isShowSettingBox.value = true : isShowSettingBox = true),
+        class: "show-setting-box-btn"
+      }, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_icon, null, {
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(icons_vue_.DArrowRight))]),
+          _: 1
+          /* STABLE */
+
+        })]),
+        _: 1
+        /* STABLE */
+
+      })) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true)]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", {
+        class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeClass)(["setting-box", {
+          'kq-box-shadow': __props.showShadow
+        }]),
+        ref_key: "settingBoxRef",
+        ref: settingBoxRef
+      }, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", {
+        class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeClass)(["box", (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(isShowLayer) ? 'is-show-layer' : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(isShowTitle) ? 'is-show-layer' : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(isShowText) ? 'is-show-layer' : null])
+      }, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", {
+        class: "main-box",
+        ref_key: "mainBoxRef",
+        ref: mainBoxRef
+      }, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)(" 图层选择-bar "), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", {
+        class: "select-layer-bar bar",
+        onClick: _cache[2] || (_cache[2] = $event => setShowChange('layer'))
+      }, [_hoisted_3, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_icon, null, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(icons_vue_.ArrowRight))]),
+        _: 1
+        /* STABLE */
+
+      })]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", {
+        class: "select-layer-bar bar select-layer-margin",
+        onClick: _cache[3] || (_cache[3] = $event => setShowChange('title'))
+      }, [_hoisted_4, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_icon, null, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(icons_vue_.ArrowRight))]),
+        _: 1
+        /* STABLE */
+
+      })]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", {
+        class: "select-layer-bar bar select-layer-margin",
+        onClick: _cache[4] || (_cache[4] = $event => setShowChange('text'))
+      }, [_hoisted_5, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_icon, null, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(icons_vue_.ArrowRight))]),
+        _: 1
+        /* STABLE */
+
+      })]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_collapse, {
+        modelValue: activeNames.value,
+        "onUpdate:modelValue": _cache[14] || (_cache[14] = $event => activeNames.value = $event),
+        onChange: changeMainHeight
+      }, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_collapse_item, {
+          name: "1"
+        }, {
+          title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [_hoisted_6, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_icon, {
+            class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeClass)(["header-icon", activeNames.value.includes('1') ? 'is-active' : null])
+          }, {
+            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(icons_vue_.CaretRight))]),
+            _: 1
+            /* STABLE */
+
+          }, 8
+          /* PROPS */
+          , ["class"])]),
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
+            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+              span: 9
+            }, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_checkbox, {
+                class: "btnStyle",
+                modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(legendShow),
+                "onUpdate:modelValue": _cache[5] || (_cache[5] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.isRef)(legendShow) ? legendShow.value = $event : legendShow = $event),
+                onChange: showLegend
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [_hoisted_7]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["modelValue"])]),
+              _: 1
+              /* STABLE */
+
+            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+              span: 9
+            }, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_checkbox, {
+                class: "btnStyle",
+                modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(compassShow),
+                "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.isRef)(compassShow) ? compassShow.value = $event : compassShow = $event)
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [_hoisted_8]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["modelValue"])]),
+              _: 1
+              /* STABLE */
+
+            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+              span: 6
+            }, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_checkbox, {
+                class: "btnStyle",
+                modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(scalesShow),
+                "onUpdate:modelValue": _cache[7] || (_cache[7] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.isRef)(scalesShow) ? scalesShow.value = $event : scalesShow = $event)
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [_hoisted_9]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["modelValue"])]),
+              _: 1
+              /* STABLE */
+
+            })]),
+            _: 1
+            /* STABLE */
+
+          }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_10, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form, {
+            model: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(setLabelDataform),
+            "label-width": "70px",
+            "label-position": "left"
+          }, {
+            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, null, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
+                  label: "花边"
+                }, {
+                  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_select, {
+                    modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(borderStyleValue),
+                    "onUpdate:modelValue": _cache[8] || (_cache[8] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.isRef)(borderStyleValue) ? borderStyleValue.value = $event : borderStyleValue = $event),
+                    onChange: changeBorderStyleData
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.Fragment, null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.renderList)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(borderStyleData), item => {
+                      return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_kq_option, {
+                        key: item.value,
+                        label: item.label,
+                        value: item.value
+                      }, null, 8
+                      /* PROPS */
+                      , ["label", "value"]);
+                    }), 128
+                    /* KEYED_FRAGMENT */
+                    ))]),
+                    _: 1
+                    /* STABLE */
+
+                  }, 8
+                  /* PROPS */
+                  , ["modelValue"])]),
+                  _: 1
+                  /* STABLE */
+
+                })]),
+                _: 1
+                /* STABLE */
+
+              })]),
+              _: 1
+              /* STABLE */
+
+            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, null, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
+                  label: "纸张类型"
+                }, {
+                  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_select, {
+                    modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(papForm),
+                    "onUpdate:modelValue": _cache[9] || (_cache[9] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.isRef)(papForm) ? papForm.value = $event : papForm = $event),
+                    onChange: changeMapContainerSize
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_option, {
+                      value: "A2"
+                    }, {
+                      default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [_hoisted_11]),
+                      _: 1
+                      /* STABLE */
+
+                    }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_option, {
+                      value: "A3"
+                    }, {
+                      default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [_hoisted_12]),
+                      _: 1
+                      /* STABLE */
+
+                    }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_option, {
+                      value: "A4"
+                    }, {
+                      default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [_hoisted_13]),
+                      _: 1
+                      /* STABLE */
+
+                    }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_option, {
+                      value: "A5"
+                    }, {
+                      default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [_hoisted_14]),
+                      _: 1
+                      /* STABLE */
+
+                    }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_option, {
+                      value: "A6"
+                    }, {
+                      default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [_hoisted_15]),
+                      _: 1
+                      /* STABLE */
+
+                    })]),
+                    _: 1
+                    /* STABLE */
+
+                  }, 8
+                  /* PROPS */
+                  , ["modelValue"])]),
+                  _: 1
+                  /* STABLE */
+
+                })]),
+                _: 1
+                /* STABLE */
+
+              })]),
+              _: 1
+              /* STABLE */
+
+            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, null, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
+                  label: "纸张方向"
+                }, {
+                  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_select, {
+                    modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(papAnchor),
+                    "onUpdate:modelValue": _cache[10] || (_cache[10] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.isRef)(papAnchor) ? papAnchor.value = $event : papAnchor = $event),
+                    onChange: changeMapContainerSize
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_option, {
+                      value: "纵向"
+                    }, {
+                      default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [_hoisted_16]),
+                      _: 1
+                      /* STABLE */
+
+                    }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_option, {
+                      value: "横向"
+                    }, {
+                      default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [_hoisted_17]),
+                      _: 1
+                      /* STABLE */
+
+                    })]),
+                    _: 1
+                    /* STABLE */
+
+                  }, 8
+                  /* PROPS */
+                  , ["modelValue"])]),
+                  _: 1
+                  /* STABLE */
+
+                })]),
+                _: 1
+                /* STABLE */
+
+              })]),
+              _: 1
+              /* STABLE */
+
+            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, null, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
+                  label: "图片格式"
+                }, {
+                  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_select, {
+                    modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(imageType),
+                    "onUpdate:modelValue": _cache[11] || (_cache[11] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.isRef)(imageType) ? imageType.value = $event : imageType = $event)
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_option, {
+                      value: "png"
+                    }, {
+                      default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [_hoisted_18]),
+                      _: 1
+                      /* STABLE */
+
+                    }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_option, {
+                      value: "jpg"
+                    }, {
+                      default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [_hoisted_19]),
+                      _: 1
+                      /* STABLE */
+
+                    })]),
+                    _: 1
+                    /* STABLE */
+
+                  }, 8
+                  /* PROPS */
+                  , ["modelValue"])]),
+                  _: 1
+                  /* STABLE */
+
+                })]),
+                _: 1
+                /* STABLE */
+
+              })]),
+              _: 1
+              /* STABLE */
+
+            })]),
+            _: 1
+            /* STABLE */
+
+          }, 8
+          /* PROPS */
+          , ["model"])]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_divider), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_20, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
+            type: "primary",
+            onClick: _cache[12] || (_cache[12] = $event => getPic()),
+            loading: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(loadState)
+          }, {
+            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [_hoisted_21]),
+            _: 1
+            /* STABLE */
+
+          }, 8
+          /* PROPS */
+          , ["loading"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withDirectives)(((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_kq_button, {
+            type: "plain",
+            loading: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(printState),
+            onClick: _cache[13] || (_cache[13] = $event => canvasToImage())
+          }, {
+            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [_hoisted_22]),
+            _: 1
+            /* STABLE */
+
+          }, 8
+          /* PROPS */
+          , ["loading"])), [[(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)((external_vue3_print_nb_default())), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(printObj)]])])]),
+          _: 1
+          /* STABLE */
+
+        })]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["modelValue"])], 512
+      /* NEED_PATCH */
+      ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)(" 图层选择-box "), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(isShowLayer) ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)("div", {
+        key: 0,
+        class: "select-layer-box",
+        ref_key: "selectLayerBoxRef",
+        ref: selectLayerBoxRef
+      }, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)(" 图层选择-bar "), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", {
+        class: "select-layer-bar bar",
+        onClick: setMainStyle
+      }, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_icon, null, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(icons_vue_.ArrowLeft))]),
+        _: 1
+        /* STABLE */
+
+      }), _hoisted_23]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_24, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_layer_tree, {
+        showShadow: false,
+        "map-target": 'scencePrint'
+      })])], 512
+      /* NEED_PATCH */
+      )) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)(" 标题设置-box "), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", {
+        class: "select-layer-box",
+        ref_key: "selectTitleBoxRef",
+        ref: selectTitleBoxRef
+      }, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)(" 标题设置-bar "), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", {
+        class: "select-layer-bar bar",
+        onClick: setMainStyle
+      }, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_icon, null, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(icons_vue_.ArrowLeft))]),
+        _: 1
+        /* STABLE */
+
+      }), _hoisted_25]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form, {
+        model: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(setTitleDataform),
+        "label-width": "70px",
+        "label-position": "left"
+      }, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_26, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+            span: 24
+          }, {
+            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
+              label: "标题"
+            }, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_input, {
+                modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(setTitleDataform).data.title,
+                "onUpdate:modelValue": _cache[15] || (_cache[15] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(setTitleDataform).data.title = $event)
+              }, null, 8
+              /* PROPS */
+              , ["modelValue"])]),
+              _: 1
+              /* STABLE */
+
+            })]),
+            _: 1
+            /* STABLE */
+
+          })]),
+          _: 1
+          /* STABLE */
+
+        }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+            span: 24
+          }, {
+            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
+              label: "字体样式"
+            }, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_select, {
+                modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(setTitleDataform).style.fontFamily,
+                "onUpdate:modelValue": _cache[16] || (_cache[16] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(setTitleDataform).style.fontFamily = $event),
+                placeholder: "请选择",
+                style: {
+                  "width": "100%"
+                }
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.Fragment, null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.renderList)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(setTitleDataform).style.fontFamilys, item => {
+                  return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_kq_option, {
+                    key: item.value,
+                    label: item.label,
+                    value: item.value
+                  }, null, 8
+                  /* PROPS */
+                  , ["label", "value"]);
+                }), 128
+                /* KEYED_FRAGMENT */
+                ))]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["modelValue"])]),
+              _: 1
+              /* STABLE */
+
+            })]),
+            _: 1
+            /* STABLE */
+
+          })]),
+          _: 1
+          /* STABLE */
+
+        }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+            span: 16
+          }, {
+            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
+              label: "字体大小"
+            }, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_select, {
+                modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(setTitleDataform).style.fontSize,
+                "onUpdate:modelValue": _cache[17] || (_cache[17] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(setTitleDataform).style.fontSize = $event),
+                placeholder: "字体大小"
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.Fragment, null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.renderList)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(sizelist).value, size => {
+                  return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_kq_option, {
+                    key: size,
+                    value: `${size}px`
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)(size), 1
+                    /* TEXT */
+                    )]),
+                    _: 2
+                    /* DYNAMIC */
+
+                  }, 1032
+                  /* PROPS, DYNAMIC_SLOTS */
+                  , ["value"]);
+                }), 128
+                /* KEYED_FRAGMENT */
+                ))]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["modelValue"])]),
+              _: 1
+              /* STABLE */
+
+            })]),
+            _: 1
+            /* STABLE */
+
+          }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+            span: 2
+          }, {
+            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [_hoisted_27]),
+            _: 1
+            /* STABLE */
+
+          }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+            span: 6
+          }, {
+            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
+              label: "字体颜色"
+            }, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_color_picker, {
+                modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(setTitleDataform).style.color,
+                "onUpdate:modelValue": _cache[18] || (_cache[18] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(setTitleDataform).style.color = $event),
+                "show-alpha": ""
+              }, null, 8
+              /* PROPS */
+              , ["modelValue"])]),
+              _: 1
+              /* STABLE */
+
+            })]),
+            _: 1
+            /* STABLE */
+
+          })]),
+          _: 1
+          /* STABLE */
+
+        }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+            span: 8
+          }, {
+            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
+              label: "背景颜色"
+            }, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_color_picker, {
+                modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(setTitleDataform).style.backgroundColor,
+                "onUpdate:modelValue": _cache[19] || (_cache[19] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(setTitleDataform).style.backgroundColor = $event),
+                "show-alpha": ""
+              }, null, 8
+              /* PROPS */
+              , ["modelValue"])]),
+              _: 1
+              /* STABLE */
+
+            })]),
+            _: 1
+            /* STABLE */
+
+          }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+            span: 8
+          }, {
+            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
+              label: "阴影颜色"
+            }, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_color_picker, {
+                modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(setTitleDataform).style.shadowShowBg,
+                "onUpdate:modelValue": _cache[20] || (_cache[20] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(setTitleDataform).style.shadowShowBg = $event),
+                "show-alpha": ""
+              }, null, 8
+              /* PROPS */
+              , ["modelValue"])]),
+              _: 1
+              /* STABLE */
+
+            })]),
+            _: 1
+            /* STABLE */
+
+          }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+            span: 8
+          }, {
+            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_28, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_checkbox, {
+              modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(setTitleDataform).data.shadowShow,
+              "onUpdate:modelValue": _cache[21] || (_cache[21] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(setTitleDataform).data.shadowShow = $event)
+            }, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [_hoisted_29]),
+              _: 1
+              /* STABLE */
+
+            }, 8
+            /* PROPS */
+            , ["modelValue"])])]),
+            _: 1
+            /* STABLE */
+
+          })]),
+          _: 1
+          /* STABLE */
+
+        }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_divider), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_30, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_checkbox, {
+          modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(setTitleDataform).data.titleShow,
+          "onUpdate:modelValue": _cache[22] || (_cache[22] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(setTitleDataform).data.titleShow = $event)
+        }, {
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [_hoisted_31]),
+          _: 1
+          /* STABLE */
+
+        }, 8
+        /* PROPS */
+        , ["modelValue"])])])]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["model"])], 512
+      /* NEED_PATCH */
+      ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(isShowTitle)]]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)(" 添加文本-box "), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", {
+        class: "select-layer-box",
+        ref_key: "selectTextBoxRef",
+        ref: selectTextBoxRef
+      }, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)(" 添加文本-bar "), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", {
+        class: "select-layer-bar bar",
+        onClick: setMainStyle
+      }, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_icon, null, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(icons_vue_.ArrowLeft))]),
+        _: 1
+        /* STABLE */
+
+      }), _hoisted_32]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_33, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form, {
+        model: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(setLabelDataform),
+        "label-width": "70px",
+        "label-position": "left"
+      }, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
+          label: "字体样式"
+        }, {
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_select, {
+            modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(setLabelDataform).style.fontFamily,
+            "onUpdate:modelValue": _cache[23] || (_cache[23] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(setLabelDataform).style.fontFamily = $event),
+            placeholder: "请选择",
+            style: {
+              "width": "100%"
+            }
+          }, {
+            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.Fragment, null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.renderList)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(setLabelDataform).style.fontFamilys, item => {
+              return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_kq_option, {
+                key: item.value,
+                label: item.label,
+                value: item.value
+              }, null, 8
+              /* PROPS */
+              , ["label", "value"]);
+            }), 128
+            /* KEYED_FRAGMENT */
+            ))]),
+            _: 1
+            /* STABLE */
+
+          }, 8
+          /* PROPS */
+          , ["modelValue"])]),
+          _: 1
+          /* STABLE */
+
+        }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+            span: 16
+          }, {
+            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
+              label: "字体大小"
+            }, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_select, {
+                modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(setLabelDataform).style.fontSize,
+                "onUpdate:modelValue": _cache[24] || (_cache[24] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(setLabelDataform).style.fontSize = $event),
+                placeholder: "大小"
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.Fragment, null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.renderList)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(sizelist).value, size => {
+                  return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_kq_option, {
+                    key: size,
+                    value: `${size}px`
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)(size), 1
+                    /* TEXT */
+                    )]),
+                    _: 2
+                    /* DYNAMIC */
+
+                  }, 1032
+                  /* PROPS, DYNAMIC_SLOTS */
+                  , ["value"]);
+                }), 128
+                /* KEYED_FRAGMENT */
+                ))]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["modelValue"])]),
+              _: 1
+              /* STABLE */
+
+            })]),
+            _: 1
+            /* STABLE */
+
+          }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+            span: 2
+          }, {
+            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [_hoisted_34]),
+            _: 1
+            /* STABLE */
+
+          }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+            span: 6
+          }, {
+            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
+              label: "字体颜色"
+            }, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", null, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_color_picker, {
+                modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(setLabelDataform).style.color,
+                "onUpdate:modelValue": _cache[25] || (_cache[25] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(setLabelDataform).style.color = $event),
+                "show-alpha": ""
+              }, null, 8
+              /* PROPS */
+              , ["modelValue"])])]),
+              _: 1
+              /* STABLE */
+
+            })]),
+            _: 1
+            /* STABLE */
+
+          })]),
+          _: 1
+          /* STABLE */
+
+        }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
+          class: "textarea",
+          label: "文本"
+        }, {
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("textarea", {
+            class: "textcontent",
+            rows: "12",
+            placeholder: "请输入内容",
+            spellcheck: "false",
+            "onUpdate:modelValue": _cache[26] || (_cache[26] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(setLabelDataform).data.labelValue = $event),
+            style: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeStyle)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(setLabelDataform).style)
+          }, null, 4
+          /* STYLE */
+          ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.vModelText, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(setLabelDataform).data.labelValue]])]),
+          _: 1
+          /* STABLE */
+
+        })]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["model"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_divider), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_35, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
+        type: "primary",
+        onClick: addLabel
+      }, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [_hoisted_36]),
+        _: 1
+        /* STABLE */
+
+      }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
+        type: "plain",
+        onClick: clearLabel
+      }, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [_hoisted_37]),
+        _: 1
+        /* STABLE */
+
+      })])])], 512
+      /* NEED_PATCH */
+      ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(isShowText)]])], 2
+      /* CLASS */
+      )], 2
+      /* CLASS */
+      )], 4
+      /* STYLE */
+      ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_38, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_39, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
+        onClick: Enlarge,
+        title: "等比例放大",
+        class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeClass)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(isActive) === 1 ? 'clickborder' : '')
+      }, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_icon, null, {
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(icons_vue_.ZoomIn))]),
+          _: 1
+          /* STABLE */
+
+        })]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["class"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
+        onClick: Narrow,
+        title: "等比例缩小",
+        class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeClass)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(isActive) === 2 ? 'clickborder' : '')
+      }, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_icon, null, {
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(icons_vue_.ZoomOut))]),
+          _: 1
+          /* STABLE */
+
+        })]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["class"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
+        onClick: MovePrint,
+        title: "拖拽",
+        class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeClass)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(isActive) === 3 ? 'clickborder' : '')
+      }, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_icon, null, {
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(icons_vue_.Rank))]),
+          _: 1
+          /* STABLE */
+
+        })]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["class"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
+        onClick: RefreshStatus,
+        title: "恢复"
+      }, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_icon, null, {
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(icons_vue_.Refresh))]),
+          _: 1
+          /* STABLE */
+
+        })]),
+        _: 1
+        /* STABLE */
+
+      })])]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", {
+        ref_key: "printDiv",
+        ref: printDiv,
+        class: "kq3d-client-print-printDiv"
+      }, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_scrollbar, null, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", {
+          ref_key: "printMap",
+          ref: printMap,
+          class: "kq3d-client-print-mapContainerDiv kq3d-client-print-a4VSize",
+          onselectstart: "return false",
+          id: "printMap"
+        }, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_40, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", {
+          ref_key: "titleRef",
+          ref: titleRef,
+          style: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeStyle)({
+            boxShadow: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(setTitleDataform).data.shadowShow ? (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(setTitleDataform).style.shadowShowBg + ' 5px 2px 6px' : ''
+          }),
+          class: "kq3d-client-print-titleDivStyle"
+        }, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", {
+          style: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeStyle)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(setTitleDataform).style)
+        }, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(setTitleDataform).data.title), 5
+        /* TEXT, STYLE */
+        )], 4
+        /* STYLE */
+        ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(setTitleDataform).data.titleShow]])]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", {
+          class: "kq3d-client-print-printContentDiv kq3d-client-print-printborder1",
+          ref_key: "printContentDiv",
+          ref: printContentDiv
+        }, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_41, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("img", {
+          src: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(scenceImageUrl)
+        }, null, 8
+        /* PROPS */
+        , _hoisted_42)]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_scence_view, {
+          target: 'scencePrint',
+          options: __props.options,
+          service: __props.service,
+          scenceInfo: __props.scenceInfo,
+          showToolButtons: __props.showToolButtons,
+          defaultShowLayerNames: __props.defaultShowLayerNames,
+          toolButtonsPosition: __props.toolButtonsPosition,
+          showLogo: __props.showLogo,
+          style: {
+            "position": "relative"
+          }
+        }, {
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(scalesShow) ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_kq3d_status_bar, {
+            key: 0
+          })) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("图例"), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", {
+            class: "kq3d-client-print-legendDiv",
+            onMouseover: setdragCursor,
+            onMousedown: dragTl,
+            id: "divlegendDiv"
+          }, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(legendShow) ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_kq_legend, {
+            key: 0,
+            mapTarget: "scencePrint",
+            ref_key: "lengend_ref",
+            ref: lengend_ref
+          }, null, 512
+          /* NEED_PATCH */
+          )) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true)], 32
+          /* HYDRATE_EVENTS */
+          ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("指北针"), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", {
+            class: "kq3d-client-print-compassDiv",
+            onMouseover: setdragCursor,
+            onMousedown: dragTl,
+            id: "divcompassDiv"
+          }, [_hoisted_43, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("img", {
+            class: "kq3d-client-print-compassImgStyle",
+            src: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(const_image_.COMMPASS_URL)
+          }, null, 8
+          /* PROPS */
+          , _hoisted_44)], 544
+          /* HYDRATE_EVENTS, NEED_PATCH */
+          ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(compassShow)]]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)(" 文本标注 "), ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.Fragment, null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.renderList)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(setLabelData).value, item => {
+            return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withDirectives)(((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)("div", {
+              id: item.data.dataId,
+              key: item.data.dataId,
+              class: "kq3d-client-print-labelDivStyle",
+              onMouseover: setdragCursor,
+              onMousedown: dragTl
+            }, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", {
+              style: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeStyle)(item.style)
+            }, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)(item.data.labelValue), 5
+            /* TEXT, STYLE */
+            ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", {
+              class: "closeIconDiv",
+              onClick: $event => delLabel(item.data.dataId),
+              style: {
+                "position": "absolute",
+                "top": "0px",
+                "right": "0px",
+                "display": "none"
+              }
+            }, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_icon, {
+              size: 24,
+              style: {
+                "cursor": "Pointer",
+                "color": "#da0000"
+              },
+              title: "关闭"
+            }, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(icons_vue_.Close))]),
+              _: 1
+              /* STABLE */
+
+            })], 8
+            /* PROPS */
+            , _hoisted_46)], 40
+            /* PROPS, HYDRATE_EVENTS */
+            , _hoisted_45)), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.vShow, item.data.isShow]]);
+          }), 128
+          /* KEYED_FRAGMENT */
+          ))]),
+          _: 1
+          /* STABLE */
+
+        }, 8
+        /* PROPS */
+        , ["options", "service", "scenceInfo", "showToolButtons", "defaultShowLayerNames", "toolButtonsPosition", "showLogo"])], 512
+        /* NEED_PATCH */
+        ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_47, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_48, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("span", null, "日期：" + (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(systemTime)), 1
+        /* TEXT */
+        )]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_49, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("span", null, "公司：" + (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(companyName)), 1
+        /* TEXT */
+        )])])], 512
+        /* NEED_PATCH */
+        )]),
+        _: 1
+        /* STABLE */
+
+      })], 512
+      /* NEED_PATCH */
+      )], 512
+      /* NEED_PATCH */
+      );
+    };
+  }
+
+}));
+;// CONCATENATED MODULE: ./src/webgl/clientPrint/ClientPrint.vue?vue&type=script&setup=true&lang=js
+ 
+;// CONCATENATED MODULE: ./src/webgl/clientPrint/ClientPrint.vue
+
+
+
+const __exports__ = ClientPrintvue_type_script_setup_true_lang_js;
+
+/* harmony default export */ var ClientPrint = (__exports__);
+// EXTERNAL MODULE: external "@kq_npm/client_common_vue/init.js"
+var init_js_ = __webpack_require__(5406);
+var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_);
+;// CONCATENATED MODULE: ./src/webgl/clientPrint/index.js
+
+
+
+
+ClientPrint.install = (Vue, opts) => {
+  init_js_default()(Vue, opts);
+  Vue.component(ClientPrint.name, ClientPrint);
+};
+
+
+}();
+module.exports = __webpack_exports__;
+/******/ })()
+;