@tencentcloud/roomkit-electron-vue3 2.6.7 → 2.7.0

package/es/components/Whiteboard/index.vue.mjs

@@ -1,7 +1,248 @@
-import _sfc_main from "./index.vue2.mjs";
-/* empty css            */
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-90cba0ec"]]);
+import { defineComponent, ref, provide, computed, onMounted, onUnmounted, openBlock, createElementBlock, createElementVNode, withDirectives, createVNode, vShow } from "vue";
+import { ipcRenderer } from "electron";
+import { DrawingTool, toolCursorStyleMap } from "./type.mjs";
+import FabricCanvas from "./core/index.mjs";
+import HistoryManager from "./core/historyManager.mjs";
+import _sfc_main$1 from "./ToolBox/index.vue.mjs";
+/* empty css                    */
+import { getUrlParam } from "../../utils/utils.mjs";
+import logger from "../../utils/common/logger/index.mjs";
+const _hoisted_1 = { class: "tool-box-out" };
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("canvas", {
+  class: "whiteboard-canvas",
+  id: "canvas"
+}, null, -1);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const isAnnotationWin = ref(false);
+    const isAnnotationStarted = ref(false);
+    const canvas = ref();
+    const canvasWrapRef = ref();
+    let upperCanvas = null;
+    const step = ref(0);
+    const historyListLength = ref(0);
+    const changeTool = ref("");
+    let historyManager;
+    provide("canvas", canvas);
+    const isControllerVisiable = computed(
+      () => !isAnnotationWin.value || isAnnotationStarted.value
+    );
+    function init() {
+      const fabricCanvas = new FabricCanvas("canvas");
+      canvas.value = fabricCanvas;
+      historyManager = new HistoryManager(canvas.value);
+    }
+    const toolActiveMap = {
+      [DrawingTool.Image]: () => insertImage(),
+      [DrawingTool.Clear]: () => historyManager.clear(),
+      [DrawingTool.Redo]: () => historyManager.redo(),
+      [DrawingTool.Undo]: () => historyManager.undo(),
+      [DrawingTool.Download]: () => downloadCanvas(),
+      [DrawingTool.Retract]: () => stopWhiteboard(),
+      [DrawingTool.Select]: () => {
+        var _a;
+        return (_a = canvas.value) == null ? void 0 : _a.setDrawingTool(DrawingTool.Select);
+      }
+    };
+    function stopWhiteboard() {
+      var _a, _b;
+      (_a = canvas.value) == null ? void 0 : _a.discardActiveObject();
+      (_b = canvas.value) == null ? void 0 : _b.renderAll();
+      let isAnnotationWin2 = false;
+      const annotationParam = getUrlParam("isAnnotationWin");
+      if (annotationParam && annotationParam === "true") {
+        isAnnotationWin2 = true;
+      }
+      if (isAnnotationWin2) {
+        ipcRenderer.send("annotation:stop-from-annotation-window");
+      }
+    }
+    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);
+    }
+    function updateSetting(toolSetting) {
+      var _a, _b, _c;
+      const behavior = toolActiveMap[toolSetting.drawingTool];
+      if (behavior) {
+        behavior();
+        if (changeTool.value === DrawingTool.Select) {
+          return;
+        }
+        changeTool.value = "";
+        return;
+      }
+      const currentClass = toolCursorStyleMap[toolSetting.drawingTool];
+      Object.values(toolCursorStyleMap).forEach((className) => {
+        if (className) {
+          upperCanvas == null ? void 0 : upperCanvas.classList.remove(className);
+        }
+      });
+      if (currentClass) {
+        upperCanvas == null ? void 0 : upperCanvas.classList.add(currentClass);
+        (_a = canvas.value) == null ? void 0 : _a.setDrawingTool(toolSetting.drawingTool);
+        changeTool.value = "";
+        return;
+      }
+      (_b = canvas.value) == null ? void 0 : _b.setDrawingTool(toolSetting.drawingTool);
+      (_c = canvas.value) == null ? void 0 : _c.setOptions(toolSetting);
+      changeTool.value = "";
+    }
+    function insertImage() {
+      if (!canvas.value || !canvas.value) {
+        logger.error("Canvas is not available or not initialized.");
+        return;
+      }
+      const input = document.createElement("input");
+      input.type = "file";
+      const mimeTypes = ["image/png", "image/jpeg", "image/jpg", "image/bmp"].join(
+        ","
+      );
+      input.accept = mimeTypes;
+      input.onchange = (event) => {
+        var _a;
+        const file = (_a = event.target.files) == null ? void 0 : _a[0];
+        if (!file) {
+          logger.info("No file selected.");
+          return;
+        }
+        const validTypes = mimeTypes.split(",").map((type) => type.trim());
+        if (!validTypes.includes(file.type)) {
+          logger.error(
+            "Invalid file type. Please upload a PNG, JPEG, JPG, or BMP image."
+          );
+          return;
+        }
+        const reader = new FileReader();
+        reader.onload = (event2) => {
+          var _a2;
+          const img = new Image();
+          img.onload = () => {
+            var _a3;
+            (_a3 = canvas.value) == null ? void 0 : _a3.insertImage(img.src);
+          };
+          img.src = (_a2 = event2.target) == null ? void 0 : _a2.result;
+        };
+        reader.onerror = () => {
+          logger.error("Failed to read file.");
+        };
+        reader.readAsDataURL(file);
+      };
+      input.onerror = () => {
+        logger.error("Failed to create file input.");
+      };
+      input.click();
+    }
+    function generateImageName() {
+      const date = /* @__PURE__ */ new Date();
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1;
+      const day = date.getDate();
+      const hours = date.getHours();
+      const minutes = date.getMinutes();
+      const seconds = date.getSeconds();
+      const formattedMonth = month < 10 ? `0${month}` : month;
+      const formattedDay = day < 10 ? `0${day}` : day;
+      const formattedHours = hours < 10 ? `0${hours}` : hours;
+      const formattedMinutes = minutes < 10 ? `0${minutes}` : minutes;
+      const formattedSeconds = seconds < 10 ? `0${seconds}` : seconds;
+      return `${year}-${formattedMonth}-${formattedDay}-${formattedHours}.${formattedMinutes}.${formattedSeconds}.png`;
+    }
+    function downloadCanvas() {
+      if (!canvas.value || !canvas.value) {
+        return;
+      }
+      const dataURL = canvas.value.toDataURL({
+        format: "png"
+      });
+      const link = document.createElement("a");
+      link.style.display = "none";
+      link.href = dataURL;
+      link.download = generateImageName();
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+      ipcRenderer.send("whiteboard:save-from-whiteboard-window");
+    }
+    function handleStepChange(stepNumber) {
+      step.value = stepNumber;
+    }
+    function handleHistoryChange(historyListLengthNumber) {
+      historyListLength.value = historyListLengthNumber;
+    }
+    function handleToolChange() {
+      changeTool.value = DrawingTool.Select;
+    }
+    onMounted(() => {
+      var _a, _b, _c, _d;
+      init();
+      const annotationParam = getUrlParam("isAnnotationWin");
+      if (annotationParam && annotationParam === "true") {
+        isAnnotationWin.value = true;
+      }
+      if (!isAnnotationWin.value) {
+        (_a = canvas.value) == null ? void 0 : _a.setBackgroundColor("white");
+      }
+      upperCanvas = document.querySelector(
+        ".upper-canvas.whiteboard-canvas"
+      );
+      historyManager.on("change-step", handleStepChange);
+      historyManager.on("change-history", handleHistoryChange);
+      (_b = canvas.value) == null ? void 0 : _b.on("insert-images", handleToolChange);
+      canvas.value.setWidth((_c = canvasWrapRef.value) == null ? void 0 : _c.offsetWidth);
+      canvas.value.setHeight((_d = canvasWrapRef.value) == null ? void 0 : _d.offsetHeight);
+      window.addEventListener("resize", resizeCanvas);
+    });
+    onUnmounted(() => {
+      var _a;
+      historyManager.off("change-step", handleStepChange);
+      historyManager.off("change-history", handleHistoryChange);
+      (_a = canvas.value) == null ? void 0 : _a.off("insert-images", handleToolChange);
+      window.removeEventListener("resize", resizeCanvas);
+    });
+    ipcRenderer.on("annotation:annotating-started", () => {
+      isAnnotationStarted.value = true;
+    });
+    ipcRenderer.on("annotation:annotating-stopped", () => {
+      isAnnotationStarted.value = false;
+    });
+    ipcRenderer.on("whiteboard:clear", () => {
+      if (canvas.value) {
+        canvas.value.reloadCanvas();
+        changeTool.value = DrawingTool.Pencil;
+      }
+    });
+    ipcRenderer.on("annotation:clear", () => {
+      if (canvas.value) {
+        canvas.value.reloadCanvas();
+        changeTool.value = DrawingTool.Pencil;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        createElementVNode("div", {
+          class: "canvas-wrap",
+          ref_key: "canvasWrapRef",
+          ref: canvasWrapRef
+        }, [
+          withDirectives(createElementVNode("div", _hoisted_1, [
+            createVNode(_sfc_main$1, {
+              onUpdateSetting: updateSetting,
+              step: step.value,
+              "history-list-length": historyListLength.value,
+              "change-tool": changeTool.value
+            }, null, 8, ["step", "history-list-length", "change-tool"])
+          ], 512), [
+            [vShow, isControllerVisiable.value]
+          ]),
+          _hoisted_2
+        ], 512)
+      ]);
+    };
+  }
+});
 export {
-  index as default
+  _sfc_main as default
 };

package/es/components/Whiteboard/index.vue3.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from "./index.vue.mjs";
+/* empty css            */
+export {
+  _sfc_main as default
+};

package/es/components/Whiteboard/type.d.ts

@@ -0,0 +1,50 @@
+export declare enum DrawingTool {
+    Pointer = "Pointer",
+    Laser = "Laser",
+    Rectangle = "Rectangle",
+    Triangle = "Triangle",
+    Circle = "Circle",
+    Ellipse = "Ellipse",
+    Line = "Line",
+    Arrow = "Arrow",
+    Text = "Text",
+    Pencil = "Pencil",
+    Select = "Select",
+    Eraser = "Eraser",
+    Image = "Image",
+    Clear = "Clear",
+    Redo = "Redo",
+    Undo = "Undo",
+    Download = "Download",
+    Retract = "Retract",
+    None = "null"
+}
+export interface ShapeOptions {
+    stroke?: string;
+    strokeWidth?: number;
+    fill?: string;
+    opacity?: number;
+    lineDash?: number[];
+}
+export interface ToolSettings {
+    drawingTool: DrawingTool;
+    shapeOptions?: ShapeOptions;
+}
+export declare const toolCursorStyleMap: {
+    Laser: string;
+    Eraser: string;
+    Pointer: null;
+    Rectangle: null;
+    Triangle: null;
+    Circle: null;
+    Ellipse: null;
+    Line: null;
+    Arrow: null;
+    Text: null;
+    Pencil: null;
+    Select: null;
+    Download: null;
+    Clear: null;
+    Redo: null;
+    Undo: null;
+};

package/es/components/Whiteboard/type.mjs

@@ -0,0 +1,92 @@
+var DrawingTool = /* @__PURE__ */ ((DrawingTool2) => {
+  DrawingTool2["Pointer"] = "Pointer";
+  DrawingTool2["Laser"] = "Laser";
+  DrawingTool2["Rectangle"] = "Rectangle";
+  DrawingTool2["Triangle"] = "Triangle";
+  DrawingTool2["Circle"] = "Circle";
+  DrawingTool2["Ellipse"] = "Ellipse";
+  DrawingTool2["Line"] = "Line";
+  DrawingTool2["Arrow"] = "Arrow";
+  DrawingTool2["Text"] = "Text";
+  DrawingTool2["Pencil"] = "Pencil";
+  DrawingTool2["Select"] = "Select";
+  DrawingTool2["Eraser"] = "Eraser";
+  DrawingTool2["Image"] = "Image";
+  DrawingTool2["Clear"] = "Clear";
+  DrawingTool2["Redo"] = "Redo";
+  DrawingTool2["Undo"] = "Undo";
+  DrawingTool2["Download"] = "Download";
+  DrawingTool2["Retract"] = "Retract";
+  DrawingTool2["None"] = "null";
+  return DrawingTool2;
+})(DrawingTool || {});
+const toolCursorStyleMap = {
+  [
+    "Laser"
+    /* Laser */
+  ]: "laser-cursor",
+  [
+    "Eraser"
+    /* Eraser */
+  ]: "eraser-cursor",
+  [
+    "Pointer"
+    /* Pointer */
+  ]: null,
+  [
+    "Rectangle"
+    /* Rectangle */
+  ]: null,
+  [
+    "Triangle"
+    /* Triangle */
+  ]: null,
+  [
+    "Circle"
+    /* Circle */
+  ]: null,
+  [
+    "Ellipse"
+    /* Ellipse */
+  ]: null,
+  [
+    "Line"
+    /* Line */
+  ]: null,
+  [
+    "Arrow"
+    /* Arrow */
+  ]: null,
+  [
+    "Text"
+    /* Text */
+  ]: null,
+  [
+    "Pencil"
+    /* Pencil */
+  ]: null,
+  [
+    "Select"
+    /* Select */
+  ]: null,
+  [
+    "Download"
+    /* Download */
+  ]: null,
+  [
+    "Clear"
+    /* Clear */
+  ]: null,
+  [
+    "Redo"
+    /* Redo */
+  ]: null,
+  [
+    "Undo"
+    /* Undo */
+  ]: null
+};
+export {
+  DrawingTool,
+  toolCursorStyleMap
+};

package/es/components/common/base/Badge.vue.d.ts

@@ -22,8 +22,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
     isDot: boolean;
 }>>>, {
     type: "primary" | "danger";
-    max: number;
     value: string | number;
+    max: number;
     hidden: boolean;
     isDot: boolean;
 }, {}>;

package/es/components/common/base/Checkbox/index.vue.d.ts

@@ -18,8 +18,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
 }>>> & {
     onInput?: ((...args: any[]) => any) | undefined;
 }, {
-    disabled: boolean;
     modelValue: boolean;
+    disabled: boolean;
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/es/components/common/base/Dialog/index.vue.d.ts

@@ -33,10 +33,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
     cancelButton: string;
     titleIcon: null;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    cancel: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
     close: (...args: any[]) => void;
     confirm: (...args: any[]) => void;
-    "update:modelValue": (...args: any[]) => void;
+    cancel: (...args: any[]) => void;
 }, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     title: string;
     modelValue: boolean;
@@ -51,10 +51,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
     cancelButton: string;
     titleIcon: null;
 }>>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
-    onCancel?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
 }, {
     title: string;
     width: string | number;

package/es/components/common/base/IconButton.vue.d.ts

@@ -45,9 +45,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
 }, {
     title: string;
     icon: Component | null;
-    layout: IconButtonLayout;
-    theme: "white" | "black";
     disabled: boolean;
+    theme: "white" | "black";
+    layout: IconButtonLayout;
     hasMore: boolean;
     hideHoverEffect: boolean;
     isActive: boolean;

package/es/components/common/base/Input/index.vue.d.ts

@@ -10,6 +10,7 @@ interface Props {
     select?: (data: any) => any;
     maxlength?: string;
     border?: boolean;
+    align?: 'center' | 'end' | 'justify' | 'left' | 'match-parent' | 'right' | 'start';
 }
 declare function __VLS_template(): {
     suffixIcon?(_: {}): any;
@@ -26,12 +27,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
     enterkeyhint: string;
     maxlength: string;
     border: boolean;
+    align: string;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     input: (...args: any[]) => void;
     done: (...args: any[]) => void;
-    blur: (...args: any[]) => void;
-    focus: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
+    focus: (...args: any[]) => void;
+    blur: (...args: any[]) => void;
 }, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     theme: string;
     modelValue: string;
@@ -41,6 +43,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
     enterkeyhint: string;
     maxlength: string;
     border: boolean;
+    align: string;
 }>>> & {
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
@@ -49,13 +52,14 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
     onDone?: ((...args: any[]) => any) | undefined;
 }, {
     type: string;
-    theme: "white" | "black";
+    modelValue: string;
     disabled: boolean;
+    theme: "white" | "black";
     placeholder: string;
-    modelValue: string;
     enterkeyhint: string;
     maxlength: string;
     border: boolean;
+    align: "center" | "end" | "justify" | "left" | "match-parent" | "right" | "start";
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/es/components/common/base/Input/index.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./index.vue2.mjs";
 /* empty css            */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.mjs";
-const TuiInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-01c890fb"]]);
+const TuiInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ea50ea46"]]);
 export {
   TuiInput as default
 };

package/es/components/common/base/Input/index.vue2.mjs

@@ -18,7 +18,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     search: {},
     select: {},
     maxlength: { default: "80" },
-    border: { type: Boolean, default: true }
+    border: { type: Boolean, default: true },
+    align: { default: "left" }
   },
   emits: [
     "update:modelValue",
@@ -96,6 +97,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     );
     const hasSuffixIcon = computed(() => !!slots.suffixIcon);
+    const inputStyle = computed(() => {
+      let paddingRight = "16px";
+      if (hasSuffixIcon.value) {
+        paddingRight = "40px";
+      } else if (props.align === "right") {
+        paddingRight = "0";
+      }
+      return {
+        paddingRight,
+        textAlign: props.align
+      };
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         ref_key: "tuiInputRef",
@@ -109,10 +122,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           placeholder: _ctx.placeholder,
           disabled: _ctx.disabled,
           maxlength: props.maxlength,
-          type: _ctx.type,
+          type: props.type,
           enterkeyhint: _ctx.enterkeyhint,
           readonly: _ctx.readonly,
-          style: normalizeStyle({ paddingRight: hasSuffixIcon.value ? "40px" : "16px" }),
+          style: normalizeStyle(inputStyle.value),
           onFocus: focus,
           onBlur: blur,
           onKeyup: withKeys(done, ["enter"]),

package/es/components/common/base/Message/Message.vue.d.ts

@@ -51,11 +51,11 @@ declare const _default: import('vue').DefineComponent<{
         default: number;
     };
 }>>, {
-    type: "error" | "warning" | "success" | "info";
+    type: "success" | "warning" | "info" | "error";
+    zIndex: number;
+    remove: Function;
     message: string | number;
     top: Record<string, any>;
     duration: number;
-    remove: Function;
-    zIndex: number;
 }, {}>;
 export default _default;

package/es/components/common/base/MessageBox/index.vue.d.ts

@@ -31,12 +31,12 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     onClose?: ((...args: any[]) => any) | undefined;
 }, {
     title: string;
+    remove: Function;
     message: string;
     callback: BeforeCloseFn | null;
     duration: number;
     cancelButtonText: string;
     confirmButtonText: string;
-    remove: Function;
 }, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/es/components/common/base/Notification/index.vue.d.ts

@@ -23,9 +23,9 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
 }>>> & {
     onClose?: ((...args: any[]) => any) | undefined;
 }, {
+    confirm: BeforeCloseFn | null;
     cancel: BeforeCloseFn | null;
     message: string;
-    confirm: BeforeCloseFn | null;
     cancelButtonText: string;
     confirmButtonText: string;
 }, {}>;

package/es/components/common/base/Select/index.vue.d.ts

@@ -11,8 +11,8 @@ declare function __VLS_template(): {
     default?(_: {}): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
+    change: (...args: any[]) => void;
 }, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;

package/es/components/common/base/Slider.vue.d.ts

@@ -45,10 +45,10 @@ declare const _default: import('vue').DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    max: number;
+    modelValue: number;
     disabled: boolean;
+    max: number;
     min: number;
     step: number;
-    modelValue: number;
 }, {}>;
 export default _default;

package/es/conference.d.ts

@@ -49,7 +49,6 @@ interface IConference {
     disableScreenSharing: () => void;
     enableWatermark: () => void;
     enableVirtualBackground: () => void;
-    enableBasicBeauty: () => void;
     hideFeatureButton: (name: FeatureButton) => void;
     replaceFriendList: (userList: Array<any>) => void;
 }
@@ -78,7 +77,6 @@ declare class Conference implements IConference {
     disableScreenSharing(): void;
     enableWatermark(): void;
     enableVirtualBackground(): void;
-    enableBasicBeauty(): void;
     hideFeatureButton(name: FeatureButton): void;
     replaceFriendList(userList: Array<any>): void;
 }

package/es/conference.mjs

@@ -93,9 +93,6 @@ class Conference {
     );
     roomService.setComponentConfig({ VirtualBackground: { visible: true } });
   }
-  enableBasicBeauty() {
-    roomService.setComponentConfig({ BasicBeauty: { visible: true } });
-  }
   hideFeatureButton(name) {
     roomService.dataReportManager.reportCount(MetricsKey.hideFeatureButton);
     roomService.setComponentConfig({ [name]: { visible: false } });

package/es/conference.vue.mjs

@@ -2,7 +2,7 @@ import _sfc_main from "./conference.vue2.mjs";
 /* empty css                 */
 /* empty css                 */
 import _export_sfc from "./_virtual/_plugin-vue_export-helper.mjs";
-const ConferenceMainView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-418a4f05"]]);
+const ConferenceMainView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cbafb509"]]);
 export {
   ConferenceMainView as default
 };