cd-personselector 1.3.7 → 1.3.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cd-personselector",
-  "version": "1.3.7",
+  "version": "1.3.9",
   "description": "人员选择器组件 - 支持多Tab、树形结构、搜索、懒加载、输入框选择模式",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/src/InputSelect.vue

@@ -3,7 +3,7 @@
         <t-select-input
             :value="selectedTags"
             v-model:inputValue="inputValue"
-            v-model:popup-visible="popupVisible"
+            :popup-visible="popupVisible"
             :input-props="{
                 readonly: false,
                 disabled: false
@@ -25,7 +25,7 @@
             @tag-change="handleTagChange"
         >
             <template #panel>
-                <div v-if="currentSearchResults.length > 0" class="cd-input-select__panel" @mousedown.stop>
+                <div v-if="currentSearchResults.length > 0" class="cd-input-select__panel" @mousedown.stop @click.stop>
                     <div class="cd-input-select__grid">
                         <t-checkbox
                             v-for="result in paginatedSearchResults"
@@ -226,11 +226,19 @@ const updateSelectedUsers = (users: UserItem[]) => {
     selectedOptions.value = users;
 };
 // 事件处理
-const handleVisibleChange = (visible: boolean) => {
-    if (!visible) {
-        currentSearchResults.value = [];
-        inputValue.value = '';
+const handleVisibleChange = (visible: boolean, context?: { trigger?: string }) => {
+    if (visible) {
+        popupVisible.value = true;
+        return;
     }
+    // 多选模式下有搜索结果时，只允许点击外部或 ESC 关闭
+    const trigger = context?.trigger || '';
+    if (props.multiple && currentSearchResults.value.length > 0 && trigger !== 'document' && trigger !== 'keydown-esc') {
+        return; // 不关闭
+    }
+    popupVisible.value = false;
+    currentSearchResults.value = [];
+    inputValue.value = '';
 };
 const handleCheckboxChange = (checked: boolean, user: UserItem) => {
     if (checked) {

package/src/PersonSelector.vue

@@ -7,8 +7,10 @@
     placement="center"
     destroy-on-close
     attach="body"
+    :close-on-overlay-click="true"
     @confirm="handleConfirm"
     @close="handleClose"
+    @cancel="handleClose"
   >
     <div class="cd-ps-container">
       <div v-if="showSearch" class="cd-ps-search">
@@ -448,7 +450,7 @@ const handleConfirm = () => {
   emit('confirm', selectedItems.value);
   dialogVisible.value = false;
 };
-const handleClose = () => { dialogVisible.value = false; };
+const handleClose = () => { dialogVisible.value = false; emit('close'); };
 defineExpose({
   clearSelection,
   appendUsers: (tabKey: string, nodeId: number | string, users: User[]) => {