@yxhl/specter-pui-vtk 1.0.112 → 1.0.115

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yxhl/specter-pui-vtk",
-  "version": "1.0.112",
+  "version": "1.0.115",
   "description": "雅心互联 Vue 3 + Vuetify3 组件库",
   "type": "module",
   "main": "./dist/specter-pui.umd.js",

package/src/components/assembly/VtkSearch.vue

@@ -5,7 +5,7 @@
       @update:model-value="obtain"
       location="bottom end"
       origin="top end"
-      offset="12"
+      offset="4"
       :close-on-content-click="false"
     >
       <template v-slot:activator="{ props }">
@@ -23,11 +23,9 @@
           clearable
         >
           <template v-slot:append-inner>
-            <VIcon
-              class="search-icon"
-              size="small"
-              @click.stop="search"
-            >mdi-magnify</VIcon>
+            <span class="search-trigger" @click.stop="search">
+              <VIcon class="search-icon" size="small">mdi-magnify</VIcon>
+            </span>
             <span v-bind="props" class="search-advanced">
               <span class="search-divider"></span>
               <VBadge
@@ -49,7 +47,7 @@
       </template>
 
       <VCard class="search-panel">
-        <VCardTitle class="pr-3 d-flex justify-space-between align-center pb-5">
+        <VCardTitle class="pr-3 d-flex justify-space-between align-center pb-3">
           <span>高级搜索</span>
           <VBtn class="mx-0" variant="text" icon @click="close" size="small">
             <VIcon>mdi-close</VIcon>
@@ -236,7 +234,6 @@ defineExpose({ search, reset });
 
 .search-panel {
   width: 380px;
-  margin-right: -13px;
   overflow: visible;
 }
 
@@ -273,34 +270,43 @@ defineExpose({ search, reset });
   transform: translate(8px, -2px);
 }
 
+.search-trigger {
+  flex-shrink: 0;
+  display: inline-flex;
+  align-items: center;
+  align-self: stretch;
+  /* 搜索热区铺满「放大镜 → 竖线」整段：右侧 10px 即图标与竖线之间的空白，
+     竖线的左边距已并入此处，点击该区域执行搜索（不再落到高级弹窗热区） */
+  padding: 1px 10px 0 0;
+  cursor: pointer;
+}
+
 .search-advanced {
   flex-shrink: 0;
   white-space: nowrap;
   display: inline-flex;
   align-items: center;
   align-self: stretch;
-  /* 热区铺满「放大镜右侧 → 输入框右内缘」整段：左侧 4px 补图标外边距，右侧 12px 补
-     .v-field--appended 的 padding-inline-end；负外边距抵消 padding，视觉与布局保持原样 */
-  padding: 1px 12px 0 4px;
-  margin: 0 -12px 0 -4px;
+  /* 高级热区从竖线开始：右侧 12px 补 .v-field--appended 的 padding-inline-end，
+     负外边距抵消 padding，视觉与布局保持原样 */
+  padding: 1px 12px 0 0;
+  margin-right: -12px;
   cursor: pointer;
 }
 
 .search-divider {
   width: 1px;
   align-self: stretch;
-  margin: 0 8px 0 6px;
+  margin: 0 8px 0 0;
   background: #cccccc88;
   flex-shrink: 0;
 }
 
 .search-icon {
-  cursor: pointer;
-  margin-right: 4px;
   transition: color 0.2s;
 }
 
-.search-icon:hover {
+.search-trigger:hover .search-icon {
   color: rgb(var(--v-theme-primary));
 }
 </style>