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

chore: 完善代码

Browse Source
This commit is contained in:
roymondchen 2024-03-20 14:26:05 +08:00
parent 1dcdab8f92
commit f999b60a79
5 changed files with 21 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/form/src/index.ts
View File

@ -89,9 +89,7 @@ export { default as MSelect } from './fields/Select.vue';
export { default as MCascader } from './fields/Cascader.vue'; export { default as MCascader } from './fields/Cascader.vue';
export { default as MDynamicField } from './fields/DynamicField.vue'; export { default as MDynamicField } from './fields/DynamicField.vue';
export const createForm = function (config: FormConfig) { export const createForm = <T extends [] = []>(config: FormConfig | T) => config;
return config;
};
export interface InstallOptions { export interface InstallOptions {
[key: string]: any; [key: string]: any;

1
packages/form/src/schema.ts
View File

@ -122,6 +122,7 @@ export interface Rule {
type?: string; type?: string;
/** 是否必填 */ /** 是否必填 */
required?: boolean; required?: boolean;
trigger?: string;
/** 自定义验证器 */ /** 自定义验证器 */
validator?: ( validator?: (
options: { options: {

8
playground/src/configs/formDsl.ts
View File

@ -1,4 +1,6 @@
export default [ import { createForm } from '@tmagic/form';
export default createForm([
{ {
text: '文本', text: '文本',
name: 'text', name: 'text',
@ -173,7 +175,7 @@ export default [
legend: '分组', legend: '分组',
extra: 'extra', extra: 'extra',
checkbox: true, checkbox: true,
expand: 'checkbox', expand: true,
// schematic: 'https://vfiles.gtimg.cn/vupload/20210329/9712631617027075445.png', // schematic: 'https://vfiles.gtimg.cn/vupload/20210329/9712631617027075445.png',
items: [ items: [
{ {
@ -263,4 +265,4 @@ export default [
}, },
], ],
}, },
]; ]);

7
playground/src/main.ts
View File

@ -17,8 +17,6 @@
*/ */
import { createApp } from 'vue'; import { createApp } from 'vue';
import ElementPlus from 'element-plus';
import zhCn from 'element-plus/es/locale/lang/zh-cn';
import * as monaco from 'monaco-editor'; import * as monaco from 'monaco-editor';
import EditorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker'; import EditorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker';
import CssWorker from 'monaco-editor/esm/vs/language/css/css.worker?worker'; import CssWorker from 'monaco-editor/esm/vs/language/css/css.worker?worker';
@ -30,7 +28,6 @@ import TMagicDesign from '@tmagic/design';
import MagicEditor from '@tmagic/editor'; import MagicEditor from '@tmagic/editor';
import MagicElementPlusAdapter from '@tmagic/element-plus-adapter'; import MagicElementPlusAdapter from '@tmagic/element-plus-adapter';
import MagicForm from '@tmagic/form'; import MagicForm from '@tmagic/form';
import MagicTable from '@tmagic/table';
import App from './App.vue'; import App from './App.vue';
import router from './route'; import router from './route';
@ -61,11 +58,7 @@ monaco.languages.typescript.typescriptDefaults.setEagerModelSync(true);
const app = createApp(App); const app = createApp(App);
app.use(router); app.use(router);
app.use(ElementPlus, {
locale: zhCn,
});
app.use(TMagicDesign, MagicElementPlusAdapter); app.use(TMagicDesign, MagicElementPlusAdapter);
app.use(MagicEditor); app.use(MagicEditor);
app.use(MagicForm); app.use(MagicForm);
app.use(MagicTable);
app.mount('#app'); app.mount('#app');

27
playground/src/pages/Table.vue
View File

@ -1,16 +1,16 @@
<template> <template>
<div style="width: 100%"> <div style="width: 100%">
<nav-menu :data="menu"></nav-menu> <NavMenu :data="menu"></NavMenu>
<div class="table-content"> <div class="table-content">
<m-table class="left-panel" :columns="columns" :data="data" :show-header="true"></m-table> <MagicTable class="left-panel" :columns="columns" :data="data" :show-header="true"></MagicTable>
<el-tabs class="right-panel" modelValue="columns"> <TMagicTabs class="right-panel" modelValue="columns">
<el-tab-pane label="columns" name="columns"> <TMagicTabPane label="columns" name="columns">
<magic-code-editor class="code-editor-content" :init-values="columns" @save="change"></magic-code-editor> <TMagicCodeEditor class="code-editor-content" :init-values="columns" @save="change"></TMagicCodeEditor>
</el-tab-pane> </TMagicTabPane>
<el-tab-pane label="data" name="data"> <TMagicTabPane label="data" name="data">
<magic-code-editor class="code-editor-content" :init-values="data" @save="changeData"></magic-code-editor> <TMagicCodeEditor class="code-editor-content" :init-values="data" @save="changeData"></TMagicCodeEditor>
</el-tab-pane> </TMagicTabPane>
</el-tabs> </TMagicTabs>
</div> </div>
</div> </div>
</template> </template>
@ -19,14 +19,15 @@
import { ref } from 'vue'; import { ref } from 'vue';
import { useRouter } from 'vue-router'; import { useRouter } from 'vue-router';
import { tMagicMessage } from '@tmagic/design'; import { tMagicMessage, TMagicTabPane, TMagicTabs } from '@tmagic/design';
import { MenuButton } from '@tmagic/editor'; import { MenuButton, TMagicCodeEditor } from '@tmagic/editor';
import { type ColumnConfig, MagicTable } from '@tmagic/table';
import NavMenu from '../components/NavMenu.vue'; import NavMenu from '../components/NavMenu.vue';
const router = useRouter(); const router = useRouter();
const columns = ref([ const columns = ref<ColumnConfig[]>([
{ {
type: 'expand', type: 'expand',
prop: 'b', prop: 'b',