tmagic-editor/runtime/tmagic-form

TMagicFormRuntime

TMagicFormRuntime 基于@tmagic/form的编辑器runtime

环境准备

先基于tmagic-editor将编辑器搭建起来

按住依赖

pnpm add @tmagic/tmagic-form-runtime

<TMagicEditor
  :component-group-list="componentGroupList"
  :props-configs="propsConfigs"
  :render="render"
  :can-select="canSelect"
  :disabled-page-fragment="true"
  :stage-rect="{ width: 'calc(100% - 70px)', height: '100%' }"
  :moveable-options="{ resizable: false }"

  ...
>
</TMagicEditor>

import {
  canSelect,
  COMPONENT_GROUP_LIST as componentGroupList,
  propsConfigs,
  useRuntime,
} from '@tmagic/tmagic-form-runtime';

const { render } = useRuntime();