feat(playground): 使用@tamgic/design

#401
This commit is contained in:
roymondchen 2022-10-11 15:28:26 +08:00 committed by jia000
parent 3a1a9795f6
commit 36f396ac24
5 changed files with 57 additions and 14 deletions

View File

@ -13,6 +13,7 @@
"dependencies": {
"@element-plus/icons-vue": "^2.0.9",
"@tmagic/editor": "1.2.0-beta.2",
"@tmagic/element-plus-adapter": "1.2.0-beta.2",
"@tmagic/form": "1.2.0-beta.2",
"@tmagic/schema": "1.2.0-beta.2",
"@tmagic/stage": "1.2.0-beta.2",

View File

@ -27,6 +27,7 @@ import JsonWorker from 'monaco-editor/esm/vs/language/json/json.worker?worker';
import TsWorker from 'monaco-editor/esm/vs/language/typescript/ts.worker?worker';
import MagicEditor from '@tmagic/editor';
import MagicElementPlusAdapter from '@tmagic/element-plus-adapter';
import MagicForm from '@tmagic/form';
import MagicTable from '@tmagic/table';
@ -63,6 +64,8 @@ app.use(ElementPlus, {
locale: zhCn,
});
app.use(MagicEditor);
app.use(MagicForm);
app.use(MagicForm, {
uiAdapter: MagicElementPlusAdapter,
});
app.use(MagicTable);
app.mount('#app');

View File

@ -202,7 +202,7 @@ const config = ref([
{
type: 'fieldset',
name: 'fieldset',
text: '分组',
legend: '分组',
extra: 'extra',
checkbox: true,
expand: 'checkbox',

View File

@ -47,6 +47,11 @@ export default defineConfig({
{ find: /^@tmagic\/table/, replacement: path.join(__dirname, '../packages/table/src/index.ts') },
{ find: /^@tmagic\/stage/, replacement: path.join(__dirname, '../packages/stage/src/index.ts') },
{ find: /^@tmagic\/utils/, replacement: path.join(__dirname, '../packages/utils/src/index.ts') },
{ find: /^@tmagic\/design/, replacement: path.join(__dirname, '../packages/design/src/index.ts') },
{
find: /^@tmagic\/element-plus-adapter/,
replacement: path.join(__dirname, '../packages/element-plus-adapter/src/index.ts'),
},
{ find: /^vue$/, replacement: path.join(__dirname, 'node_modules/vue/dist/vue.esm-bundler.js') },
{ find: /^element-plus$/, replacement: path.join(__dirname, 'node_modules/element-plus/es/index.mjs') },
],

58
pnpm-lock.yaml generated
View File

@ -157,6 +157,29 @@ importers:
typescript: 4.7.4
vite: 3.1.3
packages/design:
specifiers:
'@types/node': ^15.12.4
'@vitejs/plugin-vue': ^3.1.0
'@vue/compiler-sfc': ^3.2.37
'@vue/test-utils': ^2.0.0
rimraf: ^3.0.2
typescript: ^4.7.4
vite: ^3.1.3
vue: ^3.2.37
vue-tsc: ^0.39.4
dependencies:
vue: 3.2.37
devDependencies:
'@types/node': 15.14.9
'@vitejs/plugin-vue': 3.1.0_vite@3.1.3+vue@3.2.37
'@vue/compiler-sfc': 3.2.37
'@vue/test-utils': 2.0.0_vue@3.2.37
rimraf: 3.0.2
typescript: 4.7.4
vite: 3.1.3
vue-tsc: 0.39.4_typescript@4.7.4
packages/editor:
specifiers:
'@babel/core': ^7.18.0
@ -220,10 +243,28 @@ importers:
vite: 3.1.3_sass@1.52.2
vue-tsc: 0.39.4_typescript@4.7.4
packages/element-plus-adapter:
specifiers:
'@types/node': ^15.12.4
element-plus: ^2.2.17
rimraf: ^3.0.2
typescript: ^4.7.4
vite: ^3.1.3
vue: ^3.2.37
dependencies:
element-plus: 2.2.17_vue@3.2.37
vue: 3.2.37
devDependencies:
'@types/node': 15.14.9
rimraf: 3.0.2
typescript: 4.7.4
vite: 3.1.3
packages/form:
specifiers:
'@babel/core': ^7.18.0
'@element-plus/icons-vue': ^2.0.9
'@tmagic/design': 1.2.0-beta.2
'@tmagic/utils': 1.2.0-beta.2
'@types/lodash-es': ^4.17.4
'@types/node': ^15.12.4
@ -231,7 +272,6 @@ importers:
'@vitejs/plugin-vue': ^3.1.0
'@vue/compiler-sfc': ^3.2.37
'@vue/test-utils': ^2.0.0
element-plus: ^2.2.17
lodash-es: ^4.17.21
rimraf: ^3.0.2
sass: ^1.35.1
@ -242,8 +282,8 @@ importers:
vue-tsc: ^0.39.4
dependencies:
'@element-plus/icons-vue': 2.0.9_vue@3.2.37
'@tmagic/design': link:../design
'@tmagic/utils': link:../utils
element-plus: 2.2.17_vue@3.2.37
lodash-es: 4.17.21
sortablejs: 1.15.0
vue: 3.2.37
@ -435,6 +475,7 @@ importers:
specifiers:
'@element-plus/icons-vue': ^2.0.9
'@tmagic/editor': 1.2.0-beta.2
'@tmagic/element-plus-adapter': 1.2.0-beta.2
'@tmagic/form': 1.2.0-beta.2
'@tmagic/schema': 1.2.0-beta.2
'@tmagic/stage': 1.2.0-beta.2
@ -458,6 +499,7 @@ importers:
dependencies:
'@element-plus/icons-vue': 2.0.9_vue@3.2.37
'@tmagic/editor': link:../packages/editor
'@tmagic/element-plus-adapter': link:../packages/element-plus-adapter
'@tmagic/form': link:../packages/form
'@tmagic/schema': link:../packages/schema
'@tmagic/stage': link:../packages/stage
@ -1939,7 +1981,7 @@ packages:
resolution: {integrity: sha512-WCaF33mlKLSvHDKvOD6FzTa5CI2FlMTeJf3MxJsNP0KDgRoI6RdXhHo9dtvCqV4Sywf9Owm17wTLT1Ymu/WsOQ==}
dependencies:
'@babel/parser': 7.18.4
postcss: 8.4.14
postcss: 8.4.16
source-map: 0.6.1
/@vue/compiler-sfc/3.2.37:
@ -1953,7 +1995,7 @@ packages:
'@vue/shared': 3.2.37
estree-walker: 2.0.2
magic-string: 0.25.9
postcss: 8.4.14
postcss: 8.4.16
source-map: 0.6.1
/@vue/compiler-ssr/3.2.37:
@ -6248,14 +6290,6 @@ packages:
resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
dev: true
/postcss/8.4.14:
resolution: {integrity: sha512-E398TUmfAYFPBSdzgeieK2Y1+1cpdxJx8yXbK/m57nRhKSmk1GB2tO4lbLBtlkfPQTDKfe4Xqv1ASWPpayPEig==}
engines: {node: ^10 || ^12 || >=14}
dependencies:
nanoid: 3.3.4
picocolors: 1.0.0
source-map-js: 1.0.2
/postcss/8.4.16:
resolution: {integrity: sha512-ipHE1XBvKzm5xI7hiHCZJCSugxvsdq2mPnsq5+UF+VHCjiBvtDrlxJfMBToWaP9D5XlgNmcFGqoHmUn0EYEaRQ==}
engines: {node: ^10 || ^12 || >=14}