vxe-pc-ui 4.20.24 → 4.20.26

package/lib/list/src/list.js

@@ -34,7 +34,7 @@ module.exports = __toCommonJS(list_exports);
 var import_vue = require("vue");
 var import_comp = require("../../ui/src/comp");
 var import_xe_utils = __toESM(require("xe-utils"));
-var import_ui = require("../../ui");
+var import_core = require("@vxe-ui/core");
 var import_store = require("./store");
 var import_dom = require("../../ui/src/dom");
 var import_utils = require("../../ui/src/utils");
@@ -42,7 +42,7 @@ var import_log = require("../../ui/src/log");
 var import_anime = require("../../ui/src/anime");
 var import_util = require("./util");
 var import_loading = __toESM(require("../../loading"));
-const { getConfig, getIcon, getI18n, domUtils, useFns, menus, globalEvents, globalResize, createEvent, renderEmptyElement } = import_ui.VxeUI;
+const { getConfig, getIcon, getI18n, domUtils, useFns, menus, globalEvents, globalResize, createEvent, renderEmptyElement } = import_core.VxeUI;
 const { warnLog, errLog } = (0, import_log.createComponentLog)("tree");
 function getRowKeyByField(row, keyField) {
   return row ? "" + (row[keyField] || "") : "";
@@ -155,24 +155,7 @@ var list_default = (0, import_comp.defineVxeComponent)({
     },
     scrollbarConfig: Object
   },
-  emits: [
-    "update:checkRowKey",
-    "update:checkRowKeys",
-    "row-click",
-    "row-dblclick",
-    "current-change",
-    "radio-change",
-    "checkbox-change",
-    "checkbox-all",
-    "scroll",
-    "row-dragstart",
-    "row-dragover",
-    "row-dragend",
-    "row-remove-dragend",
-    "row-insert-dragend",
-    "row-menu",
-    "menu-click"
-  ],
+  emits: ["update:checkRowKey", "update:checkRowKeys", "row-click", "row-dblclick", "current-change", "radio-change", "checkbox-change", "checkbox-all", "scroll", "row-dragstart", "row-dragover", "row-dragend", "row-remove-dragend", "row-insert-dragend", "row-menu", "menu-click"],
   setup(props, context) {
     const { slots, emit } = context;
     const xID = import_xe_utils.default.uniqueId();
@@ -201,21 +184,7 @@ var list_default = (0, import_comp.defineVxeComponent)({
       internalData,
       getRefMaps: () => refMaps
     };
-    const {
-      refTrackXElem,
-      refTrackYElem,
-      refThumbXElem,
-      refThumbYElem,
-      updateThumbSize,
-      updateThumbOffset,
-      clickTrackXEvent,
-      clickTrackYEvent,
-      pointerdownThumbXEvent,
-      pointermoveThumbXEvent,
-      cleatPointerThumbEvent,
-      pointerdownThumbYEvent,
-      pointermoveThumbYEvent
-    } = useFns.useInitVScrollbar($xeList);
+    const { refTrackXElem, refTrackYElem, refThumbXElem, refThumbYElem, updateThumbSize, updateThumbOffset, clickTrackXEvent, clickTrackYEvent, pointerdownThumbXEvent, pointermoveThumbXEvent, cleatPointerThumbEvent, pointerdownThumbYEvent, pointermoveThumbYEvent } = useFns.useInitVScrollbar($xeList);
     const computeRowOpts = (0, import_vue.computed)(() => {
       return Object.assign({}, getConfig().list.rowConfig, props.rowConfig);
     });
@@ -323,17 +292,20 @@ var list_default = (0, import_comp.defineVxeComponent)({
       const scrollbarYToLeft = computeScrollbarYToLeft.value;
       const scrollXVisible = computeScrollXVisible.value;
       const scrollYVisible = computeScrollYVisible.value;
-      return domUtils.buildClass([
-        "vxe-scrollbar is--virtual",
-        scrollbarOpts.fluentOverlay ? "is--fluent-overlay" : "is--default-mode",
-        `ov-x--${scrollXVisible === false ? "hidden" : "visible"}`,
-        `ov-y--${scrollYVisible === false ? "hidden" : "visible"}`,
-        `sx-pos--${scrollbarXToTop ? "top" : "bottom"}`,
-        `sy-pos--${scrollbarYToLeft ? "left" : "right"}`
-      ], {
-        "overflow-y": yThumbHeight,
-        "overflow-x": xThumbWidth
-      });
+      return domUtils.buildClass(
+        [
+          "vxe-scrollbar is--virtual",
+          scrollbarOpts.fluentOverlay ? "is--fluent-overlay" : "is--default-mode",
+          `ov-x--${scrollXVisible === false ? "hidden" : "visible"}`,
+          `ov-y--${scrollYVisible === false ? "hidden" : "visible"}`,
+          `sx-pos--${scrollbarXToTop ? "top" : "bottom"}`,
+          `sy-pos--${scrollbarYToLeft ? "left" : "right"}`
+        ],
+        {
+          "overflow-y": yThumbHeight,
+          "overflow-x": xThumbWidth
+        }
+      );
     });
     const computeScrollbarXToTop = (0, import_vue.computed)(() => {
       const scrollbarXOpts = computeScrollbarXOpts.value;
@@ -664,6 +636,7 @@ var list_default = (0, import_comp.defineVxeComponent)({
       if (el) {
         const clss = "row--drag-origin";
         import_xe_utils.default.arrayEach(el.querySelectorAll(`.${clss}`), (elem) => {
+          ;
           elem.draggable = false;
           (0, import_dom.removeClass)(elem, clss);
         });
@@ -1150,17 +1123,19 @@ var list_default = (0, import_comp.defineVxeComponent)({
       const { selectCheckboxMaps } = internalData;
       const keyField = computeKeyField.value;
       const rowList = row ? import_xe_utils.default.isArray(row) ? row : [row] : [];
-      rowList.forEach(checked ? (obj) => {
-        const rowid = getRowIdByField(obj, keyField);
-        if (!selectCheckboxMaps[rowid]) {
-          selectCheckboxMaps[rowid] = obj;
-        }
-      } : (obj) => {
-        const rowid = getRowIdByField(obj, keyField);
-        if (selectCheckboxMaps[rowid]) {
-          delete selectCheckboxMaps[rowid];
+      rowList.forEach(
+        checked ? (obj) => {
+          const rowid = getRowIdByField(obj, keyField);
+          if (!selectCheckboxMaps[rowid]) {
+            selectCheckboxMaps[rowid] = obj;
+          }
+        } : (obj) => {
+          const rowid = getRowIdByField(obj, keyField);
+          if (selectCheckboxMaps[rowid]) {
+            delete selectCheckboxMaps[rowid];
+          }
         }
-      });
+      );
       const value = getCheckboxRowKeys();
       emitCheckboxMode(value);
       return updateCheckboxStatus();
@@ -1169,23 +1144,25 @@ var list_default = (0, import_comp.defineVxeComponent)({
       const { selectCheckboxMaps, fullKeyMaps } = internalData;
       const keyField = computeKeyField.value;
       const rowKeys = rowKey ? import_xe_utils.default.isArray(rowKey) ? rowKey : [rowKey] : [];
-      rowKeys.forEach(checked ? (key) => {
-        const row = fullKeyMaps[key || ""];
-        if (row) {
-          const rowid = getRowIdByField(row, keyField);
-          if (row && !selectCheckboxMaps[rowid]) {
-            selectCheckboxMaps[rowid] = row;
+      rowKeys.forEach(
+        checked ? (key) => {
+          const row = fullKeyMaps[key || ""];
+          if (row) {
+            const rowid = getRowIdByField(row, keyField);
+            if (row && !selectCheckboxMaps[rowid]) {
+              selectCheckboxMaps[rowid] = row;
+            }
           }
-        }
-      } : (key) => {
-        const row = fullKeyMaps[key || ""];
-        if (row) {
-          const rowid = getRowIdByField(row, keyField);
-          if (selectCheckboxMaps[rowid]) {
-            delete selectCheckboxMaps[rowid];
+        } : (key) => {
+          const row = fullKeyMaps[key || ""];
+          if (row) {
+            const rowid = getRowIdByField(row, keyField);
+            if (selectCheckboxMaps[rowid]) {
+              delete selectCheckboxMaps[rowid];
+            }
           }
         }
-      });
+      );
       const value = getCheckboxRowKeys();
       emitCheckboxMode(value);
       return updateCheckboxStatus();
@@ -1456,8 +1433,8 @@ var list_default = (0, import_comp.defineVxeComponent)({
             internalData.currentRow = null;
             reactData.currRowFlag++;
           }
-          if (import_ui.VxeUI.contextMenu) {
-            import_ui.VxeUI.contextMenu.openByEvent(evnt, {
+          if (import_core.VxeUI.contextMenu) {
+            import_core.VxeUI.contextMenu.openByEvent(evnt, {
               options,
               events: {
                 optionClick(eventParams) {
@@ -1678,9 +1655,13 @@ var list_default = (0, import_comp.defineVxeComponent)({
                 (0, import_anime.moveRowAnimateToTb)(dtTrList, dragRowHeight);
               }
             });
-            dispatchEvent("row-remove-dragend", {
-              row: dragRow
-            }, evnt);
+            dispatchEvent(
+              "row-remove-dragend",
+              {
+                row: dragRow
+              },
+              evnt
+            );
             handleRowDragEndClearStatus();
           }
         }
@@ -1762,13 +1743,17 @@ var list_default = (0, import_comp.defineVxeComponent)({
               } else {
                 insertRest = $xeList.insert(dragList);
               }
-              $xeList.dispatchEvent("row-insert-dragend", {
-                oldRow,
-                newRow: prevDragRow,
-                dragRow,
-                dragPos: prevDragPos,
-                offsetIndex: dragOffsetIndex
-              }, evnt);
+              $xeList.dispatchEvent(
+                "row-insert-dragend",
+                {
+                  oldRow,
+                  newRow: prevDragRow,
+                  dragRow,
+                  dragPos: prevDragPos,
+                  offsetIndex: dragOffsetIndex
+                },
+                evnt
+              );
               clearRowDragData();
               insertRest.then(() => {
                 const { rowList } = reactData;
@@ -1838,38 +1823,61 @@ var list_default = (0, import_comp.defineVxeComponent)({
       const isDrag = computeIsDrag.value;
       const dRow = dragRow;
       if (isDrag) {
-        return (0, import_vue.h)("div", {
-          class: "vxe-list--drag-wrapper"
-        }, [
-          (0, import_vue.h)("div", {
-            ref: refDragRowLineElem,
-            class: ["vxe-list--drag-row-line", {
-              "is--guides": dragOpts.showGuidesStatus
-            }]
-          }),
-          dRow && dragOpts.showDragTip ? (0, import_vue.h)("div", {
-            ref: refDragTipElem,
-            class: "vxe-list--drag-sort-tip"
-          }, [
+        return (0, import_vue.h)(
+          "div",
+          {
+            class: "vxe-list--drag-wrapper"
+          },
+          [
             (0, import_vue.h)("div", {
-              class: "vxe-list--drag-sort-tip-wrapper"
-            }, [
-              (0, import_vue.h)("div", {
-                class: "vxe-list--drag-sort-tip-status"
-              }, [
-                (0, import_vue.h)("span", {
-                  class: ["vxe-list--drag-sort-tip-normal-status", getIcon().LIST_DRAG_STATUS_NODE]
-                }),
-                (0, import_vue.h)("span", {
-                  class: ["vxe-list--drag-sort-tip-disabled-status", getIcon().LIST_DRAG_DISABLED]
-                })
-              ]),
-              (0, import_vue.h)("div", {
-                class: "vxe-list--drag-sort-tip-content"
-              }, dragTipText)
-            ])
-          ]) : renderEmptyElement($xeList)
-        ]);
+              ref: refDragRowLineElem,
+              class: [
+                "vxe-list--drag-row-line",
+                {
+                  "is--guides": dragOpts.showGuidesStatus
+                }
+              ]
+            }),
+            dRow && dragOpts.showDragTip ? (0, import_vue.h)(
+              "div",
+              {
+                ref: refDragTipElem,
+                class: "vxe-list--drag-sort-tip"
+              },
+              [
+                (0, import_vue.h)(
+                  "div",
+                  {
+                    class: "vxe-list--drag-sort-tip-wrapper"
+                  },
+                  [
+                    (0, import_vue.h)(
+                      "div",
+                      {
+                        class: "vxe-list--drag-sort-tip-status"
+                      },
+                      [
+                        (0, import_vue.h)("span", {
+                          class: ["vxe-list--drag-sort-tip-normal-status", getIcon().LIST_DRAG_STATUS_NODE]
+                        }),
+                        (0, import_vue.h)("span", {
+                          class: ["vxe-list--drag-sort-tip-disabled-status", getIcon().LIST_DRAG_DISABLED]
+                        })
+                      ]
+                    ),
+                    (0, import_vue.h)(
+                      "div",
+                      {
+                        class: "vxe-list--drag-sort-tip-content"
+                      },
+                      dragTipText
+                    )
+                  ]
+                )
+              ]
+            ) : renderEmptyElement($xeList)
+          ]
+        );
       }
       return renderEmptyElement($xeList);
     };
@@ -1879,22 +1887,29 @@ var list_default = (0, import_comp.defineVxeComponent)({
       const { showIcon, visibleMethod } = radioOpts;
       const isVisible = !visibleMethod || visibleMethod({ $list: $xeList, row });
       if (showRadio && showIcon && isVisible) {
-        return (0, import_vue.h)("div", {
-          key: "ct2",
-          class: ["vxe-list--radio-option", {
-            "is--checked": isChecked,
-            "is--disabled": isDisabled
-          }],
-          onClick(evnt) {
-            if (!isDisabled) {
-              changeRadioEvent(evnt, row);
+        return (0, import_vue.h)(
+          "div",
+          {
+            key: "ct2",
+            class: [
+              "vxe-list--radio-option",
+              {
+                "is--checked": isChecked,
+                "is--disabled": isDisabled
+              }
+            ],
+            onClick(evnt) {
+              if (!isDisabled) {
+                changeRadioEvent(evnt, row);
+              }
             }
-          }
-        }, [
-          (0, import_vue.h)("span", {
-            class: ["vxe-radio--icon", isChecked ? getIcon().RADIO_CHECKED : isDisabled ? getIcon().RADIO_DISABLED_UNCHECKED : getIcon().RADIO_UNCHECKED]
-          })
-        ]);
+          },
+          [
+            (0, import_vue.h)("span", {
+              class: ["vxe-radio--icon", isChecked ? getIcon().RADIO_CHECKED : isDisabled ? getIcon().RADIO_DISABLED_UNCHECKED : getIcon().RADIO_UNCHECKED]
+            })
+          ]
+        );
       }
       return renderEmptyElement($xeList);
     };
@@ -1904,22 +1919,29 @@ var list_default = (0, import_comp.defineVxeComponent)({
       const { showIcon, visibleMethod } = checkboxOpts;
       const isVisible = !visibleMethod || visibleMethod({ $list: $xeList, row });
       if (showCheckbox && showIcon && isVisible) {
-        return (0, import_vue.h)("div", {
-          key: "ct3",
-          class: ["vxe-list--checkbox-option", {
-            "is--checked": isChecked,
-            "is--disabled": isDisabled
-          }],
-          onClick(evnt) {
-            if (!isDisabled) {
-              changeCheckboxEvent(evnt, row);
+        return (0, import_vue.h)(
+          "div",
+          {
+            key: "ct3",
+            class: [
+              "vxe-list--checkbox-option",
+              {
+                "is--checked": isChecked,
+                "is--disabled": isDisabled
+              }
+            ],
+            onClick(evnt) {
+              if (!isDisabled) {
+                changeCheckboxEvent(evnt, row);
+              }
             }
-          }
-        }, [
-          (0, import_vue.h)("span", {
-            class: ["vxe-checkbox--icon", isChecked ? getIcon().CHECKBOX_CHECKED : isDisabled ? getIcon().CHECKBOX_DISABLED_UNCHECKED : getIcon().CHECKBOX_UNCHECKED]
-          })
-        ]);
+          },
+          [
+            (0, import_vue.h)("span", {
+              class: ["vxe-checkbox--icon", isChecked ? getIcon().CHECKBOX_CHECKED : isDisabled ? getIcon().CHECKBOX_DISABLED_UNCHECKED : getIcon().CHECKBOX_UNCHECKED]
+            })
+          ]
+        );
       }
       return renderEmptyElement($xeList);
     };
@@ -1956,14 +1978,10 @@ var list_default = (0, import_comp.defineVxeComponent)({
       }
       const ctVNs = [];
       if (showRadio) {
-        ctVNs.push(
-          renderRadio(row, rowid, isRadioDisabled, isRadioChecked)
-        );
+        ctVNs.push(renderRadio(row, rowid, isRadioDisabled, isRadioChecked));
       }
       if (showCheckbox) {
-        ctVNs.push(
-          renderCheckbox(row, rowid, isCheckboxDisabled, isCheckboxChecked)
-        );
+        ctVNs.push(renderCheckbox(row, rowid, isCheckboxDisabled, isCheckboxChecked));
       }
       let isDragDisabled = false;
       if (isDrag && keyField && (!visibleMethod || visibleMethod(rowParams))) {
@@ -1978,33 +1996,49 @@ var list_default = (0, import_comp.defineVxeComponent)({
           handleOns.onMouseup = handleRowDragMouseupEvent;
         }
         ctVNs.push(
-          (0, import_vue.h)("div", {
-            key: "ct1",
-            class: "vxe-list--row-drag"
-          }, [
-            (0, import_vue.h)("span", {
-              class: "vxe-list--drag-handle",
-              ...handleOns
-            }, [
-              (0, import_vue.h)("i", {
-                class: icon || getIcon().LIST_DRAG
-              })
-            ])
-          ])
+          (0, import_vue.h)(
+            "div",
+            {
+              key: "ct1",
+              class: "vxe-list--row-drag"
+            },
+            [
+              (0, import_vue.h)(
+                "span",
+                {
+                  class: "vxe-list--drag-handle",
+                  ...handleOns
+                },
+                [
+                  (0, import_vue.h)("i", {
+                    class: icon || getIcon().LIST_DRAG
+                  })
+                ]
+              )
+            ]
+          )
         );
       }
       ctVNs.push(
-        (0, import_vue.h)("div", {
-          key: "ct5",
-          class: "vxe-list--row-content"
-        }, contentSlot ? contentSlot(rowParams) : contentField ? (0, import_utils.getText)(row[contentField]) : "")
+        (0, import_vue.h)(
+          "div",
+          {
+            key: "ct5",
+            class: "vxe-list--row-content"
+          },
+          contentSlot ? contentSlot(rowParams) : contentField ? (0, import_utils.getText)(row[contentField]) : ""
+        )
       );
       if (extraSlot) {
         ctVNs.push(
-          (0, import_vue.h)("div", {
-            key: "ct7",
-            class: "vxe-list--row-extra"
-          }, extraSlot(rowParams))
+          (0, import_vue.h)(
+            "div",
+            {
+              key: "ct7",
+              class: "vxe-list--row-extra"
+            },
+            extraSlot(rowParams)
+          )
         );
       }
       const rowOns = {
@@ -2027,19 +2061,27 @@ var list_default = (0, import_comp.defineVxeComponent)({
         rowOns.onDragend = handleRowDragDragendEvent;
         rowOns.onDragover = handleRowDragDragoverEvent;
       }
-      return (0, import_vue.h)("div", {
-        key: hasKey && keyField ? rowid : rowIndex,
-        class: ["vxe-list--row", isRowFnCls ? rowClassName(rowParams) : rowClassName || "", {
-          "is--drag-disabled": isDragDisabled,
-          "is--current": currRowFlag && currentRow && eqRowByKey(currentRow, rowKey),
-          "is-radio--disabled": isRadioDisabled,
-          "is-radio--checked": isRadioChecked,
-          "is-checkbox--disabled": isCheckboxDisabled,
-          "is-checkbox--checked": isCheckboxChecked
-        }],
-        rowid: hasKey && keyField ? rowid : void 0,
-        ...rowOns
-      }, ctVNs);
+      return (0, import_vue.h)(
+        "div",
+        {
+          key: hasKey && keyField ? rowid : rowIndex,
+          class: [
+            "vxe-list--row",
+            isRowFnCls ? rowClassName(rowParams) : rowClassName || "",
+            {
+              "is--drag-disabled": isDragDisabled,
+              "is--current": currRowFlag && currentRow && eqRowByKey(currentRow, rowKey),
+              "is-radio--disabled": isRadioDisabled,
+              "is-radio--checked": isRadioChecked,
+              "is-checkbox--disabled": isCheckboxDisabled,
+              "is-checkbox--checked": isCheckboxChecked
+            }
+          ],
+          rowid: hasKey && keyField ? rowid : void 0,
+          ...rowOns
+        },
+        ctVNs
+      );
     };
     const renderVN = () => {
       const { showCheckbox, className, loading } = props;
@@ -2072,158 +2114,227 @@ var list_default = (0, import_comp.defineVxeComponent)({
       if (isCrossListDrag && !rowList.length) {
         leOns.onDragover = $xeList.handleCrossListRowDragoverEmptyEvent;
       }
-      return (0, import_vue.h)("div", {
-        ref: refElem,
-        class: [
-          "vxe-list",
-          isVScrollbar ? `ov-x--${scrollXVisible === false ? "hidden" : "visible"}` : "",
-          isVScrollbar ? `ov-y--${scrollYVisible === false ? "hidden" : "visible"}` : "",
-          isVScrollbar ? `sx-pos--${scrollbarXToTop ? "top" : "bottom"}` : "",
-          isVScrollbar ? `sy-pos--${scrollbarYToLeft ? "left" : "right"}` : "",
-          className ? import_xe_utils.default.isFunction(className) ? className({ $list: $xeList }) : className : "",
-          {
-            [`size--${vSize}`]: vSize,
-            "is--virtual-scrollbar": isVScrollbar,
-            "ov-padding": isVScrollbar && scrollbarOpts.padding,
-            "ov-x--auto-hide": isVScrollbar && scrollXAutoHide,
-            "ov-y--auto-hide": isVScrollbar && scrollYAutoHide,
-            "overflow-y": yThumbHeight,
-            "overflow-x": xThumbWidth,
-            "is--drag": isDrag,
-            "is--loading": loading
-          }
-        ],
-        style: wrapperStyles,
-        ...leOns
-      }, [
-        headerSlot || showDefChekboxHead ? (0, import_vue.h)("div", {
-          ref: refHeaderElem,
-          class: "vxe-list--header-wrapper"
-        }, [
-          showDefChekboxHead ? (0, import_vue.h)("div", {
-            class: "vxe-list--header-left"
-          }, [
-            (0, import_vue.h)("div", {
-              class: ["vxe-list--checkbox-header", {
-                "is--checked": isAllChecked,
-                "is--indeterminate": isAllIndeterminate
-              }],
-              onClick: changeCheckboxAllEvent
-            }, [
-              (0, import_vue.h)("span", {
-                class: ["vxe-checkbox--icon", isAllChecked ? getIcon().CHECKBOX_CHECKED : isAllIndeterminate ? getIcon().CHECKBOX_INDETERMINATE : getIcon().CHECKBOX_UNCHECKED]
-              }),
-              (0, import_vue.h)("span", {
-                class: "vxe-checkbox--label"
-              }, import_xe_utils.default.eqNull(headerTitle) ? getI18n("vxe.list.allChecked") : (0, import_utils.getText)(headerTitle))
-            ])
-          ]) : renderEmptyElement($xeList),
-          headerSlot ? (0, import_vue.h)("div", {
-            class: "vxe-list--header-content"
-          }, headerSlot({ items: rowList, $list: $xeList })) : renderEmptyElement($xeList)
-        ]) : renderEmptyElement($xeList),
-        (0, import_vue.h)("div", {
-          ref: refVirtualWrapper,
-          class: "vxe-list--virtual-wrapper",
-          style: virtualStyles,
-          onScroll: scrollEvent
-        }, [
-          (0, import_vue.h)("div", {
-            ref: refVirtualSpaceElem,
-            class: "vxe-list--y-space",
-            style: {
-              height: bodyHeight ? `${bodyHeight}px` : ""
-            }
-          }),
-          (0, import_vue.h)("div", {
-            ref: refVirtualBody,
-            class: ["vxe-list--body", {
-              "trigger--row": trigger === "row",
-              "checkbox--highlight": checkboxOpts.highlight,
-              "radio--highlight": radioOpts.highlight,
-              "row--hover": isHover,
-              "is--padding": padding
-            }],
-            style: {
-              marginTop: topSpaceHeight ? `${topSpaceHeight}px` : ""
+      return (0, import_vue.h)(
+        "div",
+        {
+          ref: refElem,
+          class: [
+            "vxe-list",
+            isVScrollbar ? `ov-x--${scrollXVisible === false ? "hidden" : "visible"}` : "",
+            isVScrollbar ? `ov-y--${scrollYVisible === false ? "hidden" : "visible"}` : "",
+            isVScrollbar ? `sx-pos--${scrollbarXToTop ? "top" : "bottom"}` : "",
+            isVScrollbar ? `sy-pos--${scrollbarYToLeft ? "left" : "right"}` : "",
+            className ? import_xe_utils.default.isFunction(className) ? className({ $list: $xeList }) : className : "",
+            {
+              [`size--${vSize}`]: vSize,
+              "is--virtual-scrollbar": isVScrollbar,
+              "ov-padding": isVScrollbar && scrollbarOpts.padding,
+              "ov-x--auto-hide": isVScrollbar && scrollXAutoHide,
+              "ov-y--auto-hide": isVScrollbar && scrollYAutoHide,
+              "overflow-y": yThumbHeight,
+              "overflow-x": xThumbWidth,
+              "is--drag": isDrag,
+              "is--loading": loading
             }
-          }, defaultSlot ? defaultSlot({ items: rowList, $list: $xeList }) : rowList.map((row, i) => renderRow(row, i)))
-        ]),
-        footerSlot ? (0, import_vue.h)("div", {
-          ref: refFooterElem,
-          class: "vxe-list--footer-wrapper"
-        }, footerSlot({ items: rowList, $list: $xeList })) : renderEmptyElement($xeList),
-        /**
-         * 滚动条
-         */
-        isVScrollbar ? (0, import_vue.h)("div", {
-          class: scrollbarWrapperClss
-        }, [
-          scrollXVisible === false ? renderEmptyElement($xeList) : (0, import_vue.h)("div", {
-            ref: refTrackXElem,
-            class: "vxe-scrollbar--track-x",
-            onClick: clickTrackXEvent
-          }, [
-            (0, import_vue.h)("div", {
-              ref: refThumbXElem,
-              class: "vxe-scrollbar--thumb-x",
-              onPointerdown: pointerdownThumbXEvent,
-              onPointermove: pointermoveThumbXEvent,
-              onPointerup: cleatPointerThumbEvent,
-              onPointercancel: cleatPointerThumbEvent,
-              onLostpointercapture: cleatPointerThumbEvent
-            })
-          ]),
-          scrollYVisible === false ? renderEmptyElement($xeList) : (0, import_vue.h)("div", {
-            ref: refTrackYElem,
-            class: "vxe-scrollbar--track-y",
-            onClick: clickTrackYEvent
-          }, [
-            (0, import_vue.h)("div", {
-              ref: refThumbYElem,
-              class: "vxe-scrollbar--thumb-y",
-              onPointerdown: pointerdownThumbYEvent,
-              onPointermove: pointermoveThumbYEvent,
-              onPointerup: cleatPointerThumbEvent,
-              onPointercancel: cleatPointerThumbEvent,
-              onLostpointercapture: cleatPointerThumbEvent
-            })
-          ])
-        ]) : renderEmptyElement($xeList),
-        /**
-         * 拖拽提示
-         */
-        renderDragTip(),
-        /**
-         * 加载中
-         */
-        (0, import_vue.h)(import_loading.default, {
-          class: "vxe-list--loading",
-          modelValue: loading
-        })
-      ]);
+          ],
+          style: wrapperStyles,
+          ...leOns
+        },
+        [
+          headerSlot || showDefChekboxHead ? (0, import_vue.h)(
+            "div",
+            {
+              ref: refHeaderElem,
+              class: "vxe-list--header-wrapper"
+            },
+            [
+              showDefChekboxHead ? (0, import_vue.h)(
+                "div",
+                {
+                  class: "vxe-list--header-left"
+                },
+                [
+                  (0, import_vue.h)(
+                    "div",
+                    {
+                      class: [
+                        "vxe-list--checkbox-header",
+                        {
+                          "is--checked": isAllChecked,
+                          "is--indeterminate": isAllIndeterminate
+                        }
+                      ],
+                      onClick: changeCheckboxAllEvent
+                    },
+                    [
+                      (0, import_vue.h)("span", {
+                        class: ["vxe-checkbox--icon", isAllChecked ? getIcon().CHECKBOX_CHECKED : isAllIndeterminate ? getIcon().CHECKBOX_INDETERMINATE : getIcon().CHECKBOX_UNCHECKED]
+                      }),
+                      (0, import_vue.h)(
+                        "span",
+                        {
+                          class: "vxe-checkbox--label"
+                        },
+                        import_xe_utils.default.eqNull(headerTitle) ? getI18n("vxe.list.allChecked") : (0, import_utils.getText)(headerTitle)
+                      )
+                    ]
+                  )
+                ]
+              ) : renderEmptyElement($xeList),
+              headerSlot ? (0, import_vue.h)(
+                "div",
+                {
+                  class: "vxe-list--header-content"
+                },
+                headerSlot({ items: rowList, $list: $xeList })
+              ) : renderEmptyElement($xeList)
+            ]
+          ) : renderEmptyElement($xeList),
+          (0, import_vue.h)(
+            "div",
+            {
+              ref: refVirtualWrapper,
+              class: "vxe-list--virtual-wrapper",
+              style: virtualStyles,
+              onScroll: scrollEvent
+            },
+            [
+              (0, import_vue.h)("div", {
+                ref: refVirtualSpaceElem,
+                class: "vxe-list--y-space",
+                style: {
+                  height: bodyHeight ? `${bodyHeight}px` : ""
+                }
+              }),
+              (0, import_vue.h)(
+                "div",
+                {
+                  ref: refVirtualBody,
+                  class: [
+                    "vxe-list--body",
+                    {
+                      "trigger--row": trigger === "row",
+                      "checkbox--highlight": checkboxOpts.highlight,
+                      "radio--highlight": radioOpts.highlight,
+                      "row--hover": isHover,
+                      "is--padding": padding
+                    }
+                  ],
+                  style: {
+                    marginTop: topSpaceHeight ? `${topSpaceHeight}px` : ""
+                  }
+                },
+                defaultSlot ? defaultSlot({ items: rowList, $list: $xeList }) : rowList.map((row, i) => renderRow(row, i))
+              )
+            ]
+          ),
+          footerSlot ? (0, import_vue.h)(
+            "div",
+            {
+              ref: refFooterElem,
+              class: "vxe-list--footer-wrapper"
+            },
+            footerSlot({ items: rowList, $list: $xeList })
+          ) : renderEmptyElement($xeList),
+          /**
+           * 滚动条
+           */
+          isVScrollbar ? (0, import_vue.h)(
+            "div",
+            {
+              class: scrollbarWrapperClss
+            },
+            [
+              scrollXVisible === false ? renderEmptyElement($xeList) : (0, import_vue.h)(
+                "div",
+                {
+                  ref: refTrackXElem,
+                  class: "vxe-scrollbar--track-x",
+                  onClick: clickTrackXEvent
+                },
+                [
+                  (0, import_vue.h)("div", {
+                    ref: refThumbXElem,
+                    class: "vxe-scrollbar--thumb-x",
+                    onPointerdown: pointerdownThumbXEvent,
+                    onPointermove: pointermoveThumbXEvent,
+                    onPointerup: cleatPointerThumbEvent,
+                    onPointercancel: cleatPointerThumbEvent,
+                    onLostpointercapture: cleatPointerThumbEvent
+                  })
+                ]
+              ),
+              scrollYVisible === false ? renderEmptyElement($xeList) : (0, import_vue.h)(
+                "div",
+                {
+                  ref: refTrackYElem,
+                  class: "vxe-scrollbar--track-y",
+                  onClick: clickTrackYEvent
+                },
+                [
+                  (0, import_vue.h)("div", {
+                    ref: refThumbYElem,
+                    class: "vxe-scrollbar--thumb-y",
+                    onPointerdown: pointerdownThumbYEvent,
+                    onPointermove: pointermoveThumbYEvent,
+                    onPointerup: cleatPointerThumbEvent,
+                    onPointercancel: cleatPointerThumbEvent,
+                    onLostpointercapture: cleatPointerThumbEvent
+                  })
+                ]
+              )
+            ]
+          ) : renderEmptyElement($xeList),
+          /**
+           * 拖拽提示
+           */
+          renderDragTip(),
+          /**
+           * 加载中
+           */
+          (0, import_vue.h)(import_loading.default, {
+            class: "vxe-list--loading",
+            modelValue: loading
+          })
+        ]
+      );
     };
     const dataFlag = (0, import_vue.ref)(0);
-    (0, import_vue.watch)(() => props.data ? props.data.length : -1, () => {
-      dataFlag.value++;
-    });
-    (0, import_vue.watch)(() => props.data, () => {
-      dataFlag.value++;
-    });
+    (0, import_vue.watch)(
+      () => props.data ? props.data.length : -1,
+      () => {
+        dataFlag.value++;
+      }
+    );
+    (0, import_vue.watch)(
+      () => props.data,
+      () => {
+        dataFlag.value++;
+      }
+    );
     (0, import_vue.watch)(dataFlag, () => {
       loadData(props.data || []);
     });
     const reScrollFlag = (0, import_vue.ref)(0);
     const reLayoutFlag = (0, import_vue.ref)(0);
-    (0, import_vue.watch)(() => props.height, () => {
-      reLayoutFlag.value++;
-    });
-    (0, import_vue.watch)(() => props.maxHeight, () => {
-      reLayoutFlag.value++;
-    });
-    (0, import_vue.watch)(() => props.syncResize, () => {
-      reLayoutFlag.value++;
-    });
+    (0, import_vue.watch)(
+      () => props.height,
+      () => {
+        reLayoutFlag.value++;
+      }
+    );
+    (0, import_vue.watch)(
+      () => props.maxHeight,
+      () => {
+        reLayoutFlag.value++;
+      }
+    );
+    (0, import_vue.watch)(
+      () => props.syncResize,
+      () => {
+        reLayoutFlag.value++;
+      }
+    );
     (0, import_vue.watch)(computeIsVScrollbar, () => {
       (0, import_vue.nextTick)(() => {
         bindScrollbarResize();
@@ -2261,16 +2372,25 @@ var list_default = (0, import_comp.defineVxeComponent)({
         updateScrollbar();
       });
     });
-    (0, import_vue.watch)(() => props.checkRowKey, () => {
-      updateRadioModeValue();
-    });
+    (0, import_vue.watch)(
+      () => props.checkRowKey,
+      () => {
+        updateRadioModeValue();
+      }
+    );
     const checkKeyFlag = (0, import_vue.ref)(0);
-    (0, import_vue.watch)(() => props.checkRowKeys ? props.checkRowKeys.length : -1, () => {
-      checkKeyFlag.value++;
-    });
-    (0, import_vue.watch)(() => props.checkRowKeys, () => {
-      checkKeyFlag.value++;
-    });
+    (0, import_vue.watch)(
+      () => props.checkRowKeys ? props.checkRowKeys.length : -1,
+      () => {
+        checkKeyFlag.value++;
+      }
+    );
+    (0, import_vue.watch)(
+      () => props.checkRowKeys,
+      () => {
+        checkKeyFlag.value++;
+      }
+    );
     (0, import_vue.watch)(checkKeyFlag, () => {
       updateCheckboxModeValue();
     });