JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-04-06 03:57:56 +08:00
Code Issues Projects Releases Wiki Activity

feat(editor): 支持配置左侧边栏tab style

Browse Source
This commit is contained in:
roymondchen 2024-04-12 20:20:40 +08:00
parent b1e79c1e05
commit 4054c6ed57
2 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/editor/src/layouts/sidebar/Sidebar.vue
View File

@ -8,6 +8,7 @@
draggable="true" draggable="true"
:key="config.$key ?? index" :key="config.$key ?? index"
:class="{ 'is-active': activeTabName === config.text }" :class="{ 'is-active': activeTabName === config.text }"
:style="config.tabStyle || {}"
@click="activeTabName = config.text || `${index}`" @click="activeTabName = config.text || `${index}`"
@dragstart="dragstartHandler" @dragstart="dragstartHandler"
@dragend="dragendHandler(config.$key, $event)" @dragend="dragendHandler(config.$key, $event)"

4
packages/editor/src/type.ts
View File

@ -371,8 +371,10 @@ export interface MenuBarData {
export interface SideComponent extends MenuComponent { export interface SideComponent extends MenuComponent {
/** 显示文案 */ /** 显示文案 */
text: string; text: string;
/** tab样式 */
tabStyle?: string | Record<string, any>;
/** vue组件或url */ /** vue组件或url */
icon: Component<{}, {}, any>; icon?: Component<{}, {}, any>;
/** slide 唯一标识 key */ /** slide 唯一标识 key */
$key: string; $key: string;