yc-pro-components 0.0.18 → 0.0.20

package/es/components/table/index.d.ts

@@ -144,6 +144,10 @@ export declare const PlusTable: {
         filterTableHeaderOverflowLabelLength: {
             type: PropType<number>;
         };
+        columnsEmptyText: {
+            type: PropType<string>;
+            default: string;
+        };
     }>> & {
         onClickAction?: ((data: ButtonsCallBackParams) => any) | undefined;
         onClickActionConfirmCancel?: ((data: ButtonsCallBackParams) => any) | undefined;
@@ -852,6 +856,10 @@ export declare const PlusTable: {
         filterTableHeaderOverflowLabelLength: {
             type: PropType<number>;
         };
+        columnsEmptyText: {
+            type: PropType<string>;
+            default: string;
+        };
     }>> & {
         onClickAction?: ((data: ButtonsCallBackParams) => any) | undefined;
         onClickActionConfirmCancel?: ((data: ButtonsCallBackParams) => any) | undefined;
@@ -910,6 +918,7 @@ export declare const PlusTable: {
             offsetBottom?: number | undefined;
             timeout?: number | undefined;
         };
+        columnsEmptyText: string;
     }, true, {}, {}, {
         P: {};
         B: {};
@@ -1050,6 +1059,10 @@ export declare const PlusTable: {
         filterTableHeaderOverflowLabelLength: {
             type: PropType<number>;
         };
+        columnsEmptyText: {
+            type: PropType<string>;
+            default: string;
+        };
     }>> & {
         onClickAction?: ((data: ButtonsCallBackParams) => any) | undefined;
         onClickActionConfirmCancel?: ((data: ButtonsCallBackParams) => any) | undefined;
@@ -1659,6 +1672,7 @@ export declare const PlusTable: {
             offsetBottom?: number | undefined;
             timeout?: number | undefined;
         };
+        columnsEmptyText: string;
     }>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -1796,6 +1810,10 @@ export declare const PlusTable: {
     filterTableHeaderOverflowLabelLength: {
         type: PropType<number>;
     };
+    columnsEmptyText: {
+        type: PropType<string>;
+        default: string;
+    };
 }>> & {
     onClickAction?: ((data: ButtonsCallBackParams) => any) | undefined;
     onClickActionConfirmCancel?: ((data: ButtonsCallBackParams) => any) | undefined;
@@ -2417,6 +2435,7 @@ export declare const PlusTable: {
         offsetBottom?: number | undefined;
         timeout?: number | undefined;
     };
+    columnsEmptyText: string;
 }, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: Partial<Record<NonNullable<string | number>, (_: {
         column: any;

package/es/components/table/src/index.vue.d.ts

@@ -41,6 +41,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     expandTableColumnProps: () => {};
     editable: boolean;
     adaptive: boolean;
+    columnsEmptyText: string;
 }>, {
     formRefs: ShallowRef<Record<string | number, TableFormRefRow[]>>;
     tableInstance: ShallowRef< CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
@@ -636,6 +637,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     expandTableColumnProps: () => {};
     editable: boolean;
     adaptive: boolean;
+    columnsEmptyText: string;
 }>>> & {
     onClickAction?: ((data: ButtonsCallBackParams) => any) | undefined;
     onClickActionConfirmCancel?: ((data: ButtonsCallBackParams) => any) | undefined;
@@ -694,6 +696,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
         offsetBottom?: number | undefined;
         timeout?: number | undefined;
     };
+    columnsEmptyText: string;
 }, {}>, Partial<Record<NonNullable<string | number>, (_: {
     column: any;
     prop: string;

package/es/components/table/src/index.vue2.mjs

@@ -2,7 +2,7 @@ import { defineComponent, ref, shallowRef, reactive, watchEffect, computed, prov
 import { PlusPagination } from '../../pagination/index.mjs';
 import { PlusRadio } from '../../radio/index.mjs';
 import { DefaultPageInfo } from '../../../constants/page.mjs';
-import { TableFormRefInjectionKey, TableFormFieldRefInjectionKey } from '../../../constants/form.mjs';
+import { TableFormRefInjectionKey, TableFormFieldRefInjectionKey, TableColumnsEmptyTextInjectionKey } from '../../../constants/form.mjs';
 import { ElTable, ElTableColumn, vLoading } from 'element-plus';
 import { debounce, isEqual } from 'lodash-es';
 import PlusTableActionBar from './table-action-bar.vue.mjs';
@@ -52,7 +52,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     indexContentStyle: { type: [Object, Function], default: () => ({}) },
     editable: { type: [Boolean, String], default: false },
     adaptive: { type: [Boolean, Object], default: false },
-    filterTableHeaderOverflowLabelLength: {}
+    filterTableHeaderOverflowLabelLength: {},
+    columnsEmptyText: { default: "-" }
   },
   emits: ["paginationChange", "clickAction", "clickActionConfirmCancel", "dragSortEnd", "formChange", "refresh", "edited", "cell-click", "cell-dblclick", "filterTableHeader", "radioChange"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -84,6 +85,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     provide(TableFormRefInjectionKey, formRefs);
     const formFieldRefs = shallowRef({});
     provide(TableFormFieldRefInjectionKey, formFieldRefs);
+    provide(TableColumnsEmptyTextInjectionKey, computed(() => props.columnsEmptyText));
     watch(
       () => props.columns,
       (val) => {

package/es/components/table/src/type.d.ts

@@ -454,6 +454,15 @@ export type PlusTableSelfProps = {
      * @version 0.1.23
      */
     filterTableHeaderOverflowLabelLength?: number;
+    /**
+     * 所有列字段为空时显示的默认文本（全局配置）
+     * @version v0.2.0
+     * @default "-"
+     * @desc 当字段值为 null、undefined 或空字符串时，显示此文本
+     * @desc 优先级：列级别的 emptyText > columnsEmptyText > 默认 "-"
+     * @desc 仅对未定义 render/renderHTML 的字段生效
+     */
+    columnsEmptyText?: string;
 };
 export type PlusTableProps = PlusTableSelfProps & Partial<TableProps<any[]>> & RecordType;
 /**

package/es/components/yc-plus-page/src/index.vue.d.ts

@@ -67,6 +67,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
             immediate: boolean;
             params: RecordType;
             pagination: false | Omit< PlusPaginationProps, "total" | "modelValue" | "pageSizeList">;
+            columnsEmptyText: string;
             postData: <T = RecordType[]>(data: T[]) => T[];
             beforeSearchSubmit: <T_1 = RecordType>(params: T_1) => T_1;
             isCard: boolean;
@@ -103,6 +104,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
                 total: number;
             }>;
             readonly pagination: false | Omit< PlusPaginationProps, "total" | "modelValue" | "pageSizeList">;
+            readonly columnsEmptyText: string;
             readonly isCard: boolean;
             readonly searchCardProps: Partial< Mutable<CardProps> & {
                 style?: CSSProperties | undefined;
@@ -166,6 +168,10 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
                 type: PropType<false | Omit< PlusPaginationProps, "total" | "modelValue" | "pageSizeList">>;
                 default: () => {};
             };
+            columnsEmptyText: {
+                type: PropType<string>;
+                default: string;
+            };
             postData: {
                 type: PropType<(<T = RecordType[]>(data: T[]) => T[])>;
                 default: undefined;
@@ -227,7 +233,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
             onSearch?: ((data: FieldValues) => any) | undefined;
             onRequestError?: ((error: unknown) => any) | undefined;
             onRequestComplete?: ((tableData: RecordType[]) => any) | undefined;
-        }, "search" | "table" | "columns" | "immediate" | "params" | "pagination" | "postData" | "beforeSearchSubmit" | "isCard" | "searchCardProps" | "tableCardProps" | "defaultPageInfo" | "defaultPageSizeList" | "dividerProps" | "pageInfoMap" | "searchSlot">;
+        }, "search" | "table" | "columns" | "immediate" | "params" | "pagination" | "columnsEmptyText" | "postData" | "beforeSearchSubmit" | "isCard" | "searchCardProps" | "tableCardProps" | "defaultPageInfo" | "defaultPageSizeList" | "dividerProps" | "pageInfoMap" | "searchSlot">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -280,6 +286,10 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
                 type: PropType<false | Omit< PlusPaginationProps, "total" | "modelValue" | "pageSizeList">>;
                 default: () => {};
             };
+            columnsEmptyText: {
+                type: PropType<string>;
+                default: string;
+            };
             postData: {
                 type: PropType<(<T = RecordType[]>(data: T[]) => T[])>;
                 default: undefined;
@@ -3526,6 +3536,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
                         offsetBottom?: number | undefined;
                         timeout?: number | undefined;
                     };
+                    columnsEmptyText: string;
                 }> & Omit<{
                     readonly data: RecordType[];
                     readonly columns: PlusColumn[];
@@ -3567,6 +3578,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
                         offsetBottom?: number | undefined;
                         timeout?: number | undefined;
                     };
+                    readonly columnsEmptyText: string;
                     readonly height?: string | number | undefined;
                     readonly radioProps?: Partial< PlusRadioProps & {
                         style?: CSSProperties | undefined;
@@ -3718,6 +3730,10 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
                     filterTableHeaderOverflowLabelLength: {
                         type: PropType<number>;
                     };
+                    columnsEmptyText: {
+                        type: PropType<string>;
+                        default: string;
+                    };
                 }>> & {
                     onClickAction?: ((data: ButtonsCallBackParams) => any) | undefined;
                     onClickActionConfirmCancel?: ((data: ButtonsCallBackParams) => any) | undefined;
@@ -3730,7 +3746,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
                     onPaginationChange?: ((pageInfo: PageInfo) => any) | undefined;
                     onEdited?: (() => any) | undefined;
                     onRadioChange?: ((row: RecordType, index: number, value: boolean) => any) | undefined;
-                }, "data" | "columns" | "headerCellStyle" | "rowKey" | "actionBar" | "editable" | "indexTableColumnProps" | "indexContentStyle" | "dragSortableTableColumnProps" | "titleBar" | "defaultSize" | "tableData" | "pagination" | "hasIndexColumn" | "isSelection" | "isRadio" | "hasExpand" | "loadingStatus" | "dragSortable" | "selectionTableColumnProps" | "radioTableColumnProps" | "radioProps" | "defaultSelectedRadioRow" | "expandTableColumnProps" | "adaptive">;
+                }, "data" | "columns" | "headerCellStyle" | "rowKey" | "actionBar" | "editable" | "indexTableColumnProps" | "indexContentStyle" | "dragSortableTableColumnProps" | "titleBar" | "defaultSize" | "tableData" | "pagination" | "hasIndexColumn" | "isSelection" | "isRadio" | "hasExpand" | "loadingStatus" | "dragSortable" | "selectionTableColumnProps" | "radioTableColumnProps" | "radioProps" | "defaultSelectedRadioRow" | "expandTableColumnProps" | "adaptive" | "columnsEmptyText">;
                 $attrs: {
                     [x: string]: unknown;
                 };
@@ -3877,6 +3893,10 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
                     filterTableHeaderOverflowLabelLength: {
                         type: PropType<number>;
                     };
+                    columnsEmptyText: {
+                        type: PropType<string>;
+                        default: string;
+                    };
                 }>> & {
                     onClickAction?: ((data: ButtonsCallBackParams) => any) | undefined;
                     onClickActionConfirmCancel?: ((data: ButtonsCallBackParams) => any) | undefined;
@@ -4498,6 +4518,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
                         offsetBottom?: number | undefined;
                         timeout?: number | undefined;
                     };
+                    columnsEmptyText: string;
                 }, {}, string, {}> & {
                     beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                     created?: ((() => void) | (() => void)[]) | undefined;
@@ -4651,6 +4672,10 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
                 filterTableHeaderOverflowLabelLength: {
                     type: PropType<number>;
                 };
+                columnsEmptyText: {
+                    type: PropType<string>;
+                    default: string;
+                };
             }>> & {
                 onClickAction?: ((data: ButtonsCallBackParams) => any) | undefined;
                 onClickActionConfirmCancel?: ((data: ButtonsCallBackParams) => any) | undefined;
@@ -5266,6 +5291,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
             immediate: boolean;
             params: RecordType;
             pagination: false | Omit< PlusPaginationProps, "total" | "modelValue" | "pageSizeList">;
+            columnsEmptyText: string;
             postData: <T = RecordType[]>(data: T[]) => T[];
             beforeSearchSubmit: <T_1 = RecordType>(params: T_1) => T_1;
             isCard: boolean;
@@ -5344,6 +5370,10 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
             type: PropType<false | Omit< PlusPaginationProps, "total" | "modelValue" | "pageSizeList">>;
             default: () => {};
         };
+        columnsEmptyText: {
+            type: PropType<string>;
+            default: string;
+        };
         postData: {
             type: PropType<(<T = RecordType[]>(data: T[]) => T[])>;
             default: undefined;
@@ -8590,6 +8620,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
                     offsetBottom?: number | undefined;
                     timeout?: number | undefined;
                 };
+                columnsEmptyText: string;
             }> & Omit<{
                 readonly data: RecordType[];
                 readonly columns: PlusColumn[];
@@ -8631,6 +8662,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
                     offsetBottom?: number | undefined;
                     timeout?: number | undefined;
                 };
+                readonly columnsEmptyText: string;
                 readonly height?: string | number | undefined;
                 readonly radioProps?: Partial< PlusRadioProps & {
                     style?: CSSProperties | undefined;
@@ -8782,6 +8814,10 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
                 filterTableHeaderOverflowLabelLength: {
                     type: PropType<number>;
                 };
+                columnsEmptyText: {
+                    type: PropType<string>;
+                    default: string;
+                };
             }>> & {
                 onClickAction?: ((data: ButtonsCallBackParams) => any) | undefined;
                 onClickActionConfirmCancel?: ((data: ButtonsCallBackParams) => any) | undefined;
@@ -8794,7 +8830,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
                 onPaginationChange?: ((pageInfo: PageInfo) => any) | undefined;
                 onEdited?: (() => any) | undefined;
                 onRadioChange?: ((row: RecordType, index: number, value: boolean) => any) | undefined;
-            }, "data" | "columns" | "headerCellStyle" | "rowKey" | "actionBar" | "editable" | "indexTableColumnProps" | "indexContentStyle" | "dragSortableTableColumnProps" | "titleBar" | "defaultSize" | "tableData" | "pagination" | "hasIndexColumn" | "isSelection" | "isRadio" | "hasExpand" | "loadingStatus" | "dragSortable" | "selectionTableColumnProps" | "radioTableColumnProps" | "radioProps" | "defaultSelectedRadioRow" | "expandTableColumnProps" | "adaptive">;
+            }, "data" | "columns" | "headerCellStyle" | "rowKey" | "actionBar" | "editable" | "indexTableColumnProps" | "indexContentStyle" | "dragSortableTableColumnProps" | "titleBar" | "defaultSize" | "tableData" | "pagination" | "hasIndexColumn" | "isSelection" | "isRadio" | "hasExpand" | "loadingStatus" | "dragSortable" | "selectionTableColumnProps" | "radioTableColumnProps" | "radioProps" | "defaultSelectedRadioRow" | "expandTableColumnProps" | "adaptive" | "columnsEmptyText">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -8941,6 +8977,10 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
                 filterTableHeaderOverflowLabelLength: {
                     type: PropType<number>;
                 };
+                columnsEmptyText: {
+                    type: PropType<string>;
+                    default: string;
+                };
             }>> & {
                 onClickAction?: ((data: ButtonsCallBackParams) => any) | undefined;
                 onClickActionConfirmCancel?: ((data: ButtonsCallBackParams) => any) | undefined;
@@ -9562,6 +9602,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
                     offsetBottom?: number | undefined;
                     timeout?: number | undefined;
                 };
+                columnsEmptyText: string;
             }, {}, string, {}> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                 created?: ((() => void) | (() => void)[]) | undefined;
@@ -9715,6 +9756,10 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
             filterTableHeaderOverflowLabelLength: {
                 type: PropType<number>;
             };
+            columnsEmptyText: {
+                type: PropType<string>;
+                default: string;
+            };
         }>> & {
             onClickAction?: ((data: ButtonsCallBackParams) => any) | undefined;
             onClickActionConfirmCancel?: ((data: ButtonsCallBackParams) => any) | undefined;
@@ -10495,6 +10540,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
                 offsetBottom?: number | undefined;
                 timeout?: number | undefined;
             };
+            columnsEmptyText: string;
         }> & Omit<{
             readonly data: RecordType[];
             readonly columns: PlusColumn[];
@@ -10536,6 +10582,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
                 offsetBottom?: number | undefined;
                 timeout?: number | undefined;
             };
+            readonly columnsEmptyText: string;
             readonly height?: string | number | undefined;
             readonly radioProps?: Partial< PlusRadioProps & {
                 style?: CSSProperties | undefined;
@@ -10687,6 +10734,10 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
             filterTableHeaderOverflowLabelLength: {
                 type: PropType<number>;
             };
+            columnsEmptyText: {
+                type: PropType<string>;
+                default: string;
+            };
         }>> & {
             onClickAction?: ((data: ButtonsCallBackParams) => any) | undefined;
             onClickActionConfirmCancel?: ((data: ButtonsCallBackParams) => any) | undefined;
@@ -10699,7 +10750,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
             onPaginationChange?: ((pageInfo: PageInfo) => any) | undefined;
             onEdited?: (() => any) | undefined;
             onRadioChange?: ((row: RecordType, index: number, value: boolean) => any) | undefined;
-        }, "data" | "columns" | "headerCellStyle" | "rowKey" | "actionBar" | "editable" | "indexTableColumnProps" | "indexContentStyle" | "dragSortableTableColumnProps" | "titleBar" | "defaultSize" | "tableData" | "pagination" | "hasIndexColumn" | "isSelection" | "isRadio" | "hasExpand" | "loadingStatus" | "dragSortable" | "selectionTableColumnProps" | "radioTableColumnProps" | "radioProps" | "defaultSelectedRadioRow" | "expandTableColumnProps" | "adaptive">;
+        }, "data" | "columns" | "headerCellStyle" | "rowKey" | "actionBar" | "editable" | "indexTableColumnProps" | "indexContentStyle" | "dragSortableTableColumnProps" | "titleBar" | "defaultSize" | "tableData" | "pagination" | "hasIndexColumn" | "isSelection" | "isRadio" | "hasExpand" | "loadingStatus" | "dragSortable" | "selectionTableColumnProps" | "radioTableColumnProps" | "radioProps" | "defaultSelectedRadioRow" | "expandTableColumnProps" | "adaptive" | "columnsEmptyText">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -10846,6 +10897,10 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
             filterTableHeaderOverflowLabelLength: {
                 type: PropType<number>;
             };
+            columnsEmptyText: {
+                type: PropType<string>;
+                default: string;
+            };
         }>> & {
             onClickAction?: ((data: ButtonsCallBackParams) => any) | undefined;
             onClickActionConfirmCancel?: ((data: ButtonsCallBackParams) => any) | undefined;
@@ -11467,6 +11522,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
                 offsetBottom?: number | undefined;
                 timeout?: number | undefined;
             };
+            columnsEmptyText: string;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -11620,6 +11676,10 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
         filterTableHeaderOverflowLabelLength: {
             type: PropType<number>;
         };
+        columnsEmptyText: {
+            type: PropType<string>;
+            default: string;
+        };
     }>> & {
         onClickAction?: ((data: ButtonsCallBackParams) => any) | undefined;
         onClickActionConfirmCancel?: ((data: ButtonsCallBackParams) => any) | undefined;

package/es/components/yc-select-v2/src/directive.d.ts

@@ -1,8 +1,4 @@
 import { Directive } from 'vue';
 
-/**
- * 滚动加载更多指令
- * 用于监听下拉框滚动到底部时触发加载更多
- */
 declare const loadMoreDirective: Directive;
 export default loadMoreDirective;

package/es/components/yc-select-v2/src/directive.mjs

@@ -1,29 +1,82 @@
-import { nextTick } from 'vue';
-
 const loadMoreDirective = {
   mounted(el, binding) {
-    nextTick(() => {
-      const domClass = ".el-select-dropdown__wrap";
-      const element = el.querySelector(domClass);
-      if (element) {
+    const bindScrollListener = (poperId) => {
+      const poper = document.getElementById(poperId);
+      if (!poper) return;
+      let scrollContainer = null;
+      scrollContainer = poper.querySelector(".el-scrollbar .el-select-dropdown__wrap");
+      if (!scrollContainer) {
+        scrollContainer = poper.querySelector(".el-select-dropdown__wrap");
+      }
+      if (!scrollContainer) {
+        scrollContainer = poper.querySelector('[class*="scrollbar__wrap"]');
+      }
+      if (scrollContainer && !scrollContainer.__vueLoadMoreBound__) {
+        scrollContainer.__vueLoadMoreBound__ = true;
+        let lastTriggerTime = 0;
         const handleScroll = () => {
-          const { scrollTop, scrollHeight, clientHeight } = element;
-          const scrollDistance = scrollHeight - scrollTop <= clientHeight + 10;
-          if (scrollDistance) {
+          if (!scrollContainer) return;
+          const { scrollTop, scrollHeight, clientHeight } = scrollContainer;
+          const THRESHOLD = 100;
+          const scrollDistance = scrollHeight - scrollTop <= clientHeight + THRESHOLD;
+          const now = Date.now();
+          if (scrollDistance && binding.value && now - lastTriggerTime > 1e3) {
+            lastTriggerTime = now;
             binding.value();
           }
         };
-        element.__vueLoadMoreHandler__ = handleScroll;
-        element.addEventListener("scroll", handleScroll);
+        scrollContainer.__vueLoadMoreHandler__ = handleScroll;
+        scrollContainer.addEventListener("scroll", handleScroll);
       }
-    });
+    };
+    const callback = (records) => {
+      records.forEach((record) => {
+        if (record.attributeName === "aria-describedby") {
+          const target = record.target;
+          const newValue = target.getAttribute("aria-describedby");
+          if (newValue) {
+            bindScrollListener(newValue);
+          }
+        }
+      });
+    };
+    const selectTrigger = el.querySelector(".select-trigger") || el.querySelector(".el-select__wrapper") || el.querySelector("input");
+    if (selectTrigger) {
+      const observer = new MutationObserver(callback);
+      observer.observe(selectTrigger, {
+        attributes: true,
+        attributeOldValue: true,
+        attributeFilter: ["aria-describedby"]
+      });
+      el.__vueLoadMoreObserver__ = observer;
+    }
   },
   beforeUnmount(el) {
-    const domClass = ".el-select-dropdown__wrap";
-    const element = el.querySelector(domClass);
-    if (element && element.__vueLoadMoreHandler__) {
-      element.removeEventListener("scroll", element.__vueLoadMoreHandler__);
-      delete element.__vueLoadMoreHandler__;
+    if (el.__vueLoadMoreObserver__) {
+      el.__vueLoadMoreObserver__.disconnect();
+      delete el.__vueLoadMoreObserver__;
+    }
+    const selectTrigger = el.querySelector(".select-trigger") || el.querySelector(".el-select__wrapper") || el.querySelector("input");
+    if (selectTrigger) {
+      const ariaId = selectTrigger.getAttribute("aria-describedby");
+      if (ariaId) {
+        const poper = document.getElementById(ariaId);
+        if (poper) {
+          const scrollContainer = poper.querySelector(
+            ".el-scrollbar .el-select-dropdown__wrap"
+          ) || poper.querySelector(
+            ".el-select-dropdown__wrap"
+          );
+          if (scrollContainer && scrollContainer.__vueLoadMoreHandler__) {
+            scrollContainer.removeEventListener(
+              "scroll",
+              scrollContainer.__vueLoadMoreHandler__
+            );
+            delete scrollContainer.__vueLoadMoreHandler__;
+            delete scrollContainer.__vueLoadMoreBound__;
+          }
+        }
+      }
     }
   }
 };

package/es/components/yc-select-v2/src/index.vue2.mjs

@@ -1,10 +1,12 @@
-import { defineComponent, computed, ref, watch, onMounted, resolveDirective, withDirectives, openBlock, createBlock, unref, withCtx, createElementBlock, Fragment, renderList, nextTick } from 'vue';
+import { defineComponent, computed, ref, watch, onMounted, resolveDirective, withDirectives, openBlock, createBlock, unref, withCtx, createElementBlock, Fragment, renderList, normalizeClass, nextTick } from 'vue';
 import { ElSelect, ElOption } from 'element-plus';
 import loadMoreDirective from './directive.mjs';
 
 const ALL_SELECT_VALUE = "__ALL_SELECT__";
 const ALL_SELECT_LABEL = "\u5168\u9009";
 const ALL_UNSELECT_LABEL = "\u5168\u4E0D\u9009";
+const LOADING_VALUE = "__LOADING__";
+const LOADING_LABEL = "\u52A0\u8F7D\u4E2D...";
 var _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "YcSelectV2",
@@ -62,14 +64,23 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       return innerOptions.value.every((opt) => currentValue.includes(opt.value));
     });
     const displayOptions = computed(() => {
-      if (props.allSelect && props.multiple && innerOptions.value.length > 0) {
+      let options = [...innerOptions.value];
+      if (props.allSelect && props.multiple && options.length > 0) {
         const allSelectOption = {
           label: isAllSelected.value ? ALL_UNSELECT_LABEL : ALL_SELECT_LABEL,
           value: ALL_SELECT_VALUE
         };
-        return [allSelectOption, ...innerOptions.value];
+        options = [allSelectOption, ...options];
       }
-      return innerOptions.value;
+      if (loading.value && hasMore.value) {
+        const loadingOption = {
+          label: LOADING_LABEL,
+          value: LOADING_VALUE,
+          disabled: true
+        };
+        options = [...options, loadingOption];
+      }
+      return options;
     });
     const initData = async () => {
       if (props.searchMode === "local" && props.options.length > 0) {
@@ -367,8 +378,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 key: item.value,
                 label: item.label,
                 value: item.value,
-                disabled: item.disabled
-              }, null, 8, ["label", "value", "disabled"]);
+                disabled: item.disabled,
+                class: normalizeClass({ "yc-select-v2-loading": item.value === "__LOADING__" })
+              }, null, 8, ["label", "value", "disabled", "class"]);
             }),
             128
             /* KEYED_FRAGMENT */

package/es/constants/form.d.ts

@@ -10,6 +10,11 @@ export declare const TableFormFieldRefInjectionKey: unique symbol;
  * 表格里表单 表格行信息 provide(inject) key
  */
 export declare const TableFormRowInfoInjectionKey: unique symbol;
+/**
+ * 表格列全局空值默认文本 provide(inject) key
+ * @version v0.2.0
+ */
+export declare const TableColumnsEmptyTextInjectionKey: unique symbol;
 /**
  *  表单ElDatePicker 组件 值是数组的type列表
  */

package/es/constants/form.mjs

@@ -1,6 +1,7 @@
 const TableFormRefInjectionKey = Symbol("tableFormRefInjectionKey");
 const TableFormFieldRefInjectionKey = Symbol("tableFormFieldRefInjectionKey");
 const TableFormRowInfoInjectionKey = Symbol("tableFormRowInfoInjectionKey");
+const TableColumnsEmptyTextInjectionKey = Symbol("tableColumnsEmptyTextInjectionKey");
 const DatePickerValueIsArrayList = ["datetimerange", "daterange", "monthrange"];
 const ValueIsNumberList = ["rate", "input-number", "slider"];
 const ValueIsBooleanList = ["switch"];
@@ -12,4 +13,4 @@ const ValueIsArrayList = [
   "transfer"
 ];
 
-export { DatePickerValueIsArrayList, TableFormFieldRefInjectionKey, TableFormRefInjectionKey, TableFormRowInfoInjectionKey, ValueIsArrayList, ValueIsBooleanList, ValueIsNumberList };
+export { DatePickerValueIsArrayList, TableColumnsEmptyTextInjectionKey, TableFormFieldRefInjectionKey, TableFormRefInjectionKey, TableFormRowInfoInjectionKey, ValueIsArrayList, ValueIsBooleanList, ValueIsNumberList };

package/es/constants/index.mjs

@@ -1,4 +1,4 @@
 export { DefaultPageInfo, DefaultPageSizeList } from './page.mjs';
-export { DatePickerValueIsArrayList, TableFormFieldRefInjectionKey, TableFormRefInjectionKey, TableFormRowInfoInjectionKey, ValueIsArrayList, ValueIsBooleanList, ValueIsNumberList } from './form.mjs';
+export { DatePickerValueIsArrayList, TableColumnsEmptyTextInjectionKey, TableFormFieldRefInjectionKey, TableFormRefInjectionKey, TableFormRowInfoInjectionKey, ValueIsArrayList, ValueIsBooleanList, ValueIsNumberList } from './form.mjs';
 export { selectValueTypeList } from './display-item.mjs';
 export { DictStoreInjectionKey } from './dict.mjs';

package/es/index.css

@@ -1,5 +1,6 @@
 .yc-svg-icon[data-v-34e1f2f7]{display:inline-block;-webkit-mask-size:contain;mask-size:contain;vertical-align:middle}.yc-svg-icon--original[data-v-34e1f2f7]{-o-object-fit:contain;object-fit:contain}
 .yc-plus-page[data-v-7c1490fd]{height:100%}.yc-plus-page[data-v-7c1490fd] [data-v-7c1490fd] .plus-page>.el-card{border-radius:8px}[data-v-7c1490fd] .yc-search-card-body{padding-right:0}[data-v-7c1490fd] .plus-table-title-bar__toolbar__icon{font-size:16px!important;position:relative;top:-2px}.column-settings-wrapper[data-v-7c1490fd]{align-items:center;cursor:pointer;display:flex;gap:4px;margin-left:8px}.column-settings-text[data-v-7c1490fd]{font-size:14px}
+.yc-select-v2-loading.el-select-dropdown__item{color:#909399;cursor:default;font-size:13px;pointer-events:none;text-align:center}.yc-select-v2-loading.el-select-dropdown__item.is-disabled{color:#909399;cursor:default}
 .el-tree .el-tree-node__content{position:relative}.yc-tree-node-label-wrapper{align-items:center;display:flex;flex:1;min-width:0}.yc-tree-node-label{font-size:12px}.yc-tree-node-line-ver{border-left:1px dashed var(--el-border-color-light,#dcdfe6);display:block;height:100%;left:0;position:absolute;top:0}.yc-tree-node-line-ver.last-node-line{border-left:1px dashed transparent}.yc-tree-node-line-ver.last-node-isLeaf-line{height:50%}.yc-tree-node-line-hor{border-bottom:1px dashed var(--el-border-color-light,#dcdfe6);display:block;height:0;left:0;position:absolute;top:50%}
 .yc-plus-tree[data-v-0043eed3]{display:flex;flex-direction:column;height:100%;overflow:auto}.yc-plus-tree[data-v-0043eed3] .search-input[data-v-0043eed3]{flex-shrink:0;margin-bottom:16px}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3]{flex:1;min-height:0;overflow:hidden}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] [data-v-0043eed3] .el-tree-v2{overflow-x:visible!important}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .inline-input-node[data-v-0043eed3]{align-items:center;display:flex;flex:1;padding-left:0;padding-right:8px;position:relative;z-index:1}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .inline-input-node[data-v-0043eed3] .inline-input[data-v-0043eed3]{flex-shrink:0;width:100%}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .inline-input-node[data-v-0043eed3] .inline-input[data-v-0043eed3] [data-v-0043eed3] .el-input__wrapper{border-radius:4px;box-shadow:0 0 0 1px var(--el-border-color) inset;font-size:14px;height:26px;line-height:18px;padding:0 8px;transition:box-shadow .2s ease}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .inline-input-node[data-v-0043eed3] .inline-input[data-v-0043eed3] [data-v-0043eed3] .el-input__wrapper[data-v-0043eed3]:hover{box-shadow:0 0 0 1px var(--el-border-color-hover) inset}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .inline-input-node[data-v-0043eed3] .inline-input[data-v-0043eed3] [data-v-0043eed3] .el-input__wrapper.is-focus[data-v-0043eed3]{box-shadow:0 0 0 1px var(--el-color-primary) inset}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .inline-input-node[data-v-0043eed3] .inline-input[data-v-0043eed3] [data-v-0043eed3] .el-input__inner{color:rgba(0,0,0,.7);font-size:14px;height:24px;line-height:18px}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .inline-input-node[data-v-0043eed3] .inline-input[data-v-0043eed3] [data-v-0043eed3] .el-input__inner[data-v-0043eed3]::-moz-placeholder{color:rgba(0,0,0,.4)}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .inline-input-node[data-v-0043eed3] .inline-input[data-v-0043eed3] [data-v-0043eed3] .el-input__inner[data-v-0043eed3]::placeholder{color:rgba(0,0,0,.4)}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] [data-v-0043eed3] .el-tree-node__content:hover{background-color:var(--el-color-primary-light-9)}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] [data-v-0043eed3] .el-tree-node__content:hover .label-text[data-v-0043eed3]{color:var(--el-color-primary)}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] [data-v-0043eed3] .el-tree-node__content:hover .label-text{color:var(--el-color-primary)}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] [data-v-0043eed3] .el-tree-node.is-current>.el-tree-node__content{background-color:var(--el-color-primary-light-9)}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] [data-v-0043eed3] .el-tree-node.is-current>.el-tree-node__content .label-text{color:var(--el-color-primary)}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3]{align-items:center;display:flex;gap:4px;width:100%}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3][data-v-0043eed3]:hover .node-actions[data-v-0043eed3]{opacity:1;pointer-events:auto}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] .node-label[data-v-0043eed3],.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] [data-v-0043eed3] .custom-node-label{align-items:center;display:flex;flex:1;gap:4px;min-width:0}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] .node-label[data-v-0043eed3] [data-v-0043eed3] .el-tooltip__trigger,.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] [data-v-0043eed3] .custom-node-label [data-v-0043eed3] .el-tooltip__trigger{display:block;min-width:0;overflow:hidden}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] .node-label[data-v-0043eed3] .label-text[data-v-0043eed3],.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] .node-label[data-v-0043eed3] .node-text[data-v-0043eed3],.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] [data-v-0043eed3] .custom-node-label .label-text[data-v-0043eed3],.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] [data-v-0043eed3] .custom-node-label .node-text[data-v-0043eed3]{color:var(--el-text-color-primary);display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] .node-label[data-v-0043eed3] .label-text[data-v-0043eed3] [data-v-0043eed3] .highlight-keyword,.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] .node-label[data-v-0043eed3] .node-text[data-v-0043eed3] [data-v-0043eed3] .highlight-keyword,.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] [data-v-0043eed3] .custom-node-label .label-text[data-v-0043eed3] [data-v-0043eed3] .highlight-keyword,.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] [data-v-0043eed3] .custom-node-label .node-text[data-v-0043eed3] [data-v-0043eed3] .highlight-keyword{background-color:var(--el-color-primary-light-9);border-radius:2px;color:var(--el-color-primary);font-weight:600;padding:0 2px}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] .node-label[data-v-0043eed3] .node-count[data-v-0043eed3],.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] [data-v-0043eed3] .custom-node-label .node-count[data-v-0043eed3]{color:var(--el-text-color-secondary);font-size:12px}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] .node-actions[data-v-0043eed3]{align-items:center;display:flex;flex-shrink:0;margin-left:auto;margin-right:8px;opacity:0;pointer-events:none;transition:opacity .2s ease}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] .node-actions[data-v-0043eed3] .action-icon-wrapper[data-v-0043eed3]{align-items:center;cursor:pointer;display:flex;justify-content:center}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] .node-actions[data-v-0043eed3] .action-icon[data-v-0043eed3]{align-items:center;border-radius:4px;color:var(--el-color-primary);cursor:pointer;display:flex;height:20px;justify-content:center;transition:background-color .2s ease;width:20px}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] .node-actions[data-v-0043eed3] .action-icon[data-v-0043eed3][data-v-0043eed3]:hover{background-color:var(--el-color-primary-light-8)}.tree-dropdown-menu[data-v-0043eed3]{border-radius:8px!important;min-width:156px!important;padding:8px!important}.tree-dropdown-menu[data-v-0043eed3] [data-v-0043eed3] .el-dropdown-menu__item{border-radius:8px;font-size:12px;height:32px;line-height:32px;margin:0;padding:0 12px;transition:background-color .2s ease}.tree-dropdown-menu[data-v-0043eed3] [data-v-0043eed3] .el-dropdown-menu__item[data-v-0043eed3]:hover{background-color:var(--el-color-primary-light-9)!important;color:var(--el-color-primary)!important}.tree-dropdown-menu[data-v-0043eed3] [data-v-0043eed3] .el-dropdown-menu__item[data-v-0043eed3]:not(:last-child){margin-bottom:4px}.tree-dropdown-menu[data-v-0043eed3] [data-v-0043eed3] .el-divider{border-top:1px solid #e5e7eb;margin:12px 0}.tree-dropdown-menu[data-v-0043eed3] [data-v-0043eed3] .sortable-ghost{background-color:var(--el-color-primary-light-9);border:1px dashed var(--el-color-primary);border-radius:4px;opacity:.4}.tree-dropdown-menu[data-v-0043eed3] [data-v-0043eed3] .sortable-chosen{background-color:var(--el-color-primary-light-8);box-shadow:0 2px 8px rgba(0,0,0,.1)}.tree-dropdown-menu[data-v-0043eed3] [data-v-0043eed3] .sortable-drag{background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:move;opacity:1;transform:rotate(2deg)}.tree-dropdown-menu[data-v-0043eed3] [data-v-0043eed3] .sortable-fallback{-webkit-user-select:none;-moz-user-select:none;user-select:none}
 .tree-dropdown-popper{border:none!important;border-radius:8px!important;overflow:hidden!important}.yc-plus-tree .highlight-keyword{background-color:var(--el-color-primary-light-9);border-radius:2px;color:var(--el-color-primary);font-weight:600;padding:0 2px}.el-tree-node__content:has([data-input-node=true]) .el-tree-node__expand-icon{display:none!important}.sortable-ghost{opacity:.3!important;position:relative!important}.drop-target{background-color:var(--el-color-primary-light-9)!important;border-radius:4px}.drop-target:before{background:var(--el-color-primary);border-radius:1.5px;bottom:0;content:"";left:calc(var(--drop-indent, 0px) - 3px);opacity:.6;position:absolute;top:0;width:3px;z-index:1}

package/es/index.mjs

@@ -9,7 +9,7 @@ export { usePlusFormReset } from './hooks/usePlusFormReset.mjs';
 export { useSelectWithPagination } from './hooks/useSelectWithPagination.mjs';
 export { useDictInjection } from './hooks/useDictInjection.mjs';
 export { DefaultPageInfo, DefaultPageSizeList } from './constants/page.mjs';
-export { DatePickerValueIsArrayList, TableFormFieldRefInjectionKey, TableFormRefInjectionKey, TableFormRowInfoInjectionKey, ValueIsArrayList, ValueIsBooleanList, ValueIsNumberList } from './constants/form.mjs';
+export { DatePickerValueIsArrayList, TableColumnsEmptyTextInjectionKey, TableFormFieldRefInjectionKey, TableFormRefInjectionKey, TableFormRowInfoInjectionKey, ValueIsArrayList, ValueIsBooleanList, ValueIsNumberList } from './constants/form.mjs';
 export { selectValueTypeList } from './constants/display-item.mjs';
 export { DictStoreInjectionKey } from './constants/dict.mjs';
 export { version } from './version.mjs';