refactor: canvas shape style

Author: ziyujiahao

frontend/src/views/dashboard/canvas/CanvasCore.vue

@@ -1093,7 +1093,7 @@ function tabMoveOutCheckSQ() {
 
 function tabMoveInCheckSQ() {
   const { cloneItem, moveItem } = infoBox.value
-  if (cloneItem && moveItem && moveItem !== 'SQTab') {
+  if (cloneItem && moveItem && moveItem.component !== 'SQTab') {
     const width = cloneItem.offsetWidth
     const height = cloneItem.offsetHeight
     const left = cloneItem.offsetLeft

frontend/src/views/dashboard/canvas/ComponentBar.vue

@@ -60,9 +60,12 @@ const doDeleteComponent = (e: MouseEvent) => {
               @click="doPreview"
               >{{ t('dashboard.preview') }}</el-dropdown-item
             >
-            <el-dropdown-item divided :icon="icon_delete" @click="doDeleteComponent">{{
-              t('dashboard.delete')
-            }}</el-dropdown-item>
+            <el-dropdown-item
+              :divided="configItem.component === 'SQView'"
+              :icon="icon_delete"
+              @click="doDeleteComponent"
+              >{{ t('dashboard.delete') }}</el-dropdown-item
+            >
           </el-dropdown-menu>
         </template>
       </el-dropdown>
@@ -74,10 +77,10 @@ const doDeleteComponent = (e: MouseEvent) => {
 .component-bar-main {
   height: 20px;
   position: absolute;
-  right: 5px;
-  top: 5px;
+  right: 12px;
+  top: 12px;
   display: flex;
-  z-index: 5;
+  z-index: 1;
   cursor: pointer !important;
 }
 
@@ -93,7 +96,6 @@ const doDeleteComponent = (e: MouseEvent) => {
   background: rgba(255, 255, 255, 1);
   border: 1px solid rgba(217, 220, 223, 1);
   padding: 8px;
-
   &:hover {
     background-color: rgba(245, 246, 247, 1);
   }

frontend/src/views/dashboard/canvas/DragHandle.vue

@@ -54,7 +54,7 @@ const shadowStyle = (size: number, index: number) => {
 
 <style scoped lang="less">
 .dragArea {
-  opacity: 0.05;
+  opacity: 0;
 }
 
 .dragHandle {

frontend/src/views/dashboard/components/sq-tab/index.vue

@@ -279,7 +279,7 @@ defineExpose({
 
 <style scoped lang="less">
 ::v-deep(.ed-tabs__header) {
-  margin: 0 24px 0 12px !important;
+  margin: 0 40px 0 12px !important;
 }
 ::v-deep(.ed-tabs__nav-scroll) {
   margin: 0 12px !important;

frontend/src/views/dashboard/components/sq-text/index.vue

@@ -56,7 +56,7 @@ const init = reactive({
   plugins: 'link letterspacing', // 插件
   // 工具栏
   toolbar:
-    'undo redo | fontfamily fontsize | |forecolor backcolor bold italic letterspacing |underline strikethrough link lineheight| formatselect | alignleft aligncenter alignright |',
+    'fontfamily fontsize | |forecolor backcolor bold italic letterspacing |underline strikethrough link lineheight| formatselect | alignleft aligncenter alignright |',
   toolbar_location: '/',
   font_family_formats:
     '微软雅黑=Microsoft YaHei;宋体=SimSun;黑体=SimHei;仿宋=FangSong;华文黑体=STHeiti;华文楷体=STKaiti;华文宋体=STSong;华文仿宋=STFangsong;Andale Mono=andale mono,times;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Trebuchet MS=trebuchet ms,geneva;Verdana=verdana,geneva;Webdings=webdings;Wingdings=wingdings',

frontend/src/views/dashboard/css/CanvasStyle.less

@@ -64,9 +64,9 @@
 
   .movingItem {
     position: absolute;
-
     border: none;
-
+    border-radius: 12px;
+    overflow: hidden;
     &:before {
       position: absolute;
       z-index: 2;