sun-biz 0.0.4-beta.45 → 0.0.4-beta.47

package/dist/components/index.js

@@ -572,7 +572,7 @@ const RenderColumn_exports_ = RenderColumnvue_type_script_lang_ts_setup_true_nam
 function useFetchDataset(codeSystemCodes, enabledFlag) {
     const list = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)();
     async function fetchData() {
-        if (codeSystemCodes) {
+        if (codeSystemCodes && codeSystemCodes?.length) {
             const [, result] = await queryDataSetByCodeSystemCodes({
                 codeSystemCodes,
                 enabledFlag: enabledFlag ?? __WEBPACK_EXTERNAL_MODULE__sun_toolkit_enums__.ENABLED_FLAG.YES
@@ -7351,9 +7351,9 @@ const user_select_exports_ = user_selectvue_type_script_setup_true_lang_ts_name_
  */ const queryBizUnitList = (params)=>(0, __WEBPACK_EXTERNAL_MODULE__sun_toolkit_request__.dictRequest)('/organization/queryBizUnitListByExample', params);
 // 全局事件：用于关闭其他实例的 popover
 const CLOSE_OTHER_POPOVERS_EVENT = 'biz-unit-select:close-others'; /*
-  96-10014-1 业务单元选择组件
-  1、调用“1-10516-1 根据条件查询业务单元列表”传入“启用标志=1、关键字、医院标识=入参：医院标识、科室类型代码集合、就诊类型代码”查询业务单元列表
-  2、展示列包括“组织类型、编码、名称”
+96-10014-1 业务单元选择组件
+1、调用“1-10516-1 根据条件查询业务单元列表”传入“启用标志=1、关键字、医院标识=入参：医院标识、科室类型代码集合、就诊类型代码”查询业务单元列表
+2、展示列包括“组织类型、编码、名称”
 */ 
 /* ESM default export */ const biz_unit_selectvue_type_script_lang_tsx_name_BizUnitSelect_setup_true = /*@__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent)({
     __name: 'index',
@@ -7538,7 +7538,24 @@ const CLOSE_OTHER_POPOVERS_EVENT = 'biz-unit-select:close-others'; /*
             await getBizUnitList({
                 keyWord: value
             });
-        }, 500); // 键盘事件
+        }, 500); // 滚动到当前选中行
+        const scrollToCurrentRow = ()=>{
+            setTimeout(()=>{
+                if (currentRowIndex.value < 0) return;
+                try {
+                    const tableElement = tableRef.value?.eleTable?.$el;
+                    if (!tableElement) return; // 查找当前高亮的行
+                    const currentRowElement = tableElement.querySelector('.el-table__body tr.current-row');
+                    if (!currentRowElement) return; // 使用 scrollIntoView 方法滚动到当前行
+                    currentRowElement.scrollIntoView({
+                        block: 'nearest',
+                        behavior: 'smooth'
+                    });
+                } catch (error) {
+                    console.error('Error scrolling to current row:', error);
+                }
+            }, 100);
+        }; // 键盘事件
         const handleKeydown = (e)=>{
             if (!bizUnitList.value.length || !popoverVisible.value) return;
             if ('ArrowDown' === e.key) {
@@ -7547,6 +7564,7 @@ const CLOSE_OTHER_POPOVERS_EVENT = 'biz-unit-select:close-others'; /*
                     currentRowIndex.value++;
                     const row = bizUnitList.value[currentRowIndex.value];
                     tableRef.value.eleTable?.setCurrentRow(row);
+                    scrollToCurrentRow();
                 }
             } else if ('ArrowUp' === e.key) {
                 e.preventDefault();
@@ -7554,6 +7572,7 @@ const CLOSE_OTHER_POPOVERS_EVENT = 'biz-unit-select:close-others'; /*
                     currentRowIndex.value--;
                     const row = bizUnitList.value[currentRowIndex.value];
                     tableRef.value.eleTable?.setCurrentRow(row);
+                    scrollToCurrentRow();
                 }
             } else if ('Enter' === e.key && currentRowIndex.value >= 0) {
                 const row = bizUnitList.value[currentRowIndex.value];
@@ -7619,16 +7638,44 @@ const CLOSE_OTHER_POPOVERS_EVENT = 'biz-unit-select:close-others'; /*
         const handleClickOutside = (e)=>{
             const target = e.target;
             const selectEl = selectRef.value?.$el;
-            const popoverEl = popoverRef.value?.popperRef?.contentRef;
-            if (!selectEl?.contains(target) && !popoverEl?.contains(target)) popoverVisible.value = false;
+            const popoverEl = popoverRef.value?.popperRef?.contentRef; // 检查是否点击了当前组件的元素
+            if (selectEl?.contains(target) || popoverEl?.contains(target)) return;
+             // 检查是否点击了其他 el-select 或其下拉框
+            let element = target;
+            while(element){
+                if (element.classList?.contains('el-select') || element.classList?.contains('el-select-dropdown') || element.classList?.contains('el-popper') || element.classList?.contains('el-picker-panel') || element.classList?.contains('el-date-picker') || element.classList?.contains('el-time-picker')) {
+                    popoverVisible.value = false;
+                    return;
+                }
+                element = element.parentElement;
+            } // 点击了其他地方，关闭 popover
+            popoverVisible.value = false;
+        }; // 监听 el-select 的 focus 事件来关闭当前 popover
+        const handleGlobalFocusin = (e)=>{
+            if (!popoverVisible.value) return;
+            const target = e.target;
+            const selectEl = selectRef.value?.$el;
+            const popoverEl = popoverRef.value?.popperRef?.contentRef; // 如果焦点移到了其他元素（如其他 el-select），则关闭当前 popover
+            if (!selectEl?.contains(target) && !popoverEl?.contains(target)) {
+                let element = target;
+                while(element){
+                    if (element.classList?.contains('el-select') || element.classList?.contains('el-input')) {
+                        popoverVisible.value = false;
+                        return;
+                    }
+                    element = element.parentElement;
+                }
+            }
         };
         (0, __WEBPACK_EXTERNAL_MODULE_vue__.watch)(()=>popoverVisible.value, (val)=>{
             if (val) {
                 document.addEventListener('keydown', handleKeydown, true);
-                if (props.multiSelectFlag) document.addEventListener('click', handleClickOutside);
+                document.addEventListener('click', handleClickOutside);
+                document.addEventListener('focusin', handleGlobalFocusin, true);
             } else {
                 document.removeEventListener('keydown', handleKeydown, true);
-                if (props.multiSelectFlag) document.removeEventListener('click', handleClickOutside);
+                document.removeEventListener('click', handleClickOutside);
+                document.removeEventListener('focusin', handleGlobalFocusin, true);
             }
         });
         const handleTableRowSelect = (data)=>{
@@ -7667,7 +7714,8 @@ const CLOSE_OTHER_POPOVERS_EVENT = 'biz-unit-select:close-others'; /*
         };
         (0, __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount)(()=>{
             document.removeEventListener('keydown', handleKeydown, true);
-            if (props.multiSelectFlag) document.removeEventListener('click', handleClickOutside);
+            document.removeEventListener('click', handleClickOutside);
+            document.removeEventListener('focusin', handleGlobalFocusin, true);
             window.removeEventListener(CLOSE_OTHER_POPOVERS_EVENT, handleCloseOtherPopovers);
         });
         const fetchData = async (data)=>{
@@ -7717,6 +7765,15 @@ const CLOSE_OTHER_POPOVERS_EVENT = 'biz-unit-select:close-others'; /*
                 }
             });
         });
+        const onClickOutside = ()=>{
+            handleBlur();
+        };
+        const visibleChange = (val)=>{
+            if (val) {
+                loading.value = true;
+                handleFocus();
+            }
+        };
         __expose({
             popoverRef,
             tableRef,
@@ -7758,11 +7815,11 @@ const CLOSE_OTHER_POPOVERS_EVENT = 'biz-unit-select:close-others'; /*
                                 "collapse-tags-tooltip": "",
                                 filterable: "",
                                 remote: "",
-                                "remote-show-suffix": ""
+                                "remote-show-suffix": "",
+                                loading: loading.value
                             }, selectProps.value, {
-                                onBlur: handleBlur,
+                                onVisibleChange: visibleChange,
                                 onClear: handleClear,
-                                onFocus: handleFocus,
                                 onRemoveTag: handleTagRemove
                             }), null, 16, [
                                 "modelValue",
@@ -7771,7 +7828,8 @@ const CLOSE_OTHER_POPOVERS_EVENT = 'biz-unit-select:close-others'; /*
                                 "placeholder",
                                 "popper-class",
                                 "remote-method",
-                                "teleported"
+                                "teleported",
+                                "loading"
                             ])
                         ]),
                     default: (0, __WEBPACK_EXTERNAL_MODULE_vue__.withCtx)(()=>[
@@ -7781,7 +7839,7 @@ const CLOSE_OTHER_POPOVERS_EVENT = 'biz-unit-select:close-others'; /*
                                 }),
                                 class: "w-full overflow-hidden"
                             }, [
-                                (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)((0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(pro_table), (0, __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps)({
+                                (0, __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives)((0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)((0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(pro_table), (0, __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps)({
                                     ref_key: "tableRef",
                                     ref: tableRef,
                                     columns: (0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(tableConfig),
@@ -7800,6 +7858,11 @@ const CLOSE_OTHER_POPOVERS_EVENT = 'biz-unit-select:close-others'; /*
                                     "columns",
                                     "data",
                                     "loading"
+                                ]), [
+                                    [
+                                        (0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(__WEBPACK_EXTERNAL_MODULE_element_sun__.ClickOutside),
+                                        onClickOutside
+                                    ]
                                 ])
                             ], 4)
                         ]),
@@ -8151,6 +8214,15 @@ const biz_unit_select_exports_ = biz_unit_selectvue_type_script_lang_tsx_name_Bi
                 }
             });
         });
+        const onClickOutside = ()=>{
+            handleBlur();
+        };
+        const visibleChange = (val)=>{
+            if (val) {
+                loading.value = true;
+                handleFocus();
+            }
+        };
         __expose({
             popoverRef,
             tableRef,
@@ -8192,10 +8264,10 @@ const biz_unit_select_exports_ = biz_unit_selectvue_type_script_lang_tsx_name_Bi
                                 "remote-method": (0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(handelRemoteMethod),
                                 multiple: !!props.multiSelectFlag,
                                 options: [],
+                                loading: loading.value,
                                 "popper-class": popoverVisible.value ? 'hidden' : '',
                                 onRemoveTag: handleTagRemove,
-                                onFocus: handleFocus,
-                                onBlur: handleBlur,
+                                onVisibleChange: visibleChange,
                                 onClear: handleClear
                             }, selectProps.value), null, 16, [
                                 "modelValue",
@@ -8204,6 +8276,7 @@ const biz_unit_select_exports_ = biz_unit_selectvue_type_script_lang_tsx_name_Bi
                                 "teleported",
                                 "remote-method",
                                 "multiple",
+                                "loading",
                                 "popper-class"
                             ])
                         ]),
@@ -8214,7 +8287,7 @@ const biz_unit_select_exports_ = biz_unit_selectvue_type_script_lang_tsx_name_Bi
                                 }),
                                 class: "w-full overflow-hidden"
                             }, [
-                                (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)((0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(pro_table), (0, __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps)({
+                                (0, __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives)((0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)((0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(pro_table), (0, __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps)({
                                     style: {
                                         height: "100%"
                                     },
@@ -8232,6 +8305,11 @@ const biz_unit_select_exports_ = biz_unit_selectvue_type_script_lang_tsx_name_Bi
                                     "loading",
                                     "columns",
                                     "data"
+                                ]), [
+                                    [
+                                        (0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(__WEBPACK_EXTERNAL_MODULE_element_sun__.ClickOutside),
+                                        onClickOutside
+                                    ]
                                 ])
                             ], 4)
                         ]),
@@ -11056,7 +11134,9 @@ const access_info_exports_ = access_infovue_type_script_setup_true_lang_ts_name_
             const _component_el_dropdown_item = (0, __WEBPACK_EXTERNAL_MODULE_vue__.resolveComponent)("el-dropdown-item");
             const _component_el_dropdown_menu = (0, __WEBPACK_EXTERNAL_MODULE_vue__.resolveComponent)("el-dropdown-menu");
             const _component_el_dropdown = (0, __WEBPACK_EXTERNAL_MODULE_vue__.resolveComponent)("el-dropdown");
-            return (0, __WEBPACK_EXTERNAL_MODULE_vue__.openBlock)(), (0, __WEBPACK_EXTERNAL_MODULE_vue__.createBlock)(_component_el_dropdown, null, (0, __WEBPACK_EXTERNAL_MODULE_vue__.createSlots)({
+            return (0, __WEBPACK_EXTERNAL_MODULE_vue__.openBlock)(), (0, __WEBPACK_EXTERNAL_MODULE_vue__.createBlock)(_component_el_dropdown, {
+                trigger: disabledLoad.value ? 'click' : 'hover'
+            }, (0, __WEBPACK_EXTERNAL_MODULE_vue__.createSlots)({
                 default: (0, __WEBPACK_EXTERNAL_MODULE_vue__.withCtx)(()=>[
                         (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)(_component_el_button, {
                             type: "primary",
@@ -11105,7 +11185,9 @@ const access_info_exports_ = access_infovue_type_script_setup_true_lang_ts_name_
                         ]),
                     key: "0"
                 }
-            ]), 1024);
+            ]), 1032, [
+                "trigger"
+            ]);
         };
     }
 });

package/dist/hooks/index.js

@@ -454,7 +454,7 @@ function useSelectByDirectionEvent(options) {
 function useFetchDataset(codeSystemCodes, enabledFlag) {
     const list = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)();
     async function fetchData() {
-        if (codeSystemCodes) {
+        if (codeSystemCodes && codeSystemCodes?.length) {
             const [, result] = await queryDataSetByCodeSystemCodes({
                 codeSystemCodes,
                 enabledFlag: enabledFlag ?? __WEBPACK_EXTERNAL_MODULE__sun_toolkit_enums__.ENABLED_FLAG.YES

package/dist/index.js

@@ -572,7 +572,7 @@ const RenderColumn_exports_ = RenderColumnvue_type_script_lang_ts_setup_true_nam
 function useFetchDataset(codeSystemCodes, enabledFlag) {
     const list = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)();
     async function fetchData() {
-        if (codeSystemCodes) {
+        if (codeSystemCodes && codeSystemCodes?.length) {
             const [, result] = await queryDataSetByCodeSystemCodes({
                 codeSystemCodes,
                 enabledFlag: enabledFlag ?? __WEBPACK_EXTERNAL_MODULE__sun_toolkit_enums__.ENABLED_FLAG.YES
@@ -8027,9 +8027,9 @@ const user_select_exports_ = user_selectvue_type_script_setup_true_lang_ts_name_
  */ const queryBizUnitList = (params)=>(0, __WEBPACK_EXTERNAL_MODULE__sun_toolkit_request__.dictRequest)('/organization/queryBizUnitListByExample', params);
 // 全局事件：用于关闭其他实例的 popover
 const CLOSE_OTHER_POPOVERS_EVENT = 'biz-unit-select:close-others'; /*
-  96-10014-1 业务单元选择组件
-  1、调用“1-10516-1 根据条件查询业务单元列表”传入“启用标志=1、关键字、医院标识=入参：医院标识、科室类型代码集合、就诊类型代码”查询业务单元列表
-  2、展示列包括“组织类型、编码、名称”
+96-10014-1 业务单元选择组件
+1、调用“1-10516-1 根据条件查询业务单元列表”传入“启用标志=1、关键字、医院标识=入参：医院标识、科室类型代码集合、就诊类型代码”查询业务单元列表
+2、展示列包括“组织类型、编码、名称”
 */ 
 /* ESM default export */ const biz_unit_selectvue_type_script_lang_tsx_name_BizUnitSelect_setup_true = /*@__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent)({
     __name: 'index',
@@ -8214,7 +8214,24 @@ const CLOSE_OTHER_POPOVERS_EVENT = 'biz-unit-select:close-others'; /*
             await getBizUnitList({
                 keyWord: value
             });
-        }, 500); // 键盘事件
+        }, 500); // 滚动到当前选中行
+        const scrollToCurrentRow = ()=>{
+            setTimeout(()=>{
+                if (currentRowIndex.value < 0) return;
+                try {
+                    const tableElement = tableRef.value?.eleTable?.$el;
+                    if (!tableElement) return; // 查找当前高亮的行
+                    const currentRowElement = tableElement.querySelector('.el-table__body tr.current-row');
+                    if (!currentRowElement) return; // 使用 scrollIntoView 方法滚动到当前行
+                    currentRowElement.scrollIntoView({
+                        block: 'nearest',
+                        behavior: 'smooth'
+                    });
+                } catch (error) {
+                    console.error('Error scrolling to current row:', error);
+                }
+            }, 100);
+        }; // 键盘事件
         const handleKeydown = (e)=>{
             if (!bizUnitList.value.length || !popoverVisible.value) return;
             if ('ArrowDown' === e.key) {
@@ -8223,6 +8240,7 @@ const CLOSE_OTHER_POPOVERS_EVENT = 'biz-unit-select:close-others'; /*
                     currentRowIndex.value++;
                     const row = bizUnitList.value[currentRowIndex.value];
                     tableRef.value.eleTable?.setCurrentRow(row);
+                    scrollToCurrentRow();
                 }
             } else if ('ArrowUp' === e.key) {
                 e.preventDefault();
@@ -8230,6 +8248,7 @@ const CLOSE_OTHER_POPOVERS_EVENT = 'biz-unit-select:close-others'; /*
                     currentRowIndex.value--;
                     const row = bizUnitList.value[currentRowIndex.value];
                     tableRef.value.eleTable?.setCurrentRow(row);
+                    scrollToCurrentRow();
                 }
             } else if ('Enter' === e.key && currentRowIndex.value >= 0) {
                 const row = bizUnitList.value[currentRowIndex.value];
@@ -8295,16 +8314,44 @@ const CLOSE_OTHER_POPOVERS_EVENT = 'biz-unit-select:close-others'; /*
         const handleClickOutside = (e)=>{
             const target = e.target;
             const selectEl = selectRef.value?.$el;
-            const popoverEl = popoverRef.value?.popperRef?.contentRef;
-            if (!selectEl?.contains(target) && !popoverEl?.contains(target)) popoverVisible.value = false;
+            const popoverEl = popoverRef.value?.popperRef?.contentRef; // 检查是否点击了当前组件的元素
+            if (selectEl?.contains(target) || popoverEl?.contains(target)) return;
+             // 检查是否点击了其他 el-select 或其下拉框
+            let element = target;
+            while(element){
+                if (element.classList?.contains('el-select') || element.classList?.contains('el-select-dropdown') || element.classList?.contains('el-popper') || element.classList?.contains('el-picker-panel') || element.classList?.contains('el-date-picker') || element.classList?.contains('el-time-picker')) {
+                    popoverVisible.value = false;
+                    return;
+                }
+                element = element.parentElement;
+            } // 点击了其他地方，关闭 popover
+            popoverVisible.value = false;
+        }; // 监听 el-select 的 focus 事件来关闭当前 popover
+        const handleGlobalFocusin = (e)=>{
+            if (!popoverVisible.value) return;
+            const target = e.target;
+            const selectEl = selectRef.value?.$el;
+            const popoverEl = popoverRef.value?.popperRef?.contentRef; // 如果焦点移到了其他元素（如其他 el-select），则关闭当前 popover
+            if (!selectEl?.contains(target) && !popoverEl?.contains(target)) {
+                let element = target;
+                while(element){
+                    if (element.classList?.contains('el-select') || element.classList?.contains('el-input')) {
+                        popoverVisible.value = false;
+                        return;
+                    }
+                    element = element.parentElement;
+                }
+            }
         };
         (0, __WEBPACK_EXTERNAL_MODULE_vue__.watch)(()=>popoverVisible.value, (val)=>{
             if (val) {
                 document.addEventListener('keydown', handleKeydown, true);
-                if (props.multiSelectFlag) document.addEventListener('click', handleClickOutside);
+                document.addEventListener('click', handleClickOutside);
+                document.addEventListener('focusin', handleGlobalFocusin, true);
             } else {
                 document.removeEventListener('keydown', handleKeydown, true);
-                if (props.multiSelectFlag) document.removeEventListener('click', handleClickOutside);
+                document.removeEventListener('click', handleClickOutside);
+                document.removeEventListener('focusin', handleGlobalFocusin, true);
             }
         });
         const handleTableRowSelect = (data)=>{
@@ -8343,7 +8390,8 @@ const CLOSE_OTHER_POPOVERS_EVENT = 'biz-unit-select:close-others'; /*
         };
         (0, __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount)(()=>{
             document.removeEventListener('keydown', handleKeydown, true);
-            if (props.multiSelectFlag) document.removeEventListener('click', handleClickOutside);
+            document.removeEventListener('click', handleClickOutside);
+            document.removeEventListener('focusin', handleGlobalFocusin, true);
             window.removeEventListener(CLOSE_OTHER_POPOVERS_EVENT, handleCloseOtherPopovers);
         });
         const fetchData = async (data)=>{
@@ -8393,6 +8441,15 @@ const CLOSE_OTHER_POPOVERS_EVENT = 'biz-unit-select:close-others'; /*
                 }
             });
         });
+        const onClickOutside = ()=>{
+            handleBlur();
+        };
+        const visibleChange = (val)=>{
+            if (val) {
+                loading.value = true;
+                handleFocus();
+            }
+        };
         __expose({
             popoverRef,
             tableRef,
@@ -8434,11 +8491,11 @@ const CLOSE_OTHER_POPOVERS_EVENT = 'biz-unit-select:close-others'; /*
                                 "collapse-tags-tooltip": "",
                                 filterable: "",
                                 remote: "",
-                                "remote-show-suffix": ""
+                                "remote-show-suffix": "",
+                                loading: loading.value
                             }, selectProps.value, {
-                                onBlur: handleBlur,
+                                onVisibleChange: visibleChange,
                                 onClear: handleClear,
-                                onFocus: handleFocus,
                                 onRemoveTag: handleTagRemove
                             }), null, 16, [
                                 "modelValue",
@@ -8447,7 +8504,8 @@ const CLOSE_OTHER_POPOVERS_EVENT = 'biz-unit-select:close-others'; /*
                                 "placeholder",
                                 "popper-class",
                                 "remote-method",
-                                "teleported"
+                                "teleported",
+                                "loading"
                             ])
                         ]),
                     default: (0, __WEBPACK_EXTERNAL_MODULE_vue__.withCtx)(()=>[
@@ -8457,7 +8515,7 @@ const CLOSE_OTHER_POPOVERS_EVENT = 'biz-unit-select:close-others'; /*
                                 }),
                                 class: "w-full overflow-hidden"
                             }, [
-                                (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)((0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(pro_table), (0, __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps)({
+                                (0, __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives)((0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)((0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(pro_table), (0, __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps)({
                                     ref_key: "tableRef",
                                     ref: tableRef,
                                     columns: (0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(tableConfig),
@@ -8476,6 +8534,11 @@ const CLOSE_OTHER_POPOVERS_EVENT = 'biz-unit-select:close-others'; /*
                                     "columns",
                                     "data",
                                     "loading"
+                                ]), [
+                                    [
+                                        (0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(__WEBPACK_EXTERNAL_MODULE_element_sun__.ClickOutside),
+                                        onClickOutside
+                                    ]
                                 ])
                             ], 4)
                         ]),
@@ -8827,6 +8890,15 @@ const biz_unit_select_exports_ = biz_unit_selectvue_type_script_lang_tsx_name_Bi
                 }
             });
         });
+        const onClickOutside = ()=>{
+            handleBlur();
+        };
+        const visibleChange = (val)=>{
+            if (val) {
+                loading.value = true;
+                handleFocus();
+            }
+        };
         __expose({
             popoverRef,
             tableRef,
@@ -8868,10 +8940,10 @@ const biz_unit_select_exports_ = biz_unit_selectvue_type_script_lang_tsx_name_Bi
                                 "remote-method": (0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(handelRemoteMethod),
                                 multiple: !!props.multiSelectFlag,
                                 options: [],
+                                loading: loading.value,
                                 "popper-class": popoverVisible.value ? 'hidden' : '',
                                 onRemoveTag: handleTagRemove,
-                                onFocus: handleFocus,
-                                onBlur: handleBlur,
+                                onVisibleChange: visibleChange,
                                 onClear: handleClear
                             }, selectProps.value), null, 16, [
                                 "modelValue",
@@ -8880,6 +8952,7 @@ const biz_unit_select_exports_ = biz_unit_selectvue_type_script_lang_tsx_name_Bi
                                 "teleported",
                                 "remote-method",
                                 "multiple",
+                                "loading",
                                 "popper-class"
                             ])
                         ]),
@@ -8890,7 +8963,7 @@ const biz_unit_select_exports_ = biz_unit_selectvue_type_script_lang_tsx_name_Bi
                                 }),
                                 class: "w-full overflow-hidden"
                             }, [
-                                (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)((0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(pro_table), (0, __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps)({
+                                (0, __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives)((0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)((0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(pro_table), (0, __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps)({
                                     style: {
                                         height: "100%"
                                     },
@@ -8908,6 +8981,11 @@ const biz_unit_select_exports_ = biz_unit_selectvue_type_script_lang_tsx_name_Bi
                                     "loading",
                                     "columns",
                                     "data"
+                                ]), [
+                                    [
+                                        (0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(__WEBPACK_EXTERNAL_MODULE_element_sun__.ClickOutside),
+                                        onClickOutside
+                                    ]
                                 ])
                             ], 4)
                         ]),
@@ -12212,7 +12290,9 @@ const keyboard_value_exports_ = keyboard_valuevue_type_script_setup_true_lang_ts
             const _component_el_dropdown_item = (0, __WEBPACK_EXTERNAL_MODULE_vue__.resolveComponent)("el-dropdown-item");
             const _component_el_dropdown_menu = (0, __WEBPACK_EXTERNAL_MODULE_vue__.resolveComponent)("el-dropdown-menu");
             const _component_el_dropdown = (0, __WEBPACK_EXTERNAL_MODULE_vue__.resolveComponent)("el-dropdown");
-            return (0, __WEBPACK_EXTERNAL_MODULE_vue__.openBlock)(), (0, __WEBPACK_EXTERNAL_MODULE_vue__.createBlock)(_component_el_dropdown, null, (0, __WEBPACK_EXTERNAL_MODULE_vue__.createSlots)({
+            return (0, __WEBPACK_EXTERNAL_MODULE_vue__.openBlock)(), (0, __WEBPACK_EXTERNAL_MODULE_vue__.createBlock)(_component_el_dropdown, {
+                trigger: disabledLoad.value ? 'click' : 'hover'
+            }, (0, __WEBPACK_EXTERNAL_MODULE_vue__.createSlots)({
                 default: (0, __WEBPACK_EXTERNAL_MODULE_vue__.withCtx)(()=>[
                         (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)(_component_el_button, {
                             type: "primary",
@@ -12261,7 +12341,9 @@ const keyboard_value_exports_ = keyboard_valuevue_type_script_setup_true_lang_ts
                         ]),
                     key: "0"
                 }
-            ]), 1024);
+            ]), 1032, [
+                "trigger"
+            ]);
         };
     }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sun-biz",
-  "version": "0.0.4-beta.45",
+  "version": "0.0.4-beta.47",
   "type": "module",
   "workspaces": [
     "src/*",
@@ -81,6 +81,7 @@
     "js-pinyin": "^0.2.7",
     "latest": "^0.2.0",
     "lodash": "^4.17.21",
-    "sortablejs": "^1.15.6"
+    "sortablejs": "^1.15.6",
+    "uuid": "^13.0.0"
   }
 }