Browse Source

bug fix: 素材选择框里checkbox周围点击无反应

任一存 2 years ago
parent
commit
50551414b1

+ 0 - 11
packages/qjkankan-editor/src/components/materialSelectorForEditor.vue

@@ -57,7 +57,6 @@
                 :isMultiSelection="isMultiSelection"
                 :isCheckedInitial="select.some(i => i[primaryKey] === item.successInfo[primaryKey])"
                 @change="v => selectItem(item.successInfo, v)"
-                @click.native.stop
               />
             </span>
             <span class="table-data" v-for="(tableItemStructure, idx) in tableHeadersForImage" :key="idx">
@@ -110,7 +109,6 @@
                 :isMultiSelection="isMultiSelection"
                 :isCheckedInitial="select.some(i => i[primaryKey] === item[primaryKey])"
                 @change="v => selectItem(item, v)"
-                @click.native.stop
               />
           </span>
           <span class="table-data" v-for="(sub,idx) in tableHeadersForImage" :key="idx">
@@ -159,7 +157,6 @@
                 :isMultiSelection="isMultiSelection"
                 :isCheckedInitial="select.some(i => i[primaryKey] === item.successInfo[primaryKey])"
                 @change="v => selectItem(item.successInfo, v)"
-                @click.native.stop
               />
             </span>
             <span class="table-data" v-for="(tableItemStructure, idx) in tableHeadersForPano" :key="idx">
@@ -213,7 +210,6 @@
                 :isMultiSelection="isMultiSelection"
                 :isCheckedInitial="select.some(i => i[primaryKey] === item[primaryKey])"
                 @change="v => selectItem(item, v)"
-                @click.native.stop
               />
           </span>
           <span class="table-data" v-for="(sub,idx) in tableHeadersForPano" :key="idx">
@@ -262,7 +258,6 @@
                 :isMultiSelection="isMultiSelection"
                 :isCheckedInitial="select.some(i => i[primaryKey] === item.successInfo[primaryKey])"
                 @change="v => selectItem(item.successInfo, v)"
-                @click.native.stop
               />
             </span>
             <span class="table-data" v-for="(tableItemStructure, idx) in tableHeadersForAudio" :key="idx">
@@ -273,7 +268,6 @@
                   alt=""
                 > -->
                 <AudioIconCanPlay
-                  @click.native.stop
                   class="audio-player"
                   :vKey="item.successInfo.id"
                   :idleft="`_${$randomWord(true, 8, 8)}`"
@@ -335,7 +329,6 @@
               :isMultiSelection="isMultiSelection"
               :isCheckedInitial="select.some(i => i[primaryKey] === item[primaryKey])"
               @change="v => selectItem(item, v)"
-              @click.native.stop
             />
           </span>
           <span class="table-data" v-for="(sub,idx) in tableHeadersForAudio" :key="idx">
@@ -346,7 +339,6 @@
                 alt=""
               > -->
               <AudioIconCanPlay
-                @click.native.stop
                 class="audio-player"
                 :vKey="item.id"
                 :idleft="`_${$randomWord(true, 8, 8)}`"
@@ -396,7 +388,6 @@
                 :isMultiSelection="isMultiSelection"
                 :isCheckedInitial="select.some(i => i[primaryKey] === item.successInfo[primaryKey])"
                 @change="v => selectItem(item.successInfo, v)"
-                @click.native.stop
               />
             </span>
             <span class="table-data" v-for="(tableItemStructure, idx) in tableHeadersForVideo" :key="idx">
@@ -460,7 +451,6 @@
               :isMultiSelection="isMultiSelection"
               :isCheckedInitial="select.some(i => i[primaryKey] === item[primaryKey])"
               @change="v => selectItem(item, v)"
-              @click.native.stop
             />
           </span>
           <span class="table-data" v-for="(sub,idx) in tableHeadersForVideo" :key="idx">
@@ -507,7 +497,6 @@
               :isMultiSelection="isMultiSelection"
               :isCheckedInitial="select.some(i => i[primaryKey] === item[primaryKey])"
               @change="v => selectItem(item, v)"
-              @click.native.stop
             />
           </span>
           <span class="table-data" v-for="(sub,idx) in tableHeadersFor3D" :key="idx">

+ 0 - 3
packages/qjkankan-editor/src/components/materialSelectorForManageCenter.vue

@@ -79,7 +79,6 @@
                 :isMultiSelection="isMultiSelection"
                 :isCheckedInitial="select.some(i => i[primaryKey] === item.successInfo[primaryKey])"
                 @change="v => selectItem(item.successInfo, v)"
-                @click.native.stop
               />
             </span>
             <span class="table-data" v-for="(tableItemStructure, idx) in tableHeadersForPano" :key="idx">
@@ -134,7 +133,6 @@
               :isMultiSelection="isMultiSelection"
               :isCheckedInitial="select.some(i => i[primaryKey] === item[primaryKey])"
               @change="v => selectItem(item, v)"
-              @click.native.stop
             />
           </span>
           <span class="table-data" v-for="(sub,idx) in tableHeadersForPano" :key="idx">
@@ -177,7 +175,6 @@
               :isMultiSelection="isMultiSelection"
               :isCheckedInitial="select.some(i => i[primaryKey] === item[primaryKey])"
               @change="v => selectItem(item, v)"
-              @click.native.stop
             />
           </span>
           <span class="table-data" v-for="(sub,idx) in tableHeadersFor3D" :key="idx">

+ 2 - 2
packages/qjkankan-editor/src/components/shared/RadioOrCheckbox.vue

@@ -12,7 +12,7 @@
         'is-checked': isChecked,
         disabled: isDisabled,
       }"
-      @click="onClick"
+      @click.stop="onClick"
     >
       <span class="for-outer-circle" :class="{disabled: isDisabled,}"></span>
       <span class="for-inner-circle" :class="{disabled: isDisabled,}"></span>
@@ -20,7 +20,7 @@
     <div
       v-if="isMultiSelection"
       class="checkbox-wrapper selection-click-target"
-      @click="onClick"
+      @click.stop="onClick"
     >
       <div v-show="!isChecked" class="unchecked" :class="{disabled: isDisabled,}"></div>
       <img v-show="isChecked" class="checked" src="@/assets/images/icons/checkbox.png" />