npm - sun-biz - Versions diffs - 0.0.4-beta.48 → 0.0.4-beta.49 - Mend

sun-biz 0.0.4-beta.48 → 0.0.4-beta.49

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/components/index.js +49 -7
package/dist/components/static/css/index.css +6 -6
package/dist/components/table-select/types/index.d.ts +8 -0
package/dist/index.js +88 -15
package/dist/static/css/index.css +6 -6
package/package.json +1 -1

package/dist/components/index.js CHANGED Viewed

@@ -6342,7 +6342,11 @@ const table_selectvue_type_script_lang_ts_setup_true_generic_T_20extends_20Recor
                 showHeader: false
             } : {}
     },
-    complexConfig: {},
+    complexConfig: {
+        default: ()=>({
+                width: 400
+            })
+    },
     highlightCurrentRow: {
         type: Boolean,
         default: true
@@ -8058,7 +8062,24 @@ const biz_unit_select_exports_ = biz_unit_selectvue_type_script_lang_tsx_name_Bi
             await getDepartmentList({
                 keyWord: value
             });
-        }, 500); // 键盘事件
+        }, 500); // 滚动到当前选中行
+        const scrollToCurrentRow = ()=>{
+            setTimeout(()=>{
+                if (currentRowIndex.value < 0) return;
+                try {
+                    const tableElement = tableRef.value?.eleTable?.$el;
+                    if (!tableElement) return; // 查找当前高亮的行
+                    const currentRowElement = tableElement.querySelector('.el-table__body tr.current-row');
+                    if (!currentRowElement) return; // 使用 scrollIntoView 方法滚动到当前行
+                    currentRowElement.scrollIntoView({
+                        block: 'nearest',
+                        behavior: 'smooth'
+                    });
+                } catch (error) {
+                    console.error('Error scrolling to current row:', error);
+                }
+            }, 100);
+        }; // 键盘事件
         const handleKeydown = (e)=>{
             if (!departmentList.value.length || !popoverVisible.value) return;
             if ('ArrowDown' === e.key) {
@@ -8067,6 +8088,7 @@ const biz_unit_select_exports_ = biz_unit_selectvue_type_script_lang_tsx_name_Bi
                     currentRowIndex.value++;
                     const row = departmentList.value[currentRowIndex.value];
                     tableRef.value.eleTable?.setCurrentRow(row);
+                    scrollToCurrentRow();
                 }
             } else if ('ArrowUp' === e.key) {
                 e.preventDefault();
@@ -8074,6 +8096,7 @@ const biz_unit_select_exports_ = biz_unit_selectvue_type_script_lang_tsx_name_Bi
                     currentRowIndex.value--;
                     const row = departmentList.value[currentRowIndex.value];
                     tableRef.value.eleTable?.setCurrentRow(row);
+                    scrollToCurrentRow();
                 }
             } else if ('Enter' === e.key && currentRowIndex.value >= 0) {
                 const row = departmentList.value[currentRowIndex.value];
@@ -8333,10 +8356,10 @@ const department_select_exports_ = department_selectvue_type_script_setup_true_l
  * @param params
  * @returns
  */ const queryWardList = (params)=>(0, __WEBPACK_EXTERNAL_MODULE__sun_toolkit_request__.dictRequest)('/organization/queryWardListByExample', params);
-/*
-    96-10013-1 病区选择组件
-    1、调用“1-10155-1 根据条件查询病区列表”传入“启用标志=1、关键字、医院标识=入参：医院标识、科室标识”查询病区列表
-    2、展示列包括“编码、名称”
+/*
+    96-10013-1 病区选择组件
+    1、调用“1-10155-1 根据条件查询病区列表”传入“启用标志=1、关键字、医院标识=入参：医院标识、科室标识”查询病区列表
+    2、展示列包括“编码、名称”
   */ /* ESM default export */ const ward_selectvue_type_script_setup_true_lang_tsx_name_WardSelect = /*@__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent)({
     __name: 'index',
     props: {
@@ -8499,7 +8522,24 @@ const department_select_exports_ = department_selectvue_type_script_setup_true_l
             await getWardList({
                 keyWord: value
             });
-        }, 500); // 键盘事件
+        }, 500); // 滚动到当前选中行
+        const scrollToCurrentRow = ()=>{
+            setTimeout(()=>{
+                if (currentRowIndex.value < 0) return;
+                try {
+                    const tableElement = tableRef.value?.eleTable?.$el;
+                    if (!tableElement) return; // 查找当前高亮的行
+                    const currentRowElement = tableElement.querySelector('.el-table__body tr.current-row');
+                    if (!currentRowElement) return; // 使用 scrollIntoView 方法滚动到当前行
+                    currentRowElement.scrollIntoView({
+                        block: 'nearest',
+                        behavior: 'smooth'
+                    });
+                } catch (error) {
+                    console.error('Error scrolling to current row:', error);
+                }
+            }, 100);
+        }; // 键盘事件
         const handleKeydown = (e)=>{
             if (!wardList.value.length || !popoverVisible.value) return;
             if ('ArrowDown' === e.key) {
@@ -8508,6 +8548,7 @@ const department_select_exports_ = department_selectvue_type_script_setup_true_l
                     currentRowIndex.value++;
                     const row = wardList.value[currentRowIndex.value];
                     tableRef.value.eleTable?.setCurrentRow(row);
+                    scrollToCurrentRow();
                 }
             } else if ('ArrowUp' === e.key) {
                 e.preventDefault();
@@ -8515,6 +8556,7 @@ const department_select_exports_ = department_selectvue_type_script_setup_true_l
                     currentRowIndex.value--;
                     const row = wardList.value[currentRowIndex.value];
                     tableRef.value.eleTable?.setCurrentRow(row);
+                    scrollToCurrentRow();
                 }
             } else if ('Enter' === e.key && currentRowIndex.value >= 0) {
                 const row = wardList.value[currentRowIndex.value];

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

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

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

@@ -91,5 +91,13 @@ export interface ISelectSimpleConfig {
     showHeader?: boolean;
 }
 export interface ISelectComplexConfig {
+    /**
+     * 弹窗宽度
+     */
+    width?: string | number;
+    /**
+     * 弹窗最大高度
+     */
+    maxHeight?: string | number;
 }
 export {};

package/dist/index.js CHANGED Viewed

@@ -8734,7 +8734,24 @@ const biz_unit_select_exports_ = biz_unit_selectvue_type_script_lang_tsx_name_Bi
             await getDepartmentList({
                 keyWord: value
             });
-        }, 500); // 键盘事件
+        }, 500); // 滚动到当前选中行
+        const scrollToCurrentRow = ()=>{
+            setTimeout(()=>{
+                if (currentRowIndex.value < 0) return;
+                try {
+                    const tableElement = tableRef.value?.eleTable?.$el;
+                    if (!tableElement) return; // 查找当前高亮的行
+                    const currentRowElement = tableElement.querySelector('.el-table__body tr.current-row');
+                    if (!currentRowElement) return; // 使用 scrollIntoView 方法滚动到当前行
+                    currentRowElement.scrollIntoView({
+                        block: 'nearest',
+                        behavior: 'smooth'
+                    });
+                } catch (error) {
+                    console.error('Error scrolling to current row:', error);
+                }
+            }, 100);
+        }; // 键盘事件
         const handleKeydown = (e)=>{
             if (!departmentList.value.length || !popoverVisible.value) return;
             if ('ArrowDown' === e.key) {
@@ -8743,6 +8760,7 @@ const biz_unit_select_exports_ = biz_unit_selectvue_type_script_lang_tsx_name_Bi
                     currentRowIndex.value++;
                     const row = departmentList.value[currentRowIndex.value];
                     tableRef.value.eleTable?.setCurrentRow(row);
+                    scrollToCurrentRow();
                 }
             } else if ('ArrowUp' === e.key) {
                 e.preventDefault();
@@ -8750,6 +8768,7 @@ const biz_unit_select_exports_ = biz_unit_selectvue_type_script_lang_tsx_name_Bi
                     currentRowIndex.value--;
                     const row = departmentList.value[currentRowIndex.value];
                     tableRef.value.eleTable?.setCurrentRow(row);
+                    scrollToCurrentRow();
                 }
             } else if ('Enter' === e.key && currentRowIndex.value >= 0) {
                 const row = departmentList.value[currentRowIndex.value];
@@ -9009,10 +9028,10 @@ const department_select_exports_ = department_selectvue_type_script_setup_true_l
  * @param params
  * @returns
  */ const queryWardList = (params)=>(0, __WEBPACK_EXTERNAL_MODULE__sun_toolkit_request__.dictRequest)('/organization/queryWardListByExample', params);
-/*
-    96-10013-1 病区选择组件
-    1、调用“1-10155-1 根据条件查询病区列表”传入“启用标志=1、关键字、医院标识=入参：医院标识、科室标识”查询病区列表
-    2、展示列包括“编码、名称”
+/*
+    96-10013-1 病区选择组件
+    1、调用“1-10155-1 根据条件查询病区列表”传入“启用标志=1、关键字、医院标识=入参：医院标识、科室标识”查询病区列表
+    2、展示列包括“编码、名称”
   */ /* ESM default export */ const ward_selectvue_type_script_setup_true_lang_tsx_name_WardSelect = /*@__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent)({
     __name: 'index',
     props: {
@@ -9175,7 +9194,24 @@ const department_select_exports_ = department_selectvue_type_script_setup_true_l
             await getWardList({
                 keyWord: value
             });
-        }, 500); // 键盘事件
+        }, 500); // 滚动到当前选中行
+        const scrollToCurrentRow = ()=>{
+            setTimeout(()=>{
+                if (currentRowIndex.value < 0) return;
+                try {
+                    const tableElement = tableRef.value?.eleTable?.$el;
+                    if (!tableElement) return; // 查找当前高亮的行
+                    const currentRowElement = tableElement.querySelector('.el-table__body tr.current-row');
+                    if (!currentRowElement) return; // 使用 scrollIntoView 方法滚动到当前行
+                    currentRowElement.scrollIntoView({
+                        block: 'nearest',
+                        behavior: 'smooth'
+                    });
+                } catch (error) {
+                    console.error('Error scrolling to current row:', error);
+                }
+            }, 100);
+        }; // 键盘事件
         const handleKeydown = (e)=>{
             if (!wardList.value.length || !popoverVisible.value) return;
             if ('ArrowDown' === e.key) {
@@ -9184,6 +9220,7 @@ const department_select_exports_ = department_selectvue_type_script_setup_true_l
                     currentRowIndex.value++;
                     const row = wardList.value[currentRowIndex.value];
                     tableRef.value.eleTable?.setCurrentRow(row);
+                    scrollToCurrentRow();
                 }
             } else if ('ArrowUp' === e.key) {
                 e.preventDefault();
@@ -9191,6 +9228,7 @@ const department_select_exports_ = department_selectvue_type_script_setup_true_l
                     currentRowIndex.value--;
                     const row = wardList.value[currentRowIndex.value];
                     tableRef.value.eleTable?.setCurrentRow(row);
+                    scrollToCurrentRow();
                 }
             } else if ('Enter' === e.key && currentRowIndex.value >= 0) {
                 const row = wardList.value[currentRowIndex.value];
@@ -10680,7 +10718,11 @@ const table_selectvue_type_script_lang_ts_setup_true_generic_T_20extends_20Recor
                     showHeader: false
                 } : {}
         },
-        complexConfig: {},
+        complexConfig: {
+            default: ()=>({
+                    width: 400
+                })
+        },
         highlightCurrentRow: {
             type: Boolean,
             default: true
@@ -10805,10 +10847,11 @@ const table_selectvue_type_script_lang_ts_setup_true_generic_T_20extends_20Recor
                         keydownIndex.value = index;
                     }
                 } else {
+                    // debugger;
                     model.value = row;
                     keydownIndex.value = index;
                 }
-            // popoverRef.value?.hide();
+                popoverRef.value?.hide();
             }
         }
         /**
@@ -10896,10 +10939,13 @@ 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.name;
+            if (model.value) inputValue.value = (0, __WEBPACK_EXTERNAL_MODULE__sun_toolkit_shared__.isArray)(model.value) ? '' : model.value[props.labelKey];
         });
         (0, __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeMount)(()=>{
             if (isSimpleMode.value) document.documentElement.style.setProperty('--simple-column-flex', `0 0 ${Math.floor(100 / simpleColumns.value.length)}%`);
+            if (props.data.length) {
+                if (!props.columns.length) console.warn('[sun-biz]:TableSelect需要columns属性来配置表格列信息。');
+            }
         });
         (0, __WEBPACK_EXTERNAL_MODULE_vue__.onMounted)(()=>{
             if (props.immediate && props.remoteMethod) props.remoteMethod();
@@ -10925,7 +10971,7 @@ const table_selectvue_type_script_lang_ts_setup_true_generic_T_20extends_20Recor
                         ref_key: "inputSearchRef",
                         ref: inputSearchRef,
                         size: _ctx.size,
-                        placeholder: _ctx.$t('global:placeholder.input.template', {
+                        placeholder: _ctx.placeholder || _ctx.$t('global:placeholder.input.template', {
                             content: _ctx.$t('global:search') + _ctx.$t('global:content')
                         }),
                         clearable: "",
@@ -10939,7 +10985,30 @@ const table_selectvue_type_script_lang_ts_setup_true_generic_T_20extends_20Recor
                         ]),
                         onInput: handleInput,
                         onClear: reset
-                    }, null, 8, [
+                    }, (0, __WEBPACK_EXTERNAL_MODULE_vue__.createSlots)({
+                        _: 2
+                    }, [
+                        _ctx.$slots.prefix ? {
+                            name: "prefix",
+                            fn: (0, __WEBPACK_EXTERNAL_MODULE_vue__.withCtx)(()=>[
+                                    (0, __WEBPACK_EXTERNAL_MODULE_vue__.renderSlot)(_ctx.$slots, "prefix", {
+                                        value: model.value,
+                                        inputValue: inputValue.value
+                                    })
+                                ]),
+                            key: "0"
+                        } : void 0,
+                        _ctx.$slots.suffix ? {
+                            name: "suffix",
+                            fn: (0, __WEBPACK_EXTERNAL_MODULE_vue__.withCtx)(()=>[
+                                    (0, __WEBPACK_EXTERNAL_MODULE_vue__.renderSlot)(_ctx.$slots, "suffix", {
+                                        value: model.value,
+                                        inputValue: inputValue.value
+                                    })
+                                ]),
+                            key: "1"
+                        } : void 0
+                    ]), 1032, [
                         "modelValue",
                         "size",
                         "placeholder"
@@ -10947,7 +11016,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: 400,
+                        width: _ctx.complexConfig.width,
                         visible: popoverVisible.value,
                         "virtual-ref": inputSearchRef.value,
                         "virtual-triggering": "",
@@ -10961,6 +11030,7 @@ 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,
                                         "component-no": _ctx.componentNo,
                                         "row-key": _ctx.rowKey,
                                         "current-row-key": _ctx.currentRowKey,
@@ -10972,6 +11042,7 @@ const table_selectvue_type_script_lang_ts_setup_true_generic_T_20extends_20Recor
                                         "scroll-loading": _ctx.scrollLoading,
                                         onRowClick: handleRowClick
                                     }, null, 8, [
+                                        "max-height",
                                         "component-no",
                                         "row-key",
                                         "current-row-key",
@@ -10993,6 +11064,7 @@ const table_selectvue_type_script_lang_ts_setup_true_generic_T_20extends_20Recor
                             ]),
                         _: 3
                     }, 8, [
+                        "width",
                         "visible",
                         "virtual-ref",
                         "append-to"
@@ -11014,19 +11086,20 @@ const table_selectvue_type_script_lang_ts_setup_true_generic_T_20extends_20Recor
                             (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",
+                                            key: index,
                                             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
+                                                            key: column.key
                                                         }, (0, __WEBPACK_EXTERNAL_MODULE_vue__.toDisplayString)(item[column.key]), 1))), 128))
                                                 ]),
                                             _: 2
                                         }, 1032, [
                                             "label",
                                             "value"
-                                        ]))), 256))
+                                        ]))), 128))
                                 ])
                         ]),
                     _: 2
@@ -11059,7 +11132,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-9f70929c"
+        "data-v-34ffe8bb"
     ]
 ]);
 /* ESM default export */ const table_select = table_select_exports_;

package/dist/static/css/index.css CHANGED Viewed

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

package/package.json CHANGED Viewed

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