内置模式

Web模式

import ModeWeb from '@ptahjs/creative-vue-mode-web';

使用方式

ptah.$mode(ModeWeb);

说明

Web模式主要针对桌面端Web应用，提供强大的可视化编辑功能。用户可以通过拖拽组件，快速构建复杂的交互页面。该模式支持对各种UI组件进行嵌套和排列，适合构建响应式、交互丰富的页面。

特点：

• 提供直观的UI组件拖拽与嵌套功能
• 支持响应式布局，适配不同屏幕尺寸
• 适用于Web端大屏展示和管理系统等复杂交互场景

Mobile模式

import ModeMobile from '@ptahjs/creative-vue-mode-mobile';

使用方式

ptah.$mode(ModeMobile);

说明

Mobile模式专为移动端应用设计，优化了触摸交互和小屏幕显示，提供组件的拖拽和嵌套功能，帮助用户快速搭建移动端界面。该模式适合用于开发移动网页、App页面等，兼容各种手机和平板设备。

特点：

• 针对移动端屏幕优化，触控操作流畅
• 支持组件的拖拽与嵌套，提升开发效率
• 适合用于快速构建移动端应用界面

Canvas模式

import ModeCanvas from '@ptahjs/creative-vue-mode-canvas';

使用方式

ptah.$mode(ModeCanvas);

说明

Canvas模式提供Web端画布可视化功能，用户可以通过拖放、缩放等操作在画布上自由布局组件。该模式主要适用于图形设计、流程图制作、可视化编辑等场景，支持多种自定义样式和交互效果。

特点：

• 提供灵活的拖放和缩放操作
• 适用于图形、流程图等多种可视化需求
• 支持自由布局和自定义样式

Flow模式

import ModeFlow from '@ptahjs/creative-vue-mode-flow';

使用方式

ptah.$mode(ModeFlow);

说明

Flow模式专注于简易的流程图可视化。用户可以轻松地通过拖拽组件来构建流程图，适合用于工作流、业务流程、数据流程等场景。该模式强调简洁易用，适合需要快速制作流程图的应用。

特点：

• 直观的流程图设计和管理功能
• 支持拖拽连接流程节点，快速构建复杂流程
• 适合用于业务流程、图表及工作流管理等场景

3D模式

import Mode3D from '@ptahjs/creative-vue-mode-3d';

使用方式

ptah.$mode(Mode3D);

说明

3D模式专为Web端3D可视化而设计。用户可以在一个三维空间内自由拖拽、旋转、缩放组件，构建出富有立体感和沉浸感的3D交互界面。该模式适用于3D展示、虚拟现实、游戏开发等场景。

特点：

• 提供丰富的3D空间操作，包括拖拽、缩放和旋转
• 支持三维模型、场景和动态效果的展示
• 适用于游戏开发、虚拟现实、产品展示等应用