fix: 修复批量操作后发布/取消发布未变更

@@ -6,15 +6,8 @@
       </template>
       <div class="list-content">
         <div class="list-content-img" @click="editHandle()">
-          <n-image
-            object-fit="fill"
-            height="180"
-            width="350"
-            preview-disabled
-            :src="requestImag(cardData.imageUrl)"
-            :alt="cardData.name"
-            :fallback-src="requireErrorImg()"
-          ></n-image>
+          <n-image object-fit="fill" height="180" width="350" preview-disabled :src="requestImag(cardData.imageUrl)"
+            :alt="cardData.name" :fallback-src="requireErrorImg()"></n-image>
         </div>
       </div>
       <template #action>
@@ -29,16 +22,8 @@
                     </span>
                   </n-button>
                 </n-text>
-                <n-input
-                  v-else
-                  ref="inputInstRef"
-                  size="small"
-                  type="text"
-                  maxlength="16"
-                  show-count
-                  v-model:value.trim="title"
-                  @blur="handleBlur"
-                ></n-input>
+                <n-input v-else ref="inputInstRef" size="small" type="text" maxlength="16" show-count
+                  v-model:value.trim="title" @blur="handleBlur"></n-input>
               </template>
               {{ cardData.name || cardData.id }}
             </n-tooltip>
@@ -48,23 +33,25 @@
           <div class="go-flex-items-center list-footer-ri">
             <n-space>
               <n-text>
-                <n-badge
-                  class="go-animation-twinkle"
-                  dot
-                  :color="cardData.state === 1 ? '#34c749' : '#fcbc40'"
-                ></n-badge>
+                <n-badge class="go-animation-twinkle" dot
+                  :color="cardData.state === 1 ? '#34c749' : '#fcbc40'"></n-badge>
                 {{ cardData.state === 1 ? $t('project.release') : $t('project.unreleased') }}
               </n-text>
 
               <template v-for="item in fnBtnList" :key="item.key">
                 <template v-if="item.key === 'select'">
-                  <n-dropdown
-                    trigger="hover"
-                    placement="bottom"
-                    :options="selectOptions"
-                    :show-arrow="true"
-                    @select="handleSelect"
-                  >
+                  <n-dropdown trigger="hover" placement="bottom" :options="[
+                    {
+                      label: cardData?.state ? renderLang('global.r_unpublish') : renderLang('global.r_publish'),
+                      key: 'release',
+                      icon: renderIcon(SendIcon)
+                    },
+                    {
+                      label: renderLang('global.r_delete'),
+                      key: 'delete',
+                      icon: renderIcon(TrashIcon)
+                    }
+                  ]" :show-arrow="true" @select="handleSelect">
                     <n-button size="small">
                       <template #icon>
                         <component :is="item.icon"></component>
@@ -133,19 +120,6 @@ const fnBtnList = reactive([
   }
 ])
 
-const selectOptions = ref([
-  {
-    label: props.cardData?.state ? renderLang('global.r_unpublish') : renderLang('global.r_publish'),
-    key: 'release',
-    icon: renderIcon(SendIcon)
-  },
-  {
-    label: renderLang('global.r_delete'),
-    key: 'delete',
-    icon: renderIcon(TrashIcon)
-  }
-])
-
 const handleSelect = (key: string) => {
   switch (key) {
     case 'delete':
@@ -200,17 +174,20 @@ const requestImag = (imageUrl: string | undefined) => {
 
 <style lang="scss" scoped>
 $contentHeight: 180px;
+
 @include go('items-list-card') {
   position: relative;
   border-radius: $--border-radius-base;
   border: 1px solid rgba(0, 0, 0, 0);
   @extend .go-transition;
+
   // &:hover {
   //   @include hover-border-color('hover-border-color');
   // }
   .list-content {
     cursor: pointer;
     border-radius: $--border-radius-base;
+
     // @include background-image('background-point');
     // @extend .go-point-bg;
     &-top {
@@ -219,10 +196,12 @@ $contentHeight: 180px;
       left: 10px;
       height: 22px;
     }
+
     &-img {
       height: $contentHeight;
       @extend .go-flex-center;
       @extend .go-border-radius;
+
       @include deep() {
         img {
           @extend .go-border-radius;
@@ -230,14 +209,17 @@ $contentHeight: 180px;
       }
     }
   }
+
   .list-footer {
     flex-wrap: nowrap;
     justify-content: space-between;
     line-height: 30px;
+
     &-ri {
       justify-content: flex-end;
       min-width: 180px;
     }
+
     .list-footer-button {
       display: flex;
       // justify-content: flex-start;