@tencentcloud/roomkit-electron-vue3 2.6.7 → 2.7.1

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

@@ -0,0 +1,163 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const index = require("../../../../locales/index.js");
+const type = require("../../type.js");
+const IconButton = require("../../../common/base/IconButton.vue.js");
+const vClickOutside = require("../../../../directives/vClickOutside.js");
+;/* empty css                       */
+const ArrowIcon = require("../Icon/ArrowIcon.vue.js");
+const SizeSmall = require("../Image/SizeSmall.svg.js");
+const SizeMid = require("../Image/SizeMid.svg.js");
+const SizeBig = require("../Image/SizeBig.svg.js");
+const SizeLarge = require("../Image/SizeLarge.svg.js");
+const BlueIcon = require("../Image/BlueIcon.svg.js");
+const PurpleIcon = require("../Image/PurpleIcon.svg.js");
+const YellowIcon = require("../Image/YellowIcon.svg.js");
+const OrangeIcon = require("../Image/OrangeIcon.svg.js");
+const RedIcon = require("../Image/RedIcon.svg.js");
+const GreenIcon = require("../Image/GreenIcon.svg.js");
+const DeepBlueIcon = require("../Image/DeepBlueIcon.svg.js");
+const BlackIcon = require("../Image/BlackIcon.svg.js");
+const DarkGrayIcon = require("../Image/DarkGrayIcon.svg.js");
+const GrayIcon = require("../Image/GrayIcon.svg.js");
+const LightGrayIcon = require("../Image/LightGrayIcon.svg.js");
+const WhiteIcon = require("../Image/WhiteIcon.svg.js");
+const index$1 = require("../../../../utils/common/logger/index.js");
+const _hoisted_1 = {
+  key: 0,
+  class: "arrow-tool-setting whiteboard-tool-setting"
+};
+const _hoisted_2 = { class: "size-setting-title setting-title" };
+const _hoisted_3 = { class: "size-setting-section setting-section" };
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = ["src"];
+const _hoisted_6 = { class: "color-setting-title setting-title" };
+const _hoisted_7 = { class: "color-setting-section setting-section" };
+const _hoisted_8 = ["onClick"];
+const _hoisted_9 = ["src"];
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "index",
+  props: {
+    activeTool: String
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const { t } = index.useI18n();
+    const lineSizes = [
+      { icon: SizeSmall.default, size: 2 },
+      { icon: SizeMid.default, size: 4 },
+      { icon: SizeBig.default, size: 6 },
+      { icon: SizeLarge.default, size: 8 }
+    ];
+    const lineColors = [
+      { color: "#4791FF", icon: BlueIcon.default },
+      { color: "#5940D7", icon: PurpleIcon.default },
+      { color: "#F5C342", icon: YellowIcon.default },
+      { color: "#E05734", icon: OrangeIcon.default },
+      { color: "#DC3859", icon: RedIcon.default },
+      { color: "#1AD32C", icon: GreenIcon.default },
+      { color: "#104683", icon: DeepBlueIcon.default },
+      { color: "#22262E", icon: BlackIcon.default },
+      { color: "#86909A", icon: DarkGrayIcon.default },
+      { color: "#B5BBC3", icon: GrayIcon.default },
+      { color: "#DBDDE2", icon: LightGrayIcon.default },
+      { color: "#EAEEF3", icon: WhiteIcon.default }
+    ];
+    const showSettings = Vue.ref(false);
+    const props = __props;
+    function handleHideButtonSetting() {
+      if (props.activeTool === type.DrawingTool.Arrow) {
+        showSettings.value = false;
+      }
+    }
+    const toolSetting = Vue.reactive({
+      drawingTool: type.DrawingTool.Arrow,
+      shapeOptions: {
+        strokeWidth: 4,
+        stroke: "#22262E"
+      }
+    });
+    const emit = __emit;
+    Vue.watch(
+      () => props.activeTool,
+      () => {
+        showSettings.value = false;
+      }
+    );
+    const onClick = () => {
+      showSettings.value = !showSettings.value;
+      emit("click", toolSetting);
+      index$1.default.debug("toolSetting", toolSetting);
+      index$1.default.debug("emit", showSettings.value);
+      index$1.default.debug("emit", showSettings.value);
+      index$1.default.debug("emit", showSettings.value);
+      index$1.default.debug("emit", showSettings.value);
+      index$1.default.debug("emit", showSettings.value);
+    };
+    const handleSizeClick = (size) => {
+      var _a;
+      if (size === ((_a = toolSetting.shapeOptions) == null ? void 0 : _a.strokeWidth)) {
+        return;
+      }
+      toolSetting.shapeOptions.strokeWidth = size;
+      emit("click", toolSetting);
+    };
+    const handleColorClick = (color) => {
+      if (toolSetting.shapeOptions.stroke !== color) {
+        toolSetting.shapeOptions.stroke = color;
+        emit("click", toolSetting);
+      }
+    };
+    return (_ctx, _cache) => {
+      return Vue.withDirectives((Vue.openBlock(), Vue.createBlock(IconButton.default, {
+        class: "tool-button",
+        onClickIcon: onClick
+      }, {
+        default: Vue.withCtx(() => [
+          Vue.createVNode(ArrowIcon.default, {
+            class: Vue.normalizeClass({ "whiteboard-icon-active": __props.activeTool === Vue.unref(type.DrawingTool).Arrow })
+          }, null, 8, ["class"]),
+          showSettings.value && __props.activeTool === "Arrow" ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+            Vue.createElementVNode("div", _hoisted_2, Vue.toDisplayString(Vue.unref(t)("Arrow Size")), 1),
+            Vue.createElementVNode("div", _hoisted_3, [
+              (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(lineSizes, (lineSize) => {
+                return Vue.createElementVNode("button", {
+                  key: lineSize.size,
+                  class: Vue.normalizeClass(["size-button setting-option-button", {
+                    "button-active": lineSize.size === toolSetting.shapeOptions.strokeWidth
+                  }]),
+                  onClick: Vue.withModifiers(($event) => handleSizeClick(lineSize.size), ["stop"])
+                }, [
+                  Vue.createElementVNode("img", {
+                    src: lineSize.icon
+                  }, null, 8, _hoisted_5)
+                ], 10, _hoisted_4);
+              }), 64))
+            ]),
+            Vue.createElementVNode("div", _hoisted_6, Vue.toDisplayString(Vue.unref(t)("Arrow Color")), 1),
+            Vue.createElementVNode("div", _hoisted_7, [
+              (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(lineColors, (lineColor) => {
+                return Vue.createElementVNode("button", {
+                  key: lineColor.color,
+                  class: Vue.normalizeClass(["color-button setting-option-button", {
+                    "button-active": lineColor.color === toolSetting.shapeOptions.stroke
+                  }]),
+                  onClick: Vue.withModifiers(($event) => handleColorClick(lineColor.color), ["stop"])
+                }, [
+                  Vue.createElementVNode("img", {
+                    src: lineColor.icon
+                  }, null, 8, _hoisted_9)
+                ], 10, _hoisted_8);
+              }), 64))
+            ])
+          ])) : Vue.createCommentVNode("", true)
+        ]),
+        _: 1
+      })), [
+        [Vue.unref(vClickOutside.default), handleHideButtonSetting]
+      ]);
+    };
+  }
+});
+exports.default = _sfc_main;

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const index_vue_vue_type_script_setup_true_lang = require("./index.vue.js");
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

package/lib/components/Whiteboard/ToolBox/ClearButton.vue.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _default;

package/lib/components/Whiteboard/ToolBox/ClearButton.vue.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const type = require("../type.js");
+const IconButton = require("../../common/base/IconButton.vue.js");
+const ClearIcon = require("./Icon/ClearIcon.vue.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "ClearButton",
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const onClick = () => {
+      emit("click", {
+        drawingTool: type.DrawingTool.Clear
+      });
+    };
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createBlock(IconButton.default, {
+        class: "tool-button",
+        onClickIcon: onClick,
+        icon: ClearIcon.default
+      });
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/Whiteboard/ToolBox/ClearButton.vue2.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const ClearButton_vue_vue_type_script_setup_true_lang = require("./ClearButton.vue.js");
+exports.default = ClearButton_vue_vue_type_script_setup_true_lang.default;

package/lib/components/Whiteboard/ToolBox/DownloadButton.vue.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _default;

package/lib/components/Whiteboard/ToolBox/DownloadButton.vue.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const type = require("../type.js");
+const IconButton = require("../../common/base/IconButton.vue.js");
+const DownloadIcon = require("./Icon/DownloadIcon.vue.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "DownloadButton",
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const onClick = () => {
+      emit("click", {
+        drawingTool: type.DrawingTool.Download
+      });
+    };
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createBlock(IconButton.default, {
+        class: "tool-button",
+        onClickIcon: onClick,
+        icon: DownloadIcon.default
+      });
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/Whiteboard/ToolBox/DownloadButton.vue2.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const DownloadButton_vue_vue_type_script_setup_true_lang = require("./DownloadButton.vue.js");
+exports.default = DownloadButton_vue_vue_type_script_setup_true_lang.default;

package/lib/components/Whiteboard/ToolBox/EraserButton.vue.d.ts

@@ -0,0 +1,10 @@
+declare const _default: import('vue').DefineComponent<{
+    activeTool: StringConstructor;
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+    activeTool: StringConstructor;
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _default;

package/lib/components/Whiteboard/ToolBox/EraserButton.vue.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const type = require("../type.js");
+const IconButton = require("../../common/base/IconButton.vue.js");
+const EraserIcon = require("./Icon/EraserIcon.vue.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "EraserButton",
+  props: {
+    activeTool: String
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const onClick = () => {
+      if (props.activeTool === type.DrawingTool.Eraser) {
+        return;
+      }
+      emit("click", {
+        drawingTool: type.DrawingTool.Eraser
+      });
+    };
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createBlock(IconButton.default, {
+        class: "tool-button",
+        onClickIcon: onClick
+      }, {
+        default: Vue.withCtx(() => [
+          Vue.createVNode(EraserIcon.default, {
+            class: Vue.normalizeClass({ "whiteboard-icon-active": __props.activeTool === Vue.unref(type.DrawingTool).Eraser })
+          }, null, 8, ["class"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/Whiteboard/ToolBox/EraserButton.vue2.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const EraserButton_vue_vue_type_script_setup_true_lang = require("./EraserButton.vue.js");
+exports.default = EraserButton_vue_vue_type_script_setup_true_lang.default;

package/lib/components/Whiteboard/ToolBox/Icon/ArrowIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/components/Whiteboard/ToolBox/Icon/ArrowIcon.vue.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+const _sfc_main = {};
+const _hoisted_1 = {
+  width: "14",
+  height: "14",
+  viewBox: "0 0 14 14",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /* @__PURE__ */ Vue.createElementVNode("path", {
+  d: "M3.87484 1.16675H12.8332M12.8332 1.16675V10.1251M12.8332 1.16675L1.1665 12.8334",
+  stroke: "currentColor",
+  "stroke-width": "1.66667"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function _sfc_render(_ctx, _cache) {
+  return Vue.openBlock(), Vue.createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const ArrowIcon = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = ArrowIcon;

package/lib/components/Whiteboard/ToolBox/Icon/ClearIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/components/Whiteboard/ToolBox/Icon/ClearIcon.vue.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+const _sfc_main = {};
+const _hoisted_1 = {
+  width: "18",
+  height: "20",
+  viewBox: "0 0 18 20",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /* @__PURE__ */ Vue.createElementVNode("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M5.25033 0.83252H12.7503V3.33252H17.3337V4.99919H15.6428L15.2262 19.1659H2.77448L2.35781 4.99919H0.666992V3.33252H5.25033V0.83252ZM6.91699 3.33252H11.0837V2.49919H6.91699V3.33252ZM4.02519 4.99919L4.39284 17.4992H13.6078L13.9755 4.99919H4.02519ZM9.83366 6.66585V15.8325H8.16699V6.66585H9.83366Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function _sfc_render(_ctx, _cache) {
+  return Vue.openBlock(), Vue.createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const ClearIcon = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = ClearIcon;

package/lib/components/Whiteboard/ToolBox/Icon/DownloadIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/components/Whiteboard/ToolBox/Icon/DownloadIcon.vue.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+const _sfc_main = {};
+const _hoisted_1 = {
+  width: "18",
+  height: "16",
+  viewBox: "0 0 18 16",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /* @__PURE__ */ Vue.createElementVNode("path", {
+  d: "M9.83382 0.5V8.48817L13.1671 5.15482L14.3457 6.33333L9.00049 11.6785L3.65527 6.33333L4.83379 5.15482L8.16716 8.48817V0.5H9.83382Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_3 = /* @__PURE__ */ Vue.createElementVNode("path", {
+  d: "M2.33366 13.8333V8.83333H0.666992V15.5H17.3337V8.83333H15.667V13.8333H2.33366Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_4 = [
+  _hoisted_2,
+  _hoisted_3
+];
+function _sfc_render(_ctx, _cache) {
+  return Vue.openBlock(), Vue.createElementBlock("svg", _hoisted_1, _hoisted_4);
+}
+const DownloadIcon = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = DownloadIcon;

package/lib/components/Whiteboard/ToolBox/Icon/EraserIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/components/Whiteboard/ToolBox/Icon/EraserIcon.vue.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+const _sfc_main = {};
+const _hoisted_1 = {
+  width: "20",
+  height: "17",
+  viewBox: "0 0 20 17",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /* @__PURE__ */ Vue.createElementVNode("path", {
+  d: "M11.4578 14.4166L5.88893 7.54161L13.2986 1.95801L18.6585 9.07086L12.8559 13.4434L11.4578 14.4166ZM11.4578 14.4166L9.85831 15.6978L5.45685 15.6974L1.69336 10.7031L6.04101 7.42695M5.50176 15.6966H18.5683",
+  stroke: "currentColor",
+  "stroke-width": "1.66667"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function _sfc_render(_ctx, _cache) {
+  return Vue.openBlock(), Vue.createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const EraserIcon = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = EraserIcon;

package/lib/components/Whiteboard/ToolBox/Icon/ImageIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/components/Whiteboard/ToolBox/Icon/ImageIcon.vue.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+const _sfc_main = {};
+const _hoisted_1 = {
+  width: "20",
+  height: "16",
+  viewBox: "0 0 20 16",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /* @__PURE__ */ Vue.createElementVNode("path", {
+  d: "M7.08301 6.33333C7.77336 6.33333 8.33301 5.77369 8.33301 5.08333C8.33301 4.39298 7.77336 3.83333 7.08301 3.83333C6.39265 3.83333 5.83301 4.39298 5.83301 5.08333C5.83301 5.77369 6.39265 6.33333 7.08301 6.33333Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_3 = /* @__PURE__ */ Vue.createElementVNode("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M0.833008 0.5V15.5H19.1663V0.5H0.833008ZM17.4997 2.16667H2.49967V10.3783L5.3032 8.02339L8.0442 9.77763L13.6429 4.40284L17.4997 7.36482V2.16667ZM2.49967 13.8333V12.555L5.43689 10.0877L8.25144 11.889L13.7638 6.59716L17.4997 9.46629V13.8333H2.49967Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_4 = [
+  _hoisted_2,
+  _hoisted_3
+];
+function _sfc_render(_ctx, _cache) {
+  return Vue.openBlock(), Vue.createElementBlock("svg", _hoisted_1, _hoisted_4);
+}
+const ImageIcon = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = ImageIcon;

package/lib/components/Whiteboard/ToolBox/Icon/LaserIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/components/Whiteboard/ToolBox/Icon/LaserIcon.vue.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+const _sfc_main = {};
+const _hoisted_1 = {
+  width: "20",
+  height: "20",
+  viewBox: "0 0 20 20",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /* @__PURE__ */ Vue.createElementVNode("path", {
+  d: "M8.70147 10.0003C8.70147 10.7174 9.28278 11.2987 9.99986 11.2987C10.7169 11.2987 11.2983 10.7174 11.2983 10.0003C11.2983 9.28322 10.7169 8.7019 9.99986 8.7019C9.28278 8.7019 8.70147 9.28322 8.70147 10.0003Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_3 = /* @__PURE__ */ Vue.createElementVNode("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M9.99984 19.1666C4.93723 19.1666 0.833169 15.0625 0.833169 9.99992C0.83317 4.93731 4.93723 0.833251 9.99984 0.833252C15.0624 0.833252 19.1665 4.93731 19.1665 9.99992C19.1665 15.0625 15.0624 19.1666 9.99984 19.1666ZM9.1665 17.4541C5.69015 17.0699 2.9299 14.3096 2.54561 10.8333L4.99984 10.8333L4.99984 9.16659L2.54561 9.16658C2.9299 5.69026 5.69013 2.93001 9.16645 2.5457L9.1663 4.99971L10.833 4.99972L10.8331 2.54569C14.3095 2.92995 17.0698 5.69022 17.4541 9.16659L14.9999 9.16659L14.9999 10.8333L17.4541 10.8333C17.0698 14.3096 14.3095 17.0699 10.8332 17.4541L10.8332 14.9999L9.1665 14.9999L9.1665 17.4541Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_4 = [
+  _hoisted_2,
+  _hoisted_3
+];
+function _sfc_render(_ctx, _cache) {
+  return Vue.openBlock(), Vue.createElementBlock("svg", _hoisted_1, _hoisted_4);
+}
+const LaserIcon = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = LaserIcon;

package/lib/components/Whiteboard/ToolBox/Icon/PencilIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/components/Whiteboard/ToolBox/Icon/PencilIcon.vue.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+const _sfc_main = {};
+const _hoisted_1 = {
+  width: "19",
+  height: "19",
+  viewBox: "0 0 19 19",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /* @__PURE__ */ Vue.createElementVNode("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M14.5791 4.48674L7.10505 17.4323L2.40326 18.4927L0.970703 13.8906L8.4448 0.945068L14.5791 4.48674ZM9.05484 3.22178L2.77894 14.092L3.53735 16.5284L6.02653 15.967L12.3024 5.09678L9.05484 3.22178Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_3 = /* @__PURE__ */ Vue.createElementVNode("path", {
+  d: "M9.5978 17.5001L18.3329 17.5001V15.8334H10.5601L9.5978 17.5001Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_4 = /* @__PURE__ */ Vue.createElementVNode("path", {
+  d: "M18.3331 13.7501L11.7633 13.7501L12.7256 12.0834H18.3331V13.7501Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_5 = [
+  _hoisted_2,
+  _hoisted_3,
+  _hoisted_4
+];
+function _sfc_render(_ctx, _cache) {
+  return Vue.openBlock(), Vue.createElementBlock("svg", _hoisted_1, _hoisted_5);
+}
+const PencilIcon = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = PencilIcon;

package/lib/components/Whiteboard/ToolBox/Icon/RedoIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/components/Whiteboard/ToolBox/Icon/RedoIcon.vue.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+const _sfc_main = {};
+const _hoisted_1 = {
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /* @__PURE__ */ Vue.createElementVNode("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M6.33333 15.6668C3.11168 15.6668 0.5 13.0551 0.5 9.83346C0.5 6.61181 3.11168 4.00013 6.33333 4.00013H12.2382L10.1548 1.9168L11.3333 0.738281L15.4285 4.83346L11.3333 8.92863L10.1548 7.75013L12.2382 5.6668H6.33333C4.03215 5.6668 2.16667 7.5323 2.16667 9.83346C2.16667 12.1346 4.03215 14.0001 6.33333 14.0001H13.4167V15.6668H6.33333Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function _sfc_render(_ctx, _cache) {
+  return Vue.openBlock(), Vue.createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const RedoIcon = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = RedoIcon;

package/lib/components/Whiteboard/ToolBox/Icon/RetractIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/components/Whiteboard/ToolBox/Icon/RetractIcon.vue.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+const _sfc_main = {};
+const _hoisted_1 = {
+  width: "18",
+  height: "16",
+  viewBox: "0 0 18 16",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /* @__PURE__ */ Vue.createElementVNode("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M0.667114 2.17619H17.3338V0.509521H0.667114V2.17619ZM0.666992 8.84283H9.41699V7.17616H0.666992V8.84283ZM17.3337 15.5095H0.666992V13.8429H17.3337V15.5095ZM14.7578 4.67618H17.4095L14.0762 8.00949L17.4095 11.3428H14.7579L12.0874 8.6724L11.4245 8.00949L12.0874 7.34657L14.7578 4.67618Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function _sfc_render(_ctx, _cache) {
+  return Vue.openBlock(), Vue.createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const RetractIcon = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = RetractIcon;

package/lib/components/Whiteboard/ToolBox/Icon/SelectIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/components/Whiteboard/ToolBox/Icon/SelectIcon.vue.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+const _sfc_main = {};
+const _hoisted_1 = {
+  width: "17",
+  height: "20",
+  viewBox: "0 0 17 20",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /* @__PURE__ */ Vue.createElementVNode("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M2.00008 20.0002L7.55029 12.9622L16.4338 11.6851L0.050293 0.000244141L2.00008 20.0002ZM6.65277 11.411L3.25705 15.717L2.06413 3.48069L12.0879 10.6297L6.65277 11.411Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function _sfc_render(_ctx, _cache) {
+  return Vue.openBlock(), Vue.createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const SelectIcon = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = SelectIcon;