update

package.json

@@ -71,6 +71,7 @@
     "scp2": "^0.5.0",
     "swiper": "^8.4.4",
     "three": "^0.146.0",
+    "vconsole": "^3.15.1",
     "vue": "^3.2.45",
     "vue-dndrop": "^1.3.1",
     "vue-router": "^4.0.3",

src/modules/editor/components/CompUI/basicUI/Container/component.tsx

@@ -20,7 +20,7 @@ export const Component = defineComponent({
     const compCtrl = controls.compCtrl;
 
     return () => (
-      <View compId={props.compId} class={[compCtrl.state.currCardId == props.compId && CurrCompStyle,]}>
+      <View compId={props.compId} class={[compCtrl.currCardId == props.compId && CurrCompStyle,]}>
         {comp.state.children.map((compItem) => {
           const Comp =
             controls.compUICtrl.state.components.get(compItem.compKey)
@@ -28,7 +28,7 @@ export const Component = defineComponent({
 
           return <Comp key={compItem.id} compId={compItem.id} />;
         })}
-        {store.isEditMode && compCtrl.state.currCardId == props.compId && <Hudop compId={props.compId} />}
+        {store.isEditMode && compCtrl.currCardId == props.compId && <Hudop compId={props.compId} />}
 
       </View>
     );

src/modules/editor/components/CompUI/basicUI/Group/component.tsx

@@ -17,7 +17,7 @@ export const Component = defineComponent({
       <View compId={props.compId}>
         <div>
           {children.default?.map((compId) => {
-            const compItem = helper.findComp(compId) as DesignComp;
+            const compItem = helper.findComp(compId);
             const Comp =
               controls.compUICtrl.state.components.get(compItem.compKey)
                 ?.Component || CompUI.StreamCard.Component;

src/modules/editor/components/CompUI/basicUI/Page/PageMusic.tsx

@@ -159,7 +159,7 @@ export const PageMusic = defineComponent({
     const volumeChange = (v: number) => {
       state.volume = v;
       if (rootComp) {
-        actions.updateCompData(rootComp, "value.volume", v);
+          rootComp.value.setVolume(v);
       }
       audioBgm.value && audioBgm.value.volume(v);
     };

src/modules/editor/components/Viewport/Content/index.tsx

@@ -37,14 +37,14 @@ export default defineUI({
     onMounted(()=>{
       if (!flagRef.value) {
         flagRef.value = true;
-        // setTimeout(() => {
-        //   // actions.onViewReady(
-        //   //   pageRoot.$el,
-        //   //   selectCanvasRef.value,
-        //   //   viewportRef.value
-        //   // );
-        //   // helper.initEditLayer(editLayerRef.value);
-        // }, 0);
+        setTimeout(() => {
+          actions.onViewReady(
+            controls.compCtrl.getRootPage().$el,
+            selectCanvasRef.value,
+            viewportRef.value
+          );
+          // helper.initEditLayer(editLayerRef.value);
+        }, 0);
       }
     })
     return () => {

src/modules/editor/components/Viewport/Slider/SliderRight/CompTree.tsx

@@ -83,9 +83,10 @@ export const CompTree = defineComponent({
       const currComp = helper.findComp(dragKey);
       if (!currComp) return;
       const currParentComp = helper.findParentComp(dragKey);
-      const index = currParentComp?.children.default?.indexOf(currComp.id);
+
+      const index = currParentComp?.getChildIds().indexOf(currComp.id);
       if (index != -1) {
-        currParentComp?.children.default?.splice(index as number, 1);
+        currParentComp?.getChildIds().splice(index as number, 1);
         helper.extendStreamCard(currParentComp?.id || "");
       }
       if (!info.dropToGap) {
@@ -113,10 +114,10 @@ export const CompTree = defineComponent({
             if (!nowComp) {
               continue;
             }
-            const nowObj = new CompObject(nowComp);
+            const nowObj = nowComp;
             nowObj.worldTransform.translate(-nowCompBound.x, -nowCompBound.y);
-            nowComp.layout.transformMatrix =
-              nowObj.worldTransform.getMatrixStr();
+            // nowComp.layout.transformMatrix =
+            //   nowObj.worldTransform.getMatrixStr();
             continue;
           }
           const prevCompBound = helper.getCardCompBound(prveCompId);
@@ -124,10 +125,10 @@ export const CompTree = defineComponent({
           if (!prevComp || !nowComp) {
             continue;
           }
-          const obj = new CompObject(prevComp);
+          const obj = prevComp;
           const yOffset = prevCompBound.h;
           obj.worldTransform.translate(0, yOffset);
-          nowComp.layout.transformMatrix = obj.worldTransform.getMatrixStr();
+          // nowComp.layout.transformMatrix = obj.worldTransform.getMatrixStr();
         }
         nextTick(() => {
           actions.pickComp(currCompId);

src/modules/editor/controllers/CompCtrl/index.ts

@@ -11,15 +11,14 @@ export class CompCtrl extends ModuleControl<EditorModule> {
   objsMap = new Map<string, CompBase<any>>();
   history = new HistoryController();
 
-  root = createPage(this.history);
+  root = createPage({}, this.history, this.objsMap);
   state = RxValue.create({
     rootPage: this.root.id,
-    currCardId: this.root.state.children[0].id,
     currCompId: this.root.state.children[0].id
   })
 
   get currCardObj() {
-    return this.getObj<object>(this.state.currCardId) as CompCard;
+    return this.getObj<object>(this.currCardId) as CompCard;
   }
 
   get currCompObj() {
@@ -29,8 +28,11 @@ export class CompCtrl extends ModuleControl<EditorModule> {
   get currCompId() {
     return this.state.currCompId;
   }
+
   get currCardId() {
-    return this.state.currCardId;
+    const id = this.state.currCompId 
+    const comps = this.helper.getCompTrees(id);
+    return comps[1]?.id || "";
   }
 
   pickComp(compId: string) {
@@ -50,12 +52,7 @@ export class CompCtrl extends ModuleControl<EditorModule> {
     this.factory = createElementFactory(this.history, this.objsMap);
   }
 
-
   init() {
-    this.objsMap.clear();
-    this.setObj(this.root);
-    this.setObj( this.root.state.children[0] );
-
     this.store.currStreamCardId = this.root.state.children[0].id;
   }
 
@@ -71,12 +68,12 @@ export class CompCtrl extends ModuleControl<EditorModule> {
     return this.objsMap.get(id) as CompBase<T>;
   }
 
-  addStreamCardAfter(compId:string) {
-      const card = createCard(this.history)
-      this.setObj(card);
+  async addStreamCardAfter(compId:string) {
+      const card = await this.factory.StreamCard({});
+
       const page = this.getRootPage()as CompPage;
       page.insertCard(compId,  card);
-      this.state.setCurrCardId( card.id );
+
       this.pickComp( card.id )
 
       this.history.submit();
@@ -87,13 +84,12 @@ export class CompCtrl extends ModuleControl<EditorModule> {
     const page = this.getRootPage() as CompPage;
     const index = page.removeCard(compId);
 
-    let nextCard = this.state.currCardId;
-    if (compId == this.state.currCardId) {
+    let nextCard = this.currCardId;
+    if (compId == this.currCardId) {
       nextCard = page.state.children[index]?.id;
       if (!nextCard) {
         nextCard = page.state.children[index - 1].id;
       }
-      this.state.setCurrCardId(nextCard);
       this.pickComp( nextCard )
     }
 
@@ -130,7 +126,7 @@ export class CompCtrl extends ModuleControl<EditorModule> {
     this.setObj(addedObj);
 
     let yOffset = 0;
-    if ( this.state.currCompId != this.state.currCardId ) {
+    if ( this.state.currCompId != this.currCardId ) {
       const rect = this.currCompObj.getLocalBounds()
       yOffset = rect.y + rect.height;
     }

src/modules/editor/controllers/SelectCtrl/index.ts

@@ -319,9 +319,9 @@ export class SelectCtrl extends ModuleControl<EditorModule> {
   }
 
   compClickTest2(e: MouseEvent) {
+
     const compId = this.getDivFlag(e.target as any, "compId");
     console.log("down click=>", compId);
-
     return compId;
   }
 
@@ -510,7 +510,6 @@ export class SelectCtrl extends ModuleControl<EditorModule> {
     this._moveSelectUpdated = false;
 
     this.upgateGizmoStyle();
-    this.helper.extendStreamCard(this.store.currStreamCardId);
     this.assistRuler?.draw();
     this.assistMagnet?.onMouseUp();
   }

src/modules/editor/controllers/TransferCtrl/GroupCtrl.ts

@@ -31,10 +31,10 @@ export class GroupActionCtrl extends ModuleControl<EditorModule> {
       string,
       { t: number; l: number; r: number; b: number }
     > = {};
-    const parentComp = helper.findParentComp(groupIds[0]) as DesignComp;
+    const parentComp = helper.findParentComp(groupIds[0]) as any;
     const parentRect = parentComp.$el.getBoundingClientRect();
     groupIds.forEach((id) => {
-      const comp = helper.findComp(id) as DesignComp;
+      const comp = helper.findComp(id);
       const itemRect = comp.$el.getBoundingClientRect();
       compsRect[id] = {
         t: itemRect.top - parentRect.top,
@@ -54,36 +54,36 @@ export class GroupActionCtrl extends ModuleControl<EditorModule> {
 
     const groupId = await this.store.insertCompContainer("Group", parentComp);
 
-    const groupComp = helper.findComp(groupId) as DesignComp;
-
-    groupComp.layout = {
-      size: [
-        helper.pxToDesignSize(groupConf.r - groupConf.l),
-        helper.pxToDesignSize(groupConf.b - groupConf.t),
-      ],
-      position: "absolute",
-      transform: {
-        x: helper.pxToDesignSize(groupConf.l),
-        y: helper.pxToDesignSize(groupConf.t),
-      },
-    };
-
-    groupIds.forEach((id) => {
-      const comp = helper.findComp(id) as DesignComp;
-      comp.layout.transform || (comp.layout.transform = {});
-      comp.layout.transform.x =
-        (comp.layout.transform.x || 0) - (groupComp.layout.transform?.x || 0);
-
-      comp.layout.transform.y =
-        (comp.layout.transform.y || 0) - (groupComp.layout.transform?.y || 0);
-    });
-
-    groupComp.children.default = parentComp.children.default?.filter((d) =>
-      groupIds.includes(d)
-    );
-    parentComp.children.default = parentComp.children.default?.filter(
-      (d) => !groupIds.includes(d)
-    );
+    const groupComp = helper.findComp(groupId);
+
+    // groupComp.layout = {
+    //   size: [
+    //     helper.pxToDesignSize(groupConf.r - groupConf.l),
+    //     helper.pxToDesignSize(groupConf.b - groupConf.t),
+    //   ],
+    //   position: "absolute",
+    //   transform: {
+    //     x: helper.pxToDesignSize(groupConf.l),
+    //     y: helper.pxToDesignSize(groupConf.t),
+    //   },
+    // };
+
+    // groupIds.forEach((id) => {
+    //   const comp = helper.findComp(id);
+    //   comp.layout.transform || (comp.layout.transform = {});
+    //   comp.layout.transform.x =
+    //     (comp.layout.transform.x || 0) - (groupComp.layout.transform?.x || 0);
+
+    //   comp.layout.transform.y =
+    //     (comp.layout.transform.y || 0) - (groupComp.layout.transform?.y || 0);
+    // });
+
+    // groupComp.children.default = parentComp.children.default?.filter((d) =>
+    //   groupIds.includes(d)
+    // );
+    // parentComp.children.default = parentComp.children.default?.filter(
+    //   (d) => !groupIds.includes(d)
+    // );
 
     return groupId;
   }
@@ -92,12 +92,12 @@ export class GroupActionCtrl extends ModuleControl<EditorModule> {
     const { helper } = this;
     const groupChildIds = groupComp.children.default as string[];
 
-    const parentComp = helper.findParentComp(groupComp.id) as DesignComp;
+    const parentComp = helper.findParentComp(groupComp.id);
 
     const parentMatrix = new Matrix();
 
     groupChildIds.forEach((id) => {
-      const comp = helper.findComp(id) as DesignComp;
+      const comp = helper.findComp(id);
 
       parentMatrix.setFormDiv(groupComp.$el);
       const originArr = window
@@ -129,18 +129,18 @@ export class GroupActionCtrl extends ModuleControl<EditorModule> {
         .multipy(corigin)
         .multipy(childMatrix);
 
-      comp.layout.transform || (comp.layout.transform = {});
-      comp.layout.transform.x = helper.pxToDesignSize(result.getX());
-      comp.layout.transform.y = helper.pxToDesignSize(result.getY());
-      comp.layout.transform.s = result.getScale();
-      comp.layout.transform.r = result.getRotate();
+      // comp.layout.transform || (comp.layout.transform = {});
+      // comp.layout.transform.x = helper.pxToDesignSize(result.getX());
+      // comp.layout.transform.y = helper.pxToDesignSize(result.getY());
+      // comp.layout.transform.s = result.getScale();
+      // comp.layout.transform.r = result.getRotate();
     });
 
-    const childIds = [...(parentComp.children.default as string[])];
+    // const childIds = [...(parentComp.children.default as string[])];
 
-    const groupIndex = childIds.findIndex((id) => groupComp.id === id);
-    childIds.splice(groupIndex, 1, ...groupChildIds);
+    // const groupIndex = childIds.findIndex((id) => groupComp.id === id);
+    // childIds.splice(groupIndex, 1, ...groupChildIds);
 
-    parentComp.children.default = childIds;
+    // parentComp.children.default = childIds;
   }
 }

src/modules/editor/module/actions/edit.ts

@@ -10,7 +10,8 @@ import { CompBase } from "../../objects/Elements/base";
 export const editActions = EditorModule.action({
   pickComp(compId: string, selected = true) {
     if (compId == "") {
-      //空的时候,就选择根页面
+      //空的时候,就选择根页面和当前card页面
+
       compId = "root";
     }
     const selectCardChild = (id: string) => {
@@ -25,8 +26,8 @@ export const editActions = EditorModule.action({
         }
       }
     };
-
-    if (this.store.currCompId == compId) {
+    
+    if (this.controls.compCtrl.state.currCompId == compId) {
       return;
     }
     this.store.setCurrComp(compId);
@@ -38,72 +39,6 @@ export const editActions = EditorModule.action({
   // 通过点击添加组件到画布
   async clickCompToDesign(compKey: ICompKeys, values?:any) {
     return this.controls.compCtrl.addComponent(compKey, values);
-
-    const control = this.controls.compCtrl;
-    if (!control.getRootPage() ) {
-        queenApi.messageError("请先选中一个卡片");
-        return;
-    }
-
-    //点击默认都创建一个容器 
-    //创建容器
-    const isCreatCard =
-      compKey != "Text" &&
-      compKey != "Image" &&
-      compKey != "Video" &&
-      compKey != "Web3D";
-
-    let yOffset = 0;
-    if (
-      this.store.currCompId != this.store.currStreamCardId &&
-      !isCreatCard &&
-      this.store.currCompId != "root"
-    ) {
-      const bound = this.helper.getCardCompBound(this.store.currCompId);
-      yOffset = bound.y + bound.h;
-    }
-
-    let currCard = this.store.currStreamCard;
-
-    if (isCreatCard) {
-      //先创建卡片
-      const currCardIndex =
-        this.store.streamCardIds.indexOf(this.store.currStreamCardId) + 1;
-      const compId = await this.store.insertDesignContent(
-        "StreamCard",
-        currCardIndex
-      );
-      currCard = this.helper.findComp(compId) as DesignComp;
-    }
-
-    const compId = await this.store.insertCompContainer(compKey, currCard);
-    const addedComp = this.store.compMap[compId];
-    addedComp.layout.position = "absolute";
-
-    const currComp = this.helper.findComp(compId) as DesignComp;
-
-    //添加组件到当前选中的组件下面
-    let xOffset = this.helper.designSizeToPx(
-      375 - (currComp.layout.size?.[0] || 750) / 2
-    );
-    const obj = new CompObject(currComp);
-    //没有选中组件添加到当前卡片最后
-    const children = currCard.children.default || [];
-    if (yOffset == 0 && children.length >= 2) {
-      const prevCompIndex = children.indexOf(compId) - 1;
-      const bound = this.helper.getCardCompBound(children[prevCompIndex]);
-      yOffset = bound.y + bound.h;
-    }
-    obj.worldTransform.translate(xOffset, yOffset);
-    currComp.layout.transformMatrix = obj.worldTransform.getMatrixStr();
-
-    this.actions.pickComp(compId);
-    this.helper.extendStreamCard(currCard.id);
-
-    if (compKey == "Text") {
-      this.actions.textFocus(compId, true);
-    }
-    this.controls.cropCtrl.close();
   },
 
   // 通过拖拽添加组件到画布

src/modules/editor/module/helpers/edit.ts

@@ -51,7 +51,7 @@ export const editHelpers = EditorModule.helper({
             v.style.transformOrigin = "0 0";
         } else {//标识对象没有被移动过
 
-            const p  = this.helper.findParentComp(compId) as DesignComp;
+            const p  = this.helper.findParentComp(compId) as any;
             const box = p.$el.getBoundingClientRect();
             const c = comp.$el.getBoundingClientRect();
             let x = c.left - box.x;

src/modules/editor/module/helpers/index.ts

@@ -4,6 +4,7 @@ import { Matrix } from "../../controllers/SelectCtrl/matrix";
 import { DesignComp } from "../../objects/DesignTemp/DesignComp";
 import { createCompStyle } from "../../objects/DesignTemp/creates/createCompStyle";
 import { CompBase } from "../../objects/Elements/base";
+import { CompPage, PageValue } from "../../objects/Elements/page";
 import { Layout } from "../../typings";
 
 export const helpers = EditorModule.helper({
@@ -19,10 +20,9 @@ export const helpers = EditorModule.helper({
   },
   
   findComp(compId: string) {
-    const { compMap } = this.store.designData;
-    const comp = compMap[compId];
-    if (comp) return comp;
+    return this.controls.compCtrl.getObj<any>(compId);
   },
+  
   isStreamCard(compId: string) {
     return this.store.streamCardIds.indexOf(compId) > -1;
   },
@@ -54,12 +54,12 @@ export const helpers = EditorModule.helper({
     return false;
   },
 
-  findParentComp(compId: string): DesignComp | undefined {
+  findParentComp(compId: string): CompBase<any> | undefined {
     const comp = this.helper.findComp(compId);
-    if (comp) return this.helper.findComp(this.store.compPids[compId]);
+    if (comp) return this.helper.findComp(comp.parent.id);
   },
-  findRootComp(): DesignComp | undefined {
-    return this.store.designData.compMap["root"];
+  findRootComp():  CompBase<PageValue>  {
+    return this.controls.compCtrl.getRootPage();
   },
 
   getCompCard(compId:string) {
@@ -104,15 +104,16 @@ export const helpers = EditorModule.helper({
     return this.store.currCompId === compId;
   },
   isCustomChildComp(comp: DesignComp): boolean {
-    const parentComp = this.helper.findParentComp(comp.id);
-    if (!parentComp) return false;
-    const i =
-      parentComp.children.default?.findIndex((d) => d === comp.id) ?? -1;
-    return i >= 0;
+    // const parentComp = this.helper.findParentComp(comp.id);
+    // if (!parentComp) return false;
+    // const i =
+    //   parentComp.children.default?.findIndex((d) => d === comp.id) ?? -1;
+    // return i >= 0;
+    return false;
   },
   isCompCanDelete(compId: string): boolean {
     const comp = this.helper.findComp(compId);
-    if (!comp || !this.helper.isCustomChildComp(comp)) return false;
+    if (!comp || !this.helper.isCustomChildComp(comp as any)) return false;
     if (comp.compKey == "StreamCard" && this.store.streamCardIds.length == 1)
       return false;
     return true;

src/modules/editor/module/stores/index.ts

@@ -123,7 +123,7 @@ export const store = EditorModule.store({
 
     deleteComp(compId: string) {
       const { compMap } = this.store.designData;
-      const parentComp = this.helper.findParentComp(compId);
+      const parentComp = this.helper.findParentComp(compId) as any;
       let deleteOK = false;
       if (parentComp) {
         const ids = [...(parentComp.children.default || [])];
@@ -139,7 +139,7 @@ export const store = EditorModule.store({
       }
 
       if (deleteOK) {
-        const comp = this.helper.findComp(compId) as DesignComp;
+        const comp = this.helper.findComp(compId);
         const ids = comp.getChildIds();
         [compId, ...ids].forEach((id) => {
           delete compMap[id];

src/modules/editor/objects/Elements/base.ts

@@ -11,7 +11,8 @@ class CompBase<T extends object> extends Container {
     thumbnail = "";
     compKey: ICompKeys = "StreamCard";
     value: ReturnType< typeof RxValue.create<T> >;
-    
+    $el: HTMLElement = {} as HTMLElement;
+
     state = RxValue.create({
         size: [0, 0],
         pos: [0,0],
@@ -40,6 +41,11 @@ class CompBase<T extends object> extends Container {
 
         return this.state.children.map(item=>item.id);
     }
+
+    setH( h: number) {
+        this.state.setSize([this.state.size[0], h]);
+    }
+    
     isPostioned() {
         return this.state.position == "absolute";
     }

src/modules/editor/objects/Elements/factory.ts

@@ -3,6 +3,7 @@
 import { HistoryController } from "./history";
 
 import { ImageValue, createImageComp } from "./image";
+import { CardValue, PageValue, createCard, createPage } from "./page";
 import { TextValue, createTextComp } from "./text";
 import { VideoValue, createVideoComp } from "./video";
 import { Web3DValue, createWeb3DComp } from "./web3d";
@@ -13,5 +14,7 @@ export function createElementFactory(h:HistoryController, objMap: Map<string, an
         Video: (value: Partial<VideoValue>)=>createVideoComp(value, h, objMap),
         Text: (value: Partial<TextValue>)=>createTextComp(value, h, objMap),
         Web3D: (value: Partial<Web3DValue>)=>createWeb3DComp(value, h, objMap),
+        Page: (value: Partial<PageValue>)=>createPage(value, h, objMap),
+        StreamCard: (value: Partial<CardValue>)=>createCard(h, objMap),
     };
 }

src/modules/editor/objects/Elements/page.ts

@@ -4,6 +4,7 @@ import { utils } from "./utils";
 
 export type PageValue = {
   music: string;
+  volume: number;
 };
 
 export type CardValue = {
@@ -87,20 +88,22 @@ export class CompPage extends CompBase<PageValue> {
   }
 }
 
-export function createPage(histry: HistoryController) {
-  const obj = new CompPage({ music: "" });
-  obj.state.children.push(createCard(histry)); //默认有一页卡片
-  obj.init();
-
-  obj.setHistory(histry);
+export function createPage( values: Partial<PageValue>,  h: HistoryController, objMap: Map<string, any>) {
 
+  const options = {music: "", volume: 100, ...values}
+  const obj = new CompPage(options);
+  obj.state.children.push(createCard(h, objMap)); //默认有一页卡片
+  obj.init();
+  obj.setHistory(h);
+  objMap.set(obj.id, obj);
   return obj;
 }
 
-export function createCard(histry: HistoryController) {
+export function createCard(histry: HistoryController, objMap: Map<string, any>) {
   const obj = new CompCard({ test: 1 });
   obj.init();
-
   obj.setHistory(histry);
+  
+  objMap.set(obj.id, obj);
   return obj;
 }

src/pages/h5/share/index.ts

@@ -3,6 +3,8 @@ import { initViewportSize } from "@/hooks/initViewportSize";
 import CKEditor from "@ckeditor/ckeditor5-vue";
 import "./style.less";
 import router from "./router";
+// import VConsole from 'vconsole';
+// const vConsole = new VConsole();
 
 document.title = "分享";
 startApp(router, [initViewportSize], (app) => {

yarn.lock

@@ -956,6 +956,13 @@
   dependencies:
     regenerator-runtime "^0.13.11"
 
+"@babel/runtime@^7.17.2":
+  version "7.22.6"
+  resolved "http://124.70.149.18:4873/@babel%2fruntime/-/runtime-7.22.6.tgz#57d64b9ae3cff1d67eb067ae117dac087f5bd438"
+  integrity sha512-wDb5pWm4WDdF6LFUde3Jl8WzPA+3ZbxYqkC6xAXuD3irdEHN1k0NfTRrJD8ZD378SJ61miMLCqIOXYhd8x+AJQ==
+  dependencies:
+    regenerator-runtime "^0.13.11"
+
 "@babel/template@^7.0.0", "@babel/template@^7.18.10", "@babel/template@^7.20.7":
   version "7.21.9"
   resolved "http://124.70.149.18:4873/@babel%2ftemplate/-/template-7.21.9.tgz#bf8dad2859130ae46088a99c1f265394877446fb"
@@ -3697,6 +3704,11 @@ copy-anything@^2.0.1:
   dependencies:
     is-what "^3.14.1"
 
+copy-text-to-clipboard@^3.0.1:
+  version "3.2.0"
+  resolved "http://124.70.149.18:4873/copy-text-to-clipboard/-/copy-text-to-clipboard-3.2.0.tgz#0202b2d9bdae30a49a53f898626dcc3b49ad960b"
+  integrity sha512-RnJFp1XR/LOBDckxTib5Qjr/PMfkatD0MUCQgdpqS8MdKiNUzBjAQBEN6oUy+jW7LI93BBG3DtMB2KOOKpGs2Q==
+
 copy-to@^2.0.1:
   version "2.0.1"
   resolved "http://124.70.149.18:4873/copy-to/-/copy-to-2.0.1.tgz#2680fbb8068a48d08656b6098092bdafc906f4a5"
@@ -3721,6 +3733,11 @@ core-js-compat@^3.25.1, core-js-compat@^3.8.3:
   dependencies:
     browserslist "^4.21.5"
 
+core-js@^3.11.0:
+  version "3.31.1"
+  resolved "http://124.70.149.18:4873/core-js/-/core-js-3.31.1.tgz#f2b0eea9be9da0def2c5fece71064a7e5d687653"
+  integrity sha512-2sKLtfq1eFST7l7v62zaqXacPc7uG8ZAya8ogijLhTtaKNcpzpB4TMoTw2Si+8GYKRwFPMMtUT0263QFWFfqyQ==
+
 core-js@^3.15.1, core-js@^3.8.3:
   version "3.30.2"
   resolved "http://124.70.149.18:4873/core-js/-/core-js-3.30.2.tgz#6528abfda65e5ad728143ea23f7a14f0dcf503fc"
@@ -6262,6 +6279,11 @@ multicast-dns@^7.2.5:
     dns-packet "^5.2.2"
     thunky "^1.0.2"
 
+mutation-observer@^1.0.3:
+  version "1.0.3"
+  resolved "http://124.70.149.18:4873/mutation-observer/-/mutation-observer-1.0.3.tgz#42e9222b101bca82e5ba9d5a7acf4a14c0f263d0"
+  integrity sha512-M/O/4rF2h776hV7qGMZUH3utZLO/jK7p8rnNgGkjKUw8zCGjRQPxB8z6+5l8+VjRUQ3dNYu4vjqXYLr+U8ZVNA==
+
 mz-modules@^2.1.0:
   version "2.1.0"
   resolved "http://124.70.149.18:4873/mz-modules/-/mz-modules-2.1.0.tgz#7f529877afd0d42f409a7463b96986d61cfbcf96"
@@ -8575,6 +8597,16 @@ vary@~1.1.2:
   resolved "http://124.70.149.18:4873/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"
   integrity sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=
 
+vconsole@^3.15.1:
+  version "3.15.1"
+  resolved "http://124.70.149.18:4873/vconsole/-/vconsole-3.15.1.tgz#569a8ab15f353259527bbcf004f02946b4482cff"
+  integrity sha512-KH8XLdrq9T5YHJO/ixrjivHfmF2PC2CdVoK6RWZB4yftMykYIaXY1mxZYAic70vADM54kpMQF+dYmvl5NRNy1g==
+  dependencies:
+    "@babel/runtime" "^7.17.2"
+    copy-text-to-clipboard "^3.0.1"
+    core-js "^3.11.0"
+    mutation-observer "^1.0.3"
+
 vm2@^3.9.17:
   version "3.9.19"
   resolved "http://124.70.149.18:4873/vm2/-/vm2-3.9.19.tgz#be1e1d7a106122c6c492b4d51c2e8b93d3ed6a4a"