From a9d2e201ab83fa3d4a07cdc10e13e3a89c3568ab Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Mon, 7 Nov 2022 15:39:50 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E6=96=87=E4=BB=B6=E5=91=BD?=
 =?UTF-8?q?=E5=90=8D=E6=A0=87=E5=87=86=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/canvas/components/TextAttr.vue |  20 +--
 .../canvas/components/editor/DeEditor.vue     |   3 +-
 .../canvas/components/editor/index.vue        |   3 +-
 .../src/components/dataease/DeOutWidget.vue   | 161 ++++++++++--------
 .../{pointShadow.vue => PointShadow.vue}      |   0
 .../deDrag/{shadow.vue => Shadow.vue}         |   0
 .../src/components/elVisualSelect/index.vue   |  30 ++--
 .../{DeWidget => deWidget}/CustomTabsSort.vue |   0
 .../{DeWidget => deWidget}/DeButton.vue       |   0
 .../widget/{DeWidget => deWidget}/DeDate.vue  |  29 ++--
 .../{DeWidget => deWidget}/DeInputSearch.vue  |   0
 .../{DeWidget => deWidget}/DeNumberRange.vue  |   0
 .../{DeWidget => deWidget}/DeQuarter.vue      |   0
 .../{DeWidget => deWidget}/DeResetButton.vue  |   0
 .../{DeWidget => deWidget}/DeSelect.vue       |   4 +-
 .../{DeWidget => deWidget}/DeSelectGrid.vue   |  91 +++++-----
 .../{DeWidget => deWidget}/DeSelectTree.vue   |   4 +-
 .../{DeWidget => deWidget}/DeShowDate.vue     |   0
 .../widget/{DeWidget => deWidget}/DeTabs.vue  |   0
 .../{DeWidget => deWidget}/DeTreeSelect.vue   |   0
 .../{DeWidget => deWidget}/TabStyle.vue       |   0
 .../{DeWidget => deWidget}/TimeComplex.vue    |   0
 .../{DeWidget => deWidget}/TimeDefault.vue    |   0
 .../{DeWidget => deWidget}/TimeElec.vue       |   0
 .../{DeWidget => deWidget}/TimeSimple.vue     |   0
 .../{DeWidget => deWidget}/TitlePosition.vue  |   0
 .../{DeWidget => deWidget}/customInput.js     |   2 +-
 .../{DeWidget => deWidget}/inputStyleMixin.js |   8 +-
 .../{DeWidget => deWidget}/serviceNameFn.js   |   0
 .../sources/ElQuarter.vue                     |   0
 30 files changed, 195 insertions(+), 160 deletions(-)
 rename frontend/src/components/deDrag/{pointShadow.vue => PointShadow.vue} (100%)
 rename frontend/src/components/deDrag/{shadow.vue => Shadow.vue} (100%)
 rename frontend/src/components/widget/{DeWidget => deWidget}/CustomTabsSort.vue (100%)
 rename frontend/src/components/widget/{DeWidget => deWidget}/DeButton.vue (100%)
 rename frontend/src/components/widget/{DeWidget => deWidget}/DeDate.vue (94%)
 rename frontend/src/components/widget/{DeWidget => deWidget}/DeInputSearch.vue (100%)
 rename frontend/src/components/widget/{DeWidget => deWidget}/DeNumberRange.vue (100%)
 rename frontend/src/components/widget/{DeWidget => deWidget}/DeQuarter.vue (100%)
 rename frontend/src/components/widget/{DeWidget => deWidget}/DeResetButton.vue (100%)
 rename frontend/src/components/widget/{DeWidget => deWidget}/DeSelect.vue (98%)
 rename frontend/src/components/widget/{DeWidget => deWidget}/DeSelectGrid.vue (90%)
 rename frontend/src/components/widget/{DeWidget => deWidget}/DeSelectTree.vue (99%)
 rename frontend/src/components/widget/{DeWidget => deWidget}/DeShowDate.vue (100%)
 rename frontend/src/components/widget/{DeWidget => deWidget}/DeTabs.vue (100%)
 rename frontend/src/components/widget/{DeWidget => deWidget}/DeTreeSelect.vue (100%)
 rename frontend/src/components/widget/{DeWidget => deWidget}/TabStyle.vue (100%)
 rename frontend/src/components/widget/{DeWidget => deWidget}/TimeComplex.vue (100%)
 rename frontend/src/components/widget/{DeWidget => deWidget}/TimeDefault.vue (100%)
 rename frontend/src/components/widget/{DeWidget => deWidget}/TimeElec.vue (100%)
 rename frontend/src/components/widget/{DeWidget => deWidget}/TimeSimple.vue (100%)
 rename frontend/src/components/widget/{DeWidget => deWidget}/TitlePosition.vue (100%)
 rename frontend/src/components/widget/{DeWidget => deWidget}/customInput.js (96%)
 rename frontend/src/components/widget/{DeWidget => deWidget}/inputStyleMixin.js (95%)
 rename frontend/src/components/widget/{DeWidget => deWidget}/serviceNameFn.js (100%)
 rename frontend/src/components/widget/{DeWidget => deWidget}/sources/ElQuarter.vue (100%)

diff --git a/frontend/src/components/canvas/components/TextAttr.vue b/frontend/src/components/canvas/components/TextAttr.vue
index 634e5c1122..5c507823fc 100644
--- a/frontend/src/components/canvas/components/TextAttr.vue
+++ b/frontend/src/components/canvas/components/TextAttr.vue
@@ -24,7 +24,7 @@
           >
             <el-tooltip :content="item.tooltip">
               <span style="float: left;">
-                <i :class="item.icon" />
+                <i :class="item.icon"/>
               </span>
             </el-tooltip>
           </el-radio-button>
@@ -47,7 +47,7 @@
               :value="item.value"
             >
               <span style="float: left;">
-                <i :class="item.icon" />
+                <i :class="item.icon"/>
               </span>
               <span style="float: right; color: #8492a6; font-size: 12px">{{ item.label }}</span>
             </el-option>
@@ -233,7 +233,7 @@
               @click="goColor"
             />
           </el-tooltip>
-          <div :style="letterDivColor" />
+          <div :style="letterDivColor"/>
           <el-color-picker
             ref="colorPicker"
             v-model="styleInfo.color"
@@ -255,7 +255,7 @@
               @click="goBoardColor"
             />
           </el-tooltip>
-          <div :style="boardDivColor" />
+          <div :style="boardDivColor"/>
           <el-color-picker
             ref="boardColorPicker"
             v-model="styleInfo.borderColor"
@@ -278,7 +278,7 @@
               @click="goBackgroundColor"
             />
           </el-tooltip>
-          <div :style="backgroundDivColor" />
+          <div :style="backgroundDivColor"/>
           <el-color-picker
             ref="backgroundColorPicker"
             v-model="styleInfo.backgroundColor"
@@ -294,7 +294,7 @@
         style="width: 20px;float: left;margin-top: 2px;margin-left: 2px;"
       >
         <el-tooltip :content="$t('panel.video_info')">
-          <VideoLinks :link-info="curComponent.videoLinks" />
+          <VideoLinks :link-info="curComponent.videoLinks"/>
         </el-tooltip>
       </div>
 
@@ -303,7 +303,7 @@
         style="width: 20px;float: left;margin-top: 2px;margin-left: 2px;"
       >
         <el-tooltip :content="$t('panel.stream_media_info')">
-          <StreamMediaLinks :link-info="curComponent.streamMediaLinks" />
+          <StreamMediaLinks :link-info="curComponent.streamMediaLinks"/>
         </el-tooltip>
       </div>
 
@@ -312,7 +312,7 @@
         style="width: 20px;float: left;margin-top: 2px;margin-left: 2px;"
       >
         <el-tooltip :content="$t('panel.web_addr')">
-          <FrameLinks :link-info="curComponent.frameLinks" />
+          <FrameLinks :link-info="curComponent.frameLinks"/>
         </el-tooltip>
       </div>
       <div
@@ -332,7 +332,7 @@
         style="width: 20px;float: left;margin-top: 2px;margin-left: 10px;"
       >
         <el-tooltip :content="$t('panel.tab_inner_style')">
-          <tab-style :style-info="styleInfo" />
+          <tab-style :style-info="styleInfo"/>
         </el-tooltip>
       </div>
 
@@ -415,7 +415,7 @@ import StreamMediaLinks from '@/components/canvas/components/editor/StreamMediaL
 import DateFormat from '@/components/canvas/components/editor/DateFormat'
 import { COLOR_PANEL } from '@/views/chart/chart/chart'
 import FrameLinks from '@/components/canvas/components/editor/FrameLinks'
-import TitlePosition from '@/components/widget/DeWidget/TitlePosition'
+import TitlePosition from '@/components/widget/deWidget/TitlePosition'
 
 export default {
   components: { TitlePosition, FrameLinks, DateFormat, VideoLinks, StreamMediaLinks },
diff --git a/frontend/src/components/canvas/components/editor/DeEditor.vue b/frontend/src/components/canvas/components/editor/DeEditor.vue
index 5aa2176c01..b62db0d7b0 100644
--- a/frontend/src/components/canvas/components/editor/DeEditor.vue
+++ b/frontend/src/components/canvas/components/editor/DeEditor.vue
@@ -120,7 +120,7 @@
       :canvas-id="canvasId"
     />
     <!-- 右击菜单 -->
-    <ContextMenu />
+    <ContextMenu/>
 
     <!-- 对齐标线 -->
     <span
@@ -1790,7 +1790,6 @@ export default {
 }
 
 .edit {
-  /*outline: 1px solid gainsboro;*/
   .component {
     outline: none;
     width: 100%;
diff --git a/frontend/src/components/canvas/components/editor/index.vue b/frontend/src/components/canvas/components/editor/index.vue
index 3b665785bc..18ae216c8d 100644
--- a/frontend/src/components/canvas/components/editor/index.vue
+++ b/frontend/src/components/canvas/components/editor/index.vue
@@ -114,7 +114,7 @@
       v-if="(curComponent&&curComponent.auxiliaryMatrix&&(curComponent.optStatus.dragging||curComponent.optStatus.resizing))||(dragComponentInfo)"
     />
     <!-- 右击菜单 -->
-    <ContextMenu />
+    <ContextMenu/>
     <!-- 标线 (临时去掉标线 吸附等功能)-->
     <!--    <MarkLine />-->
     <!-- 选中区域 -->
@@ -1855,7 +1855,6 @@ export default {
 }
 
 .edit {
-  /*outline: 1px solid gainsboro;*/
   .component {
     outline: none;
     width: 100%;
diff --git a/frontend/src/components/dataease/DeOutWidget.vue b/frontend/src/components/dataease/DeOutWidget.vue
index ceec98763f..af303f59b9 100644
--- a/frontend/src/components/dataease/DeOutWidget.vue
+++ b/frontend/src/components/dataease/DeOutWidget.vue
@@ -59,7 +59,8 @@
 </template>
 
 <script>
-import inputStyleMixin from '@/components/widget/DeWidget/inputStyleMixin'
+import inputStyleMixin from '@/components/widget/deWidget/inputStyleMixin'
+
 export default {
   name: 'DeOutWidget',
   mixins: [inputStyleMixin],
@@ -70,7 +71,8 @@ export default {
     },
     element: {
       type: Object,
-      default: () => {}
+      default: () => {
+      }
     },
     inDraw: {
       type: Boolean,
@@ -194,77 +196,90 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-  .my-container {
-    position: relative;
-    overflow: auto !important;
-    top: 0px;
-    right: 0px;
-    bottom: 0px;
-    left: 0px;
-  }
-  .ccondition-main {
-    position: absolute;
-    overflow: auto;
-    top: 0px;
-    right: 0px;
-    bottom: 0px;
-    left: 0px;
-    display: flex;
-  }
-  .condition-title {
-    height: 2em;
-    cursor: -webkit-grab;
-    line-height: 2em;
-    white-space: nowrap;
-  }
-  .span-container {
-    overflow: hidden auto;
-    position: relative;
-    padding: 0 5px;
-  }
-  .condition-content {
-    overflow: auto hidden;
-    letter-spacing: 0px !important;
+.my-container {
+  position: relative;
+  overflow: auto !important;
+  top: 0px;
+  right: 0px;
+  bottom: 0px;
+  left: 0px;
+}
+
+.ccondition-main {
+  position: absolute;
+  overflow: auto;
+  top: 0px;
+  right: 0px;
+  bottom: 0px;
+  left: 0px;
+  display: flex;
+}
+
+.condition-title {
+  height: 2em;
+  cursor: -webkit-grab;
+  line-height: 2em;
+  white-space: nowrap;
+}
+
+.span-container {
+  overflow: hidden auto;
+  position: relative;
+  padding: 0 5px;
+}
+
+.condition-content {
+  overflow: auto hidden;
+  letter-spacing: 0px !important;
+  width: 100%;
+}
+
+.condition-content-container {
+  position: relative;
+  display: table;
+  width: 100%;
+  height: 100%;
+  white-space: nowrap;
+}
+
+.first-element {
+  position: relative;
+  display: table-cell;
+  vertical-align: middle;
+  margin: 0px;
+  padding: 0px;
+  height: 100%;
+}
+
+.first-element-container {
+  width: calc(100% - 10px);
+  background: initial;
+  margin: 0 4px;
+
+  div {
     width: 100%;
   }
-  .condition-content-container {
-    position: relative;
-    display: table;
-    width: 100%;
-    height: 100%;
-    white-space: nowrap;
-  }
-  .first-element {
-    position: relative;
-    display: table-cell;
-    vertical-align: middle;
-    margin: 0px;
-    padding: 0px;
-    height: 100%;
-  }
-  .first-element-container {
-    width: calc(100% - 10px);
-    background: initial;
-    margin: 0 4px;
-    div {
-      width: 100%;
-    }
-    display: flex;
-    align-items: flex-end;
-  }
-  .first-element-grid-container {
-    background: #fff;
-    border: 1px solid #d7dae2;
-    top: 5px;
-  }
-  .condition-main-line {
-    height: 40px !important;
-  }
-  .condition-main {
-    display: flex;
-    padding-top: 5px;
-  }
-  .condition-content-default {
-    inset: 0px 0px 0px !important;
-  }
+
+  display: flex;
+  align-items: flex-end;
+}
+
+.first-element-grid-container {
+  background: #fff;
+  border: 1px solid #d7dae2;
+  top: 5px;
+}
+
+.condition-main-line {
+  height: 40px !important;
+}
+
+.condition-main {
+  display: flex;
+  padding-top: 5px;
+}
+
+.condition-content-default {
+  inset: 0px 0px 0px !important;
+}
 </style>
diff --git a/frontend/src/components/deDrag/pointShadow.vue b/frontend/src/components/deDrag/PointShadow.vue
similarity index 100%
rename from frontend/src/components/deDrag/pointShadow.vue
rename to frontend/src/components/deDrag/PointShadow.vue
diff --git a/frontend/src/components/deDrag/shadow.vue b/frontend/src/components/deDrag/Shadow.vue
similarity index 100%
rename from frontend/src/components/deDrag/shadow.vue
rename to frontend/src/components/deDrag/Shadow.vue
diff --git a/frontend/src/components/elVisualSelect/index.vue b/frontend/src/components/elVisualSelect/index.vue
index dd1006c10b..682115ecca 100644
--- a/frontend/src/components/elVisualSelect/index.vue
+++ b/frontend/src/components/elVisualSelect/index.vue
@@ -15,12 +15,15 @@
     <p
       v-if="startIndex === 0 && $attrs.multiple"
       class="select-all"
-    ><el-checkbox
-      v-model="selectAll"
-      v-customStyle="customStyle"
-      :indeterminate="isIndeterminate"
-      @change="selectAllChange"
-    >{{ $t('dataset.check_all') }}</el-checkbox></p>
+    >
+      <el-checkbox
+        v-model="selectAll"
+        v-customStyle="customStyle"
+        :indeterminate="isIndeterminate"
+        @change="selectAllChange"
+      >{{ $t('dataset.check_all') }}
+      </el-checkbox>
+    </p>
     <el-option
       v-for="item in options"
       :key="item.id"
@@ -34,9 +37,10 @@
 </template>
 
 <script>
-import { handlerInputStyle } from '@/components/widget/DeWidget/serviceNameFn.js'
+import { handlerInputStyle } from '@/components/widget/deWidget/serviceNameFn.js'
 
 import { uuid } from 'vue-uuid'
+
 export default {
   name: 'ElVisualSelect',
   model: {
@@ -51,7 +55,8 @@ export default {
     },
     customStyle: {
       type: Object,
-      default: () => {}
+      default: () => {
+      }
     },
     list: {
       type: Array,
@@ -234,26 +239,31 @@ export default {
     overflow-x: hidden;
     content-visibility: auto;
   }
+
   ::-webkit-scrollbar {
     background: #ffffff !important;
   }
+
   .el-select-height {
     width: 1px;
     position: absolute;
     top: 0;
     left: 0;
   }
+
   .el-select-dropdown__list {
     width: 100%;
     position: absolute;
     top: 0;
     left: 0;
   }
+
   .el-select-dropdown__wrap {
     height: 0;
   }
 }
+
 .select-all {
-    padding: 10px 20px 0 20px;
-  }
+  padding: 10px 20px 0 20px;
+}
 </style>
diff --git a/frontend/src/components/widget/DeWidget/CustomTabsSort.vue b/frontend/src/components/widget/deWidget/CustomTabsSort.vue
similarity index 100%
rename from frontend/src/components/widget/DeWidget/CustomTabsSort.vue
rename to frontend/src/components/widget/deWidget/CustomTabsSort.vue
diff --git a/frontend/src/components/widget/DeWidget/DeButton.vue b/frontend/src/components/widget/deWidget/DeButton.vue
similarity index 100%
rename from frontend/src/components/widget/DeWidget/DeButton.vue
rename to frontend/src/components/widget/deWidget/DeButton.vue
diff --git a/frontend/src/components/widget/DeWidget/DeDate.vue b/frontend/src/components/widget/deWidget/DeDate.vue
similarity index 94%
rename from frontend/src/components/widget/DeWidget/DeDate.vue
rename to frontend/src/components/widget/deWidget/DeDate.vue
index f28e8f5807..6984086ed7 100644
--- a/frontend/src/components/widget/DeWidget/DeDate.vue
+++ b/frontend/src/components/widget/deWidget/DeDate.vue
@@ -23,14 +23,10 @@
 </template>
 
 <script>
-import {
-  ApplicationContext
-} from '@/utils/ApplicationContext'
-import {
-  timeSection
-} from '@/utils'
+import { ApplicationContext } from '@/utils/ApplicationContext'
+import { timeSection } from '@/utils'
 import bus from '@/utils/bus'
-import customInput from '@/components/widget/DeWidget/customInput'
+import customInput from '@/components/widget/deWidget/customInput'
 
 export default {
   mixins: [customInput],
@@ -279,13 +275,13 @@ export default {
       const defaultV = this.element.options.value === null ? '' : this.element.options.value.toString()
       if (this.element.options.attrs.type === 'daterange') {
         if (defaultV === null || typeof defaultV === 'undefined' || defaultV === '' || defaultV ===
-            '[object Object]') {
+          '[object Object]') {
           return []
         }
         return defaultV.split(',').map(item => parseFloat(item))
       } else {
         if (defaultV === null || typeof defaultV === 'undefined' || defaultV === '' || defaultV ===
-            '[object Object]') {
+          '[object Object]') {
           return null
         }
         return parseFloat(defaultV.split(',')[0])
@@ -298,7 +294,7 @@ export default {
 
 <style lang="scss">
 .coustom-date-picker {
-  border:1px solid var(--BrDateColor, #dfe4ed) !important;
+  border: 1px solid var(--BrDateColor, #dfe4ed) !important;
   background: var(--BgDateColor, #FFFFFF) !important;
 
   .el-picker-panel__sidebar {
@@ -323,7 +319,7 @@ export default {
   .el-date-range-picker__time-picker-wrap,
   .el-date-picker__time-header {
     .el-input__inner {
-      border:1px solid var(--BrDateColor, #dfe4ed) !important;
+      border: 1px solid var(--BrDateColor, #dfe4ed) !important;
       color: var(--DateColor, #606266);
       background: var(--BgDateColor, #FFFFFF) !important;
     }
@@ -332,7 +328,7 @@ export default {
   .el-picker-panel__link-btn:nth-child(2) {
     color: var(--DateColor, #409eff);
     background: var(--BgDateColor, #FFFFFF) !important;
-    border:1px solid var(--BrDateColor, #dfe4ed) !important;
+    border: 1px solid var(--BrDateColor, #dfe4ed) !important;
   }
 
   .popper__arrow,
@@ -340,13 +336,13 @@ export default {
     display: none !important;
   }
 
-  .el-date-range-picker__content.is-left{
-    border-right:1px solid var(--BrDateColor, #e6ebf5) !important;
+  .el-date-range-picker__content.is-left {
+    border-right: 1px solid var(--BrDateColor, #e6ebf5) !important;
   }
 
   .el-date-table th,
   .el-date-picker__header--bordered {
-    border-bottom:1px solid var(--BrDateColor, #e6ebf5) !important;
+    border-bottom: 1px solid var(--BrDateColor, #e6ebf5) !important;
   }
 
   .el-date-table td.in-range:not(.end-date):not(.start-date) div span {
@@ -359,7 +355,7 @@ export default {
   .el-month-table td .cell,
   .el-year-table td .cell,
   .el-picker-panel__icon-btn,
-  .el-date-picker__header-label{
+  .el-date-picker__header-label {
     color: var(--DateColor, #606266);
 
   }
@@ -376,6 +372,7 @@ export default {
   .el-time-spinner__wrapper {
     width: 100% !important;
   }
+
   .el-scrollbar:nth-of-type(2) {
     display: none;
   }
diff --git a/frontend/src/components/widget/DeWidget/DeInputSearch.vue b/frontend/src/components/widget/deWidget/DeInputSearch.vue
similarity index 100%
rename from frontend/src/components/widget/DeWidget/DeInputSearch.vue
rename to frontend/src/components/widget/deWidget/DeInputSearch.vue
diff --git a/frontend/src/components/widget/DeWidget/DeNumberRange.vue b/frontend/src/components/widget/deWidget/DeNumberRange.vue
similarity index 100%
rename from frontend/src/components/widget/DeWidget/DeNumberRange.vue
rename to frontend/src/components/widget/deWidget/DeNumberRange.vue
diff --git a/frontend/src/components/widget/DeWidget/DeQuarter.vue b/frontend/src/components/widget/deWidget/DeQuarter.vue
similarity index 100%
rename from frontend/src/components/widget/DeWidget/DeQuarter.vue
rename to frontend/src/components/widget/deWidget/DeQuarter.vue
diff --git a/frontend/src/components/widget/DeWidget/DeResetButton.vue b/frontend/src/components/widget/deWidget/DeResetButton.vue
similarity index 100%
rename from frontend/src/components/widget/DeWidget/DeResetButton.vue
rename to frontend/src/components/widget/deWidget/DeResetButton.vue
diff --git a/frontend/src/components/widget/DeWidget/DeSelect.vue b/frontend/src/components/widget/deWidget/DeSelect.vue
similarity index 98%
rename from frontend/src/components/widget/DeWidget/DeSelect.vue
rename to frontend/src/components/widget/deWidget/DeSelect.vue
index 8099ed66df..30cf432457 100644
--- a/frontend/src/components/widget/DeWidget/DeSelect.vue
+++ b/frontend/src/components/widget/deWidget/DeSelect.vue
@@ -45,8 +45,8 @@ import { linkMultFieldValues, multFieldValues } from '@/api/dataset/dataset'
 import bus from '@/utils/bus'
 import { isSameVueObj } from '@/utils'
 import { getLinkToken, getToken } from '@/utils/auth'
-import customInput from '@/components/widget/DeWidget/customInput'
-import { textSelectWidget } from '@/components/widget/DeWidget/serviceNameFn.js'
+import customInput from '@/components/widget/deWidget/customInput'
+import { textSelectWidget } from '@/components/widget/deWidget/serviceNameFn.js'
 
 export default {
   components: { ElVisualSelect },
diff --git a/frontend/src/components/widget/DeWidget/DeSelectGrid.vue b/frontend/src/components/widget/deWidget/DeSelectGrid.vue
similarity index 90%
rename from frontend/src/components/widget/DeWidget/DeSelectGrid.vue
rename to frontend/src/components/widget/deWidget/DeSelectGrid.vue
index 1cebdb8346..7faf24fba5 100644
--- a/frontend/src/components/widget/DeWidget/DeSelectGrid.vue
+++ b/frontend/src/components/widget/deWidget/DeSelectGrid.vue
@@ -24,7 +24,8 @@
           v-model="checkAll"
           :indeterminate="isIndeterminate"
           @change="handleCheckAllChange"
-        />{{ $t('commons.all') }}
+        />
+        {{ $t('commons.all') }}
 
         <el-checkbox-group
           v-model="value"
@@ -34,7 +35,8 @@
             <el-checkbox
               :key="item.id"
               :label="item.id"
-            >{{ item.id }}</el-checkbox>
+            >{{ item.id }}
+            </el-checkbox>
             <br :key="item.id">
           </template>
         </el-checkbox-group>
@@ -66,11 +68,11 @@
 </template>
 
 <script>
-import { multFieldValues, linkMultFieldValues } from '@/api/dataset/dataset'
+import { linkMultFieldValues, multFieldValues } from '@/api/dataset/dataset'
 import { getLinkToken, getToken } from '@/utils/auth'
 import bus from '@/utils/bus'
 import { isSameVueObj } from '@/utils'
-import { attrsMap, styleAttrs, textSelectGridWidget } from '@/components/widget/DeWidget/serviceNameFn.js'
+import { attrsMap, styleAttrs, textSelectGridWidget } from '@/components/widget/deWidget/serviceNameFn.js'
 
 export default {
   props: {
@@ -171,7 +173,7 @@ export default {
         param.userId = this.panelInfo.proxy
       }
       this.element.options.attrs.fieldId &&
-          this.element.options.attrs.fieldId.length > 0 &&
+      this.element.options.attrs.fieldId.length > 0 &&
       method(param).then(res => {
         this.data = this.optionData(res.data)
         this.changeInputStyle()
@@ -214,7 +216,7 @@ export default {
         param.userId = this.panelInfo.proxy
       }
       this.element.options.attrs.fieldId &&
-          this.element.options.attrs.fieldId.length > 0 &&
+      this.element.options.attrs.fieldId.length > 0 &&
       method(param).then(res => {
         this.data = this.optionData(res.data)
         this.changeInputStyle()
@@ -288,7 +290,10 @@ export default {
         if (!token && linkToken) {
           method = linkMultFieldValues
         }
-        method({ fieldIds: this.element.options.attrs.fieldId.split(','), sort: this.element.options.attrs.sort }).then(res => {
+        method({
+          fieldIds: this.element.options.attrs.fieldId.split(','),
+          sort: this.element.options.attrs.sort
+        }).then(res => {
           this.data = this.optionData(res.data)
           this.changeInputStyle()
           if (this.element.options.attrs.multiple) {
@@ -336,10 +341,14 @@ export default {
     fillValueDerfault() {
       const defaultV = this.element.options.value === null ? '' : this.element.options.value.toString()
       if (this.element.options.attrs.multiple) {
-        if (defaultV === null || typeof defaultV === 'undefined' || defaultV === '' || defaultV === '[object Object]') { return [] }
+        if (defaultV === null || typeof defaultV === 'undefined' || defaultV === '' || defaultV === '[object Object]') {
+          return []
+        }
         return defaultV.split(',')
       } else {
-        if (defaultV === null || typeof defaultV === 'undefined' || defaultV === '' || defaultV === '[object Object]') { return null }
+        if (defaultV === null || typeof defaultV === 'undefined' || defaultV === '' || defaultV === '[object Object]') {
+          return null
+        }
         return defaultV.split(',')[0]
       }
     },
@@ -377,44 +386,44 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-  .de-select-grid-search {
-    ::v-deep input {
-      border-radius: 0px;
+.de-select-grid-search {
+  ::v-deep input {
+    border-radius: 0px;
 
-    }
-
-    .el-input {
-      display: block !important;
-    }
   }
 
-  .de-select-grid-class {
-    height: 100%;
-
-    .list {
-      overflow-y: auto;
-      width: 100%;
-      position: relative;
-      bottom: 0;
-      height: calc(100% - 40px);
-      text-align: left;
-    }
-  }
-
-  .radio-group-container>.el-radio-group>label {
+  .el-input {
     display: block !important;
-    margin: 10px !important;
+  }
+}
+
+.de-select-grid-class {
+  height: 100%;
+
+  .list {
+    overflow-y: auto;
+    width: 100%;
+    position: relative;
+    bottom: 0;
+    height: calc(100% - 40px);
+    text-align: left;
+  }
+}
+
+.radio-group-container > .el-radio-group > label {
+  display: block !important;
+  margin: 10px !important;
+}
+
+.checkbox-group-container {
+  label.el-checkbox {
+    margin: 10px 10px 0 10px !important;
   }
 
-  .checkbox-group-container {
-    label.el-checkbox {
-      margin: 10px 10px 0 10px !important;
-    }
-
-    .el-checkbox-group>label {
-      margin: 10px 10px 0 10px !important;
-    }
-
+  .el-checkbox-group > label {
+    margin: 10px 10px 0 10px !important;
   }
 
+}
+
 </style>
diff --git a/frontend/src/components/widget/DeWidget/DeSelectTree.vue b/frontend/src/components/widget/deWidget/DeSelectTree.vue
similarity index 99%
rename from frontend/src/components/widget/DeWidget/DeSelectTree.vue
rename to frontend/src/components/widget/deWidget/DeSelectTree.vue
index 7b27ef8b46..15a6f49710 100644
--- a/frontend/src/components/widget/DeWidget/DeSelectTree.vue
+++ b/frontend/src/components/widget/deWidget/DeSelectTree.vue
@@ -29,8 +29,8 @@ import bus from '@/utils/bus'
 import { isSameVueObj } from '@/utils'
 import { getLinkToken, getToken } from '@/utils/auth'
 import ElTreeSelect from '@/components/elTreeSelect'
-import customInput from '@/components/widget/DeWidget/customInput'
-import { textSelectWidget } from '@/components/widget/DeWidget/serviceNameFn.js'
+import customInput from '@/components/widget/deWidget/customInput'
+import { textSelectWidget } from '@/components/widget/deWidget/serviceNameFn.js'
 
 export default {
   components: { ElTreeSelect },
diff --git a/frontend/src/components/widget/DeWidget/DeShowDate.vue b/frontend/src/components/widget/deWidget/DeShowDate.vue
similarity index 100%
rename from frontend/src/components/widget/DeWidget/DeShowDate.vue
rename to frontend/src/components/widget/deWidget/DeShowDate.vue
diff --git a/frontend/src/components/widget/DeWidget/DeTabs.vue b/frontend/src/components/widget/deWidget/DeTabs.vue
similarity index 100%
rename from frontend/src/components/widget/DeWidget/DeTabs.vue
rename to frontend/src/components/widget/deWidget/DeTabs.vue
diff --git a/frontend/src/components/widget/DeWidget/DeTreeSelect.vue b/frontend/src/components/widget/deWidget/DeTreeSelect.vue
similarity index 100%
rename from frontend/src/components/widget/DeWidget/DeTreeSelect.vue
rename to frontend/src/components/widget/deWidget/DeTreeSelect.vue
diff --git a/frontend/src/components/widget/DeWidget/TabStyle.vue b/frontend/src/components/widget/deWidget/TabStyle.vue
similarity index 100%
rename from frontend/src/components/widget/DeWidget/TabStyle.vue
rename to frontend/src/components/widget/deWidget/TabStyle.vue
diff --git a/frontend/src/components/widget/DeWidget/TimeComplex.vue b/frontend/src/components/widget/deWidget/TimeComplex.vue
similarity index 100%
rename from frontend/src/components/widget/DeWidget/TimeComplex.vue
rename to frontend/src/components/widget/deWidget/TimeComplex.vue
diff --git a/frontend/src/components/widget/DeWidget/TimeDefault.vue b/frontend/src/components/widget/deWidget/TimeDefault.vue
similarity index 100%
rename from frontend/src/components/widget/DeWidget/TimeDefault.vue
rename to frontend/src/components/widget/deWidget/TimeDefault.vue
diff --git a/frontend/src/components/widget/DeWidget/TimeElec.vue b/frontend/src/components/widget/deWidget/TimeElec.vue
similarity index 100%
rename from frontend/src/components/widget/DeWidget/TimeElec.vue
rename to frontend/src/components/widget/deWidget/TimeElec.vue
diff --git a/frontend/src/components/widget/DeWidget/TimeSimple.vue b/frontend/src/components/widget/deWidget/TimeSimple.vue
similarity index 100%
rename from frontend/src/components/widget/DeWidget/TimeSimple.vue
rename to frontend/src/components/widget/deWidget/TimeSimple.vue
diff --git a/frontend/src/components/widget/DeWidget/TitlePosition.vue b/frontend/src/components/widget/deWidget/TitlePosition.vue
similarity index 100%
rename from frontend/src/components/widget/DeWidget/TitlePosition.vue
rename to frontend/src/components/widget/deWidget/TitlePosition.vue
diff --git a/frontend/src/components/widget/DeWidget/customInput.js b/frontend/src/components/widget/deWidget/customInput.js
similarity index 96%
rename from frontend/src/components/widget/DeWidget/customInput.js
rename to frontend/src/components/widget/deWidget/customInput.js
index be9bd6c8b5..7d04365e4f 100644
--- a/frontend/src/components/widget/DeWidget/customInput.js
+++ b/frontend/src/components/widget/deWidget/customInput.js
@@ -1,5 +1,5 @@
 // 通过控制css变量控制过滤组件弹框样式 de-select-grid除外
-import { attrsMap, styleAttrs } from '@/components/widget/DeWidget/serviceNameFn.js'
+import { attrsMap, styleAttrs } from '@/components/widget/deWidget/serviceNameFn.js'
 
 export default {
   data() {
diff --git a/frontend/src/components/widget/DeWidget/inputStyleMixin.js b/frontend/src/components/widget/deWidget/inputStyleMixin.js
similarity index 95%
rename from frontend/src/components/widget/DeWidget/inputStyleMixin.js
rename to frontend/src/components/widget/deWidget/inputStyleMixin.js
index cbcf72c892..0c8c2c93e4 100644
--- a/frontend/src/components/widget/DeWidget/inputStyleMixin.js
+++ b/frontend/src/components/widget/deWidget/inputStyleMixin.js
@@ -1,5 +1,11 @@
 // 通过控制 js 控制过滤组件输入框样式 如需额外处理 声明组件serviceName同名函数处理
-import { timeDateRangeWidget, textInputWidget, attrsMap, styleAttrs } from '@/components/widget/DeWidget/serviceNameFn.js'
+import {
+  attrsMap,
+  styleAttrs,
+  textInputWidget,
+  timeDateRangeWidget
+} from '@/components/widget/deWidget/serviceNameFn.js'
+
 export default {
   data() {
     return {
diff --git a/frontend/src/components/widget/DeWidget/serviceNameFn.js b/frontend/src/components/widget/deWidget/serviceNameFn.js
similarity index 100%
rename from frontend/src/components/widget/DeWidget/serviceNameFn.js
rename to frontend/src/components/widget/deWidget/serviceNameFn.js
diff --git a/frontend/src/components/widget/DeWidget/sources/ElQuarter.vue b/frontend/src/components/widget/deWidget/sources/ElQuarter.vue
similarity index 100%
rename from frontend/src/components/widget/DeWidget/sources/ElQuarter.vue
rename to frontend/src/components/widget/deWidget/sources/ElQuarter.vue