sun-biz 0.0.4-beta.55 → 0.0.4-beta.58

package/dist/components/index.js

@@ -2331,6 +2331,10 @@ const Table_exports_ = Tablevue_type_script_setup_true_lang_tsx_name_Table;
 });
 const TableContainer_exports_ = TableContainervue_type_script_lang_ts_setup_true_name_ProTableContainer;
 /* ESM default export */ const TableContainer = TableContainer_exports_;
+const Paginationvue_type_script_setup_true_lang_ts_name_Pagination_hoisted_1 = {
+    key: 0,
+    class: "pagination-slot"
+};
 /* ESM default export */ const Paginationvue_type_script_setup_true_lang_ts_name_Pagination = /*@__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent)({
     __name: 'Pagination',
     props: {
@@ -2341,30 +2345,82 @@ const TableContainer_exports_ = TableContainervue_type_script_lang_ts_setup_true
         },
         handleCurrentChange: {
             type: Function
+        },
+        layout: {},
+        enableCustomPageSize: {
+            type: Boolean
         }
     },
     setup (__props) {
+        const props = __props;
+        const pageSize = (0, __WEBPACK_EXTERNAL_MODULE_vue__.computed)({
+            get: ()=>props.pageInfo.pageSize,
+            set: (val)=>{
+                const value = Number(val);
+                // 修改时只能录入正整数
+                if (Number.isInteger(value) && value > 0) props.handleSizeChange(value);
+            }
+        });
+        const computedLayout = (0, __WEBPACK_EXTERNAL_MODULE_vue__.computed)(()=>{
+            if (props.enableCustomPageSize) return (props.layout ?? 'total, sizes, prev, pager, next').replace('sizes', 'slot');
+            return props.layout ?? 'total, sizes, prev, pager, next';
+        });
         return (_ctx, _cache)=>((0, __WEBPACK_EXTERNAL_MODULE_vue__.openBlock)(), (0, __WEBPACK_EXTERNAL_MODULE_vue__.createBlock)((0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(__WEBPACK_EXTERNAL_MODULE_element_sun__.ElPagination), (0, __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps)({
                 "current-page": _ctx.pageInfo.pageNumber,
                 "page-size": _ctx.pageInfo.pageSize,
                 total: _ctx.pageInfo.total,
                 "page-sizes": _ctx.pageSizes,
-                layout: "total, sizes, prev, pager, next",
+                layout: computedLayout.value,
                 onSizeChange: _ctx.handleSizeChange,
                 onCurrentChange: _ctx.handleCurrentChange,
                 "set-scroll-top": 500,
                 background: ""
-            }, _ctx.$attrs), null, 16, [
+            }, _ctx.$attrs), {
+                default: (0, __WEBPACK_EXTERNAL_MODULE_vue__.withCtx)(()=>[
+                        props.enableCustomPageSize ? ((0, __WEBPACK_EXTERNAL_MODULE_vue__.openBlock)(), (0, __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock)("span", Paginationvue_type_script_setup_true_lang_ts_name_Pagination_hoisted_1, [
+                            (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)((0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(__WEBPACK_EXTERNAL_MODULE_element_sun__.ElSelect), {
+                                class: "size-select",
+                                modelValue: pageSize.value,
+                                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event)=>pageSize.value = $event),
+                                filterable: "",
+                                "allow-create": "",
+                                "default-first-option": "",
+                                "reserve-keyword": false
+                            }, {
+                                default: (0, __WEBPACK_EXTERNAL_MODULE_vue__.withCtx)(()=>[
+                                        ((0, __WEBPACK_EXTERNAL_MODULE_vue__.openBlock)(true), (0, __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock)(__WEBPACK_EXTERNAL_MODULE_vue__.Fragment, null, (0, __WEBPACK_EXTERNAL_MODULE_vue__.renderList)(_ctx.pageSizes, (item)=>((0, __WEBPACK_EXTERNAL_MODULE_vue__.openBlock)(), (0, __WEBPACK_EXTERNAL_MODULE_vue__.createBlock)((0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(__WEBPACK_EXTERNAL_MODULE_element_sun__.ElOption), {
+                                                key: item,
+                                                label: item + '条/页',
+                                                value: item
+                                            }, null, 8, [
+                                                "label",
+                                                "value"
+                                            ]))), 128))
+                                    ]),
+                                _: 1
+                            }, 8, [
+                                "modelValue"
+                            ])
+                        ])) : (0, __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode)("", true)
+                    ]),
+                _: 1
+            }, 16, [
                 "current-page",
                 "page-size",
                 "total",
                 "page-sizes",
+                "layout",
                 "onSizeChange",
                 "onCurrentChange"
             ]));
     }
 });
-const Pagination_exports_ = Paginationvue_type_script_setup_true_lang_ts_name_Pagination;
+const Pagination_exports_ = /*#__PURE__*/ (0, exportHelper["default"])(Paginationvue_type_script_setup_true_lang_ts_name_Pagination, [
+    [
+        '__scopeId',
+        "data-v-eb218d18"
+    ]
+]);
 /* ESM default export */ const Pagination = Pagination_exports_;
 const pro_tablevue_type_script_lang_ts_setup_true_name_ProTable_hoisted_1 = {
     class: "relative flex flex-1 flex-col overflow-hidden"
@@ -2480,6 +2536,10 @@ const SELECTION = 'selection';
         scrollLoad: {
             type: Function,
             default: void 0
+        },
+        enableCustomPageSize: {
+            type: Boolean,
+            default: false
         }
     },
     emits: [
@@ -3065,11 +3125,13 @@ const SELECTION = 'selection';
                         "page-info": paginationInfo.value,
                         "page-sizes": props.pageSizes,
                         "handle-size-change": handleSizeChange,
-                        "handle-current-change": changeCurrentPage
+                        "handle-current-change": changeCurrentPage,
+                        "enable-custom-page-size": props.enableCustomPageSize
                     }, null, 8, [
                         "layout",
                         "page-info",
-                        "page-sizes"
+                        "page-sizes",
+                        "enable-custom-page-size"
                     ])
                 ])) : (0, __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode)("", true)
             ]));
@@ -4387,7 +4449,7 @@ const patient_accessvue_type_script_setup_true_lang_ts_hoisted_1 = {
                     indexTypeCode: data.indexTypeCode
                 }
             });
-            return res?.data;
+            return res?.data?.bizOutputParam;
         };
         /** 处理检索结果 */ const handleSearchResult = (res, cardInfo)=>{
             // 查询的结果 超过一条 则需要 弹出弹窗让用户选择
@@ -6309,17 +6371,19 @@ const printReceiptBtn_exports_ = printReceiptBtnvue_type_script_setup_true_lang_
 /**
  * 方向键监听的 hook
  * @param hookActive hook是否激活
- * @returns
- */ function useDirectionKey(hookActive, cb) {
+ * @param cb 键盘事件回调函数
+ * @param options 配置选项
+ */ function useDirectionKey(hookActive, cb, options) {
+    const { immediate = false } = options || {};
     (0, __WEBPACK_EXTERNAL_MODULE_vue__.watch)(hookActive, (v)=>{
         if (v) document.addEventListener('keydown', cb);
-        else // 移除事件监听
-        window.removeEventListener('keydown', cb);
+        else document.removeEventListener('keydown', cb);
+    }, {
+        immediate
     });
     (0, __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount)(()=>{
-        console.log('useDirectionKey onBeforeUnmount');
+        document.removeEventListener('keydown', cb);
     });
-// return {};
 }
 /**
  * table-select 模式枚举值
@@ -6329,7 +6393,7 @@ const printReceiptBtn_exports_ = printReceiptBtnvue_type_script_setup_true_lang_
     return TableSelectMode;
 }({});
 const table_selectvue_type_script_lang_ts_setup_true_generic_T_20extends_20Record_3CPropertyKey_2C_20any_3E_hoisted_1 = {
-    class: "flex h-full flex-col"
+    class: "test flex h-full flex-col"
 };
 const table_selectvue_type_script_lang_ts_setup_true_generic_T_20extends_20Record_3CPropertyKey_2C_20any_3E_hoisted_2 = {
     class: "header flex items-center"
@@ -6388,22 +6452,22 @@ const table_selectvue_type_script_lang_ts_setup_true_generic_T_20extends_20Recor
         default: 'default'
     },
     simpleConfig: {
-        default: (props)=>'simple' === props.mode ? {
-                showHeader: false
-            } : {}
+        default: void 0
     },
     complexConfig: {
-        default: ()=>({
-                width: 400
-            })
+        default: void 0
     },
     highlightCurrentRow: {
         type: Boolean,
         default: true
     },
+    rowClassName: {},
     data: {
         default: ()=>[]
     },
+    exists: {
+        default: ()=>[]
+    },
     remoteMethod: {
         type: Function,
         default: void 0
@@ -6412,7 +6476,8 @@ const table_selectvue_type_script_lang_ts_setup_true_generic_T_20extends_20Recor
     modelValue: {},
     modelModifiers: {}
 }), [
-    "nextPage"
+    "nextPage",
+    "blur"
 ], [
     "update:modelValue"
 ];

package/dist/components/pro-table/interface/index.d.ts

@@ -69,6 +69,8 @@ export interface PaginationProps {
     pageSizes: number[];
     handleSizeChange: (size: number) => void;
     handleCurrentChange: (currentPage: number) => void;
+    layout?: string;
+    enableCustomPageSize?: boolean;
 }
 export declare namespace Table {
     interface PageInfo {

package/dist/components/static/css/index.css

@@ -19,26 +19,42 @@
   background-color: #0000 !important;
 }
 
-.input[data-v-bf6cf296] .el-input__inner {
+.size-select[data-v-eb218d18] {
+  color: #606266;
+  width: 110px;
+  margin-left: 10px;
+  font-weight: 400;
+}
+
+.input[data-v-d8701274] .el-input__inner {
   cursor: pointer !important;
 }
-.table-select-popover[data-v-bf6cf296] {
+.table-select-popover[data-v-d8701274] {
   height: 350px;
   width: auto !important;
 }
-.table-select-popover-simple .header[data-v-bf6cf296] {
+.table-select-popover-simple .header[data-v-d8701274] {
   width: 100%;
 }
-.table-select-popover-simple .header > span[data-v-bf6cf296] {
+.table-select-popover-simple .header > span[data-v-d8701274] {
   flex: var(--simple-column-flex);
 }
-.table-select-popover-simple .cell[data-v-bf6cf296] {
+.table-select-popover-simple .cell[data-v-d8701274] {
   width: 100%;
 }
-.table-select-popover-simple .cell > span[data-v-bf6cf296] {
+.table-select-popover-simple .cell > span[data-v-d8701274] {
   flex: var(--simple-column-flex);
 }
 
+.table-select-popover .exist-row {
+  --el-table-tr-bg-color: #f2f5fc;
+  color: #a8abb2;
+  --el-table-row-hover-bg-color: #f2f5fc !important;
+}
+.table-select-popover .exist-row.current-row {
+  --el-table-current-row-bg-color: #f2f5fc;
+}
+
 
 
 .disabled-user-tooltip, .disabled-user-tooltip .el-tooltip__trigger {

package/dist/components/table-select/composable/useDirectionKey.d.ts

@@ -2,6 +2,9 @@ import { Ref } from 'vue';
 /**
  * 方向键监听的 hook
  * @param hookActive hook是否激活
- * @returns
+ * @param cb 键盘事件回调函数
+ * @param options 配置选项
  */
-export default function useDirectionKey(hookActive: Ref<boolean>, cb: (e: KeyboardEvent) => void): void;
+export default function useDirectionKey(hookActive: Ref<boolean>, cb: (e: KeyboardEvent) => void, options?: {
+    immediate?: boolean;
+}): void;

package/dist/components/table-select/types/index.d.ts

@@ -1,5 +1,7 @@
 import { ComponentSize } from 'element-sun';
-import { ColumnProps } from '@/components/pro-table';
+import { ColumnProps } from '../../pro-table';
+import type { ComponentExposed } from '@/types';
+import type TableSelect from '../index.vue';
 /**
  * 简易模式 option 类型
  */
@@ -84,8 +86,15 @@ export interface TableSelectProps<T extends Record<PropertyKey, any>> {
     complexConfig?: ISelectComplexConfig;
     /** 是否高亮当前行 */
     highlightCurrentRow?: boolean;
+    /** 行类名 */
+    rowClassName?: (args: {
+        row: T;
+        rowIndex: number;
+    }) => string;
     /** 表格数据 */
     data: T[];
+    /** 已存在的行数据 key 数组 */
+    exists?: string[];
     /** 远程加载数据的方法 */
     remoteMethod?: RemoteMethod<string | undefined>;
 }
@@ -105,5 +114,18 @@ export interface ISelectComplexConfig {
      * 弹窗最大高度
      */
     maxHeight?: string | number;
+    /**
+     * 是否显示 prefix
+     */
+    showPrefix?: boolean;
+    /**
+     * 失焦时清除
+     */
+    clearWhenBlur?: boolean;
 }
+/**
+ * TableSelect 组件实例类型
+ * 用于获取组件 exposed 的方法和属性
+ */
+export type TableSelectInstance = ComponentExposed<typeof TableSelect>;
 export {};

package/dist/index.js

@@ -2367,6 +2367,10 @@ const Table_exports_ = Tablevue_type_script_setup_true_lang_tsx_name_Table;
 });
 const TableContainer_exports_ = TableContainervue_type_script_lang_ts_setup_true_name_ProTableContainer;
 /* ESM default export */ const TableContainer = TableContainer_exports_;
+const Paginationvue_type_script_setup_true_lang_ts_name_Pagination_hoisted_1 = {
+    key: 0,
+    class: "pagination-slot"
+};
 /* ESM default export */ const Paginationvue_type_script_setup_true_lang_ts_name_Pagination = /*@__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent)({
     __name: 'Pagination',
     props: {
@@ -2377,30 +2381,82 @@ const TableContainer_exports_ = TableContainervue_type_script_lang_ts_setup_true
         },
         handleCurrentChange: {
             type: Function
+        },
+        layout: {},
+        enableCustomPageSize: {
+            type: Boolean
         }
     },
     setup (__props) {
+        const props = __props;
+        const pageSize = (0, __WEBPACK_EXTERNAL_MODULE_vue__.computed)({
+            get: ()=>props.pageInfo.pageSize,
+            set: (val)=>{
+                const value = Number(val);
+                // 修改时只能录入正整数
+                if (Number.isInteger(value) && value > 0) props.handleSizeChange(value);
+            }
+        });
+        const computedLayout = (0, __WEBPACK_EXTERNAL_MODULE_vue__.computed)(()=>{
+            if (props.enableCustomPageSize) return (props.layout ?? 'total, sizes, prev, pager, next').replace('sizes', 'slot');
+            return props.layout ?? 'total, sizes, prev, pager, next';
+        });
         return (_ctx, _cache)=>((0, __WEBPACK_EXTERNAL_MODULE_vue__.openBlock)(), (0, __WEBPACK_EXTERNAL_MODULE_vue__.createBlock)((0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(__WEBPACK_EXTERNAL_MODULE_element_sun__.ElPagination), (0, __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps)({
                 "current-page": _ctx.pageInfo.pageNumber,
                 "page-size": _ctx.pageInfo.pageSize,
                 total: _ctx.pageInfo.total,
                 "page-sizes": _ctx.pageSizes,
-                layout: "total, sizes, prev, pager, next",
+                layout: computedLayout.value,
                 onSizeChange: _ctx.handleSizeChange,
                 onCurrentChange: _ctx.handleCurrentChange,
                 "set-scroll-top": 500,
                 background: ""
-            }, _ctx.$attrs), null, 16, [
+            }, _ctx.$attrs), {
+                default: (0, __WEBPACK_EXTERNAL_MODULE_vue__.withCtx)(()=>[
+                        props.enableCustomPageSize ? ((0, __WEBPACK_EXTERNAL_MODULE_vue__.openBlock)(), (0, __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock)("span", Paginationvue_type_script_setup_true_lang_ts_name_Pagination_hoisted_1, [
+                            (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)((0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(__WEBPACK_EXTERNAL_MODULE_element_sun__.ElSelect), {
+                                class: "size-select",
+                                modelValue: pageSize.value,
+                                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event)=>pageSize.value = $event),
+                                filterable: "",
+                                "allow-create": "",
+                                "default-first-option": "",
+                                "reserve-keyword": false
+                            }, {
+                                default: (0, __WEBPACK_EXTERNAL_MODULE_vue__.withCtx)(()=>[
+                                        ((0, __WEBPACK_EXTERNAL_MODULE_vue__.openBlock)(true), (0, __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock)(__WEBPACK_EXTERNAL_MODULE_vue__.Fragment, null, (0, __WEBPACK_EXTERNAL_MODULE_vue__.renderList)(_ctx.pageSizes, (item)=>((0, __WEBPACK_EXTERNAL_MODULE_vue__.openBlock)(), (0, __WEBPACK_EXTERNAL_MODULE_vue__.createBlock)((0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(__WEBPACK_EXTERNAL_MODULE_element_sun__.ElOption), {
+                                                key: item,
+                                                label: item + '条/页',
+                                                value: item
+                                            }, null, 8, [
+                                                "label",
+                                                "value"
+                                            ]))), 128))
+                                    ]),
+                                _: 1
+                            }, 8, [
+                                "modelValue"
+                            ])
+                        ])) : (0, __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode)("", true)
+                    ]),
+                _: 1
+            }, 16, [
                 "current-page",
                 "page-size",
                 "total",
                 "page-sizes",
+                "layout",
                 "onSizeChange",
                 "onCurrentChange"
             ]));
     }
 });
-const Pagination_exports_ = Paginationvue_type_script_setup_true_lang_ts_name_Pagination;
+const Pagination_exports_ = /*#__PURE__*/ (0, exportHelper["default"])(Paginationvue_type_script_setup_true_lang_ts_name_Pagination, [
+    [
+        '__scopeId',
+        "data-v-eb218d18"
+    ]
+]);
 /* ESM default export */ const Pagination = Pagination_exports_;
 const pro_tablevue_type_script_lang_ts_setup_true_name_ProTable_hoisted_1 = {
     class: "relative flex flex-1 flex-col overflow-hidden"
@@ -2516,6 +2572,10 @@ const SELECTION = 'selection';
         scrollLoad: {
             type: Function,
             default: void 0
+        },
+        enableCustomPageSize: {
+            type: Boolean,
+            default: false
         }
     },
     emits: [
@@ -3101,11 +3161,13 @@ const SELECTION = 'selection';
                         "page-info": paginationInfo.value,
                         "page-sizes": props.pageSizes,
                         "handle-size-change": handleSizeChange,
-                        "handle-current-change": changeCurrentPage
+                        "handle-current-change": changeCurrentPage,
+                        "enable-custom-page-size": props.enableCustomPageSize
                     }, null, 8, [
                         "layout",
                         "page-info",
-                        "page-sizes"
+                        "page-sizes",
+                        "enable-custom-page-size"
                     ])
                 ])) : (0, __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode)("", true)
             ]));
@@ -4887,7 +4949,7 @@ const patient_accessvue_type_script_setup_true_lang_ts_hoisted_1 = {
                     indexTypeCode: data.indexTypeCode
                 }
             });
-            return res?.data;
+            return res?.data?.bizOutputParam;
         };
         /** 处理检索结果 */ const handleSearchResult = (res, cardInfo)=>{
             // 查询的结果 超过一条 则需要 弹出弹窗让用户选择
@@ -11103,17 +11165,19 @@ const invoice_exports_ = invoicevue_type_script_setup_true_lang_ts_name_proInvoi
 /**
  * 方向键监听的 hook
  * @param hookActive hook是否激活
- * @returns
- */ function useDirectionKey(hookActive, cb) {
+ * @param cb 键盘事件回调函数
+ * @param options 配置选项
+ */ function useDirectionKey(hookActive, cb, options) {
+    const { immediate = false } = options || {};
     (0, __WEBPACK_EXTERNAL_MODULE_vue__.watch)(hookActive, (v)=>{
         if (v) document.addEventListener('keydown', cb);
-        else // 移除事件监听
-        window.removeEventListener('keydown', cb);
+        else document.removeEventListener('keydown', cb);
+    }, {
+        immediate
     });
     (0, __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount)(()=>{
-        console.log('useDirectionKey onBeforeUnmount');
+        document.removeEventListener('keydown', cb);
     });
-// return {};
 }
 /**
  * table-select 模式枚举值
@@ -11123,7 +11187,7 @@ const invoice_exports_ = invoicevue_type_script_setup_true_lang_ts_name_proInvoi
     return TableSelectMode;
 }({});
 const table_selectvue_type_script_lang_ts_setup_true_generic_T_20extends_20Record_3CPropertyKey_2C_20any_3E_hoisted_1 = {
-    class: "flex h-full flex-col"
+    class: "test flex h-full flex-col"
 };
 const table_selectvue_type_script_lang_ts_setup_true_generic_T_20extends_20Record_3CPropertyKey_2C_20any_3E_hoisted_2 = {
     class: "header flex items-center"
@@ -11184,22 +11248,22 @@ const table_selectvue_type_script_lang_ts_setup_true_generic_T_20extends_20Recor
             default: 'default'
         },
         simpleConfig: {
-            default: (props)=>'simple' === props.mode ? {
-                    showHeader: false
-                } : {}
+            default: void 0
         },
         complexConfig: {
-            default: ()=>({
-                    width: 400
-                })
+            default: void 0
         },
         highlightCurrentRow: {
             type: Boolean,
             default: true
         },
+        rowClassName: {},
         data: {
             default: ()=>[]
         },
+        exists: {
+            default: ()=>[]
+        },
         remoteMethod: {
             type: Function,
             default: void 0
@@ -11209,14 +11273,30 @@ const table_selectvue_type_script_lang_ts_setup_true_generic_T_20extends_20Recor
         modelModifiers: {}
     }),
     emits: /*@__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_vue__.mergeModels)([
-        "nextPage"
+        "nextPage",
+        "blur"
     ], [
         "update:modelValue"
     ]),
     setup (__props, { expose: __expose, emit: __emit }) {
         const model = (0, __WEBPACK_EXTERNAL_MODULE_vue__.useModel)(__props, "modelValue");
         const props = __props;
+        const getRowClassName = ({ row })=>{
+            if (props.exists?.includes(row[props.rowKey])) return 'exist-row cursor-not-allowed';
+            return 'cursor-pointer';
+        };
         const isSimpleMode = (0, __WEBPACK_EXTERNAL_MODULE_vue__.computed)(()=>'simple' === props.mode);
+        // 合并默认配置和用户传入的配置
+        const mergedComplexConfig = (0, __WEBPACK_EXTERNAL_MODULE_vue__.computed)(()=>({
+                showPrefix: true,
+                width: 400,
+                clearWhenBlur: true,
+                ...props.complexConfig
+            }));
+        const mergedSimpleConfig = (0, __WEBPACK_EXTERNAL_MODULE_vue__.computed)(()=>({
+                showHeader: false,
+                ...props.simpleConfig
+            }));
         const simpleColumns = (0, __WEBPACK_EXTERNAL_MODULE_vue__.computed)(()=>{
             if (isSimpleMode.value) return props.columns || [];
             return [];
@@ -11233,16 +11313,19 @@ const table_selectvue_type_script_lang_ts_setup_true_generic_T_20extends_20Recor
         const popoverVisible = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)(props.popoverVisible);
         const inputValue = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)('');
         const keydownIndex = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)(-1);
-        const rowElements = (0, __WEBPACK_EXTERNAL_MODULE_vue__.computed)(()=>{
-            // 此处添加 props.data.length 是为了将 props.data n纳入依赖
-            if (tableRef.value?.proTableRef && props.data.length) {
-                const elRowSelector = '.el-table__body tbody .el-table__row';
-                const rowElements = Array.from((tableRef.value?.proTableRef.$el).querySelectorAll(elRowSelector));
-                console.log(rowElements.length);
-                return rowElements;
+        const rowElements = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)([]);
+        /**
+   * 更新行元素缓存
+   */ function updateRowElements() {
+            if (!popoverVisible.value || !tableRef.value?.proTableRef || !props.data.length) {
+                rowElements.value = [];
+                return;
             }
-            return [];
-        });
+            (0, __WEBPACK_EXTERNAL_MODULE_vue__.nextTick)(()=>{
+                const elRowSelector = '.el-table__body tbody .el-table__row';
+                rowElements.value = Array.from((tableRef.value?.proTableRef.$el).querySelectorAll(elRowSelector));
+            });
+        }
         function setCurrentRow() {
             const option = props.data[keydownIndex.value];
             if (option) tableRef.value?.proTableRef.setCurrentRow(option);
@@ -11258,18 +11341,21 @@ const table_selectvue_type_script_lang_ts_setup_true_generic_T_20extends_20Recor
                 });
             }
         }
-        // 键盘事件处理函数
-        const handleKeydown = (e)=>{
-            // 处理键盘事件逻辑
-            if ('Enter' === e.key) handleRowClick(props.data[keydownIndex.value]);
-            else if ('ArrowUp' === e.key) {
-                keydownIndex.value--;
-                keydownIndex.value = Math.max(keydownIndex.value, 0);
+        /**
+   * 键盘事件处理函数
+   */ const handleKeydown = (e)=>{
+            if (!props.data.length) return;
+            if ('Enter' === e.key) {
+                const row = props.data[keydownIndex.value];
+                if (row && keydownIndex.value >= 0) handleRowClick(row);
+            } else if ('ArrowUp' === e.key) {
+                e.preventDefault();
+                keydownIndex.value = Math.max(keydownIndex.value - 1, 0);
                 setCurrentRow();
                 scrollToCurrentRow();
             } else if ('ArrowDown' === e.key) {
-                keydownIndex.value++;
-                keydownIndex.value = Math.min(keydownIndex.value, props.data.length - 1);
+                e.preventDefault();
+                keydownIndex.value = Math.min(keydownIndex.value + 1, props.data.length - 1);
                 setCurrentRow();
                 scrollToCurrentRow();
             }
@@ -11292,13 +11378,14 @@ const table_selectvue_type_script_lang_ts_setup_true_generic_T_20extends_20Recor
         /**
    * 聚焦事件
    */ function focus() {
-            console.log('table-select focus');
+            inputSearchRef.value?.focus();
             toggleVisible();
         }
         /**
    * 点击行
    * @param row 点击的行
    */ function handleRowClick(row) {
+            if (!row || props.exists?.includes(row[props.rowKey])) return;
             // 多选
             if ((0, __WEBPACK_EXTERNAL_MODULE__sun_toolkit_shared__.isArray)(model.value)) {
                 const existedIndex = model.value.findIndex((item)=>item[props.rowKey] === row[props.rowKey]);
@@ -11323,27 +11410,42 @@ const table_selectvue_type_script_lang_ts_setup_true_generic_T_20extends_20Recor
                     model.value = row;
                     keydownIndex.value = index;
                 }
-                popoverRef.value?.hide();
+                popoverVisible.value = false;
+            // popoverRef.value?.hide();
             }
         }
         /**
    * 输入框输入
    * @param v 输入的值
    */ function handleInput(v) {
-            (0, __WEBPACK_EXTERNAL_MODULE__sun_toolkit_shared__.debounce)(()=>{
-                // 存在异步行为，要判断
-                if (props.remoteMethod) props.remoteMethod(v);
-            }, 500)();
+            debouncedQuery(v);
             popoverVisible.value = true;
         }
+        const debouncedQuery = (0, __WEBPACK_EXTERNAL_MODULE__sun_toolkit_shared__.debounce)((v)=>{
+            if (props.remoteMethod) props.remoteMethod(v);
+        }, 500);
         /**
    * 处理下拉加载
    */ function handleScrollLoad() {
             emits('nextPage');
         }
         function handleClickOutside(e) {
-            if (e.target === inputSearchRef.value?.$el) return;
-            popoverVisible.value = false;
+            if (inputSearchRef.value?.$el && inputSearchRef.value?.$el.contains(e.target)) return;
+            {
+                const hasNoSelection = (0, __WEBPACK_EXTERNAL_MODULE__sun_toolkit_shared__.isArray)(model.value) && 0 === model.value.length || !model.value;
+                if (mergedComplexConfig.value.clearWhenBlur && hasNoSelection) // 只有当输入框有内容但没有选中值时，才需要重置并重新请求
+                {
+                    if (inputValue.value) {
+                        reset();
+                        debouncedQuery('');
+                    }
+                }
+                // 总是关闭弹窗
+                (0, __WEBPACK_EXTERNAL_MODULE_vue__.nextTick)(()=>{
+                    popoverVisible.value = false;
+                });
+                emits('blur');
+            }
         }
         function toggleVisible() {
             popoverVisible.value = true;
@@ -11410,13 +11512,25 @@ const table_selectvue_type_script_lang_ts_setup_true_generic_T_20extends_20Recor
         //   // 启动动画
         //   requestAnimationFrame(updateScroll);
         // }
-        (0, __WEBPACK_EXTERNAL_MODULE_vue__.watchEffect)(()=>{
-            if (model.value) inputValue.value = (0, __WEBPACK_EXTERNAL_MODULE__sun_toolkit_shared__.isArray)(model.value) ? '' : model.value[props.labelKey];
-            if (props.data.length > 0 && model.value && !(0, __WEBPACK_EXTERNAL_MODULE__sun_toolkit_shared__.isArray)(model.value)) {
-                const index = props.data.findIndex((item)=>item[props.rowKey] === model.value[props.rowKey]);
-                keydownIndex.value = index;
-                setCurrentRow();
-            }
+        // 同步 model 到 inputValue
+        (0, __WEBPACK_EXTERNAL_MODULE_vue__.watch)(model, (val)=>{
+            if ((0, __WEBPACK_EXTERNAL_MODULE__sun_toolkit_shared__.isArray)(val)) inputValue.value = '';
+            else inputValue.value = val ? val[props.labelKey] : '';
+        }, {
+            immediate: true
+        });
+        // 同步外部 popoverVisible
+        (0, __WEBPACK_EXTERNAL_MODULE_vue__.watch)(()=>props.popoverVisible, (val)=>{
+            popoverVisible.value = val;
+        });
+        // 监听数据变化和弹层状态，更新行元素
+        (0, __WEBPACK_EXTERNAL_MODULE_vue__.watch)([
+            ()=>props.data,
+            popoverVisible
+        ], ()=>{
+            updateRowElements();
+        }, {
+            deep: true
         });
         (0, __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeMount)(()=>{
             if (isSimpleMode.value) document.documentElement.style.setProperty('--simple-column-flex', `0 0 ${Math.floor(100 / simpleColumns.value.length)}%`);
@@ -11427,6 +11541,10 @@ const table_selectvue_type_script_lang_ts_setup_true_generic_T_20extends_20Recor
         (0, __WEBPACK_EXTERNAL_MODULE_vue__.onMounted)(()=>{
             if (props.immediate && props.remoteMethod) props.remoteMethod();
         });
+        (0, __WEBPACK_EXTERNAL_MODULE_vue__.onUnmounted)(()=>{
+            // 取消待执行的防抖函数
+            debouncedQuery?.cancel?.();
+        });
         __expose({
             reset,
             focus,
@@ -11442,13 +11560,15 @@ const table_selectvue_type_script_lang_ts_setup_true_generic_T_20extends_20Recor
                 }, [
                     (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)((0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(__WEBPACK_EXTERNAL_MODULE_element_sun__.ElInput), {
                         class: "input",
-                        "prefix-icon": "Search",
+                        "prefix-icon": mergedComplexConfig.value.showPrefix ? 'Search' : '',
                         modelValue: inputValue.value,
                         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event)=>inputValue.value = $event),
                         ref_key: "inputSearchRef",
                         ref: inputSearchRef,
                         size: _ctx.size,
-                        placeholder: _ctx.placeholder || '请输入检索内容',
+                        placeholder: _ctx.placeholder || _ctx.$t('global:placeholder.input.template', {
+                            content: _ctx.$t('global:search') + _ctx.$t('global:content')
+                        }),
                         clearable: "",
                         onKeydownCapture: _cache[1] || (_cache[1] = (0, __WEBPACK_EXTERNAL_MODULE_vue__.withKeys)((0, __WEBPACK_EXTERNAL_MODULE_vue__.withModifiers)(()=>{}, [
                             "prevent"
@@ -11484,6 +11604,7 @@ const table_selectvue_type_script_lang_ts_setup_true_generic_T_20extends_20Recor
                             key: "1"
                         } : void 0
                     ]), 1032, [
+                        "prefix-icon",
                         "modelValue",
                         "size",
                         "placeholder"
@@ -11491,7 +11612,7 @@ const table_selectvue_type_script_lang_ts_setup_true_generic_T_20extends_20Recor
                     (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)((0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(__WEBPACK_EXTERNAL_MODULE_element_sun__.ElPopover), {
                         ref_key: "popoverRef",
                         ref: popoverRef,
-                        width: _ctx.complexConfig.width,
+                        width: mergedComplexConfig.value.width,
                         visible: popoverVisible.value,
                         "virtual-ref": inputSearchRef.value,
                         "virtual-triggering": "",
@@ -11505,10 +11626,11 @@ const table_selectvue_type_script_lang_ts_setup_true_generic_T_20extends_20Recor
                                     (0, __WEBPACK_EXTERNAL_MODULE_vue__.renderSlot)(_ctx.$slots, "header"),
                                     (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)((0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(pro_table), {
                                         ref: "table",
-                                        "max-height": _ctx.complexConfig.maxHeight,
+                                        "max-height": mergedComplexConfig.value.maxHeight,
                                         "component-no": _ctx.componentNo,
                                         "row-key": _ctx.rowKey,
                                         "current-row-key": _ctx.currentRowKey,
+                                        "row-class-name": getRowClassName,
                                         "highlight-current-row": _ctx.highlightCurrentRow,
                                         columns: complexColumns.value,
                                         data: _ctx.data,
@@ -11552,14 +11674,16 @@ const table_selectvue_type_script_lang_ts_setup_true_generic_T_20extends_20Recor
                     clearable: "",
                     "popper-class": "table-select-popover-simple",
                     size: _ctx.size,
-                    placeholder: "请输入检索内容",
+                    placeholder: _ctx.$t('global:placeholder.input.template', {
+                        content: _ctx.$t('global:search') + _ctx.$t('global:content')
+                    }),
                     "value-key": _ctx.rowKey
                 }, (0, __WEBPACK_EXTERNAL_MODULE_vue__.createSlots)({
                     default: (0, __WEBPACK_EXTERNAL_MODULE_vue__.withCtx)(()=>[
                             (0, __WEBPACK_EXTERNAL_MODULE_vue__.renderSlot)(_ctx.$slots, "default", {}, ()=>[
-                                    ((0, __WEBPACK_EXTERNAL_MODULE_vue__.openBlock)(true), (0, __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock)(__WEBPACK_EXTERNAL_MODULE_vue__.Fragment, null, (0, __WEBPACK_EXTERNAL_MODULE_vue__.renderList)(_ctx.data, (item, index)=>((0, __WEBPACK_EXTERNAL_MODULE_vue__.openBlock)(), (0, __WEBPACK_EXTERNAL_MODULE_vue__.createBlock)(_component_el_option, {
+                                    ((0, __WEBPACK_EXTERNAL_MODULE_vue__.openBlock)(true), (0, __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock)(__WEBPACK_EXTERNAL_MODULE_vue__.Fragment, null, (0, __WEBPACK_EXTERNAL_MODULE_vue__.renderList)(_ctx.data, (item)=>((0, __WEBPACK_EXTERNAL_MODULE_vue__.openBlock)(), (0, __WEBPACK_EXTERNAL_MODULE_vue__.createBlock)(_component_el_option, {
                                             class: "cell flex items-center",
-                                            key: index,
+                                            key: item[_ctx.rowKey],
                                             label: item[_ctx.labelKey],
                                             value: item
                                         }, {
@@ -11577,15 +11701,15 @@ const table_selectvue_type_script_lang_ts_setup_true_generic_T_20extends_20Recor
                         ]),
                     _: 2
                 }, [
-                    _ctx.simpleConfig?.showHeader ? {
+                    mergedSimpleConfig.value.showHeader ? {
                         name: "header",
                         fn: (0, __WEBPACK_EXTERNAL_MODULE_vue__.withCtx)(()=>[
                                 (0, __WEBPACK_EXTERNAL_MODULE_vue__.renderSlot)(_ctx.$slots, "header", {
                                     columns: simpleColumns.value
                                 }, ()=>[
                                         (0, __WEBPACK_EXTERNAL_MODULE_vue__.createElementVNode)("div", table_selectvue_type_script_lang_ts_setup_true_generic_T_20extends_20Record_3CPropertyKey_2C_20any_3E_hoisted_2, [
-                                            ((0, __WEBPACK_EXTERNAL_MODULE_vue__.openBlock)(true), (0, __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock)(__WEBPACK_EXTERNAL_MODULE_vue__.Fragment, null, (0, __WEBPACK_EXTERNAL_MODULE_vue__.renderList)(simpleColumns.value, (head, index)=>((0, __WEBPACK_EXTERNAL_MODULE_vue__.openBlock)(), (0, __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock)("span", {
-                                                    key: index
+                                            ((0, __WEBPACK_EXTERNAL_MODULE_vue__.openBlock)(true), (0, __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock)(__WEBPACK_EXTERNAL_MODULE_vue__.Fragment, null, (0, __WEBPACK_EXTERNAL_MODULE_vue__.renderList)(simpleColumns.value, (head)=>((0, __WEBPACK_EXTERNAL_MODULE_vue__.openBlock)(), (0, __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock)("span", {
+                                                    key: head.key
                                                 }, (0, __WEBPACK_EXTERNAL_MODULE_vue__.toDisplayString)(head.label), 1))), 128))
                                         ])
                                     ])
@@ -11595,6 +11719,7 @@ const table_selectvue_type_script_lang_ts_setup_true_generic_T_20extends_20Recor
                 ]), 1032, [
                     "modelValue",
                     "size",
+                    "placeholder",
                     "value-key"
                 ])) : (0, __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode)("", true)
             ], 64);
@@ -11604,7 +11729,7 @@ const table_selectvue_type_script_lang_ts_setup_true_generic_T_20extends_20Recor
 const table_select_exports_ = /*#__PURE__*/ (0, exportHelper["default"])(table_selectvue_type_script_lang_ts_setup_true_generic_T_20extends_20Record_3CPropertyKey_2C_20any_3E, [
     [
         '__scopeId',
-        "data-v-bf6cf296"
+        "data-v-d8701274"
     ]
 ]);
 /* ESM default export */ const table_select = table_select_exports_;

package/dist/static/css/index.css

@@ -19,6 +19,13 @@
   background-color: #0000 !important;
 }
 
+.size-select[data-v-eb218d18] {
+  color: #606266;
+  width: 110px;
+  margin-left: 10px;
+  font-weight: 400;
+}
+
 
 
 .disabled-user-tooltip, .disabled-user-tooltip .el-tooltip__trigger {
@@ -59,26 +66,35 @@
   margin-top: 8px !important;
 }
 
-.input[data-v-bf6cf296] .el-input__inner {
+.input[data-v-d8701274] .el-input__inner {
   cursor: pointer !important;
 }
-.table-select-popover[data-v-bf6cf296] {
+.table-select-popover[data-v-d8701274] {
   height: 350px;
   width: auto !important;
 }
-.table-select-popover-simple .header[data-v-bf6cf296] {
+.table-select-popover-simple .header[data-v-d8701274] {
   width: 100%;
 }
-.table-select-popover-simple .header > span[data-v-bf6cf296] {
+.table-select-popover-simple .header > span[data-v-d8701274] {
   flex: var(--simple-column-flex);
 }
-.table-select-popover-simple .cell[data-v-bf6cf296] {
+.table-select-popover-simple .cell[data-v-d8701274] {
   width: 100%;
 }
-.table-select-popover-simple .cell > span[data-v-bf6cf296] {
+.table-select-popover-simple .cell > span[data-v-d8701274] {
   flex: var(--simple-column-flex);
 }
 
+.table-select-popover .exist-row {
+  --el-table-tr-bg-color: #f2f5fc;
+  color: #a8abb2;
+  --el-table-row-hover-bg-color: #f2f5fc !important;
+}
+.table-select-popover .exist-row.current-row {
+  --el-table-current-row-bg-color: #f2f5fc;
+}
+
 
 
 

package/dist/types/index.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Vue 组件类型工具
+ * @see https://github.com/vuejs/language-tools/blob/master/packages/component-type-helpers/index.ts
+ */
+/**
+ * 提取组件通过 defineExpose 暴露的类型
+ * @example
+ * ```ts
+ * import { ref } from 'vue';
+ * import { TableSelect, type ComponentExposed } from 'sun-biz';
+ *
+ * type TableSelectInstance = ComponentExposed<typeof TableSelect>;
+ * const tableSelectRef = ref<TableSelectInstance>();
+ * ```
+ */
+export type ComponentExposed<T> = T extends new (...args: any) => infer E ? E : T extends (props: any, ctx: any, expose: (exposed: infer E) => any, ...args: any) => any ? NonNullable<E> : {};
+/**
+ * 提取组件的 Props 类型
+ * @example
+ * ```ts
+ * import { TableSelect, type ComponentProps } from 'sun-biz';
+ *
+ * type TableSelectProps = ComponentProps<typeof TableSelect>;
+ * ```
+ */
+export type ComponentProps<T> = T extends new (...args: any) => {
+    $props: infer P;
+} ? NonNullable<P> : T extends (props: infer P, ...args: any) => any ? P : {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sun-biz",
-  "version": "0.0.4-beta.55",
+  "version": "0.0.4-beta.58",
   "type": "module",
   "workspaces": [
     "src/*",