# repl-main

**Repository Path**: wang_zunmin/repl-main

## Basic Information

- **Project Name**: repl-main
- **Description**: 111111111111111111111111111
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-01-11
- **Last Updated**: 2024-02-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 表单源码编辑器

### 支持 ant-design-vue v4 less 全局汉化 内网环境等 必须全局引入 ant-design-vue

- main 文件中

```js
import Antd from 'ant-design-vue'
import 'ant-design-vue/dist/reset.css'
app.use(Antd)
```

- 组件中使用编辑器

```vue
<script setup>
import { Cant, CantStore } from 'source-editors'
import Monaco from 'source-editors/monaco-editor'
const store = = new CantStore({})
// store可获取实例信息
// cant.value.getEditor() 获取编辑器  getData
// cant.value.state
</script>

<template>
  <Cant :editor="Monaco" :store="store" ref="cant" />
</template>
```

- 组件中渲染表单

```vue
import {Preview} from "source-editors";
<Preview ref="pdom" :code="code"></Preview>
//console.log(pdom.value?.getData()); //pdom.value?.setData()
//pdom.value?.validate()
```