sun-biz 0.0.4-beta.38 → 0.0.4-beta.39

package/dist/components/index.js

@@ -3841,8 +3841,8 @@ function icon_combinevue_type_template_id_80fc0d0e_render(_ctx, _cache) {
         ], -1)
     ]));
 }
-const script = {};
-const icon_combine_exports_ = /*#__PURE__*/ (0, exportHelper["default"])(script, [
+const icon_combine_script = {};
+const icon_combine_exports_ = /*#__PURE__*/ (0, exportHelper["default"])(icon_combine_script, [
     [
         'render',
         icon_combinevue_type_template_id_80fc0d0e_render
@@ -3885,7 +3885,7 @@ const icon_combine_exports_ = /*#__PURE__*/ (0, exportHelper["default"])(script,
         const columns = (0, __WEBPACK_EXTERNAL_MODULE_vue__.computed)(()=>__props.accessResult.columns.filter((item)=>item.display === __WEBPACK_EXTERNAL_MODULE__sun_toolkit_enums__.FLAG_STR.YES).map((item)=>({
                     ...item,
                     label: item.title,
-                    minWidth: 110,
+                    minWidth: item?.displayWidth || 110,
                     prop: item.dataIndex,
                     ...__props.isPatientAccess && 'patientName' === item.dataIndex && {
                         render: (row)=>row?.patMainRecordId && row?.patientId !== row?.patMainRecordId ? (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)("div", {
@@ -6744,6 +6744,109 @@ const print = async (params)=>{
 });
 const printReceiptBtn_exports_ = printReceiptBtnvue_type_script_setup_true_lang_ts_name_printReceipt;
 /* ESM default export */ const printReceiptBtn = printReceiptBtn_exports_;
+/**
+ * 方向键监听的 hook
+ * @param hookActive hook是否激活
+ * @returns
+ */ function useDirectionKey(hookActive, cb) {
+    (0, __WEBPACK_EXTERNAL_MODULE_vue__.watch)(hookActive, (v)=>{
+        if (v) document.addEventListener('keydown', cb);
+        else // 移除事件监听
+        window.removeEventListener('keydown', cb);
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount)(()=>{
+        console.log('useDirectionKey onBeforeUnmount');
+    });
+// return {};
+}
+/**
+ * table-select 模式枚举值
+ */ var types_TableSelectMode = /*#__PURE__*/ function(TableSelectMode) {
+    TableSelectMode["Simple"] = "simple";
+    TableSelectMode["Complex"] = "complex";
+    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"
+};
+const table_selectvue_type_script_lang_ts_setup_true_generic_T_20extends_20Record_3CPropertyKey_2C_20any_3E_hoisted_2 = {
+    class: "header flex items-center"
+};
+// import { detectOverflow } from '@popperjs/core';
+/* ESM default export */ ({
+    mode: {
+        default: 'complex'
+    },
+    columns: {
+        default: ()=>[]
+    },
+    placeholder: {},
+    loading: {
+        type: Boolean,
+        default: false
+    },
+    scrollLoading: {
+        type: Boolean,
+        default: false
+    },
+    immediate: {
+        type: Boolean,
+        default: true
+    },
+    popoverVisible: {
+        type: Boolean,
+        default: false
+    },
+    appendTo: {
+        default: 'body'
+    },
+    multiple: {
+        type: Boolean,
+        default: false
+    },
+    placement: {
+        default: 'bottom-start'
+    },
+    rowKey: {
+        default: ()=>'id'
+    },
+    labelKey: {
+        default: 'label'
+    },
+    componentNo: {
+        default: void 0
+    },
+    currentRowKey: {
+        default: 'id'
+    },
+    size: {
+        default: 'default'
+    },
+    simpleConfig: {
+        default: (props)=>'simple' === props.mode ? {
+                showHeader: false
+            } : {}
+    },
+    complexConfig: {},
+    highlightCurrentRow: {
+        type: Boolean,
+        default: true
+    },
+    data: {
+        default: ()=>[]
+    },
+    remoteMethod: {
+        type: Function,
+        default: void 0
+    }
+}), ({
+    modelValue: {},
+    modelModifiers: {}
+}), [
+    "nextPage"
+], [
+    "update:modelValue"
+];
 const Titlevue_type_script_setup_true_lang_ts_name_sunTitle_hoisted_1 = {
     class: "relative pl-3 font-semibold before:absolute before:left-0 before:top-1/2 before:h-2/3 before:w-1 before:-translate-y-1/2 before:bg-primary"
 };

package/dist/components/patient-access/api.d.ts

@@ -11,6 +11,7 @@ export declare const queryBizDataList: (params: SearchReqParams) => Promise<[imp
         dataIndex: string;
         title: string;
         display: string;
+        displayWidth: string;
     }[];
     data: {
         data: TPatient[];

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

@@ -19,6 +19,26 @@
   background-color: #0000 !important;
 }
 
+.input[data-v-9f70929c] .el-input__inner {
+  cursor: pointer !important;
+}
+.table-select-popover[data-v-9f70929c] {
+  height: 350px;
+  width: auto !important;
+}
+.table-select-popover-simple .header[data-v-9f70929c] {
+  width: 100%;
+}
+.table-select-popover-simple .header > span[data-v-9f70929c] {
+  flex: var(--simple-column-flex);
+}
+.table-select-popover-simple .cell[data-v-9f70929c] {
+  width: 100%;
+}
+.table-select-popover-simple .cell > span[data-v-9f70929c] {
+  flex: var(--simple-column-flex);
+}
+
 
 
 

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

@@ -0,0 +1,7 @@
+import { Ref } from 'vue';
+/**
+ * 方向键监听的 hook
+ * @param hookActive hook是否激活
+ * @returns
+ */
+export default function useDirectionKey(hookActive: Ref<boolean>, cb: (e: KeyboardEvent) => void): void;

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

@@ -0,0 +1,4 @@
+import useDirectionKey from './composable/useDirectionKey.ts';
+export * from './types';
+export { useDirectionKey };
+export { default as TableSelect } from './index.vue';

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

@@ -0,0 +1,95 @@
+import { ComponentSize } from 'element-sun';
+import { ColumnProps } from '@/components/pro-table';
+/**
+ * 简易模式 option 类型
+ */
+export interface ISelectSimpleOption<T> {
+    label: string;
+    value: T;
+}
+/**
+ * 简易模式 表头 option 类型
+ */
+export interface ISelectSimpleHeadOption<T> {
+    label: string;
+    key: keyof T;
+}
+/**
+ * table-select 模式枚举值
+ */
+export declare enum TableSelectMode {
+    Simple = "simple",
+    Complex = "complex"
+}
+/**
+ * 提取枚举值的类型（'simple' | 'complex'）
+ */
+export type TableSelectModeType = `${TableSelectMode}`;
+/**
+ * 远程加载数据的方法类型
+ */
+type RemoteMethod<T = unknown> = (...args: T[]) => unknown;
+/**
+ * 优化后的 table-select 组件 props 类型
+ * 采用泛型关联 mode 和 columns 的类型
+ */
+export interface TableSelectProps<T extends Record<PropertyKey, any>> {
+    /**
+     * 选择模式
+     * - 'simple': 简易模式，配合 ISelectSimpleHeadOption 类型的 columns
+     * - 'complex': 复杂模式，配合 ColumnProps 类型的 columns
+     */
+    mode?: TableSelectModeType;
+    /**
+     * 列配置，类型由 mode 决定
+     * - mode 为 'simple' 时，必须是 ISelectSimpleHeadOption[]
+     * - mode 为 'complex' 时，必须是 ColumnProps[]
+     */
+    columns?: ISelectSimpleHeadOption<T>[] | ColumnProps[];
+    /** 占位符 */
+    placeholder?: string;
+    /** 是否加载中 */
+    loading?: boolean;
+    /** 是否滚动加载中 */
+    scrollLoading?: boolean;
+    /** 是否立即执行加载方法 */
+    immediate?: boolean;
+    /** 弹窗是否可见 */
+    popoverVisible?: boolean;
+    /** 弹窗挂载点 */
+    appendTo?: string | HTMLElement;
+    /** 是否支持多选 */
+    multiple?: boolean;
+    /** 弹窗位置 */
+    placement?: string;
+    /** 行数据的唯一标识字段 */
+    rowKey?: string & keyof T;
+    /** 自定义 label 键名 */
+    labelKey?: string;
+    /** 表格组件编号 */
+    componentNo?: string;
+    /** 当前选中行的 key */
+    currentRowKey?: string;
+    /** 组件尺寸 */
+    size?: ComponentSize;
+    /** 简易模式配置项 */
+    simpleConfig?: ISelectSimpleConfig;
+    /** 复杂模式配置项 */
+    complexConfig?: ISelectComplexConfig;
+    /** 是否高亮当前行 */
+    highlightCurrentRow?: boolean;
+    /** 表格数据 */
+    data: T[];
+    /** 远程加载数据的方法 */
+    remoteMethod?: RemoteMethod<string | undefined>;
+}
+/**
+ * 简易模式配置项
+ */
+export interface ISelectSimpleConfig {
+    /** 是否显示表头 */
+    showHeader?: boolean;
+}
+export interface ISelectComplexConfig {
+}
+export {};

package/dist/index.d.ts

@@ -4,6 +4,7 @@ export * from './components/pro-table-v2';
 export * from './components/patient-access/index.ts';
 export * from './components/print/index.ts';
 export * from './components/invoice/index.ts';
+export * from './components/table-select';
 export { Title } from './components/title';
 export { DictSelect, FlagSelect, HospitalSelect, TagSelect, UserSelect, BizUnitSelect, DepartmentSelect, WardSelect, } from './components/biz-select';
 export type { TagGroupInfo } from './components/biz-select';

package/dist/index.js

@@ -4385,7 +4385,7 @@ const icon_combine_exports_ = /*#__PURE__*/ (0, exportHelper["default"])(script,
         const columns = (0, __WEBPACK_EXTERNAL_MODULE_vue__.computed)(()=>__props.accessResult.columns.filter((item)=>item.display === __WEBPACK_EXTERNAL_MODULE__sun_toolkit_enums__.FLAG_STR.YES).map((item)=>({
                     ...item,
                     label: item.title,
-                    minWidth: 110,
+                    minWidth: item?.displayWidth || 110,
                     prop: item.dataIndex,
                     ...__props.isPatientAccess && 'patientName' === item.dataIndex && {
                         render: (row)=>row?.patMainRecordId && row?.patientId !== row?.patMainRecordId ? (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)("div", {
@@ -10038,6 +10038,474 @@ const invoicevue_type_script_setup_true_lang_ts_name_proInvoice_hoisted_4 = {
 });
 const invoice_exports_ = invoicevue_type_script_setup_true_lang_ts_name_proInvoice;
 /* ESM default export */ const invoice = invoice_exports_;
+/**
+ * 方向键监听的 hook
+ * @param hookActive hook是否激活
+ * @returns
+ */ function useDirectionKey(hookActive, cb) {
+    (0, __WEBPACK_EXTERNAL_MODULE_vue__.watch)(hookActive, (v)=>{
+        if (v) document.addEventListener('keydown', cb);
+        else // 移除事件监听
+        window.removeEventListener('keydown', cb);
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount)(()=>{
+        console.log('useDirectionKey onBeforeUnmount');
+    });
+// return {};
+}
+/**
+ * table-select 模式枚举值
+ */ var types_TableSelectMode = /*#__PURE__*/ function(TableSelectMode) {
+    TableSelectMode["Simple"] = "simple";
+    TableSelectMode["Complex"] = "complex";
+    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"
+};
+const table_selectvue_type_script_lang_ts_setup_true_generic_T_20extends_20Record_3CPropertyKey_2C_20any_3E_hoisted_2 = {
+    class: "header flex items-center"
+};
+// import { detectOverflow } from '@popperjs/core';
+/* ESM default export */ const table_selectvue_type_script_lang_ts_setup_true_generic_T_20extends_20Record_3CPropertyKey_2C_20any_3E = /*@__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent)({
+    __name: 'index',
+    props: /*@__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_vue__.mergeModels)({
+        mode: {
+            default: 'complex'
+        },
+        columns: {
+            default: ()=>[]
+        },
+        placeholder: {},
+        loading: {
+            type: Boolean,
+            default: false
+        },
+        scrollLoading: {
+            type: Boolean,
+            default: false
+        },
+        immediate: {
+            type: Boolean,
+            default: true
+        },
+        popoverVisible: {
+            type: Boolean,
+            default: false
+        },
+        appendTo: {
+            default: 'body'
+        },
+        multiple: {
+            type: Boolean,
+            default: false
+        },
+        placement: {
+            default: 'bottom-start'
+        },
+        rowKey: {
+            default: ()=>'id'
+        },
+        labelKey: {
+            default: 'label'
+        },
+        componentNo: {
+            default: void 0
+        },
+        currentRowKey: {
+            default: 'id'
+        },
+        size: {
+            default: 'default'
+        },
+        simpleConfig: {
+            default: (props)=>'simple' === props.mode ? {
+                    showHeader: false
+                } : {}
+        },
+        complexConfig: {},
+        highlightCurrentRow: {
+            type: Boolean,
+            default: true
+        },
+        data: {
+            default: ()=>[]
+        },
+        remoteMethod: {
+            type: Function,
+            default: void 0
+        }
+    }, {
+        modelValue: {},
+        modelModifiers: {}
+    }),
+    emits: /*@__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_vue__.mergeModels)([
+        "nextPage"
+    ], [
+        "update:modelValue"
+    ]),
+    setup (__props, { expose: __expose, emit: __emit }) {
+        const model = (0, __WEBPACK_EXTERNAL_MODULE_vue__.useModel)(__props, "modelValue");
+        const props = __props;
+        const isSimpleMode = (0, __WEBPACK_EXTERNAL_MODULE_vue__.computed)(()=>'simple' === props.mode);
+        const simpleColumns = (0, __WEBPACK_EXTERNAL_MODULE_vue__.computed)(()=>{
+            if (isSimpleMode.value) return props.columns || [];
+            return [];
+        });
+        const complexColumns = (0, __WEBPACK_EXTERNAL_MODULE_vue__.computed)(()=>{
+            if (!isSimpleMode.value) return props.columns || [];
+            return [];
+        });
+        const defaultPopperOptions = {};
+        const emits = __emit;
+        const tableRef = (0, __WEBPACK_EXTERNAL_MODULE_vue__.useTemplateRef)('table');
+        const popoverRef = (0, __WEBPACK_EXTERNAL_MODULE_vue__.useTemplateRef)('popoverRef');
+        const inputSearchRef = (0, __WEBPACK_EXTERNAL_MODULE_vue__.useTemplateRef)('inputSearchRef');
+        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;
+            }
+            return [];
+        });
+        function setCurrentRow() {
+            const option = props.data[keydownIndex.value];
+            if (option) tableRef.value?.proTableRef.setCurrentRow(option);
+        }
+        function scrollToCurrentRow() {
+            if (rowElements.value.length) {
+                const currentRow = rowElements.value[keydownIndex.value];
+                if (currentRow) // 滚动到当前行
+                currentRow.scrollIntoView({
+                    behavior: 'smooth',
+                    block: 'nearest',
+                    inline: 'start'
+                });
+            }
+        }
+        // 键盘事件处理函数
+        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);
+                setCurrentRow();
+                scrollToCurrentRow();
+            } else if ('ArrowDown' === e.key) {
+                keydownIndex.value++;
+                keydownIndex.value = Math.min(keydownIndex.value, props.data.length - 1);
+                setCurrentRow();
+                scrollToCurrentRow();
+            }
+        };
+        if (props.mode === types_TableSelectMode.Complex) useDirectionKey(popoverVisible, handleKeydown);
+        // function setHightLight(row: T) {
+        //   tableRef.value?.proTableRef.setCurrentRow(row);
+        // }
+        function cancelHightLight() {
+            tableRef.value?.proTableRef.setCurrentRow(void 0);
+        }
+        /**
+   * 重置
+   */ function reset() {
+            inputValue.value = '';
+            model.value = void 0;
+        }
+        /**
+   * 聚焦事件
+   */ function focus() {
+            console.log('table-select focus');
+            toggleVisible();
+        }
+        /**
+   * 点击行
+   * @param row 点击的行
+   */ function handleRowClick(row) {
+            // 多选
+            if ((0, __WEBPACK_EXTERNAL_MODULE__sun_toolkit_shared__.isArray)(model.value)) {
+                const existedIndex = model.value.findIndex((item)=>item[props.rowKey] === row[props.rowKey]);
+                if (-1 !== existedIndex) {
+                    model.value.splice(existedIndex, 1);
+                    cancelHightLight();
+                } else model.value.push(row);
+            } else {
+                // 单选
+                const index = props.data.findIndex((item)=>item[props.rowKey] === row[props.rowKey]);
+                if (model.value) {
+                    if (row[props.rowKey] === model.value[props.rowKey]) {
+                        model.value = void 0;
+                        keydownIndex.value = -1;
+                        cancelHightLight();
+                    } else {
+                        model.value = row;
+                        keydownIndex.value = index;
+                    }
+                } else {
+                    model.value = row;
+                    keydownIndex.value = index;
+                }
+            // popoverRef.value?.hide();
+            }
+        }
+        /**
+   * 输入框输入
+   * @param v 输入的值
+   */ function handleInput(v) {
+            (0, __WEBPACK_EXTERNAL_MODULE__sun_toolkit_shared__.debounce)(()=>{
+                // 存在异步行为，要判断
+                if (props.remoteMethod) props.remoteMethod(v);
+            }, 500)();
+            popoverVisible.value = true;
+        }
+        /**
+   * 处理下拉加载
+   */ function handleScrollLoad() {
+            emits('nextPage');
+        }
+        function handleClickOutside(e) {
+            if (e.target === inputSearchRef.value?.$el) return;
+            popoverVisible.value = false;
+        }
+        function toggleVisible() {
+            popoverVisible.value = true;
+        }
+        // const originalHeight = ref(0);
+        // @show="handlePopoverShow" @hide="handlePopoverHide
+        /**
+   * popover 显示时处理高度
+   */ // async function handlePopoverShow() {
+        //   await nextTick(); // 等待popover渲染完成
+        //   const popoverState = popoverRef.value?.popperRef?.popperInstanceRef?.state; // 获取Popper实例
+        //   // 使用detectOverflow检测溢出情况
+        //   const overflow = await detectOverflow(popoverState!);
+        //   // 当浮动存在溢出的情况时，为容易添加溢出高度手动撑开，同时让容器的父容器主动触发滚动到底部
+        //   if (overflow.bottom > 0) {
+        //     // appendTo 的元素，可以是传入的 HTMLElement或者是一个 css选择器
+        //     const appendToElement =
+        //       props.appendTo instanceof HTMLElement
+        //         ? props.appendTo
+        //         : (document.querySelector(props.appendTo) as HTMLElement);
+        //     // 记录原始最小高度
+        //     originalHeight.value = appendToElement.offsetHeight || 0;
+        //     // 计算需要补充的高度（溢出距离 +安全间距） 弹窗高度需要吗？
+        //     // const popoverHeight =
+        //     //   popoverRef.value?.popperRef?.contentRef?.offsetHeight || 0;
+        //     const neededHeight = overflow.bottom + 20; // 20px安全间距
+        //     // 调整插入容器的高度
+        //     appendToElement.style.height = `${originalHeight.value + neededHeight}px`;
+        //     // 将容器滚动到底部
+        //     scrollToBottom(appendToElement.parentElement!);
+        //   }
+        // }
+        /**
+   * popover 隐藏时恢复高度
+   */ // async function handlePopoverHide() {
+        //   const appendToElement =
+        //     props.appendTo instanceof HTMLElement
+        //       ? props.appendTo
+        //       : (document.querySelector(props.appendTo) as HTMLElement);
+        //   appendToElement.style.height = '';
+        // }
+        /**
+   * 线性动画滚动到底部
+   */ // function scrollToBottom(container: HTMLElement, duration = 200) {
+        //   // 目标位置：容器底部
+        //   const targetScrollTop = container.scrollHeight - container.clientHeight;
+        //   // 起始位置：当前滚动位置
+        //   const startScrollTop = container.scrollTop;
+        //   // 滚动距离
+        //   const distance = targetScrollTop - startScrollTop;
+        //   if (distance <= 0) return;
+        //   const startTime = performance.now(); // 动画开始时间
+        //   // 逐帧更新函数
+        //   function updateScroll(currentTime: number) {
+        //     // 计算时间比例（0~1）
+        //     const elapsed = currentTime - startTime;
+        //     const progress = Math.min(elapsed / duration, 1); // 确保不超过1
+        //     container.scrollTop = startScrollTop + distance * progress;
+        //     // 未完成则继续下一帧
+        //     if (progress < 1) {
+        //       requestAnimationFrame(updateScroll);
+        //     }
+        //   }
+        //   // 启动动画
+        //   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.name;
+        });
+        (0, __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeMount)(()=>{
+            if (isSimpleMode.value) document.documentElement.style.setProperty('--simple-column-flex', `0 0 ${Math.floor(100 / simpleColumns.value.length)}%`);
+        });
+        (0, __WEBPACK_EXTERNAL_MODULE_vue__.onMounted)(()=>{
+            if (props.immediate && props.remoteMethod) props.remoteMethod();
+        });
+        __expose({
+            reset,
+            focus,
+            tableRef,
+            popoverRef
+        });
+        return (_ctx, _cache)=>{
+            const _component_el_option = (0, __WEBPACK_EXTERNAL_MODULE_vue__.resolveComponent)("el-option");
+            const _component_el_select = (0, __WEBPACK_EXTERNAL_MODULE_vue__.resolveComponent)("el-select");
+            return (0, __WEBPACK_EXTERNAL_MODULE_vue__.openBlock)(), (0, __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock)(__WEBPACK_EXTERNAL_MODULE_vue__.Fragment, null, [
+                'complex' === _ctx.mode ? ((0, __WEBPACK_EXTERNAL_MODULE_vue__.openBlock)(), (0, __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock)(__WEBPACK_EXTERNAL_MODULE_vue__.Fragment, {
+                    key: 0
+                }, [
+                    (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)((0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(__WEBPACK_EXTERNAL_MODULE_element_sun__.ElInput), {
+                        class: "input",
+                        "prefix-icon": "Search",
+                        modelValue: inputValue.value,
+                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event)=>inputValue.value = $event),
+                        ref_key: "inputSearchRef",
+                        ref: inputSearchRef,
+                        size: _ctx.size,
+                        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"
+                        ]), [
+                            "enter"
+                        ])),
+                        onClickCapture: (0, __WEBPACK_EXTERNAL_MODULE_vue__.withModifiers)(toggleVisible, [
+                            "prevent"
+                        ]),
+                        onInput: handleInput,
+                        onClear: reset
+                    }, null, 8, [
+                        "modelValue",
+                        "size",
+                        "placeholder"
+                    ]),
+                    (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)((0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(__WEBPACK_EXTERNAL_MODULE_element_sun__.ElPopover), {
+                        ref_key: "popoverRef",
+                        ref: popoverRef,
+                        width: 400,
+                        visible: popoverVisible.value,
+                        "virtual-ref": inputSearchRef.value,
+                        "virtual-triggering": "",
+                        "popper-class": "table-select-popover",
+                        placement: "bottom-start",
+                        "append-to": _ctx.appendTo,
+                        "popper-options": defaultPopperOptions
+                    }, {
+                        default: (0, __WEBPACK_EXTERNAL_MODULE_vue__.withCtx)(()=>[
+                                (0, __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives)(((0, __WEBPACK_EXTERNAL_MODULE_vue__.openBlock)(), (0, __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock)("div", table_selectvue_type_script_lang_ts_setup_true_generic_T_20extends_20Record_3CPropertyKey_2C_20any_3E_hoisted_1, [
+                                    (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",
+                                        "component-no": _ctx.componentNo,
+                                        "row-key": _ctx.rowKey,
+                                        "current-row-key": _ctx.currentRowKey,
+                                        "highlight-current-row": _ctx.highlightCurrentRow,
+                                        columns: complexColumns.value,
+                                        data: _ctx.data,
+                                        "scroll-load": handleScrollLoad,
+                                        loading: _ctx.loading,
+                                        "scroll-loading": _ctx.scrollLoading,
+                                        onRowClick: handleRowClick
+                                    }, null, 8, [
+                                        "component-no",
+                                        "row-key",
+                                        "current-row-key",
+                                        "highlight-current-row",
+                                        "columns",
+                                        "data",
+                                        "loading",
+                                        "scroll-loading"
+                                    ]),
+                                    (0, __WEBPACK_EXTERNAL_MODULE_vue__.renderSlot)(_ctx.$slots, "footer", {
+                                        remoteMethod: _ctx.remoteMethod
+                                    })
+                                ])), [
+                                    [
+                                        (0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(__WEBPACK_EXTERNAL_MODULE_element_sun__.ClickOutside),
+                                        handleClickOutside
+                                    ]
+                                ])
+                            ]),
+                        _: 3
+                    }, 8, [
+                        "visible",
+                        "virtual-ref",
+                        "append-to"
+                    ])
+                ], 64)) : (0, __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode)("", true),
+                'simple' === props.mode ? ((0, __WEBPACK_EXTERNAL_MODULE_vue__.openBlock)(), (0, __WEBPACK_EXTERNAL_MODULE_vue__.createBlock)(_component_el_select, {
+                    key: 1,
+                    modelValue: model.value,
+                    "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event)=>model.value = $event),
+                    clearable: "",
+                    "popper-class": "table-select-popover-simple",
+                    size: _ctx.size,
+                    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, {
+                                            class: "cell flex items-center",
+                                            label: item[_ctx.labelKey],
+                                            value: item
+                                        }, {
+                                            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)(simpleColumns.value, (column)=>((0, __WEBPACK_EXTERNAL_MODULE_vue__.openBlock)(), (0, __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock)("span", {
+                                                            key: index
+                                                        }, (0, __WEBPACK_EXTERNAL_MODULE_vue__.toDisplayString)(item[column.key]), 1))), 128))
+                                                ]),
+                                            _: 2
+                                        }, 1032, [
+                                            "label",
+                                            "value"
+                                        ]))), 256))
+                                ])
+                        ]),
+                    _: 2
+                }, [
+                    _ctx.simpleConfig?.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__.toDisplayString)(head.label), 1))), 128))
+                                        ])
+                                    ])
+                            ]),
+                        key: "0"
+                    } : void 0
+                ]), 1032, [
+                    "modelValue",
+                    "size",
+                    "placeholder",
+                    "value-key"
+                ])) : (0, __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode)("", true)
+            ], 64);
+        };
+    }
+});
+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-9f70929c"
+    ]
+]);
+/* ESM default export */ const table_select = table_select_exports_;
 const utils_DICT_SELECT = 'dictSelect';
 /**
  * 集合规则
@@ -12029,4 +12497,4 @@ const form_design_render_exports_ = /*#__PURE__*/ (0, exportHelper["default"])(f
 ]);
 /* ESM default export */ const form_design_render = form_design_render_exports_;
 /** components **/ /** hooks ** */ var __webpack_exports__COMPONENT_CODE = __WEBPACK_EXTERNAL_MODULE__sun_toolkit_enums__.COMPONENT_CODE;
-export { utils_AVATAR_TYPE_CODE as AVATAR_TYPE_CODE, access_info as AccessInfo, BANNER_COMPONENT_CONFIG, BannerInfo, biz_unit_select as BizUnitSelect, copy_text_with_tooltip as CopyTextWithTooltip, constant_DATA_SOURCE_CONTENT_TYPE_CODE as DATA_SOURCE_CONTENT_TYPE_CODE, dbgrid_component_setting as DbgridComponentSetting, department_select as DepartmentSelect, dict_select as DictSelect, dml_button as DmlButton, flag_select as FlagSelect, form_design_render as FormDesignRender, FormUnit, hospital_select as HospitalSelect, keyboard_value as KeyboardValue, use_app_config_MAIN_APP_CONFIG as MAIN_APP_CONFIG, patient_access as PatientAccess, PatientInfo, printReceiptBtn as PrintReceiptBtn, pro_avatar as ProAvatar, pro_dialog as ProDialog, pro_form as ProForm, invoice as ProInvoice, pro_table as ProTable, pro_table_v2 as ProTableV2, tag_select as TagSelect, Title, user_select as UserSelect, ward_select as WardSelect, convertToSpellNo, convertToWbNo, createShortcutDirective, debounce, decimalCount, findKeyCommandConfig, formatDecimalNumber, getSystemTime, isNumber, print, queryDataSetByCodeSystemCodes, queryParamListByNos, use_app_config as useAppConfigData, useColumnConfig, useDataChangeDetector, use_direction_select as useDirectionSelect, useEditableTable, use_fetch_dataset as useFetchDataset, useFetchParams, useFetchSystemTime, useFormConfig, usePrintReceipt, use_request as useRequest, __webpack_exports__COMPONENT_CODE as COMPONENT_CODE };
+export { utils_AVATAR_TYPE_CODE as AVATAR_TYPE_CODE, access_info as AccessInfo, BANNER_COMPONENT_CONFIG, BannerInfo, biz_unit_select as BizUnitSelect, copy_text_with_tooltip as CopyTextWithTooltip, constant_DATA_SOURCE_CONTENT_TYPE_CODE as DATA_SOURCE_CONTENT_TYPE_CODE, dbgrid_component_setting as DbgridComponentSetting, department_select as DepartmentSelect, dict_select as DictSelect, dml_button as DmlButton, flag_select as FlagSelect, form_design_render as FormDesignRender, FormUnit, hospital_select as HospitalSelect, keyboard_value as KeyboardValue, use_app_config_MAIN_APP_CONFIG as MAIN_APP_CONFIG, patient_access as PatientAccess, PatientInfo, printReceiptBtn as PrintReceiptBtn, pro_avatar as ProAvatar, pro_dialog as ProDialog, pro_form as ProForm, invoice as ProInvoice, pro_table as ProTable, pro_table_v2 as ProTableV2, table_select as TableSelect, types_TableSelectMode as TableSelectMode, tag_select as TagSelect, Title, user_select as UserSelect, ward_select as WardSelect, convertToSpellNo, convertToWbNo, createShortcutDirective, debounce, decimalCount, findKeyCommandConfig, formatDecimalNumber, getSystemTime, isNumber, print, queryDataSetByCodeSystemCodes, queryParamListByNos, use_app_config as useAppConfigData, useColumnConfig, useDataChangeDetector, useDirectionKey, use_direction_select as useDirectionSelect, useEditableTable, use_fetch_dataset as useFetchDataset, useFetchParams, useFetchSystemTime, useFormConfig, usePrintReceipt, use_request as useRequest, __webpack_exports__COMPONENT_CODE as COMPONENT_CODE };

package/dist/static/css/index.css

@@ -21,6 +21,26 @@
 
 
 
+.input[data-v-9f70929c] .el-input__inner {
+  cursor: pointer !important;
+}
+.table-select-popover[data-v-9f70929c] {
+  height: 350px;
+  width: auto !important;
+}
+.table-select-popover-simple .header[data-v-9f70929c] {
+  width: 100%;
+}
+.table-select-popover-simple .header > span[data-v-9f70929c] {
+  flex: var(--simple-column-flex);
+}
+.table-select-popover-simple .cell[data-v-9f70929c] {
+  width: 100%;
+}
+.table-select-popover-simple .cell > span[data-v-9f70929c] {
+  flex: var(--simple-column-flex);
+}
+
 
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sun-biz",
-  "version": "0.0.4-beta.38",
+  "version": "0.0.4-beta.39",
   "type": "module",
   "workspaces": [
     "src/*",
@@ -37,6 +37,7 @@
   "devDependencies": {
     "@microsoft/api-extractor": "^7.52.8",
     "@rsbuild/plugin-babel": "^1.0.5",
+    "@rsbuild/plugin-sass": "^1.4.0",
     "@rsbuild/plugin-vue": "^1.1.0",
     "@rsbuild/plugin-vue-jsx": "^1.1.1",
     "@rslib/core": "^0.0.18",