@tencentcloud/roomkit-electron-vue3 2.6.7-beta.1 → 2.7.0

package/lib/components/Whiteboard/controller/ToolBox/image/triangle.svg.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const triangle = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='24px'%20height='24px'%20viewBox='0%200%2024%2024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3e%3c/title%3e%3cg%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20transform='translate(-96.000000,%20-48.000000)'%20stroke='%23444E60'%3e%3cg%20transform='translate(56.000000,%208.000000)'%3e%3cg%20transform='translate(40.000000,%2040.000000)'%3e%3cpath%20d='M11.8735432,6.51639519%20L18.4433604,16.8729099%20C18.5014646,16.9705991%2018.513552,17.0816789%2018.4849451,17.1824518%20C18.4637477,17.2571235%2018.4207741,17.3254323%2018.3599622,17.3797162%20L18.3599622,17.3797162%20L5.9619473,17.5%20C5.83202254,17.5%205.71357665,17.4508256%205.62815063,17.3687543%20C5.5756394,17.3183052%205.53576798,17.2551406%205.51530514,17.1841993%20L5.51530514,17.1841993%20L11.5944453,6.72141053%20C11.6575042,6.61539105%2011.7604689,6.5460226%2011.8735432,6.51639519%20L11.8735432,6.51639519%20Z'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e";
-exports.default = triangle;

package/lib/components/Whiteboard/controller/ToolBox/index.vue.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const index_vue_vue_type_script_setup_true_lang = require("./index.vue2.js");
-;/* empty css            */
-const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
-const ToolBox = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-af4f8b2f"]]);
-exports.default = ToolBox;

package/lib/components/Whiteboard/controller/ToolBox/index.vue2.js

@@ -1,136 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const Vue = require("vue");
-const selector = require("./image/selector.svg.js");
-const selectorActive = require("./image/selector-active.svg.js");
-const pencil = require("./image/pencil.svg.js");
-const pencilActive = require("./image/pencil-active.svg.js");
-const text = require("./image/text.svg.js");
-const textActive = require("./image/text-active.svg.js");
-const eraser = require("./image/eraser.svg.js");
-const eraserActive = require("./image/eraser-active.svg.js");
-const arrow = require("./image/arrow.svg.js");
-const arrowActive = require("./image/arrow-active.svg.js");
-const ellipse = require("./image/ellipse.svg.js");
-const ellipseActive = require("./image/ellipse-active.svg.js");
-const rectangle = require("./image/rectangle.svg.js");
-const rectangleActive = require("./image/rectangle-active.svg.js");
-const straight = require("./image/straight.svg.js");
-const straightActive = require("./image/straight-active.svg.js");
-const triangle = require("./image/triangle.svg.js");
-const triangleActive = require("./image/triangle-active.svg.js");
-const clear = require("./image/clear.svg.js");
-const useMitt = require("../../../../hooks/useMitt.js");
-const _hoisted_1 = { class: "tool-mid-box-left" };
-const _hoisted_2 = ["onClick"];
-const _hoisted_3 = ["src"];
-const _hoisted_4 = { class: "tool-box-cell-box-left" };
-const _hoisted_5 = ["src"];
-const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
-  __name: "index",
-  setup(__props) {
-    const canvas = Vue.inject("canvas");
-    const tools = Vue.ref([
-      {
-        name: "select",
-        icon: selector.default,
-        iconActive: selectorActive.default,
-        shapeType: "select"
-      },
-      {
-        name: "pencil",
-        icon: pencil.default,
-        iconActive: pencilActive.default,
-        shapeType: "pencil"
-      },
-      {
-        name: "text",
-        icon: text.default,
-        iconActive: textActive.default,
-        shapeType: "text"
-      },
-      {
-        name: "eraser",
-        icon: eraser.default,
-        iconActive: eraserActive.default,
-        shapeType: "eraser"
-      },
-      {
-        name: "triangle",
-        icon: triangle.default,
-        iconActive: triangleActive.default,
-        shapeType: "triangle"
-      },
-      {
-        name: "ellipse",
-        icon: ellipse.default,
-        iconActive: ellipseActive.default,
-        shapeType: "circle"
-      },
-      {
-        name: "rectangle",
-        icon: rectangle.default,
-        iconActive: rectangleActive.default,
-        shapeType: "rectangle"
-      },
-      {
-        name: "straight",
-        icon: straight.default,
-        iconActive: straightActive.default,
-        shapeType: "line"
-      },
-      {
-        name: "arrow",
-        icon: arrow.default,
-        iconActive: arrowActive.default,
-        shapeType: "arrow"
-      }
-    ]);
-    const currentShapType = Vue.ref("pencil");
-    function clickAppliance(type) {
-      currentShapType.value = type;
-      canvas == null ? void 0 : canvas.value.setDrawingTool(type);
-    }
-    function clickClear() {
-      canvas == null ? void 0 : canvas.value.clearCanvas();
-      useMitt.default.emit("undo-clear-canvas");
-    }
-    function changeToSelect() {
-      currentShapType.value = "select";
-    }
-    Vue.onMounted(() => {
-      useMitt.default.on("insert-images", changeToSelect);
-    });
-    Vue.onUnmounted(() => {
-      useMitt.default.off("insert-images", changeToSelect);
-    });
-    return (_ctx, _cache) => {
-      return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
-        (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(tools.value, (item) => {
-          return Vue.openBlock(), Vue.createElementBlock("div", {
-            class: "tool-box-cell-box-left",
-            key: item.shapeType
-          }, [
-            Vue.createElementVNode("div", {
-              class: "tool-box-cell",
-              onClick: ($event) => clickAppliance(item.shapeType)
-            }, [
-              Vue.createElementVNode("img", {
-                src: item.shapeType === currentShapType.value ? item.iconActive : item.icon
-              }, null, 8, _hoisted_3)
-            ], 8, _hoisted_2)
-          ]);
-        }), 128)),
-        Vue.createElementVNode("div", _hoisted_4, [
-          Vue.createElementVNode("div", {
-            class: "tool-box-cell",
-            onClick: clickClear
-          }, [
-            Vue.createElementVNode("img", { src: Vue.unref(clear.default) }, null, 8, _hoisted_5)
-          ])
-        ])
-      ]);
-    };
-  }
-});
-exports.default = _sfc_main;

package/lib/components/Whiteboard/index.vue2.js

@@ -1,118 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const Vue = require("vue");
-const electron = require("electron");
-const index$5 = require("./core/index.js");
-const index = require("./controller/ToolBox/index.vue.js");
-const index$1 = require("./controller/RedoUndo/index.vue.js");
-const index$3 = require("./controller/CloseController/index.vue.js");
-const utils = require("../../utils/utils.js");
-const index$2 = require("./controller/SaveController/index.vue.js");
-const index$4 = require("./controller/ImageController/index.vue.js");
-const _withScopeId = (n) => (Vue.pushScopeId("data-v-90cba0ec"), n = n(), Vue.popScopeId(), n);
-const _hoisted_1 = { class: "tool-box-out" };
-const _hoisted_2 = { class: "redo-undo-box" };
-const _hoisted_3 = { class: "controller-box" };
-const _hoisted_4 = { class: "save-controller" };
-const _hoisted_5 = { class: "close-controller" };
-const _hoisted_6 = { class: "image-controller" };
-const _hoisted_7 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ Vue.createElementVNode("canvas", {
-  class: "whiteboard-canvas",
-  id: "canvas"
-}, null, -1));
-const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
-  __name: "index",
-  setup(__props) {
-    const isAnnotationWin = Vue.ref(false);
-    const isAnnotationStarted = Vue.ref(false);
-    const canvas = Vue.ref();
-    const canvasWrapRef = Vue.ref();
-    Vue.provide("canvas", canvas);
-    const isControllerVisiable = Vue.computed(
-      () => !isAnnotationWin.value || isAnnotationStarted.value
-    );
-    const isSaveControllerVisiable = Vue.computed(() => !isAnnotationWin.value);
-    const isImageControllerVisiable = Vue.computed(() => !isAnnotationWin.value);
-    function init() {
-      const fabricCanvas = new index$5.default("canvas");
-      canvas.value = fabricCanvas;
-    }
-    function resizeCanvas() {
-      var _a, _b;
-      canvas.value.setWidth((_a = canvasWrapRef.value) == null ? void 0 : _a.offsetWidth);
-      canvas.value.setHeight((_b = canvasWrapRef.value) == null ? void 0 : _b.offsetHeight);
-    }
-    Vue.onMounted(() => {
-      var _a, _b, _c;
-      init();
-      const annotationParam = utils.getUrlParam("isAnnotationWin");
-      if (annotationParam && annotationParam === "true") {
-        isAnnotationWin.value = true;
-      }
-      if (!isAnnotationWin.value) {
-        (_a = canvas.value) == null ? void 0 : _a.setBackgroundColor("white");
-      }
-      canvas.value.setWidth((_b = canvasWrapRef.value) == null ? void 0 : _b.offsetWidth);
-      canvas.value.setHeight((_c = canvasWrapRef.value) == null ? void 0 : _c.offsetHeight);
-      window.addEventListener("resize", resizeCanvas);
-    });
-    Vue.onUnmounted(() => {
-      window.removeEventListener("resize", resizeCanvas);
-    });
-    electron.ipcRenderer.on("annotation:annotating-started", () => {
-      isAnnotationStarted.value = true;
-    });
-    electron.ipcRenderer.on("annotation:annotating-stopped", () => {
-      isAnnotationStarted.value = false;
-    });
-    electron.ipcRenderer.on("whiteboard:clear", () => {
-      if (canvas.value) {
-        canvas.value.reloadCanvas();
-      }
-    });
-    electron.ipcRenderer.on("annotation:clear", () => {
-      if (canvas.value) {
-        canvas.value.reloadCanvas();
-      }
-    });
-    return (_ctx, _cache) => {
-      return Vue.openBlock(), Vue.createElementBlock("div", null, [
-        Vue.createElementVNode("div", {
-          class: "canvas-wrap",
-          ref_key: "canvasWrapRef",
-          ref: canvasWrapRef
-        }, [
-          Vue.withDirectives(Vue.createElementVNode("div", _hoisted_1, [
-            Vue.createVNode(index.default)
-          ], 512), [
-            [Vue.vShow, isControllerVisiable.value]
-          ]),
-          Vue.withDirectives(Vue.createElementVNode("div", _hoisted_2, [
-            Vue.createVNode(index$1.default)
-          ], 512), [
-            [Vue.vShow, isControllerVisiable.value]
-          ]),
-          Vue.createElementVNode("div", _hoisted_3, [
-            Vue.withDirectives(Vue.createElementVNode("div", _hoisted_4, [
-              Vue.createVNode(index$2.default)
-            ], 512), [
-              [Vue.vShow, isSaveControllerVisiable.value]
-            ]),
-            Vue.withDirectives(Vue.createElementVNode("div", _hoisted_5, [
-              Vue.createVNode(index$3.default)
-            ], 512), [
-              [Vue.vShow, isControllerVisiable.value]
-            ])
-          ]),
-          Vue.withDirectives(Vue.createElementVNode("div", _hoisted_6, [
-            Vue.createVNode(index$4.default)
-          ], 512), [
-            [Vue.vShow, isImageControllerVisiable.value]
-          ]),
-          _hoisted_7
-        ], 512)
-      ]);
-    };
-  }
-});
-exports.default = _sfc_main;