sun-biz 0.0.4-beta.62 → 0.0.4-beta.63

package/dist/components/index.js

@@ -1228,6 +1228,7 @@ const pro_dialogvue_type_script_setup_true_lang_ts_name_ProDialog_hoisted_2 = {
                     "close-on-click-modal": _ctx.closeOnClickModal,
                     modelValue: (0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(visible),
                     "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event)=>(0, __WEBPACK_EXTERNAL_MODULE_vue__.isRef)(visible) ? visible.value = $event : null),
+                    "append-to-body": "",
                     onClose: justCloseDialog
                 }), (0, __WEBPACK_EXTERNAL_MODULE_vue__.createSlots)({
                     header: (0, __WEBPACK_EXTERNAL_MODULE_vue__.withCtx)(({ titleClass })=>[
@@ -8135,9 +8136,11 @@ const biz_unit_selectvue_type_script_lang_tsx_name_BizUnitSelect_setup_true_CLOS
         const { t } = (0, __WEBPACK_EXTERNAL_MODULE_i18next_vue__.useTranslation)();
         const instance = (0, __WEBPACK_EXTERNAL_MODULE_vue__.getCurrentInstance)();
         const componentId = instance?.uid || Math.random(); // 唯一标识当前组件实例
-        const tableRef = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)();
-        const selectRef = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)();
-        const popoverRef = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)();
+        // 使用 shallowRef 存储组件引用，避免 Vue 深度代理组件实例
+        // 这可以防止生产环境中 emitsOptions 为 null 的问题
+        const tableRef = (0, __WEBPACK_EXTERNAL_MODULE_vue__.shallowRef)();
+        const selectRef = (0, __WEBPACK_EXTERNAL_MODULE_vue__.shallowRef)();
+        const popoverRef = (0, __WEBPACK_EXTERNAL_MODULE_vue__.shallowRef)();
         const loading = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)(false);
         const popoverVisible = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)(false);
         const currentRowIndex = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)(0);
@@ -8233,48 +8236,60 @@ const biz_unit_selectvue_type_script_lang_tsx_name_BizUnitSelect_setup_true_CLOS
         };
         const getBizUnitList = async (data)=>{
             loading.value = true;
-            const [, res] = await queryBizUnitList({
-                ...data,
-                hospitalId: props.hospitalId,
-                orgTypeCodes: props.orgTypeCodes,
-                enabledFlag: __WEBPACK_EXTERNAL_MODULE__sun_toolkit_enums__.FLAG.YES,
-                encounterTypeCode: props.encounterTypeCode,
-                deptId: props.deptId,
-                orgLocationId: props.orgLocationId
-            });
-            loading.value = false;
-            if (res?.success) {
-                let defaultList = [];
-                if (attrs.modelValue && Array.isArray(props.defaultValue) && props.defaultValue.length && !data?.keyWord) defaultList = props.defaultValue.map((item)=>({
-                        ...item,
-                        orgId: item.value || item.orgId,
-                        orgNameDisplay: item.label || item.orgNameDisplay,
-                        value: item.value || item.orgId,
-                        label: item.label || item.orgNameDisplay
-                    }));
-                let list = (res.data ?? []).map((item)=>({
-                        ...item,
-                        label: item.orgNameDisplay,
-                        value: item.orgId
-                    }));
-                if (defaultList.length) list = (0, __WEBPACK_EXTERNAL_MODULE_lodash__.uniqBy)([
-                    ...list,
-                    ...defaultList
-                ], 'orgId');
-                bizUnitList.value = list;
-                currentRowIndex.value = -1;
-                tableRef.value?.eleTable?.setCurrentRow?.(void 0);
-                if (bizUnitList.value.length && props.multiSelectFlag && selectedRows.value?.length && !defaultSetTableSelected.value) {
-                    const list = (0, __WEBPACK_EXTERNAL_MODULE__sun_toolkit_shared__.cloneDeep)(selectedRows.value);
-                    tableRef.value?.eleTable?.clearSelection();
-                    bizUnitList.value.forEach((item)=>{
-                        if (list.some((row)=>row.orgId === item.value || row.value === item.value)) tableRef.value?.eleTable?.toggleRowSelection(item, true);
-                    });
+            try {
+                const [err, res] = await queryBizUnitList({
+                    ...data,
+                    hospitalId: props.hospitalId,
+                    orgTypeCodes: props.orgTypeCodes,
+                    enabledFlag: __WEBPACK_EXTERNAL_MODULE__sun_toolkit_enums__.FLAG.YES,
+                    encounterTypeCode: props.encounterTypeCode,
+                    deptId: props.deptId,
+                    orgLocationId: props.orgLocationId
+                });
+                loading.value = false; // 处理请求错误或响应异常的情况
+                if (err || !res) {
+                    console.warn('[BizUnitSelect] 获取业务单元列表失败:', err);
+                    return;
                 }
-                defaultSetTableSelected.value = true;
+                if (res?.success) {
+                    let defaultList = [];
+                    if (attrs.modelValue && Array.isArray(props.defaultValue) && props.defaultValue.length && !data?.keyWord) defaultList = props.defaultValue.map((item)=>({
+                            ...item,
+                            orgId: item.value || item.orgId,
+                            orgNameDisplay: item.label || item.orgNameDisplay,
+                            value: item.value || item.orgId,
+                            label: item.label || item.orgNameDisplay
+                        }));
+                     // 确保 res.data 是数组，处理 null/undefined 的情况
+                    const responseData = Array.isArray(res.data) ? res.data : [];
+                    let list = responseData.map((item)=>({
+                            ...item,
+                            label: item.orgNameDisplay,
+                            value: item.orgId
+                        }));
+                    if (defaultList.length) list = (0, __WEBPACK_EXTERNAL_MODULE_lodash__.uniqBy)([
+                        ...list,
+                        ...defaultList
+                    ], 'orgId');
+                    bizUnitList.value = list;
+                    currentRowIndex.value = -1;
+                    tableRef.value?.eleTable?.setCurrentRow?.(void 0);
+                    if (bizUnitList.value.length && props.multiSelectFlag && selectedRows.value?.length && !defaultSetTableSelected.value) {
+                        const selectedList = (0, __WEBPACK_EXTERNAL_MODULE__sun_toolkit_shared__.cloneDeep)(selectedRows.value);
+                        tableRef.value?.eleTable?.clearSelection();
+                        bizUnitList.value.forEach((item)=>{
+                            if (selectedList.some((row)=>row.orgId === item.value || row.value === item.value)) tableRef.value?.eleTable?.toggleRowSelection(item, true);
+                        });
+                    }
+                    defaultSetTableSelected.value = true;
+                }
+                const tableSelectedRows = tableRef.value?.eleTable?.getSelectionRows();
+                if (props.multiSelectFlag && !selectedRows.value?.length && tableSelectedRows?.length) tableRef.value?.eleTable?.clearSelection();
+            } catch (error) {
+                console.error('[BizUnitSelect] 获取业务单元列表异常:', error);
+            } finally{
+                loading.value = false;
             }
-            const tableSelectedRows = tableRef.value?.eleTable?.getSelectionRows();
-            if (props.multiSelectFlag && !selectedRows.value?.length && tableSelectedRows?.length) tableRef.value?.eleTable?.clearSelection();
         };
         const handleChange = ()=>{
             let value = selectedRows.value.map((item)=>item.value || item.orgId);
@@ -8521,10 +8536,9 @@ const biz_unit_selectvue_type_script_lang_tsx_name_BizUnitSelect_setup_true_CLOS
             handleBlur();
         };
         const visibleChange = (val)=>{
-            if (val) {
-                loading.value = true;
-                handleFocus();
-            }
+            if (val) // loading 状态完全由 getBizUnitList 函数控制
+            // 如果在这里设置 loading = true，但不触发数据加载，会导致 loading 状态不会被重置
+            handleFocus();
         };
         __expose({
             popoverRef,
@@ -10170,6 +10184,17 @@ function useConfigData_useFormConfig(options) {
 });
 const charge_order_dialog_table_select_exports_ = table_selectvue_type_script_setup_true_lang_ts;
 /* ESM default export */ const charge_order_dialog_table_select = charge_order_dialog_table_select_exports_;
+// 使用 markRaw 包装组件，防止 Vue 对组件进行响应式代理
+// 这可以解决生产环境中 emitsOptions 为 null 的问题
+const TableSelect = (0, __WEBPACK_EXTERNAL_MODULE_vue__.markRaw)(charge_order_dialog_table_select); // 用于存储 TableSelect 组件实例的 Map，避免在 JSX 中使用 ref 回调函数
+const tableSelectRefMap = new Map(); // 获取 TableSelect 组件实例
+function getTableSelectRef(key) {
+    return tableSelectRefMap.get(key);
+} // 设置 TableSelect 组件实例
+function setTableSelectRef(key, el) {
+    if (el) tableSelectRefMap.set(key, el);
+    else tableSelectRefMap.delete(key);
+} // 清除 TableSelect 组件实例
 function useChargeTableConfig() {
     const data = useColumnConfig({
         getData: (t)=>[
@@ -10239,8 +10264,8 @@ function useFeeColumnConfig(options) {
                     ],
                     render: (row)=>row.commodityNo ? (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)(__WEBPACK_EXTERNAL_MODULE_vue__.Fragment, null, [
                             row.commodityNameDisplay
-                        ]) : (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)(charge_order_dialog_table_select, {
-                            ref: (el)=>row.tabSelectRef = el,
+                        ]) : (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)(TableSelect, {
+                            ref: (el)=>setTableSelectRef(row.key, el),
                             classOptions: "",
                             clearable: false,
                             filterable: true,
@@ -10261,11 +10286,11 @@ function useFeeColumnConfig(options) {
                                 const chargeItem = chargeItemList?.value?.find((item)=>item.commodityId === currentRow.commodityId);
                                 if (!chargeItem?.price && chargeItem?.price !== 0) {
                                     __WEBPACK_EXTERNAL_MODULE_element_sun__.ElMessage.error('添加失败！当前项目缺少价格信息，请联系管理员进行维护！');
-                                    row.tabSelectRef?.clear();
+                                    getTableSelectRef(row.key)?.clear();
                                     return;
                                 }
                                 row.selectLabel = chargeItem.commodityNameDisplay;
-                                row.tabSelectRef?.setCurrentRow(chargeItem);
+                                getTableSelectRef(row.key)?.setCurrentRow(chargeItem);
                                 row.commodityId = chargeItem.commodityId;
                                 row.commodityNo = chargeItem.commodityNo;
                                 row.commoditySpec = chargeItem.commoditySpec;

package/dist/index.d.ts

@@ -7,7 +7,7 @@ export * from './components/invoice/index.ts';
 export * from './components/table-select';
 export * from './components/charge-order-dialog';
 export { Title } from './components/title';
-export { DictSelect, FlagSelect, HospitalSelect, TagSelect, UserSelect, BizUnitSelect, DepartmentSelect, WardSelect, } from './components/biz-select';
+export { DictSelect, FlagSelect, HospitalSelect, TagSelect, UserSelect, BizUnitSelect, DepartmentSelect, HospitalChargeSelect, WardSelect, } from './components/biz-select';
 export type { TagGroupInfo } from './components/biz-select';
 export { CopyTextWithTooltip } from './components/copy-text-with-tooltip';
 export { FormDesignRender } from './components/form-design-render';

package/dist/index.js

@@ -1264,6 +1264,7 @@ const pro_dialogvue_type_script_setup_true_lang_ts_name_ProDialog_hoisted_2 = {
                     "close-on-click-modal": _ctx.closeOnClickModal,
                     modelValue: (0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(visible),
                     "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event)=>(0, __WEBPACK_EXTERNAL_MODULE_vue__.isRef)(visible) ? visible.value = $event : null),
+                    "append-to-body": "",
                     onClose: justCloseDialog
                 }), (0, __WEBPACK_EXTERNAL_MODULE_vue__.createSlots)({
                     header: (0, __WEBPACK_EXTERNAL_MODULE_vue__.withCtx)(({ titleClass })=>[
@@ -4448,8 +4449,8 @@ function icon_combinevue_type_template_id_80fc0d0e_render(_ctx, _cache) {
         ], -1)
     ]));
 }
-const icon_combine_script = {};
-const icon_combine_exports_ = /*#__PURE__*/ (0, exportHelper["default"])(icon_combine_script, [
+const script = {};
+const icon_combine_exports_ = /*#__PURE__*/ (0, exportHelper["default"])(script, [
     [
         'render',
         icon_combinevue_type_template_id_80fc0d0e_render
@@ -8623,9 +8624,11 @@ const biz_unit_selectvue_type_script_lang_tsx_name_BizUnitSelect_setup_true_CLOS
         const { t } = (0, __WEBPACK_EXTERNAL_MODULE_i18next_vue__.useTranslation)();
         const instance = (0, __WEBPACK_EXTERNAL_MODULE_vue__.getCurrentInstance)();
         const componentId = instance?.uid || Math.random(); // 唯一标识当前组件实例
-        const tableRef = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)();
-        const selectRef = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)();
-        const popoverRef = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)();
+        // 使用 shallowRef 存储组件引用，避免 Vue 深度代理组件实例
+        // 这可以防止生产环境中 emitsOptions 为 null 的问题
+        const tableRef = (0, __WEBPACK_EXTERNAL_MODULE_vue__.shallowRef)();
+        const selectRef = (0, __WEBPACK_EXTERNAL_MODULE_vue__.shallowRef)();
+        const popoverRef = (0, __WEBPACK_EXTERNAL_MODULE_vue__.shallowRef)();
         const loading = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)(false);
         const popoverVisible = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)(false);
         const currentRowIndex = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)(0);
@@ -8721,48 +8724,60 @@ const biz_unit_selectvue_type_script_lang_tsx_name_BizUnitSelect_setup_true_CLOS
         };
         const getBizUnitList = async (data)=>{
             loading.value = true;
-            const [, res] = await queryBizUnitList({
-                ...data,
-                hospitalId: props.hospitalId,
-                orgTypeCodes: props.orgTypeCodes,
-                enabledFlag: __WEBPACK_EXTERNAL_MODULE__sun_toolkit_enums__.FLAG.YES,
-                encounterTypeCode: props.encounterTypeCode,
-                deptId: props.deptId,
-                orgLocationId: props.orgLocationId
-            });
-            loading.value = false;
-            if (res?.success) {
-                let defaultList = [];
-                if (attrs.modelValue && Array.isArray(props.defaultValue) && props.defaultValue.length && !data?.keyWord) defaultList = props.defaultValue.map((item)=>({
-                        ...item,
-                        orgId: item.value || item.orgId,
-                        orgNameDisplay: item.label || item.orgNameDisplay,
-                        value: item.value || item.orgId,
-                        label: item.label || item.orgNameDisplay
-                    }));
-                let list = (res.data ?? []).map((item)=>({
-                        ...item,
-                        label: item.orgNameDisplay,
-                        value: item.orgId
-                    }));
-                if (defaultList.length) list = (0, __WEBPACK_EXTERNAL_MODULE_lodash__.uniqBy)([
-                    ...list,
-                    ...defaultList
-                ], 'orgId');
-                bizUnitList.value = list;
-                currentRowIndex.value = -1;
-                tableRef.value?.eleTable?.setCurrentRow?.(void 0);
-                if (bizUnitList.value.length && props.multiSelectFlag && selectedRows.value?.length && !defaultSetTableSelected.value) {
-                    const list = (0, __WEBPACK_EXTERNAL_MODULE__sun_toolkit_shared__.cloneDeep)(selectedRows.value);
-                    tableRef.value?.eleTable?.clearSelection();
-                    bizUnitList.value.forEach((item)=>{
-                        if (list.some((row)=>row.orgId === item.value || row.value === item.value)) tableRef.value?.eleTable?.toggleRowSelection(item, true);
-                    });
+            try {
+                const [err, res] = await queryBizUnitList({
+                    ...data,
+                    hospitalId: props.hospitalId,
+                    orgTypeCodes: props.orgTypeCodes,
+                    enabledFlag: __WEBPACK_EXTERNAL_MODULE__sun_toolkit_enums__.FLAG.YES,
+                    encounterTypeCode: props.encounterTypeCode,
+                    deptId: props.deptId,
+                    orgLocationId: props.orgLocationId
+                });
+                loading.value = false; // 处理请求错误或响应异常的情况
+                if (err || !res) {
+                    console.warn('[BizUnitSelect] 获取业务单元列表失败:', err);
+                    return;
                 }
-                defaultSetTableSelected.value = true;
+                if (res?.success) {
+                    let defaultList = [];
+                    if (attrs.modelValue && Array.isArray(props.defaultValue) && props.defaultValue.length && !data?.keyWord) defaultList = props.defaultValue.map((item)=>({
+                            ...item,
+                            orgId: item.value || item.orgId,
+                            orgNameDisplay: item.label || item.orgNameDisplay,
+                            value: item.value || item.orgId,
+                            label: item.label || item.orgNameDisplay
+                        }));
+                     // 确保 res.data 是数组，处理 null/undefined 的情况
+                    const responseData = Array.isArray(res.data) ? res.data : [];
+                    let list = responseData.map((item)=>({
+                            ...item,
+                            label: item.orgNameDisplay,
+                            value: item.orgId
+                        }));
+                    if (defaultList.length) list = (0, __WEBPACK_EXTERNAL_MODULE_lodash__.uniqBy)([
+                        ...list,
+                        ...defaultList
+                    ], 'orgId');
+                    bizUnitList.value = list;
+                    currentRowIndex.value = -1;
+                    tableRef.value?.eleTable?.setCurrentRow?.(void 0);
+                    if (bizUnitList.value.length && props.multiSelectFlag && selectedRows.value?.length && !defaultSetTableSelected.value) {
+                        const selectedList = (0, __WEBPACK_EXTERNAL_MODULE__sun_toolkit_shared__.cloneDeep)(selectedRows.value);
+                        tableRef.value?.eleTable?.clearSelection();
+                        bizUnitList.value.forEach((item)=>{
+                            if (selectedList.some((row)=>row.orgId === item.value || row.value === item.value)) tableRef.value?.eleTable?.toggleRowSelection(item, true);
+                        });
+                    }
+                    defaultSetTableSelected.value = true;
+                }
+                const tableSelectedRows = tableRef.value?.eleTable?.getSelectionRows();
+                if (props.multiSelectFlag && !selectedRows.value?.length && tableSelectedRows?.length) tableRef.value?.eleTable?.clearSelection();
+            } catch (error) {
+                console.error('[BizUnitSelect] 获取业务单元列表异常:', error);
+            } finally{
+                loading.value = false;
             }
-            const tableSelectedRows = tableRef.value?.eleTable?.getSelectionRows();
-            if (props.multiSelectFlag && !selectedRows.value?.length && tableSelectedRows?.length) tableRef.value?.eleTable?.clearSelection();
         };
         const handleChange = ()=>{
             let value = selectedRows.value.map((item)=>item.value || item.orgId);
@@ -9009,10 +9024,9 @@ const biz_unit_selectvue_type_script_lang_tsx_name_BizUnitSelect_setup_true_CLOS
             handleBlur();
         };
         const visibleChange = (val)=>{
-            if (val) {
-                loading.value = true;
-                handleFocus();
-            }
+            if (val) // loading 状态完全由 getBizUnitList 函数控制
+            // 如果在这里设置 loading = true，但不触发数据加载，会导致 loading 状态不会被重置
+            handleFocus();
         };
         __expose({
             popoverRef,
@@ -10042,28 +10056,409 @@ const hospital_charge_selectvue_type_script_setup_true_lang_tsx_name_HospitalCha
 };
 // 全局事件：用于关闭其他实例的 popover
 const hospital_charge_selectvue_type_script_setup_true_lang_tsx_name_HospitalChargeSelect_CLOSE_OTHER_POPOVERS_EVENT = 'hospital-charge-select:close-others';
-/* ESM default export */ ({
-    hospitalId: {},
-    encounterTypeCode: {},
-    priceAt: {},
-    size: {
-        default: 'default'
-    },
-    immediate: {
-        type: Boolean,
-        default: false
-    },
-    popoverWidth: {
-        default: 1000
+/* ESM default export */ const hospital_charge_selectvue_type_script_setup_true_lang_tsx_name_HospitalChargeSelect = /*@__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent)({
+    __name: 'index',
+    props: /*@__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_vue__.mergeModels)({
+        hospitalId: {},
+        encounterTypeCode: {},
+        priceAt: {},
+        size: {
+            default: 'default'
+        },
+        immediate: {
+            type: Boolean,
+            default: false
+        },
+        popoverWidth: {
+            default: 1000
+        }
+    }, {
+        modelValue: {},
+        modelModifiers: {}
+    }),
+    emits: /*@__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_vue__.mergeModels)([
+        "change"
+    ], [
+        "update:modelValue"
+    ]),
+    setup (__props, { expose: __expose, emit: __emit }) {
+        (0, __WEBPACK_EXTERNAL_MODULE_vue__.useCssVars)((_ctx)=>({
+                "2f25a0af": dynamicMaxHeight.value + "px"
+            }));
+        const model = (0, __WEBPACK_EXTERNAL_MODULE_vue__.useModel)(__props, "modelValue");
+        const props = __props;
+        const emit = __emit;
+        const { t } = (0, __WEBPACK_EXTERNAL_MODULE_i18next_vue__.useTranslation)();
+        const instance = (0, __WEBPACK_EXTERNAL_MODULE_vue__.getCurrentInstance)();
+        const componentId = instance?.uid || Math.random(); // 唯一标识当前组件实例
+        const popoverRef = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)();
+        const inputSearchRef = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)();
+        const tableRef = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)();
+        const popoverVisible = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)(false);
+        const inputValue = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)('');
+        const loading = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)(false);
+        const tableData = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)([]);
+        const currentRow = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)();
+        const currentRowIndex = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)(0);
+        const dynamicMaxHeight = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)(300); // 表格列配置
+        const columns = (0, __WEBPACK_EXTERNAL_MODULE_vue__.computed)(()=>[
+                {
+                    type: 'index',
+                    label: '序号',
+                    width: 60,
+                    align: 'center'
+                },
+                {
+                    prop: 'commodityNo',
+                    label: '编码',
+                    width: 120,
+                    showOverflowTooltip: true
+                },
+                {
+                    prop: 'commodityNameDisplay',
+                    label: '名称',
+                    minWidth: 350,
+                    showOverflowTooltip: true,
+                    render: (row)=>{
+                        const hasPrice = null !== row.price && void 0 !== row.price;
+                        if (!hasPrice) return (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)("div", null, [
+                            (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)("span", null, [
+                                row.commodityNameDisplay
+                            ]),
+                            (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)((0, __WEBPACK_EXTERNAL_MODULE_vue__.resolveComponent)("el-text"), {
+                                type: "danger",
+                                style: "margin-left: 8px;"
+                            }, {
+                                default: ()=>[
+                                        (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)((0, __WEBPACK_EXTERNAL_MODULE_vue__.resolveComponent)("el-icon"), null, {
+                                            default: ()=>[
+                                                    (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)(__WEBPACK_EXTERNAL_MODULE__element_sun_icons_vue__.InfoFilled, null, null)
+                                                ]
+                                        }),
+                                        (0, __WEBPACK_EXTERNAL_MODULE_vue__.createTextVNode)("\u5F53\u524D\u6536\u8D39\u9879\u76EE\u7684\u4EF7\u683C\u6709\u8BEF\uFF0C\u65E0\u6CD5\u9009\u62E9\uFF01")
+                                    ],
+                                _: 1
+                            })
+                        ]);
+                        return (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)("span", null, [
+                            row.commodityNameDisplay
+                        ]);
+                    }
+                },
+                {
+                    prop: 'commoditySpec',
+                    label: '规格',
+                    width: 100,
+                    showOverflowTooltip: true,
+                    render: (row)=>(0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)("span", null, [
+                            row.commoditySpec || '--'
+                        ])
+                },
+                {
+                    prop: 'price',
+                    label: '价格',
+                    minWidth: 80,
+                    render: (row)=>{
+                        const hasPrice = null !== row.price && void 0 !== row.price;
+                        if (hasPrice) return (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)("span", null, [
+                            row.price.toFixed(2)
+                        ]);
+                        return (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)("span", null, [
+                            (0, __WEBPACK_EXTERNAL_MODULE_vue__.createTextVNode)("--")
+                        ]);
+                    }
+                },
+                {
+                    prop: 'unitName',
+                    label: '单位',
+                    width: 60,
+                    align: 'center'
+                }
+            ]); // 判断行是否可选择（价格有效才能选择）
+        const isRowSelectable = (row)=>null !== row.price && void 0 !== row.price; // 获取行的class名称（用于置灰不可选择的行）
+        const getRowClassName = ({ row })=>{
+            if (!isRowSelectable(row)) return 'cursor-not-allowed !bg-gray-100 text-gray-300';
+            return 'cursor-pointer';
+        }; // 查询收费项目列表
+        const fetchChargeItems = async (keyword)=>{
+            if (!props.hospitalId || !props.priceAt) {
+                console.warn('hospitalId and priceAt are required');
+                return;
+            }
+            loading.value = true;
+            try {
+                const params = {
+                    hospitalId: props.hospitalId,
+                    priceAt: props.priceAt,
+                    keyWord: keyword || void 0,
+                    encounterTypeCode: props.encounterTypeCode
+                };
+                const [error, result] = await queryHospitalChargeItemListByExample(params);
+                if (!error && result) {
+                    tableData.value = result.data || [];
+                    currentRowIndex.value = -1;
+                    tableRef.value?.proTableRef?.setCurrentRow?.(void 0);
+                } else tableData.value = [];
+            } catch (error) {
+                console.error('Failed to fetch hospital charge items:', error);
+                tableData.value = [];
+            } finally{
+                loading.value = false;
+            }
+        }; // 处理输入框输入
+        const handleInput = (0, __WEBPACK_EXTERNAL_MODULE__sun_toolkit_shared__.debounce)(async function(v) {
+            await fetchChargeItems(v);
+            popoverVisible.value = true;
+        }, 500); // 处理行点击
+        const handleRowClick = (row)=>{
+            if (!isRowSelectable(row)) {
+                __WEBPACK_EXTERNAL_MODULE_element_sun__.ElMessage.warning('当前收费项目价格有误，无法选择！');
+                return;
+            } // 如果点击的是当前已选中的行，则取消选择
+            if (currentRow.value && row.hospitalCommodityId === currentRow.value.hospitalCommodityId) {
+                currentRow.value = void 0;
+                model.value = void 0;
+                tableRef.value?.proTableRef?.setCurrentRow(void 0); // 清空时，先 emit 事件再关闭 popover
+                emit('change', void 0);
+            } else {
+                currentRow.value = row;
+                model.value = row; // 选择时，先 emit 事件再关闭 popover
+                emit('change', row);
+            } // 单选模式下选择后关闭popover
+            popoverVisible.value = false;
+        }; // 计算动态最大高度
+        const calculateDynamicMaxHeight = ()=>{
+            const input = inputSearchRef.value?.$el;
+            if (!input) return 300;
+            const inputRect = input.getBoundingClientRect();
+            const viewportHeight = window.innerHeight;
+            const padding = 32; // 上下padding总和
+            // 计算下方和上方的可用空间
+            const spaceBelow = viewportHeight - inputRect.bottom - padding;
+            const spaceAbove = inputRect.top - padding; // 取两者中较大的一个，但不超过400px，不小于200px
+            const availableSpace = Math.max(spaceBelow, spaceAbove);
+            const maxHeight = Math.min(Math.max(availableSpace, 200), 400);
+            dynamicMaxHeight.value = Math.floor(maxHeight);
+        }; // 切换popover显示
+        const toggleVisible = ()=>{
+            window.dispatchEvent(new CustomEvent(hospital_charge_selectvue_type_script_setup_true_lang_tsx_name_HospitalChargeSelect_CLOSE_OTHER_POPOVERS_EVENT, {
+                detail: {
+                    componentId
+                }
+            })); // 计算动态高度
+            calculateDynamicMaxHeight();
+            popoverVisible.value = true;
+            if (popoverVisible.value) fetchChargeItems(inputValue.value);
+        }; // 点击外部关闭popover
+        const handleClickOutside = (e)=>{
+            if (e.target === inputSearchRef.value?.$el) return;
+            popoverVisible.value = false;
+        }; // 重置
+        const reset = ()=>{
+            inputValue.value = '';
+            model.value = void 0;
+            currentRow.value = void 0;
+            tableData.value = [];
+        }; // 清空输入
+        const handleClear = ()=>{
+            reset();
+            emit('change', void 0);
+        }; // 滚动到当前选中行
+        const scrollToCurrentRow = ()=>{
+            setTimeout(()=>{
+                if (currentRowIndex.value < 0) return;
+                try {
+                    const tableElement = tableRef.value?.proTableRef?.$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 (!tableData.value.length || !popoverVisible.value) return;
+            if ('ArrowDown' === e.key) {
+                e.preventDefault(); // 向下查找下一个可选择的行
+                let nextIndex = currentRowIndex.value + 1;
+                while(nextIndex < tableData.value.length){
+                    if (isRowSelectable(tableData.value[nextIndex])) {
+                        currentRowIndex.value = nextIndex;
+                        tableRef.value?.proTableRef?.setCurrentRow(tableData.value[nextIndex]);
+                        scrollToCurrentRow();
+                        break;
+                    }
+                    nextIndex++;
+                }
+            } else if ('ArrowUp' === e.key) {
+                e.preventDefault(); // 向上查找上一个可选择的行
+                let prevIndex = currentRowIndex.value - 1;
+                while(prevIndex >= 0){
+                    if (isRowSelectable(tableData.value[prevIndex])) {
+                        currentRowIndex.value = prevIndex;
+                        tableRef.value?.proTableRef?.setCurrentRow(tableData.value[prevIndex]);
+                        scrollToCurrentRow();
+                        break;
+                    }
+                    prevIndex--;
+                }
+            } else if ('Enter' === e.key && currentRowIndex.value >= 0) {
+                e.preventDefault();
+                const row = tableData.value[currentRowIndex.value];
+                handleRowClick(row);
+            }
+        }; // 监听popover显示状态，管理键盘事件监听器
+        (0, __WEBPACK_EXTERNAL_MODULE_vue__.watch)(()=>popoverVisible.value, (val)=>{
+            if (val) document.addEventListener('keydown', handleKeydown, true);
+            else document.removeEventListener('keydown', handleKeydown, true);
+        }); // 监听其他实例的关闭事件
+        const handleCloseOtherPopovers = (event)=>{
+            const customEvent = event;
+            if (customEvent.detail?.componentId !== componentId) popoverVisible.value = false;
+        }; // 根据ID获取收费项目详情（用于回显）
+        const fetchItemById = async (hospitalCommodityId)=>{
+            if (!props.hospitalId || !props.priceAt) {
+                console.warn('hospitalId and priceAt are required for fetching item details');
+                return;
+            }
+            try {
+                const params = {
+                    hospitalId: props.hospitalId,
+                    priceAt: props.priceAt,
+                    hospitalCommodityIds: [
+                        hospitalCommodityId
+                    ],
+                    encounterTypeCode: props.encounterTypeCode
+                };
+                const [error, result] = await queryHospitalChargeItemListByExample(params);
+                if (!error && result?.data && result.data.length > 0) {
+                    const item = result.data[0]; // 更新model为完整数据
+                    model.value = item;
+                    currentRow.value = item;
+                    inputValue.value = item.commodityNameDisplay || '';
+                }
+            } catch (error) {
+                console.error('Failed to fetch hospital charge item by id:', error);
+            }
+        }; // 监听model变化，更新输入框显示
+        (0, __WEBPACK_EXTERNAL_MODULE_vue__.watch)(()=>model.value, (newValue)=>{
+            if (newValue) {
+                if (newValue.commodityNameDisplay) {
+                    inputValue.value = newValue.commodityNameDisplay;
+                    currentRow.value = newValue;
+                } else if (newValue.hospitalCommodityId) fetchItemById(newValue.hospitalCommodityId);
+            } else {
+                inputValue.value = '';
+                currentRow.value = void 0;
+            }
+        }, {
+            immediate: true
+        }); // 监听窗口大小变化和滚动事件，重新计算动态高度
+        const handleResize = ()=>{
+            if (popoverVisible.value) calculateDynamicMaxHeight();
+        }; // 组件挂载时如果immediate为true则立即查询
+        (0, __WEBPACK_EXTERNAL_MODULE_vue__.onMounted)(()=>{
+            window.addEventListener(hospital_charge_selectvue_type_script_setup_true_lang_tsx_name_HospitalChargeSelect_CLOSE_OTHER_POPOVERS_EVENT, handleCloseOtherPopovers); // 监听窗口大小变化和滚动
+            window.addEventListener('resize', handleResize);
+            window.addEventListener('scroll', handleResize, true);
+            if (props.immediate) fetchChargeItems();
+        });
+        (0, __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount)(()=>{
+            document.removeEventListener('keydown', handleKeydown, true);
+            window.removeEventListener(hospital_charge_selectvue_type_script_setup_true_lang_tsx_name_HospitalChargeSelect_CLOSE_OTHER_POPOVERS_EVENT, handleCloseOtherPopovers);
+            window.removeEventListener('resize', handleResize);
+            window.removeEventListener('scroll', handleResize, true);
+        });
+        __expose({
+            reset,
+            fetchChargeItems,
+            tableRef,
+            popoverRef
+        });
+        return (_ctx, _cache)=>((0, __WEBPACK_EXTERNAL_MODULE_vue__.openBlock)(), (0, __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock)("div", hospital_charge_selectvue_type_script_setup_true_lang_tsx_name_HospitalChargeSelect_hoisted_1, [
+                (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)((0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(__WEBPACK_EXTERNAL_MODULE_element_sun__.ElInput), {
+                    ref_key: "inputSearchRef",
+                    ref: inputSearchRef,
+                    modelValue: inputValue.value,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event)=>inputValue.value = $event),
+                    class: "input",
+                    "prefix-icon": "Search",
+                    size: _ctx.size,
+                    placeholder: "请输入搜索内容",
+                    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: (0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(handleInput),
+                    onClear: handleClear
+                }, null, 8, [
+                    "modelValue",
+                    "size",
+                    "onInput"
+                ]),
+                (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.popoverWidth,
+                    visible: popoverVisible.value,
+                    "virtual-ref": inputSearchRef.value,
+                    "virtual-triggering": "",
+                    teleported: true,
+                    "popper-class": "hospital-charge-select-popover",
+                    placement: "top"
+                }, {
+                    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", hospital_charge_selectvue_type_script_setup_true_lang_tsx_name_HospitalChargeSelect_hoisted_2, [
+                                (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)((0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(pro_table), {
+                                    ref_key: "tableRef",
+                                    ref: tableRef,
+                                    columns: columns.value,
+                                    data: tableData.value,
+                                    loading: loading.value,
+                                    "max-height": dynamicMaxHeight.value,
+                                    "row-key": 'hospitalCommodityId',
+                                    "highlight-current-row": true,
+                                    "row-class-name": getRowClassName,
+                                    onRowClick: handleRowClick
+                                }, null, 8, [
+                                    "columns",
+                                    "data",
+                                    "loading",
+                                    "max-height"
+                                ])
+                            ])), [
+                                [
+                                    (0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(__WEBPACK_EXTERNAL_MODULE_element_sun__.ClickOutside),
+                                    handleClickOutside
+                                ]
+                            ])
+                        ]),
+                    _: 1
+                }, 8, [
+                    "width",
+                    "visible",
+                    "virtual-ref"
+                ])
+            ]));
     }
-}), ({
-    modelValue: {},
-    modelModifiers: {}
-}), [
-    "change"
-], [
-    "update:modelValue"
-];
+});
+const hospital_charge_select_exports_ = /*#__PURE__*/ (0, exportHelper["default"])(hospital_charge_selectvue_type_script_setup_true_lang_tsx_name_HospitalChargeSelect, [
+    [
+        '__scopeId',
+        "data-v-ffb2d000"
+    ]
+]);
+/* ESM default export */ const hospital_charge_select = hospital_charge_select_exports_;
 const FormUnitvue_type_script_setup_true_lang_ts_name_formUnit_hoisted_1 = {
     key: 1,
     class: "overflow-hidden"
@@ -11604,6 +11999,17 @@ function useConfigData_useFormConfig(options) {
 });
 const charge_order_dialog_table_select_exports_ = table_selectvue_type_script_setup_true_lang_ts;
 /* ESM default export */ const charge_order_dialog_table_select = charge_order_dialog_table_select_exports_;
+// 使用 markRaw 包装组件，防止 Vue 对组件进行响应式代理
+// 这可以解决生产环境中 emitsOptions 为 null 的问题
+const TableSelect = (0, __WEBPACK_EXTERNAL_MODULE_vue__.markRaw)(charge_order_dialog_table_select); // 用于存储 TableSelect 组件实例的 Map，避免在 JSX 中使用 ref 回调函数
+const tableSelectRefMap = new Map(); // 获取 TableSelect 组件实例
+function getTableSelectRef(key) {
+    return tableSelectRefMap.get(key);
+} // 设置 TableSelect 组件实例
+function setTableSelectRef(key, el) {
+    if (el) tableSelectRefMap.set(key, el);
+    else tableSelectRefMap.delete(key);
+} // 清除 TableSelect 组件实例
 function useChargeTableConfig() {
     const data = useColumnConfig({
         getData: (t)=>[
@@ -11673,8 +12079,8 @@ function useFeeColumnConfig(options) {
                     ],
                     render: (row)=>row.commodityNo ? (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)(__WEBPACK_EXTERNAL_MODULE_vue__.Fragment, null, [
                             row.commodityNameDisplay
-                        ]) : (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)(charge_order_dialog_table_select, {
-                            ref: (el)=>row.tabSelectRef = el,
+                        ]) : (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)(TableSelect, {
+                            ref: (el)=>setTableSelectRef(row.key, el),
                             classOptions: "",
                             clearable: false,
                             filterable: true,
@@ -11695,11 +12101,11 @@ function useFeeColumnConfig(options) {
                                 const chargeItem = chargeItemList?.value?.find((item)=>item.commodityId === currentRow.commodityId);
                                 if (!chargeItem?.price && chargeItem?.price !== 0) {
                                     __WEBPACK_EXTERNAL_MODULE_element_sun__.ElMessage.error('添加失败！当前项目缺少价格信息，请联系管理员进行维护！');
-                                    row.tabSelectRef?.clear();
+                                    getTableSelectRef(row.key)?.clear();
                                     return;
                                 }
                                 row.selectLabel = chargeItem.commodityNameDisplay;
-                                row.tabSelectRef?.setCurrentRow(chargeItem);
+                                getTableSelectRef(row.key)?.setCurrentRow(chargeItem);
                                 row.commodityId = chargeItem.commodityId;
                                 row.commodityNo = chargeItem.commodityNo;
                                 row.commoditySpec = chargeItem.commoditySpec;
@@ -14185,4 +14591,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, charge_order_dialog as ChargeOrderDialog, 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 };
+export { utils_AVATAR_TYPE_CODE as AVATAR_TYPE_CODE, access_info as AccessInfo, BANNER_COMPONENT_CONFIG, BannerInfo, biz_unit_select as BizUnitSelect, charge_order_dialog as ChargeOrderDialog, 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_charge_select as HospitalChargeSelect, 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/package.json

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