af-mobile-client-vue3 1.3.71 → 1.3.72

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "af-mobile-client-vue3",
   "type": "module",
-  "version": "1.3.71",
+  "version": "1.3.72",
   "packageManager": "pnpm@10.13.1",
   "description": "Vue + Vite component lib",
   "engines": {

package/src/components/data/XCellList/index.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import XBadge from '@af-mobile-client-vue3/components/data/XBadge/index.vue'
 import XCellListFilter from '@af-mobile-client-vue3/components/data/XCellListFilter/index.vue'
+import { isDark } from '@af-mobile-client-vue3/composables/dark'
 import { getConfigByName, query } from '@af-mobile-client-vue3/services/api/common'
 import useUserStore from '@af-mobile-client-vue3/stores/modules/user'
 import { getRangeByType } from '@af-mobile-client-vue3/utils/queryFormDefaultRangePicker'
@@ -724,7 +725,7 @@ function handleCheckboxChange(item: any, checked: boolean) {
 
 <template>
   <div id="XCellList">
-    <VanRow class="filter-condition">
+    <VanRow class="filter-condition" :class="{ dark: isDark }">
       <!-- 左侧动态插槽区域 -->
       <template v-for="(_, name) in slots" :key="name">
         <template v-if="typeof name === 'string' && name.startsWith('search-left-')">
@@ -1290,7 +1291,7 @@ function handleCheckboxChange(item: any, checked: boolean) {
     }
 
     .van-popover__content {
-      background-color: #ffffff !important;
+      //background-color: #ffffff !important;
       border: none !important;
       outline: none !important;
       border-radius: 8px !important;
@@ -1298,7 +1299,7 @@ function handleCheckboxChange(item: any, checked: boolean) {
 
     .van-popover__arrow,
     .van-popover_arrow {
-      background-color: #ffffff !important;
+      //background-color: #ffffff !important;
       border: none !important;
       outline: none !important;
     }
@@ -1306,9 +1307,9 @@ function handleCheckboxChange(item: any, checked: boolean) {
     .van-popover__action {
       color: #333 !important;
 
-      &:hover {
-        background-color: #f5f5f5 !important;
-      }
+      //&:hover {
+      //  //background-color: #f5f5f5 !important;
+      //}
     }
   }
 
@@ -1406,6 +1407,9 @@ function handleCheckboxChange(item: any, checked: boolean) {
       }
     }
   }
+  .filter-condition.dark {
+    background-color: #222222;
+  }
 
   .multi-select-hint {
     display: flex;

package/src/components/data/XCellListFilter/index.vue

@@ -586,7 +586,7 @@ function filterButtonPermissions(btn) {
     width: 40px;
     height: 40px;
     border-radius: 10px;
-    background-color: rgba(245, 245, 245);
+    background-color: rgb(83 83 83 / 6%);
     cursor: pointer;
     position: relative;
     z-index: 1;

package/src/styles/var.less

@@ -18,7 +18,7 @@
 .van-popover,
 .van-popover.van-popover--light,
 .van-popover.van-popover--dark {
-  background-color: #ffffff !important;
+  //background-color: #ffffff !important;
   border: none !important;
   outline: none !important;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;