vxe-pc-ui 3.17.7 → 3.17.8

package/lib/ui/src/dom.js

@@ -10,6 +10,7 @@ exports.getEventTargetNode = getEventTargetNode;
 exports.getOffsetPos = getOffsetPos;
 exports.getPaddingLeftRightSize = getPaddingLeftRightSize;
 exports.getPaddingTopBottomSize = getPaddingTopBottomSize;
+exports.getPopupAppendElement = getPopupAppendElement;
 exports.getPopupContainer = getPopupContainer;
 exports.getTpImg = getTpImg;
 exports.hasClass = hasClass;
@@ -193,12 +194,17 @@ function triggerEvent(targetElem, type) {
 function isNodeElement(elem) {
   return elem && elem.nodeType === 1;
 }
+/**
+ * 通用定位计算
+ */
 function updatePanelPlacement(targetElem, panelElem, options) {
   var _Object$assign = Object.assign({
       teleportTo: false,
       marginSize: 18,
       isMinWidth: true
     }, options),
+    defaultTop = _Object$assign.defaultTop,
+    defaultLeft = _Object$assign.defaultLeft,
     placement = _Object$assign.placement,
     defaultPlacement = _Object$assign.defaultPlacement,
     teleportTo = _Object$assign.teleportTo,
@@ -207,112 +213,136 @@ function updatePanelPlacement(targetElem, panelElem, options) {
   var panelPlacement = 'bottom';
   var top = '';
   var bottom = '';
-  var left = '';
-  var right = '';
+  var left = 0;
   var minWidth = '';
+  var arrowLeft = '';
   var stys = {};
   if (panelElem && targetElem) {
-    var documentElement = document.documentElement;
-    var bodyElem = document.body;
-    var targetHeight = targetElem.offsetHeight;
-    var panelHeight = panelElem.offsetHeight;
-    var panelWidth = panelElem.offsetWidth;
-    var panelRect = panelElem.getBoundingClientRect();
-    var targetRect = targetElem.getBoundingClientRect();
-    var visibleHeight = documentElement.clientHeight || bodyElem.clientHeight;
-    var visibleWidth = documentElement.clientWidth || bodyElem.clientWidth;
-    minWidth = targetElem.offsetWidth;
-    if (teleportTo) {
-      left = targetRect.left;
-      top = targetRect.top + targetHeight;
-      if (placement === 'top') {
-        panelPlacement = 'top';
-        top = targetRect.top - panelHeight;
-      } else if (!placement) {
-        if (defaultPlacement === 'top') {
+    var parentEl = panelElem.parentElement;
+    var parentWrapperEl = parentEl === document.body ? document.documentElement : parentEl;
+    if (parentWrapperEl) {
+      var targetWidth = targetElem.offsetWidth;
+      var targetHeight = targetElem.offsetHeight;
+      var panelHeight = panelElem.offsetHeight;
+      var panelWidth = panelElem.offsetWidth;
+      var parentWrapperRect = parentWrapperEl.getBoundingClientRect();
+      var panelRect = panelElem.getBoundingClientRect();
+      var targetRect = targetElem.getBoundingClientRect();
+      var visibleHeight = parentWrapperEl.clientHeight;
+      var visibleWidth = parentWrapperEl.clientWidth;
+      var offsetLeft = parentWrapperRect.left;
+      var offsetTop = parentWrapperRect.top;
+      var targetLeft = targetRect.left;
+      var targetTop = targetRect.top;
+      minWidth = targetElem.offsetWidth;
+      if (teleportTo) {
+        left = defaultLeft || targetLeft;
+        top = defaultTop || targetTop + targetHeight;
+        if (placement === 'top') {
           panelPlacement = 'top';
-          top = targetRect.top - panelHeight;
-          // 如果上面不够放，则向下
-          if (top < marginSize) {
-            panelPlacement = 'bottom';
-            top = targetRect.top + targetHeight;
-          }
-          // 如果下面不够放，则向上（优先）
-          if (top + panelHeight + marginSize > visibleHeight) {
+          top = targetTop - panelHeight;
+        } else if (!placement) {
+          if (defaultPlacement === 'top') {
             panelPlacement = 'top';
-            top = targetRect.top - panelHeight;
+            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;
+            }
           }
-        } else {
+        }
+        // 如果溢出右边
+        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) {
           // 如果下面不够放，则向上
-          if (top + panelHeight + marginSize > visibleHeight) {
-            panelPlacement = 'top';
-            top = targetRect.top - panelHeight;
-          }
-          // 如果上面不够放，则向下（优先）
-          if (top < marginSize) {
-            panelPlacement = 'bottom';
-            top = targetRect.top + targetHeight;
+          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 (left + panelWidth + marginSize > visibleWidth) {
-        left -= left + panelWidth + marginSize - visibleWidth;
+      if (_xeUtils.default.isNumber(top)) {
+        stys.top = toCssUnit(top);
       }
-      // 如果溢出左边
-      if (left < marginSize) {
-        left = marginSize;
+      if (_xeUtils.default.isNumber(bottom)) {
+        stys.bottom = toCssUnit(bottom);
       }
-    } else {
-      if (placement === 'top') {
-        panelPlacement = 'top';
-        bottom = targetHeight;
-      } else if (!placement) {
-        // 如果下面不够放，则向上
-        top = targetHeight;
-        if (targetRect.top + targetHeight + panelHeight + marginSize > visibleHeight) {
-          // 如果上面不够放，则向下（优先）
-          if (targetRect.top - targetHeight - panelHeight > marginSize) {
-            panelPlacement = 'top';
-            top = '';
-            bottom = targetHeight;
-          }
-        }
+      if (_xeUtils.default.isNumber(left)) {
+        stys.left = toCssUnit(left);
       }
-      // 是否超出右侧
-      if (panelRect.left + panelRect.width + marginSize > visibleWidth) {
-        left = -(panelRect.left + panelRect.width + marginSize - visibleWidth);
+      if (isMinWidth && _xeUtils.default.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;
+        }
       }
-    }
-    if (_xeUtils.default.isNumber(top)) {
-      stys.top = toCssUnit(top);
-    }
-    if (_xeUtils.default.isNumber(bottom)) {
-      stys.bottom = toCssUnit(bottom);
-    }
-    if (_xeUtils.default.isNumber(left)) {
-      stys.left = toCssUnit(left);
-    }
-    if (_xeUtils.default.isNumber(right)) {
-      stys.right = toCssUnit(right);
-    }
-    if (isMinWidth && _xeUtils.default.isNumber(minWidth)) {
-      stys.minWidth = toCssUnit(minWidth);
     }
   }
   return {
     top: top || 0,
     bottom: bottom || 0,
     left: left || 0,
-    right: right || 0,
+    arrowLeft: arrowLeft || 0,
     style: stys,
     placement: panelPlacement
   };
 }
 function getPopupContainer(appendTo) {
   var selectElem = appendTo && _xeUtils.default.isFunction(appendTo) ? appendTo({}) : appendTo;
+  return selectElem || 'body';
+}
+function getPopupAppendElement(appendTo) {
+  var selectElem = getPopupContainer(appendTo);
   if (_xeUtils.default.isString(selectElem)) {
     return document.querySelector(selectElem) || document.body;
   }
-  return selectElem || document.body;
+  return selectElem;
 }

package/lib/ui/src/dom.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.addClass=addClass,exports.getAbsolutePos=getAbsolutePos,exports.getDomNode=getDomNode,exports.getEventTargetNode=getEventTargetNode,exports.getOffsetPos=getOffsetPos,exports.getPaddingLeftRightSize=getPaddingLeftRightSize,exports.getPaddingTopBottomSize=getPaddingTopBottomSize,exports.getPopupContainer=getPopupContainer,exports.getTpImg=getTpImg,exports.hasClass=hasClass,exports.hasControlKey=hasControlKey,exports.initTpImg=initTpImg,exports.isNodeElement=isNodeElement,exports.isPx=isPx,exports.isScale=isScale,exports.removeClass=removeClass,exports.scrollToView=scrollToView,exports.toCssUnit=toCssUnit,exports.triggerEvent=triggerEvent,exports.updatePanelPlacement=updatePanelPlacement;var tpImgEl,_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}function initTpImg(){return tpImgEl||((tpImgEl=new Image).src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="),tpImgEl}function getTpImg(){return tpImgEl||initTpImg()}var reClsMap={};function getClsRE(t){return reClsMap[t]||(reClsMap[t]=new RegExp("(?:^|\\s)".concat(t,"(?!\\S)"),"g")),reClsMap[t]}function getNodeOffset(t,e,o){if(t){var s=t.parentNode;if(o.top+=t.offsetTop,o.left+=t.offsetLeft,s&&s!==document.documentElement&&s!==document.body&&(o.top-=s.scrollTop,o.left-=s.scrollLeft),(!e||t!==e&&t.offsetParent!==e)&&t.offsetParent)return getNodeOffset(t.offsetParent,e,o)}return o}function isPx(t){return t&&/^\d+(\.\d+)?(px)?$/.test(t)}function isScale(t){return t&&/^\d+(\.\d+)?%$/.test(t)}function hasClass(t,e){return!!t&&(t.classList?t.classList.contains(e):!!(t.className&&t.className.match&&t.className.match(getClsRE(e))))}function removeClass(t,e){t&&hasClass(t,e)&&(t.className=t.className.replace(getClsRE(e),""))}function addClass(t,e){t&&!hasClass(t,e)&&(removeClass(t,e),t.className="".concat(t.className," ").concat(e))}function hasControlKey(t){return t.ctrlKey||t.metaKey}function toCssUnit(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"px";return _xeUtils.default.isNumber(t)||/^\d+$/.test("".concat(t))?"".concat(t).concat(e):"".concat(t||"")}function getDomNode(){var t=document.documentElement,e=document.body;return{scrollTop:t.scrollTop||e.scrollTop,scrollLeft:t.scrollLeft||e.scrollLeft,visibleHeight:t.clientHeight||e.clientHeight,visibleWidth:t.clientWidth||e.clientWidth}}function getEventTargetNode(t,e,o,s){for(var n,i=t.target.shadowRoot&&t.composed&&t.composedPath()[0]||t.target;i&&i.nodeType&&i!==document;){if(o&&hasClass(i,o)&&(!s||s(i)))n=i;else if(i===e)return{flag:!o||!!n,container:e,targetElem:n};i=i.parentNode}return{flag:!1}}function getOffsetPos(t,e){return getNodeOffset(t,e,{left:0,top:0})}function getAbsolutePos(t){var t=t.getBoundingClientRect(),e=t.top,t=t.left,o=getDomNode();return{boundingTop:e,top:o.scrollTop+e,boundingLeft:t,left:o.scrollLeft+t,visibleHeight:o.visibleHeight,visibleWidth:o.visibleWidth}}function getPaddingTopBottomSize(t){return t?(t=getComputedStyle(t),_xeUtils.default.toNumber(t.paddingTop)+_xeUtils.default.toNumber(t.paddingBottom)):0}function getPaddingLeftRightSize(t){return t?(t=getComputedStyle(t),_xeUtils.default.toNumber(t.paddingLeft)+_xeUtils.default.toNumber(t.paddingRight)):0}var scrollIntoViewIfNeeded="scrollIntoViewIfNeeded",scrollIntoView="scrollIntoView";function scrollToView(t){t&&(t[scrollIntoViewIfNeeded]?t[scrollIntoViewIfNeeded]():t[scrollIntoView]&&t[scrollIntoView]())}function triggerEvent(t,e){t&&t.dispatchEvent(new Event(e))}function isNodeElement(t){return t&&1===t.nodeType}function updatePanelPlacement(t,e,o){var s,n,i,l,r,a,d,o=Object.assign({teleportTo:!1,marginSize:18,isMinWidth:!0},o),c=o.placement,u=o.defaultPlacement,p=o.teleportTo,g=o.marginSize,o=o.isMinWidth,f="bottom",m="",C="",h="",x="",N={};return e&&t&&(d=document.documentElement,s=document.body,n=t.offsetHeight,i=e.offsetHeight,l=e.offsetWidth,e=e.getBoundingClientRect(),r=t.getBoundingClientRect(),a=d.clientHeight||s.clientHeight,d=d.clientWidth||s.clientWidth,x=t.offsetWidth,p?(h=r.left,m=r.top+n,"top"===c?(f="top",m=r.top-i):c||("top"===u?(f="top",(m=r.top-i)<g&&(f="bottom",m=r.top+n),a<m+i+g&&(f="top",m=r.top-i)):(a<m+i+g&&(f="top",m=r.top-i),m<g&&(f="bottom",m=r.top+n))),d<h+l+g&&(h-=h+l+g-d),h<g&&(h=g)):("top"===c?(f="top",C=n):c||r.top+(m=n)+i+g>a&&r.top-n-i>g&&(f="top",m="",C=n),e.left+e.width+g>d&&(h=-(e.left+e.width+g-d))),_xeUtils.default.isNumber(m)&&(N.top=toCssUnit(m)),_xeUtils.default.isNumber(C)&&(N.bottom=toCssUnit(C)),_xeUtils.default.isNumber(h)&&(N.left=toCssUnit(h)),_xeUtils.default.isNumber("")&&(N.right=toCssUnit("")),o)&&_xeUtils.default.isNumber(x)&&(N.minWidth=toCssUnit(x)),{top:m||0,bottom:C||0,left:h||0,right:0,style:N,placement:f}}function getPopupContainer(t){t=t&&_xeUtils.default.isFunction(t)?t({}):t;return _xeUtils.default.isString(t)?document.querySelector(t)||document.body:t||document.body}
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.addClass=addClass,exports.getAbsolutePos=getAbsolutePos,exports.getDomNode=getDomNode,exports.getEventTargetNode=getEventTargetNode,exports.getOffsetPos=getOffsetPos,exports.getPaddingLeftRightSize=getPaddingLeftRightSize,exports.getPaddingTopBottomSize=getPaddingTopBottomSize,exports.getPopupAppendElement=getPopupAppendElement,exports.getPopupContainer=getPopupContainer,exports.getTpImg=getTpImg,exports.hasClass=hasClass,exports.hasControlKey=hasControlKey,exports.initTpImg=initTpImg,exports.isNodeElement=isNodeElement,exports.isPx=isPx,exports.isScale=isScale,exports.removeClass=removeClass,exports.scrollToView=scrollToView,exports.toCssUnit=toCssUnit,exports.triggerEvent=triggerEvent,exports.updatePanelPlacement=updatePanelPlacement;var tpImgEl,_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function initTpImg(){return tpImgEl||((tpImgEl=new Image).src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="),tpImgEl}function getTpImg(){return tpImgEl||initTpImg()}var reClsMap={};function getClsRE(e){return reClsMap[e]||(reClsMap[e]=new RegExp("(?:^|\\s)".concat(e,"(?!\\S)"),"g")),reClsMap[e]}function getNodeOffset(e,t,o){if(e){var n=e.parentNode;if(o.top+=e.offsetTop,o.left+=e.offsetLeft,n&&n!==document.documentElement&&n!==document.body&&(o.top-=n.scrollTop,o.left-=n.scrollLeft),(!t||e!==t&&e.offsetParent!==t)&&e.offsetParent)return getNodeOffset(e.offsetParent,t,o)}return o}function isPx(e){return e&&/^\d+(\.\d+)?(px)?$/.test(e)}function isScale(e){return e&&/^\d+(\.\d+)?%$/.test(e)}function hasClass(e,t){return!!e&&(e.classList?e.classList.contains(t):!!(e.className&&e.className.match&&e.className.match(getClsRE(t))))}function removeClass(e,t){e&&hasClass(e,t)&&(e.className=e.className.replace(getClsRE(t),""))}function addClass(e,t){e&&!hasClass(e,t)&&(removeClass(e,t),e.className="".concat(e.className," ").concat(t))}function hasControlKey(e){return e.ctrlKey||e.metaKey}function toCssUnit(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"px";return _xeUtils.default.isNumber(e)||/^\d+$/.test("".concat(e))?"".concat(e).concat(t):"".concat(e||"")}function getDomNode(){var e=document.documentElement,t=document.body;return{scrollTop:e.scrollTop||t.scrollTop,scrollLeft:e.scrollLeft||t.scrollLeft,visibleHeight:e.clientHeight||t.clientHeight,visibleWidth:e.clientWidth||t.clientWidth}}function getEventTargetNode(e,t,o,n){for(var s,i=e.target.shadowRoot&&e.composed&&e.composedPath()[0]||e.target;i&&i.nodeType&&i!==document;){if(o&&hasClass(i,o)&&(!n||n(i)))s=i;else if(i===t)return{flag:!o||!!s,container:t,targetElem:s};i=i.parentNode}return{flag:!1}}function getOffsetPos(e,t){return getNodeOffset(e,t,{left:0,top:0})}function getAbsolutePos(e){var e=e.getBoundingClientRect(),t=e.top,e=e.left,o=getDomNode();return{boundingTop:t,top:o.scrollTop+t,boundingLeft:e,left:o.scrollLeft+e,visibleHeight:o.visibleHeight,visibleWidth:o.visibleWidth}}function getPaddingTopBottomSize(e){return e?(e=getComputedStyle(e),_xeUtils.default.toNumber(e.paddingTop)+_xeUtils.default.toNumber(e.paddingBottom)):0}function getPaddingLeftRightSize(e){return e?(e=getComputedStyle(e),_xeUtils.default.toNumber(e.paddingLeft)+_xeUtils.default.toNumber(e.paddingRight)):0}var scrollIntoViewIfNeeded="scrollIntoViewIfNeeded",scrollIntoView="scrollIntoView";function scrollToView(e){e&&(e[scrollIntoViewIfNeeded]?e[scrollIntoViewIfNeeded]():e[scrollIntoView]&&e[scrollIntoView]())}function triggerEvent(e,t){e&&e.dispatchEvent(new Event(t))}function isNodeElement(e){return e&&1===e.nodeType}function updatePanelPlacement(e,t,o){var n,s,i,l,r,a,d,p,u,c,o=Object.assign({teleportTo:!1,marginSize:18,isMinWidth:!0},o),f=o.defaultTop,g=o.defaultLeft,m=o.placement,C=o.defaultPlacement,h=o.teleportTo,x=o.marginSize,o=o.isMinWidth,A="bottom",N="",P="",b=0,E="",v="",T={};return t&&e&&(a=(a=t.parentElement)===document.body?document.documentElement:a)&&(n=e.offsetWidth,s=e.offsetHeight,i=t.offsetHeight,l=t.offsetWidth,p=a.getBoundingClientRect(),t=t.getBoundingClientRect(),c=e.getBoundingClientRect(),r=a.clientHeight,a=a.clientWidth,d=p.left,p=p.top,u=c.left,c=c.top,E=e.offsetWidth,h?(N=f||c+s,"top"===m?(A="top",N=c-i):m||("top"===C?(A="top",(N=c-i)<x&&(A="bottom",N=c+s),r<N+i+x&&(A="top",N=c-i)):(r<N+i+x&&(A="top",N=c-i),N<x&&(A="bottom",N=c+s))),a<(b=g||u)+l+x&&(b-=b+l+x-a),b<x&&(b=x),N-=p,b-=d):("top"===m?(A="top",P=s):m||r<c+(N=s)+i+x&&x<c-s-i&&(A="top",N="",P=s),t.left+t.width+x>a&&(b=-(t.left+t.width+x-a))),_xeUtils.default.isNumber(N)&&(T.top=toCssUnit(N)),_xeUtils.default.isNumber(P)&&(T.bottom=toCssUnit(P)),_xeUtils.default.isNumber(b)&&(T.left=toCssUnit(b)),o&&_xeUtils.default.isNumber(E)&&(T.minWidth=toCssUnit(E)),b===u?n<=l&&(v=n/2):b<u&&(v=u+n<b+l?u-b+n/2:u-b+(l-(u-b))/2)),{top:N||0,bottom:P||0,left:b||0,arrowLeft:v||0,style:T,placement:A}}function getPopupContainer(e){return(e&&_xeUtils.default.isFunction(e)?e({}):e)||"body"}function getPopupAppendElement(e){e=getPopupContainer(e);return _xeUtils.default.isString(e)?document.querySelector(e)||document.body:e}

package/lib/ui/src/log.js

@@ -7,7 +7,7 @@ exports.createComponentLog = createComponentLog;
 exports.warnLog = exports.errLog = void 0;
 var _core = require("@vxe-ui/core");
 var log = _core.VxeUI.log;
-var uiVersion = "ui v".concat("3.17.7");
+var uiVersion = "ui v".concat("3.17.8");
 function createComponentLog(name) {
   var tableVersion = _core.VxeUI.tableVersion ? "table v".concat(_core.VxeUI.tableVersion) : '';
   var ganttVersion = _core.VxeUI.ganttVersion ? "gantt v".concat(_core.VxeUI.ganttVersion) : '';

package/lib/ui/src/log.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.createComponentLog=createComponentLog,exports.warnLog=exports.errLog=void 0;var _core=require("@vxe-ui/core"),log=_core.VxeUI.log,uiVersion="ui v".concat("3.17.7");function createComponentLog(e){var r=_core.VxeUI.tableVersion?"table v".concat(_core.VxeUI.tableVersion):"",o=_core.VxeUI.ganttVersion?"gantt v".concat(_core.VxeUI.ganttVersion):"",n=_core.VxeUI.designVersion?"design v".concat(_core.VxeUI.designVersion):"",r=[uiVersion,r,o,n].filter(function(e){return e}).join(" ");return{warnLog:log.create("warn",r+"] ["+e),errLog:log.create("error",r+"] ["+e)}}var warnLog=exports.warnLog=log.create("warn",uiVersion),errLog=exports.errLog=log.create("error",uiVersion);
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.createComponentLog=createComponentLog,exports.warnLog=exports.errLog=void 0;var _core=require("@vxe-ui/core"),log=_core.VxeUI.log,uiVersion="ui v".concat("3.17.8");function createComponentLog(e){var r=_core.VxeUI.tableVersion?"table v".concat(_core.VxeUI.tableVersion):"",o=_core.VxeUI.ganttVersion?"gantt v".concat(_core.VxeUI.ganttVersion):"",n=_core.VxeUI.designVersion?"design v".concat(_core.VxeUI.designVersion):"",r=[uiVersion,r,o,n].filter(function(e){return e}).join(" ");return{warnLog:log.create("warn",r+"] ["+e),errLog:log.create("error",r+"] ["+e)}}var warnLog=exports.warnLog=log.create("warn",uiVersion),errLog=exports.errLog=log.create("error",uiVersion);

package/lib/vxe-button-group/style/style.css

@@ -22,6 +22,6 @@
 .vxe-button-group.is--vertical > .vxe-button.type--button, .vxe-button-group.is--vertical > .vxe-button--dropdown {
   margin-right: 0;
 }
-.vxe-button-group.is--vertical > .vxe-button + .vxe-button--dropdown, .vxe-button-group.is--vertical > .vxe-button--dropdown + .vxe-button {
+.vxe-button-group.is--vertical > .vxe-button.type--button + .vxe-button.type--button, .vxe-button-group.is--vertical > .vxe-button.type--button + .vxe-button--dropdown, .vxe-button-group.is--vertical > .vxe-button--dropdown + .vxe-button.type--button, .vxe-button-group.is--vertical > .vxe-button--dropdown + .vxe-button--dropdown {
   margin-left: 0;
 }

package/lib/vxe-button-group/style/style.min.css

@@ -1 +1 @@
-.vxe-button-group{display:inline-flex}.vxe-button-group.is--vertical{flex-direction:column}.vxe-button-group.is--vertical>.vxe-button--dropdown,.vxe-button-group.is--vertical>.vxe-button.type--button{margin-top:var(--vxe-ui-base-margin-gap-default)}.vxe-button-group.is--vertical>.vxe-button--dropdown.size--medium,.vxe-button-group.is--vertical>.vxe-button.type--button.size--medium{margin-top:var(--vxe-ui-base-margin-gap-medium)}.vxe-button-group.is--vertical>.vxe-button--dropdown.size--small,.vxe-button-group.is--vertical>.vxe-button.type--button.size--small{margin-top:var(--vxe-ui-base-margin-gap-small)}.vxe-button-group.is--vertical>.vxe-button--dropdown.size--mini,.vxe-button-group.is--vertical>.vxe-button.type--button.size--mini{margin-top:var(--vxe-ui-base-margin-gap-mini)}.vxe-button-group.is--vertical>.vxe-button--dropdown:first-of-type,.vxe-button-group.is--vertical>.vxe-button.type--button:first-of-type{margin-top:0}.vxe-button-group.is--vertical>.vxe-button--dropdown,.vxe-button-group.is--vertical>.vxe-button.type--button{margin-right:0}.vxe-button-group.is--vertical>.vxe-button+.vxe-button--dropdown,.vxe-button-group.is--vertical>.vxe-button--dropdown+.vxe-button{margin-left:0}
+.vxe-button-group{display:inline-flex}.vxe-button-group.is--vertical{flex-direction:column}.vxe-button-group.is--vertical>.vxe-button--dropdown,.vxe-button-group.is--vertical>.vxe-button.type--button{margin-top:var(--vxe-ui-base-margin-gap-default)}.vxe-button-group.is--vertical>.vxe-button--dropdown.size--medium,.vxe-button-group.is--vertical>.vxe-button.type--button.size--medium{margin-top:var(--vxe-ui-base-margin-gap-medium)}.vxe-button-group.is--vertical>.vxe-button--dropdown.size--small,.vxe-button-group.is--vertical>.vxe-button.type--button.size--small{margin-top:var(--vxe-ui-base-margin-gap-small)}.vxe-button-group.is--vertical>.vxe-button--dropdown.size--mini,.vxe-button-group.is--vertical>.vxe-button.type--button.size--mini{margin-top:var(--vxe-ui-base-margin-gap-mini)}.vxe-button-group.is--vertical>.vxe-button--dropdown:first-of-type,.vxe-button-group.is--vertical>.vxe-button.type--button:first-of-type{margin-top:0}.vxe-button-group.is--vertical>.vxe-button--dropdown,.vxe-button-group.is--vertical>.vxe-button.type--button{margin-right:0}.vxe-button-group.is--vertical>.vxe-button--dropdown+.vxe-button--dropdown,.vxe-button-group.is--vertical>.vxe-button--dropdown+.vxe-button.type--button,.vxe-button-group.is--vertical>.vxe-button.type--button+.vxe-button--dropdown,.vxe-button-group.is--vertical>.vxe-button.type--button+.vxe-button.type--button{margin-left:0}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vxe-pc-ui",
-  "version": "3.17.7",
+  "version": "3.17.8",
   "description": "A vue based PC component library",
   "scripts": {
     "update": "npm install --legacy-peer-deps",

package/packages/button/src/button.ts

@@ -2,7 +2,7 @@ import { CreateElement, VNode, PropType } from 'vue'
 import XEUtils from 'xe-utils'
 import { getConfig, globalEvents, getIcon, createEvent, renderer, globalMixins, permission, renderEmptyElement } from '../../ui'
 import { defineVxeComponent } from '../../ui/src/comp'
-import { getEventTargetNode, getPopupContainer, updatePanelPlacement } from '../../ui/src/dom'
+import { getEventTargetNode, getPopupAppendElement, updatePanelPlacement } from '../../ui/src/dom'
 import { getFuncText, getLastZIndex, nextZIndex } from '../../ui/src/utils'
 import { getSlotVNs, getEventCaseName } from '../../ui/src/vn'
 import { createComponentLog } from '../../ui/src/log'
@@ -336,7 +336,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
           reactData.initialized = true
           if (btnTransfer) {
             const { appendTo } = popupOpts
-            getPopupContainer(appendTo).appendChild(panelElem)
+            getPopupAppendElement(appendTo).appendChild(panelElem)
           }
         }
         internalData.showTime = setTimeout(() => {

package/packages/color-picker/src/color-picker.ts

@@ -2,7 +2,7 @@ import { CreateElement, VNode, PropType } from 'vue'
 import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
 import { VxeUI, getIcon, getConfig, getI18n, globalEvents, createEvent, globalMixins, renderEmptyElement } from '../../ui'
-import { getEventTargetNode, getPopupContainer, toCssUnit, updatePanelPlacement } from '../../ui/src/dom'
+import { getEventTargetNode, getPopupAppendElement, toCssUnit, updatePanelPlacement } from '../../ui/src/dom'
 import { getLastZIndex, nextZIndex } from '../../ui/src/utils'
 import { parseValColor, updateColorAlpha, hexToHsv, rgbToHsv, rgbToHexVal, hexToRgb, hsvToRgb, toValRgb } from './util'
 import VxeButtonComponent from '../../button'
@@ -397,7 +397,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
           if (btnTransfer) {
             if (panelElem) {
               const { appendTo } = popupOpts
-              getPopupContainer(appendTo).appendChild(panelElem)
+              getPopupAppendElement(appendTo).appendChild(panelElem)
             }
           }
         }

package/packages/date-picker/src/date-picker.ts

@@ -3,7 +3,7 @@ import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
 import { getConfig, getIcon, getI18n, commands, createEvent, globalEvents, GLOBAL_EVENT_KEYS, globalMixins, renderEmptyElement } from '../../ui'
 import { getFuncText, getLastZIndex, nextZIndex, isEnableConf } from '../../ui/src/utils'
-import { updatePanelPlacement, getEventTargetNode, hasControlKey, getPopupContainer } from '../../ui/src/dom'
+import { updatePanelPlacement, getEventTargetNode, hasControlKey, getPopupAppendElement } from '../../ui/src/dom'
 import { getSlotVNs } from '../../ui/src/vn'
 import { parseDateObj, parseDateValue, getDateByCode, handleValueFormat, hasDateValueType, hasTimestampValueType, isAllSameChar, getChunkDefaultNum, checkDateInputFormat } from '../../date-panel/src/util'
 import { createComponentLog } from '../../ui/src/log'
@@ -1401,7 +1401,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
           reactData.initialized = true
           if (btnTransfer && panelElem) {
             const { appendTo } = popupOpts
-            getPopupContainer(appendTo).appendChild(panelElem)
+            getPopupAppendElement(appendTo).appendChild(panelElem)
           }
         }
         if (internalData.hpTimeout) {

package/packages/date-range-picker/src/date-range-picker.ts

@@ -3,7 +3,7 @@ import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
 import { getConfig, getIcon, getI18n, commands, globalEvents, createEvent, GLOBAL_EVENT_KEYS, globalMixins, renderEmptyElement } from '../../ui'
 import { getFuncText, getLastZIndex, nextZIndex, isEnableConf } from '../../ui/src/utils'
-import { updatePanelPlacement, getEventTargetNode, getPopupContainer } from '../../ui/src/dom'
+import { updatePanelPlacement, getEventTargetNode, getPopupAppendElement } from '../../ui/src/dom'
 import { parseDateString, parseDateObj, getRangeDateByCode, handleValueFormat, hasTimestampValueType, hasDateValueType, parseDateValue, getNextMonth, getPrevMonth, getNextYear, getPrevYear } from '../../date-panel/src/util'
 import { getSlotVNs } from '../../ui/src/vn'
 import { createComponentLog } from '../../ui/src/log'
@@ -1196,7 +1196,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
           reactData.initialized = true
           if (btnTransfer && panelElem) {
             const { appendTo } = popupOpts
-            getPopupContainer(appendTo).appendChild(panelElem)
+            getPopupAppendElement(appendTo).appendChild(panelElem)
           }
         }
         if (internalData.hpTimeout) {

package/packages/drawer/src/drawer.ts

@@ -3,7 +3,7 @@ import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
 import { globalMixins, getIcon, getConfig, getI18n, globalEvents, GLOBAL_EVENT_KEYS, createEvent, renderEmptyElement } from '../../ui'
 import { getLastZIndex, nextZIndex, getFuncText } from '../../ui/src/utils'
-import { getDomNode, getPopupContainer, toCssUnit } from '../../ui/src/dom'
+import { getDomNode, getPopupAppendElement, toCssUnit } from '../../ui/src/dom'
 import { getSlotVNs } from '../../ui/src/vn'
 import VxeButtonComponent from '../../button'
 import VxeLoadingComponent from '../../loading'
@@ -351,7 +351,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
         reactData.initialized = true
         if (btnTransfer) {
           const panelElem = $xeDrawer.$refs.refElem as HTMLDivElement
-          getPopupContainer(appendTo).appendChild(panelElem)
+          getPopupAppendElement(appendTo).appendChild(panelElem)
         }
       }
       if (!visible) {

package/packages/icon-picker/src/icon-picker.ts

@@ -2,7 +2,7 @@ import { PropType, CreateElement, VNode } from 'vue'
 import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
 import { getConfig, getIcon, getI18n, globalEvents, renderer, createEvent, globalMixins, GLOBAL_EVENT_KEYS, renderEmptyElement } from '../../ui'
-import { getEventTargetNode, getPopupContainer, toCssUnit, updatePanelPlacement } from '../../ui/src/dom'
+import { getEventTargetNode, getPopupAppendElement, toCssUnit, updatePanelPlacement } from '../../ui/src/dom'
 import { getLastZIndex, nextZIndex, getFuncText } from '../../ui/src/utils'
 import { getSlotVNs } from '../../ui/src/vn'
 import VxeInputComponent from '../../input/src/input'
@@ -394,7 +394,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
           if (btnTransfer) {
             if (panelElem) {
               const { appendTo } = popupOpts
-              getPopupContainer(appendTo).appendChild(panelElem)
+              getPopupAppendElement(appendTo).appendChild(panelElem)
             }
           }
         }

package/packages/menu/src/menu.ts

@@ -2,7 +2,7 @@ import { PropType, CreateElement, VNode } from 'vue'
 import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
 import { VxeUI, createEvent, permission, globalMixins, globalEvents, renderEmptyElement } from '../../ui'
-import { getPopupContainer, scrollToView, toCssUnit } from '../../ui/src/dom'
+import { getPopupAppendElement, scrollToView, toCssUnit } from '../../ui/src/dom'
 import { getLastZIndex, nextZIndex, isEnableConf } from '../../ui/src/utils'
 import { getSlotVNs } from '../../ui/src/vn'
 import { createComponentLog } from '../../ui/src/log'
@@ -433,7 +433,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
             $xeMenu.$nextTick(() => {
               const collapseEl = $xeMenu.$refs.refCollapseElem as HTMLDivElement
               if (collapseEl) {
-                getPopupContainer(appendTo).appendChild(collapseEl)
+                getPopupAppendElement(appendTo).appendChild(collapseEl)
               }
             })
           }

package/packages/modal/src/modal.ts

@@ -2,7 +2,7 @@ import { PropType, CreateElement, VNode } from 'vue'
 import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
 import { VxeUI, getConfig, getI18n, getIcon, createEvent, globalEvents, globalMixins, renderEmptyElement, GLOBAL_EVENT_KEYS } from '../../ui'
-import { getDomNode, getEventTargetNode, getPopupContainer, toCssUnit } from '../../ui/src/dom'
+import { getDomNode, getEventTargetNode, getPopupAppendElement, toCssUnit } from '../../ui/src/dom'
 import { getLastZIndex, nextZIndex, getSubLastZIndex, nextSubZIndex, getFuncText, handleBooleanDefaultValue } from '../../ui/src/utils'
 import VxeButtonComponent from '../../button'
 import VxeLoadingComponent from '../../loading'
@@ -913,7 +913,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
         reactData.initialized = true
         if (btnTransfer) {
           const panelElem = $xeModal.$refs.refElem as HTMLDivElement
-          getPopupContainer(appendTo).appendChild(panelElem)
+          getPopupAppendElement(appendTo).appendChild(panelElem)
         }
       }
       if (!visible) {

package/packages/select/src/select.ts

@@ -2,7 +2,7 @@ import { PropType, CreateElement, VNode } from 'vue'
 import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
 import { VxeUI, getConfig, getIcon, getI18n, globalEvents, GLOBAL_EVENT_KEYS, createEvent, globalMixins, renderEmptyElement } from '../../ui'
-import { getEventTargetNode, getPopupContainer, toCssUnit, updatePanelPlacement } from '../../ui/src/dom'
+import { getEventTargetNode, getPopupAppendElement, toCssUnit, updatePanelPlacement } from '../../ui/src/dom'
 import { getLastZIndex, nextZIndex, getFuncText, eqEmptyValue } from '../../ui/src/utils'
 import { getSlotVNs } from '../../ui/src/vn'
 import { createComponentLog } from '../../ui/src/log'
@@ -867,7 +867,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
           const panelElem = $xeSelect.$refs.refOptionPanel as HTMLElement
           if (btnTransfer && panelElem) {
             const { appendTo } = popupOpts
-            getPopupContainer(appendTo).appendChild(panelElem)
+            getPopupAppendElement(appendTo).appendChild(panelElem)
           }
         }
         reactData.isActivated = true

package/packages/table-select/src/table-select.ts

@@ -2,7 +2,7 @@ import { CreateElement, PropType, VNode } from 'vue'
 import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
 import { VxeUI, getConfig, getIcon, globalEvents, getI18n, createEvent, renderEmptyElement, globalMixins } from '../../ui'
-import { getEventTargetNode, updatePanelPlacement, toCssUnit, getPopupContainer } from '../../ui/src/dom'
+import { getEventTargetNode, updatePanelPlacement, toCssUnit, getPopupAppendElement } from '../../ui/src/dom'
 import { getOnName } from '../../ui/src/vn'
 import { getLastZIndex, nextZIndex } from '../../ui/src/utils'
 import { createComponentLog } from '../../ui/src/log'
@@ -511,7 +511,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
           if (btnTransfer) {
             if (panelElem) {
               const { appendTo } = popupOpts
-              getPopupContainer(appendTo).appendChild(panelElem)
+              getPopupAppendElement(appendTo).appendChild(panelElem)
             }
           }
         }