样式调整

src/views/tool/build/index.vue

@@ -102,7 +102,7 @@ import beautifier from 'js-beautify'
 import logo from '@/assets/logo/logo.png'
 import { inputComponents, selectComponents, layoutComponents, formConf as formConfData } from '@/utils/generator/config'
 import { beautifierConf } from '@/utils/index'
-import { drawingDefaultValue, initDrawingDefaultValue, cleanDrawingDefaultValue } from '@/utils/generator/drawingDefault'
+import drawingDefalut from '@/utils/generator/drawingDefalut'
 import { makeUpHtml, vueTemplate, vueScript, cssStyle } from '@/utils/generator/html'
 import { makeUpJs } from '@/utils/generator/js'
 import { makeUpCss } from '@/utils/generator/css'
@@ -113,16 +113,14 @@ import RightPanel from './RightPanel'
 import CodeTypeDialog from './CodeTypeDialog'
 import { onMounted, watch } from 'vue'
 
-initDrawingDefaultValue()
-
-const drawingList = ref(drawingDefaultValue)
+const drawingList = ref(drawingDefalut)
 const { proxy } = getCurrentInstance()
 const dialogVisible = ref(false)
 const showFileName = ref(false)
 const operationType = ref('')
 const idGlobal = ref(100)
-const activeData = ref(drawingDefaultValue[0])
-const activeId = ref(drawingDefaultValue[0].formId)
+const activeData = ref(drawingDefalut[0])
+const activeId = ref(drawingDefalut[0].formId)
 const generateConf = ref(null)
 const formData = ref({})
 const formConf = ref(formConfData)
@@ -147,7 +145,6 @@ function empty() {
   proxy.$modal.confirm('确定要清空所有组件吗？', '提示', { type: 'warning' }).then(() => {
       idGlobal.value = 100
       drawingList.value = []
-      cleanDrawingDefaultValue()
     }
   )
 }
@@ -295,9 +292,8 @@ watch(activeId, (val) => {
   oldActiveId = val
 }, { immediate: true })
 
-let clipboard = null
 onMounted(() => {
-  clipboard = new ClipboardJS('#copyNode', {
+  const clipboard = new ClipboardJS('#copyNode', {
     text: trigger => {
       const codeStr = generateCode()
       ElNotification({ title: '成功', message: '代码已复制到剪切板，可粘贴。', type: 'success' })
@@ -308,9 +304,6 @@ onMounted(() => {
     proxy.$modal.msgError('代码复制失败')
   })
 })
-onUnmounted(() => {
-  clipboard.destroy()
-})
 </script>
 
 <style lang='scss'>