vxe-pc-ui 4.20.0 → 4.20.2

package/lib/list/src/list.js

@@ -63,8 +63,9 @@ function createInternalData() {
     afterList: [],
     fullKeyMaps: {},
     rowMaps: {},
-    // 滚动条
     // resizeObserver: undefined,
+    // 滚动条
+    // scrollObserver: undefined,
     // isThumbDrag: false,
     thumbDragOffset: 0,
     yThumbTop: 0,
@@ -127,7 +128,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     scrollY: Object,
     useScrollbar: {
       type: Boolean,
-      default: () => (0, _ui.getConfig)().list.useScrollbar
+      default: () => (0, _utils.getDefaultConfig)((0, _ui.getConfig)().list.useScrollbar, (0, _ui.getConfig)().useScrollbar)
     },
     scrollbarConfig: Object
   },
@@ -150,7 +151,6 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     const refFooterElem = (0, _vue.ref)();
     const refVirtualWrapper = (0, _vue.ref)();
     const refVirtualBody = (0, _vue.ref)();
-    const refViewInnerElem = (0, _vue.ref)();
     const refTrackXElem = (0, _vue.ref)();
     const refTrackYElem = (0, _vue.ref)();
     const refThumbXElem = (0, _vue.ref)();
@@ -213,17 +213,15 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     });
     const computeWrapperStyles = (0, _vue.computed)(() => {
       const rowHeight = computeRowHeight.value;
-      const scrollbarXOpts = computeScrollbarXOpts.value;
-      const scrollbarYOpts = computeScrollbarYOpts.value;
+      const barWidth = computeScrollYWidth.value;
+      const barHeight = computeScrollXHeight.value;
       const stys = {};
       if (rowHeight) {
         stys['--vxe-ui-list-row-height'] = (0, _dom.toCssUnit)(rowHeight);
       }
-      if (scrollbarYOpts.width) {
-        stys['--vxe-ui-scrollbar-y-width'] = (0, _dom.toCssUnit)(scrollbarYOpts.width);
-      }
-      if (scrollbarXOpts.height) {
-        stys['--vxe-ui-scrollbar-x-height'] = (0, _dom.toCssUnit)(scrollbarXOpts.height);
+      if (barWidth || barHeight) {
+        stys['--vxe-ui-scrollbar-y-width'] = (0, _dom.toCssUnit)(barWidth || barHeight);
+        stys['--vxe-ui-scrollbar-x-height'] = (0, _dom.toCssUnit)(barHeight || barWidth);
       }
       return stys;
     });
@@ -258,23 +256,46 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       const scrollbarOpts = computeScrollbarOpts.value;
       return Object.assign({}, (0, _ui.getConfig)().scrollbar.yConfig, scrollbarOpts.yConfig);
     });
-    const computeScrollbarWrapperClss = (0, _vue.computed)(() => {
+    const computeScrollXHeight = (0, _vue.computed)(() => {
       const scrollbarOpts = computeScrollbarOpts.value;
-      const {
-        padding
-      } = scrollbarOpts;
+      const scrollbarXOpts = computeScrollbarXOpts.value;
+      return (0, _utils.getDefaultConfig)((0, _utils.getDefaultConfig)(scrollbarXOpts.height, scrollbarOpts.height), (0, _ui.getConfig)().scrollbar.height);
+    });
+    const computeScrollYWidth = (0, _vue.computed)(() => {
+      const scrollbarOpts = computeScrollbarOpts.value;
+      const scrollbarYOpts = computeScrollbarYOpts.value;
+      return (0, _utils.getDefaultConfig)((0, _utils.getDefaultConfig)(scrollbarYOpts.width, scrollbarOpts.width), (0, _ui.getConfig)().scrollbar.width);
+    });
+    const computeScrollXVisible = (0, _vue.computed)(() => {
+      const scrollbarOpts = computeScrollbarOpts.value;
+      const scrollbarXOpts = computeScrollbarXOpts.value;
+      return (0, _utils.getDefaultConfig)(scrollbarXOpts.visible, scrollbarOpts.visible);
+    });
+    const computeScrollYVisible = (0, _vue.computed)(() => {
+      const scrollbarOpts = computeScrollbarOpts.value;
+      const scrollbarYOpts = computeScrollbarYOpts.value;
+      return (0, _utils.getDefaultConfig)(scrollbarYOpts.visible, scrollbarOpts.visible);
+    });
+    const computeScrollXAutoHide = (0, _vue.computed)(() => {
+      const scrollbarOpts = computeScrollbarOpts.value;
+      const scrollbarXOpts = computeScrollbarXOpts.value;
+      return (0, _utils.getDefaultConfig)((0, _utils.getDefaultConfig)(scrollbarXOpts.autoHide, scrollbarOpts.autoHide), (0, _ui.getConfig)().scrollbar.autoHide);
+    });
+    const computeScrollYAutoHide = (0, _vue.computed)(() => {
+      const scrollbarOpts = computeScrollbarOpts.value;
+      const scrollbarYOpts = computeScrollbarYOpts.value;
+      return (0, _utils.getDefaultConfig)((0, _utils.getDefaultConfig)(scrollbarYOpts.autoHide, scrollbarOpts.autoHide), (0, _ui.getConfig)().scrollbar.autoHide);
+    });
+    const computeScrollbarWrapperClss = (0, _vue.computed)(() => {
       const {
         yThumbHeight,
         xThumbWidth
       } = reactData;
-      const scrollbarXOpts = computeScrollbarXOpts.value;
-      const scrollbarYOpts = computeScrollbarYOpts.value;
       const scrollbarXToTop = computeScrollbarXToTop.value;
       const scrollbarYToLeft = computeScrollbarYToLeft.value;
-      return _ui.domUtils.buildClass(['vxe-scrollbar is--virtual', `ov-x--${scrollbarXOpts.visible || 'visible'}`, `ov-y--${scrollbarYOpts.visible || 'visible'}`, `sx-pos--${scrollbarXToTop ? 'top' : 'bottom'}`, `sy-pos--${scrollbarYToLeft ? 'left' : 'right'}`], {
-        'is--padding': padding,
-        'ov-x--auto-hide': scrollbarXOpts.autoHide,
-        'ov-y--auto-hide': scrollbarYOpts.autoHide,
+      const scrollXVisible = computeScrollXVisible.value;
+      const scrollYVisible = computeScrollYVisible.value;
+      return _ui.domUtils.buildClass(['vxe-scrollbar is--virtual', `ov-x--${scrollXVisible === false ? 'hidden' : 'visible'}`, `ov-y--${scrollYVisible === false ? 'hidden' : 'visible'}`, `sx-pos--${scrollbarXToTop ? 'top' : 'bottom'}`, `sy-pos--${scrollbarYToLeft ? 'left' : 'right'}`], {
         'overflow-y': yThumbHeight,
         'overflow-x': xThumbWidth
       });
@@ -302,6 +323,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       const keyField = computeKeyField.value;
       return getRowIdByField(row, keyField);
     };
+    const getParentElem = () => {
+      const el = refElem.value;
+      return el ? el.parentElement : null;
+    };
     const calcTableHeight = key => {
       const {
         parentHeight
@@ -2456,7 +2481,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         topSpaceHeight,
         rowList,
         isAllChecked,
-        isAllIndeterminate
+        isAllIndeterminate,
+        xThumbWidth,
+        yThumbHeight
       } = reactData;
       const defaultSlot = slots.default;
       const headerSlot = slots.header;
@@ -2481,8 +2508,13 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         padding
       } = rowOpts;
       const isDrag = computeIsDrag.value;
-      const scrollbarXOpts = computeScrollbarXOpts.value;
-      const scrollbarYOpts = computeScrollbarYOpts.value;
+      const scrollbarOpts = computeScrollbarOpts.value;
+      const scrollXVisible = computeScrollXVisible.value;
+      const scrollYVisible = computeScrollYVisible.value;
+      const scrollbarXToTop = computeScrollbarXToTop.value;
+      const scrollbarYToLeft = computeScrollbarYToLeft.value;
+      const scrollXAutoHide = computeScrollXAutoHide.value;
+      const scrollYAutoHide = computeScrollYAutoHide.value;
       const scrollbarWrapperClss = computeScrollbarWrapperClss.value;
       const showDefChekboxHead = showCheckbox && showHeader !== false;
       const leOns = {};
@@ -2491,13 +2523,16 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       }
       return (0, _vue.h)('div', Object.assign({
         ref: refElem,
-        class: ['vxe-list', className ? _xeUtils.default.isFunction(className) ? className({
+        class: ['vxe-list', useScrollbar ? `ov-x--${scrollXVisible === false ? 'hidden' : 'visible'}` : '', useScrollbar ? `ov-y--${scrollYVisible === false ? 'hidden' : 'visible'}` : '', useScrollbar ? `sx-pos--${scrollbarXToTop ? 'top' : 'bottom'}` : '', useScrollbar ? `sy-pos--${scrollbarYToLeft ? 'left' : 'right'}` : '', className ? _xeUtils.default.isFunction(className) ? className({
           $list: $xeList
         }) : className : '', {
           [`size--${vSize}`]: vSize,
           'is--virtual-scrollbar': useScrollbar,
-          'ov-x--auto-hide': useScrollbar && scrollbarXOpts.autoHide,
-          'ov-y--auto-hide': useScrollbar && scrollbarYOpts.autoHide,
+          'ov-padding': useScrollbar && scrollbarOpts.padding,
+          'ov-x--auto-hide': useScrollbar && scrollXAutoHide,
+          'ov-y--auto-hide': useScrollbar && scrollYAutoHide,
+          'overflow-y': yThumbHeight,
+          'overflow-x': xThumbWidth,
           'is--drag': isDrag,
           'is--loading': loading
         }],
@@ -2544,17 +2579,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         style: {
           marginTop: topSpaceHeight ? `${topSpaceHeight}px` : ''
         }
-      }, useScrollbar ? defaultSlot ? defaultSlot({
-        items: rowList,
-        $list: $xeList
-      }) : rowList.map((row, i) => renderRow(row, i)) : [(0, _vue.h)('div', {
-        key: 'vi',
-        ref: refViewInnerElem,
-        class: 'vxe-scrollbar--view-inner'
       }, defaultSlot ? defaultSlot({
         items: rowList,
         $list: $xeList
-      }) : rowList.map((row, i) => renderRow(row, i)))])]), footerSlot ? (0, _vue.h)('div', {
+      }) : rowList.map((row, i) => renderRow(row, i)))]), footerSlot ? (0, _vue.h)('div', {
         ref: refFooterElem,
         class: 'vxe-list--footer-wrapper'
       }, footerSlot({
@@ -2566,7 +2594,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
        */
       useScrollbar ? (0, _vue.h)('div', {
         class: scrollbarWrapperClss
-      }, [scrollbarXOpts.visible === 'hidden' ? (0, _ui.renderEmptyElement)($xeList) : (0, _vue.h)('div', {
+      }, [scrollXVisible === false ? (0, _ui.renderEmptyElement)($xeList) : (0, _vue.h)('div', {
         ref: refTrackXElem,
         class: 'vxe-scrollbar--track-x',
         onClick: clickTrackXEvent
@@ -2578,7 +2606,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         onPointerup: cleatPointerThumbEvent,
         onPointercancel: cleatPointerThumbEvent,
         onLostpointercapture: cleatPointerThumbEvent
-      })]), scrollbarYOpts.visible === 'hidden' ? (0, _ui.renderEmptyElement)($xeList) : (0, _vue.h)('div', {
+      })]), scrollYVisible === false ? (0, _ui.renderEmptyElement)($xeList) : (0, _vue.h)('div', {
         ref: refTrackYElem,
         class: 'vxe-scrollbar--track-y',
         onClick: clickTrackYEvent
@@ -2623,11 +2651,30 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     (0, _vue.watch)(() => props.syncResize, () => {
       reFlag.value++;
     });
+    (0, _vue.watch)(() => props.useScrollbar, () => {
+      reFlag.value++;
+    });
     (0, _vue.watch)(computeRowHeight, () => {
       reFlag.value++;
     });
-    (0, _vue.watch)(reFlag, () => {
+    (0, _vue.watch)(computeScrollYWidth, () => {
+      reFlag.value++;
+    });
+    (0, _vue.watch)(computeScrollXHeight, () => {
+      reFlag.value++;
+    });
+    (0, _vue.watch)(computeScrollXVisible, () => {
+      (0, _vue.nextTick)(() => {
+        reFlag.value++;
+      });
+    });
+    (0, _vue.watch)(computeScrollYVisible, () => {
       (0, _vue.nextTick)(() => {
+        reFlag.value++;
+      });
+    });
+    (0, _vue.watch)(reFlag, () => {
+      recalculate().then(() => {
         recalculate();
       });
     });
@@ -2683,20 +2730,32 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       if (useKey && !keyField) {
         errLog('vxe.error.reqSupportProp', ['row-config.useKey', 'row-config.keyField']);
       }
-      if (useScrollbar || autoResize) {
-        const el = refElem.value;
-        const viewInnerEl = refViewInnerElem.value;
-        const resizeObserver = _ui.globalResize.create(() => {
+      const el = refElem.value;
+      if (useScrollbar) {
+        const viewInnerEl = refVirtualBody.value;
+        const scrollObserver = _ui.globalResize.create(() => {
           reFlag.value++;
         });
-        resizeObserver.observe(el);
-        if (autoResize) {
-          if (el) {
-            resizeObserver.observe(el.parentElement);
-          }
+        if (el) {
+          scrollObserver.observe(el);
         }
         if (viewInnerEl) {
-          resizeObserver.observe(viewInnerEl);
+          scrollObserver.observe(viewInnerEl);
+        }
+        internalData.scrollObserver = scrollObserver;
+      }
+      if (autoResize) {
+        const parentEl = getParentElem();
+        const resizeObserver = _ui.globalResize.create(() => {
+          if (props.autoResize) {
+            reFlag.value++;
+          }
+        });
+        if (el) {
+          resizeObserver.observe(el);
+        }
+        if (parentEl) {
+          resizeObserver.observe(parentEl);
         }
         internalData.resizeObserver = resizeObserver;
       }
@@ -2707,11 +2766,15 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     });
     (0, _vue.onBeforeUnmount)(() => {
       const {
+        scrollObserver,
         resizeObserver
       } = internalData;
       if (resizeObserver) {
         resizeObserver.disconnect();
       }
+      if (scrollObserver) {
+        scrollObserver.disconnect();
+      }
       _ui.globalEvents.off($xeList, 'resize');
       _xeUtils.default.assign(reactData, createReactData());
       _xeUtils.default.assign(internalData, createInternalData());

package/lib/list/src/list.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_store=require("./store"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log"),_anime=require("../../ui/src/anime"),_util=require("../../scrollbar/src/util"),_util2=require("./util"),_loading=_interopRequireDefault(require("../../loading"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{warnLog,errLog}=(0,_log.createComponentLog)("tree");function getRowKeyByField(e,t){return e?""+(e[t]||""):""}function getRowIdByField(e,t){return e?(e=getRowKeyByField(e,t),(0,_utils.enModelValue)(e)):""}function createReactData(){return{scrollYLoad:!1,bodyHeight:0,headHeight:0,footHeight:0,customHeight:0,customMaxHeight:0,parentHeight:0,topSpaceHeight:0,rowList:[],selectRadioRow:null,currRowFlag:1,updateCheckboxFlag:1,isAllChecked:!1,isAllIndeterminate:!1,yThumbHeight:0,xThumbWidth:0,insertRowFlag:1,removeRowFlag:1,dragRow:null,dragTipText:"",isCrossDragRow:!1}}function createInternalData(){return{fullData:[],afterList:[],fullKeyMaps:{},rowMaps:{},thumbDragOffset:0,yThumbTop:0,xThumbLeft:0,lastScrollTop:0,lastScrollLeft:0,scrollYStore:{startIndex:0,endIndex:0,visibleSize:0,offsetSize:0,rowHeight:0},currentRow:null,selectCheckboxMaps:{},insertRowMaps:{},removeRowMaps:{}}}let crossListDragRowObj=null;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeList",props:{data:Array,height:[Number,String],maxHeight:[Number,String],loading:Boolean,className:[String,Function],size:{type:String,default:()=>(0,_ui.getConfig)().list.size||(0,_ui.getConfig)().size},autoResize:{type:Boolean,default:()=>(0,_ui.getConfig)().list.autoResize},syncResize:[Boolean,String,Number],showSeq:{type:Boolean,default:()=>(0,_ui.getConfig)().list.showSeq},showRadio:{type:Boolean,default:()=>(0,_ui.getConfig)().list.showRadio},checkRowKey:[String,Number],radioConfig:Object,showCheckbox:{type:Boolean,default:()=>(0,_ui.getConfig)().list.showCheckbox},checkRowKeys:Array,checkboxConfig:Object,rowConfig:Object,dragConfig:Object,menuConfig:Object,virtualYConfig:Object,scrollY:Object,useScrollbar:{type:Boolean,default:()=>(0,_ui.getConfig)().list.useScrollbar},scrollbarConfig:Object},emits:["update:checkRowKey","update:checkRowKeys","row-click","row-dblclick","current-change","radio-change","checkbox-change","checkbox-all","scroll","row-dragstart","row-dragover","row-dragend","row-remove-dragend","row-insert-dragend","row-menu","menu-click"],setup(S,e){let{slots:M,emit:l}=e;var t=_xeUtils.default.uniqueId();let a=_xeUtils.default.browse(),P=(0,_ui.useSize)(S).computeSize,H=(0,_vue.reactive)(createReactData()),F=createInternalData(),g=(0,_store.getCrossListDragRowInfo)(),T=(0,_vue.ref)(),z=(0,_vue.ref)(),N=(0,_vue.ref)(),I=(0,_vue.ref)(),Y=(0,_vue.ref)(),W=(0,_vue.ref)(),X=(0,_vue.ref)(),V=(0,_vue.ref)(),G=(0,_vue.ref)(),J=(0,_vue.ref)(),Q=(0,_vue.ref)(),Z=(0,_vue.ref)(),i={refElem:T},O={xID:t,props:S,context:e,reactData:H,internalData:F,getRefMaps:()=>i},B=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().list.rowConfig,S.rowConfig)),K=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().list.dragConfig,S.dragConfig)),w=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().list.virtualYConfig||(0,_ui.getConfig)().list.scrollY,S.virtualYConfig||S.scrollY)),U=(0,_vue.computed)(()=>{var e=B.value.keyField;return e||""}),A=(0,_vue.computed)(()=>{var e=S.dragConfig,t=K.value;return e&&(0,_utils.isEnableConf)(t)}),f=(0,_vue.computed)(()=>{var e=B.value.height;return e}),$=(0,_vue.computed)(()=>Object.assign({showIcon:!0},(0,_ui.getConfig)().list.radioConfig,S.radioConfig)),j=(0,_vue.computed)(()=>Object.assign({showIcon:!0},(0,_ui.getConfig)().list.checkboxConfig,S.checkboxConfig)),p=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().list.menuConfig,S.menuConfig)),ee=(0,_vue.computed)(()=>{var e=f.value,t=L.value,r=E.value,o={};return e&&(o["--vxe-ui-list-row-height"]=(0,_dom.toCssUnit)(e)),r.width&&(o["--vxe-ui-scrollbar-y-width"]=(0,_dom.toCssUnit)(r.width)),t.height&&(o["--vxe-ui-scrollbar-x-height"]=(0,_dom.toCssUnit)(t.height)),o}),te=(0,_vue.computed)(()=>{var{height:e,maxHeight:t}=S,{customHeight:r,customMaxHeight:o,headHeight:l,footHeight:i}=H,a={};return e?a.height=(0,_dom.toCssUnit)(Math.max(20,r-l-i)):t&&(a.height="auto",a.maxHeight=(0,_dom.toCssUnit)(Math.max(20,o-l-i))),a}),x=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().list.scrollbarConfig,S.scrollbarConfig)),L=(0,_vue.computed)(()=>{var e=x.value;return Object.assign({},(0,_ui.getConfig)().scrollbar.xConfig,e.xConfig)}),E=(0,_vue.computed)(()=>{var e=x.value;return Object.assign({},(0,_ui.getConfig)().scrollbar.yConfig,e.yConfig)}),re=(0,_vue.computed)(()=>{var e=x.value.padding,{yThumbHeight:t,xThumbWidth:r}=H,o=L.value,l=E.value,i=oe.value,a=le.value;return _ui.domUtils.buildClass(["vxe-scrollbar is--virtual","ov-x--"+(o.visible||"visible"),"ov-y--"+(l.visible||"visible"),"sx-pos--"+(i?"top":"bottom"),"sy-pos--"+(a?"left":"right")],{"is--padding":e,"ov-x--auto-hide":o.autoHide,"ov-y--auto-hide":l.autoHide,"overflow-y":t,"overflow-x":r})}),oe=(0,_vue.computed)(()=>"top"===L.value.position),le=(0,_vue.computed)(()=>"left"===E.value.position),_=(e,t,r)=>{l(e,(0,_ui.createEvent)(r,{$list:O},t))},s=e=>{l("update:checkRowKeys",e)},n=e=>{l("update:checkRowKey",e)},R=e=>getRowIdByField(e,U.value),ie=e=>{var t=H.parentHeight,e=S[e];let r=0;return r=e?"100%"===e||"auto"===e?t:(r=(0,_dom.isScale)(e)?Math.floor((_xeUtils.default.toInteger(e)||1)/100*t):_xeUtils.default.toNumber(e),Math.max(40,r)):r},ae=()=>{var e=z.value,t=N.value;H.headHeight=e?Math.floor(e.offsetHeight):0,H.footHeight=t?Math.floor(t.offsetHeight):0,H.customHeight=ie("height"),H.customMaxHeight=ie("maxHeight")},m=()=>{var e=H.scrollYLoad,{scrollYStore:t,fullData:r}=F;H.bodyHeight=e?r.length*t.rowHeight:0,H.topSpaceHeight=e?Math.max(t.startIndex*t.rowHeight,0):0},se=()=>{var e=F.fullData;F.afterList=e.slice(0),xe()},b=e=>{var t=H.scrollYLoad;let{fullData:r,scrollYStore:o,rowMaps:l}=F,i=U.value;e&&se();e=t?r.slice(o.startIndex,o.endIndex):r.slice(0);return i&&e.forEach((e,t)=>{e=getRowIdByField(e,i),e=l[e];e&&(e.$index=t)}),H.rowList=e,(0,_vue.nextTick)()},ne=()=>{b(),m()},ue=()=>(0,_vue.nextTick)().then(()=>{var e=H.scrollYLoad,t=F.scrollYStore,r=Y.value,o=w.value;let l=0,i;(i=r?(i=o.sItem?r.querySelector(o.sItem):i)||r.children[0]:i)&&(l=i.offsetHeight),l=Math.max(12,l),t.rowHeight=l,(e?(r=I.value,e=Math.max(8,Math.ceil(r.clientHeight/l)),r=o.oSize?_xeUtils.default.toNumber(o.oSize):a.edge?10:0,t.offsetSize=r,t.visibleSize=e,t.endIndex=Math.max(t.startIndex+e+r,t.endIndex),ne):m)()}),ce=()=>{var e=I.value;return e&&(e.scrollTop=0),(0,_vue.nextTick)()},de=(e,t)=>{var r=I.value;return e&&!_xeUtils.default.isNumber(e)&&(t=e.top,e=e.left),_xeUtils.default.isNumber(e)&&(r.scrollLeft=e),_xeUtils.default.isNumber(t)&&(r.scrollTop=t),H.scrollYLoad?new Promise(e=>{setTimeout(()=>{(0,_vue.nextTick)(()=>{e()})},50)}):(0,_vue.nextTick)()},ve=()=>{let{lastScrollLeft:e,lastScrollTop:t}=F;return ge(),ce().then(()=>{if(e||t)return F.lastScrollLeft=0,F.lastScrollTop=0,de(e,t)})},ge=()=>{Ge(),Je()},C=()=>{var r,o=T.value;if(o){let e=o.parentElement,t=0;if((e=e&&(0,_dom.hasClass)(e,"vxe-scrollbar--view-inner")?e.parentElement:e)&&(r=getComputedStyle(e),t=e.clientHeight-Math.ceil(_xeUtils.default.toNumber(r.paddingLeft)+_xeUtils.default.toNumber(r.paddingRight))),H.parentHeight=t,ge(),ae(),o.clientWidth&&o.clientHeight)return ue()}return(0,_vue.nextTick)()},he=e=>{var t=F.scrollYStore,{startIndex:r,endIndex:o,visibleSize:l,offsetSize:i,rowHeight:a}=t,e=e.target.scrollTop,e=Math.floor(e/a),a=Math.max(0,e-1-i),i=e+l+i;!(e<=r||o-l-1<=e)||r===a&&o===i||(t.startIndex=a,t.endIndex=i,ne())},we=e=>{var t=e.target,r=t.scrollTop,t=t.scrollLeft,o=t!==F.lastScrollLeft,l=r!==F.lastScrollTop;Je(),F.lastScrollTop=r,F.lastScrollLeft=t,H.scrollYLoad&&he(e),_("scroll",{scrollLeft:t,scrollTop:r,isX:o,isY:l},e)},fe=()=>{var e=S.checkRowKey,t=F.fullKeyMaps;e?(t=t[e],H.selectRadioRow=t||null):H.selectRadioRow=null},pe=()=>{var e=S.checkRowKeys,t=F.fullKeyMaps,r=U.value,o={};if(e&&e.length)for(var l of e){l=t[l];l&&(o[getRowIdByField(l,r)]=l)}F.selectCheckboxMaps=o,v()},xe=()=>{let{afterList:e,rowMaps:l}=F,i=U.value,a=0;e.forEach((e,t)=>{var r=getRowIdByField(e,i),o=l[r];o?o._index=a:(o={item:e,index:t,$index:-1,_index:a},l[r]=o),a++})},_e=()=>{var e=F.fullData;let l=U.value,i={},a={};l&&e.forEach((e,t)=>{var r=getRowIdByField(e,l),o=getRowKeyByField(e,l);i[o]=e,a[r]={item:e,index:t,$index:-1,_index:-1}}),F.fullKeyMaps=i,F.rowMaps=a},r=e=>{var t=F.scrollYStore,r=w.value,e=e?e.slice(0):[];return Object.assign(t,{startIndex:0,endIndex:1,visibleSize:0}),F.fullData=e,F.insertRowMaps={},H.insertRowFlag++,F.removeRowMaps={},H.removeRowFlag++,H.scrollYLoad=!!r.enabled&&-1<r.gt&&(0===r.gt||r.gt<=e.length),_e(),b(!0),fe(),pe(),ue().then(()=>{ve()})},Re=()=>{k(),y(),C()},me=()=>{var e=T.value;if(e){let t="row--drag-origin";_xeUtils.default.arrayEach(e.querySelectorAll("."+t),e=>{(e.draggable=!1,_dom.removeClass)(e,t)})}},be=e=>{var t=w.value.sItem,r=T.value;if(r){e=R(e);_xeUtils.default.arrayEach(r.querySelectorAll(`.vxe-list--row[rowid="${e}"]`+(t?t+`[rowid="${e}"]`:"")),e=>{(0,_dom.addClass)(e,"row--drag-origin")})}},Ce=e=>{var t=H.dragRow,r=K.value.tooltipMethod;let o="";o=r?""+(r({$list:O,row:t})||""):(0,_ui.getI18n)("vxe.list.dragTip",[e.textContent||""]),H.dragTipText=o},u=()=>{var e=Z.value,t=Q.value;e&&(e.style.display=""),t&&(t.style.display="")},y=()=>{crossListDragRowObj=null,g.row=null},ye=()=>{var e=H.dragRow;e&&(u(),me(),y(),H.dragRow=null)},ke=(e,t)=>{e.stopPropagation();var r=t.row,{isCrossListDrag:o,trigger:l,dragStartMethod:i}=K.value,a=e.currentTarget,l="row"===l?a:a.parentElement.parentElement;me(),i&&!i(t)?(l.draggable=!1,H.dragRow=null,u()):(o&&(g.row=r,crossListDragRowObj={$oldList:O,$newList:null}),a={row:r},H.dragRow=r,H.isCrossDragRow=!1,l.draggable=!0,be(r),Ce(l),_("row-dragstart",a,e))},De=()=>{ye()},c=(e,t,r,o)=>{var l=T.value;if(l){var i=l.getBoundingClientRect(),a=l.clientHeight;if(t){var s=Q.value;if(s)if(r){var n=t.getBoundingClientRect();let e=t.clientHeight;t=Math.max(1,n.y-i.y);t+e>a&&(e=a-t),s.style.display="block",s.style.top=t+"px",s.style.height=e+"px",s.setAttribute("drag-pos",o)}else s.style.display=""}n=Z.value;n&&(n.style.display="block",n.style.top=Math.min(l.clientHeight-l.scrollTop-n.clientHeight,e.clientY-i.y)+"px",n.style.left=Math.min(l.clientWidth-l.scrollLeft-n.clientWidth-1,e.clientX-i.x)+"px",n.setAttribute("drag-status",r?"normal":"disabled"))}},k=()=>{var e=T.value;u(),me(),(0,_anime.clearRowAnimate)(e,[".vxe-list--row"]),H.dragRow=null},Te=(l,i,a,s)=>{let n=F.fullData;var e=K.value;let{animation:v,dragEndMethod:t}=e;e=t||(e?e.dragEndMethod:null);let g="bottom"===s?1:0,h=T.value,w={status:!1};if(h&&a&&i){if(a!==i){var f={oldRow:i,newRow:a,dragRow:i,dragPos:s,offsetIndex:g};let u=R(i),c=Ke(n,u);var p,x=D(a);let d=0,t=-1,r=void(v&&(x=h.querySelector(`.vxe-list--row[rowid="${x}"]`),p=h.querySelector(`.vxe-list--row[rowid="${u}"]`),(x=x||p)&&(d=x.offsetHeight),p)&&(t=p.offsetTop)),o;return Promise.resolve(!e||e(f)).then(e=>{if(!e)return w;r=Be(n,i),n.splice(r,1);var e=Be(n,a);return o=e+g,n.splice(o,0,i),b(),H.scrollYLoad&&m(),l&&(e={oldRow:i,newRow:a,dragRow:i,dragPos:s,offsetIndex:g,_index:{newIndex:o,oldIndex:r}},_("row-dragend",e,l)),(0,_vue.nextTick)().then(()=>{if(v){var o=H.rowList,l=F.fullData,i=Ke(l,u),a=l[0],a=Be(l,a),s=h;if(-1<a){var n=a+l.length;let e=-1,t=-1,r=1;c<a?(e=0,t=i-a):c>n?(n=Ke(o,u),e=n+1,t=l.length,r=-1):i>c?(e=c-a,t=e+i-c):(e=i-a,t=e+c-i+1,r=-1);o=l.slice(e,t);if(o.length){let t=[];o.forEach(e=>{e=R(e);t.push(`.vxe-list--row[rowid="${e}"]`)});n=s.querySelectorAll(t.join(","));(0,_anime.moveRowAnimateToTb)(n,r*d)}}a=[`.vxe-list--row[rowid="${u}"]`],i=s.querySelectorAll(a.join(",")),l=i[0];-1<t&&l&&(0,_anime.moveRowAnimateToTb)(i,t-l.offsetTop)}C()}).then(()=>({status:!0}))}).catch(()=>w).then(e=>(k(),y(),e))}k(),y()}return Promise.resolve(w)},Ie=e=>{e.dataTransfer&&e.dataTransfer.setDragImage((0,_dom.getTpImg)(),0,0)},Le=e=>{var t=H.dragRow,{prevDragRow:r,prevDragPos:o}=F,l=K.value.isCrossListDrag;if(l&&crossListDragRowObj){l=crossListDragRowObj.$newList;if(l&&l.xID!==O.xID)return void l.handleCrossListRowDragInsertEvent(e)}Te(e,t,r,o)},Ee=e=>{var t=H.dragRow,r=F.fullData,o=K.value.isCrossListDrag,l=(t||e.preventDefault(),e.currentTarget),i=l.getAttribute("rowid")||"",r=d(r,i);if(r){e.preventDefault();var a=e.clientY-l.getBoundingClientRect().y<l.clientHeight/2?"top":"bottom";if(F.prevDragRow=r,F.prevDragPos=a,o&&crossListDragRowObj){var{$oldList:o,$newList:s}=crossListDragRowObj;if(o){var n=o.reactData;if(o.xID!==O.xID)return s&&s.xID!==O.xID&&s.hideCrossListRowDropClearStatus(),o.hideCrossListRowDropClearStatus(),n.isCrossDragRow=!0,H.dragTipText=n.dragTipText,crossListDragRowObj.$newList=O,void c(e,l,!0,a);s&&s.hideCrossListRowDropClearStatus(),H.isCrossDragRow=!1,n.isCrossDragRow=!1,crossListDragRowObj.$newList=null}}t&&R(t)===i?c(e,l,!1,a):(o={oldRow:t,targetRow:r,dragPos:a,dragRow:t,offsetIndex:"bottom"==a?1:0},c(e,l,!0,a),_("row-dragover",o,e))}},Se=(e,t)=>{var{trigger:r,disabledMethod:o}=K.value;let l=!1;A.value&&(l="row"===r);r={row:t,$list:O};!l||o&&o(r)||ke(e,r)},Me=(e,t)=>{var{showRadio:r,showCheckbox:o}=S,l=F.currentRow,i=$.value,a=j.value,s=B.value.isCurrent;let n=!1,u=!1,c=!1;s?(n=!0,Ne(e,t)):l&&(F.currentRow=null,H.currRowFlag++),r&&"row"===i.trigger&&(u=!0,Ye(e,t)),o&&"row"===a.trigger&&(c=!0,ze(e,t)),_("row-click",{row:t,triggerCurrent:n,triggerRadio:u,triggerCheckbox:c},e)},He=(e,t)=>{_("row-dblclick",{row:t},e)},D=e=>getRowKeyByField(e,U.value),o=(e,t)=>""+e==""+t,Fe=(e,t)=>!(!e||!t)&&(e===t||o(R(e),R(t))),Oe=(e,t)=>e&&o(D(e),t);let d=(e,t)=>{let r=U.value;return _xeUtils.default.find(e,e=>o(getRowIdByField(e,r),t))},Be=(e,t)=>t?_xeUtils.default.findIndexOf(e,e=>Fe(e,t)):-1,Ke=(e,t)=>{let r=U.value;return _xeUtils.default.findIndexOf(e,e=>o(getRowIdByField(e,r),t))},Ue=e=>{var t=H.selectRadioRow;return D(t)===e};let Ae=e=>{var t=H.updateCheckboxFlag,r=F.selectCheckboxMaps;return!(!t||!r[e])};t=()=>{var e=H.updateCheckboxFlag,t=F.selectCheckboxMaps;let r=[];return e&&_xeUtils.default.each(t,e=>{e&&r.push(e)}),r};let $e=()=>{var e=H.updateCheckboxFlag,t=F.selectCheckboxMaps;let r=U.value,o=[];return e&&_xeUtils.default.each(t,e=>{e&&(e=getRowKeyByField(e,r),o.push(e))}),o},je=()=>{F.selectCheckboxMaps={},H.updateCheckboxFlag++,H.isAllChecked=!1,H.isAllIndeterminate=!1;return s([]),(0,_vue.nextTick)()},qe=e=>{var{fullData:t,selectCheckboxMaps:r}=F,o=U.value;if(e){var l,i=[];for(l of t){var a=getRowKeyByField(l,o);r[getRowIdByField(l,o)]=l,i.push(a)}return s(i),v()}return je()},v=()=>{var{selectCheckboxMaps:e,fullData:t}=F,r=U.value,o=j.value.checkMethod;let l=!1,i=!1;if(o){for(var a of t)if(o({row:a,$list:O}))if(e[getRowIdByField(a,r)])l=!0;else if(i=!0,l)break}else for(var s of t)if(e[getRowIdByField(s,r)])l=!0;else if(i=!0,l)break;return H.isAllChecked=l&&!i,H.isAllIndeterminate=l&&i,H.updateCheckboxFlag++,(0,_vue.nextTick)()},Pe=e=>{var t=H.isAllChecked,t=!t;t?qe(!0):je(),_("checkbox-all",{checked:t},e)},ze=(t,r)=>{t.preventDefault(),t.stopPropagation();var o=F.selectCheckboxMaps,l=j.value.checkMethod,i=R(r),l=!!l&&!l({$list:O,row:r});if(!l){let e=!1;o[i]?delete o[i]:(e=!0,o[i]=r),H.updateCheckboxFlag++,v();l=_xeUtils.default.keys(o).map(_utils.deModelValue);s(l),_("checkbox-change",{row:r,value:l,checked:e},t)}},Ne=(e,t)=>{e.preventDefault();var r=B.value.currentMethod;let o=!1;(o=r?!r({row:t}):o)||(F.currentRow=t,H.currRowFlag++,_("current-change",{row:t,checked:!0},e))},Ye=(t,r)=>{t.preventDefault(),t.stopPropagation();var o=H.selectRadioRow,{strict:l,checkMethod:i}=$.value,a=D(r),i=!!i&&!i({$list:O,row:r});if(!i){i=a;let e=!0;l&&o&&a===D(o)?(e=!1,H.selectRadioRow=null):H.selectRadioRow=r,n(i),_("radio-change",{row:r,value:i,checked:e},t)}},We=(e,t)=>{let{fullData:o,rowMaps:l}=F,i=U.value,a=t?"push":"unshift";e.forEach(e=>{var t=getRowIdByField(e,i),r=(0,_util2.getItemCacheObj)(e);o[a](e),l[t]=r})},Xe=(e,t,r)=>{let{fullData:o,rowMaps:l,removeRowMaps:i,insertRowMaps:a}=F,s=U.value;if(!s)return errLog("vxe.error.reqSupportProp",["insert() | insertAt() | insertNextAt()","row-config.keyField"]),Promise.resolve({row:null,rows:[]});_xeUtils.default.isArray(e)||(e=[e]);let n=t;if((_xeUtils.default.isString(t)||_xeUtils.default.isNumber(t))&&(t=l[t])&&(n=t.item),!e.length)return Promise.resolve({row:null,rows:[]});let u=e.map(e=>_xeUtils.default.assign({},e));if(_xeUtils.default.eqNull(n))We(u,!1);else if(-1===n)We(u,!0);else{t=o.findIndex(e=>n[s]===e[s]);if(-1<t){u.forEach(e=>{var t=getRowIdByField(e,s),e=(0,_util2.getItemCacheObj)(e);l[t]=e});let e=t;r&&(e+=1),o.splice(e,0,...u)}else warnLog("vxe.error.unableInsert"),We(u,!0)}return u.forEach(e=>{var t=getRowIdByField(e,s);i[t]?(delete i[t],a[t]&&delete a[t]):a[t]=e}),H.removeRowFlag++,H.insertRowFlag++,_e(),b(!0),xe(),v(),H.scrollYLoad&&m(),(0,_vue.nextTick)().then(()=>({row:u.length?u[u.length-1]:null,rows:u}))},Ve=(o,l)=>{var e=S.menuConfig,t=p.value,r=B.value.isCurrent;(e?(0,_utils.isEnableConf)(t):t.enabled)&&({options:e,visibleMethod:t}=t,t&&!t({$list:O,options:e,row:l})||(r?Ne(o,l):F.currentRow&&(F.currentRow=null,H.currRowFlag++),_ui.VxeUI.contextMenu&&_ui.VxeUI.contextMenu.openByEvent(o,{options:e,events:{optionClick(e){var t=e.option,r=_ui.menus.get(t.code),r=r?r.listMenuMethod:null,t={menu:t,row:l,$event:o,$list:O};r&&r(t,o),_("menu-click",t,e.$event)}}}))),_("row-menu",{row:l},o)};e={dispatchEvent:_,loadData:r,reloadData(e){return ce(),r(e)},getFullData(){var e=F.fullData;return e},recalculate:C,scrollTo:de,refreshScroll:ve,clearScroll:ce,getRowKey:D,eqRowKey:o,eqRow:Fe,eqRowByKey:Oe,findRow:(e,t)=>t?_xeUtils.default.find(e,e=>Fe(e,t)):null,findRowByKey:d,findRowIndexOf:Be,findRowIndexOfByKey:Ke,isCheckedByRadioRowKey:Ue,isCheckedByRadioRow:e=>Ue(D(e)),isCheckedByCheckboxRowKey:Ae,isCheckedByCheckboxRow:e=>Ae(D(e)),setCurrentRow:e=>(F.currentRow=e,H.currRowFlag++,(0,_vue.nextTick)()),setCurrentRowByKey:e=>{var t=F.fullData;return F.currentRow=d(t,e),H.currRowFlag++,(0,_vue.nextTick)()},getCurrentRow:()=>{var e=F.currentRow;return e},getCurrentRowKey:()=>{var e=F.currentRow;return e?D(e):null},clearCurrentRow:()=>(F.currentRow=null,H.currRowFlag++,(0,_vue.nextTick)()),setRadioRow:e=>{H.selectRadioRow=e;e=D(e);return n(e),(0,_vue.nextTick)()},setRadioRowByKey:e=>{var t=F.fullData,t=(H.selectRadioRow=d(t,e),e);return n(t),(0,_vue.nextTick)()},getRadioRow:()=>{var e=H.selectRadioRow;return e},getRadioRowKey:()=>{var e=H.selectRadioRow;return e?D(e):null},clearRadioRow:()=>(H.selectRadioRow=null,n(null),(0,_vue.nextTick)()),setCheckboxRow:(e,t)=>{let r=F.selectCheckboxMaps,o=U.value;(e?_xeUtils.default.isArray(e)?e:[e]:[]).forEach(t?e=>{var t=getRowIdByField(e,o);r[t]||(r[t]=e)}:e=>{e=getRowIdByField(e,o);r[e]&&delete r[e]});e=$e();return s(e),v()},setCheckboxRowByKey:(e,t)=>{let{selectCheckboxMaps:r,fullKeyMaps:o}=F,l=U.value;(e?_xeUtils.default.isArray(e)?e:[e]:[]).forEach(t?e=>{var t,e=o[e||""];e&&(t=getRowIdByField(e,l),e)&&!r[t]&&(r[t]=e)}:e=>{var e=o[e||""];e&&(e=getRowIdByField(e,l),r[e])&&delete r[e]});e=$e();return s(e),v()},getCheckboxRecords:t,getCheckboxRows:t,getCheckboxRowKeys:$e,clearCheckboxRow:je,setAllCheckboxRow:qe,insert(e){return Xe(e,null)},insertAt(e,t){return Xe(e,t)},insertNextAt(e,t){return Xe(e,t,!0)},getInsertRecords(){var e=F.insertRowMaps;let t=[];return _xeUtils.default.each(e,e=>{t.push(e)}),t},isInsertByRow(e){e=R(e);return!!H.insertRowFlag&&!!F.insertRowMaps[e]},remove(e){let{fullData:r,insertRowMaps:t,removeRowMaps:o}=F;if(!U.value)return errLog("vxe.error.reqSupportProp",["insert() | insertAt() | insertNextAt()","row-config.keyField"]),Promise.resolve({row:null,rows:[]});let l=[];return e?_xeUtils.default.isArray(e)||(e=[e]):e=r,e.length?(e.forEach(e=>{var t;O.isInsertByRow(e)||(t=R(e),o[t]=e)}),r===e?(e=l=r.slice(0),F.fullData=[]):e.forEach(e=>{let t=R(e);var e=_xeUtils.default.findIndexOf(r,e=>t===R(e));-1<e&&(e=r.splice(e,1),l.push(e[0]))}),e.forEach(e=>{e=R(e);t[e]&&delete t[e]}),H.removeRowFlag++,H.insertRowFlag++,_e(),b(!0),xe(),v(),H.scrollYLoad&&m(),(0,_vue.nextTick)().then(()=>C()).then(()=>({row:l.length?l[l.length-1]:null,rows:l}))):Promise.resolve({row:null,rows:[]})},getRemoveRecords(){var e=F.removeRowMaps;let t=[];return _xeUtils.default.each(e,e=>{t.push(e)}),t},isRemoveByRow(e){e=R(e);return!!H.removeRowFlag&&!!F.removeRowMaps[e]},getRecordset(){return{insertRecords:O.getInsertRecords(),removeRecords:O.getRemoveRecords()}}};let Ge=()=>{var e,t,r=I.value;r&&r.clientHeight&&(t=(t=X.value)?(0,_util.getThumbSize)(r.clientWidth,r.scrollWidth,t.clientWidth):0,(e=G.value)&&(e.style.width=t+"px"),H.xThumbWidth=t,t=(e=V.value)?(0,_util.getThumbSize)(r.clientHeight,r.scrollHeight,e.clientHeight):0,(r=J.value)&&(r.style.height=t+"px"),H.yThumbHeight=t)},Je=()=>{var e,t,r,o,l=I.value;l&&l.clientHeight&&({xThumbWidth:t,yThumbHeight:e}=H,o=X.value,r=G.value,o=o&&t?(0,_util.getThumbOffsetSize)(l.scrollLeft,l.clientWidth,l.scrollWidth,o.clientWidth,t):0,F.xThumbLeft=o,r&&t&&(r.style.width=t+"px",r.style.transform=`translateX(${o}px)`),t=V.value,r=J.value,o=t&&e?(0,_util.getThumbOffsetSize)(l.scrollTop,l.clientHeight,l.scrollHeight,t.clientHeight,e):0,F.yThumbTop=o,r)&&e&&(r.style.height=e+"px",r.style.transform=`translateY(${o}px)`)},Qe=e=>{var t,r,o,l=e.currentTarget;l===e.target&&(t=I.value)&&(r=H.xThumbWidth,o=l.getBoundingClientRect(),t.scrollTo({left:(0,_util.getScrollFromClick)(e.clientX-o.left,t.clientWidth,t.scrollWidth,l.clientWidth,r),behavior:"auto"}))},Ze=e=>{var t,r,o,l=e.currentTarget;l===e.target&&(t=I.value)&&(r=H.yThumbHeight,o=l.getBoundingClientRect(),t.scrollTo({top:(0,_util.getScrollFromClick)(e.clientY-o.top,t.clientHeight,t.scrollHeight,l.clientHeight,r),behavior:"auto"}))},et=e=>{var t,r,o=e.currentTarget,l=(F.isThumbDrag=!0,o.setPointerCapture(e.pointerId),I.value);l&&(t=H.xThumbWidth,r=(o=o.parentElement).getBoundingClientRect(),e=e.clientX-r.left,r=(0,_util.getThumbOffsetSize)(l.scrollLeft,l.clientWidth,l.scrollWidth,o.clientWidth,t),F.thumbDragOffset=e-r)},tt=t=>{let e=t.currentTarget;if(e.hasPointerCapture(t.pointerId)){var{isThumbDrag:r,thumbDragOffset:o}=F;if(r){r=I.value;if(r){var l=H.xThumbWidth;let e=t.currentTarget;var i=e.parentElement,a=i.getBoundingClientRect();r.scrollLeft=(0,_util.getScrollFromDrag)(t.clientX-a.left,o,r.clientWidth,r.scrollWidth,i.clientWidth,l)}}}},q=e=>{e.currentTarget.releasePointerCapture(e.pointerId),F.isThumbDrag=!1},rt=e=>{var t,r,o=e.currentTarget,l=(F.isThumbDrag=!0,o.setPointerCapture(e.pointerId),I.value);l&&(t=H.yThumbHeight,r=(o=o.parentElement).getBoundingClientRect(),e=e.clientY-r.top,r=(0,_util.getThumbOffsetSize)(l.scrollTop,l.clientHeight,l.scrollHeight,o.clientHeight,t),F.thumbDragOffset=e-r)},ot=t=>{let e=t.currentTarget;if(e.hasPointerCapture(t.pointerId)){var{isThumbDrag:r,thumbDragOffset:o}=F;if(r){r=I.value;if(r){var l=H.yThumbHeight;let e=t.currentTarget;var i=e.parentElement,a=i.getBoundingClientRect();r.scrollTop=(0,_util.getScrollFromDrag)(t.clientY-a.top,o,r.clientHeight,r.scrollHeight,i.clientHeight,l)}}}},lt=(Object.assign(O,e,{handleCrossListRowDragCancelEvent(){k(),y()},handleCrossListRowDragFinishEvent(t){var l=H.rowList,i=F.rowMaps;let{animation:a,isCrossListDrag:e}=K.value,s=T.value;if(s&&e&&crossListDragRowObj&&g){var n=g.row;if(n){var u=R(n),i=i[u];let r=0,e=-1,o=(i&&(a&&(u=s.querySelector(`.vxe-list--row[rowid="${u}"]`))&&(r=u.offsetHeight),e=i.$index),-1<e&&e<l.length-1?l.slice(e+1):[]);u=[n];O.remove(u).then(()=>{if(a&&r&&o.length){var e=s;let t=[];o.forEach(e=>{e=R(e);t.push(`.vxe-list--row[rowid="${e}"]`)});e=e.querySelectorAll(t.join(","));(0,_anime.moveRowAnimateToTb)(e,r)}}),_("row-remove-dragend",{row:n},t),Re()}}},handleCrossListRowDragoverEmptyEvent(e){var t,r=H.rowList,o=K.value.isCrossListDrag;o&&crossListDragRowObj&&!r.length&&({$oldList:o,$newList:r}=crossListDragRowObj,o)&&(t=o).xID!==O.xID&&(r&&r.xID!==O.xID&&r.hideCrossListRowDropClearStatus(),e.preventDefault(),o.hideCrossListRowDropClearStatus(),crossListDragRowObj.$newList=O,F.prevDragRow=null,H.dragTipText=t.dragTipText,c(e,e.currentTarget,!0,""))},handleCrossListRowDragInsertEvent(n){let{prevDragRow:u,prevDragPos:c}=F;let{animation:d,isCrossListDrag:e,dragEndMethod:t}=K.value;if(e&&crossListDragRowObj&&g){let l=g.row,a=crossListDragRowObj.$oldList,s=T.value;if(s&&(a&&l)){let i=l,r=-1;u&&(r="bottom"===c?1:0);var v={oldRow:i,newRow:u,dragRow:i,dragPos:c,offsetIndex:r};let o={status:!1};Promise.resolve(!t||t(v)).then(e=>{if(!e)return a&&a.xID!==O.xID&&a.handleCrossListRowDragCancelEvent(n),Re(),o;let t=Promise.resolve();e=[i];a.handleCrossListRowDragFinishEvent(n),t=u?"bottom"===c?O.insertNextAt(e,u):O.insertAt(e,u):O.insert(e),O.dispatchEvent("row-insert-dragend",{oldRow:l,newRow:u,dragRow:i,dragPos:c,offsetIndex:r},n),k(),t.then(()=>{var e=H.rowList,r=F.rowMaps,o=R(i),r=r[o];let l=0,t=-1;r&&(d&&(o=s.querySelector(`.vxe-list--row[rowid="${o}"]`))&&(l=o.offsetHeight),t=r.$index);o=-1<t?e.slice(t):[];if(d&&l&&o.length){r=s;let t=[];o.forEach(e=>{e=R(e);t.push(`.vxe-list--row[rowid="${e}"]`)});e=r.querySelectorAll(t.join(","));(0,_anime.moveRowAnimateToTb)(e,-l)}})})}}},hideCrossListRowDropClearStatus(){u()}}),(t,e,r,o)=>{var l=S.showRadio,{showIcon:i,visibleMethod:a}=$.value,a=!a||a({$list:O,row:t});return l&&i&&a?(0,_vue.h)("div",{key:"ct2",class:["vxe-list--radio-option",{"is--checked":o,"is--disabled":r}],onClick(e){r||Ye(e,t)}},[(0,_vue.h)("span",{class:["vxe-radio--icon",o?(0,_ui.getIcon)().RADIO_CHECKED:r?(0,_ui.getIcon)().RADIO_DISABLED_UNCHECKED:(0,_ui.getIcon)().RADIO_UNCHECKED]})]):(0,_ui.renderEmptyElement)(O)}),it=(t,e,r,o)=>{var l=S.showCheckbox,{showIcon:i,visibleMethod:a}=j.value,a=!a||a({$list:O,row:t});return l&&i&&a?(0,_vue.h)("div",{key:"ct3",class:["vxe-list--checkbox-option",{"is--checked":o,"is--disabled":r}],onClick(e){r||ze(e,t)}},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",o?(0,_ui.getIcon)().CHECKBOX_CHECKED:r?(0,_ui.getIcon)().CHECKBOX_DISABLED_UNCHECKED:(0,_ui.getIcon)().CHECKBOX_UNCHECKED]})]):(0,_ui.renderEmptyElement)(O)},at=(t,e)=>{var{showRadio:r,showCheckbox:o}=S,{selectRadioRow:l,currRowFlag:i,updateCheckboxFlag:a}=H,{selectCheckboxMaps:s,currentRow:n}=F,u=M.content,c=M.extra,{trigger:d,icon:v,disabledMethod:g,visibleMethod:h}=K.value,w=$.value,f=j.value,{useKey:p,contentField:x,className:_,isCurrent:R}=B.value,m=A.value,b=U.value,C=_&&_xeUtils.default.isFunction(_),p=b||p||m||R||r||o,R=p&&b?getRowIdByField(t,b):"",y=(0,_utils.enModelValue)(R);let k={row:t,$list:O},D=!1,T=!1,I=(r&&(D=l&&(t===l||Oe(l,R)),T=!!w.checkMethod&&!w.checkMethod({$list:O,row:t})),!1),L=!1;o&&(I=!(!a||!s[y]),L=!!f.checkMethod&&!f.checkMethod({$list:O,row:t}));l=[];r&&l.push(lt(t,y,T,D)),o&&l.push(it(t,y,L,I));let E=!1;m&&b&&(!h||h(k))&&(w={},"row"!==d&&(E=!(!g||!g(k)),w.onMousedown=e=>{E||ke(e,k)},w.onMouseup=De),l.push((0,_vue.h)("div",{key:"ct1",class:"vxe-list--row-drag"},[(0,_vue.h)("span",Object.assign({class:"vxe-list--drag-handle"},w),[(0,_vue.h)("i",{class:v||(0,_ui.getIcon)().LIST_DRAG})])]))),l.push((0,_vue.h)("div",{key:"ct5",class:"vxe-list--row-content"},u?u(k):x?(0,_utils.getText)(t[x]):"")),c&&l.push((0,_vue.h)("div",{key:"ct7",class:"vxe-list--row-extra"},c(k)));a={onMousedown(e){Se(e,t)},onMouseup:De,onClick(e){Me(e,t)},onDblclick(e){He(e,t)},onContextmenu(e){Ve(e,t)}};return m&&(a.onDragstart=Ie,a.onDragend=Le,a.onDragover=Ee),(0,_vue.h)("div",Object.assign({key:p&&b?y:e,class:["vxe-list--row",C?_(k):_||"",{"is--drag-disabled":E,"is--current":i&&n&&Oe(n,R),"is-radio--disabled":T,"is-radio--checked":D,"is-checkbox--disabled":L,"is-checkbox--checked":I}],rowid:p&&b?y:void 0},a),l)};let st=(0,_vue.ref)(0),h=((0,_vue.watch)(()=>S.data?S.data.length:-1,()=>{st.value++}),(0,_vue.watch)(()=>S.data,()=>{st.value++}),(0,_vue.watch)(st,()=>{r(S.data||[])}),(0,_vue.ref)(0)),nt=((0,_vue.watch)(()=>S.height,()=>{h.value++}),(0,_vue.watch)(()=>S.maxHeight,()=>{h.value++}),(0,_vue.watch)(()=>S.syncResize,()=>{h.value++}),(0,_vue.watch)(f,()=>{h.value++}),(0,_vue.watch)(h,()=>{(0,_vue.nextTick)(()=>{C()})}),(0,_vue.watch)(()=>S.checkRowKey,()=>{fe()}),(0,_vue.ref)(0));return(0,_vue.watch)(()=>S.checkRowKeys?S.checkRowKeys.length:-1,()=>{nt.value++}),(0,_vue.watch)(()=>S.checkRowKeys,()=>{nt.value++}),(0,_vue.watch)(nt,()=>{pe()}),(0,_vue.onActivated)(()=>{C().then(()=>{ve()})}),(0,_vue.nextTick)(()=>{r(S.data||[])}),(0,_vue.onMounted)(()=>{var{showSeq:e,showRadio:t,showCheckbox:r,autoResize:o,useScrollbar:l}=S,i=B.value.useKey,a=A.value,s=U.value;s||(e&&errLog("vxe.error.reqSupportProp",["show-seq","row-config.keyField"]),t&&errLog("vxe.error.reqSupportProp",["show-radio","row-config.keyField"]),r&&errLog("vxe.error.reqSupportProp",["show-checkbox","row-config.keyField"]),a&&errLog("vxe.error.reqSupportProp",["drag-config","row-config.keyField"])),i&&!s&&errLog("vxe.error.reqSupportProp",["row-config.useKey","row-config.keyField"]),(l||o)&&(e=T.value,t=W.value,(r=_ui.globalResize.create(()=>{h.value++})).observe(e),o&&e&&r.observe(e.parentElement),t&&r.observe(t),F.resizeObserver=r),h.value++,_ui.globalEvents.on(O,"resize",()=>{h.value++})}),(0,_vue.onBeforeUnmount)(()=>{var e=F.resizeObserver;e&&e.disconnect(),_ui.globalEvents.off(O,"resize"),_xeUtils.default.assign(H,createReactData()),_xeUtils.default.assign(F,createInternalData())}),O.renderVN=()=>{var{showCheckbox:e,className:t,loading:r,useScrollbar:o}=S,{bodyHeight:l,topSpaceHeight:i,rowList:a,isAllChecked:s,isAllIndeterminate:n}=H,u=M.default,c=M.header,d=M.footer,v=P.value,g=ee.value,h=te.value,w=$.value,f=j.value,{showHeader:p,headerTitle:x}=f,{trigger:_,isCrossListDrag:R}=K.value,{isHover:m,padding:b}=B.value,C=A.value,y=L.value,k=E.value,D=re.value,e=e&&!1!==p,p={};return R&&!a.length&&(p.onDragover=O.handleCrossListRowDragoverEmptyEvent),(0,_vue.h)("div",Object.assign({ref:T,class:["vxe-list",t?_xeUtils.default.isFunction(t)?t({$list:O}):t:"",{["size--"+v]:v,"is--virtual-scrollbar":o,"ov-x--auto-hide":o&&y.autoHide,"ov-y--auto-hide":o&&k.autoHide,"is--drag":C,"is--loading":r}],style:g},p),[c||e?(0,_vue.h)("div",{ref:z,class:"vxe-list--header-wrapper"},[e?(0,_vue.h)("div",{class:"vxe-list--header-left"},[(0,_vue.h)("div",{class:["vxe-list--checkbox-header",{"is--checked":s,"is--indeterminate":n}],onClick:Pe},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",s?(0,_ui.getIcon)().CHECKBOX_CHECKED:n?(0,_ui.getIcon)().CHECKBOX_INDETERMINATE:(0,_ui.getIcon)().CHECKBOX_UNCHECKED]}),(0,_vue.h)("span",{class:"vxe-checkbox--label"},_xeUtils.default.eqNull(x)?(0,_ui.getI18n)("vxe.list.allChecked"):(0,_utils.getText)(x))])]):(0,_ui.renderEmptyElement)(O),c?(0,_vue.h)("div",{class:"vxe-list--header-content"},c({items:a,$list:O})):(0,_ui.renderEmptyElement)(O)]):(0,_ui.renderEmptyElement)(O),(0,_vue.h)("div",{ref:I,class:"vxe-list--virtual-wrapper",style:h,onScroll:we},[(0,_vue.h)("div",{class:"vxe-list--y-space",style:{height:l?l+"px":""}}),(0,_vue.h)("div",{ref:Y,class:["vxe-list--body",{"trigger--row":"row"===_,"checkbox--highlight":f.highlight,"radio--highlight":w.highlight,"row--hover":m,"is--padding":b}],style:{marginTop:i?i+"px":""}},o?u?u({items:a,$list:O}):a.map((e,t)=>at(e,t)):[(0,_vue.h)("div",{key:"vi",ref:W,class:"vxe-scrollbar--view-inner"},u?u({items:a,$list:O}):a.map((e,t)=>at(e,t)))])]),d?(0,_vue.h)("div",{ref:N,class:"vxe-list--footer-wrapper"},d({items:a,$list:O})):(0,_ui.renderEmptyElement)(O),o?(0,_vue.h)("div",{class:D},["hidden"===y.visible?(0,_ui.renderEmptyElement)(O):(0,_vue.h)("div",{ref:X,class:"vxe-scrollbar--track-x",onClick:Qe},[(0,_vue.h)("div",{ref:G,class:"vxe-scrollbar--thumb-x",onPointerdown:et,onPointermove:tt,onPointerup:q,onPointercancel:q,onLostpointercapture:q})]),"hidden"===k.visible?(0,_ui.renderEmptyElement)(O):(0,_vue.h)("div",{ref:V,class:"vxe-scrollbar--track-y",onClick:Ze},[(0,_vue.h)("div",{ref:J,class:"vxe-scrollbar--thumb-y",onPointerdown:rt,onPointermove:ot,onPointerup:q,onPointercancel:q,onLostpointercapture:q})])]):(0,_ui.renderEmptyElement)(O),(()=>{var{dragRow:e,dragTipText:t}=H,r=K.value;return A.value?(0,_vue.h)("div",{class:"vxe-list--drag-wrapper"},[(0,_vue.h)("div",{ref:Q,class:["vxe-list--drag-row-line",{"is--guides":r.showGuidesStatus}]}),e&&r.showDragTip?(0,_vue.h)("div",{ref:Z,class:"vxe-list--drag-sort-tip"},[(0,_vue.h)("div",{class:"vxe-list--drag-sort-tip-wrapper"},[(0,_vue.h)("div",{class:"vxe-list--drag-sort-tip-status"},[(0,_vue.h)("span",{class:["vxe-list--drag-sort-tip-normal-status",(0,_ui.getIcon)().LIST_DRAG_STATUS_NODE]}),(0,_vue.h)("span",{class:["vxe-list--drag-sort-tip-disabled-status",(0,_ui.getIcon)().LIST_DRAG_DISABLED]})]),(0,_vue.h)("div",{class:"vxe-list--drag-sort-tip-content"},t)])]):(0,_ui.renderEmptyElement)(O)]):(0,_ui.renderEmptyElement)(O)})(),(0,_vue.h)(_loading.default,{class:"vxe-list--loading",modelValue:r})])},O},render(){return this.renderVN()}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_store=require("./store"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log"),_anime=require("../../ui/src/anime"),_util=require("../../scrollbar/src/util"),_util2=require("./util"),_loading=_interopRequireDefault(require("../../loading"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{warnLog,errLog}=(0,_log.createComponentLog)("tree");function getRowKeyByField(e,t){return e?""+(e[t]||""):""}function getRowIdByField(e,t){return e?(e=getRowKeyByField(e,t),(0,_utils.enModelValue)(e)):""}function createReactData(){return{scrollYLoad:!1,bodyHeight:0,headHeight:0,footHeight:0,customHeight:0,customMaxHeight:0,parentHeight:0,topSpaceHeight:0,rowList:[],selectRadioRow:null,currRowFlag:1,updateCheckboxFlag:1,isAllChecked:!1,isAllIndeterminate:!1,yThumbHeight:0,xThumbWidth:0,insertRowFlag:1,removeRowFlag:1,dragRow:null,dragTipText:"",isCrossDragRow:!1}}function createInternalData(){return{fullData:[],afterList:[],fullKeyMaps:{},rowMaps:{},thumbDragOffset:0,yThumbTop:0,xThumbLeft:0,lastScrollTop:0,lastScrollLeft:0,scrollYStore:{startIndex:0,endIndex:0,visibleSize:0,offsetSize:0,rowHeight:0},currentRow:null,selectCheckboxMaps:{},insertRowMaps:{},removeRowMaps:{}}}let crossListDragRowObj=null;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeList",props:{data:Array,height:[Number,String],maxHeight:[Number,String],loading:Boolean,className:[String,Function],size:{type:String,default:()=>(0,_ui.getConfig)().list.size||(0,_ui.getConfig)().size},autoResize:{type:Boolean,default:()=>(0,_ui.getConfig)().list.autoResize},syncResize:[Boolean,String,Number],showSeq:{type:Boolean,default:()=>(0,_ui.getConfig)().list.showSeq},showRadio:{type:Boolean,default:()=>(0,_ui.getConfig)().list.showRadio},checkRowKey:[String,Number],radioConfig:Object,showCheckbox:{type:Boolean,default:()=>(0,_ui.getConfig)().list.showCheckbox},checkRowKeys:Array,checkboxConfig:Object,rowConfig:Object,dragConfig:Object,menuConfig:Object,virtualYConfig:Object,scrollY:Object,useScrollbar:{type:Boolean,default:()=>(0,_utils.getDefaultConfig)((0,_ui.getConfig)().list.useScrollbar,(0,_ui.getConfig)().useScrollbar)},scrollbarConfig:Object},emits:["update:checkRowKey","update:checkRowKeys","row-click","row-dblclick","current-change","radio-change","checkbox-change","checkbox-all","scroll","row-dragstart","row-dragover","row-dragend","row-remove-dragend","row-insert-dragend","row-menu","menu-click"],setup(F,e){let{slots:O,emit:a}=e;var t=_xeUtils.default.uniqueId();let h=_xeUtils.default.browse(),V=(0,_ui.useSize)(F).computeSize,B=(0,_vue.reactive)(createReactData()),K=createInternalData(),g=(0,_store.getCrossListDragRowInfo)(),U=(0,_vue.ref)(),G=(0,_vue.ref)(),J=(0,_vue.ref)(),A=(0,_vue.ref)(),Q=(0,_vue.ref)(),Z=(0,_vue.ref)(),ee=(0,_vue.ref)(),te=(0,_vue.ref)(),re=(0,_vue.ref)(),oe=(0,_vue.ref)(),le=(0,_vue.ref)(),w={refElem:U},$={xID:t,props:F,context:e,reactData:B,internalData:K,getRefMaps:()=>w},j=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().list.rowConfig,F.rowConfig)),q=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().list.dragConfig,F.dragConfig)),f=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().list.virtualYConfig||(0,_ui.getConfig)().list.scrollY,F.virtualYConfig||F.scrollY)),P=(0,_vue.computed)(()=>{var e=j.value.keyField;return e||""}),z=(0,_vue.computed)(()=>{var e=F.dragConfig,t=q.value;return e&&(0,_utils.isEnableConf)(t)}),p=(0,_vue.computed)(()=>{var e=j.value.height;return e}),N=(0,_vue.computed)(()=>Object.assign({showIcon:!0},(0,_ui.getConfig)().list.radioConfig,F.radioConfig)),Y=(0,_vue.computed)(()=>Object.assign({showIcon:!0},(0,_ui.getConfig)().list.checkboxConfig,F.checkboxConfig)),x=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().list.menuConfig,F.menuConfig)),ie=(0,_vue.computed)(()=>{var e=p.value,t=I.value,r=T.value,o={};return e&&(o["--vxe-ui-list-row-height"]=(0,_dom.toCssUnit)(e)),(t||r)&&(o["--vxe-ui-scrollbar-y-width"]=(0,_dom.toCssUnit)(t||r),o["--vxe-ui-scrollbar-x-height"]=(0,_dom.toCssUnit)(r||t)),o}),ae=(0,_vue.computed)(()=>{var{height:e,maxHeight:t}=F,{customHeight:r,customMaxHeight:o,headHeight:l,footHeight:i}=B,a={};return e?a.height=(0,_dom.toCssUnit)(Math.max(20,r-l-i)):t&&(a.height="auto",a.maxHeight=(0,_dom.toCssUnit)(Math.max(20,o-l-i))),a}),W=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().list.scrollbarConfig,F.scrollbarConfig)),r=(0,_vue.computed)(()=>{var e=W.value;return Object.assign({},(0,_ui.getConfig)().scrollbar.xConfig,e.xConfig)}),o=(0,_vue.computed)(()=>{var e=W.value;return Object.assign({},(0,_ui.getConfig)().scrollbar.yConfig,e.yConfig)}),T=(0,_vue.computed)(()=>{var e=W.value,t=r.value;return(0,_utils.getDefaultConfig)((0,_utils.getDefaultConfig)(t.height,e.height),(0,_ui.getConfig)().scrollbar.height)}),I=(0,_vue.computed)(()=>{var e=W.value,t=o.value;return(0,_utils.getDefaultConfig)((0,_utils.getDefaultConfig)(t.width,e.width),(0,_ui.getConfig)().scrollbar.width)}),se=(0,_vue.computed)(()=>{var e=W.value,t=r.value;return(0,_utils.getDefaultConfig)(t.visible,e.visible)}),ue=(0,_vue.computed)(()=>{var e=W.value,t=o.value;return(0,_utils.getDefaultConfig)(t.visible,e.visible)}),ne=(0,_vue.computed)(()=>{var e=W.value,t=r.value;return(0,_utils.getDefaultConfig)((0,_utils.getDefaultConfig)(t.autoHide,e.autoHide),(0,_ui.getConfig)().scrollbar.autoHide)}),ce=(0,_vue.computed)(()=>{var e=W.value,t=o.value;return(0,_utils.getDefaultConfig)((0,_utils.getDefaultConfig)(t.autoHide,e.autoHide),(0,_ui.getConfig)().scrollbar.autoHide)}),de=(0,_vue.computed)(()=>{var{yThumbHeight:e,xThumbWidth:t}=B,r=ve.value,o=ge.value,l=se.value,i=ue.value;return _ui.domUtils.buildClass(["vxe-scrollbar is--virtual","ov-x--"+(!1===l?"hidden":"visible"),"ov-y--"+(!1===i?"hidden":"visible"),"sx-pos--"+(r?"top":"bottom"),"sy-pos--"+(o?"left":"right")],{"overflow-y":e,"overflow-x":t})}),ve=(0,_vue.computed)(()=>"top"===r.value.position),ge=(0,_vue.computed)(()=>"left"===o.value.position),_=(e,t,r)=>{a(e,(0,_ui.createEvent)(r,{$list:$},t))},s=e=>{a("update:checkRowKeys",e)},u=e=>{a("update:checkRowKey",e)},R=e=>getRowIdByField(e,P.value),L=e=>{var t=B.parentHeight,e=F[e];let r=0;return r=e?"100%"===e||"auto"===e?t:(r=(0,_dom.isScale)(e)?Math.floor((_xeUtils.default.toInteger(e)||1)/100*t):_xeUtils.default.toNumber(e),Math.max(40,r)):r},E=()=>{var e=G.value,t=J.value;B.headHeight=e?Math.floor(e.offsetHeight):0,B.footHeight=t?Math.floor(t.offsetHeight):0,B.customHeight=L("height"),B.customMaxHeight=L("maxHeight")},m=()=>{var e=B.scrollYLoad,{scrollYStore:t,fullData:r}=K;B.bodyHeight=e?r.length*t.rowHeight:0,B.topSpaceHeight=e?Math.max(t.startIndex*t.rowHeight,0):0},S=()=>{var e=K.fullData;K.afterList=e.slice(0),be()},b=e=>{var t=B.scrollYLoad;let{fullData:r,scrollYStore:o,rowMaps:l}=K,i=P.value;e&&S();e=t?r.slice(o.startIndex,o.endIndex):r.slice(0);return i&&e.forEach((e,t)=>{e=getRowIdByField(e,i),e=l[e];e&&(e.$index=t)}),B.rowList=e,(0,_vue.nextTick)()},H=()=>{b(),m()},M=()=>(0,_vue.nextTick)().then(()=>{var e=B.scrollYLoad,t=K.scrollYStore,r=Q.value,o=f.value;let l=0,i;(i=r?(i=o.sItem?r.querySelector(o.sItem):i)||r.children[0]:i)&&(l=i.offsetHeight),l=Math.max(12,l),t.rowHeight=l,(e?(r=A.value,e=Math.max(8,Math.ceil(r.clientHeight/l)),r=o.oSize?_xeUtils.default.toNumber(o.oSize):h.edge?10:0,t.offsetSize=r,t.visibleSize=e,t.endIndex=Math.max(t.startIndex+e+r,t.endIndex),H):m)()}),he=()=>{var e=A.value;return e&&(e.scrollTop=0),(0,_vue.nextTick)()},we=(e,t)=>{var r=A.value;return e&&!_xeUtils.default.isNumber(e)&&(t=e.top,e=e.left),_xeUtils.default.isNumber(e)&&(r.scrollLeft=e),_xeUtils.default.isNumber(t)&&(r.scrollTop=t),B.scrollYLoad?new Promise(e=>{setTimeout(()=>{(0,_vue.nextTick)(()=>{e()})},50)}):(0,_vue.nextTick)()},fe=()=>{let{lastScrollLeft:e,lastScrollTop:t}=K;return pe(),he().then(()=>{if(e||t)return K.lastScrollLeft=0,K.lastScrollTop=0,we(e,t)})},pe=()=>{tt(),rt()},C=()=>{var r,o=U.value;if(o){let e=o.parentElement,t=0;if((e=e&&(0,_dom.hasClass)(e,"vxe-scrollbar--view-inner")?e.parentElement:e)&&(r=getComputedStyle(e),t=e.clientHeight-Math.ceil(_xeUtils.default.toNumber(r.paddingLeft)+_xeUtils.default.toNumber(r.paddingRight))),B.parentHeight=t,pe(),E(),o.clientWidth&&o.clientHeight)return M()}return(0,_vue.nextTick)()},xe=e=>{var t=K.scrollYStore,{startIndex:r,endIndex:o,visibleSize:l,offsetSize:i,rowHeight:a}=t,e=e.target.scrollTop,e=Math.floor(e/a),a=Math.max(0,e-1-i),i=e+l+i;!(e<=r||o-l-1<=e)||r===a&&o===i||(t.startIndex=a,t.endIndex=i,H())},_e=e=>{var t=e.target,r=t.scrollTop,t=t.scrollLeft,o=t!==K.lastScrollLeft,l=r!==K.lastScrollTop;rt(),K.lastScrollTop=r,K.lastScrollLeft=t,B.scrollYLoad&&xe(e),_("scroll",{scrollLeft:t,scrollTop:r,isX:o,isY:l},e)},Re=()=>{var e=F.checkRowKey,t=K.fullKeyMaps;e?(t=t[e],B.selectRadioRow=t||null):B.selectRadioRow=null},me=()=>{var e=F.checkRowKeys,t=K.fullKeyMaps,r=P.value,o={};if(e&&e.length)for(var l of e){l=t[l];l&&(o[getRowIdByField(l,r)]=l)}K.selectCheckboxMaps=o,d()},be=()=>{let{afterList:e,rowMaps:l}=K,i=P.value,a=0;e.forEach((e,t)=>{var r=getRowIdByField(e,i),o=l[r];o?o._index=a:(o={item:e,index:t,$index:-1,_index:a},l[r]=o),a++})},Ce=()=>{var e=K.fullData;let l=P.value,i={},a={};l&&e.forEach((e,t)=>{var r=getRowIdByField(e,l),o=getRowKeyByField(e,l);i[o]=e,a[r]={item:e,index:t,$index:-1,_index:-1}}),K.fullKeyMaps=i,K.rowMaps=a},l=e=>{var t=K.scrollYStore,r=f.value,e=e?e.slice(0):[];return Object.assign(t,{startIndex:0,endIndex:1,visibleSize:0}),K.fullData=e,K.insertRowMaps={},B.insertRowFlag++,K.removeRowMaps={},B.removeRowFlag++,B.scrollYLoad=!!r.enabled&&-1<r.gt&&(0===r.gt||r.gt<=e.length),Ce(),b(!0),Re(),me(),M().then(()=>{fe()})},ye=()=>{D(),y(),C()},De=()=>{var e=U.value;if(e){let t="row--drag-origin";_xeUtils.default.arrayEach(e.querySelectorAll("."+t),e=>{(e.draggable=!1,_dom.removeClass)(e,t)})}},ke=e=>{var t=f.value.sItem,r=U.value;if(r){e=R(e);_xeUtils.default.arrayEach(r.querySelectorAll(`.vxe-list--row[rowid="${e}"]`+(t?t+`[rowid="${e}"]`:"")),e=>{(0,_dom.addClass)(e,"row--drag-origin")})}},Te=e=>{var t=B.dragRow,r=q.value.tooltipMethod;let o="";o=r?""+(r({$list:$,row:t})||""):(0,_ui.getI18n)("vxe.list.dragTip",[e.textContent||""]),B.dragTipText=o},n=()=>{var e=le.value,t=oe.value;e&&(e.style.display=""),t&&(t.style.display="")},y=()=>{crossListDragRowObj=null,g.row=null},Ie=()=>{var e=B.dragRow;e&&(n(),De(),y(),B.dragRow=null)},Le=(e,t)=>{e.stopPropagation();var r=t.row,{isCrossListDrag:o,trigger:l,dragStartMethod:i}=q.value,a=e.currentTarget,l="row"===l?a:a.parentElement.parentElement;De(),i&&!i(t)?(l.draggable=!1,B.dragRow=null,n()):(o&&(g.row=r,crossListDragRowObj={$oldList:$,$newList:null}),a={row:r},B.dragRow=r,B.isCrossDragRow=!1,l.draggable=!0,ke(r),Te(l),_("row-dragstart",a,e))},Ee=()=>{Ie()},c=(e,t,r,o)=>{var l=U.value;if(l){var i=l.getBoundingClientRect(),a=l.clientHeight;if(t){var s=oe.value;if(s)if(r){var u=t.getBoundingClientRect();let e=t.clientHeight;t=Math.max(1,u.y-i.y);t+e>a&&(e=a-t),s.style.display="block",s.style.top=t+"px",s.style.height=e+"px",s.setAttribute("drag-pos",o)}else s.style.display=""}u=le.value;u&&(u.style.display="block",u.style.top=Math.min(l.clientHeight-l.scrollTop-u.clientHeight,e.clientY-i.y)+"px",u.style.left=Math.min(l.clientWidth-l.scrollLeft-u.clientWidth-1,e.clientX-i.x)+"px",u.setAttribute("drag-status",r?"normal":"disabled"))}},D=()=>{var e=U.value;n(),De(),(0,_anime.clearRowAnimate)(e,[".vxe-list--row"]),B.dragRow=null},Se=(l,i,a,s)=>{let u=K.fullData;var e=q.value;let{animation:v,dragEndMethod:t}=e;e=t||(e?e.dragEndMethod:null);let g="bottom"===s?1:0,h=U.value,w={status:!1};if(h&&a&&i){if(a!==i){var f={oldRow:i,newRow:a,dragRow:i,dragPos:s,offsetIndex:g};let n=R(i),c=qe(u,n);var p,x=k(a);let d=0,t=-1,r=void(v&&(x=h.querySelector(`.vxe-list--row[rowid="${x}"]`),p=h.querySelector(`.vxe-list--row[rowid="${n}"]`),(x=x||p)&&(d=x.offsetHeight),p)&&(t=p.offsetTop)),o;return Promise.resolve(!e||e(f)).then(e=>{if(!e)return w;r=je(u,i),u.splice(r,1);var e=je(u,a);return o=e+g,u.splice(o,0,i),b(),B.scrollYLoad&&m(),l&&(e={oldRow:i,newRow:a,dragRow:i,dragPos:s,offsetIndex:g,_index:{newIndex:o,oldIndex:r}},_("row-dragend",e,l)),(0,_vue.nextTick)().then(()=>{if(v){var o=B.rowList,l=K.fullData,i=qe(l,n),a=l[0],a=je(l,a),s=h;if(-1<a){var u=a+l.length;let e=-1,t=-1,r=1;c<a?(e=0,t=i-a):c>u?(u=qe(o,n),e=u+1,t=l.length,r=-1):i>c?(e=c-a,t=e+i-c):(e=i-a,t=e+c-i+1,r=-1);o=l.slice(e,t);if(o.length){let t=[];o.forEach(e=>{e=R(e);t.push(`.vxe-list--row[rowid="${e}"]`)});u=s.querySelectorAll(t.join(","));(0,_anime.moveRowAnimateToTb)(u,r*d)}}a=[`.vxe-list--row[rowid="${n}"]`],i=s.querySelectorAll(a.join(",")),l=i[0];-1<t&&l&&(0,_anime.moveRowAnimateToTb)(i,t-l.offsetTop)}C()}).then(()=>({status:!0}))}).catch(()=>w).then(e=>(D(),y(),e))}D(),y()}return Promise.resolve(w)},He=e=>{e.dataTransfer&&e.dataTransfer.setDragImage((0,_dom.getTpImg)(),0,0)},Me=e=>{var t=B.dragRow,{prevDragRow:r,prevDragPos:o}=K,l=q.value.isCrossListDrag;if(l&&crossListDragRowObj){l=crossListDragRowObj.$newList;if(l&&l.xID!==$.xID)return void l.handleCrossListRowDragInsertEvent(e)}Se(e,t,r,o)},Fe=e=>{var t=B.dragRow,r=K.fullData,o=q.value.isCrossListDrag,l=(t||e.preventDefault(),e.currentTarget),i=l.getAttribute("rowid")||"",r=$e(r,i);if(r){e.preventDefault();var a=e.clientY-l.getBoundingClientRect().y<l.clientHeight/2?"top":"bottom";if(K.prevDragRow=r,K.prevDragPos=a,o&&crossListDragRowObj){var{$oldList:o,$newList:s}=crossListDragRowObj;if(o){var u=o.reactData;if(o.xID!==$.xID)return s&&s.xID!==$.xID&&s.hideCrossListRowDropClearStatus(),o.hideCrossListRowDropClearStatus(),u.isCrossDragRow=!0,B.dragTipText=u.dragTipText,crossListDragRowObj.$newList=$,void c(e,l,!0,a);s&&s.hideCrossListRowDropClearStatus(),B.isCrossDragRow=!1,u.isCrossDragRow=!1,crossListDragRowObj.$newList=null}}t&&R(t)===i?c(e,l,!1,a):(o={oldRow:t,targetRow:r,dragPos:a,dragRow:t,offsetIndex:"bottom"==a?1:0},c(e,l,!0,a),_("row-dragover",o,e))}},Oe=(e,t)=>{var{trigger:r,disabledMethod:o}=q.value;let l=!1;z.value&&(l="row"===r);r={row:t,$list:$};!l||o&&o(r)||Le(e,r)},Be=(e,t)=>{var{showRadio:r,showCheckbox:o}=F,l=K.currentRow,i=N.value,a=Y.value,s=j.value.isCurrent;let u=!1,n=!1,c=!1;s?(u=!0,Ge(e,t)):l&&(K.currentRow=null,B.currRowFlag++),r&&"row"===i.trigger&&(n=!0,Je(e,t)),o&&"row"===a.trigger&&(c=!0,Ve(e,t)),_("row-click",{row:t,triggerCurrent:u,triggerRadio:n,triggerCheckbox:c},e)},Ke=(e,t)=>{_("row-dblclick",{row:t},e)},k=e=>getRowKeyByField(e,P.value),i=(e,t)=>""+e==""+t,Ue=(e,t)=>!(!e||!t)&&(e===t||i(R(e),R(t))),Ae=(e,t)=>e&&i(k(e),t);let $e=(e,t)=>{let r=P.value;return _xeUtils.default.find(e,e=>i(getRowIdByField(e,r),t))},je=(e,t)=>t?_xeUtils.default.findIndexOf(e,e=>Ue(e,t)):-1,qe=(e,t)=>{let r=P.value;return _xeUtils.default.findIndexOf(e,e=>i(getRowIdByField(e,r),t))},Pe=e=>{var t=B.selectRadioRow;return k(t)===e};let ze=e=>{var t=B.updateCheckboxFlag,r=K.selectCheckboxMaps;return!(!t||!r[e])};t=()=>{var e=B.updateCheckboxFlag,t=K.selectCheckboxMaps;let r=[];return e&&_xeUtils.default.each(t,e=>{e&&r.push(e)}),r};let Ne=()=>{var e=B.updateCheckboxFlag,t=K.selectCheckboxMaps;let r=P.value,o=[];return e&&_xeUtils.default.each(t,e=>{e&&(e=getRowKeyByField(e,r),o.push(e))}),o},Ye=()=>{K.selectCheckboxMaps={},B.updateCheckboxFlag++,B.isAllChecked=!1,B.isAllIndeterminate=!1;return s([]),(0,_vue.nextTick)()},We=e=>{var{fullData:t,selectCheckboxMaps:r}=K,o=P.value;if(e){var l,i=[];for(l of t){var a=getRowKeyByField(l,o);r[getRowIdByField(l,o)]=l,i.push(a)}return s(i),d()}return Ye()},d=()=>{var{selectCheckboxMaps:e,fullData:t}=K,r=P.value,o=Y.value.checkMethod;let l=!1,i=!1;if(o){for(var a of t)if(o({row:a,$list:$}))if(e[getRowIdByField(a,r)])l=!0;else if(i=!0,l)break}else for(var s of t)if(e[getRowIdByField(s,r)])l=!0;else if(i=!0,l)break;return B.isAllChecked=l&&!i,B.isAllIndeterminate=l&&i,B.updateCheckboxFlag++,(0,_vue.nextTick)()},Xe=e=>{var t=B.isAllChecked,t=!t;t?We(!0):Ye(),_("checkbox-all",{checked:t},e)},Ve=(t,r)=>{t.preventDefault(),t.stopPropagation();var o=K.selectCheckboxMaps,l=Y.value.checkMethod,i=R(r),l=!!l&&!l({$list:$,row:r});if(!l){let e=!1;o[i]?delete o[i]:(e=!0,o[i]=r),B.updateCheckboxFlag++,d();l=_xeUtils.default.keys(o).map(_utils.deModelValue);s(l),_("checkbox-change",{row:r,value:l,checked:e},t)}},Ge=(e,t)=>{e.preventDefault();var r=j.value.currentMethod;let o=!1;(o=r?!r({row:t}):o)||(K.currentRow=t,B.currRowFlag++,_("current-change",{row:t,checked:!0},e))},Je=(t,r)=>{t.preventDefault(),t.stopPropagation();var o=B.selectRadioRow,{strict:l,checkMethod:i}=N.value,a=k(r),i=!!i&&!i({$list:$,row:r});if(!i){i=a;let e=!0;l&&o&&a===k(o)?(e=!1,B.selectRadioRow=null):B.selectRadioRow=r,u(i),_("radio-change",{row:r,value:i,checked:e},t)}},Qe=(e,t)=>{let{fullData:o,rowMaps:l}=K,i=P.value,a=t?"push":"unshift";e.forEach(e=>{var t=getRowIdByField(e,i),r=(0,_util2.getItemCacheObj)(e);o[a](e),l[t]=r})},Ze=(e,t,r)=>{let{fullData:o,rowMaps:l,removeRowMaps:i,insertRowMaps:a}=K,s=P.value;if(!s)return errLog("vxe.error.reqSupportProp",["insert() | insertAt() | insertNextAt()","row-config.keyField"]),Promise.resolve({row:null,rows:[]});_xeUtils.default.isArray(e)||(e=[e]);let u=t;if((_xeUtils.default.isString(t)||_xeUtils.default.isNumber(t))&&(t=l[t])&&(u=t.item),!e.length)return Promise.resolve({row:null,rows:[]});let n=e.map(e=>_xeUtils.default.assign({},e));if(_xeUtils.default.eqNull(u))Qe(n,!1);else if(-1===u)Qe(n,!0);else{t=o.findIndex(e=>u[s]===e[s]);if(-1<t){n.forEach(e=>{var t=getRowIdByField(e,s),e=(0,_util2.getItemCacheObj)(e);l[t]=e});let e=t;r&&(e+=1),o.splice(e,0,...n)}else warnLog("vxe.error.unableInsert"),Qe(n,!0)}return n.forEach(e=>{var t=getRowIdByField(e,s);i[t]?(delete i[t],a[t]&&delete a[t]):a[t]=e}),B.removeRowFlag++,B.insertRowFlag++,Ce(),b(!0),be(),d(),B.scrollYLoad&&m(),(0,_vue.nextTick)().then(()=>({row:n.length?n[n.length-1]:null,rows:n}))},et=(o,l)=>{var e=F.menuConfig,t=x.value,r=j.value.isCurrent;(e?(0,_utils.isEnableConf)(t):t.enabled)&&({options:e,visibleMethod:t}=t,t&&!t({$list:$,options:e,row:l})||(r?Ge(o,l):K.currentRow&&(K.currentRow=null,B.currRowFlag++),_ui.VxeUI.contextMenu&&_ui.VxeUI.contextMenu.openByEvent(o,{options:e,events:{optionClick(e){var t=e.option,r=_ui.menus.get(t.code),r=r?r.listMenuMethod:null,t={menu:t,row:l,$event:o,$list:$};r&&r(t,o),_("menu-click",t,e.$event)}}}))),_("row-menu",{row:l},o)};e={dispatchEvent:_,loadData:l,reloadData(e){return he(),l(e)},getFullData(){var e=K.fullData;return e},recalculate:C,scrollTo:we,refreshScroll:fe,clearScroll:he,getRowKey:k,eqRowKey:i,eqRow:Ue,eqRowByKey:Ae,findRow:(e,t)=>t?_xeUtils.default.find(e,e=>Ue(e,t)):null,findRowByKey:$e,findRowIndexOf:je,findRowIndexOfByKey:qe,isCheckedByRadioRowKey:Pe,isCheckedByRadioRow:e=>Pe(k(e)),isCheckedByCheckboxRowKey:ze,isCheckedByCheckboxRow:e=>ze(k(e)),setCurrentRow:e=>(K.currentRow=e,B.currRowFlag++,(0,_vue.nextTick)()),setCurrentRowByKey:e=>{var t=K.fullData;return K.currentRow=$e(t,e),B.currRowFlag++,(0,_vue.nextTick)()},getCurrentRow:()=>{var e=K.currentRow;return e},getCurrentRowKey:()=>{var e=K.currentRow;return e?k(e):null},clearCurrentRow:()=>(K.currentRow=null,B.currRowFlag++,(0,_vue.nextTick)()),setRadioRow:e=>{B.selectRadioRow=e;e=k(e);return u(e),(0,_vue.nextTick)()},setRadioRowByKey:e=>{var t=K.fullData,t=(B.selectRadioRow=$e(t,e),e);return u(t),(0,_vue.nextTick)()},getRadioRow:()=>{var e=B.selectRadioRow;return e},getRadioRowKey:()=>{var e=B.selectRadioRow;return e?k(e):null},clearRadioRow:()=>(B.selectRadioRow=null,u(null),(0,_vue.nextTick)()),setCheckboxRow:(e,t)=>{let r=K.selectCheckboxMaps,o=P.value;(e?_xeUtils.default.isArray(e)?e:[e]:[]).forEach(t?e=>{var t=getRowIdByField(e,o);r[t]||(r[t]=e)}:e=>{e=getRowIdByField(e,o);r[e]&&delete r[e]});e=Ne();return s(e),d()},setCheckboxRowByKey:(e,t)=>{let{selectCheckboxMaps:r,fullKeyMaps:o}=K,l=P.value;(e?_xeUtils.default.isArray(e)?e:[e]:[]).forEach(t?e=>{var t,e=o[e||""];e&&(t=getRowIdByField(e,l),e)&&!r[t]&&(r[t]=e)}:e=>{var e=o[e||""];e&&(e=getRowIdByField(e,l),r[e])&&delete r[e]});e=Ne();return s(e),d()},getCheckboxRecords:t,getCheckboxRows:t,getCheckboxRowKeys:Ne,clearCheckboxRow:Ye,setAllCheckboxRow:We,insert(e){return Ze(e,null)},insertAt(e,t){return Ze(e,t)},insertNextAt(e,t){return Ze(e,t,!0)},getInsertRecords(){var e=K.insertRowMaps;let t=[];return _xeUtils.default.each(e,e=>{t.push(e)}),t},isInsertByRow(e){e=R(e);return!!B.insertRowFlag&&!!K.insertRowMaps[e]},remove(e){let{fullData:r,insertRowMaps:t,removeRowMaps:o}=K;if(!P.value)return errLog("vxe.error.reqSupportProp",["insert() | insertAt() | insertNextAt()","row-config.keyField"]),Promise.resolve({row:null,rows:[]});let l=[];return e?_xeUtils.default.isArray(e)||(e=[e]):e=r,e.length?(e.forEach(e=>{var t;$.isInsertByRow(e)||(t=R(e),o[t]=e)}),r===e?(e=l=r.slice(0),K.fullData=[]):e.forEach(e=>{let t=R(e);var e=_xeUtils.default.findIndexOf(r,e=>t===R(e));-1<e&&(e=r.splice(e,1),l.push(e[0]))}),e.forEach(e=>{e=R(e);t[e]&&delete t[e]}),B.removeRowFlag++,B.insertRowFlag++,Ce(),b(!0),be(),d(),B.scrollYLoad&&m(),(0,_vue.nextTick)().then(()=>C()).then(()=>({row:l.length?l[l.length-1]:null,rows:l}))):Promise.resolve({row:null,rows:[]})},getRemoveRecords(){var e=K.removeRowMaps;let t=[];return _xeUtils.default.each(e,e=>{t.push(e)}),t},isRemoveByRow(e){e=R(e);return!!B.removeRowFlag&&!!K.removeRowMaps[e]},getRecordset(){return{insertRecords:$.getInsertRecords(),removeRecords:$.getRemoveRecords()}}};let tt=()=>{var e,t,r=A.value;r&&r.clientHeight&&(t=(t=Z.value)?(0,_util.getThumbSize)(r.clientWidth,r.scrollWidth,t.clientWidth):0,(e=te.value)&&(e.style.width=t+"px"),B.xThumbWidth=t,t=(e=ee.value)?(0,_util.getThumbSize)(r.clientHeight,r.scrollHeight,e.clientHeight):0,(r=re.value)&&(r.style.height=t+"px"),B.yThumbHeight=t)},rt=()=>{var e,t,r,o,l=A.value;l&&l.clientHeight&&({xThumbWidth:t,yThumbHeight:e}=B,o=Z.value,r=te.value,o=o&&t?(0,_util.getThumbOffsetSize)(l.scrollLeft,l.clientWidth,l.scrollWidth,o.clientWidth,t):0,K.xThumbLeft=o,r&&t&&(r.style.width=t+"px",r.style.transform=`translateX(${o}px)`),t=ee.value,r=re.value,o=t&&e?(0,_util.getThumbOffsetSize)(l.scrollTop,l.clientHeight,l.scrollHeight,t.clientHeight,e):0,K.yThumbTop=o,r)&&e&&(r.style.height=e+"px",r.style.transform=`translateY(${o}px)`)},ot=e=>{var t,r,o,l=e.currentTarget;l===e.target&&(t=A.value)&&(r=B.xThumbWidth,o=l.getBoundingClientRect(),t.scrollTo({left:(0,_util.getScrollFromClick)(e.clientX-o.left,t.clientWidth,t.scrollWidth,l.clientWidth,r),behavior:"auto"}))},lt=e=>{var t,r,o,l=e.currentTarget;l===e.target&&(t=A.value)&&(r=B.yThumbHeight,o=l.getBoundingClientRect(),t.scrollTo({top:(0,_util.getScrollFromClick)(e.clientY-o.top,t.clientHeight,t.scrollHeight,l.clientHeight,r),behavior:"auto"}))},it=e=>{var t,r,o=e.currentTarget,l=(K.isThumbDrag=!0,o.setPointerCapture(e.pointerId),A.value);l&&(t=B.xThumbWidth,r=(o=o.parentElement).getBoundingClientRect(),e=e.clientX-r.left,r=(0,_util.getThumbOffsetSize)(l.scrollLeft,l.clientWidth,l.scrollWidth,o.clientWidth,t),K.thumbDragOffset=e-r)},at=t=>{let e=t.currentTarget;if(e.hasPointerCapture(t.pointerId)){var{isThumbDrag:r,thumbDragOffset:o}=K;if(r){r=A.value;if(r){var l=B.xThumbWidth;let e=t.currentTarget;var i=e.parentElement,a=i.getBoundingClientRect();r.scrollLeft=(0,_util.getScrollFromDrag)(t.clientX-a.left,o,r.clientWidth,r.scrollWidth,i.clientWidth,l)}}}},X=e=>{e.currentTarget.releasePointerCapture(e.pointerId),K.isThumbDrag=!1},st=e=>{var t,r,o=e.currentTarget,l=(K.isThumbDrag=!0,o.setPointerCapture(e.pointerId),A.value);l&&(t=B.yThumbHeight,r=(o=o.parentElement).getBoundingClientRect(),e=e.clientY-r.top,r=(0,_util.getThumbOffsetSize)(l.scrollTop,l.clientHeight,l.scrollHeight,o.clientHeight,t),K.thumbDragOffset=e-r)},ut=t=>{let e=t.currentTarget;if(e.hasPointerCapture(t.pointerId)){var{isThumbDrag:r,thumbDragOffset:o}=K;if(r){r=A.value;if(r){var l=B.yThumbHeight;let e=t.currentTarget;var i=e.parentElement,a=i.getBoundingClientRect();r.scrollTop=(0,_util.getScrollFromDrag)(t.clientY-a.top,o,r.clientHeight,r.scrollHeight,i.clientHeight,l)}}}},nt=(Object.assign($,e,{handleCrossListRowDragCancelEvent(){D(),y()},handleCrossListRowDragFinishEvent(t){var l=B.rowList,i=K.rowMaps;let{animation:a,isCrossListDrag:e}=q.value,s=U.value;if(s&&e&&crossListDragRowObj&&g){var u=g.row;if(u){var n=R(u),i=i[n];let r=0,e=-1,o=(i&&(a&&(n=s.querySelector(`.vxe-list--row[rowid="${n}"]`))&&(r=n.offsetHeight),e=i.$index),-1<e&&e<l.length-1?l.slice(e+1):[]);n=[u];$.remove(n).then(()=>{if(a&&r&&o.length){var e=s;let t=[];o.forEach(e=>{e=R(e);t.push(`.vxe-list--row[rowid="${e}"]`)});e=e.querySelectorAll(t.join(","));(0,_anime.moveRowAnimateToTb)(e,r)}}),_("row-remove-dragend",{row:u},t),ye()}}},handleCrossListRowDragoverEmptyEvent(e){var t,r=B.rowList,o=q.value.isCrossListDrag;o&&crossListDragRowObj&&!r.length&&({$oldList:o,$newList:r}=crossListDragRowObj,o)&&(t=o).xID!==$.xID&&(r&&r.xID!==$.xID&&r.hideCrossListRowDropClearStatus(),e.preventDefault(),o.hideCrossListRowDropClearStatus(),crossListDragRowObj.$newList=$,K.prevDragRow=null,B.dragTipText=t.dragTipText,c(e,e.currentTarget,!0,""))},handleCrossListRowDragInsertEvent(u){let{prevDragRow:n,prevDragPos:c}=K;let{animation:d,isCrossListDrag:e,dragEndMethod:t}=q.value;if(e&&crossListDragRowObj&&g){let l=g.row,a=crossListDragRowObj.$oldList,s=U.value;if(s&&(a&&l)){let i=l,r=-1;n&&(r="bottom"===c?1:0);var v={oldRow:i,newRow:n,dragRow:i,dragPos:c,offsetIndex:r};let o={status:!1};Promise.resolve(!t||t(v)).then(e=>{if(!e)return a&&a.xID!==$.xID&&a.handleCrossListRowDragCancelEvent(u),ye(),o;let t=Promise.resolve();e=[i];a.handleCrossListRowDragFinishEvent(u),t=n?"bottom"===c?$.insertNextAt(e,n):$.insertAt(e,n):$.insert(e),$.dispatchEvent("row-insert-dragend",{oldRow:l,newRow:n,dragRow:i,dragPos:c,offsetIndex:r},u),D(),t.then(()=>{var e=B.rowList,r=K.rowMaps,o=R(i),r=r[o];let l=0,t=-1;r&&(d&&(o=s.querySelector(`.vxe-list--row[rowid="${o}"]`))&&(l=o.offsetHeight),t=r.$index);o=-1<t?e.slice(t):[];if(d&&l&&o.length){r=s;let t=[];o.forEach(e=>{e=R(e);t.push(`.vxe-list--row[rowid="${e}"]`)});e=r.querySelectorAll(t.join(","));(0,_anime.moveRowAnimateToTb)(e,-l)}})})}}},hideCrossListRowDropClearStatus(){n()}}),(t,e,r,o)=>{var l=F.showRadio,{showIcon:i,visibleMethod:a}=N.value,a=!a||a({$list:$,row:t});return l&&i&&a?(0,_vue.h)("div",{key:"ct2",class:["vxe-list--radio-option",{"is--checked":o,"is--disabled":r}],onClick(e){r||Je(e,t)}},[(0,_vue.h)("span",{class:["vxe-radio--icon",o?(0,_ui.getIcon)().RADIO_CHECKED:r?(0,_ui.getIcon)().RADIO_DISABLED_UNCHECKED:(0,_ui.getIcon)().RADIO_UNCHECKED]})]):(0,_ui.renderEmptyElement)($)}),ct=(t,e,r,o)=>{var l=F.showCheckbox,{showIcon:i,visibleMethod:a}=Y.value,a=!a||a({$list:$,row:t});return l&&i&&a?(0,_vue.h)("div",{key:"ct3",class:["vxe-list--checkbox-option",{"is--checked":o,"is--disabled":r}],onClick(e){r||Ve(e,t)}},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",o?(0,_ui.getIcon)().CHECKBOX_CHECKED:r?(0,_ui.getIcon)().CHECKBOX_DISABLED_UNCHECKED:(0,_ui.getIcon)().CHECKBOX_UNCHECKED]})]):(0,_ui.renderEmptyElement)($)};let dt=(0,_vue.ref)(0),v=((0,_vue.watch)(()=>F.data?F.data.length:-1,()=>{dt.value++}),(0,_vue.watch)(()=>F.data,()=>{dt.value++}),(0,_vue.watch)(dt,()=>{l(F.data||[])}),(0,_vue.ref)(0)),vt=((0,_vue.watch)(()=>F.height,()=>{v.value++}),(0,_vue.watch)(()=>F.maxHeight,()=>{v.value++}),(0,_vue.watch)(()=>F.syncResize,()=>{v.value++}),(0,_vue.watch)(()=>F.useScrollbar,()=>{v.value++}),(0,_vue.watch)(p,()=>{v.value++}),(0,_vue.watch)(I,()=>{v.value++}),(0,_vue.watch)(T,()=>{v.value++}),(0,_vue.watch)(se,()=>{(0,_vue.nextTick)(()=>{v.value++})}),(0,_vue.watch)(ue,()=>{(0,_vue.nextTick)(()=>{v.value++})}),(0,_vue.watch)(v,()=>{C().then(()=>{C()})}),(0,_vue.watch)(()=>F.checkRowKey,()=>{Re()}),(0,_vue.ref)(0));return(0,_vue.watch)(()=>F.checkRowKeys?F.checkRowKeys.length:-1,()=>{vt.value++}),(0,_vue.watch)(()=>F.checkRowKeys,()=>{vt.value++}),(0,_vue.watch)(vt,()=>{me()}),(0,_vue.onActivated)(()=>{C().then(()=>{fe()})}),(0,_vue.nextTick)(()=>{l(F.data||[])}),(0,_vue.onMounted)(()=>{var{showSeq:e,showRadio:t,showCheckbox:r,autoResize:o,useScrollbar:l}=F,i=j.value.useKey,a=z.value,s=P.value,e=(s||(e&&errLog("vxe.error.reqSupportProp",["show-seq","row-config.keyField"]),t&&errLog("vxe.error.reqSupportProp",["show-radio","row-config.keyField"]),r&&errLog("vxe.error.reqSupportProp",["show-checkbox","row-config.keyField"]),a&&errLog("vxe.error.reqSupportProp",["drag-config","row-config.keyField"])),i&&!s&&errLog("vxe.error.reqSupportProp",["row-config.useKey","row-config.keyField"]),U.value);l&&(t=Q.value,r=_ui.globalResize.create(()=>{v.value++}),e&&r.observe(e),t&&r.observe(t),K.scrollObserver=r),o&&(i=(a=U.value)?a.parentElement:null,s=_ui.globalResize.create(()=>{F.autoResize&&v.value++}),e&&s.observe(e),i&&s.observe(i),K.resizeObserver=s),v.value++,_ui.globalEvents.on($,"resize",()=>{v.value++})}),(0,_vue.onBeforeUnmount)(()=>{var{scrollObserver:e,resizeObserver:t}=K;t&&t.disconnect(),e&&e.disconnect(),_ui.globalEvents.off($,"resize"),_xeUtils.default.assign(B,createReactData()),_xeUtils.default.assign(K,createInternalData())}),$.renderVN=()=>{var{showCheckbox:e,className:t,loading:r,useScrollbar:o}=F,{bodyHeight:l,topSpaceHeight:i,rowList:a,isAllChecked:s,isAllIndeterminate:u,xThumbWidth:n,yThumbHeight:c}=B,d=O.default,v=O.header,g=O.footer,h=V.value,w=ie.value,f=ae.value,p=N.value,x=Y.value,{showHeader:_,headerTitle:R}=x,{trigger:m,isCrossListDrag:b}=q.value,{isHover:C,padding:y}=j.value,D=z.value,k=W.value,T=se.value,I=ue.value,L=ve.value,E=ge.value,S=ne.value,H=ce.value,M=de.value,e=e&&!1!==_,_={};return b&&!a.length&&(_.onDragover=$.handleCrossListRowDragoverEmptyEvent),(0,_vue.h)("div",Object.assign({ref:U,class:["vxe-list",o?"ov-x--"+(!1===T?"hidden":"visible"):"",o?"ov-y--"+(!1===I?"hidden":"visible"):"",o?"sx-pos--"+(L?"top":"bottom"):"",o?"sy-pos--"+(E?"left":"right"):"",t?_xeUtils.default.isFunction(t)?t({$list:$}):t:"",{["size--"+h]:h,"is--virtual-scrollbar":o,"ov-padding":o&&k.padding,"ov-x--auto-hide":o&&S,"ov-y--auto-hide":o&&H,"overflow-y":c,"overflow-x":n,"is--drag":D,"is--loading":r}],style:w},_),[v||e?(0,_vue.h)("div",{ref:G,class:"vxe-list--header-wrapper"},[e?(0,_vue.h)("div",{class:"vxe-list--header-left"},[(0,_vue.h)("div",{class:["vxe-list--checkbox-header",{"is--checked":s,"is--indeterminate":u}],onClick:Xe},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",s?(0,_ui.getIcon)().CHECKBOX_CHECKED:u?(0,_ui.getIcon)().CHECKBOX_INDETERMINATE:(0,_ui.getIcon)().CHECKBOX_UNCHECKED]}),(0,_vue.h)("span",{class:"vxe-checkbox--label"},_xeUtils.default.eqNull(R)?(0,_ui.getI18n)("vxe.list.allChecked"):(0,_utils.getText)(R))])]):(0,_ui.renderEmptyElement)($),v?(0,_vue.h)("div",{class:"vxe-list--header-content"},v({items:a,$list:$})):(0,_ui.renderEmptyElement)($)]):(0,_ui.renderEmptyElement)($),(0,_vue.h)("div",{ref:A,class:"vxe-list--virtual-wrapper",style:f,onScroll:_e},[(0,_vue.h)("div",{class:"vxe-list--y-space",style:{height:l?l+"px":""}}),(0,_vue.h)("div",{ref:Q,class:["vxe-list--body",{"trigger--row":"row"===m,"checkbox--highlight":x.highlight,"radio--highlight":p.highlight,"row--hover":C,"is--padding":y}],style:{marginTop:i?i+"px":""}},d?d({items:a,$list:$}):a.map((e,t)=>((t,e)=>{var{showRadio:r,showCheckbox:o}=F,{selectRadioRow:l,currRowFlag:i,updateCheckboxFlag:a}=B,{selectCheckboxMaps:s,currentRow:u}=K,n=O.content,c=O.extra,{trigger:d,icon:v,disabledMethod:g,visibleMethod:h}=q.value,w=N.value,f=Y.value,{useKey:p,contentField:x,className:_,isCurrent:R}=j.value,m=z.value,b=P.value,C=_&&_xeUtils.default.isFunction(_),p=b||p||m||R||r||o,R=p&&b?getRowIdByField(t,b):"",y=(0,_utils.enModelValue)(R);let D={row:t,$list:$},k=!1,T=!1,I=(r&&(k=l&&(t===l||Ae(l,R)),T=!!w.checkMethod&&!w.checkMethod({$list:$,row:t})),!1),L=!1;o&&(I=!(!a||!s[y]),L=!!f.checkMethod&&!f.checkMethod({$list:$,row:t}));l=[];r&&l.push(nt(t,y,T,k)),o&&l.push(ct(t,y,L,I));let E=!1;m&&b&&(!h||h(D))&&(w={},"row"!==d&&(E=!(!g||!g(D)),w.onMousedown=e=>{E||Le(e,D)},w.onMouseup=Ee),l.push((0,_vue.h)("div",{key:"ct1",class:"vxe-list--row-drag"},[(0,_vue.h)("span",Object.assign({class:"vxe-list--drag-handle"},w),[(0,_vue.h)("i",{class:v||(0,_ui.getIcon)().LIST_DRAG})])]))),l.push((0,_vue.h)("div",{key:"ct5",class:"vxe-list--row-content"},n?n(D):x?(0,_utils.getText)(t[x]):"")),c&&l.push((0,_vue.h)("div",{key:"ct7",class:"vxe-list--row-extra"},c(D)));a={onMousedown(e){Oe(e,t)},onMouseup:Ee,onClick(e){Be(e,t)},onDblclick(e){Ke(e,t)},onContextmenu(e){et(e,t)}};return m&&(a.onDragstart=He,a.onDragend=Me,a.onDragover=Fe),(0,_vue.h)("div",Object.assign({key:p&&b?y:e,class:["vxe-list--row",C?_(D):_||"",{"is--drag-disabled":E,"is--current":i&&u&&Ae(u,R),"is-radio--disabled":T,"is-radio--checked":k,"is-checkbox--disabled":L,"is-checkbox--checked":I}],rowid:p&&b?y:void 0},a),l)})(e,t)))]),g?(0,_vue.h)("div",{ref:J,class:"vxe-list--footer-wrapper"},g({items:a,$list:$})):(0,_ui.renderEmptyElement)($),o?(0,_vue.h)("div",{class:M},[!1===T?(0,_ui.renderEmptyElement)($):(0,_vue.h)("div",{ref:Z,class:"vxe-scrollbar--track-x",onClick:ot},[(0,_vue.h)("div",{ref:te,class:"vxe-scrollbar--thumb-x",onPointerdown:it,onPointermove:at,onPointerup:X,onPointercancel:X,onLostpointercapture:X})]),!1===I?(0,_ui.renderEmptyElement)($):(0,_vue.h)("div",{ref:ee,class:"vxe-scrollbar--track-y",onClick:lt},[(0,_vue.h)("div",{ref:re,class:"vxe-scrollbar--thumb-y",onPointerdown:st,onPointermove:ut,onPointerup:X,onPointercancel:X,onLostpointercapture:X})])]):(0,_ui.renderEmptyElement)($),(()=>{var{dragRow:e,dragTipText:t}=B,r=q.value;return z.value?(0,_vue.h)("div",{class:"vxe-list--drag-wrapper"},[(0,_vue.h)("div",{ref:oe,class:["vxe-list--drag-row-line",{"is--guides":r.showGuidesStatus}]}),e&&r.showDragTip?(0,_vue.h)("div",{ref:le,class:"vxe-list--drag-sort-tip"},[(0,_vue.h)("div",{class:"vxe-list--drag-sort-tip-wrapper"},[(0,_vue.h)("div",{class:"vxe-list--drag-sort-tip-status"},[(0,_vue.h)("span",{class:["vxe-list--drag-sort-tip-normal-status",(0,_ui.getIcon)().LIST_DRAG_STATUS_NODE]}),(0,_vue.h)("span",{class:["vxe-list--drag-sort-tip-disabled-status",(0,_ui.getIcon)().LIST_DRAG_DISABLED]})]),(0,_vue.h)("div",{class:"vxe-list--drag-sort-tip-content"},t)])]):(0,_ui.renderEmptyElement)($)]):(0,_ui.renderEmptyElement)($)})(),(0,_vue.h)(_loading.default,{class:"vxe-list--loading",modelValue:r})])},$},render(){return this.renderVN()}});

package/lib/list/style/style.css

@@ -376,17 +376,24 @@
   vertical-align: middle;
 }
 
-.vxe-list > .vxe-scrollbar {
-  position: unset;
+.vxe-list.ov-padding.overflow-x.sx-pos--top {
+  padding-top: var(--vxe-ui-scrollbar-x-height);
 }
-.vxe-list.is--virtual-scrollbar > .vxe-list--virtual-wrapper {
-  scrollbar-width: none;
-  -ms-overflow-style: none;
+.vxe-list.ov-padding.overflow-x.sx-pos--bottom {
+  padding-bottom: var(--vxe-ui-scrollbar-x-height);
 }
-.vxe-list.is--virtual-scrollbar > .vxe-list--virtual-wrapper::-webkit-scrollbar {
-  display: none;
+.vxe-list.ov-padding.overflow-y.sy-pos--left {
+  padding-left: var(--vxe-ui-scrollbar-y-width);
+}
+.vxe-list.ov-padding.overflow-y.sy-pos--right {
+  padding-right: var(--vxe-ui-scrollbar-y-width);
+}
+.vxe-list.ov-x--hidden > .vxe-list--virtual-wrapper {
+  overflow-x: hidden;
+}
+.vxe-list.ov-y--hidden > .vxe-list--virtual-wrapper {
+  overflow-y: hidden;
 }
-
 .vxe-list.is--virtual-scrollbar.ov-x--auto-hide:hover > .vxe-scrollbar > .vxe-scrollbar--track-x {
   opacity: 1;
 }
@@ -400,4 +407,14 @@
 .vxe-list.is--virtual-scrollbar.ov-y--auto-hide > .vxe-scrollbar > .vxe-scrollbar--track-y {
   opacity: 0;
   transition: opacity 0.8s ease-in-out;
+}
+.vxe-list > .vxe-scrollbar {
+  position: unset;
+}
+.vxe-list.is--virtual-scrollbar > .vxe-list--virtual-wrapper {
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+.vxe-list.is--virtual-scrollbar > .vxe-list--virtual-wrapper::-webkit-scrollbar {
+  display: none;
 }

package/lib/list/style/style.min.css

@@ -1 +1 @@
-@charset "UTF-8";.vxe-list{--vxe-ui-list-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-list-current-padding:var(--vxe-ui-layout-padding-default)}.vxe-list.size--medium{--vxe-ui-list-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-list-current-padding:var(--vxe-ui-layout-padding-medium)}.vxe-list.size--small{--vxe-ui-list-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-list-current-padding:var(--vxe-ui-layout-padding-small)}.vxe-list.size--mini{--vxe-ui-list-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-list-current-padding:var(--vxe-ui-layout-padding-mini)}.vxe-list{position:relative;display:block;padding:0;font-size:var(--vxe-ui-list-current-font-size);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);direction:ltr}.vxe-list .vxe-list--virtual-wrapper{position:relative;overflow-x:auto;overflow-y:auto;outline:0}.vxe-list .vxe-list--y-space{width:0;float:left}.vxe-list .vxe-list--body,.vxe-list .vxe-list--virtual-wrapper{padding:0;margin:0;border:0;outline:0}.vxe-list--header-wrapper{display:flex;flex-direction:row;align-items:center;min-height:var(--vxe-ui-list-row-height)}.vxe-list--header-left{display:flex;flex-direction:row;align-items:center;flex-shrink:0}.vxe-list--header-content{flex-grow:1;overflow:auto}.vxe-list--body.trigger--row>.vxe-list--row:not(.is--drag-disabled):active{cursor:grabbing}.vxe-list--body.is--padding>.vxe-list--row{padding:0 var(--vxe-ui-list-current-padding)}.vxe-list--body.checkbox--highlight .vxe-list--row.is-checkbox--checked{background-color:var(--vxe-ui-list-row-checkbox-checked-background-color)}.vxe-list--body.radio--highlight .vxe-list--row.is-radio--checked{background-color:var(--vxe-ui-list-row-radio-checked-background-color)}.vxe-list--body.row--hover .vxe-list--row:hover{background-color:var(--vxe-ui-list-row-hover-background-color)}.vxe-list--body.row--hover .vxe-list--row:hover.is--current{background-color:var(--vxe-ui-list-row-hover-current-background-color)}.vxe-list--body.row--hover.radio--highlight .vxe-list--row.is-radio--checked:hover{background-color:var(--vxe-ui-list-row-hover-radio-checked-background-color)}.vxe-list--body.row--hover.checkbox--highlight .vxe-list--row.is-checkbox--checked:hover{background-color:var(--vxe-ui-list-row-hover-checkbox-checked-background-color)}.vxe-list--row.is--current{background-color:var(--vxe-ui-list-row-current-background-color)}.vxe-list--virtual-wrapper{height:100px}.vxe-list--row{display:flex;flex-direction:row;align-items:center}.vxe-list--row-content,.vxe-list--row-drag,.vxe-list--row-extra{display:flex;flex-direction:row;align-items:center}.vxe-list--row-drag{flex-shrink:0;padding-right:var(--vxe-ui-list-current-padding)}.vxe-list--row-content{flex-grow:1;height:var(--vxe-ui-list-row-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-list--row-extra{flex-shrink:0}.vxe-list--drag-handle:not(.is--disabled){cursor:grab}.vxe-list--drag-handle:not(.is--disabled):active{cursor:grabbing}.vxe-list--drag-handle:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-color)}.vxe-list--drag-handle.is--disabled{color:var(--vxe-ui-input-disabled-color);cursor:not-allowed}.vxe-list--row.row--drag-move{transition:transform .5s ease}.vxe-list--row.row--drag-origin{opacity:.3}.vxe-list--drag-row-line{display:none;position:absolute;top:0;left:0;z-index:11;pointer-events:none}.vxe-list--drag-row-line{width:100%;height:1px;border:2px solid transparent}.vxe-list--drag-row-line[drag-pos=top]{border-top-color:var(--vxe-ui-font-primary-color)}.vxe-list--drag-row-line[drag-pos=bottom]{border-bottom-color:var(--vxe-ui-font-primary-color)}.vxe-list--drag-row-line[drag-to-child=y]{border-top-color:transparent;border-bottom-color:transparent;border-left-color:var(--vxe-ui-status-success-color)}.vxe-list--drag-row-line.is--guides{background-color:var(--vxe-ui-list-drag-over-background-color)}.vxe-body--row-list-move{transition-property:transform;transition-duration:.35s}.vxe-list--drag-sort-tip{display:none;position:absolute;top:0;left:0;padding:.6em 1.4em;max-width:50%;min-width:100px;border-radius:var(--vxe-ui-border-radius);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;background-color:var(--vxe-ui-layout-background-color);box-shadow:0 0 10px 0 rgba(0,0,0,.2);z-index:33}.vxe-list--drag-sort-tip[drag-status=normal] .vxe-list--drag-sort-tip-normal-status{display:block}.vxe-list--drag-sort-tip[drag-status=sub] .vxe-list--drag-sort-tip-sub-status{display:block}.vxe-list--drag-sort-tip[drag-status=disabled] .vxe-list--drag-sort-tip-disabled-status{display:block}.vxe-list--drag-sort-tip-wrapper{display:flex;flex-direction:row;align-items:center}.vxe-list--drag-sort-tip-status{padding-right:.4em}.vxe-list--drag-sort-tip-disabled-status{display:none;flex-shrink:0;color:var(--vxe-ui-status-error-color)}.vxe-list--drag-sort-tip-normal-status,.vxe-list--drag-sort-tip-sub-status{display:none}.vxe-list--drag-sort-tip-content{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-list--checkbox-header{padding-right:var(--vxe-ui-list-current-padding);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-list--checkbox-header{cursor:pointer}.vxe-list--checkbox-header .vxe-checkbox--icon{font-size:1.22em;transition:all .2s ease-in-out}.vxe-list--checkbox-header .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-list--checkbox-header.is--checked,.vxe-list--checkbox-header.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-list--checkbox-header.is--checked .vxe-checkbox--icon,.vxe-list--checkbox-header.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list--checkbox-header:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list--checkbox-header.is--hidden{cursor:default}.vxe-list--checkbox-header.is--readonly{cursor:auto}.vxe-list--checkbox-header.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-list--checkbox-header.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-list--checkbox-header .vxe-checkbox--label{padding-left:.4em;vertical-align:middle}.vxe-list--checkbox-option{padding-right:var(--vxe-ui-list-current-padding)}.vxe-list--checkbox-option{cursor:pointer}.vxe-list--checkbox-option .vxe-checkbox--icon{font-size:1.22em;transition:all .2s ease-in-out}.vxe-list--checkbox-option .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-list--checkbox-option.is--checked,.vxe-list--checkbox-option.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-list--checkbox-option.is--checked .vxe-checkbox--icon,.vxe-list--checkbox-option.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list--checkbox-option.is--hidden{cursor:default}.vxe-list--checkbox-option.is--readonly{cursor:auto}.vxe-list--checkbox-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-list--checkbox-option.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-list--checkbox-option .vxe-checkbox--label{padding-left:.4em;vertical-align:middle}.vxe-list--radio-option{padding-right:var(--vxe-ui-list-current-padding)}.vxe-list--radio-option{cursor:pointer}.vxe-list--radio-option .vxe-radio--icon{font-size:1.26em;transition:all .2s ease-in-out}.vxe-list--radio-option .vxe-radio--icon{color:var(--vxe-ui-input-border-color);border-radius:50%;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-list--radio-option.is--checked{color:var(--vxe-ui-font-primary-color)}.vxe-list--radio-option.is--checked .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list--radio-option:not(.is--disabled):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list--radio-option.is--readonly{cursor:auto}.vxe-list--radio-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-list--radio-option.is--disabled .vxe-radio--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-list--radio-option .vxe-radio--label{padding-left:.4em;vertical-align:middle}.vxe-list>.vxe-scrollbar{position:unset}.vxe-list.is--virtual-scrollbar>.vxe-list--virtual-wrapper{scrollbar-width:none;-ms-overflow-style:none}.vxe-list.is--virtual-scrollbar>.vxe-list--virtual-wrapper::-webkit-scrollbar{display:none}.vxe-list.is--virtual-scrollbar.ov-x--auto-hide:hover>.vxe-scrollbar>.vxe-scrollbar--track-x{opacity:1}.vxe-list.is--virtual-scrollbar.ov-x--auto-hide>.vxe-scrollbar>.vxe-scrollbar--track-x{opacity:0;transition:opacity .8s ease-in-out}.vxe-list.is--virtual-scrollbar.ov-y--auto-hide:hover>.vxe-scrollbar>.vxe-scrollbar--track-y{opacity:1}.vxe-list.is--virtual-scrollbar.ov-y--auto-hide>.vxe-scrollbar>.vxe-scrollbar--track-y{opacity:0;transition:opacity .8s ease-in-out}
+@charset "UTF-8";.vxe-list{--vxe-ui-list-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-list-current-padding:var(--vxe-ui-layout-padding-default)}.vxe-list.size--medium{--vxe-ui-list-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-list-current-padding:var(--vxe-ui-layout-padding-medium)}.vxe-list.size--small{--vxe-ui-list-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-list-current-padding:var(--vxe-ui-layout-padding-small)}.vxe-list.size--mini{--vxe-ui-list-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-list-current-padding:var(--vxe-ui-layout-padding-mini)}.vxe-list{position:relative;display:block;padding:0;font-size:var(--vxe-ui-list-current-font-size);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);direction:ltr}.vxe-list .vxe-list--virtual-wrapper{position:relative;overflow-x:auto;overflow-y:auto;outline:0}.vxe-list .vxe-list--y-space{width:0;float:left}.vxe-list .vxe-list--body,.vxe-list .vxe-list--virtual-wrapper{padding:0;margin:0;border:0;outline:0}.vxe-list--header-wrapper{display:flex;flex-direction:row;align-items:center;min-height:var(--vxe-ui-list-row-height)}.vxe-list--header-left{display:flex;flex-direction:row;align-items:center;flex-shrink:0}.vxe-list--header-content{flex-grow:1;overflow:auto}.vxe-list--body.trigger--row>.vxe-list--row:not(.is--drag-disabled):active{cursor:grabbing}.vxe-list--body.is--padding>.vxe-list--row{padding:0 var(--vxe-ui-list-current-padding)}.vxe-list--body.checkbox--highlight .vxe-list--row.is-checkbox--checked{background-color:var(--vxe-ui-list-row-checkbox-checked-background-color)}.vxe-list--body.radio--highlight .vxe-list--row.is-radio--checked{background-color:var(--vxe-ui-list-row-radio-checked-background-color)}.vxe-list--body.row--hover .vxe-list--row:hover{background-color:var(--vxe-ui-list-row-hover-background-color)}.vxe-list--body.row--hover .vxe-list--row:hover.is--current{background-color:var(--vxe-ui-list-row-hover-current-background-color)}.vxe-list--body.row--hover.radio--highlight .vxe-list--row.is-radio--checked:hover{background-color:var(--vxe-ui-list-row-hover-radio-checked-background-color)}.vxe-list--body.row--hover.checkbox--highlight .vxe-list--row.is-checkbox--checked:hover{background-color:var(--vxe-ui-list-row-hover-checkbox-checked-background-color)}.vxe-list--row.is--current{background-color:var(--vxe-ui-list-row-current-background-color)}.vxe-list--virtual-wrapper{height:100px}.vxe-list--row{display:flex;flex-direction:row;align-items:center}.vxe-list--row-content,.vxe-list--row-drag,.vxe-list--row-extra{display:flex;flex-direction:row;align-items:center}.vxe-list--row-drag{flex-shrink:0;padding-right:var(--vxe-ui-list-current-padding)}.vxe-list--row-content{flex-grow:1;height:var(--vxe-ui-list-row-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-list--row-extra{flex-shrink:0}.vxe-list--drag-handle:not(.is--disabled){cursor:grab}.vxe-list--drag-handle:not(.is--disabled):active{cursor:grabbing}.vxe-list--drag-handle:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-color)}.vxe-list--drag-handle.is--disabled{color:var(--vxe-ui-input-disabled-color);cursor:not-allowed}.vxe-list--row.row--drag-move{transition:transform .5s ease}.vxe-list--row.row--drag-origin{opacity:.3}.vxe-list--drag-row-line{display:none;position:absolute;top:0;left:0;z-index:11;pointer-events:none}.vxe-list--drag-row-line{width:100%;height:1px;border:2px solid transparent}.vxe-list--drag-row-line[drag-pos=top]{border-top-color:var(--vxe-ui-font-primary-color)}.vxe-list--drag-row-line[drag-pos=bottom]{border-bottom-color:var(--vxe-ui-font-primary-color)}.vxe-list--drag-row-line[drag-to-child=y]{border-top-color:transparent;border-bottom-color:transparent;border-left-color:var(--vxe-ui-status-success-color)}.vxe-list--drag-row-line.is--guides{background-color:var(--vxe-ui-list-drag-over-background-color)}.vxe-body--row-list-move{transition-property:transform;transition-duration:.35s}.vxe-list--drag-sort-tip{display:none;position:absolute;top:0;left:0;padding:.6em 1.4em;max-width:50%;min-width:100px;border-radius:var(--vxe-ui-border-radius);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;background-color:var(--vxe-ui-layout-background-color);box-shadow:0 0 10px 0 rgba(0,0,0,.2);z-index:33}.vxe-list--drag-sort-tip[drag-status=normal] .vxe-list--drag-sort-tip-normal-status{display:block}.vxe-list--drag-sort-tip[drag-status=sub] .vxe-list--drag-sort-tip-sub-status{display:block}.vxe-list--drag-sort-tip[drag-status=disabled] .vxe-list--drag-sort-tip-disabled-status{display:block}.vxe-list--drag-sort-tip-wrapper{display:flex;flex-direction:row;align-items:center}.vxe-list--drag-sort-tip-status{padding-right:.4em}.vxe-list--drag-sort-tip-disabled-status{display:none;flex-shrink:0;color:var(--vxe-ui-status-error-color)}.vxe-list--drag-sort-tip-normal-status,.vxe-list--drag-sort-tip-sub-status{display:none}.vxe-list--drag-sort-tip-content{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-list--checkbox-header{padding-right:var(--vxe-ui-list-current-padding);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-list--checkbox-header{cursor:pointer}.vxe-list--checkbox-header .vxe-checkbox--icon{font-size:1.22em;transition:all .2s ease-in-out}.vxe-list--checkbox-header .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-list--checkbox-header.is--checked,.vxe-list--checkbox-header.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-list--checkbox-header.is--checked .vxe-checkbox--icon,.vxe-list--checkbox-header.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list--checkbox-header:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list--checkbox-header.is--hidden{cursor:default}.vxe-list--checkbox-header.is--readonly{cursor:auto}.vxe-list--checkbox-header.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-list--checkbox-header.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-list--checkbox-header .vxe-checkbox--label{padding-left:.4em;vertical-align:middle}.vxe-list--checkbox-option{padding-right:var(--vxe-ui-list-current-padding)}.vxe-list--checkbox-option{cursor:pointer}.vxe-list--checkbox-option .vxe-checkbox--icon{font-size:1.22em;transition:all .2s ease-in-out}.vxe-list--checkbox-option .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-list--checkbox-option.is--checked,.vxe-list--checkbox-option.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-list--checkbox-option.is--checked .vxe-checkbox--icon,.vxe-list--checkbox-option.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list--checkbox-option.is--hidden{cursor:default}.vxe-list--checkbox-option.is--readonly{cursor:auto}.vxe-list--checkbox-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-list--checkbox-option.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-list--checkbox-option .vxe-checkbox--label{padding-left:.4em;vertical-align:middle}.vxe-list--radio-option{padding-right:var(--vxe-ui-list-current-padding)}.vxe-list--radio-option{cursor:pointer}.vxe-list--radio-option .vxe-radio--icon{font-size:1.26em;transition:all .2s ease-in-out}.vxe-list--radio-option .vxe-radio--icon{color:var(--vxe-ui-input-border-color);border-radius:50%;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-list--radio-option.is--checked{color:var(--vxe-ui-font-primary-color)}.vxe-list--radio-option.is--checked .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list--radio-option:not(.is--disabled):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list--radio-option.is--readonly{cursor:auto}.vxe-list--radio-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-list--radio-option.is--disabled .vxe-radio--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-list--radio-option .vxe-radio--label{padding-left:.4em;vertical-align:middle}.vxe-list.ov-padding.overflow-x.sx-pos--top{padding-top:var(--vxe-ui-scrollbar-x-height)}.vxe-list.ov-padding.overflow-x.sx-pos--bottom{padding-bottom:var(--vxe-ui-scrollbar-x-height)}.vxe-list.ov-padding.overflow-y.sy-pos--left{padding-left:var(--vxe-ui-scrollbar-y-width)}.vxe-list.ov-padding.overflow-y.sy-pos--right{padding-right:var(--vxe-ui-scrollbar-y-width)}.vxe-list.ov-x--hidden>.vxe-list--virtual-wrapper{overflow-x:hidden}.vxe-list.ov-y--hidden>.vxe-list--virtual-wrapper{overflow-y:hidden}.vxe-list.is--virtual-scrollbar.ov-x--auto-hide:hover>.vxe-scrollbar>.vxe-scrollbar--track-x{opacity:1}.vxe-list.is--virtual-scrollbar.ov-x--auto-hide>.vxe-scrollbar>.vxe-scrollbar--track-x{opacity:0;transition:opacity .8s ease-in-out}.vxe-list.is--virtual-scrollbar.ov-y--auto-hide:hover>.vxe-scrollbar>.vxe-scrollbar--track-y{opacity:1}.vxe-list.is--virtual-scrollbar.ov-y--auto-hide>.vxe-scrollbar>.vxe-scrollbar--track-y{opacity:0;transition:opacity .8s ease-in-out}.vxe-list>.vxe-scrollbar{position:unset}.vxe-list.is--virtual-scrollbar>.vxe-list--virtual-wrapper{scrollbar-width:none;-ms-overflow-style:none}.vxe-list.is--virtual-scrollbar>.vxe-list--virtual-wrapper::-webkit-scrollbar{display:none}

package/lib/menu/src/menu.js

@@ -79,7 +79,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     menuConfig: Object,
     useScrollbar: {
       type: Boolean,
-      default: () => getConfig().menu.useScrollbar
+      default: () => (0, _utils.getDefaultConfig)(getConfig().menu.useScrollbar, getConfig().useScrollbar)
     },
     scrollbarConfig: Object,
     appendTo: {