images/variant-form3-vite
2
0
Fork 0
mirror of https://github.com/vform666/variant-form3-vite.git synced 2024-11-10 09:39:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

替换字体图标为svg，未全部完成。

Browse Source
This commit is contained in:
vdpAdmin 2021-12-27 17:25:07 +08:00
parent f0dd06b188
commit 64007472a2
16 changed files with 101 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/components/form-designer/form-widget/container-widget/container-wrapper.vue
View File

@ -16,23 +16,25 @@
<i :title="i18nt('designer.hint.selectParentWidget')" @click.stop="selectParentWidget(widget)">
<svg-icon icon-class="el-back" />
</i>
<i class="el-icon-top" v-if="!!parentList && (parentList.length > 1)" :title="i18nt('designer.hint.moveUpWidget')"
@click.stop="moveUpWidget()"></i>
<i class="el-icon-bottom" v-if="!!parentList && (parentList.length > 1)" :title="i18nt('designer.hint.moveDownWidget')"
@click.stop="moveDownWidget()"></i>
<i v-if="widget.type === 'table'" class="iconfont icon-insertrow" :title="i18nt('designer.hint.insertRow')"
@click.stop="appendTableRow(widget)"></i>
<i v-if="widget.type === 'table'" class="iconfont icon-insertcolumn" :title="i18nt('designer.hint.insertColumn')"
@click.stop="appendTableCol(widget)"></i>
<i class="el-icon-copy-document" v-if="(widget.type === 'grid') || (widget.type === 'table')"
:title="i18nt('designer.hint.cloneWidget')" @click.stop="cloneContainer(widget)"></i>
<i class="el-icon-delete" :title="i18nt('designer.hint.remove')" @click.stop="removeWidget"></i>
<i v-if="!!parentList && (parentList.length > 1)" :title="i18nt('designer.hint.moveUpWidget')"
@click.stop="moveUpWidget()"><svg-icon icon-class="el-move-up" /></i>
<i v-if="!!parentList && (parentList.length > 1)" :title="i18nt('designer.hint.moveDownWidget')"
@click.stop="moveDownWidget()"><svg-icon icon-class="el-move-down" /></i>
<i v-if="widget.type === 'table'" :title="i18nt('designer.hint.insertRow')"
@click.stop="appendTableRow(widget)"><svg-icon icon-class="el-insert-row" /></i>
<i v-if="widget.type === 'table'" :title="i18nt('designer.hint.insertColumn')"
@click.stop="appendTableCol(widget)"><svg-icon icon-class="el-insert-column" /></i>
<i v-if="(widget.type === 'grid') || (widget.type === 'table')" :title="i18nt('designer.hint.cloneWidget')"
@click.stop="cloneContainer(widget)"><svg-icon icon-class="el-clone" /></i>
<i :title="i18nt('designer.hint.remove')" @click.stop="removeWidget">
<svg-icon icon-class="el-delete" />
</i>
</div>
<div class="drag-handler" v-if="designer.selectedId === widget.id && !widget.internal">
<i class="el-icon-rank" :title="i18nt('designer.hint.dragHandler')"></i>
<i :title="i18nt('designer.hint.dragHandler')"><svg-icon icon-class="el-drag-move" /></i>
<i>{{i18n2t(`designer.widgetLabel.${widget.type}`, `extension.widgetLabel.${widget.type}`)}}</i>
<i v-if="widget.options.hidden === true" class="iconfont icon-hide"></i>
<i v-if="widget.options.hidden === true"><svg-icon icon-class="el-hide" /></i>
</div>
</div>
</template>
@ -104,5 +106,11 @@
}
.container-action, .drag-handler {
:deep(.svg-icon) {
margin-left: 0.1em;
margin-right: 0.1em;
}
}
</style>

28
src/components/form-designer/form-widget/container-widget/grid-col-widget.vue
View File

@ -22,14 +22,18 @@
</draggable>
<div class="grid-col-action" v-if="designer.selectedId === widget.id && widget.type === 'grid-col'">
<i class="el-icon-back" :title="i18nt('designer.hint.selectParentWidget')"
@click.stop="selectParentWidget(widget)"></i>
<i class="el-icon-top" v-if="!!parentList && (parentList.length > 1)" :title="i18nt('designer.hint.moveUpWidget')"
@click.stop="moveUpWidget()"></i>
<i class="el-icon-bottom" v-if="!!parentList && (parentList.length > 1)" :title="i18nt('designer.hint.moveDownWidget')"
@click.stop="moveDownWidget()"></i>
<i class="el-icon-copy-document" :title="i18nt('designer.hint.cloneWidget')" @click.stop="cloneGridCol(widget)"></i>
<i class="el-icon-delete" :title="i18nt('designer.hint.remove')" @click.stop="removeWidget"></i>
<i :title="i18nt('designer.hint.selectParentWidget')"
@click.stop="selectParentWidget(widget)"><svg-icon icon-class="el-back" /></i>
<i v-if="!!parentList && (parentList.length > 1)" :title="i18nt('designer.hint.moveUpWidget')"
@click.stop="moveUpWidget()"><svg-icon icon-class="el-move-up" /></i>
<i v-if="!!parentList && (parentList.length > 1)" :title="i18nt('designer.hint.moveDownWidget')"
@click.stop="moveDownWidget()"><svg-icon icon-class="el-move-down" /></i>
<i :title="i18nt('designer.hint.cloneWidget')" @click.stop="cloneGridCol(widget)">
<svg-icon icon-class="el-clone" />
</i>
<i :title="i18nt('designer.hint.remove')" @click.stop="removeWidget">
<svg-icon icon-class="el-delete" />
</i>
</div>
<div class="grid-col-handler" v-if="designer.selectedId === widget.id && widget.type === 'grid-col'">
@ -308,4 +312,12 @@
}
}
}
.grid-col-action, .grid-col-handler {
:deep(.svg-icon) {
margin-left: 0.1em;
margin-right: 0.1em;
}
}
</style>

15
src/components/form-designer/form-widget/container-widget/table-cell-widget.vue
View File

@ -3,7 +3,7 @@
:style="{width: widget.options.cellWidth + '!important' || '', height: widget.options.cellHeight + '!important' || ''}"
:colspan="widget.options.colspan || 1" :rowspan="widget.options.rowspan || 1"
@click.stop="selectWidget(widget)">
<draggable :list="widget.widgetList" item-key="id" class="draggable-div" v-bind="{group:'dragGroup', ghostClass: 'ghost',animation: 200}"
<draggable :list="widget.widgetList" item-key="id" v-bind="{group:'dragGroup', ghostClass: 'ghost',animation: 200}"
tag="transition-group" :component-data="{name: 'fade'}"
handle=".drag-handler" @end="(evt) => onTableDragEnd(evt, widget.widgetList)"
@add="(evt) => onTableDragAdd(evt, widget.widgetList)"
@ -23,10 +23,10 @@
</draggable>
<div class="table-cell-action" v-if="designer.selectedId === widget.id && widget.type === 'table-cell'">
<i class="el-icon-back" :title="i18nt('designer.hint.selectParentWidget')"
@click.stop="selectParentWidget()"></i>
<i :title="i18nt('designer.hint.selectParentWidget')"
@click.stop="selectParentWidget()"><svg-icon icon-class="el-back" /></i>
<el-dropdown trigger="click" @command="handleTableCellCommand" size="small">
<i class="el-icon-menu" :title="i18nt('designer.hint.cellSetting')"></i>
<i :title="i18nt('designer.hint.cellSetting')"><svg-icon icon-class="el-menu" /></i>
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item command="insertLeftCol">{{i18nt('designer.setting.insertColumnToLeft')}}</el-dropdown-item>
@ -338,6 +338,13 @@
}
.table-cell-action, .table-cell-handler {
:deep(.svg-icon) {
margin-left: 0.1em;
margin-right: 0.1em;
}
}
.table-cell.selected {
outline: 2px solid $--color-primary !important;
}

28
src/components/form-designer/form-widget/field-widget/form-item-wrapper.vue
View File

@ -40,18 +40,21 @@
<template v-if="!!this.designer">
<div class="field-action" v-if="designer.selectedId === field.id">
<i class="el-icon-back" :title="i18nt('designer.hint.selectParentWidget')" @click.stop="selectParentWidget(field)"></i>
<i class="el-icon-top" v-if="!!parentList && (parentList.length > 1)" :title="i18nt('designer.hint.moveUpWidget')"
@click.stop="moveUpWidget(field)"></i>
<i class="el-icon-bottom" v-if="!!parentList && (parentList.length > 1)" :title="i18nt('designer.hint.moveDownWidget')"
@click.stop="moveDownWidget(field)"></i>
<i class="el-icon-delete" :title="i18nt('designer.hint.remove')" @click.stop="removeFieldWidget"></i>
<i :title="i18nt('designer.hint.selectParentWidget')"
@click.stop="selectParentWidget(field)"><svg-icon icon-class="el-back" /></i>
<i v-if="!!parentList && (parentList.length > 1)" :title="i18nt('designer.hint.moveUpWidget')"
@click.stop="moveUpWidget(field)"><svg-icon icon-class="el-move-up" /></i>
<i v-if="!!parentList && (parentList.length > 1)" :title="i18nt('designer.hint.moveDownWidget')"
@click.stop="moveDownWidget(field)"><svg-icon icon-class="el-move-down" /></i>
<i :title="i18nt('designer.hint.remove')" @click.stop="removeFieldWidget">
<svg-icon icon-class="el-delete" />
</i>
</div>
<div class="drag-handler background-opacity" v-if="designer.selectedId === field.id">
<i class="el-icon-rank" :title="i18nt('designer.hint.dragHandler')"></i>
<i :title="i18nt('designer.hint.dragHandler')"><svg-icon icon-class="el-drag-move" /></i>
<i>{{i18n2t(`designer.widgetLabel.${field.type}`, `extension.widgetLabel.${field.type}`)}}</i>
<i v-if="field.options.hidden === true" class="iconfont icon-hide"></i>
<i v-if="field.options.hidden === true"><svg-icon icon-class="el-hide" /></i>
</div>
</template>
</div>
@ -235,7 +238,7 @@
i {
font-size: 14px;
color: #fff;
margin: 0 5px;
margin: 0 3px;
cursor: pointer;
}
}
@ -265,6 +268,13 @@
}
}
.field-action, .drag-handler {
:deep(.svg-icon) {
margin-left: 0;
margin-right: 0;
}
}
.el-form-item {
//margin-bottom: 0 !important;
//margin-bottom: 6px;

27
src/components/form-designer/form-widget/field-widget/static-content-wrapper.vue
View File

@ -7,18 +7,22 @@
<template v-if="!!this.designer">
<div class="field-action" v-if="designer.selectedId === field.id">
<i class="el-icon-back" :title="i18nt('designer.hint.selectParentWidget')" @click.stop="selectParentWidget(field)"></i>
<i class="el-icon-top" v-if="!!parentList && (parentList.length > 1)" :title="i18nt('designer.hint.moveUpWidget')"
@click.stop="moveUpWidget(field)"></i>
<i class="el-icon-bottom" v-if="!!parentList && (parentList.length > 1)" :title="i18nt('designer.hint.moveDownWidget')"
@click.stop="moveDownWidget(field)"></i>
<i class="el-icon-delete" :title="i18nt('designer.hint.remove')" @click.stop="removeFieldWidget"></i>
<i :title="i18nt('designer.hint.selectParentWidget')" @click.stop="selectParentWidget(field)">
<svg-icon icon-class="el-back" />
</i>
<i v-if="!!parentList && (parentList.length > 1)" :title="i18nt('designer.hint.moveUpWidget')"
@click.stop="moveUpWidget(field)"><svg-icon icon-class="el-move-up" /></i>
<i v-if="!!parentList && (parentList.length > 1)" :title="i18nt('designer.hint.moveDownWidget')"
@click.stop="moveDownWidget(field)"><svg-icon icon-class="el-move-down" /></i>
<i :title="i18nt('designer.hint.remove')" @click.stop="removeFieldWidget">
<svg-icon icon-class="el-delete" />
</i>
</div>
<div class="drag-handler background-opacity" v-if="designer.selectedId === field.id">
<i class="el-icon-rank" :title="i18nt('designer.hint.dragHandler')"></i>
<i :title="i18nt('designer.hint.dragHandler')"><svg-icon icon-class="el-drag-move" /></i>
<i>{{i18n2t(`designer.widgetLabel.${field.type}`, `extension.widgetLabel.${field.type}`)}}</i>
<i v-if="field.options.hidden === true" class="iconfont icon-hide"></i>
<i v-if="field.options.hidden === true"><svg-icon icon-class="el-hide" /></i>
</div>
</template>
</div>
@ -173,6 +177,13 @@
}
}
.field-action, .drag-handler {
:deep(.svg-icon) {
margin-left: 0.1em;
margin-right: 0.1em;
}
}
.static-content-item {
min-height: 20px;
display: flex; /* 垂直居中 */

2
src/components/form-designer/setting-panel/property-editor/name-editor.vue
View File

@ -3,7 +3,7 @@
<template #label>
<span>{{i18nt('designer.setting.uniqueName')}}
<el-tooltip effect="light" :content="i18nt('designer.setting.editNameHelp')">
<i class="el-icon-info"></i></el-tooltip>
<svg-icon icon-class="el-info" /></el-tooltip>
</span>
</template>
<template v-if="!!selectedWidget.category || noFieldList">

2
src/components/form-designer/setting-panel/property-editor/validation-editor.vue
View File

@ -3,7 +3,7 @@
<template #label>
<span>{{i18nt('designer.setting.validation')}}
<el-tooltip effect="light" :content="i18nt('designer.setting.validationHelp')">
<i class="el-icon-info"></i></el-tooltip>
<svg-icon icon-class="el-info" /></el-tooltip>
</span>
</template>
<el-select v-model="optionModel.validation" filterable allow-create default-first-option>

1
src/icons/svg/el/clone.svg Normal file
View File

@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1640533384384" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5987" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" height="300"><defs><style type="text/css"></style></defs><path d="M774.144 839.68c-0.683008 36.864-13.483008 67.755008-38.4 92.672S679.936 970.068992 643.072 970.752H184.32c-36.864-0.683008-67.755008-13.483008-92.672-38.4S53.931008 876.544 53.248 839.68V380.928c0.683008-36.864 13.483008-67.755008 38.4-92.672S147.456 250.539008 184.32 249.856v65.536c-18.432 0.683008-33.792 7.168-46.08 19.456s-18.772992 27.648-19.456 46.08v458.752c0.683008 18.432 7.168 33.792 19.456 46.08s27.648 18.772992 46.08 19.456h458.752c18.432-0.683008 33.792-7.168 46.08-19.456s18.772992-27.648 19.456-46.08h65.536zM380.928 118.784c-18.432 0.683008-33.792 7.168-46.08 19.456s-18.772992 27.648-19.456 46.08v458.752c0.683008 18.432 7.168 33.792 19.456 46.08s27.648 18.772992 46.08 19.456h458.752c18.432-0.683008 33.792-7.168 46.08-19.456s18.772992-27.648 19.456-46.08V184.32c-0.683008-18.432-7.168-33.792-19.456-46.08s-27.648-18.772992-46.08-19.456H380.928z m0-65.536h458.752c36.864 0.683008 67.755008 13.483008 92.672 38.4S970.068992 147.456 970.752 184.32v458.752c-0.683008 36.864-13.483008 67.755008-38.4 92.672S876.544 773.460992 839.68 774.144H380.928c-36.864-0.683008-67.755008-13.483008-92.672-38.4S250.539008 679.936 249.856 643.072V184.32c0.683008-36.864 13.483008-67.755008 38.4-92.672S344.064 53.931008 380.928 53.248z" p-id="5988"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

1
src/icons/svg/el/drag-move.svg Normal file
View File

@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1640434248842" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3260" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" height="300"><defs><style type="text/css"></style></defs><path d="M909.3 506.3L781.7 405.6c-4.7-3.7-11.7-0.4-11.7 5.7V476H548V254h64.8c6 0 9.4-7 5.7-11.7L517.7 114.7c-2.9-3.7-8.5-3.7-11.3 0L405.6 242.3c-3.7 4.7-0.4 11.7 5.7 11.7H476v222H254v-64.8c0-6-7-9.4-11.7-5.7L114.7 506.3c-3.7 2.9-3.7 8.5 0 11.3l127.5 100.8c4.7 3.7 11.7 0.4 11.7-5.7V548h222v222h-64.8c-6 0-9.4 7-5.7 11.7l100.8 127.5c2.9 3.7 8.5 3.7 11.3 0l100.8-127.5c3.7-4.7 0.4-11.7-5.7-11.7H548V548h222v64.8c0 6 7 9.4 11.7 5.7l127.5-100.8c3.7-2.9 3.7-8.5 0.1-11.4z" p-id="3261"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 862 B

1
src/icons/svg/el/hide.svg Normal file
View File

@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1640434443077" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4060" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" height="300"><defs><style type="text/css"></style></defs><path d="M956.8 496c-41.6-70.4-99.2-147.2-176-204.8l105.6-105.6c12.8-12.8 12.8-32 0-44.8s-32-12.8-44.8 0l-115.2 115.2C665.6 214.4 592 192 512 192 297.6 192 153.6 358.4 67.2 496c-6.4 9.6-6.4 22.4 0 32 41.6 70.4 102.4 147.2 176 204.8l-108.8 108.8c-12.8 12.8-12.8 32 0 44.8C144 892.8 150.4 896 160 896s16-3.2 22.4-9.6l115.2-115.2c60.8 38.4 134.4 60.8 214.4 60.8 185.6 0 374.4-128 444.8-307.2C960 515.2 960 505.6 956.8 496zM134.4 512c76.8-121.6 201.6-256 377.6-256 60.8 0 118.4 16 166.4 44.8l-80 80C576 361.6 544 352 512 352c-89.6 0-160 70.4-160 160 0 32 9.6 64 25.6 89.6l-89.6 89.6C224 640 172.8 572.8 134.4 512zM608 512c0 54.4-41.6 96-96 96-16 0-28.8-3.2-41.6-9.6l128-128C604.8 483.2 608 496 608 512zM416 512c0-54.4 41.6-96 96-96 16 0 28.8 3.2 41.6 9.6l-128 128C419.2 540.8 416 528 416 512zM512 768c-60.8 0-118.4-16-166.4-44.8l80-80C448 662.4 480 672 512 672c89.6 0 160-70.4 160-160 0-32-9.6-64-25.6-89.6l89.6-89.6c67.2 51.2 118.4 118.4 156.8 179.2C825.6 659.2 665.6 768 512 768z" p-id="4061"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

1
src/icons/svg/el/info.svg Normal file
View File

@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1640481881335" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5008" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" height="300"><defs><style type="text/css"></style></defs><path d="M512.001 928.997c230.524 0 418.076-187.552 418.075-418.077 0-230.527-187.552-418.077-418.075-418.077s-418.077 187.55-418.077 418.077c0 230.525 187.552 418.077 418.077 418.077zM512 301.88c28.86 0 52.26 23.399 52.26 52.263 0 28.858-23.399 52.257-52.26 52.257s-52.26-23.399-52.26-52.257c0-28.863 23.399-52.263 52.26-52.263zM459.74 510.922c0-28.86 23.399-52.26 52.26-52.26s52.26 23.399 52.26 52.26l0 156.775c0 28.86-23.399 52.26-52.26 52.26s-52.26-23.399-52.26-52.26l0-156.775z" p-id="5009"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 877 B

1
src/icons/svg/el/insert-column.svg Normal file
View File

@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1640533702545" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6751" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" height="300"><defs><style type="text/css"></style></defs><path d="M653.184 713.6c12.864-12.864 33.6-12.864 46.528 0 6.4 6.4 3.776 14.72 3.776 23.232 0 8.384-3.264 16.768-9.6 23.104L569.92 886.4c-0.128 0.128-0.32 0.192-0.512 0.32-2.88 2.88-9.536 5.184-13.312 6.784-3.456 1.344-0.64 1.856-4.096 2.112C551.232 895.616 550.656 896 549.952 896c-0.512 0-0.896-0.256-1.344-0.256-3.84-0.192-5.76-0.896-9.344-2.24-3.264-1.344-6.016-3.52-8.64-5.76-0.64-0.512-1.472-0.768-2.048-1.344l-137.344-126.4c-12.864-12.736-6.976-33.6 5.888-46.4 12.8-12.864 33.6-12.864 46.464 0l105.472 100.352L653.184 713.6zM384 64l0 576 320 0L704 64 384 64zM128 704l0 256L64 960l0-256 0-64 0 0 64 0 128 0 64 0 0 64 0 256L257.024 960 256 704 128 704M832 704l0 256-64 0 0-256 0-64 0 0 64 0 128 0 64 0 0 64 0 256-62.976 0L960 704 832 704" p-id="6752"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

1
src/icons/svg/el/insert-row.svg Normal file
View File

@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1640533680618" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6420" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" height="300"><defs><style type="text/css"></style></defs><path d="M310.336 653.184c12.864 12.864 12.864 33.6 0 46.528-6.4 6.4-14.72 3.776-23.168 3.776s-16.832-3.264-23.168-9.6L137.6 569.92C137.472 569.792 137.408 569.6 137.344 569.408 134.464 566.592 132.096 559.872 130.496 556.096 129.152 552.704 128.64 555.52 128.384 552 128.384 551.232 128 550.656 128 549.952c0-0.512 0.256-0.896 0.256-1.344 0.192-3.84 0.896-5.76 2.24-9.344 1.344-3.264 3.52-6.016 5.76-8.64C136.768 529.92 137.024 529.088 137.6 528.512l126.336-137.344c12.8-12.864 33.6-6.976 46.4 5.888 12.864 12.8 12.864 33.6 0 46.464L210.048 548.992 310.336 653.184zM960 384 384 384l0 320 576 0L960 384zM320 128 64 128 64 64l256 0 64 0 0 0 0 64 0 128 0 64L320 320 64 320 64 257.024 320 256 320 128M320 832 64 832l0-64 256 0 64 0 0 0 0 64 0 128 0 64L320 1024 64 1024l0-62.976L320 960 320 832" p-id="6421"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

1
src/icons/svg/el/menu.svg Normal file
View File

@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1640532970952" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5805" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" height="300"><defs><style type="text/css"></style></defs><path d="M844.8 883.2l-256 0c-19.2 0-38.4-19.2-38.4-38.4l0-256c0-19.2 19.2-38.4 38.4-38.4l256 0c19.2 0 38.4 19.2 38.4 38.4l0 256C883.2 864 864 883.2 844.8 883.2zM844.8 480l-256 0c-19.2 0-38.4-19.2-38.4-38.4l0-256c0-19.2 19.2-38.4 38.4-38.4l256 0c19.2 0 38.4 19.2 38.4 38.4l0 256C883.2 460.8 864 480 844.8 480zM435.2 883.2l-256 0c-19.2 0-38.4-19.2-38.4-38.4l0-256c0-19.2 19.2-38.4 38.4-38.4l256 0c19.2 0 38.4 19.2 38.4 38.4l0 256C480 864 460.8 883.2 435.2 883.2zM435.2 480l-256 0c-19.2 0-38.4-19.2-38.4-38.4l0-256c0-19.2 19.2-38.4 38.4-38.4l256 0c19.2 0 38.4 19.2 38.4 38.4l0 256C480 460.8 460.8 480 435.2 480z" p-id="5806"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1004 B

1
src/icons/svg/el/move-down.svg Normal file
View File

@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1640433752595" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2028" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" height="300"><defs><style type="text/css"></style></defs><path d="M898.133333 512c-12.8-12.8-32-12.8-44.8-2.133333L544 800V149.333333c0-17.066667-14.933333-32-32-32s-32 14.933333-32 32v650.666667L170.666667 509.866667c-12.8-12.8-34.133333-10.666667-44.8 2.133333-12.8 12.8-10.666667 34.133333 2.133333 44.8l362.666667 341.333333c2.133333 2.133333 6.4 4.266667 8.533333 6.4 4.266667 2.133333 6.4 2.133333 10.666667 2.133334s8.533333 0 10.666666-2.133334c4.266667-2.133333 6.4-4.266667 8.533334-6.4l362.666666-341.333333c17.066667-12.8 19.2-32 6.4-44.8z" p-id="2029"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 889 B

1
src/icons/svg/el/move-up.svg Normal file
View File

@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1640433811097" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3095" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" height="300"><defs><style type="text/css"></style></defs><path d="M896 467.2l-362.666667-341.333333c-2.133333-2.133333-6.4-4.266667-8.533333-6.4-4.266667-2.133333-6.4-2.133333-10.666667-2.133334s-8.533333 0-10.666666 2.133334c-4.266667 2.133333-6.4 4.266667-8.533334 6.4l-362.666666 341.333333c-12.8 12.8-12.8 32-2.133334 44.8 12.8 12.8 32 12.8 44.8 2.133333l309.333334-290.133333V874.666667c0 17.066667 14.933333 32 32 32s32-14.933333 32-32V224L853.333333 514.133333c6.4 6.4 14.933333 8.533333 21.333334 8.533334 8.533333 0 17.066667-4.266667 23.466666-10.666667 12.8-12.8 10.666667-32-2.133333-44.8z" p-id="3096"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 939 B