<Workspace>

INFO

<Workspace> 组件必须在 <Provider> 组件内使用。

<Workspace> 组件作为工作区，用于承载其他组件的渲染与编辑。它提供了丰富的插槽，使得开发者可以自定义页面加载状态、工具栏操作、菜单弹出等内容，提升用户体验。

使用示例

基本示例

在精简版中，<Workspace> 组件直接使用，支持自定义加载提示、工具栏操作等内容：

<template>
    <Workspace>
        <!-- 加载中的自定义内容 -->
        <template #loading>页面请求中...</template>

        <!-- 工具栏自定义操作 -->
        <template #toolbar="item">
            <button @click="removeItem(item.id)">删除</button>
        </template>

        <!-- 自定义菜单弹出 -->
        <template #flowMenuPopper>
            <div>菜单-1</div>
        </template>
    </Workspace>
</template>

插槽说明

• #loading：自定义页面加载中的显示内容，通常用于显示加载动画或提示信息，直到页面数据加载完成。
• #toolbar：自定义工作区的工具栏内容，可以用于实现常见的操作按钮。item 参数传递当前工具栏项的相关数据。
• #flowMenuPopper：自定义流式菜单的弹出内容。此插槽可以包含任何自定义菜单项或操作。

注意事项

• <Provider> 组件：<Workspace> 必须嵌套在 <Provider> 组件内，以确保功能正常运行并访问 Ptah 引擎所需的上下文。
• 插槽自定义：通过插槽，您可以自定义不同的区域内容，包括加载状态、工具栏按钮、菜单等，灵活适配应用的需求。
• 事件处理：在插槽中，您可以通过事件绑定（例如，@click）实现与外部数据或功能的交互，如删除操作等。