vxe-table 3.23.4 → 3.23.6

package/es/ui/index.js

@@ -1,6 +1,6 @@
 import { VxeUI } from '@vxe-ui/core';
 import { getFuncText } from './src/utils';
-export const version = "3.23.4";
+export const version = "3.23.6";
 VxeUI.version = version;
 VxeUI.tableVersion = version;
 VxeUI.setConfig({

package/es/ui/src/dom.js

@@ -174,6 +174,18 @@ export function hasEventInputTarget(target) {
     const tagName = target ? target.tagName : '';
     return tagName && ['input', 'textarea'].includes((tagName.toLowerCase()));
 }
+/**
+ * 判断是否由内部可复用控件触发，输入框带有 vxe-reusekeep-contro
+ */
+function hasReusekeepControl(elem) {
+    if (elem) {
+        return hasClass(elem, 'vxe-reusekeep-contro');
+    }
+    return false;
+}
+export function hasAxternalInputTarget(target) {
+    return hasEventInputTarget(target) ? !hasReusekeepControl(target) : false;
+}
 const scrollIntoViewIfNeeded = 'scrollIntoViewIfNeeded';
 const scrollIntoView = 'scrollIntoView';
 export function scrollToView(elem) {
@@ -215,6 +227,156 @@ export function wheelScrollTopTo(diffNum, cb) {
         wtaFrame = null;
     });
 }
+/**
+ * 通用定位计算
+ */
+export function updatePanelPlacement(targetElem, panelElem, options) {
+    const { defaultTop, defaultLeft, placement, defaultPlacement, teleportTo, marginSize, isMinWidth } = Object.assign({
+        teleportTo: false,
+        marginSize: 18,
+        isMinWidth: true
+    }, options);
+    let panelPlacement = 'bottom';
+    let top = '';
+    let bottom = '';
+    let left = 0;
+    let minWidth = '';
+    let arrowLeft = '';
+    const stys = {};
+    if (panelElem && targetElem) {
+        const bodyEl = document.body;
+        const parentWrapperEl = getPopupWrapperElement(panelElem);
+        if (parentWrapperEl) {
+            const targetWidth = targetElem.offsetWidth;
+            const targetHeight = targetElem.offsetHeight;
+            const panelWidth = panelElem.offsetWidth;
+            const panelHeight = panelElem.offsetHeight;
+            const parentWrapperRect = parentWrapperEl.getBoundingClientRect();
+            const panelRect = panelElem.getBoundingClientRect();
+            const targetRect = targetElem.getBoundingClientRect();
+            const visibleHeight = bodyEl.clientHeight;
+            const visibleWidth = bodyEl.clientWidth;
+            const offsetLeft = parentWrapperRect.left;
+            const offsetTop = parentWrapperRect.top;
+            const targetLeft = targetRect.left;
+            const targetTop = targetRect.top;
+            minWidth = targetElem.offsetWidth;
+            if (teleportTo) {
+                left = defaultLeft || (targetLeft - (panelWidth - targetWidth) / 2);
+                top = defaultTop || (targetTop + targetHeight);
+                if (placement === 'top') {
+                    panelPlacement = 'top';
+                    top = targetTop - panelHeight;
+                }
+                else if (!placement) {
+                    if (defaultPlacement === 'top') {
+                        panelPlacement = 'top';
+                        if (!defaultTop) {
+                            top = targetTop - panelHeight;
+                        }
+                        // 如果上面不够放，则向下
+                        if (top < marginSize) {
+                            panelPlacement = 'bottom';
+                            top = targetTop + targetHeight;
+                        }
+                        // 如果下面不够放，则向上（优先）
+                        if (top + panelHeight + marginSize > visibleHeight) {
+                            panelPlacement = 'top';
+                            top = targetTop - panelHeight;
+                        }
+                    }
+                    else {
+                        // 如果下面不够放，则向上
+                        if (top + panelHeight + marginSize > visibleHeight) {
+                            panelPlacement = 'top';
+                            top = targetTop - panelHeight;
+                        }
+                        // 如果上面不够放，则向下（优先）
+                        if (top < marginSize) {
+                            panelPlacement = 'bottom';
+                            top = targetTop + targetHeight;
+                        }
+                    }
+                }
+                // 如果溢出右边
+                if (left + panelWidth + marginSize > visibleWidth) {
+                    left -= left + panelWidth + marginSize - visibleWidth;
+                }
+                // 如果溢出左边
+                if (left < marginSize) {
+                    left = marginSize;
+                }
+                // 偏移
+                top -= offsetTop;
+                left -= offsetLeft;
+            }
+            else {
+                if (placement === 'top') {
+                    panelPlacement = 'top';
+                    bottom = targetHeight;
+                }
+                else if (!placement) {
+                    // 如果下面不够放，则向上
+                    top = targetHeight;
+                    if (targetTop + targetHeight + panelHeight + marginSize > visibleHeight) {
+                        // 如果上面不够放，则向下（优先）
+                        if (targetTop - targetHeight - panelHeight > marginSize) {
+                            panelPlacement = 'top';
+                            top = '';
+                            bottom = targetHeight;
+                        }
+                    }
+                }
+                // 是否超出右侧
+                if (panelRect.left + panelRect.width + marginSize > visibleWidth) {
+                    left = -(panelRect.left + panelRect.width + marginSize - visibleWidth);
+                }
+            }
+            if (XEUtils.isNumber(top)) {
+                stys.top = toCssUnit(top);
+            }
+            if (XEUtils.isNumber(bottom)) {
+                stys.bottom = toCssUnit(bottom);
+            }
+            if (XEUtils.isNumber(left)) {
+                stys.left = toCssUnit(left);
+            }
+            if (isMinWidth && XEUtils.isNumber(minWidth)) {
+                stys.minWidth = toCssUnit(minWidth);
+            }
+            // 箭头
+            if (left === targetLeft) {
+                if (targetWidth <= panelWidth) {
+                    arrowLeft = targetWidth / 2;
+                }
+            }
+            else if (left < targetLeft) {
+                if (left + panelWidth > targetLeft + targetWidth) {
+                    arrowLeft = (targetLeft - left) + targetWidth / 2;
+                }
+                else {
+                    arrowLeft = (targetLeft - left) + (panelWidth - (targetLeft - left)) / 2;
+                }
+            }
+        }
+    }
+    return {
+        top: top || 0,
+        bottom: bottom || 0,
+        left: left || 0,
+        arrowLeft: arrowLeft || 0,
+        style: stys,
+        placement: panelPlacement
+    };
+}
+export function getPopupWrapperElement(panelElem) {
+    if (!panelElem) {
+        return null;
+    }
+    const bodyEl = document.body;
+    const parentEl = panelElem.parentElement;
+    return (parentEl === bodyEl ? document.documentElement : parentEl) || null;
+}
 export function getPopupContainer(appendTo) {
     const selectElem = appendTo && XEUtils.isFunction(appendTo) ? appendTo({}) : appendTo;
     return selectElem || 'body';

package/es/ui/src/log.js

@@ -1,6 +1,6 @@
 import { VxeUI } from '@vxe-ui/core';
 const { log } = VxeUI;
-const tableVersion = `table v${"3.23.4"}`;
+const tableVersion = `table v${"3.23.6"}`;
 export function createComponentLog(name) {
     const uiVersion = VxeUI.uiVersion ? `ui v${VxeUI.uiVersion}` : '';
     const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';

package/es/vxe-table/style.css

@@ -1644,7 +1644,7 @@
   padding-top: 0.2em;
 }
 .vxe-table--filter-wrapper .vxe-table--filter-body {
-  max-height: 200px;
+  max-height: var(--vxe-ui-vxe-table-filter-default-max-height);
   padding-bottom: 0.2em;
 }
 .vxe-table--filter-wrapper > ul {