Преглед изворни кода

fix(组件): 为工具点击事件添加防抖并增加框架类型图标

为CollapsibleToolbar组件中的handleToolClick添加300ms防抖以防止快速点击导致的多次触发
在CanvasTool组件中为frametype为78时添加新的svg图标
lsc пре 2 дана
родитељ
комит
1501d46e5d
2 измењених фајлова са 6 додато и 2 уклоњено
  1. 2 2
      src/components/CollapsibleToolbar/index2.vue
  2. 4 0
      src/views/Editor/CanvasTool/index2.vue

+ 2 - 2
src/components/CollapsibleToolbar/index2.vue

@@ -811,7 +811,7 @@ import ImagePage from './page/ImagePage.json'
 import ContentPage from './page/ContentPage.json'
 import ContentPage from './page/ContentPage.json'
 import ImageTextPage from './page/ImageTextPage.json'
 import ImageTextPage from './page/ImageTextPage.json'
 
 
-const handleToolClick = (tool: string) => {
+const handleToolClick = _.debounce((tool: string) => {
   interface ParentWindowWithToolList extends Window {
   interface ParentWindowWithToolList extends Window {
     addTool?: (id: number) => void;
     addTool?: (id: number) => void;
     openVideoUploadDialog?: () => void;
     openVideoUploadDialog?: () => void;
@@ -877,7 +877,7 @@ const handleToolClick = (tool: string) => {
   else if (tool === 'uploadWebpage') {
   else if (tool === 'uploadWebpage') {
     activeSubmenu.value = 'uploadWebpage'
     activeSubmenu.value = 'uploadWebpage'
   }
   }
-}
+}, 300)
 
 
 const loadContentList = () => {
 const loadContentList = () => {
   try {
   try {

+ 4 - 0
src/views/Editor/CanvasTool/index2.vue

@@ -36,6 +36,10 @@
               stroke-width="2">
               stroke-width="2">
               <path d="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z" />
               <path d="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z" />
             </svg>
             </svg>
+            <svg v-if="frametype == 78" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <polyline points="9 11 12 14 22 4"></polyline>
+                <path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11"></path>
+            </svg>
           </span>
           </span>
           <span>{{ iframeLabel }}</span>
           <span>{{ iframeLabel }}</span>
           <svg t="1776672009773" class="xia-icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
           <svg t="1776672009773" class="xia-icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"