@yxhl/specter-pui-vtk 1.0.111 → 1.0.113

package/package.json

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

package/src/components/assembly/VtkSearch.vue

@@ -23,13 +23,11 @@
           clearable
         >
           <template v-slot:append-inner>
-            <VIcon
-              class="search-icon"
-              size="small"
-              @click.stop="search"
-            >mdi-magnify</VIcon>
-            <span class="search-divider"></span>
-            <span class="search-advanced">
+            <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
                 dot
                 :content="initialIndex"
@@ -38,7 +36,6 @@
                 class="advanced-badge"
               >
                 <span
-                  v-bind="props"
                   class="pl-1 text-blue vtk-cursor-pointer d-inline-flex align-center text-body-2"
                 >
                   高级
@@ -271,29 +268,46 @@ defineExpose({ search, reset });
 }
 
 :deep(.advanced-badge .v-badge__badge) {
-  transform: translate(10px, -2px);
+  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;
+  /* 高级热区从竖线开始：右侧 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>