Browse Source

fix: eslint

main
xingyu 2 years ago
parent
commit
96501ceb00
  1. 2
      src/components/Application/src/AppDarkModeToggle.vue
  2. 27
      src/components/FormDesign/src/components/VFormDesign/modules/FormComponentPanel.vue

2
src/components/Application/src/AppDarkModeToggle.vue

@ -35,7 +35,7 @@ function toggleDarkMode() {
@click="toggleDarkMode" @click="toggleDarkMode"
> >
<div <div
class="dark:(transform translateX(calc(100% + 2px))) absolute z-1 h-4.5 w-4.5 rounded-1/2 bg-white will-change-transform" class="absolute z-1 h-4.5 w-4.5 rounded-1/2 bg-white will-change-transform"
/> />
<SvgIcon size="14" name="sun" /> <SvgIcon size="14" name="sun" />
<SvgIcon size="14" name="moon" /> <SvgIcon size="14" name="moon" />

27
src/components/FormDesign/src/components/VFormDesign/modules/FormComponentPanel.vue

@ -4,7 +4,7 @@
--> -->
<script lang="ts" setup> <script lang="ts" setup>
import draggable from 'vuedraggable' import draggable from 'vuedraggable'
import { computed, defineComponent } from 'vue' import { computed } from 'vue'
import { cloneDeep } from 'lodash-es' import { cloneDeep } from 'lodash-es'
import { Empty, Form } from 'ant-design-vue' import { Empty, Form } from 'ant-design-vue'
import { useFormDesignState } from '../../../hooks/useFormDesignState' import { useFormDesignState } from '../../../hooks/useFormDesignState'
@ -46,30 +46,17 @@ const layoutTag = computed(() => {
<template> <template>
<div class="v-form-container form-panel"> <div class="v-form-container form-panel">
<Empty <Empty v-show="formConfig.schemas.length === 0" class="empty-text" description="从左侧选择控件添加" />
v-show="formConfig.schemas.length === 0"
class="empty-text"
description="从左侧选择控件添加"
/>
<Form v-bind="formConfig"> <Form v-bind="formConfig">
<div class="draggable-box"> <div class="draggable-box">
<Draggable <Draggable
v-model="formConfig.schemas" v-model="formConfig.schemas" class="list-main ant-row" group="form-draggable"
class="list-main ant-row" :component-data="{ name: 'list', tag: 'div', type: 'transition-group' }" ghost-class="moving" :animation="180"
group="form-draggable" handle=".drag-move" item-key="key" @add="addItem" @start="handleDragStart"
:component-data="{ name: 'list', tag: 'div', type: 'transition-group' }"
ghost-class="moving"
:animation="180"
handle=".drag-move"
item-key="key"
@add="addItem"
@start="handleDragStart"
> >
<template #item="{ element }"> <template #item="{ element }">
<LayoutItem <LayoutItem
class="drag-move" class="drag-move" :schema="element" :data="formConfig"
:schema="element"
:data="formConfig"
:current-item="formConfig.currentItem || {}" :current-item="formConfig.currentItem || {}"
/> />
</template> </template>
@ -84,6 +71,7 @@ const layoutTag = computed(() => {
@import url('../styles/drag.less'); @import url('../styles/drag.less');
.v-form-container { .v-form-container {
// //
.ant-form-inline { .ant-form-inline {
.list-main { .list-main {
@ -127,6 +115,7 @@ const layoutTag = computed(() => {
} }
.list-main { .list-main {
// //
.list-enter-active { .list-enter-active {
transition: all 0.5s; transition: all 0.5s;