import{ax as i,z as a,A as t,b2 as n}from"./chunks/framework.DkLJC2NO.js";const d=JSON.parse('{"title":"componentListService方法","description":"","frontmatter":{},"headers":[],"relativePath":"api/editor/componentListServiceMethods.md","filePath":"api/editor/componentListServiceMethods.md"}'),e={name:"api/editor/componentListServiceMethods.md"};function l(p,s,h,k,r,o){return t(),a("div",null,[...s[0]||(s[0]=[n(`

componentListService方法

setList

参数：
- {ComponentGroup[]} componentGroupList 组件列表配置
返回：
- {void}
详情：
设置左侧面板的组件列表配置
TIP
该方法通常由编辑器内部调用，开发者可以通过 m-editor 的 componentGroupList prop 来配置组件列表
示例：

import { componentListService } from '@tmagic/editor';

componentListService.setList([
  {
    title: '基础组件',
    items: [
      {
        icon: 'text-icon',
        text: '文本',
        type: 'text',
      },
      {
        icon: 'button-icon',
        text: '按钮',
        type: 'button',
      },
    ],
  },
]);

getList

参数： 无
返回：
- {ComponentGroup[]} 组件列表配置
详情：
获取当前的组件列表配置
示例：

import { componentListService } from '@tmagic/editor';

const list = componentListService.getList();
console.log(list);

resetState

参数： 无
返回：
- {void}
详情：
重置组件列表状态，清空所有配置
示例：

import { componentListService } from '@tmagic/editor';

componentListService.resetState();

destroy

参数： 无
返回：
- {void}
详情：
销毁 componentListService，清空状态并移除所有事件监听和插件
示例：

import { componentListService } from '@tmagic/editor';

componentListService.destroy();

`,13)])])}const c=i(e,[["render",l]]);export{d as __pageData,c as default};

componentListService方法 ​

setList ​

getList ​

resetState ​

destroy ​

componentListService方法

setList

getList

resetState

destroy