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

refactor: 使用@element-plus/icons-vue替换@element-plus/icons

Browse Source
This commit is contained in:
roymondchen 2022-07-14 20:09:43 +08:00 committed by jia000
parent cec111beed
commit 0e0e3ee310
21 changed files with 36 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docs/package.json
View File

@ -8,7 +8,7 @@
"build": "npm run clean:top && vuepress build src -d dist"
},
"dependencies": {
"@element-plus/icons": "0.0.11",
"@element-plus/icons-vue": "^2.0.6",
"@tmagic/form": "^1.0.2",
"@tmagic/schema": "^1.0.2",
"@tmagic/utils": "^1.0.2",

6
docs/src/api/editor/editor.md
View File

@ -47,7 +47,7 @@
- **示例：**
```js
import { FolderOpened, SwitchButton, Tickets } from '@element-plus/icons';
import { FolderOpened, SwitchButton, Tickets } from '@element-plus/icons-vue';
[
{
@ -108,7 +108,7 @@ icon使用的是[element-plus icon](https://element-plus.org/zh-CN/component/ico
- **示例：**
```js
import { List } from '@element-plus/icons';
import { List } from '@element-plus/icons-vue';
import ModListPanel from '../components/sidebars/ModListPanel.vue';
{
@ -167,7 +167,7 @@ icon使用的是[element-plus icon](https://element-plus.org/zh-CN/component/ico
```js
import { toRaw } from 'vue';
import { ArrowLeft, Coin } from '@element-plus/icons';
import { ArrowLeft, Coin } from '@element-plus/icons-vue';
{
left: [

2
packages/editor/package.json
View File

@ -42,7 +42,7 @@
],
"dependencies": {
"@babel/core": "^7.18.0",
"@element-plus/icons": "0.0.11",
"@element-plus/icons-vue": "^2.0.6",
"@tmagic/core": "1.1.0-beta.0",
"@tmagic/form": "1.1.0-beta.0",
"@tmagic/schema": "1.1.0-beta.0",

2
packages/editor/src/components/Icon.vue
View File

@ -7,7 +7,7 @@
<script lang="ts">
import { Component, defineComponent, PropType, toRaw } from 'vue';
import { Edit } from '@element-plus/icons';
import { Edit } from '@element-plus/icons-vue';
export default defineComponent({
name: 'm-icon',

2
packages/editor/src/components/ToolButton.vue
View File

@ -52,7 +52,7 @@
<script lang="ts">
import { computed, defineComponent, inject, markRaw, PropType } from 'vue';
import { ArrowDown, Back, Delete, Grid, Right, ScaleToOriginal, ZoomIn, ZoomOut } from '@element-plus/icons';
import { ArrowDown, Back, Delete, Grid, Right, ScaleToOriginal, ZoomIn, ZoomOut } from '@element-plus/icons-vue';
import { NodeType } from '@tmagic/schema';

2
packages/editor/src/fields/UISelect.vue
View File

@ -14,7 +14,7 @@
<script lang="ts">
import { computed, defineComponent, inject, markRaw, ref } from 'vue';
import { Close, Delete, Pointer } from '@element-plus/icons';
import { Close, Delete, Pointer } from '@element-plus/icons-vue';
import { FormState } from '@tmagic/form';

2
packages/editor/src/layouts/AddPageBox.vue
View File

@ -13,7 +13,7 @@
<script lang="ts">
import { defineComponent, inject, toRaw } from 'vue';
import { Plus } from '@element-plus/icons';
import { Plus } from '@element-plus/icons-vue';
import { NodeType } from '@tmagic/schema';

2
packages/editor/src/layouts/sidebar/LayerMenu.vue
View File

@ -4,7 +4,7 @@
<script lang="ts">
import { computed, defineComponent, inject, markRaw, ref } from 'vue';
import { Delete, DocumentCopy, Files, Plus } from '@element-plus/icons';
import { Delete, DocumentCopy, Files, Plus } from '@element-plus/icons-vue';
import { NodeType } from '@tmagic/schema';

2
packages/editor/src/layouts/sidebar/TabPane.vue
View File

@ -27,7 +27,7 @@
<script lang="ts">
import { computed, defineComponent, PropType } from 'vue';
import { Coin, Files } from '@element-plus/icons';
import { Coin, Files } from '@element-plus/icons-vue';
import MIcon from '@editor/components/Icon.vue';
import { SideComponent, SideItem } from '@editor/type';

2
packages/editor/src/layouts/workspace/PageBar.vue
View File

@ -70,7 +70,7 @@ import {
toRaw,
watch,
} from 'vue';
import { ArrowLeftBold, ArrowRightBold, CaretBottom, Delete, DocumentCopy, Plus } from '@element-plus/icons';
import { ArrowLeftBold, ArrowRightBold, CaretBottom, Delete, DocumentCopy, Plus } from '@element-plus/icons-vue';
import type { MApp, MPage } from '@tmagic/schema';
import { NodeType } from '@tmagic/schema';

2
packages/editor/src/layouts/workspace/ViewerMenu.vue
View File

@ -4,7 +4,7 @@
<script lang="ts">
import { computed, defineComponent, inject, markRaw, onMounted, reactive, ref, watch } from 'vue';
import { Bottom, Delete, DocumentCopy, Top } from '@element-plus/icons';
import { Bottom, Delete, DocumentCopy, Top } from '@element-plus/icons-vue';
import { NodeType } from '@tmagic/schema';
import type StageCore from '@tmagic/stage';

2
packages/form/package.json
View File

@ -32,7 +32,7 @@
"url": "https://github.com/Tencent/tmagic-editor.git"
},
"dependencies": {
"@element-plus/icons": "0.0.11",
"@element-plus/icons-vue": "^2.0.6",
"@tmagic/utils": "1.1.0-beta.0",
"element-plus": "^2.2.6",
"lodash-es": "^4.17.21",

2
packages/form/src/containers/Container.vue
View File

@ -104,7 +104,7 @@
<script lang="ts">
import { computed, defineComponent, inject, PropType, ref, resolveComponent, watchEffect } from 'vue';
import { WarningFilled } from '@element-plus/icons';
import { WarningFilled } from '@element-plus/icons-vue';
import { ChildConfig, ContainerCommonConfig, FormState, FormValue } from '../schema';
import { display as displayFunction, filterFunction, getRules } from '../utils/form';

8
packages/form/src/containers/GroupListItem.vue
View File

@ -2,7 +2,7 @@
<div class="m-fields-group-list-item">
<div>
<el-icon style="margin-right: 7px" @click="expandHandler"
><caret-bottom v-if="expand" /><caret-right v-else
><CaretBottom v-if="expand" /><CaretRight v-else
/></el-icon>
<el-button text @click="expandHandler">{{ title }}</el-button>
@ -17,7 +17,7 @@
<template v-if="movable()">
<el-button v-show="index !== 0" text size="small" @click="changeOrder(-1)"
>上移<el-icon><CaretRight /></el-icon
>上移<el-icon><CaretTop /></el-icon
></el-button>
<el-button v-show="index !== length - 1" text size="small" @click="changeOrder(1)"
>下移<el-icon><CaretBottom /></el-icon
@ -41,7 +41,7 @@
<script lang="ts">
import { computed, defineComponent, inject, PropType, ref, watchEffect } from 'vue';
import { CaretBottom, CaretRight, Delete } from '@element-plus/icons';
import { CaretBottom, CaretRight, CaretTop, Delete } from '@element-plus/icons-vue';
import { FormState, GroupListConfig } from '../schema';
import { filterFunction } from '../utils/form';
@ -49,7 +49,7 @@ import { filterFunction } from '../utils/form';
export default defineComponent({
name: 'm-form-group-list-item',
components: { CaretRight, CaretBottom },
components: { CaretBottom, CaretRight, CaretTop },
props: {
labelWidth: String,

2
packages/form/src/containers/Panel.vue
View File

@ -51,7 +51,7 @@
<script lang="ts">
import { computed, defineComponent, inject, PropType, ref } from 'vue';
import { CaretBottom, CaretRight } from '@element-plus/icons';
import { CaretBottom, CaretRight } from '@element-plus/icons-vue';
import { FormState, PanelConfig } from '../schema';
import { filterFunction } from '../utils/form';

2
packages/form/src/containers/Table.vue
View File

@ -153,7 +153,7 @@
<script lang="ts">
/* eslint-disable no-param-reassign */
import { computed, defineComponent, inject, onMounted, PropType, ref, toRefs } from 'vue';
import { ArrowDown, ArrowUp, Delete, FullScreen, Grid } from '@element-plus/icons';
import { ArrowDown, ArrowUp, Delete, FullScreen, Grid } from '@element-plus/icons-vue';
import { ElMessage, ElTable, UploadFile } from 'element-plus';
import { cloneDeep } from 'lodash-es';
import Sortable, { SortableEvent } from 'sortablejs';

2
playground/package.json
View File

@ -11,7 +11,7 @@
"serve": "vite preview"
},
"dependencies": {
"@element-plus/icons": "0.0.11",
"@element-plus/icons-vue": "^2.0.6",
"@tmagic/editor": "1.1.0-beta.0",
"@tmagic/form": "1.1.0-beta.0",
"@tmagic/schema": "1.1.0-beta.0",

2
playground/src/configs/componentGroupList.ts
View File

@ -1,4 +1,4 @@
import { FolderOpened, Grid, PictureFilled, SwitchButton, Tickets } from '@element-plus/icons';
import { FolderOpened, Grid, PictureFilled, SwitchButton, Tickets } from '@element-plus/icons-vue';
export default [
{

2
playground/src/pages/Editor.vue
View File

@ -33,7 +33,7 @@
<script lang="ts">
import { defineComponent, ref, toRaw } from 'vue';
import { useRouter } from 'vue-router';
import { Coin, Connection, Document } from '@element-plus/icons';
import { Coin, Connection, Document } from '@element-plus/icons-vue';
import { ElMessage, ElMessageBox } from 'element-plus';
import serialize from 'serialize-javascript';

2
playground/src/pages/Form.vue
View File

@ -16,7 +16,7 @@
<script lang="ts" setup>
import { markRaw, ref } from 'vue';
import { useRouter } from 'vue-router';
import { Coin } from '@element-plus/icons';
import { Coin } from '@element-plus/icons-vue';
import { ElMessage } from 'element-plus';
import { MenuButton } from '@tmagic/editor';

22
pnpm-lock.yaml generated
View File

@ -72,7 +72,7 @@ importers:
docs:
specifiers:
'@element-plus/icons': 0.0.11
'@element-plus/icons-vue': ^2.0.6
'@tmagic/form': ^1.0.2
'@tmagic/schema': ^1.0.2
'@tmagic/utils': ^1.0.2
@ -89,7 +89,7 @@ importers:
vue: ^3.2.0
vuepress: ^2.0.0-beta.48
dependencies:
'@element-plus/icons': 0.0.11
'@element-plus/icons-vue': 2.0.6_vue@3.2.37
'@tmagic/form': 1.0.5
'@tmagic/schema': 1.0.5
'@tmagic/utils': 1.0.5
@ -129,7 +129,7 @@ importers:
packages/editor:
specifiers:
'@babel/core': ^7.18.0
'@element-plus/icons': 0.0.11
'@element-plus/icons-vue': ^2.0.6
'@tmagic/core': 1.1.0-beta.0
'@tmagic/form': 1.1.0-beta.0
'@tmagic/schema': 1.1.0-beta.0
@ -159,7 +159,7 @@ importers:
vue-tsc: ^0.38.2
dependencies:
'@babel/core': 7.18.2
'@element-plus/icons': 0.0.11
'@element-plus/icons-vue': 2.0.6_vue@3.2.37
'@tmagic/core': link:../core
'@tmagic/form': link:../form
'@tmagic/schema': link:../schema
@ -192,7 +192,7 @@ importers:
packages/form:
specifiers:
'@babel/core': ^7.18.0
'@element-plus/icons': 0.0.11
'@element-plus/icons-vue': ^2.0.6
'@tmagic/utils': 1.1.0-beta.0
'@types/lodash-es': ^4.17.4
'@types/node': ^15.12.4
@ -211,7 +211,7 @@ importers:
vue: ^3.2.0
vue-tsc: ^0.38.2
dependencies:
'@element-plus/icons': 0.0.11
'@element-plus/icons-vue': 2.0.6_vue@3.2.37
'@tmagic/utils': link:../utils
element-plus: 2.2.6_vue@3.2.37
lodash-es: 4.17.21
@ -392,7 +392,7 @@ importers:
playground:
specifiers:
'@element-plus/icons': 0.0.11
'@element-plus/icons-vue': ^2.0.6
'@tmagic/editor': 1.1.0-beta.0
'@tmagic/form': 1.1.0-beta.0
'@tmagic/schema': 1.1.0-beta.0
@ -414,7 +414,7 @@ importers:
vue-router: ^4.0.10
vue-tsc: ^0.38.2
dependencies:
'@element-plus/icons': 0.0.11
'@element-plus/icons-vue': 2.0.6_vue@3.2.37
'@tmagic/editor': link:../packages/editor
'@tmagic/form': link:../packages/form
'@tmagic/schema': link:../packages/schema
@ -1281,8 +1281,8 @@ packages:
resolution: {integrity: sha512-HsbMKc0ZAQH+EUeCmI/2PvTYSybmkaWwakU8QGDYYgMVIg9BQ5sM0A0Nnombjxo2+JzXHxmH+jw//yGX+y6GYw==}
dev: false
/@element-plus/icons-vue/2.0.5_vue@3.2.37:
resolution: {integrity: sha512-jvNWyKcdvPvMDLTWjghrPY+bYHKqh7hbAFIPe+HWR073zilzt33csREzmKx3VwhdlJUW5u0nCqN+0rwI8jlH+w==}
/@element-plus/icons-vue/2.0.6_vue@3.2.37:
resolution: {integrity: sha512-lPpG8hYkjL/Z97DH5Ei6w6o22Z4YdNglWCNYOPcB33JCF2A4wye6HFgSI7hEt9zdLyxlSpiqtgf9XcYU+m5mew==}
peerDependencies:
vue: ^3.2.0
dependencies:
@ -3902,7 +3902,7 @@ packages:
vue: ^3.2.0
dependencies:
'@ctrl/tinycolor': 3.4.1
'@element-plus/icons-vue': 2.0.5_vue@3.2.37
'@element-plus/icons-vue': 2.0.6_vue@3.2.37
'@floating-ui/dom': 0.5.4
'@popperjs/core': /@sxzz/popperjs-es/2.11.7
'@types/lodash': 4.14.182