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

SvgIcon组件取消全局注册，改为局部注册。

Browse Source
This commit is contained in:
vdpAdmin 2022-10-21 13:45:46 +08:00
parent 38fe46c3f1
commit 7982a55ac4
18 changed files with 45 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -9,7 +9,7 @@
[在线Demo](http://120.92.142.115:81/vform3/)
### 立即体验VForm 3 Pro高级版（提供商业支持）
[VForm 3 Pro Demo](http://120.92.142.115:81/vform3pro/)
[VForm 3 Pro Demo](https://vform666.com/pages/pro/)
### 适合Vue 2的版本看这里
[点此查看](https://gitee.com/vdpadmin/variant-form)

3
install-render.js
View File

@ -4,7 +4,6 @@ import VFormRender from '@/components/form-render/index.vue'
import ContainerItems from '@/components/form-render/container-item/index'
import {registerIcon} from '@/utils/el-icons'
import SvgIcon from '@/components/svg-icon' //svg组件
import 'virtual:svg-icons-register'
import '@/iconfont/iconfont.css'
@ -17,7 +16,6 @@ VFormRender.install = function (app) {
app.use(ContainerItems)
registerIcon(app)
app.component('svg-icon', SvgIcon)
app.component(VFormRender.name, VFormRender)
}
@ -31,7 +29,6 @@ const install = (app) => {
app.use(ContainerItems)
registerIcon(app)
app.component('svg-icon', SvgIcon)
components.forEach(component => {
app.component(component.name, component)
})

4
install.js
View File

@ -5,7 +5,6 @@ import VFormRender from '@/components/form-render/index.vue'
import Draggable from '@/../lib/vuedraggable/dist/vuedraggable.umd.js'
import {registerIcon} from '@/utils/el-icons'
import SvgIcon from '@/components/svg-icon' //svg组件
import 'virtual:svg-icons-register'
import '@/iconfont/iconfont.css'
@ -27,7 +26,6 @@ VFormDesigner.install = function (app) {
registerIcon(app)
app.component('draggable', Draggable)
app.component('svg-icon', SvgIcon)
app.component(VFormDesigner.name, VFormDesigner)
}
@ -38,7 +36,6 @@ VFormRender.install = function (app) {
app.use(ContainerItems)
registerIcon(app)
app.component('svg-icon', SvgIcon)
app.component(VFormRender.name, VFormRender)
}
@ -57,7 +54,6 @@ const install = (app) => {
registerIcon(app)
app.component('draggable', Draggable)
app.component('svg-icon', SvgIcon)
components.forEach(component => {
app.component(component.name, component)

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

@ -42,10 +42,14 @@
<script>
import i18n from "@/utils/i18n";
import containerMixin from "@/components/form-designer/form-widget/container-widget/containerMixin";
import SvgIcon from '@/components/svg-icon'
export default {
name: "container-wrapper",
mixins: [i18n, containerMixin],
components: {
SvgIcon
},
props: {
widget: Object,
parentWidget: Object,

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

@ -46,6 +46,7 @@
import i18n from "@/utils/i18n";
import FieldComponents from '@/components/form-designer/form-widget/field-widget/index'
import refMixinDesign from "@/components/form-designer/refMixinDesign"
import SvgIcon from '@/components/svg-icon'
export default {
name: "GridColWidget",
@ -54,6 +55,7 @@
inject: ['refList'],
components: {
...FieldComponents,
SvgIcon,
},
props: {
widget: Object,

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

@ -58,6 +58,7 @@
import i18n from "@/utils/i18n"
import FieldComponents from '@/components/form-designer/form-widget/field-widget/index'
import refMixinDesign from "@/components/form-designer/refMixinDesign"
import SvgIcon from '@/components/svg-icon'
export default {
name: "TableCellWidget",
@ -66,6 +67,7 @@
inject: ['refList'],
components: {
...FieldComponents,
SvgIcon,
},
props: {
widget: Object,

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

@ -62,10 +62,14 @@
<script>
import i18n from "@/utils/i18n";
import SvgIcon from '@/components/svg-icon'
export default {
name: "form-item-wrapper",
mixins: [i18n],
components: {
SvgIcon
},
props: {
field: Object,
designer: Object,

2
src/components/form-designer/form-widget/field-widget/input-widget.vue
View File

@ -27,6 +27,7 @@
import emitter from '@/utils/emitter'
import i18n, {translate} from "@/utils/i18n";
import fieldMixin from "@/components/form-designer/form-widget/field-widget/fieldMixin";
import SvgIcon from "@/components/svg-icon/index";
export default {
name: "input-widget",
@ -60,6 +61,7 @@
},
components: {
FormItemWrapper,
SvgIcon,
},
data() {
return {

2
src/components/form-designer/form-widget/field-widget/picture-upload-widget.vue
View File

@ -58,6 +58,7 @@
import i18n, {translate} from "@/utils/i18n";
import {deepClone} from "@/utils/util";
import fieldMixin from "@/components/form-designer/form-widget/field-widget/fieldMixin";
import SvgIcon from "@/components/svg-icon/index";
export default {
name: "picture-upload-widget",
@ -91,6 +92,7 @@
},
components: {
FormItemWrapper,
SvgIcon,
},
data() {
return {

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

@ -29,11 +29,15 @@
</template>
<script>
import i18n from "@/utils/i18n";
import i18n from "@/utils/i18n"
import SvgIcon from '@/components/svg-icon'
export default {
name: "static-content-wrapper",
mixins: [i18n],
components: {
SvgIcon
},
props: {
field: Object,
designer: Object,

4
src/components/form-designer/setting-panel/property-editor/field-file-upload/file-upload-fileTypes-editor.vue
View File

@ -19,10 +19,14 @@
<script>
import i18n from "@/utils/i18n"
import SvgIcon from "@/components/svg-icon/index";
export default {
name: "file-upload-fileTypes-editor",
mixins: [i18n],
components: {
SvgIcon
},
props: {
designer: Object,
selectedWidget: Object,

4
src/components/form-designer/setting-panel/property-editor/field-picture-upload/picture-upload-fileTypes-editor.vue
View File

@ -19,10 +19,14 @@
<script>
import i18n from "@/utils/i18n"
import SvgIcon from "@/components/svg-icon/index";
export default {
name: "picture-upload-fileTypes-editor",
mixins: [i18n],
components: {
SvgIcon
},
props: {
designer: Object,
selectedWidget: Object,

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

@ -21,10 +21,14 @@
<script>
import i18n from "@/utils/i18n"
import {isEmptyStr} from "@/utils/util"
import SvgIcon from "@/components/svg-icon/index";
export default {
name: "name-editor",
mixins: [i18n],
components: {
SvgIcon
},
props: {
designer: Object,
selectedWidget: Object,

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

@ -6,7 +6,7 @@
<svg-icon icon-class="el-info" /></el-tooltip>
</span>
</template>
<el-select v-model="optionModel.validation" filterable allow-create default-first-option>
<el-select v-model="optionModel.validation" filterable clearable allow-create default-first-option>
<el-option v-for="(fv, fvIdx) in fieldValidators"
:key="fvIdx"
:label="fv.label"
@ -18,10 +18,14 @@
<script>
import i18n from "@/utils/i18n"
import SvgIcon from "@/components/svg-icon/index";
export default {
name: "validation-editor",
mixins: [i18n],
components: {
SvgIcon
},
props: {
designer: Object,
selectedWidget: Object,

2
src/components/form-designer/toolbar-panel/index.vue
View File

@ -201,6 +201,7 @@
import loadBeautifier from "@/utils/beautifierLoader"
import { saveAs } from 'file-saver'
import axios from 'axios'
import SvgIcon from "@/components/svg-icon/index";
export default {
name: "ToolbarPanel",
@ -209,6 +210,7 @@
VFormRender,
CodeEditor,
Clipboard,
SvgIcon,
},
props: {
designer: Object

2
src/components/form-designer/widget-panel/index.vue
View File

@ -96,6 +96,7 @@
import {addWindowResizeHandler, generateId} from "@/utils/util"
import i18n from "@/utils/i18n"
import axios from 'axios'
import SvgIcon from "@/components/svg-icon/index";
// import ftImg1 from '@/assets/ft-images/t1.png'
// import ftImg2 from '@/assets/ft-images/t2.png'
@ -110,6 +111,7 @@
name: "FieldPanel",
mixins: [i18n],
components: {
SvgIcon
},
props: {
designer: Object,

3
src/components/form-render/container-item/sub-form-item.vue
View File

@ -70,7 +70,7 @@
import ContainerItemWrapper from './container-item-wrapper'
import containerItemMixin from './containerItemMixin'
import FieldComponents from '@/components/form-designer/form-widget/field-widget/index'
import eventBus from "@/utils/event-bus"
import SvgIcon from "@/components/svg-icon/index";
export default {
name: "sub-form-item",
@ -79,6 +79,7 @@
components: {
ContainerItemWrapper,
...FieldComponents,
SvgIcon,
},
props: {
widget: Object,

2
src/main.js
View File

@ -7,7 +7,6 @@ import '@/styles/index.scss'
import '@/iconfont/iconfont.css'
import Draggable from '@/../lib/vuedraggable/dist/vuedraggable.umd.js'
import {registerIcon} from '@/utils/el-icons'
import SvgIcon from '@/components/svg-icon' //svg组件
import 'virtual:svg-icons-register'
import ContainerWidgets from '@/components/form-designer/form-widget/container-widget/index'
@ -26,7 +25,6 @@ const vfApp = createApp(App)
vfApp.use(ElementPlus)
registerIcon(vfApp)
vfApp.component('draggable', Draggable)
vfApp.component('svg-icon', SvgIcon)
addDirective(vfApp)
installI18n(vfApp)