vxe-pc-ui 4.6.3 → 4.6.5

package/lib/print/src/print.js

@@ -86,7 +86,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         const elem = refElem.value;
         return (0, _util.printHtml)(Object.assign({}, props, {
           _pageBreaks: !!reactData.staticPageBreaks.length,
-          html: (elem ? elem.outerHTML : '') || props.html || props.content || ''
+          html: (0, _util.trimHtml)(elem ? elem.outerHTML : '') || props.html || props.content || ''
         }));
       }
     };

package/lib/print/src/print.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_util=require("./util"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxePrint",props:{align:{type:String,default:()=>(0,_ui.getConfig)().print.align},title:String,headerAlign:{type:String,default:()=>(0,_ui.getConfig)().print.headerAlign},footerAlign:{type:String,default:()=>(0,_ui.getConfig)().print.footerAlign},showPageNumber:{type:Boolean,default:()=>(0,_ui.getConfig)().print.showPageNumber},customLayout:Boolean,pageBreaks:Array,content:String,html:String,headerHtml:String,footerHtml:String,leftHtml:String,rightHtml:String,showAllPageTitle:{type:Boolean,default:()=>(0,_ui.getConfig)().print.showAllPageTitle},pageStyle:{type:Object,default:()=>(0,_ui.getConfig)().print.pageStyle},customStyle:{type:String,default:()=>(0,_ui.getConfig)().print.customStyle},beforeMethod:Function},emits:[],setup(_,e){const{slots:h,emit:a}=e;var t=_xeUtils.default.uniqueId();const i=(0,_vue.ref)(),n=(0,_vue.reactive)({staticPageBreaks:[]}),r={refElem:i},l={},s={xID:t,props:_,context:e,reactData:n,getRefMaps:()=>r,getComputeMaps:()=>l};Object.assign(s,{dispatchEvent:(e,t,r)=>{a(e,(0,_ui.createEvent)(r,{$print:s},t))},print(){var e=i.value;return(0,_util.printHtml)(Object.assign({},_,{_pageBreaks:!!n.staticPageBreaks.length,html:(e?e.outerHTML:"")||_.html||_.content||""}))}},{});return s.renderVN=()=>{var e=_["customLayout"],t=n["staticPageBreaks"],r=h.default;return(0,_vue.h)("div",{ref:i,class:["vxe-print"]},e?r?(0,_vn.getSlotVNs)(r({})):[]:[(0,_vue.h)("div",{key:"slot",class:"vxe-print-slots"},r?(0,_vn.getSlotVNs)(r({})):[])].concat((t.length?()=>{const{title:u,showPageNumber:o,showAllPageTitle:g,align:v,headerAlign:p,footerAlign:d}=_;var e=n["staticPageBreaks"];const c=e.length;return e.map((e,t)=>{var e=e.slots||{},r=t+1,a=e.default,i=e.header||h.header,n=e.footer||h.footer,l=e.left||h.left,e=e.right||h.right,s={currentPage:r,pageCount:c};return(0,_vue.h)("div",{class:["vxe-print-page-break",v?"align--"+v:""]},[(0,_vue.h)("div",{class:["vxe-print-page-break--header",p?"align--"+p:""]},i?(0,_vn.getSlotVNs)(i(s)):[!u||!g&&t?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{class:"vxe-print-page-break--header-title"},""+(u||""))]),(0,_vue.h)("div",{class:"vxe-print-page-break--body"},[(0,_vue.h)("div",{class:"vxe-print-page-break--left"},l?(0,_vn.getSlotVNs)(l(s)):[]),(0,_vue.h)("div",{class:"vxe-print-page-break--content"},a?(0,_vn.getSlotVNs)(a(s)):[]),(0,_vue.h)("div",{class:"vxe-print-page-break--right"},e?(0,_vn.getSlotVNs)(e(s)):[])]),(0,_vue.h)("div",{class:["vxe-print-page-break--footer",d?"align--"+d:""]},n?(0,_vn.getSlotVNs)(n(s)):[o?(0,_vue.h)("div",{class:"vxe-print-page-break--footer-page-number"},r+"/"+c):(0,_vue.createCommentVNode)()])])})}:()=>{const{title:u,showPageNumber:o,showAllPageTitle:g,align:v,headerAlign:p,footerAlign:d}=_;var e=_.pageBreaks||[];const c=e.length;return e.map((e,t)=>{var r=e.bodyHtml,a=e.headerHtml||_.headerHtml,i=e.footerHtml||_.footerHtml,n=e.leftHtml||_.leftHtml,e=e.rightHtml||_.rightHtml,l=t+1,s={currentPage:l,pageCount:c};return(0,_vue.h)("div",{class:["vxe-print-page-break",v?"align--"+v:""]},[(0,_vue.h)("div",{class:["vxe-print-page-break--header",p?"align--"+p:""]},a?""+(_xeUtils.default.isFunction(a)?a(s):a||""):[!u||!g&&t?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{class:"vxe-print-page-break--header-title"},""+(u||""))]),(0,_vue.h)("div",{class:"vxe-print-page-break--body"},[(0,_vue.h)("div",{class:"vxe-print-page-break--left"},""+(_xeUtils.default.isFunction(n)?n(s):n||"")),(0,_vue.h)("div",{class:"vxe-print-page-break--content"},""+(_xeUtils.default.isFunction(r)?r(s):r||"")),(0,_vue.h)("div",{class:"vxe-print-page-break--right"},""+(_xeUtils.default.isFunction(e)?e(s):e||""))]),(0,_vue.h)("div",{class:["vxe-print-page-break--footer",d?"align--"+d:""]},i?""+(_xeUtils.default.isFunction(i)?i(s):i||""):[o?(0,_vue.h)("div",{class:"vxe-print-page-break--footer-page-number"},l+"/"+c):(0,_vue.createCommentVNode)()])])})})()))},(0,_vue.provide)("$xePrint",s),s},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_util=require("./util"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxePrint",props:{align:{type:String,default:()=>(0,_ui.getConfig)().print.align},title:String,headerAlign:{type:String,default:()=>(0,_ui.getConfig)().print.headerAlign},footerAlign:{type:String,default:()=>(0,_ui.getConfig)().print.footerAlign},showPageNumber:{type:Boolean,default:()=>(0,_ui.getConfig)().print.showPageNumber},customLayout:Boolean,pageBreaks:Array,content:String,html:String,headerHtml:String,footerHtml:String,leftHtml:String,rightHtml:String,showAllPageTitle:{type:Boolean,default:()=>(0,_ui.getConfig)().print.showAllPageTitle},pageStyle:{type:Object,default:()=>(0,_ui.getConfig)().print.pageStyle},customStyle:{type:String,default:()=>(0,_ui.getConfig)().print.customStyle},beforeMethod:Function},emits:[],setup(_,e){const{slots:h,emit:a}=e;var t=_xeUtils.default.uniqueId();const i=(0,_vue.ref)(),n=(0,_vue.reactive)({staticPageBreaks:[]}),r={refElem:i},l={},s={xID:t,props:_,context:e,reactData:n,getRefMaps:()=>r,getComputeMaps:()=>l};Object.assign(s,{dispatchEvent:(e,t,r)=>{a(e,(0,_ui.createEvent)(r,{$print:s},t))},print(){var e=i.value;return(0,_util.printHtml)(Object.assign({},_,{_pageBreaks:!!n.staticPageBreaks.length,html:(0,_util.trimHtml)(e?e.outerHTML:"")||_.html||_.content||""}))}},{});return s.renderVN=()=>{var e=_["customLayout"],t=n["staticPageBreaks"],r=h.default;return(0,_vue.h)("div",{ref:i,class:["vxe-print"]},e?r?(0,_vn.getSlotVNs)(r({})):[]:[(0,_vue.h)("div",{key:"slot",class:"vxe-print-slots"},r?(0,_vn.getSlotVNs)(r({})):[])].concat((t.length?()=>{const{title:u,showPageNumber:o,showAllPageTitle:g,align:v,headerAlign:p,footerAlign:d}=_;var e=n["staticPageBreaks"];const c=e.length;return e.map((e,t)=>{var e=e.slots||{},r=t+1,a=e.default,i=e.header||h.header,n=e.footer||h.footer,l=e.left||h.left,e=e.right||h.right,s={currentPage:r,pageCount:c};return(0,_vue.h)("div",{class:["vxe-print-page-break",v?"align--"+v:""]},[(0,_vue.h)("div",{class:["vxe-print-page-break--header",p?"align--"+p:""]},i?(0,_vn.getSlotVNs)(i(s)):[!u||!g&&t?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{class:"vxe-print-page-break--header-title"},""+(u||""))]),(0,_vue.h)("div",{class:"vxe-print-page-break--body"},[(0,_vue.h)("div",{class:"vxe-print-page-break--left"},l?(0,_vn.getSlotVNs)(l(s)):[]),(0,_vue.h)("div",{class:"vxe-print-page-break--content"},a?(0,_vn.getSlotVNs)(a(s)):[]),(0,_vue.h)("div",{class:"vxe-print-page-break--right"},e?(0,_vn.getSlotVNs)(e(s)):[])]),(0,_vue.h)("div",{class:["vxe-print-page-break--footer",d?"align--"+d:""]},n?(0,_vn.getSlotVNs)(n(s)):[o?(0,_vue.h)("div",{class:"vxe-print-page-break--footer-page-number"},r+"/"+c):(0,_vue.createCommentVNode)()])])})}:()=>{const{title:u,showPageNumber:o,showAllPageTitle:g,align:v,headerAlign:p,footerAlign:d}=_;var e=_.pageBreaks||[];const c=e.length;return e.map((e,t)=>{var r=e.bodyHtml,a=e.headerHtml||_.headerHtml,i=e.footerHtml||_.footerHtml,n=e.leftHtml||_.leftHtml,e=e.rightHtml||_.rightHtml,l=t+1,s={currentPage:l,pageCount:c};return(0,_vue.h)("div",{class:["vxe-print-page-break",v?"align--"+v:""]},[(0,_vue.h)("div",{class:["vxe-print-page-break--header",p?"align--"+p:""]},a?""+(_xeUtils.default.isFunction(a)?a(s):a||""):[!u||!g&&t?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{class:"vxe-print-page-break--header-title"},""+(u||""))]),(0,_vue.h)("div",{class:"vxe-print-page-break--body"},[(0,_vue.h)("div",{class:"vxe-print-page-break--left"},""+(_xeUtils.default.isFunction(n)?n(s):n||"")),(0,_vue.h)("div",{class:"vxe-print-page-break--content"},""+(_xeUtils.default.isFunction(r)?r(s):r||"")),(0,_vue.h)("div",{class:"vxe-print-page-break--right"},""+(_xeUtils.default.isFunction(e)?e(s):e||""))]),(0,_vue.h)("div",{class:["vxe-print-page-break--footer",d?"align--"+d:""]},i?""+(_xeUtils.default.isFunction(i)?i(s):i||""):[o?(0,_vue.h)("div",{class:"vxe-print-page-break--footer-page-number"},l+"/"+c):(0,_vue.createCommentVNode)()])])})})()))},(0,_vue.provide)("$xePrint",s),s},render(){return this.renderVN()}});

package/lib/print/src/util.js

@@ -7,6 +7,7 @@ exports.assemblePageBreak = assemblePageBreak;
 exports.createPrintFrame = createPrintFrame;
 exports.destroyPageBreak = destroyPageBreak;
 exports.printHtml = void 0;
+exports.trimHtml = trimHtml;
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 var _dom = require("../../ui/src/dom");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -14,7 +15,10 @@ const browseObj = _xeUtils.default.browse();
 // 打印
 let printFrame;
 // 默认导出或打印的 HTML 样式
-const defaultHtmlStyle = 'body{margin:0;padding:0;color:#000000;font-size:14px;font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu}body *{-webkit-box-sizing:border-box;box-sizing:border-box}.vxe-table{border-collapse:collapse;text-align:left;border-spacing:0}.vxe-table:not(.is--print){table-layout:fixed}.vxe-table,.vxe-table th,.vxe-table td,.vxe-table td{border-color:#D0D0D0;border-style:solid;border-width:0}.vxe-table.is--print{width:100%}.border--default,.border--full,.border--outer{border-top-width:1px}.border--default,.border--full,.border--outer{border-left-width:1px}.border--outer,.border--default th,.border--default td,.border--full th,.border--full td,.border--outer th,.border--inner th,.border--inner td{border-bottom-width:1px}.border--default,.border--outer,.border--full th,.border--full td{border-right-width:1px}.border--default th,.border--full th,.border--outer th{background-color:#f8f8f9}.vxe-table td>div,.vxe-table th>div{padding:.5em .4em}.col--center{text-align:center}.col--right{text-align:right}.vxe-table:not(.is--print) .col--ellipsis>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.vxe-table--tree-node{text-align:left}.vxe-table--tree-node-wrapper{position:relative}.vxe-table--tree-icon-wrapper{position:absolute;top:50%;width:1em;height:1em;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.vxe-table--tree-unfold-icon,.vxe-table--tree-fold-icon{position:absolute;width:0;height:0;border-style:solid;border-width:.5em;border-right-color:transparent;border-bottom-color:transparent}.vxe-table--tree-unfold-icon{left:.3em;top:0;border-left-color:#939599;border-top-color:transparent}.vxe-table--tree-fold-icon{left:0;top:.3em;border-left-color:transparent;border-top-color:#939599}.vxe-table--tree-cell{display:block;padding-left:1.5em}.vxe-table input[type="checkbox"]{margin:0}.vxe-table input[type="checkbox"],.vxe-table input[type="radio"],.vxe-table input[type="checkbox"]+span,.vxe-table input[type="radio"]+span{vertical-align:middle;padding-left:0.4em}';
+const defaultHtmlStyle = 'body{padding:0;font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu}body *{-webkit-box-sizing:border-box;box-sizing:border-box}.vxe-table{border-collapse:collapse;text-align:left;border-spacing:0}.vxe-table:not(.is--print){table-layout:fixed}.vxe-table,.vxe-table th,.vxe-table td,.vxe-table td{border-color:#D0D0D0;border-style:solid;border-width:0}.vxe-table.is--print{width:100%}.border--default,.border--full,.border--outer{border-top-width:1px}.border--default,.border--full,.border--outer{border-left-width:1px}.border--outer,.border--default th,.border--default td,.border--full th,.border--full td,.border--outer th,.border--inner th,.border--inner td{border-bottom-width:1px}.border--default,.border--outer,.border--full th,.border--full td{border-right-width:1px}.border--default th,.border--full th,.border--outer th{background-color:#f8f8f9}.vxe-table td>div,.vxe-table th>div{padding:.5em .4em}.col--center{text-align:center}.col--right{text-align:right}.vxe-table:not(.is--print) .col--ellipsis>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.vxe-table--tree-node{text-align:left}.vxe-table--tree-node-wrapper{position:relative}.vxe-table--tree-icon-wrapper{position:absolute;top:50%;width:1em;height:1em;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.vxe-table--tree-unfold-icon,.vxe-table--tree-fold-icon{position:absolute;width:0;height:0;border-style:solid;border-width:.5em;border-right-color:transparent;border-bottom-color:transparent}.vxe-table--tree-unfold-icon{left:.3em;top:0;border-left-color:#939599;border-top-color:transparent}.vxe-table--tree-fold-icon{left:0;top:.3em;border-left-color:transparent;border-top-color:#939599}.vxe-table--tree-cell{display:block;padding-left:1.5em}.vxe-table input[type="checkbox"]{margin:0}.vxe-table input[type="checkbox"],.vxe-table input[type="radio"],.vxe-table input[type="checkbox"]+span,.vxe-table input[type="radio"]+span{vertical-align:middle;padding-left:0.4em}';
+function trimHtml(html) {
+  return `${html}`.replace(/(<!---->)/, '');
+}
 function createPrintFrame() {
   const frame = document.createElement('iframe');
   frame.className = 'vxe-table--print-frame';
@@ -45,44 +49,51 @@ function getExportBlobByString(str, type) {
   });
 }
 const defaultPrintMargin = 50;
-function parseMargin(val) {
+const defaultFontColor = '#000000';
+function parsePageStyle(val) {
+  const styOpts = Object.assign({}, val);
+  const headStyOpts = Object.assign({}, styOpts.header);
+  const titStyOpts = Object.assign({}, styOpts.title);
+  const footStyOpts = Object.assign({}, styOpts.footer);
+  const pnStyOpts = Object.assign({}, styOpts.pageNumber);
   let mVal = defaultPrintMargin;
-  let top = mVal;
-  let bottom = mVal;
-  let left = mVal;
-  let right = mVal;
-  if (_xeUtils.default.isString(val) || _xeUtils.default.isNumber(val)) {
-    mVal = val;
-    top = mVal;
-    bottom = mVal;
-    left = mVal;
-    right = mVal;
-  } else if (_xeUtils.default.isPlainObject(val)) {
-    if (val.margin) {
-      mVal = val.margin;
-      top = mVal;
-      bottom = mVal;
-      left = mVal;
-      right = mVal;
-    }
-    if (val.marginTop) {
-      top = val.marginTop;
-    }
-    if (val.marginBottom) {
-      bottom = val.marginBottom;
-    }
-    if (val.marginLeft) {
-      left = val.marginLeft;
-    }
-    if (val.marginRight) {
-      right = val.marginRight;
-    }
+  let marginTop = mVal;
+  let marginBottom = mVal;
+  let marginLeft = mVal;
+  let marginRight = mVal;
+  if (_xeUtils.default.isNumber(styOpts.margin) || _xeUtils.default.isString(styOpts.margin)) {
+    mVal = styOpts.margin;
+    marginTop = mVal;
+    marginBottom = mVal;
+    marginLeft = mVal;
+    marginRight = mVal;
   }
   return {
-    top: (0, _dom.toCssUnit)(top),
-    bottom: (0, _dom.toCssUnit)(bottom),
-    left: (0, _dom.toCssUnit)(left),
-    right: (0, _dom.toCssUnit)(right)
+    marginTop: (0, _dom.toCssUnit)(styOpts.marginTop || marginTop),
+    marginBottom: (0, _dom.toCssUnit)(styOpts.marginBottom || marginBottom),
+    marginLeft: (0, _dom.toCssUnit)(styOpts.marginLeft || marginLeft),
+    marginRight: (0, _dom.toCssUnit)(styOpts.marginRight || marginRight),
+    fontSize: (0, _dom.toCssUnit)(styOpts.fontSize),
+    color: styOpts.color,
+    textAlign: styOpts.textAlign,
+    header: {
+      height: (0, _dom.toCssUnit)(headStyOpts.height),
+      textAlign: headStyOpts.textAlign
+    },
+    title: {
+      color: titStyOpts.color,
+      fontSize: (0, _dom.toCssUnit)(titStyOpts.fontSize),
+      textAlign: titStyOpts.textAlign
+    },
+    footer: {
+      height: (0, _dom.toCssUnit)(footStyOpts.height),
+      textAlign: footStyOpts.textAlign
+    },
+    pageNumber: {
+      color: pnStyOpts.color,
+      fontSize: (0, _dom.toCssUnit)(pnStyOpts.fontSize),
+      textAlign: pnStyOpts.textAlign
+    }
   };
 }
 function createHtmlPage(opts, printHtml) {
@@ -90,8 +101,13 @@ function createHtmlPage(opts, printHtml) {
     pageStyle,
     customStyle
   } = opts;
-  const marginObj = parseMargin(pageStyle);
-  return ['<!DOCTYPE html><html>', '<head>', '<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui">', `<title>${opts.title || ''}</title>`, opts._pageBreaks || opts.pageBreaks && opts.pageBreaks.length ? '<style media="print">@page {size: auto;margin: 0mm;}</style>' : '', `<style>.vxe-print-slots{display: none;}.vxe-print-page-break.align--center{text-align:center;}.vxe-print-page-break.align--left{text-align:left;}.vxe-print-page-break.align--right{text-align:right;}.vxe-print-page-break--header-title{font-size:1.8em;line-height:${marginObj.top || 'normal'};text-align:center;}.vxe-print-page-break{page-break-before:always;display:flex;flex-direction:column;height:100vh;overflow:hidden;}.vxe-print-page-break--body{display:flex;flex-direction:row;flex-grow:1;overflow: hidden;}.vxe-print-page-break--left,.vxe-print-page-break--right{flex-shrink:0;height:100%;}.vxe-print-page-break--left{width:${marginObj.left};}.vxe-print-page-break--right{width:${marginObj.right};}.vxe-print-page-break--header,.vxe-print-page-break--footer{flex-shrink:0;width:100%;}.vxe-print-page-break--header{height:${marginObj.top};}.vxe-print-page-break--footer{height:${marginObj.bottom};}.vxe-print-page-break--content{flex-grow: 1;overflow: hidden;}.vxe-print-page-break--footer-page-number{line-height:${marginObj.bottom || 'normal'};text-align:center;}</style>`, '<style>.vxe-table{white-space:pre;}</style>', `<style>${defaultHtmlStyle}</style>`, customStyle ? `<style>${customStyle}</style>` : '', '</head>', '<body>', `${printHtml}`, '</body>', '</html>'].join('');
+  const pageStyObj = parsePageStyle(pageStyle);
+  const headStyOpts = pageStyObj.header;
+  const titStyOpts = pageStyObj.title;
+  const footStyOpts = pageStyObj.header;
+  const pnStyOpts = pageStyObj.pageNumber;
+  const isPbMode = opts._pageBreaks || opts.pageBreaks && opts.pageBreaks.length;
+  return ['<!DOCTYPE html><html>', '<head>', '<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui">', `<title>${opts.title || ''}</title>`, '<style media="print">@page{size:auto;margin: 0mm;}</style>', `<style>body{font-size:${pageStyObj.fontSize || '14px'};color:${pageStyObj.color || defaultFontColor};text-align:${pageStyObj.textAlign || 'left'};}</style>`, '<style>', '.vxe-print-slots{display:none;}', '.vxe-print-page-break.align--center{text-align:center;}', '.vxe-print-page-break.align--left{text-align:left;}', '.vxe-print-page-break.align--right{text-align:right;}', '.vxe-print-page-break{break-before:always;page-break-before:always;display:flex;flex-direction:column;height:100vh;overflow:hidden;}', '.vxe-print-page-break--body{display:flex;flex-direction:row;flex-grow:1;overflow:hidden;}', '.vxe-print-page-break--left,.vxe-print-page-break--right{flex-shrink:0;height:100%;}', `.vxe-print-page-break--left{width:${pageStyObj.marginLeft};}`, `.vxe-print-page-break--right{width:${pageStyObj.marginRight};}`, '.vxe-print-page-break--header,.vxe-print-page-break--footer{display:flex;justify-content:center;flex-direction:column;flex-shrink:0;width:100%;}', `.vxe-print-page-break--header{height:${headStyOpts.height || pageStyObj.marginTop};padding:0 ${pageStyObj.marginLeft} 0 ${pageStyObj.marginRight};text-align:${headStyOpts.textAlign || 'left'};}`, `.vxe-print-page-break--header-title{font-size:${titStyOpts.fontSize || '1.6em'};color:${titStyOpts.color || defaultFontColor};text-align:${opts.headerAlign || pnStyOpts.textAlign || 'center'};}`, `.vxe-print-page-break--footer{height:${footStyOpts.height || pageStyObj.marginBottom};padding:0 ${pageStyObj.marginLeft} 0 ${pageStyObj.marginRight};text-align:${footStyOpts.textAlign || 'left'};}`, '.vxe-print-page-break--content{flex-grow:1;overflow:hidden;}', `.vxe-print-page-break--footer-page-number{font-size:${pnStyOpts.fontSize || '1.2em'};color:${pnStyOpts.color || defaultFontColor};text-align:${opts.footerAlign || pnStyOpts.textAlign || 'center'};}`, '</style>', '<style>.vxe-table{white-space:pre;}</style>', `<style>${defaultHtmlStyle}</style>`, isPbMode ? '<style>body{margin:0;}</style>' : `<style>body{margin:${pageStyObj.marginTop} ${pageStyObj.marginRight} ${pageStyObj.marginBottom} ${pageStyObj.marginLeft};}</style>`, customStyle ? `<style>${customStyle}</style>` : '', '</head>', '<body>', `${printHtml}`, '</body>', '</html>'].join('');
 }
 function handlePrint(opts, printHtml = '') {
   const {

package/lib/print/src/util.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.assemblePageBreak=assemblePageBreak,exports.createPrintFrame=createPrintFrame,exports.destroyPageBreak=destroyPageBreak,exports.printHtml=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_dom=require("../../ui/src/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const browseObj=_xeUtils.default.browse();let printFrame;const defaultHtmlStyle='body{margin:0;padding:0;color:#000000;font-size:14px;font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu}body *{-webkit-box-sizing:border-box;box-sizing:border-box}.vxe-table{border-collapse:collapse;text-align:left;border-spacing:0}.vxe-table:not(.is--print){table-layout:fixed}.vxe-table,.vxe-table th,.vxe-table td,.vxe-table td{border-color:#D0D0D0;border-style:solid;border-width:0}.vxe-table.is--print{width:100%}.border--default,.border--full,.border--outer{border-top-width:1px}.border--default,.border--full,.border--outer{border-left-width:1px}.border--outer,.border--default th,.border--default td,.border--full th,.border--full td,.border--outer th,.border--inner th,.border--inner td{border-bottom-width:1px}.border--default,.border--outer,.border--full th,.border--full td{border-right-width:1px}.border--default th,.border--full th,.border--outer th{background-color:#f8f8f9}.vxe-table td>div,.vxe-table th>div{padding:.5em .4em}.col--center{text-align:center}.col--right{text-align:right}.vxe-table:not(.is--print) .col--ellipsis>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.vxe-table--tree-node{text-align:left}.vxe-table--tree-node-wrapper{position:relative}.vxe-table--tree-icon-wrapper{position:absolute;top:50%;width:1em;height:1em;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.vxe-table--tree-unfold-icon,.vxe-table--tree-fold-icon{position:absolute;width:0;height:0;border-style:solid;border-width:.5em;border-right-color:transparent;border-bottom-color:transparent}.vxe-table--tree-unfold-icon{left:.3em;top:0;border-left-color:#939599;border-top-color:transparent}.vxe-table--tree-fold-icon{left:0;top:.3em;border-left-color:transparent;border-top-color:#939599}.vxe-table--tree-cell{display:block;padding-left:1.5em}.vxe-table input[type="checkbox"]{margin:0}.vxe-table input[type="checkbox"],.vxe-table input[type="radio"],.vxe-table input[type="checkbox"]+span,.vxe-table input[type="radio"]+span{vertical-align:middle;padding-left:0.4em}';function createPrintFrame(){var e=document.createElement("iframe");return e.className="vxe-table--print-frame",e}function appendPrintFrame(){printFrame.parentNode||document.body.appendChild(printFrame)}function afterPrintEvent(){requestAnimationFrame(removeFrame)}function removeFrame(){if(printFrame){if(printFrame.parentNode){try{printFrame.contentDocument.write("")}catch(e){}printFrame.parentNode.removeChild(printFrame)}printFrame=null}}function getExportBlobByString(e,t){return new Blob([e],{type:`text/${t};charset=utf-8;`})}const defaultPrintMargin=50;function parseMargin(e){let t=defaultPrintMargin,r=t,a=t,i=t,n=t;return _xeUtils.default.isString(e)||_xeUtils.default.isNumber(e)?(t=e,r=t,a=t,i=t,n=t):_xeUtils.default.isPlainObject(e)&&(e.margin&&(t=e.margin,r=t,a=t,i=t,n=t),e.marginTop&&(r=e.marginTop),e.marginBottom&&(a=e.marginBottom),e.marginLeft&&(i=e.marginLeft),e.marginRight)&&(n=e.marginRight),{top:(0,_dom.toCssUnit)(r),bottom:(0,_dom.toCssUnit)(a),left:(0,_dom.toCssUnit)(i),right:(0,_dom.toCssUnit)(n)}}function createHtmlPage(e,t){var{pageStyle:r,customStyle:a}=e,r=parseMargin(r);return["<!DOCTYPE html><html>","<head>",'<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui">',`<title>${e.title||""}</title>`,e._pageBreaks||e.pageBreaks&&e.pageBreaks.length?'<style media="print">@page {size: auto;margin: 0mm;}</style>':"",`<style>.vxe-print-slots{display: none;}.vxe-print-page-break.align--center{text-align:center;}.vxe-print-page-break.align--left{text-align:left;}.vxe-print-page-break.align--right{text-align:right;}.vxe-print-page-break--header-title{font-size:1.8em;line-height:${r.top||"normal"};text-align:center;}.vxe-print-page-break{page-break-before:always;display:flex;flex-direction:column;height:100vh;overflow:hidden;}.vxe-print-page-break--body{display:flex;flex-direction:row;flex-grow:1;overflow: hidden;}.vxe-print-page-break--left,.vxe-print-page-break--right{flex-shrink:0;height:100%;}.vxe-print-page-break--left{width:${r.left};}.vxe-print-page-break--right{width:${r.right};}.vxe-print-page-break--header,.vxe-print-page-break--footer{flex-shrink:0;width:100%;}.vxe-print-page-break--header{height:${r.top};}.vxe-print-page-break--footer{height:${r.bottom};}.vxe-print-page-break--content{flex-grow: 1;overflow: hidden;}.vxe-print-page-break--footer-page-number{line-height:${r.bottom||"normal"};text-align:center;}</style>`,"<style>.vxe-table{white-space:pre;}</style>",`<style>${defaultHtmlStyle}</style>`,a?`<style>${a}</style>`:"","</head>","<body>",""+t,"</body>","</html>"].join("")}function handlePrint(e,r=""){var t=e["beforeMethod"];const a=getExportBlobByString(r=createHtmlPage(e,r=t?t({content:r,html:r,options:e})||"":r),"html");return new Promise(t=>{browseObj.msie?(removeFrame(),printFrame=createPrintFrame(),appendPrintFrame(),printFrame.contentDocument.write(r),printFrame.contentDocument.execCommand("print"),setTimeout(()=>{t({status:!0})},300)):(printFrame||((printFrame=createPrintFrame()).onload=e=>{e.target.src&&(e.target.contentWindow.onafterprint=afterPrintEvent,e.target.contentWindow.print()),t({status:!0})},printFrame.onerror=()=>{t({status:!1})}),appendPrintFrame(),printFrame.src=URL.createObjectURL(a))})}function createPageBreak(d){const{title:s,showPageNumber:p,align:b,headerAlign:c,footerAlign:m,showAllPageTitle:g}=d;var e=d.pageBreaks||[];const u=e.length;return e.map((e,t)=>{var r=e.bodyHtml,a=e.headerHtml||d.headerHtml,i=e.footerHtml||d.footerHtml,n=e.leftHtml||d.leftHtml,e=e.rightHtml||d.rightHtml,o=t+1,l={currentPage:o,pageCount:u};return[`<div class="${["vxe-print-page-break",b?"align--"+b:""].join(" ")}">`,`<div class="${["vxe-print-page-break--header",c?"align--"+c:""].join(" ")}">`,a?""+(_xeUtils.default.isFunction(a)?a(l):a||""):!s||!g&&t?"":`<div class="vxe-print-page-break--header-title">${s||""}</div>`,"</div>",'<div class="vxe-print-page-break--body">',`<div class="vxe-print-page-break--left">${_xeUtils.default.isFunction(n)?n(l):n||""}</div>`,`<div class="vxe-print-page-break--content">${_xeUtils.default.isFunction(r)?r(l):r||""}</div>`,`<div class="vxe-print-page-break--right">${_xeUtils.default.isFunction(e)?e(l):e||""}</div>`,"</div>",`<div class="${["vxe-print-page-break--footer",m?"align--"+m:""].join(" ")}">`,i?""+(_xeUtils.default.isFunction(i)?i(l):i||""):p?`<div class="vxe-print-page-break--footer-page-number">${o}/${u}</div>`:"","</div>","</div>"].join("")}).join("")}const printHtml=e=>{e=Object.assign({_pageBreaks:!1,customLayout:!0},e);return e.sheetName&&(e.title=e.title||e.sheetName),e.style&&(e.customStyle=e.customStyle||e.style),e.beforePrintMethod&&(e.beforeMethod=e.beforeMethod||e.beforePrintMethod),e.pageBreaks&&e.pageBreaks.length?handlePrint(e,createPageBreak(e)):handlePrint(e,e.html||e.content)};function assemblePageBreak(e,t,r){var a=e.reactData.staticPageBreaks,i=t.parentNode;i&&a&&(a.splice(_xeUtils.default.arrayIndexOf(i.children,t),0,r),e.reactData.staticPageBreaks=a.slice(0))}function destroyPageBreak(e,t){e.reactData.staticPageBreaks=e.reactData.staticPageBreaks.filter(e=>e.id!==t.id)}exports.printHtml=printHtml;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.assemblePageBreak=assemblePageBreak,exports.createPrintFrame=createPrintFrame,exports.destroyPageBreak=destroyPageBreak,exports.printHtml=void 0,exports.trimHtml=trimHtml;var _xeUtils=_interopRequireDefault(require("xe-utils")),_dom=require("../../ui/src/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const browseObj=_xeUtils.default.browse();let printFrame;const defaultHtmlStyle='body{padding:0;font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu}body *{-webkit-box-sizing:border-box;box-sizing:border-box}.vxe-table{border-collapse:collapse;text-align:left;border-spacing:0}.vxe-table:not(.is--print){table-layout:fixed}.vxe-table,.vxe-table th,.vxe-table td,.vxe-table td{border-color:#D0D0D0;border-style:solid;border-width:0}.vxe-table.is--print{width:100%}.border--default,.border--full,.border--outer{border-top-width:1px}.border--default,.border--full,.border--outer{border-left-width:1px}.border--outer,.border--default th,.border--default td,.border--full th,.border--full td,.border--outer th,.border--inner th,.border--inner td{border-bottom-width:1px}.border--default,.border--outer,.border--full th,.border--full td{border-right-width:1px}.border--default th,.border--full th,.border--outer th{background-color:#f8f8f9}.vxe-table td>div,.vxe-table th>div{padding:.5em .4em}.col--center{text-align:center}.col--right{text-align:right}.vxe-table:not(.is--print) .col--ellipsis>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.vxe-table--tree-node{text-align:left}.vxe-table--tree-node-wrapper{position:relative}.vxe-table--tree-icon-wrapper{position:absolute;top:50%;width:1em;height:1em;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.vxe-table--tree-unfold-icon,.vxe-table--tree-fold-icon{position:absolute;width:0;height:0;border-style:solid;border-width:.5em;border-right-color:transparent;border-bottom-color:transparent}.vxe-table--tree-unfold-icon{left:.3em;top:0;border-left-color:#939599;border-top-color:transparent}.vxe-table--tree-fold-icon{left:0;top:.3em;border-left-color:transparent;border-top-color:#939599}.vxe-table--tree-cell{display:block;padding-left:1.5em}.vxe-table input[type="checkbox"]{margin:0}.vxe-table input[type="checkbox"],.vxe-table input[type="radio"],.vxe-table input[type="checkbox"]+span,.vxe-table input[type="radio"]+span{vertical-align:middle;padding-left:0.4em}';function trimHtml(e){return(""+e).replace(/(<!---->)/,"")}function createPrintFrame(){var e=document.createElement("iframe");return e.className="vxe-table--print-frame",e}function appendPrintFrame(){printFrame.parentNode||document.body.appendChild(printFrame)}function afterPrintEvent(){requestAnimationFrame(removeFrame)}function removeFrame(){if(printFrame){if(printFrame.parentNode){try{printFrame.contentDocument.write("")}catch(e){}printFrame.parentNode.removeChild(printFrame)}printFrame=null}}function getExportBlobByString(e,t){return new Blob([e],{type:`text/${t};charset=utf-8;`})}const defaultPrintMargin=50,defaultFontColor="#000000";function parsePageStyle(e){var t,e=Object.assign({},e),r=Object.assign({},e.header),i=Object.assign({},e.title),a=Object.assign({},e.footer),n=Object.assign({},e.pageNumber);defaultPrintMargin;let o=defaultPrintMargin,l=defaultPrintMargin,d=defaultPrintMargin,s=defaultPrintMargin;return(_xeUtils.default.isNumber(e.margin)||_xeUtils.default.isString(e.margin))&&(t=e.margin,o=t,l=t,d=t,s=t),{marginTop:(0,_dom.toCssUnit)(e.marginTop||o),marginBottom:(0,_dom.toCssUnit)(e.marginBottom||l),marginLeft:(0,_dom.toCssUnit)(e.marginLeft||d),marginRight:(0,_dom.toCssUnit)(e.marginRight||s),fontSize:(0,_dom.toCssUnit)(e.fontSize),color:e.color,textAlign:e.textAlign,header:{height:(0,_dom.toCssUnit)(r.height),textAlign:r.textAlign},title:{color:i.color,fontSize:(0,_dom.toCssUnit)(i.fontSize),textAlign:i.textAlign},footer:{height:(0,_dom.toCssUnit)(a.height),textAlign:a.textAlign},pageNumber:{color:n.color,fontSize:(0,_dom.toCssUnit)(n.fontSize),textAlign:n.textAlign}}}function createHtmlPage(e,t){var{pageStyle:r,customStyle:i}=e,r=parsePageStyle(r),a=r.header,n=r.title,o=r.header,l=r.pageNumber,d=e._pageBreaks||e.pageBreaks&&e.pageBreaks.length;return["<!DOCTYPE html><html>","<head>",'<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui">',`<title>${e.title||""}</title>`,'<style media="print">@page{size:auto;margin: 0mm;}</style>',`<style>body{font-size:${r.fontSize||"14px"};color:${r.color||defaultFontColor};text-align:${r.textAlign||"left"};}</style>`,"<style>",".vxe-print-slots{display:none;}",".vxe-print-page-break.align--center{text-align:center;}",".vxe-print-page-break.align--left{text-align:left;}",".vxe-print-page-break.align--right{text-align:right;}",".vxe-print-page-break{break-before:always;page-break-before:always;display:flex;flex-direction:column;height:100vh;overflow:hidden;}",".vxe-print-page-break--body{display:flex;flex-direction:row;flex-grow:1;overflow:hidden;}",".vxe-print-page-break--left,.vxe-print-page-break--right{flex-shrink:0;height:100%;}",`.vxe-print-page-break--left{width:${r.marginLeft};}`,`.vxe-print-page-break--right{width:${r.marginRight};}`,".vxe-print-page-break--header,.vxe-print-page-break--footer{display:flex;justify-content:center;flex-direction:column;flex-shrink:0;width:100%;}",`.vxe-print-page-break--header{height:${a.height||r.marginTop};padding:0 ${r.marginLeft} 0 ${r.marginRight};text-align:${a.textAlign||"left"};}`,`.vxe-print-page-break--header-title{font-size:${n.fontSize||"1.6em"};color:${n.color||defaultFontColor};text-align:${e.headerAlign||l.textAlign||"center"};}`,`.vxe-print-page-break--footer{height:${o.height||r.marginBottom};padding:0 ${r.marginLeft} 0 ${r.marginRight};text-align:${o.textAlign||"left"};}`,".vxe-print-page-break--content{flex-grow:1;overflow:hidden;}",`.vxe-print-page-break--footer-page-number{font-size:${l.fontSize||"1.2em"};color:${l.color||defaultFontColor};text-align:${e.footerAlign||l.textAlign||"center"};}`,"</style>","<style>.vxe-table{white-space:pre;}</style>",`<style>${defaultHtmlStyle}</style>`,d?"<style>body{margin:0;}</style>":`<style>body{margin:${r.marginTop} ${r.marginRight} ${r.marginBottom} ${r.marginLeft};}</style>`,i?`<style>${i}</style>`:"","</head>","<body>",""+t,"</body>","</html>"].join("")}function handlePrint(e,r=""){var t=e["beforeMethod"];const i=getExportBlobByString(r=createHtmlPage(e,r=t?t({content:r,html:r,options:e})||"":r),"html");return new Promise(t=>{browseObj.msie?(removeFrame(),printFrame=createPrintFrame(),appendPrintFrame(),printFrame.contentDocument.write(r),printFrame.contentDocument.execCommand("print"),setTimeout(()=>{t({status:!0})},300)):(printFrame||((printFrame=createPrintFrame()).onload=e=>{e.target.src&&(e.target.contentWindow.onafterprint=afterPrintEvent,e.target.contentWindow.print()),t({status:!0})},printFrame.onerror=()=>{t({status:!1})}),appendPrintFrame(),printFrame.src=URL.createObjectURL(i))})}function createPageBreak(d){const{title:s,showPageNumber:g,align:p,headerAlign:m,footerAlign:c,showAllPageTitle:b}=d;var e=d.pageBreaks||[];const f=e.length;return e.map((e,t)=>{var r=e.bodyHtml,i=e.headerHtml||d.headerHtml,a=e.footerHtml||d.footerHtml,n=e.leftHtml||d.leftHtml,e=e.rightHtml||d.rightHtml,o=t+1,l={currentPage:o,pageCount:f};return[`<div class="${["vxe-print-page-break",p?"align--"+p:""].join(" ")}">`,`<div class="${["vxe-print-page-break--header",m?"align--"+m:""].join(" ")}">`,i?""+(_xeUtils.default.isFunction(i)?i(l):i||""):!s||!b&&t?"":`<div class="vxe-print-page-break--header-title">${s||""}</div>`,"</div>",'<div class="vxe-print-page-break--body">',`<div class="vxe-print-page-break--left">${_xeUtils.default.isFunction(n)?n(l):n||""}</div>`,`<div class="vxe-print-page-break--content">${_xeUtils.default.isFunction(r)?r(l):r||""}</div>`,`<div class="vxe-print-page-break--right">${_xeUtils.default.isFunction(e)?e(l):e||""}</div>`,"</div>",`<div class="${["vxe-print-page-break--footer",c?"align--"+c:""].join(" ")}">`,a?""+(_xeUtils.default.isFunction(a)?a(l):a||""):g?`<div class="vxe-print-page-break--footer-page-number">${o}/${f}</div>`:"","</div>","</div>"].join("")}).join("")}const printHtml=e=>{e=Object.assign({_pageBreaks:!1,customLayout:!0},e);return e.sheetName&&(e.title=e.title||e.sheetName),e.style&&(e.customStyle=e.customStyle||e.style),e.beforePrintMethod&&(e.beforeMethod=e.beforeMethod||e.beforePrintMethod),e.pageBreaks&&e.pageBreaks.length?handlePrint(e,createPageBreak(e)):handlePrint(e,e.html||e.content)};function assemblePageBreak(e,t,r){var i=e.reactData.staticPageBreaks,a=t.parentNode;a&&i&&(i.splice(_xeUtils.default.arrayIndexOf(a.children,t),0,r),e.reactData.staticPageBreaks=i.slice(0))}function destroyPageBreak(e,t){e.reactData.staticPageBreaks=e.reactData.staticPageBreaks.filter(e=>e.id!==t.id)}exports.printHtml=printHtml;

package/lib/pulldown/src/pulldown.js

@@ -108,86 +108,28 @@ var _default = exports.default = (0, _vue.defineComponent)({
      * 手动更新位置
      */
     const updatePlacement = () => {
-      return (0, _vue.nextTick)().then(() => {
-        const {
-          placement
-        } = props;
-        const {
-          panelIndex,
-          visiblePanel
-        } = reactData;
-        const btnTransfer = computeBtnTransfer.value;
-        if (visiblePanel) {
-          const targetElem = refPulldownContent.value;
-          const panelElem = refPulldownPanel.value;
-          if (panelElem && targetElem) {
-            const targetHeight = targetElem.offsetHeight;
-            const targetWidth = targetElem.offsetWidth;
-            const panelHeight = panelElem.offsetHeight;
-            const panelWidth = panelElem.offsetWidth;
-            const marginSize = 5;
-            const panelStyle = {
-              zIndex: panelIndex
-            };
-            const {
-              boundingTop,
-              boundingLeft,
-              visibleHeight,
-              visibleWidth
-            } = (0, _dom.getAbsolutePos)(targetElem);
-            let panelPlacement = 'bottom';
-            if (btnTransfer) {
-              let left = boundingLeft;
-              let top = boundingTop + targetHeight;
-              if (placement === 'top') {
-                panelPlacement = 'top';
-                top = boundingTop - panelHeight;
-              } else if (!placement) {
-                // 如果下面不够放，则向上
-                if (top + panelHeight + marginSize > visibleHeight) {
-                  panelPlacement = 'top';
-                  top = boundingTop - panelHeight;
-                }
-                // 如果上面不够放，则向下（优先）
-                if (top < marginSize) {
-                  panelPlacement = 'bottom';
-                  top = boundingTop + targetHeight;
-                }
-              }
-              // 如果溢出右边
-              if (left + panelWidth + marginSize > visibleWidth) {
-                left -= left + panelWidth + marginSize - visibleWidth;
-              }
-              // 如果溢出左边
-              if (left < marginSize) {
-                left = marginSize;
-              }
-              Object.assign(panelStyle, {
-                left: `${left}px`,
-                top: `${top}px`,
-                minWidth: `${targetWidth}px`
-              });
-            } else {
-              if (placement === 'top') {
-                panelPlacement = 'top';
-                panelStyle.bottom = `${targetHeight}px`;
-              } else if (!placement) {
-                // 如果下面不够放，则向上
-                if (boundingTop + targetHeight + panelHeight > visibleHeight) {
-                  // 如果上面不够放，则向下（优先）
-                  if (boundingTop - targetHeight - panelHeight > marginSize) {
-                    panelPlacement = 'top';
-                    panelStyle.bottom = `${targetHeight}px`;
-                  }
-                }
-              }
-            }
-            reactData.panelStyle = panelStyle;
-            reactData.panelPlacement = panelPlacement;
-          }
-        }
-        return (0, _vue.nextTick)();
-      });
+      const {
+        placement
+      } = props;
+      const {
+        panelIndex
+      } = reactData;
+      const targetElem = refPulldownContent.value;
+      const panelElem = refPulldownPanel.value;
+      const btnTransfer = computeBtnTransfer.value;
+      const handleStyle = () => {
+        const ppObj = (0, _dom.updatePanelPlacement)(targetElem, panelElem, {
+          placement,
+          teleportTo: btnTransfer
+        });
+        const panelStyle = Object.assign(ppObj.style, {
+          zIndex: panelIndex
+        });
+        reactData.panelStyle = panelStyle;
+        reactData.panelPlacement = ppObj.placement;
+      };
+      handleStyle();
+      return (0, _vue.nextTick)().then(handleStyle);
     };
     /**
      * 显示下拉面板

package/lib/pulldown/src/pulldown.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxePulldown",props:{modelValue:Boolean,disabled:Boolean,placement:String,trigger:{type:String,default:(0,_ui.getConfig)().pulldown.trigger},size:{type:String,default:()=>(0,_ui.getConfig)().size},options:Array,className:{type:[String,Function],default:(0,_ui.getConfig)().pulldown.className},popupClassName:[String,Function],showPopupShadow:Boolean,destroyOnClose:{type:Boolean,default:(0,_ui.getConfig)().pulldown.destroyOnClose},transfer:{type:Boolean,default:null}},emits:["update:modelValue","click","option-click","show-panel","hide-panel","visible-change"],setup(g,e){const{slots:h,emit:t}=e,i=(0,_vue.inject)("$xeModal",null),n=(0,_vue.inject)("$xeDrawer",null),a=(0,_vue.inject)("$xeTable",null),o=(0,_vue.inject)("$xeForm",null);var l=_xeUtils.default.uniqueId();const x=(0,_ui.useSize)(g)["computeSize"],w=(0,_vue.reactive)({initialized:!1,panelIndex:0,panelStyle:{},panelPlacement:null,visiblePanel:!1,isAniVisible:!1,isActivated:!1}),u={hpTimeout:void 0},P=(0,_vue.ref)(),T=(0,_vue.ref)(),V=(0,_vue.ref)(),y=(0,_vue.computed)(()=>{var e=g["transfer"];if(null===e){var l=(0,_ui.getConfig)().pulldown.transfer;if(_xeUtils.default.isBoolean(l))return l;if(a||i||n||o)return!0}return e}),s={refElem:P},C={xID:l,props:g,context:e,reactData:w,internalData:u,getRefMaps:()=>s};const d=()=>{w.panelIndex<(0,_utils.getLastZIndex)()&&(w.panelIndex=(0,_utils.nextZIndex)())};const r=()=>(0,_vue.nextTick)().then(()=>{var t=g["placement"],{panelIndex:n,visiblePanel:a}=w,e=y.value;if(a){var a=T.value,o=V.value;if(o&&a){var u=a.offsetHeight,s=a.offsetWidth,d=o.offsetHeight,o=o.offsetWidth,n={zIndex:n},{boundingTop:a,boundingLeft:r,visibleHeight:v,visibleWidth:p}=(0,_dom.getAbsolutePos)(a);let i="bottom";if(e){let e=r,l=a+u;"top"===t?(i="top",l=a-d):t||(l+d+5>v&&(i="top",l=a-d),l<5&&(i="bottom",l=a+u)),e+o+5>p&&(e-=e+o+5-p),e<5&&(e=5),Object.assign(n,{left:e+"px",top:l+"px",minWidth:s+"px"})}else"top"===t?(i="top",n.bottom=u+"px"):t||v<a+u+d&&5<a-u-d&&(i="top",n.bottom=u+"px");w.panelStyle=n,w.panelPlacement=i}}return(0,_vue.nextTick)()}),v=()=>(w.initialized||(w.initialized=!0),new Promise(e=>{g.disabled?(0,_vue.nextTick)(()=>{e()}):(u.hpTimeout&&clearTimeout(u.hpTimeout),w.isActivated=!0,w.isAniVisible=!0,setTimeout(()=>{w.visiblePanel=!0,t("update:modelValue",!0),r(),setTimeout(()=>{e(r())},40)},10),d(),b("visible-change",{visible:!0},null))})),p=()=>(w.visiblePanel=!1,b("visible-change",{visible:!1},null),t("update:modelValue",!1),new Promise(e=>{w.isAniVisible?u.hpTimeout=setTimeout(()=>{(w.isAniVisible=!1,_vue.nextTick)(()=>{e()})},350):(0,_vue.nextTick)(()=>{e()})}));const A=(e,l)=>{l.disabled||(w.visiblePanel&&(p(),b("hide-panel",{},e)),b("option-click",{option:l},e))},k=e=>{var l=g["trigger"];"click"===l&&(w.visiblePanel?(p(),b("hide-panel",{},e)):(v(),b("show-panel",{},e))),b("click",{$pulldown:C},e)},c=e=>{var l=g["disabled"],i=w["visiblePanel"],t=V.value;l||i&&((0,_dom.getEventTargetNode)(e,t).flag?r():(p(),b("hide-panel",{},e)))},_=e=>{var l=g["disabled"],i=w["visiblePanel"],t=P.value,n=V.value;l||(w.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,n).flag,i&&!w.isActivated&&(p(),b("hide-panel",{},e)))},f=e=>{w.visiblePanel&&(w.isActivated=!1,p(),b("hide-panel",{},e))},b=(e,l,i)=>{t(e,(0,_ui.createEvent)(i,{$pulldown:C},l))};l={dispatchEvent:b,isPanelVisible:()=>w.visiblePanel,togglePanel:()=>(w.visiblePanel?p:v)(),showPanel:v,hidePanel:p},Object.assign(C,l),(0,_vue.watch)(()=>g.modelValue,e=>{w.isActivated=!!e,(e?v:p)()}),(0,_vue.nextTick)(()=>{g.modelValue&&v(),_ui.globalEvents.on(C,"mousewheel",c),_ui.globalEvents.on(C,"mousedown",_),_ui.globalEvents.on(C,"blur",f)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(C,"mousewheel"),_ui.globalEvents.off(C,"mousedown"),_ui.globalEvents.off(C,"blur")});return C.renderVN=()=>{var{className:e,options:l,popupClassName:i,showPopupShadow:t,destroyOnClose:n,disabled:a}=g,{initialized:o,isActivated:u,isAniVisible:s,visiblePanel:d,panelStyle:r,panelPlacement:v}=w,p=y.value,c=x.value,_=h.default,f=h.header,b=h.footer,m=h.dropdown;return(0,_vue.h)("div",{ref:P,class:["vxe-pulldown",e?_xeUtils.default.isFunction(e)?e({$pulldown:C}):e:"",{["size--"+c]:c,"is--visible":d,"is--disabled":a,"is--active":u}]},[(0,_vue.h)("div",{ref:T,class:"vxe-pulldown--content",onClick:k},_?_({$pulldown:C}):[]),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!p||!o},[(0,_vue.h)("div",{ref:V,class:["vxe-table--ignore-clear vxe-pulldown--panel",i?_xeUtils.default.isFunction(i)?i({$pulldown:C}):i:"",{["size--"+c]:c,"is--shadow":t,"is--transfer":p,"ani--leave":s,"ani--enter":d}],placement:v,style:r},[(0,_vue.h)("div",{class:"vxe-pulldown--panel-wrapper"},o&&(!n||d||s)?[f?(0,_vue.h)("div",{class:"vxe-pulldown--panel-header"},f({$pulldown:C})):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-pulldown--panel-body"},m?m({$pulldown:C}):[(e=>{const i=h.option;return(0,_vue.h)("div",{class:"vxe-pulldown--panel-list"},e?e.map(l=>(0,_vue.h)("div",{class:"vxe-pulldown--panel-item",onClick(e){A(e,l)}},i?i({$pulldown:C,option:l}):""+(l.label||""))):[])})(l)]),b?(0,_vue.h)("div",{class:"vxe-pulldown--panel-footer"},b({$pulldown:C})):(0,_vue.createCommentVNode)()]:[])])])])},C},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxePulldown",props:{modelValue:Boolean,disabled:Boolean,placement:String,trigger:{type:String,default:(0,_ui.getConfig)().pulldown.trigger},size:{type:String,default:()=>(0,_ui.getConfig)().size},options:Array,className:{type:[String,Function],default:(0,_ui.getConfig)().pulldown.className},popupClassName:[String,Function],showPopupShadow:Boolean,destroyOnClose:{type:Boolean,default:(0,_ui.getConfig)().pulldown.destroyOnClose},transfer:{type:Boolean,default:null}},emits:["update:modelValue","click","option-click","show-panel","hide-panel","visible-change"],setup(g,e){const{slots:w,emit:n}=e,i=(0,_vue.inject)("$xeModal",null),t=(0,_vue.inject)("$xeDrawer",null),a=(0,_vue.inject)("$xeTable",null),o=(0,_vue.inject)("$xeForm",null);var l=_xeUtils.default.uniqueId();const h=(0,_ui.useSize)(g)["computeSize"],x=(0,_vue.reactive)({initialized:!1,panelIndex:0,panelStyle:{},panelPlacement:null,visiblePanel:!1,isAniVisible:!1,isActivated:!1}),u={hpTimeout:void 0},P=(0,_vue.ref)(),T=(0,_vue.ref)(),y=(0,_vue.ref)(),V=(0,_vue.computed)(()=>{var e=g["transfer"];if(null===e){var l=(0,_ui.getConfig)().pulldown.transfer;if(_xeUtils.default.isBoolean(l))return l;if(a||i||t||o)return!0}return e}),s={refElem:P},C={xID:l,props:g,context:e,reactData:x,internalData:u,getRefMaps:()=>s};const d=()=>{x.panelIndex<(0,_utils.getLastZIndex)()&&(x.panelIndex=(0,_utils.nextZIndex)())};const r=()=>{const i=g["placement"],n=x["panelIndex"],t=T.value,a=y.value,o=V.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(t,a,{placement:i,teleportTo:o}),l=Object.assign(e.style,{zIndex:n});x.panelStyle=l,x.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},v=()=>(x.initialized||(x.initialized=!0),new Promise(e=>{g.disabled?(0,_vue.nextTick)(()=>{e()}):(u.hpTimeout&&clearTimeout(u.hpTimeout),x.isActivated=!0,x.isAniVisible=!0,setTimeout(()=>{x.visiblePanel=!0,n("update:modelValue",!0),r(),setTimeout(()=>{e(r())},40)},10),d(),f("visible-change",{visible:!0},null))})),p=()=>(x.visiblePanel=!1,f("visible-change",{visible:!1},null),n("update:modelValue",!1),new Promise(e=>{x.isAniVisible?u.hpTimeout=setTimeout(()=>{(x.isAniVisible=!1,_vue.nextTick)(()=>{e()})},350):(0,_vue.nextTick)(()=>{e()})}));const A=(e,l)=>{l.disabled||(x.visiblePanel&&(p(),f("hide-panel",{},e)),f("option-click",{option:l},e))},$=e=>{var l=g["trigger"];"click"===l&&(x.visiblePanel?(p(),f("hide-panel",{},e)):(v(),f("show-panel",{},e))),f("click",{$pulldown:C},e)},c=e=>{var l=g["disabled"],i=x["visiblePanel"],n=y.value;l||i&&((0,_dom.getEventTargetNode)(e,n).flag?r():(p(),f("hide-panel",{},e)))},_=e=>{var l=g["disabled"],i=x["visiblePanel"],n=P.value,t=y.value;l||(x.isActivated=(0,_dom.getEventTargetNode)(e,n).flag||(0,_dom.getEventTargetNode)(e,t).flag,i&&!x.isActivated&&(p(),f("hide-panel",{},e)))},m=e=>{x.visiblePanel&&(x.isActivated=!1,p(),f("hide-panel",{},e))},f=(e,l,i)=>{n(e,(0,_ui.createEvent)(i,{$pulldown:C},l))};l={dispatchEvent:f,isPanelVisible:()=>x.visiblePanel,togglePanel:()=>(x.visiblePanel?p:v)(),showPanel:v,hidePanel:p},Object.assign(C,l),(0,_vue.watch)(()=>g.modelValue,e=>{x.isActivated=!!e,(e?v:p)()}),(0,_vue.nextTick)(()=>{g.modelValue&&v(),_ui.globalEvents.on(C,"mousewheel",c),_ui.globalEvents.on(C,"mousedown",_),_ui.globalEvents.on(C,"blur",m)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(C,"mousewheel"),_ui.globalEvents.off(C,"mousedown"),_ui.globalEvents.off(C,"blur")});return C.renderVN=()=>{var{className:e,options:l,popupClassName:i,showPopupShadow:n,destroyOnClose:t,disabled:a}=g,{initialized:o,isActivated:u,isAniVisible:s,visiblePanel:d,panelStyle:r,panelPlacement:v}=x,p=V.value,c=h.value,_=w.default,m=w.header,f=w.footer,b=w.dropdown;return(0,_vue.h)("div",{ref:P,class:["vxe-pulldown",e?_xeUtils.default.isFunction(e)?e({$pulldown:C}):e:"",{["size--"+c]:c,"is--visible":d,"is--disabled":a,"is--active":u}]},[(0,_vue.h)("div",{ref:T,class:"vxe-pulldown--content",onClick:$},_?_({$pulldown:C}):[]),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!p||!o},[(0,_vue.h)("div",{ref:y,class:["vxe-table--ignore-clear vxe-pulldown--panel",i?_xeUtils.default.isFunction(i)?i({$pulldown:C}):i:"",{["size--"+c]:c,"is--shadow":n,"is--transfer":p,"ani--leave":s,"ani--enter":d}],placement:v,style:r},[(0,_vue.h)("div",{class:"vxe-pulldown--panel-wrapper"},o&&(!t||d||s)?[m?(0,_vue.h)("div",{class:"vxe-pulldown--panel-header"},m({$pulldown:C})):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-pulldown--panel-body"},b?b({$pulldown:C}):[(e=>{const i=w.option;return(0,_vue.h)("div",{class:"vxe-pulldown--panel-list"},e?e.map(l=>(0,_vue.h)("div",{class:"vxe-pulldown--panel-item",onClick(e){A(e,l)}},i?i({$pulldown:C,option:l}):""+(l.label||""))):[])})(l)]),f?(0,_vue.h)("div",{class:"vxe-pulldown--panel-footer"},f({$pulldown:C})):(0,_vue.createCommentVNode)()]:[])])])])},C},render(){return this.renderVN()}});

package/lib/pulldown/style/style.css

@@ -13,14 +13,10 @@
   padding: 4px 0;
   color: var(--vxe-ui-font-color);
   text-align: left;
-  outline: 0;
 }
 .vxe-pulldown--panel:not(.is--transfer) {
   min-width: 100%;
 }
-.vxe-pulldown--panel.is--shadow .vxe-pulldown--panel-wrapper {
-  box-shadow: var(--vxe-ui-base-popup-box-shadow);
-}
 .vxe-pulldown--panel.is--transfer {
   position: fixed;
 }

package/lib/pulldown/style/style.min.css

@@ -1 +1 @@
-.vxe-pulldown{position:relative;display:inline-block;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);text-align:left}.vxe-pulldown--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left;outline:0}.vxe-pulldown--panel:not(.is--transfer){min-width:100%}.vxe-pulldown--panel.is--shadow .vxe-pulldown--panel-wrapper{box-shadow:var(--vxe-ui-base-popup-box-shadow)}.vxe-pulldown--panel.is--transfer{position:fixed}.vxe-pulldown--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-pulldown--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-pulldown--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-pulldown--panel.ani--enter>div::after{display:none}.vxe-pulldown--panel>div::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-pulldown--panel-wrapper{background-color:var(--vxe-ui-layout-background-color)}.vxe-pulldown--panel-list .vxe-pulldown--panel-item{line-height:30px;max-width:50vw;padding:0 var(--vxe-ui-layout-padding-default);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-pulldown--panel-list .vxe-pulldown--panel-item:not(.is--disabled){cursor:pointer}.vxe-pulldown--panel-list .vxe-pulldown--panel-item:not(.is--disabled):hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-pulldown--panel-list .vxe-pulldown--panel-item.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-pulldown,.vxe-pulldown--panel{font-size:var(--vxe-ui-font-size-default)}.vxe-pulldown--panel.size--medium,.vxe-pulldown.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-pulldown--panel.size--small,.vxe-pulldown.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-pulldown--panel.size--mini,.vxe-pulldown.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-pulldown--panel .vxe-pulldown--panel-item{height:var(--vxe-ui-pulldown-option-height-default)}.vxe-pulldown--panel.size--medium .vxe-pulldown--panel-item{height:var(--vxe-ui-pulldown-option-height-medium)}.vxe-pulldown--panel.size--small .vxe-pulldown--panel-item{height:var(--vxe-ui-pulldown-option-height-medium)}.vxe-pulldown--panel.size--mini .vxe-pulldown--panel-item{height:var(--vxe-ui-pulldown-option-height-medium)}
+.vxe-pulldown{position:relative;display:inline-block;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);text-align:left}.vxe-pulldown--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-pulldown--panel:not(.is--transfer){min-width:100%}.vxe-pulldown--panel.is--transfer{position:fixed}.vxe-pulldown--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-pulldown--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-pulldown--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-pulldown--panel.ani--enter>div::after{display:none}.vxe-pulldown--panel>div::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-pulldown--panel-wrapper{background-color:var(--vxe-ui-layout-background-color)}.vxe-pulldown--panel-list .vxe-pulldown--panel-item{line-height:30px;max-width:50vw;padding:0 var(--vxe-ui-layout-padding-default);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-pulldown--panel-list .vxe-pulldown--panel-item:not(.is--disabled){cursor:pointer}.vxe-pulldown--panel-list .vxe-pulldown--panel-item:not(.is--disabled):hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-pulldown--panel-list .vxe-pulldown--panel-item.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-pulldown,.vxe-pulldown--panel{font-size:var(--vxe-ui-font-size-default)}.vxe-pulldown--panel.size--medium,.vxe-pulldown.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-pulldown--panel.size--small,.vxe-pulldown.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-pulldown--panel.size--mini,.vxe-pulldown.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-pulldown--panel .vxe-pulldown--panel-item{height:var(--vxe-ui-pulldown-option-height-default)}.vxe-pulldown--panel.size--medium .vxe-pulldown--panel-item{height:var(--vxe-ui-pulldown-option-height-medium)}.vxe-pulldown--panel.size--small .vxe-pulldown--panel-item{height:var(--vxe-ui-pulldown-option-height-medium)}.vxe-pulldown--panel.size--mini .vxe-pulldown--panel-item{height:var(--vxe-ui-pulldown-option-height-medium)}

package/lib/select/src/select.js

@@ -408,83 +408,28 @@ var _default = exports.default = (0, _vue.defineComponent)({
       }
     };
     const updatePlacement = () => {
-      return (0, _vue.nextTick)().then(() => {
-        const {
-          placement
-        } = props;
-        const {
-          panelIndex
-        } = reactData;
-        const el = refElem.value;
-        const panelElem = refOptionPanel.value;
-        const btnTransfer = computeBtnTransfer.value;
-        if (panelElem && el) {
-          const targetHeight = el.offsetHeight;
-          const targetWidth = el.offsetWidth;
-          const panelHeight = panelElem.offsetHeight;
-          const panelWidth = panelElem.offsetWidth;
-          const marginSize = 5;
-          const panelStyle = {
-            zIndex: panelIndex
-          };
-          const {
-            boundingTop,
-            boundingLeft,
-            visibleHeight,
-            visibleWidth
-          } = (0, _dom.getAbsolutePos)(el);
-          let panelPlacement = 'bottom';
-          if (btnTransfer) {
-            let left = boundingLeft;
-            let top = boundingTop + targetHeight;
-            if (placement === 'top') {
-              panelPlacement = 'top';
-              top = boundingTop - panelHeight;
-            } else if (!placement) {
-              // 如果下面不够放，则向上
-              if (top + panelHeight + marginSize > visibleHeight) {
-                panelPlacement = 'top';
-                top = boundingTop - panelHeight;
-              }
-              // 如果上面不够放，则向下（优先）
-              if (top < marginSize) {
-                panelPlacement = 'bottom';
-                top = boundingTop + targetHeight;
-              }
-            }
-            // 如果溢出右边
-            if (left + panelWidth + marginSize > visibleWidth) {
-              left -= left + panelWidth + marginSize - visibleWidth;
-            }
-            // 如果溢出左边
-            if (left < marginSize) {
-              left = marginSize;
-            }
-            Object.assign(panelStyle, {
-              left: `${left}px`,
-              top: `${top}px`,
-              minWidth: `${targetWidth}px`
-            });
-          } else {
-            if (placement === 'top') {
-              panelPlacement = 'top';
-              panelStyle.bottom = `${targetHeight}px`;
-            } else if (!placement) {
-              // 如果下面不够放，则向上
-              if (boundingTop + targetHeight + panelHeight > visibleHeight) {
-                // 如果上面不够放，则向下（优先）
-                if (boundingTop - targetHeight - panelHeight > marginSize) {
-                  panelPlacement = 'top';
-                  panelStyle.bottom = `${targetHeight}px`;
-                }
-              }
-            }
-          }
-          reactData.panelStyle = panelStyle;
-          reactData.panelPlacement = panelPlacement;
-          return (0, _vue.nextTick)();
-        }
-      });
+      const {
+        placement
+      } = props;
+      const {
+        panelIndex
+      } = reactData;
+      const targetElem = refElem.value;
+      const panelElem = refOptionPanel.value;
+      const btnTransfer = computeBtnTransfer.value;
+      const handleStyle = () => {
+        const ppObj = (0, _dom.updatePanelPlacement)(targetElem, panelElem, {
+          placement,
+          teleportTo: btnTransfer
+        });
+        const panelStyle = Object.assign(ppObj.style, {
+          zIndex: panelIndex
+        });
+        reactData.panelStyle = panelStyle;
+        reactData.panelPlacement = ppObj.placement;
+      };
+      handleStyle();
+      return (0, _vue.nextTick)().then(handleStyle);
     };
     const showOptionPanel = () => {
       const {

package/lib/select/src/select.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn"),_input=_interopRequireDefault(require("../../input/src/input"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function isOptionVisible(e){return!1!==e.visible}function getOptUniqueId(){return _xeUtils.default.uniqueId("opt_")}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeSelect",props:{modelValue:[String,Number,Boolean,Array],defaultConfig:Object,clearable:Boolean,placeholder:String,readonly:{type:Boolean,default:null},loading:Boolean,disabled:{type:Boolean,default:null},multiple:Boolean,multiCharOverflow:{type:[Number,String],default:()=>(0,_ui.getConfig)().select.multiCharOverflow},prefixIcon:String,allowCreate:{type:Boolean,default:()=>(0,_ui.getConfig)().select.allowCreate},placement:String,options:Array,optionProps:Object,optionGroups:Array,optionGroupProps:Object,optionConfig:Object,className:[String,Function],popupClassName:[String,Function],max:{type:[String,Number],default:null},size:{type:String,default:()=>(0,_ui.getConfig)().select.size||(0,_ui.getConfig)().size},filterable:Boolean,filterMethod:Function,remote:Boolean,remoteMethod:Function,remoteConfig:Object,emptyText:String,transfer:{type:Boolean,default:null},virtualYConfig:Object,scrollY:Object,optionId:{type:String,default:()=>(0,_ui.getConfig)().select.optionId},optionKey:Boolean},emits:["update:modelValue","change","clear","blur","focus","click","scroll","visible-change"],setup(S,e){const{slots:y,emit:i}=e,f=(0,_vue.inject)("$xeModal",null),x=(0,_vue.inject)("$xeDrawer",null),D=(0,_vue.inject)("$xeTable",null),l=(0,_vue.inject)("$xeForm",null),a=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();const b=(0,_vue.ref)(),T=(0,_vue.ref)(),E=(0,_vue.ref)(),V=(0,_vue.ref)(),L=(0,_vue.ref)(),O=(0,_vue.ref)(),Y=(0,_ui.useSize)(S)["computeSize"],I=(0,_vue.reactive)({initialized:!1,scrollYLoad:!1,bodyHeight:0,topSpaceHeight:0,optList:[],afterVisibleList:[],staticOptions:[],reactFlag:0,currentOption:null,searchValue:"",searchLoading:!1,panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1}),C={synchData:[],fullData:[],optAddMaps:{},optGroupKeyMaps:{},optFullValMaps:{},remoteValMaps:{},lastScrollLeft:0,lastScrollTop:0,scrollYStore:{startIndex:0,endIndex:0,visibleSize:0,offsetSize:0,rowHeight:0},lastScrollTime:0,hpTimeout:void 0},H={refElem:b},P={xID:t,props:S,context:e,reactData:I,internalData:C,getRefMaps:()=>H},B=(0,_vue.computed)(()=>{var e=S["readonly"];return null===e?!!l&&l.props.readonly:e}),A=(0,_vue.computed)(()=>{var e=S["disabled"];return null===e?!!l&&l.props.disabled:e}),M=(0,_vue.computed)(()=>{var e=S["transfer"];if(null===e){var t=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(t))return t;if(D||f||x||l)return!0}return e}),j=(0,_vue.computed)(()=>{var e=S["placeholder"];return(e=e||(0,_ui.getConfig)().select.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseSelect")}),q=(0,_vue.computed)(()=>Object.assign({},S.defaultConfig)),o=(0,_vue.computed)(()=>Object.assign({},S.optionProps)),s=(0,_vue.computed)(()=>Object.assign({},S.optionGroupProps)),c=(0,_vue.computed)(()=>{return o.value.label||"label"}),N=(0,_vue.computed)(()=>{return o.value.value||"value"}),K=(0,_vue.computed)(()=>{return s.value.label||"label"}),z=(0,_vue.computed)(()=>{return s.value.options||"options"}),G=(0,_vue.computed)(()=>{var{modelValue:e,multiple:t,max:l}=S;return!(!t||!l)&&(_xeUtils.default.isArray(e)?e.length:_xeUtils.default.eqNull(e)?0:1)>=_xeUtils.default.toNumber(l)}),$=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().select.virtualYConfig||(0,_ui.getConfig)().select.scrollY,S.virtualYConfig||S.scrollY)),R=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().select.remoteConfig,S.remoteConfig)),W=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().select.optionConfig,S.optionConfig)),X=(0,_vue.computed)(()=>_xeUtils.default.toNumber(S.multiCharOverflow)),Z=(0,_vue.computed)(()=>{const{modelValue:e,remote:t,multiple:l}=S;var i,a=I["reactFlag"];const o=X.value;return _xeUtils.default.eqNull(e)?"":(i=_xeUtils.default.isArray(e)?e:[e],(t&&a?i.map(e=>ee(e)):i.map(e=>{e=te(e);return l&&0<o&&e.length>o?e.substring(0,o)+"...":e})).join(", "))}),J=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=y[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],r=(e,t,l)=>{i(e,(0,_ui.createEvent)(l,{$select:P},t))},Q=e=>{i("update:modelValue",e)},_=()=>{return W.value.keyField||S.optionId||"_X_OPTION_KEY"},w=e=>{e=e[_()];return e?encodeURIComponent(e):""},ee=e=>{var{remoteValMaps:t,optFullValMaps:l}=C,i=c.value,t=t[e]||l[e],l=t?t.item:null;return _xeUtils.default.toValueString(l?l[i]:e)},te=e=>{var t=C["optFullValMaps"],l=c.value,t=I.reactFlag?t[e]:null;return t?t.item[l]:_xeUtils.default.toValueString(e)},g=()=>{const{modelValue:t,filterable:e,filterMethod:l}=S,i=I["searchValue"],{fullData:a,optFullValMaps:o}=C,s=c.value,r=N.value,n=(""+(i||"")).toLowerCase();let u=[];return(u=e&&l?a.filter(e=>isOptionVisible(e)&&l({$select:P,group:null,option:e,searchValue:i,value:t})):e?a.filter(e=>isOptionVisible(e)&&(!n||-1<(""+e[s]).toLowerCase().indexOf(n))):a.filter(isOptionVisible)).forEach((e,t)=>{e=o[e[r]];e&&(e._index=t)}),I.afterVisibleList=u,(0,_vue.nextTick)()},le=e=>{e&&(I.currentOption=e)},ie=()=>(0,_vue.nextTick)().then(()=>{var i=S["placement"],a=I["panelIndex"],o=b.value,s=L.value,e=M.value;if(s&&o){var r=o.offsetHeight,n=o.offsetWidth,u=s.offsetHeight,s=s.offsetWidth,a={zIndex:a},{boundingTop:o,boundingLeft:c,visibleHeight:v,visibleWidth:d}=(0,_dom.getAbsolutePos)(o);let l="bottom";if(e){let e=c,t=o+r;"top"===i?(l="top",t=o-u):i||(t+u+5>v&&(l="top",t=o-u),t<5&&(l="bottom",t=o+r)),e+s+5>d&&(e-=e+s+5-d),e<5&&(e=5),Object.assign(a,{left:e+"px",top:t+"px",minWidth:n+"px"})}else"top"===i?(l="top",a.bottom=r+"px"):i||v<o+r+u&&5<o-r-u&&(l="top",a.bottom=r+"px");return I.panelStyle=a,I.panelPlacement=l,(0,_vue.nextTick)()}}),U=()=>{var{loading:e,filterable:t,remote:l}=S,{fullData:i,hpTimeout:a}=C,o=A.value,s=R.value;e||o||(a&&(clearTimeout(a),C.hpTimeout=void 0),I.initialized||(I.initialized=!0),I.isActivated=!0,I.isAniVisible=!0,t&&(l&&s.enabled&&s.autoLoad&&!i.length?F:(g(),u))(),setTimeout(()=>{I.visiblePanel=!0,S.filterable&&(0,_vue.nextTick)(()=>{var e=E.value;e&&e.focus()});v().then(()=>m())},10),setTimeout(()=>{v().then(()=>m())},100),I.panelIndex<(0,_utils.getLastZIndex)()&&(I.panelIndex=(0,_utils.nextZIndex)()),ie(),r("visible-change",{visible:!0},null))},k=()=>{I.searchValue="",I.searchLoading=!1,I.visiblePanel=!1,C.hpTimeout=setTimeout(()=>{I.isAniVisible=!1},350),r("visible-change",{visible:!1},null)},n=(e,t)=>{Q(t),t!==S.modelValue&&(r("change",{value:t},e),l)&&a&&l.triggerItemEvent(e,a.itemConfig.field,t)},ae=(e,t)=>{C.remoteValMaps={},n(e,t),r("clear",{value:t},e)},oe=e=>{e=e.$event;ae(e,null),k()},se=(t,e)=>{var{modelValue:l,multiple:i}=S,a=C["remoteValMaps"];const o=e[N.value];var s=a[o];if(I.visiblePanel){if(s?s.item=e:a[o]={key:w(e),item:e,_index:-1},i){let e=[];s=_xeUtils.default.eqNull(l)?[]:_xeUtils.default.isArray(l)?l:[l],a=_xeUtils.default.findIndexOf(s,e=>e===o);e=-1===a?s.concat([o]):s.filter(e=>e!==o),n(t,e)}else n(t,o),k();I.reactFlag++}},re=e=>{var t=I["visiblePanel"];A.value||t&&(t=L.value,((0,_dom.getEventTargetNode)(e,t).flag?ie:k)())},ne=e=>{var t,l,i=I["visiblePanel"];A.value||(t=b.value,l=L.value,I.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,l).flag,i&&!I.isActivated&&k())},h=e=>{var t=e.disabled,e=w(e);return!t&&!Ve(e)},ue=(e,t)=>{var l=S["allowCreate"],{afterVisibleList:i,optList:a}=I,{optFullValMaps:o,optAddMaps:s}=C,r=N.value;let n=i,u=0;if(l&&a.length&&(i=a[0],s[l=w(i)])&&(u=1,n=[s[l]].concat(n)),!e)if(t)for(let e=0;e<n.length;e++){var c=n[e];if(h(c))return c}else for(let e=n.length-1;0<=e;e--){var v=n[e];if(h(v))return v}let d=0;a=e?o[e[r]]:null;if(-1<(d=a?a._index+u:d))if(t)for(let e=d+1;e<=n.length-1;e++){var p=n[e];if(h(p))return p}else if(0<d)for(let e=d-1;0<=e;e--){var f=n[e];if(h(f))return f}return null},ce=t=>{var e=S["clearable"],{visiblePanel:l,currentOption:i}=I;if(!A.value){var a=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.TAB),o=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ENTER),s=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ESCAPE),r=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),n=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),u=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.DELETE),c=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.SPACEBAR);if(a&&(I.isActivated=!1),l)if(s||a)k();else if(o)i&&(t.preventDefault(),t.stopPropagation(),se(t,i));else if(r||n){t.preventDefault();let e=ue(i,n);if(e=e||ue(null,n)){le(e);{l=e;s=n;const v=I["scrollYLoad"],{optFullValMaps:d,scrollYStore:p}=C,f=N.value,_=d[l[f]];if(_){const g=_.key;const h=_._index;if(h>-1){const m=V.value;const x=L.value;const b=x.querySelector(`[optid='${g}']`);if(m)if(b){const T=m.offsetHeight;const E=1;if(s){if(b.offsetTop+b.offsetHeight-m.scrollTop>T)m.scrollTop=b.offsetTop+b.offsetHeight-T;else if(b.offsetTop+E<m.scrollTop||b.offsetTop+E>m.scrollTop+m.clientHeight)m.scrollTop=b.offsetTop-E}else if(b.offsetTop+E<m.scrollTop||b.offsetTop+E>m.scrollTop+m.clientHeight)m.scrollTop=b.offsetTop-E;else if(b.offsetTop+b.offsetHeight-m.scrollTop>T)m.scrollTop=b.offsetTop+b.offsetHeight-T}else if(v)if(s)m.scrollTop=h*p.rowHeight-m.clientHeight+p.rowHeight;else m.scrollTop=h*p.rowHeight}}}}}else c&&t.preventDefault();else(r||n||o||c)&&I.isActivated&&(t.preventDefault(),U());I.isActivated&&u&&e&&ae(t,null)}},ve=()=>{k()},de=e=>{A.value||I.visiblePanel||(I.triggerFocusPanel=!0,U(),setTimeout(()=>{I.triggerFocusPanel=!1},500)),r("focus",{},e)},pe=e=>{me(e),r("click",{triggerButton:!1,visible:I.visiblePanel},e)},fe=e=>{I.isActivated=!1,r("blur",{},e)},_e=e=>{me(e),r("click",{triggerButton:!0,visible:I.visiblePanel},e)},ge=e=>{I.searchValue=e},he=()=>{I.isActivated=!0};const F=_xeUtils.default.debounce(()=>{var{modelValue:e,remote:t,remoteMethod:l}=S,i=I["searchValue"],a=R.value,l=a.queryMethod||l;t&&l&&a.enabled?(I.searchLoading=!0,Promise.resolve(l({$select:P,searchValue:i,value:e})).then(()=>(0,_vue.nextTick)()).catch(()=>(0,_vue.nextTick)()).finally(()=>{I.searchLoading=!1,g(),u()})):(g(),u())},350,{trailing:!0}),me=e=>{e=e.$event;e.preventDefault(),I.triggerFocusPanel?I.triggerFocusPanel=!1:(I.visiblePanel?k:U)()},xe=()=>{var{scrollYLoad:e,afterVisibleList:t}=I,l=C["scrollYStore"];I.bodyHeight=e?t.length*l.rowHeight:0,I.topSpaceHeight=e?Math.max(l.startIndex*l.rowHeight,0):0},be=()=>{var{filterable:e,allowCreate:t}=S;const{scrollYLoad:l,afterVisibleList:i,searchValue:a}=I;var{optAddMaps:o,scrollYStore:s}=C;const r=c.value;var n=N.value,s=l?i.slice(s.startIndex,s.endIndex):i.slice(0);return e&&t&&a&&(s.some(e=>e[r]===a)||(e=o[a]||(0,_vue.reactive)({[_()]:a,[r]:a,[n]:a}),o[a]=e,s.unshift(e))),I.optList=s,(0,_vue.nextTick)()},u=()=>{be(),xe()},Te=()=>(0,_vue.nextTick)().then(()=>{var e=I["scrollYLoad"],t=C["scrollYStore"],l=O.value,i=$.value;let a=0,o;(o=l?(o=i.sItem?l.querySelector(i.sItem):o)||l.children[0]:o)&&(a=o.offsetHeight),a=Math.max(20,a),t.rowHeight=a,(e?(l=V.value,e=Math.max(8,l?Math.ceil(l.clientHeight/a):0),l=Math.max(0,Math.min(2,_xeUtils.default.toNumber(i.oSize))),t.offsetSize=l,t.visibleSize=e,t.endIndex=Math.max(t.startIndex,e+l,t.endIndex),u):xe)()}),Ee=(e,t)=>{var l=V.value;return l&&(_xeUtils.default.isNumber(e)&&(l.scrollLeft=e),_xeUtils.default.isNumber(t))&&(l.scrollTop=t),I.scrollYLoad?new Promise(e=>{setTimeout(()=>{(0,_vue.nextTick)(()=>{e()})},50)}):(0,_vue.nextTick)()},m=()=>{const{lastScrollLeft:e,lastScrollTop:t}=C;return p().then(()=>{if(e||t)return C.lastScrollLeft=0,C.lastScrollTop=0,Ee(e,t)})},v=()=>{var e=b.value;return e&&e.clientWidth&&e.clientHeight?Te():Promise.resolve()},Se=e=>{var t=C["scrollYStore"],{startIndex:l,endIndex:i,visibleSize:a,offsetSize:o,rowHeight:s}=t,e=e.target.scrollTop,e=Math.floor(e/s),s=Math.max(0,e-1-o),o=e+a+o;!(e<=l||i-a-1<=e)||l===s&&i===o||(t.startIndex=s,t.endIndex=o,u())},ye=e=>{var t=e.target,l=t.scrollTop,t=t.scrollLeft,i=t!==C.lastScrollLeft,a=l!==C.lastScrollTop;C.lastScrollTop=l,C.lastScrollLeft=t,I.scrollYLoad&&Se(e),C.lastScrollTime=Date.now(),r("scroll",{scrollLeft:t,scrollTop:l,isX:i,isY:a},e)},d=e=>{{var t=e||[];const r=z.value,n=N.value,u=_(),c={},v={},d=[],p=e=>{d.push(e);let t=w(e);t||(t=getOptUniqueId(),e[u]=t),v[e[n]]={key:t,item:e,_index:-1}};t.forEach(e=>{p(e),e[r]&&(c[e[u]]=e)[r].forEach(p)}),C.fullData=d,C.optGroupKeyMaps=c,C.optFullValMaps=v,I.reactFlag++,g()}var{isLoaded:t,fullData:l,scrollYStore:i}=C,a=q.value,o=$.value;const s=N.value;if(Object.assign(i,{startIndex:0,endIndex:1,visibleSize:0}),C.synchData=e||[],I.scrollYLoad=!!o.enabled&&-1<o.gt&&(0===o.gt||o.gt<=l.length),be(),!t){i=a["selectMode"];if(0<e.length&&_xeUtils.default.eqNull(S.modelValue)){if("first"===i||"last"===i){const f=_xeUtils.default[i](e);f&&(0,_vue.nextTick)(()=>{_xeUtils.default.eqNull(S.modelValue)&&Q(f[s])})}C.isLoaded=!0}}return Te().then(()=>{m()})},p=()=>{var e=V.value;return e&&(e.scrollTop=0,e.scrollLeft=0),C.lastScrollTop=0,(C.lastScrollLeft=0,_vue.nextTick)()},Ve=e=>{var t=C["optGroupKeyMaps"];return!!t[e]};t={dispatchEvent:r,loadData:d,reloadData(e){return C.isLoaded=!1,p(),d(e)},isPanelVisible(){return I.visiblePanel},togglePanel(){return(I.visiblePanel?k:U)(),(0,_vue.nextTick)()},hidePanel(){return I.visiblePanel&&k(),(0,_vue.nextTick)()},showPanel(){return I.visiblePanel||U(),(0,_vue.nextTick)()},refreshOption(){return g(),u(),(0,_vue.nextTick)()},focus(){var e=T.value;return I.isActivated=!0,e.blur(),(0,_vue.nextTick)()},blur(){return T.value.blur(),(I.isActivated=!1,_vue.nextTick)()},recalculate:v,clearScroll:p};Object.assign(P,t);const Le=(e,d)=>{const{allowCreate:p,optionKey:f,modelValue:_}=S,g=I["currentOption"],h=C["optAddMaps"];var t=W.value;const m=c.value,x=N.value,b=K.value,T=t["useKey"],E=y.option;return e.map((t,e)=>{var{slots:l,className:i}=t,a=w(t),o=t[x];const s=Ve(a);var r=!(!p||!h[a]),o=!r&&(_xeUtils.default.isArray(_)?-1<_.indexOf(o):_===o),n=r||!s||isOptionVisible(t);const u=!(r||(v=o,c=d,!t.disabled&&(!c||!c.disabled)&&(!G.value||v)));var c=l?l.default:null,v={option:t,group:null,$select:P},l=E?J(E,v):c?J(c,v):(0,_utils.getFuncText)(t[s?b:m]);return n?(0,_vue.h)("div",{key:T||f?a:e,class:["vxe-select-option",i?_xeUtils.default.isFunction(i)?i(v):i:"",{"vxe-select-optgroup":s,"is--disabled":u,"is--selected":o,"is--add":r,"is--hover":g&&w(g)===a}],optid:a,onMousedown:e=>{0===e.button&&e.stopPropagation()},onClick:e=>{u||s||se(e,t)},onMouseenter:()=>{var e;u||s||(e=C.lastScrollTime)&&Date.now()<e+250||le(t)}},p?[(0,_vue.h)("span",{key:1,class:"vxe-select-option--label"},l),r?(0,_vue.h)("span",{key:2,class:"vxe-select-option--add-icon"},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().ADD_OPTION})]):(0,_ui.renderEmptyElement)(P)]:l):(0,_ui.renderEmptyElement)(P)})};return(0,_vue.watch)(()=>I.staticOptions,e=>{d(e)}),(0,_vue.watch)(()=>S.options,e=>{d(e||[])}),(0,_vue.watch)(()=>S.optionGroups,e=>{d(e||[])}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var{options:e,optionGroups:t}=S;t?d(t):e&&d(e)}),_ui.globalEvents.on(P,"mousewheel",re),_ui.globalEvents.on(P,"mousedown",ne),_ui.globalEvents.on(P,"keydown",ce),_ui.globalEvents.on(P,"blur",ve)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(P,"mousewheel"),_ui.globalEvents.off(P,"mousedown"),_ui.globalEvents.off(P,"keydown"),_ui.globalEvents.off(P,"blur")}),(0,_vue.provide)("$xeSelect",P),P.renderVN=()=>{var{className:e,popupClassName:t,loading:l,filterable:i}=S,{initialized:a,isActivated:o,isAniVisible:s,visiblePanel:r,bodyHeight:n,topSpaceHeight:u}=I,c=Y.value,v=A.value,d=Z.value,p=M.value,f=B.value,_=j.value,g=y.default,h=y.header,m=y.footer;const x=y.prefix;return f?(0,_vue.h)("div",{ref:b,class:["vxe-select--readonly",e]},[(0,_vue.h)("div",{class:"vxe-select-slots",ref:"hideOption"},g?g({}):[]),(0,_vue.h)("span",{class:"vxe-select-label"},d)]):(0,_vue.h)("div",{ref:b,class:["vxe-select",e?_xeUtils.default.isFunction(e)?e({$select:P}):e:"",{["size--"+c]:c,"is--visible":r,"is--disabled":v,"is--filter":i,"is--loading":l,"is--active":o}]},[(0,_vue.h)("div",{class:"vxe-select-slots",ref:"hideOption"},g?g({}):[]),(0,_vue.h)(_input.default,{ref:T,clearable:S.clearable,placeholder:_,readonly:!0,disabled:v,type:"text",prefixIcon:S.prefixIcon,suffixIcon:l?(0,_ui.getIcon)().SELECT_LOADED:r?(0,_ui.getIcon)().SELECT_OPEN:(0,_ui.getIcon)().SELECT_CLOSE,autoFocus:!1,modelValue:d,onClear:oe,onClick:pe,onFocus:de,onBlur:fe,onSuffixClick:_e},x?{prefix:()=>x({})}:{}),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!p||!a},[(0,_vue.h)("div",{ref:L,class:["vxe-table--ignore-clear vxe-select--panel",t?_xeUtils.default.isFunction(t)?t({$select:P}):t:"",{["size--"+c]:c,"is--transfer":p,"ani--leave":!l&&s,"ani--enter":!l&&r}],placement:I.panelPlacement,style:I.panelStyle},a&&(r||s)?[(0,_vue.h)("div",{class:"vxe-select--panel-wrapper"},[i?(0,_vue.h)("div",{class:"vxe-select--panel-search"},[(0,_vue.h)(_input.default,{ref:E,class:"vxe-select-search--input",modelValue:I.searchValue,clearable:!0,disabled:!1,readonly:!1,placeholder:(0,_ui.getI18n)("vxe.select.search"),prefixIcon:(0,_ui.getIcon)().INPUT_SEARCH,"onUpdate:modelValue":ge,onFocus:he,onChange:F,onSearch:F})]):(0,_ui.renderEmptyElement)(P),h?(0,_vue.h)("div",{class:"vxe-select--panel-header"},h({})):(0,_ui.renderEmptyElement)(P),(0,_vue.h)("div",{class:"vxe-select--panel-body"},[(0,_vue.h)("div",{ref:V,class:"vxe-select-option--wrapper",onScroll:ye},[(0,_vue.h)("div",{class:"vxe-select--y-space",style:{height:n?n+"px":""}}),(0,_vue.h)("div",{ref:O,class:"vxe-select--body",style:{marginTop:u?u+"px":""}},(()=>{var{optList:e,searchLoading:t}=I;return t?[(0,_vue.h)("div",{class:"vxe-select--search-loading"},[(0,_vue.h)("i",{class:["vxe-select--search-icon",(0,_ui.getIcon)().SELECT_LOADED]}),(0,_vue.h)("span",{class:"vxe-select--search-text"},(0,_ui.getI18n)("vxe.select.loadingText"))])]:e.length?Le(e):[(0,_vue.h)("div",{class:"vxe-select--empty-placeholder"},S.emptyText||(0,_ui.getI18n)("vxe.select.emptyText"))]})())])]),m?(0,_vue.h)("div",{class:"vxe-select--panel-footer"},m({})):(0,_ui.renderEmptyElement)(P)])]:[])])])},P},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn"),_input=_interopRequireDefault(require("../../input/src/input"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function isOptionVisible(e){return!1!==e.visible}function getOptUniqueId(){return _xeUtils.default.uniqueId("opt_")}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeSelect",props:{modelValue:[String,Number,Boolean,Array],defaultConfig:Object,clearable:Boolean,placeholder:String,readonly:{type:Boolean,default:null},loading:Boolean,disabled:{type:Boolean,default:null},multiple:Boolean,multiCharOverflow:{type:[Number,String],default:()=>(0,_ui.getConfig)().select.multiCharOverflow},prefixIcon:String,allowCreate:{type:Boolean,default:()=>(0,_ui.getConfig)().select.allowCreate},placement:String,options:Array,optionProps:Object,optionGroups:Array,optionGroupProps:Object,optionConfig:Object,className:[String,Function],popupClassName:[String,Function],max:{type:[String,Number],default:null},size:{type:String,default:()=>(0,_ui.getConfig)().select.size||(0,_ui.getConfig)().size},filterable:Boolean,filterMethod:Function,remote:Boolean,remoteMethod:Function,remoteConfig:Object,emptyText:String,transfer:{type:Boolean,default:null},virtualYConfig:Object,scrollY:Object,optionId:{type:String,default:()=>(0,_ui.getConfig)().select.optionId},optionKey:Boolean},emits:["update:modelValue","change","clear","blur","focus","click","scroll","visible-change"],setup(S,e){const{slots:y,emit:i}=e,f=(0,_vue.inject)("$xeModal",null),x=(0,_vue.inject)("$xeDrawer",null),D=(0,_vue.inject)("$xeTable",null),t=(0,_vue.inject)("$xeForm",null),a=(0,_vue.inject)("xeFormItemInfo",null);var l=_xeUtils.default.uniqueId();const b=(0,_vue.ref)(),T=(0,_vue.ref)(),E=(0,_vue.ref)(),V=(0,_vue.ref)(),L=(0,_vue.ref)(),O=(0,_vue.ref)(),Y=(0,_ui.useSize)(S)["computeSize"],I=(0,_vue.reactive)({initialized:!1,scrollYLoad:!1,bodyHeight:0,topSpaceHeight:0,optList:[],afterVisibleList:[],staticOptions:[],reactFlag:0,currentOption:null,searchValue:"",searchLoading:!1,panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1}),C={synchData:[],fullData:[],optAddMaps:{},optGroupKeyMaps:{},optFullValMaps:{},remoteValMaps:{},lastScrollLeft:0,lastScrollTop:0,scrollYStore:{startIndex:0,endIndex:0,visibleSize:0,offsetSize:0,rowHeight:0},lastScrollTime:0,hpTimeout:void 0},H={refElem:b},P={xID:l,props:S,context:e,reactData:I,internalData:C,getRefMaps:()=>H},B=(0,_vue.computed)(()=>{var e=S["readonly"];return null===e?!!t&&t.props.readonly:e}),A=(0,_vue.computed)(()=>{var e=S["disabled"];return null===e?!!t&&t.props.disabled:e}),M=(0,_vue.computed)(()=>{var e=S["transfer"];if(null===e){var l=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(l))return l;if(D||f||x||t)return!0}return e}),j=(0,_vue.computed)(()=>{var e=S["placeholder"];return(e=e||(0,_ui.getConfig)().select.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseSelect")}),q=(0,_vue.computed)(()=>Object.assign({},S.defaultConfig)),o=(0,_vue.computed)(()=>Object.assign({},S.optionProps)),s=(0,_vue.computed)(()=>Object.assign({},S.optionGroupProps)),c=(0,_vue.computed)(()=>{return o.value.label||"label"}),N=(0,_vue.computed)(()=>{return o.value.value||"value"}),K=(0,_vue.computed)(()=>{return s.value.label||"label"}),z=(0,_vue.computed)(()=>{return s.value.options||"options"}),G=(0,_vue.computed)(()=>{var{modelValue:e,multiple:l,max:t}=S;return!(!l||!t)&&(_xeUtils.default.isArray(e)?e.length:_xeUtils.default.eqNull(e)?0:1)>=_xeUtils.default.toNumber(t)}),$=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().select.virtualYConfig||(0,_ui.getConfig)().select.scrollY,S.virtualYConfig||S.scrollY)),R=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().select.remoteConfig,S.remoteConfig)),W=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().select.optionConfig,S.optionConfig)),X=(0,_vue.computed)(()=>_xeUtils.default.toNumber(S.multiCharOverflow)),Z=(0,_vue.computed)(()=>{const{modelValue:e,remote:l,multiple:t}=S;var i,a=I["reactFlag"];const o=X.value;return _xeUtils.default.eqNull(e)?"":(i=_xeUtils.default.isArray(e)?e:[e],(l&&a?i.map(e=>ee(e)):i.map(e=>{e=le(e);return t&&0<o&&e.length>o?e.substring(0,o)+"...":e})).join(", "))}),J=(e,l)=>e&&(_xeUtils.default.isString(e)&&(e=y[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(l)):[],r=(e,l,t)=>{i(e,(0,_ui.createEvent)(t,{$select:P},l))},Q=e=>{i("update:modelValue",e)},_=()=>{return W.value.keyField||S.optionId||"_X_OPTION_KEY"},w=e=>{e=e[_()];return e?encodeURIComponent(e):""},ee=e=>{var{remoteValMaps:l,optFullValMaps:t}=C,i=c.value,l=l[e]||t[e],t=l?l.item:null;return _xeUtils.default.toValueString(t?t[i]:e)},le=e=>{var l=C["optFullValMaps"],t=c.value,l=I.reactFlag?l[e]:null;return l?l.item[t]:_xeUtils.default.toValueString(e)},g=()=>{const{modelValue:l,filterable:e,filterMethod:t}=S,i=I["searchValue"],{fullData:a,optFullValMaps:o}=C,s=c.value,r=N.value,n=(""+(i||"")).toLowerCase();let u=[];return(u=e&&t?a.filter(e=>isOptionVisible(e)&&t({$select:P,group:null,option:e,searchValue:i,value:l})):e?a.filter(e=>isOptionVisible(e)&&(!n||-1<(""+e[s]).toLowerCase().indexOf(n))):a.filter(isOptionVisible)).forEach((e,l)=>{e=o[e[r]];e&&(e._index=l)}),I.afterVisibleList=u,(0,_vue.nextTick)()},te=e=>{e&&(I.currentOption=e)},ie=()=>{const t=S["placement"],i=I["panelIndex"],a=b.value,o=L.value,s=M.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(a,o,{placement:t,teleportTo:s}),l=Object.assign(e.style,{zIndex:i});I.panelStyle=l,I.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},U=()=>{var{loading:e,filterable:l,remote:t}=S,{fullData:i,hpTimeout:a}=C,o=A.value,s=R.value;e||o||(a&&(clearTimeout(a),C.hpTimeout=void 0),I.initialized||(I.initialized=!0),I.isActivated=!0,I.isAniVisible=!0,l&&(t&&s.enabled&&s.autoLoad&&!i.length?F:(g(),u))(),setTimeout(()=>{I.visiblePanel=!0,S.filterable&&(0,_vue.nextTick)(()=>{var e=E.value;e&&e.focus()});v().then(()=>m())},10),setTimeout(()=>{v().then(()=>m())},100),I.panelIndex<(0,_utils.getLastZIndex)()&&(I.panelIndex=(0,_utils.nextZIndex)()),ie(),r("visible-change",{visible:!0},null))},k=()=>{I.searchValue="",I.searchLoading=!1,I.visiblePanel=!1,C.hpTimeout=setTimeout(()=>{I.isAniVisible=!1},350),r("visible-change",{visible:!1},null)},n=(e,l)=>{Q(l),l!==S.modelValue&&(r("change",{value:l},e),t)&&a&&t.triggerItemEvent(e,a.itemConfig.field,l)},ae=(e,l)=>{C.remoteValMaps={},n(e,l),r("clear",{value:l},e)},oe=e=>{e=e.$event;ae(e,null),k()},se=(l,e)=>{var{modelValue:t,multiple:i}=S,a=C["remoteValMaps"];const o=e[N.value];var s=a[o];if(I.visiblePanel){if(s?s.item=e:a[o]={key:w(e),item:e,_index:-1},i){let e=[];s=_xeUtils.default.eqNull(t)?[]:_xeUtils.default.isArray(t)?t:[t],a=_xeUtils.default.findIndexOf(s,e=>e===o);e=-1===a?s.concat([o]):s.filter(e=>e!==o),n(l,e)}else n(l,o),k();I.reactFlag++}},re=e=>{var l=I["visiblePanel"];A.value||l&&(l=L.value,((0,_dom.getEventTargetNode)(e,l).flag?ie:k)())},ne=e=>{var l,t,i=I["visiblePanel"];A.value||(l=b.value,t=L.value,I.isActivated=(0,_dom.getEventTargetNode)(e,l).flag||(0,_dom.getEventTargetNode)(e,t).flag,i&&!I.isActivated&&k())},h=e=>{var l=e.disabled,e=w(e);return!l&&!Ve(e)},ue=(e,l)=>{var t=S["allowCreate"],{afterVisibleList:i,optList:a}=I,{optFullValMaps:o,optAddMaps:s}=C,r=N.value;let n=i,u=0;if(t&&a.length&&(i=a[0],s[t=w(i)])&&(u=1,n=[s[t]].concat(n)),!e)if(l)for(let e=0;e<n.length;e++){var c=n[e];if(h(c))return c}else for(let e=n.length-1;0<=e;e--){var v=n[e];if(h(v))return v}let d=0;a=e?o[e[r]]:null;if(-1<(d=a?a._index+u:d))if(l)for(let e=d+1;e<=n.length-1;e++){var p=n[e];if(h(p))return p}else if(0<d)for(let e=d-1;0<=e;e--){var f=n[e];if(h(f))return f}return null},ce=l=>{var e=S["clearable"],{visiblePanel:t,currentOption:i}=I;if(!A.value){var a=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.TAB),o=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.ENTER),s=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.ESCAPE),r=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),n=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),u=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.DELETE),c=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.SPACEBAR);if(a&&(I.isActivated=!1),t)if(s||a)k();else if(o)i&&(l.preventDefault(),l.stopPropagation(),se(l,i));else if(r||n){l.preventDefault();let e=ue(i,n);if(e=e||ue(null,n)){te(e);{t=e;s=n;const v=I["scrollYLoad"],{optFullValMaps:d,scrollYStore:p}=C,f=N.value,_=d[t[f]];if(_){const g=_.key;const h=_._index;if(h>-1){const m=V.value;const x=L.value;const b=x.querySelector(`[optid='${g}']`);if(m)if(b){const T=m.offsetHeight;const E=1;if(s){if(b.offsetTop+b.offsetHeight-m.scrollTop>T)m.scrollTop=b.offsetTop+b.offsetHeight-T;else if(b.offsetTop+E<m.scrollTop||b.offsetTop+E>m.scrollTop+m.clientHeight)m.scrollTop=b.offsetTop-E}else if(b.offsetTop+E<m.scrollTop||b.offsetTop+E>m.scrollTop+m.clientHeight)m.scrollTop=b.offsetTop-E;else if(b.offsetTop+b.offsetHeight-m.scrollTop>T)m.scrollTop=b.offsetTop+b.offsetHeight-T}else if(v)if(s)m.scrollTop=h*p.rowHeight-m.clientHeight+p.rowHeight;else m.scrollTop=h*p.rowHeight}}}}}else c&&l.preventDefault();else(r||n||o||c)&&I.isActivated&&(l.preventDefault(),U());I.isActivated&&u&&e&&ae(l,null)}},ve=()=>{k()},de=e=>{A.value||I.visiblePanel||(I.triggerFocusPanel=!0,U(),setTimeout(()=>{I.triggerFocusPanel=!1},500)),r("focus",{},e)},pe=e=>{me(e),r("click",{triggerButton:!1,visible:I.visiblePanel},e)},fe=e=>{I.isActivated=!1,r("blur",{},e)},_e=e=>{me(e),r("click",{triggerButton:!0,visible:I.visiblePanel},e)},ge=e=>{I.searchValue=e},he=()=>{I.isActivated=!0};const F=_xeUtils.default.debounce(()=>{var{modelValue:e,remote:l,remoteMethod:t}=S,i=I["searchValue"],a=R.value,t=a.queryMethod||t;l&&t&&a.enabled?(I.searchLoading=!0,Promise.resolve(t({$select:P,searchValue:i,value:e})).then(()=>(0,_vue.nextTick)()).catch(()=>(0,_vue.nextTick)()).finally(()=>{I.searchLoading=!1,g(),u()})):(g(),u())},350,{trailing:!0}),me=e=>{e=e.$event;e.preventDefault(),I.triggerFocusPanel?I.triggerFocusPanel=!1:(I.visiblePanel?k:U)()},xe=()=>{var{scrollYLoad:e,afterVisibleList:l}=I,t=C["scrollYStore"];I.bodyHeight=e?l.length*t.rowHeight:0,I.topSpaceHeight=e?Math.max(t.startIndex*t.rowHeight,0):0},be=()=>{var{filterable:e,allowCreate:l}=S;const{scrollYLoad:t,afterVisibleList:i,searchValue:a}=I;var{optAddMaps:o,scrollYStore:s}=C;const r=c.value;var n=N.value,s=t?i.slice(s.startIndex,s.endIndex):i.slice(0);return e&&l&&a&&(s.some(e=>e[r]===a)||(e=o[a]||(0,_vue.reactive)({[_()]:a,[r]:a,[n]:a}),o[a]=e,s.unshift(e))),I.optList=s,(0,_vue.nextTick)()},u=()=>{be(),xe()},Te=()=>(0,_vue.nextTick)().then(()=>{var e=I["scrollYLoad"],l=C["scrollYStore"],t=O.value,i=$.value;let a=0,o;(o=t?(o=i.sItem?t.querySelector(i.sItem):o)||t.children[0]:o)&&(a=o.offsetHeight),a=Math.max(20,a),l.rowHeight=a,(e?(t=V.value,e=Math.max(8,t?Math.ceil(t.clientHeight/a):0),t=Math.max(0,Math.min(2,_xeUtils.default.toNumber(i.oSize))),l.offsetSize=t,l.visibleSize=e,l.endIndex=Math.max(l.startIndex,e+t,l.endIndex),u):xe)()}),Ee=(e,l)=>{var t=V.value;return t&&(_xeUtils.default.isNumber(e)&&(t.scrollLeft=e),_xeUtils.default.isNumber(l))&&(t.scrollTop=l),I.scrollYLoad?new Promise(e=>{setTimeout(()=>{(0,_vue.nextTick)(()=>{e()})},50)}):(0,_vue.nextTick)()},m=()=>{const{lastScrollLeft:e,lastScrollTop:l}=C;return p().then(()=>{if(e||l)return C.lastScrollLeft=0,C.lastScrollTop=0,Ee(e,l)})},v=()=>{var e=b.value;return e&&e.clientWidth&&e.clientHeight?Te():Promise.resolve()},Se=e=>{var l=C["scrollYStore"],{startIndex:t,endIndex:i,visibleSize:a,offsetSize:o,rowHeight:s}=l,e=e.target.scrollTop,e=Math.floor(e/s),s=Math.max(0,e-1-o),o=e+a+o;!(e<=t||i-a-1<=e)||t===s&&i===o||(l.startIndex=s,l.endIndex=o,u())},ye=e=>{var l=e.target,t=l.scrollTop,l=l.scrollLeft,i=l!==C.lastScrollLeft,a=t!==C.lastScrollTop;C.lastScrollTop=t,C.lastScrollLeft=l,I.scrollYLoad&&Se(e),C.lastScrollTime=Date.now(),r("scroll",{scrollLeft:l,scrollTop:t,isX:i,isY:a},e)},d=e=>{{var l=e||[];const r=z.value,n=N.value,u=_(),c={},v={},d=[],p=e=>{d.push(e);let l=w(e);l||(l=getOptUniqueId(),e[u]=l),v[e[n]]={key:l,item:e,_index:-1}};l.forEach(e=>{p(e),e[r]&&(c[e[u]]=e)[r].forEach(p)}),C.fullData=d,C.optGroupKeyMaps=c,C.optFullValMaps=v,I.reactFlag++,g()}var{isLoaded:l,fullData:t,scrollYStore:i}=C,a=q.value,o=$.value;const s=N.value;if(Object.assign(i,{startIndex:0,endIndex:1,visibleSize:0}),C.synchData=e||[],I.scrollYLoad=!!o.enabled&&-1<o.gt&&(0===o.gt||o.gt<=t.length),be(),!l){i=a["selectMode"];if(0<e.length&&_xeUtils.default.eqNull(S.modelValue)){if("first"===i||"last"===i){const f=_xeUtils.default[i](e);f&&(0,_vue.nextTick)(()=>{_xeUtils.default.eqNull(S.modelValue)&&Q(f[s])})}C.isLoaded=!0}}return Te().then(()=>{m()})},p=()=>{var e=V.value;return e&&(e.scrollTop=0,e.scrollLeft=0),C.lastScrollTop=0,(C.lastScrollLeft=0,_vue.nextTick)()},Ve=e=>{var l=C["optGroupKeyMaps"];return!!l[e]};l={dispatchEvent:r,loadData:d,reloadData(e){return C.isLoaded=!1,p(),d(e)},isPanelVisible(){return I.visiblePanel},togglePanel(){return(I.visiblePanel?k:U)(),(0,_vue.nextTick)()},hidePanel(){return I.visiblePanel&&k(),(0,_vue.nextTick)()},showPanel(){return I.visiblePanel||U(),(0,_vue.nextTick)()},refreshOption(){return g(),u(),(0,_vue.nextTick)()},focus(){var e=T.value;return I.isActivated=!0,e.blur(),(0,_vue.nextTick)()},blur(){return T.value.blur(),(I.isActivated=!1,_vue.nextTick)()},recalculate:v,clearScroll:p};Object.assign(P,l);const Le=(e,d)=>{const{allowCreate:p,optionKey:f,modelValue:_}=S,g=I["currentOption"],h=C["optAddMaps"];var l=W.value;const m=c.value,x=N.value,b=K.value,T=l["useKey"],E=y.option;return e.map((l,e)=>{var{slots:t,className:i}=l,a=w(l),o=l[x];const s=Ve(a);var r=!(!p||!h[a]),o=!r&&(_xeUtils.default.isArray(_)?-1<_.indexOf(o):_===o),n=r||!s||isOptionVisible(l);const u=!(r||(v=o,c=d,!l.disabled&&(!c||!c.disabled)&&(!G.value||v)));var c=t?t.default:null,v={option:l,group:null,$select:P},t=E?J(E,v):c?J(c,v):(0,_utils.getFuncText)(l[s?b:m]);return n?(0,_vue.h)("div",{key:T||f?a:e,class:["vxe-select-option",i?_xeUtils.default.isFunction(i)?i(v):i:"",{"vxe-select-optgroup":s,"is--disabled":u,"is--selected":o,"is--add":r,"is--hover":g&&w(g)===a}],optid:a,onMousedown:e=>{0===e.button&&e.stopPropagation()},onClick:e=>{u||s||se(e,l)},onMouseenter:()=>{var e;u||s||(e=C.lastScrollTime)&&Date.now()<e+250||te(l)}},p?[(0,_vue.h)("span",{key:1,class:"vxe-select-option--label"},t),r?(0,_vue.h)("span",{key:2,class:"vxe-select-option--add-icon"},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().ADD_OPTION})]):(0,_ui.renderEmptyElement)(P)]:t):(0,_ui.renderEmptyElement)(P)})};return(0,_vue.watch)(()=>I.staticOptions,e=>{d(e)}),(0,_vue.watch)(()=>S.options,e=>{d(e||[])}),(0,_vue.watch)(()=>S.optionGroups,e=>{d(e||[])}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var{options:e,optionGroups:l}=S;l?d(l):e&&d(e)}),_ui.globalEvents.on(P,"mousewheel",re),_ui.globalEvents.on(P,"mousedown",ne),_ui.globalEvents.on(P,"keydown",ce),_ui.globalEvents.on(P,"blur",ve)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(P,"mousewheel"),_ui.globalEvents.off(P,"mousedown"),_ui.globalEvents.off(P,"keydown"),_ui.globalEvents.off(P,"blur")}),(0,_vue.provide)("$xeSelect",P),P.renderVN=()=>{var{className:e,popupClassName:l,loading:t,filterable:i}=S,{initialized:a,isActivated:o,isAniVisible:s,visiblePanel:r,bodyHeight:n,topSpaceHeight:u}=I,c=Y.value,v=A.value,d=Z.value,p=M.value,f=B.value,_=j.value,g=y.default,h=y.header,m=y.footer;const x=y.prefix;return f?(0,_vue.h)("div",{ref:b,class:["vxe-select--readonly",e]},[(0,_vue.h)("div",{class:"vxe-select-slots",ref:"hideOption"},g?g({}):[]),(0,_vue.h)("span",{class:"vxe-select-label"},d)]):(0,_vue.h)("div",{ref:b,class:["vxe-select",e?_xeUtils.default.isFunction(e)?e({$select:P}):e:"",{["size--"+c]:c,"is--visible":r,"is--disabled":v,"is--filter":i,"is--loading":t,"is--active":o}]},[(0,_vue.h)("div",{class:"vxe-select-slots",ref:"hideOption"},g?g({}):[]),(0,_vue.h)(_input.default,{ref:T,clearable:S.clearable,placeholder:_,readonly:!0,disabled:v,type:"text",prefixIcon:S.prefixIcon,suffixIcon:t?(0,_ui.getIcon)().SELECT_LOADED:r?(0,_ui.getIcon)().SELECT_OPEN:(0,_ui.getIcon)().SELECT_CLOSE,autoFocus:!1,modelValue:d,onClear:oe,onClick:pe,onFocus:de,onBlur:fe,onSuffixClick:_e},x?{prefix:()=>x({})}:{}),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!p||!a},[(0,_vue.h)("div",{ref:L,class:["vxe-table--ignore-clear vxe-select--panel",l?_xeUtils.default.isFunction(l)?l({$select:P}):l:"",{["size--"+c]:c,"is--transfer":p,"ani--leave":!t&&s,"ani--enter":!t&&r}],placement:I.panelPlacement,style:I.panelStyle},a&&(r||s)?[(0,_vue.h)("div",{class:"vxe-select--panel-wrapper"},[i?(0,_vue.h)("div",{class:"vxe-select--panel-search"},[(0,_vue.h)(_input.default,{ref:E,class:"vxe-select-search--input",modelValue:I.searchValue,clearable:!0,disabled:!1,readonly:!1,placeholder:(0,_ui.getI18n)("vxe.select.search"),prefixIcon:(0,_ui.getIcon)().INPUT_SEARCH,"onUpdate:modelValue":ge,onFocus:he,onChange:F,onSearch:F})]):(0,_ui.renderEmptyElement)(P),h?(0,_vue.h)("div",{class:"vxe-select--panel-header"},h({})):(0,_ui.renderEmptyElement)(P),(0,_vue.h)("div",{class:"vxe-select--panel-body"},[(0,_vue.h)("div",{ref:V,class:"vxe-select-option--wrapper",onScroll:ye},[(0,_vue.h)("div",{class:"vxe-select--y-space",style:{height:n?n+"px":""}}),(0,_vue.h)("div",{ref:O,class:"vxe-select--body",style:{marginTop:u?u+"px":""}},(()=>{var{optList:e,searchLoading:l}=I;return l?[(0,_vue.h)("div",{class:"vxe-select--search-loading"},[(0,_vue.h)("i",{class:["vxe-select--search-icon",(0,_ui.getIcon)().SELECT_LOADED]}),(0,_vue.h)("span",{class:"vxe-select--search-text"},(0,_ui.getI18n)("vxe.select.loadingText"))])]:e.length?Le(e):[(0,_vue.h)("div",{class:"vxe-select--empty-placeholder"},S.emptyText||(0,_ui.getI18n)("vxe.select.emptyText"))]})())])]),m?(0,_vue.h)("div",{class:"vxe-select--panel-footer"},m({})):(0,_ui.renderEmptyElement)(P)])]:[])])])},P},render(){return this.renderVN()}});