vxe-pc-ui 4.20.2 → 4.20.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/all.esm.js +1096 -1147
- package/dist/style.css +1 -1
- package/dist/style.min.css +1 -1
- package/es/icon/style.css +1 -1
- package/es/list/src/list.js +3 -2
- package/es/scrollbar/src/scrollbar.js +2 -2
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/tree/src/tree.js +2 -2
- package/es/ui/index.js +1 -1
- package/es/ui/src/log.js +1 -1
- package/lib/icon/style/style.css +1 -1
- package/lib/icon/style/style.min.css +1 -1
- package/lib/index.umd.js +85 -113
- package/lib/index.umd.min.js +1 -1
- package/lib/list/src/list.js +62 -47
- package/lib/list/src/list.min.js +1 -1
- package/lib/scrollbar/src/scrollbar.js +17 -11
- package/lib/scrollbar/src/scrollbar.min.js +1 -1
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/tree/src/tree.js +17 -11
- package/lib/tree/src/tree.min.js +1 -1
- package/lib/ui/index.js +1 -1
- package/lib/ui/index.min.js +1 -1
- package/lib/ui/src/log.js +1 -1
- package/lib/ui/src/log.min.js +1 -1
- package/package.json +1 -1
- package/packages/list/src/list.ts +5 -2
- package/packages/scrollbar/src/scrollbar.ts +3 -2
- package/packages/tree/src/tree.ts +3 -2
- package/types/components/gantt-plugins/extend-gantt-chart.d.ts +1 -1
- package/types/components/layout-aside.d.ts +15 -0
- package/types/components/layout-body.d.ts +3 -0
- package/types/components/list.d.ts +15 -0
- package/types/components/number-input.d.ts +12 -2
- package/types/components/table-plugins/extend-pivot-table.d.ts +1 -1
- package/types/components/table.d.ts +3 -0
- package/types/components/tree.d.ts +12 -0
- package/es/scrollbar/src/util.js +0 -54
- package/lib/scrollbar/src/util.js +0 -63
- package/lib/scrollbar/src/util.min.js +0 -1
- package/packages/scrollbar/src/util.ts +0 -57
- /package/es/icon/{iconfont.1792034967421.ttf → iconfont.1792048659766.ttf} +0 -0
- /package/es/icon/{iconfont.1792034967421.woff → iconfont.1792048659766.woff} +0 -0
- /package/es/icon/{iconfont.1792034967421.woff2 → iconfont.1792048659766.woff2} +0 -0
- /package/es/{iconfont.1792034967421.ttf → iconfont.1792048659766.ttf} +0 -0
- /package/es/{iconfont.1792034967421.woff → iconfont.1792048659766.woff} +0 -0
- /package/es/{iconfont.1792034967421.woff2 → iconfont.1792048659766.woff2} +0 -0
- /package/lib/icon/style/{iconfont.1792034967421.ttf → iconfont.1792048659766.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1792034967421.woff → iconfont.1792048659766.woff} +0 -0
- /package/lib/icon/style/{iconfont.1792034967421.woff2 → iconfont.1792048659766.woff2} +0 -0
- /package/lib/{iconfont.1792034967421.ttf → iconfont.1792048659766.ttf} +0 -0
- /package/lib/{iconfont.1792034967421.woff → iconfont.1792048659766.woff} +0 -0
- /package/lib/{iconfont.1792034967421.woff2 → iconfont.1792048659766.woff2} +0 -0
package/lib/index.umd.js
CHANGED
|
@@ -4813,7 +4813,7 @@ function checkDynamic() {
|
|
|
4813
4813
|
const {
|
|
4814
4814
|
log: log_log
|
|
4815
4815
|
} = VxeUI;
|
|
4816
|
-
const uiVersion = `ui v${"4.20.
|
|
4816
|
+
const uiVersion = `ui v${"4.20.5"}`;
|
|
4817
4817
|
function createComponentLog(name) {
|
|
4818
4818
|
const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';
|
|
4819
4819
|
const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';
|
|
@@ -4831,7 +4831,7 @@ const errLog = log_log.create('error', uiVersion);
|
|
|
4831
4831
|
|
|
4832
4832
|
|
|
4833
4833
|
|
|
4834
|
-
const ui_version = "4.20.
|
|
4834
|
+
const ui_version = "4.20.5";
|
|
4835
4835
|
VxeUI.uiVersion = ui_version;
|
|
4836
4836
|
VxeUI.dynamicApp = dynamicApp;
|
|
4837
4837
|
function config(options) {
|
|
@@ -11703,61 +11703,6 @@ VxeUI.component(loading);
|
|
|
11703
11703
|
VxeUI.loading = LoadingController;
|
|
11704
11704
|
const Loading = VxeLoading;
|
|
11705
11705
|
/* harmony default export */ var packages_loading = (VxeLoading);
|
|
11706
|
-
;// ./packages/scrollbar/src/util.ts
|
|
11707
|
-
/**
|
|
11708
|
-
* 计算滚动条滑块的长度
|
|
11709
|
-
*/
|
|
11710
|
-
function getThumbSize(viewportSize, contentSize, trackSize) {
|
|
11711
|
-
if (contentSize <= viewportSize) {
|
|
11712
|
-
return 0;
|
|
11713
|
-
}
|
|
11714
|
-
const ratio = viewportSize / contentSize;
|
|
11715
|
-
const ideal = trackSize * ratio;
|
|
11716
|
-
return Math.max(20, Math.min(ideal, trackSize));
|
|
11717
|
-
}
|
|
11718
|
-
/**
|
|
11719
|
-
* 计算滚动条滑块的偏移位置
|
|
11720
|
-
*/
|
|
11721
|
-
function getThumbOffsetSize(offsetSize, viewportSize, contentSize, trackSize, thumbSize) {
|
|
11722
|
-
const maxScroll = contentSize - viewportSize;
|
|
11723
|
-
if (maxScroll <= 0) {
|
|
11724
|
-
return 0;
|
|
11725
|
-
}
|
|
11726
|
-
const maxThumbOffset = trackSize - thumbSize;
|
|
11727
|
-
if (maxThumbOffset <= 0) {
|
|
11728
|
-
return 0;
|
|
11729
|
-
}
|
|
11730
|
-
const clamped = Math.min(Math.max(offsetSize, 0), maxScroll);
|
|
11731
|
-
const ratio = clamped / maxScroll;
|
|
11732
|
-
return ratio * maxThumbOffset;
|
|
11733
|
-
}
|
|
11734
|
-
/**
|
|
11735
|
-
* 根据点击轨道的位置,计算滑块的偏移位置
|
|
11736
|
-
*/
|
|
11737
|
-
function getScrollFromClick(clickPosition, viewportSize, contentSize, trackSize, thumbSize) {
|
|
11738
|
-
const maxThumbOffset = trackSize - thumbSize;
|
|
11739
|
-
const maxScroll = contentSize - viewportSize;
|
|
11740
|
-
if (maxScroll <= 0 || maxThumbOffset <= 0) {
|
|
11741
|
-
return 0;
|
|
11742
|
-
}
|
|
11743
|
-
let thumbOffset = clickPosition - thumbSize / 2;
|
|
11744
|
-
thumbOffset = Math.min(Math.max(thumbOffset, 0), maxThumbOffset);
|
|
11745
|
-
const scrollOffset = thumbOffset / maxThumbOffset * maxScroll;
|
|
11746
|
-
return scrollOffset;
|
|
11747
|
-
}
|
|
11748
|
-
/**
|
|
11749
|
-
* 拖拽 thumb 时,根据鼠标位置计算滑块的偏移位置
|
|
11750
|
-
*/
|
|
11751
|
-
function getScrollFromDrag(pointerPosition, dragOffset, viewportSize, contentSize, trackSize, thumbSize) {
|
|
11752
|
-
const maxScroll = contentSize - viewportSize;
|
|
11753
|
-
const maxThumbOffset = trackSize - thumbSize;
|
|
11754
|
-
if (maxScroll <= 0 || maxThumbOffset <= 0) {
|
|
11755
|
-
return 0;
|
|
11756
|
-
}
|
|
11757
|
-
let thumbOffset = pointerPosition - dragOffset;
|
|
11758
|
-
thumbOffset = Math.min(Math.max(thumbOffset, 0), maxThumbOffset);
|
|
11759
|
-
return thumbOffset / maxThumbOffset * maxScroll;
|
|
11760
|
-
}
|
|
11761
11706
|
;// ./packages/scrollbar/src/scrollbar.ts
|
|
11762
11707
|
|
|
11763
11708
|
|
|
@@ -11766,15 +11711,21 @@ function getScrollFromDrag(pointerPosition, dragOffset, viewportSize, contentSiz
|
|
|
11766
11711
|
|
|
11767
11712
|
|
|
11768
11713
|
|
|
11769
|
-
|
|
11770
11714
|
const {
|
|
11771
11715
|
getConfig: scrollbar_getConfig,
|
|
11772
11716
|
createEvent: scrollbar_createEvent,
|
|
11773
11717
|
domUtils: scrollbar_domUtils,
|
|
11718
|
+
scrollbarUtils: scrollbar_scrollbarUtils,
|
|
11774
11719
|
globalResize: scrollbar_globalResize,
|
|
11775
11720
|
globalEvents: scrollbar_globalEvents,
|
|
11776
11721
|
renderEmptyElement: scrollbar_renderEmptyElement
|
|
11777
11722
|
} = VxeUI;
|
|
11723
|
+
const {
|
|
11724
|
+
getThumbOffsetSize,
|
|
11725
|
+
getThumbSize,
|
|
11726
|
+
getScrollFromClick,
|
|
11727
|
+
getScrollFromDrag
|
|
11728
|
+
} = scrollbar_scrollbarUtils;
|
|
11778
11729
|
function scrollbar_createReactData() {
|
|
11779
11730
|
return {
|
|
11780
11731
|
yThumbHeight: 0,
|
|
@@ -13312,7 +13263,22 @@ function getItemCacheObj(item) {
|
|
|
13312
13263
|
|
|
13313
13264
|
|
|
13314
13265
|
|
|
13315
|
-
|
|
13266
|
+
const {
|
|
13267
|
+
getConfig: list_getConfig,
|
|
13268
|
+
getIcon: list_getIcon,
|
|
13269
|
+
getI18n: list_getI18n,
|
|
13270
|
+
domUtils: list_domUtils,
|
|
13271
|
+
scrollbarUtils: list_scrollbarUtils,
|
|
13272
|
+
menus: list_menus,
|
|
13273
|
+
globalEvents: list_globalEvents,
|
|
13274
|
+
globalResize: list_globalResize
|
|
13275
|
+
} = VxeUI;
|
|
13276
|
+
const {
|
|
13277
|
+
getThumbOffsetSize: list_getThumbOffsetSize,
|
|
13278
|
+
getThumbSize: list_getThumbSize,
|
|
13279
|
+
getScrollFromClick: list_getScrollFromClick,
|
|
13280
|
+
getScrollFromDrag: list_getScrollFromDrag
|
|
13281
|
+
} = list_scrollbarUtils;
|
|
13316
13282
|
const {
|
|
13317
13283
|
warnLog: list_warnLog,
|
|
13318
13284
|
errLog: list_errLog
|
|
@@ -13394,26 +13360,26 @@ let crossListDragRowObj = null;
|
|
|
13394
13360
|
className: [String, Function],
|
|
13395
13361
|
size: {
|
|
13396
13362
|
type: String,
|
|
13397
|
-
default: () =>
|
|
13363
|
+
default: () => list_getConfig().list.size || list_getConfig().size
|
|
13398
13364
|
},
|
|
13399
13365
|
autoResize: {
|
|
13400
13366
|
type: Boolean,
|
|
13401
|
-
default: () =>
|
|
13367
|
+
default: () => list_getConfig().list.autoResize
|
|
13402
13368
|
},
|
|
13403
13369
|
syncResize: [Boolean, String, Number],
|
|
13404
13370
|
showSeq: {
|
|
13405
13371
|
type: Boolean,
|
|
13406
|
-
default: () =>
|
|
13372
|
+
default: () => list_getConfig().list.showSeq
|
|
13407
13373
|
},
|
|
13408
13374
|
showRadio: {
|
|
13409
13375
|
type: Boolean,
|
|
13410
|
-
default: () =>
|
|
13376
|
+
default: () => list_getConfig().list.showRadio
|
|
13411
13377
|
},
|
|
13412
13378
|
checkRowKey: [String, Number],
|
|
13413
13379
|
radioConfig: Object,
|
|
13414
13380
|
showCheckbox: {
|
|
13415
13381
|
type: Boolean,
|
|
13416
|
-
default: () =>
|
|
13382
|
+
default: () => list_getConfig().list.showCheckbox
|
|
13417
13383
|
},
|
|
13418
13384
|
checkRowKeys: Array,
|
|
13419
13385
|
checkboxConfig: Object,
|
|
@@ -13424,7 +13390,7 @@ let crossListDragRowObj = null;
|
|
|
13424
13390
|
scrollY: Object,
|
|
13425
13391
|
useScrollbar: {
|
|
13426
13392
|
type: Boolean,
|
|
13427
|
-
default: () => getDefaultConfig(
|
|
13393
|
+
default: () => getDefaultConfig(list_getConfig().list.useScrollbar, list_getConfig().useScrollbar)
|
|
13428
13394
|
},
|
|
13429
13395
|
scrollbarConfig: Object
|
|
13430
13396
|
},
|
|
@@ -13465,13 +13431,13 @@ let crossListDragRowObj = null;
|
|
|
13465
13431
|
getRefMaps: () => refMaps
|
|
13466
13432
|
};
|
|
13467
13433
|
const computeRowOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
13468
|
-
return Object.assign({},
|
|
13434
|
+
return Object.assign({}, list_getConfig().list.rowConfig, props.rowConfig);
|
|
13469
13435
|
});
|
|
13470
13436
|
const computeDragOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
13471
|
-
return Object.assign({},
|
|
13437
|
+
return Object.assign({}, list_getConfig().list.dragConfig, props.dragConfig);
|
|
13472
13438
|
});
|
|
13473
13439
|
const computeSYOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
13474
|
-
return Object.assign({},
|
|
13440
|
+
return Object.assign({}, list_getConfig().list.virtualYConfig || list_getConfig().list.scrollY, props.virtualYConfig || props.scrollY);
|
|
13475
13441
|
});
|
|
13476
13442
|
const computeKeyField = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
13477
13443
|
const rowOpts = computeRowOpts.value;
|
|
@@ -13497,15 +13463,15 @@ let crossListDragRowObj = null;
|
|
|
13497
13463
|
const computeRadioOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
13498
13464
|
return Object.assign({
|
|
13499
13465
|
showIcon: true
|
|
13500
|
-
},
|
|
13466
|
+
}, list_getConfig().list.radioConfig, props.radioConfig);
|
|
13501
13467
|
});
|
|
13502
13468
|
const computeCheckboxOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
13503
13469
|
return Object.assign({
|
|
13504
13470
|
showIcon: true
|
|
13505
|
-
},
|
|
13471
|
+
}, list_getConfig().list.checkboxConfig, props.checkboxConfig);
|
|
13506
13472
|
});
|
|
13507
13473
|
const computeMenuOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
13508
|
-
return Object.assign({},
|
|
13474
|
+
return Object.assign({}, list_getConfig().list.menuConfig, props.menuConfig);
|
|
13509
13475
|
});
|
|
13510
13476
|
const computeWrapperStyles = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
13511
13477
|
const rowHeight = computeRowHeight.value;
|
|
@@ -13542,25 +13508,25 @@ let crossListDragRowObj = null;
|
|
|
13542
13508
|
return style;
|
|
13543
13509
|
});
|
|
13544
13510
|
const computeScrollbarOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
13545
|
-
return Object.assign({},
|
|
13511
|
+
return Object.assign({}, list_getConfig().list.scrollbarConfig, props.scrollbarConfig);
|
|
13546
13512
|
});
|
|
13547
13513
|
const computeScrollbarXOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
13548
13514
|
const scrollbarOpts = computeScrollbarOpts.value;
|
|
13549
|
-
return Object.assign({},
|
|
13515
|
+
return Object.assign({}, list_getConfig().scrollbar.xConfig, scrollbarOpts.xConfig);
|
|
13550
13516
|
});
|
|
13551
13517
|
const computeScrollbarYOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
13552
13518
|
const scrollbarOpts = computeScrollbarOpts.value;
|
|
13553
|
-
return Object.assign({},
|
|
13519
|
+
return Object.assign({}, list_getConfig().scrollbar.yConfig, scrollbarOpts.yConfig);
|
|
13554
13520
|
});
|
|
13555
13521
|
const computeScrollXHeight = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
13556
13522
|
const scrollbarOpts = computeScrollbarOpts.value;
|
|
13557
13523
|
const scrollbarXOpts = computeScrollbarXOpts.value;
|
|
13558
|
-
return getDefaultConfig(getDefaultConfig(scrollbarXOpts.height, scrollbarOpts.height),
|
|
13524
|
+
return getDefaultConfig(getDefaultConfig(scrollbarXOpts.height, scrollbarOpts.height), list_getConfig().scrollbar.height);
|
|
13559
13525
|
});
|
|
13560
13526
|
const computeScrollYWidth = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
13561
13527
|
const scrollbarOpts = computeScrollbarOpts.value;
|
|
13562
13528
|
const scrollbarYOpts = computeScrollbarYOpts.value;
|
|
13563
|
-
return getDefaultConfig(getDefaultConfig(scrollbarYOpts.width, scrollbarOpts.width),
|
|
13529
|
+
return getDefaultConfig(getDefaultConfig(scrollbarYOpts.width, scrollbarOpts.width), list_getConfig().scrollbar.width);
|
|
13564
13530
|
});
|
|
13565
13531
|
const computeScrollXVisible = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
13566
13532
|
const scrollbarOpts = computeScrollbarOpts.value;
|
|
@@ -13575,12 +13541,12 @@ let crossListDragRowObj = null;
|
|
|
13575
13541
|
const computeScrollXAutoHide = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
13576
13542
|
const scrollbarOpts = computeScrollbarOpts.value;
|
|
13577
13543
|
const scrollbarXOpts = computeScrollbarXOpts.value;
|
|
13578
|
-
return getDefaultConfig(getDefaultConfig(scrollbarXOpts.autoHide, scrollbarOpts.autoHide),
|
|
13544
|
+
return getDefaultConfig(getDefaultConfig(scrollbarXOpts.autoHide, scrollbarOpts.autoHide), list_getConfig().scrollbar.autoHide);
|
|
13579
13545
|
});
|
|
13580
13546
|
const computeScrollYAutoHide = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
13581
13547
|
const scrollbarOpts = computeScrollbarOpts.value;
|
|
13582
13548
|
const scrollbarYOpts = computeScrollbarYOpts.value;
|
|
13583
|
-
return getDefaultConfig(getDefaultConfig(scrollbarYOpts.autoHide, scrollbarOpts.autoHide),
|
|
13549
|
+
return getDefaultConfig(getDefaultConfig(scrollbarYOpts.autoHide, scrollbarOpts.autoHide), list_getConfig().scrollbar.autoHide);
|
|
13584
13550
|
});
|
|
13585
13551
|
const computeScrollbarWrapperClss = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
13586
13552
|
const {
|
|
@@ -13591,7 +13557,7 @@ let crossListDragRowObj = null;
|
|
|
13591
13557
|
const scrollbarYToLeft = computeScrollbarYToLeft.value;
|
|
13592
13558
|
const scrollXVisible = computeScrollXVisible.value;
|
|
13593
13559
|
const scrollYVisible = computeScrollYVisible.value;
|
|
13594
|
-
return
|
|
13560
|
+
return list_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'}`], {
|
|
13595
13561
|
'overflow-y': yThumbHeight,
|
|
13596
13562
|
'overflow-x': xThumbWidth
|
|
13597
13563
|
});
|
|
@@ -14024,7 +13990,7 @@ let crossListDragRowObj = null;
|
|
|
14024
13990
|
};
|
|
14025
13991
|
tipContent = `${rTooltipMethod(rtParams) || ''}`;
|
|
14026
13992
|
} else {
|
|
14027
|
-
tipContent =
|
|
13993
|
+
tipContent = list_getI18n('vxe.list.dragTip', [rowEl.textContent || '']);
|
|
14028
13994
|
}
|
|
14029
13995
|
reactData.dragTipText = tipContent;
|
|
14030
13996
|
};
|
|
@@ -14963,7 +14929,7 @@ let crossListDragRowObj = null;
|
|
|
14963
14929
|
const {
|
|
14964
14930
|
option
|
|
14965
14931
|
} = eventParams;
|
|
14966
|
-
const gMenuOpts =
|
|
14932
|
+
const gMenuOpts = list_menus.get(option.code);
|
|
14967
14933
|
const tmMethod = gMenuOpts ? gMenuOpts.listMenuMethod : null;
|
|
14968
14934
|
const params = {
|
|
14969
14935
|
menu: option,
|
|
@@ -15369,14 +15335,14 @@ let crossListDragRowObj = null;
|
|
|
15369
15335
|
return;
|
|
15370
15336
|
}
|
|
15371
15337
|
const trackXEl = refTrackXElem.value;
|
|
15372
|
-
const xThumbWidth = trackXEl ?
|
|
15338
|
+
const xThumbWidth = trackXEl ? list_getThumbSize(viewEl.clientWidth, viewEl.scrollWidth, trackXEl.clientWidth) : 0;
|
|
15373
15339
|
const thumbXElem = refThumbXElem.value;
|
|
15374
15340
|
if (thumbXElem) {
|
|
15375
15341
|
thumbXElem.style.width = xThumbWidth + 'px';
|
|
15376
15342
|
}
|
|
15377
15343
|
reactData.xThumbWidth = xThumbWidth;
|
|
15378
15344
|
const trackYEl = refTrackYElem.value;
|
|
15379
|
-
const yThumbHeight = trackYEl ?
|
|
15345
|
+
const yThumbHeight = trackYEl ? list_getThumbSize(viewEl.clientHeight, viewEl.scrollHeight, trackYEl.clientHeight) : 0;
|
|
15380
15346
|
const thumbYElem = refThumbYElem.value;
|
|
15381
15347
|
if (thumbYElem) {
|
|
15382
15348
|
thumbYElem.style.height = yThumbHeight + 'px';
|
|
@@ -15397,7 +15363,7 @@ let crossListDragRowObj = null;
|
|
|
15397
15363
|
} = reactData;
|
|
15398
15364
|
const trackXEl = refTrackXElem.value;
|
|
15399
15365
|
const thumbXElem = refThumbXElem.value;
|
|
15400
|
-
const xThumbLeft = trackXEl && xThumbWidth ?
|
|
15366
|
+
const xThumbLeft = trackXEl && xThumbWidth ? list_getThumbOffsetSize(viewEl.scrollLeft, viewEl.clientWidth, viewEl.scrollWidth, trackXEl.clientWidth, xThumbWidth) : 0;
|
|
15401
15367
|
internalData.xThumbLeft = xThumbLeft;
|
|
15402
15368
|
if (thumbXElem && xThumbWidth) {
|
|
15403
15369
|
thumbXElem.style.width = xThumbWidth + 'px';
|
|
@@ -15405,7 +15371,7 @@ let crossListDragRowObj = null;
|
|
|
15405
15371
|
}
|
|
15406
15372
|
const trackYEl = refTrackYElem.value;
|
|
15407
15373
|
const thumbYElem = refThumbYElem.value;
|
|
15408
|
-
const yThumbTop = trackYEl && yThumbHeight ?
|
|
15374
|
+
const yThumbTop = trackYEl && yThumbHeight ? list_getThumbOffsetSize(viewEl.scrollTop, viewEl.clientHeight, viewEl.scrollHeight, trackYEl.clientHeight, yThumbHeight) : 0;
|
|
15409
15375
|
internalData.yThumbTop = yThumbTop;
|
|
15410
15376
|
if (thumbYElem && yThumbHeight) {
|
|
15411
15377
|
thumbYElem.style.height = yThumbHeight + 'px';
|
|
@@ -15426,7 +15392,7 @@ let crossListDragRowObj = null;
|
|
|
15426
15392
|
} = reactData;
|
|
15427
15393
|
const trackRect = trackEl.getBoundingClientRect();
|
|
15428
15394
|
viewEl.scrollTo({
|
|
15429
|
-
left:
|
|
15395
|
+
left: list_getScrollFromClick(evnt.clientX - trackRect.left, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth),
|
|
15430
15396
|
behavior: 'auto'
|
|
15431
15397
|
});
|
|
15432
15398
|
};
|
|
@@ -15444,7 +15410,7 @@ let crossListDragRowObj = null;
|
|
|
15444
15410
|
} = reactData;
|
|
15445
15411
|
const trackRect = trackEl.getBoundingClientRect();
|
|
15446
15412
|
viewEl.scrollTo({
|
|
15447
|
-
top:
|
|
15413
|
+
top: list_getScrollFromClick(evnt.clientY - trackRect.top, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight),
|
|
15448
15414
|
behavior: 'auto'
|
|
15449
15415
|
});
|
|
15450
15416
|
};
|
|
@@ -15463,7 +15429,7 @@ let crossListDragRowObj = null;
|
|
|
15463
15429
|
const trackRect = trackEl.getBoundingClientRect();
|
|
15464
15430
|
const pointerPosition = evnt.clientX - trackRect.left;
|
|
15465
15431
|
// 记录 thumb 的偏移
|
|
15466
|
-
const thumbOffset =
|
|
15432
|
+
const thumbOffset = list_getThumbOffsetSize(viewEl.scrollLeft, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth);
|
|
15467
15433
|
internalData.thumbDragOffset = pointerPosition - thumbOffset;
|
|
15468
15434
|
};
|
|
15469
15435
|
const pointermoveThumbXEvent = evnt => {
|
|
@@ -15487,7 +15453,7 @@ let crossListDragRowObj = null;
|
|
|
15487
15453
|
const trackEl = thumbEl.parentElement;
|
|
15488
15454
|
const trackRect = trackEl.getBoundingClientRect();
|
|
15489
15455
|
// 更新偏移
|
|
15490
|
-
viewEl.scrollLeft =
|
|
15456
|
+
viewEl.scrollLeft = list_getScrollFromDrag(evnt.clientX - trackRect.left, thumbDragOffset, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth);
|
|
15491
15457
|
}
|
|
15492
15458
|
};
|
|
15493
15459
|
const cleatPointerThumbEvent = evnt => {
|
|
@@ -15510,7 +15476,7 @@ let crossListDragRowObj = null;
|
|
|
15510
15476
|
const trackRect = trackEl.getBoundingClientRect();
|
|
15511
15477
|
const pointerPosition = evnt.clientY - trackRect.top;
|
|
15512
15478
|
// 记录 thumb 的偏移
|
|
15513
|
-
const thumbOffset =
|
|
15479
|
+
const thumbOffset = list_getThumbOffsetSize(viewEl.scrollTop, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight);
|
|
15514
15480
|
internalData.thumbDragOffset = pointerPosition - thumbOffset;
|
|
15515
15481
|
};
|
|
15516
15482
|
const pointermoveThumbYEvent = evnt => {
|
|
@@ -15534,7 +15500,7 @@ let crossListDragRowObj = null;
|
|
|
15534
15500
|
const trackEl = thumbEl.parentElement;
|
|
15535
15501
|
const trackRect = trackEl.getBoundingClientRect();
|
|
15536
15502
|
// 更新偏移
|
|
15537
|
-
viewEl.scrollTop =
|
|
15503
|
+
viewEl.scrollTop = list_getScrollFromDrag(evnt.clientY - trackRect.top, thumbDragOffset, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight);
|
|
15538
15504
|
}
|
|
15539
15505
|
};
|
|
15540
15506
|
Object.assign($xeList, listMethods, listPrivateMethods);
|
|
@@ -15562,9 +15528,9 @@ let crossListDragRowObj = null;
|
|
|
15562
15528
|
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
|
|
15563
15529
|
class: 'vxe-list--drag-sort-tip-status'
|
|
15564
15530
|
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
|
|
15565
|
-
class: ['vxe-list--drag-sort-tip-normal-status',
|
|
15531
|
+
class: ['vxe-list--drag-sort-tip-normal-status', list_getIcon().LIST_DRAG_STATUS_NODE]
|
|
15566
15532
|
}), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
|
|
15567
|
-
class: ['vxe-list--drag-sort-tip-disabled-status',
|
|
15533
|
+
class: ['vxe-list--drag-sort-tip-disabled-status', list_getIcon().LIST_DRAG_DISABLED]
|
|
15568
15534
|
})]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
|
|
15569
15535
|
class: 'vxe-list--drag-sort-tip-content'
|
|
15570
15536
|
}, dragTipText)])]) : renderEmptyElement($xeList)]);
|
|
@@ -15597,7 +15563,7 @@ let crossListDragRowObj = null;
|
|
|
15597
15563
|
}
|
|
15598
15564
|
}
|
|
15599
15565
|
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
|
|
15600
|
-
class: ['vxe-radio--icon', isChecked ?
|
|
15566
|
+
class: ['vxe-radio--icon', isChecked ? list_getIcon().RADIO_CHECKED : isDisabled ? list_getIcon().RADIO_DISABLED_UNCHECKED : list_getIcon().RADIO_UNCHECKED]
|
|
15601
15567
|
})]);
|
|
15602
15568
|
}
|
|
15603
15569
|
return renderEmptyElement($xeList);
|
|
@@ -15628,7 +15594,7 @@ let crossListDragRowObj = null;
|
|
|
15628
15594
|
}
|
|
15629
15595
|
}
|
|
15630
15596
|
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
|
|
15631
|
-
class: ['vxe-checkbox--icon', isChecked ?
|
|
15597
|
+
class: ['vxe-checkbox--icon', isChecked ? list_getIcon().CHECKBOX_CHECKED : isDisabled ? list_getIcon().CHECKBOX_DISABLED_UNCHECKED : list_getIcon().CHECKBOX_UNCHECKED]
|
|
15632
15598
|
})]);
|
|
15633
15599
|
}
|
|
15634
15600
|
return renderEmptyElement($xeList);
|
|
@@ -15719,7 +15685,7 @@ let crossListDragRowObj = null;
|
|
|
15719
15685
|
class: 'vxe-list--drag-handle',
|
|
15720
15686
|
...handleOns
|
|
15721
15687
|
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
|
|
15722
|
-
class: icon ||
|
|
15688
|
+
class: icon || list_getIcon().LIST_DRAG
|
|
15723
15689
|
})])]));
|
|
15724
15690
|
}
|
|
15725
15691
|
ctVNs.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
|
|
@@ -15848,10 +15814,10 @@ let crossListDragRowObj = null;
|
|
|
15848
15814
|
}],
|
|
15849
15815
|
onClick: changeCheckboxAllEvent
|
|
15850
15816
|
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
|
|
15851
|
-
class: ['vxe-checkbox--icon', isAllChecked ?
|
|
15817
|
+
class: ['vxe-checkbox--icon', isAllChecked ? list_getIcon().CHECKBOX_CHECKED : isAllIndeterminate ? list_getIcon().CHECKBOX_INDETERMINATE : list_getIcon().CHECKBOX_UNCHECKED]
|
|
15852
15818
|
}), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
|
|
15853
15819
|
class: 'vxe-checkbox--label'
|
|
15854
|
-
}, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(headerTitle) ?
|
|
15820
|
+
}, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(headerTitle) ? list_getI18n('vxe.list.allChecked') : getText(headerTitle))])]) : renderEmptyElement($xeList), headerSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
|
|
15855
15821
|
class: 'vxe-list--header-content'
|
|
15856
15822
|
}, headerSlot({
|
|
15857
15823
|
items: rowList,
|
|
@@ -16032,7 +15998,7 @@ let crossListDragRowObj = null;
|
|
|
16032
15998
|
const el = refElem.value;
|
|
16033
15999
|
if (useScrollbar) {
|
|
16034
16000
|
const viewInnerEl = refVirtualBody.value;
|
|
16035
|
-
const scrollObserver =
|
|
16001
|
+
const scrollObserver = list_globalResize.create(() => {
|
|
16036
16002
|
reFlag.value++;
|
|
16037
16003
|
});
|
|
16038
16004
|
if (el) {
|
|
@@ -16045,7 +16011,7 @@ let crossListDragRowObj = null;
|
|
|
16045
16011
|
}
|
|
16046
16012
|
if (autoResize) {
|
|
16047
16013
|
const parentEl = getParentElem();
|
|
16048
|
-
const resizeObserver =
|
|
16014
|
+
const resizeObserver = list_globalResize.create(() => {
|
|
16049
16015
|
if (props.autoResize) {
|
|
16050
16016
|
reFlag.value++;
|
|
16051
16017
|
}
|
|
@@ -16059,7 +16025,7 @@ let crossListDragRowObj = null;
|
|
|
16059
16025
|
internalData.resizeObserver = resizeObserver;
|
|
16060
16026
|
}
|
|
16061
16027
|
reFlag.value++;
|
|
16062
|
-
|
|
16028
|
+
list_globalEvents.on($xeList, 'resize', () => {
|
|
16063
16029
|
reFlag.value++;
|
|
16064
16030
|
});
|
|
16065
16031
|
});
|
|
@@ -16074,7 +16040,7 @@ let crossListDragRowObj = null;
|
|
|
16074
16040
|
if (scrollObserver) {
|
|
16075
16041
|
scrollObserver.disconnect();
|
|
16076
16042
|
}
|
|
16077
|
-
|
|
16043
|
+
list_globalEvents.off($xeList, 'resize');
|
|
16078
16044
|
external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(reactData, list_createReactData());
|
|
16079
16045
|
external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(internalData, list_createInternalData());
|
|
16080
16046
|
});
|
|
@@ -53338,17 +53304,23 @@ function getCrossTreeDragNodeInfo() {
|
|
|
53338
53304
|
|
|
53339
53305
|
|
|
53340
53306
|
|
|
53341
|
-
|
|
53342
53307
|
const {
|
|
53343
53308
|
warnLog: tree_warnLog,
|
|
53344
53309
|
errLog: tree_errLog
|
|
53345
53310
|
} = createComponentLog('tree');
|
|
53346
53311
|
const {
|
|
53347
53312
|
menus: tree_menus,
|
|
53313
|
+
scrollbarUtils: tree_scrollbarUtils,
|
|
53348
53314
|
getConfig: tree_getConfig,
|
|
53349
53315
|
getI18n: tree_getI18n,
|
|
53350
53316
|
getIcon: tree_getIcon
|
|
53351
53317
|
} = VxeUI;
|
|
53318
|
+
const {
|
|
53319
|
+
getThumbOffsetSize: tree_getThumbOffsetSize,
|
|
53320
|
+
getThumbSize: tree_getThumbSize,
|
|
53321
|
+
getScrollFromClick: tree_getScrollFromClick,
|
|
53322
|
+
getScrollFromDrag: tree_getScrollFromDrag
|
|
53323
|
+
} = tree_scrollbarUtils;
|
|
53352
53324
|
/**
|
|
53353
53325
|
* 生成节点的唯一主键
|
|
53354
53326
|
*/
|
|
@@ -56787,14 +56759,14 @@ let crossTreeDragNodeObj = null;
|
|
|
56787
56759
|
return;
|
|
56788
56760
|
}
|
|
56789
56761
|
const trackXEl = refTrackXElem.value;
|
|
56790
|
-
const xThumbWidth = trackXEl ?
|
|
56762
|
+
const xThumbWidth = trackXEl ? tree_getThumbSize(viewEl.clientWidth, viewEl.scrollWidth, trackXEl.clientWidth) : 0;
|
|
56791
56763
|
const thumbXElem = refThumbXElem.value;
|
|
56792
56764
|
if (thumbXElem) {
|
|
56793
56765
|
thumbXElem.style.width = xThumbWidth + 'px';
|
|
56794
56766
|
}
|
|
56795
56767
|
reactData.xThumbWidth = xThumbWidth;
|
|
56796
56768
|
const trackYEl = refTrackYElem.value;
|
|
56797
|
-
const yThumbHeight = trackYEl ?
|
|
56769
|
+
const yThumbHeight = trackYEl ? tree_getThumbSize(viewEl.clientHeight, viewEl.scrollHeight, trackYEl.clientHeight) : 0;
|
|
56798
56770
|
const thumbYElem = refThumbYElem.value;
|
|
56799
56771
|
if (thumbYElem) {
|
|
56800
56772
|
thumbYElem.style.height = yThumbHeight + 'px';
|
|
@@ -56815,7 +56787,7 @@ let crossTreeDragNodeObj = null;
|
|
|
56815
56787
|
} = reactData;
|
|
56816
56788
|
const trackXEl = refTrackXElem.value;
|
|
56817
56789
|
const thumbXElem = refThumbXElem.value;
|
|
56818
|
-
const xThumbLeft = trackXEl && xThumbWidth ?
|
|
56790
|
+
const xThumbLeft = trackXEl && xThumbWidth ? tree_getThumbOffsetSize(viewEl.scrollLeft, viewEl.clientWidth, viewEl.scrollWidth, trackXEl.clientWidth, xThumbWidth) : 0;
|
|
56819
56791
|
internalData.xThumbLeft = xThumbLeft;
|
|
56820
56792
|
if (thumbXElem && xThumbWidth) {
|
|
56821
56793
|
thumbXElem.style.width = xThumbWidth + 'px';
|
|
@@ -56823,7 +56795,7 @@ let crossTreeDragNodeObj = null;
|
|
|
56823
56795
|
}
|
|
56824
56796
|
const trackYEl = refTrackYElem.value;
|
|
56825
56797
|
const thumbYElem = refThumbYElem.value;
|
|
56826
|
-
const yThumbTop = trackYEl && yThumbHeight ?
|
|
56798
|
+
const yThumbTop = trackYEl && yThumbHeight ? tree_getThumbOffsetSize(viewEl.scrollTop, viewEl.clientHeight, viewEl.scrollHeight, trackYEl.clientHeight, yThumbHeight) : 0;
|
|
56827
56799
|
internalData.yThumbTop = yThumbTop;
|
|
56828
56800
|
if (thumbYElem && yThumbHeight) {
|
|
56829
56801
|
thumbYElem.style.height = yThumbHeight + 'px';
|
|
@@ -56844,7 +56816,7 @@ let crossTreeDragNodeObj = null;
|
|
|
56844
56816
|
} = reactData;
|
|
56845
56817
|
const trackRect = trackEl.getBoundingClientRect();
|
|
56846
56818
|
viewEl.scrollTo({
|
|
56847
|
-
left:
|
|
56819
|
+
left: tree_getScrollFromClick(evnt.clientX - trackRect.left, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth),
|
|
56848
56820
|
behavior: 'auto'
|
|
56849
56821
|
});
|
|
56850
56822
|
};
|
|
@@ -56862,7 +56834,7 @@ let crossTreeDragNodeObj = null;
|
|
|
56862
56834
|
} = reactData;
|
|
56863
56835
|
const trackRect = trackEl.getBoundingClientRect();
|
|
56864
56836
|
viewEl.scrollTo({
|
|
56865
|
-
top:
|
|
56837
|
+
top: tree_getScrollFromClick(evnt.clientY - trackRect.top, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight),
|
|
56866
56838
|
behavior: 'auto'
|
|
56867
56839
|
});
|
|
56868
56840
|
};
|
|
@@ -56881,7 +56853,7 @@ let crossTreeDragNodeObj = null;
|
|
|
56881
56853
|
const trackRect = trackEl.getBoundingClientRect();
|
|
56882
56854
|
const pointerPosition = evnt.clientX - trackRect.left;
|
|
56883
56855
|
// 记录 thumb 的偏移
|
|
56884
|
-
const thumbOffset =
|
|
56856
|
+
const thumbOffset = tree_getThumbOffsetSize(viewEl.scrollLeft, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth);
|
|
56885
56857
|
internalData.thumbDragOffset = pointerPosition - thumbOffset;
|
|
56886
56858
|
};
|
|
56887
56859
|
const pointermoveThumbXEvent = evnt => {
|
|
@@ -56905,7 +56877,7 @@ let crossTreeDragNodeObj = null;
|
|
|
56905
56877
|
const trackEl = thumbEl.parentElement;
|
|
56906
56878
|
const trackRect = trackEl.getBoundingClientRect();
|
|
56907
56879
|
// 更新偏移
|
|
56908
|
-
viewEl.scrollLeft =
|
|
56880
|
+
viewEl.scrollLeft = tree_getScrollFromDrag(evnt.clientX - trackRect.left, thumbDragOffset, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth);
|
|
56909
56881
|
}
|
|
56910
56882
|
};
|
|
56911
56883
|
const cleatPointerThumbEvent = evnt => {
|
|
@@ -56928,7 +56900,7 @@ let crossTreeDragNodeObj = null;
|
|
|
56928
56900
|
const trackRect = trackEl.getBoundingClientRect();
|
|
56929
56901
|
const pointerPosition = evnt.clientY - trackRect.top;
|
|
56930
56902
|
// 记录 thumb 的偏移
|
|
56931
|
-
const thumbOffset =
|
|
56903
|
+
const thumbOffset = tree_getThumbOffsetSize(viewEl.scrollTop, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight);
|
|
56932
56904
|
internalData.thumbDragOffset = pointerPosition - thumbOffset;
|
|
56933
56905
|
};
|
|
56934
56906
|
const pointermoveThumbYEvent = evnt => {
|
|
@@ -56952,7 +56924,7 @@ let crossTreeDragNodeObj = null;
|
|
|
56952
56924
|
const trackEl = thumbEl.parentElement;
|
|
56953
56925
|
const trackRect = trackEl.getBoundingClientRect();
|
|
56954
56926
|
// 更新偏移
|
|
56955
|
-
viewEl.scrollTop =
|
|
56927
|
+
viewEl.scrollTop = tree_getScrollFromDrag(evnt.clientY - trackRect.top, thumbDragOffset, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight);
|
|
56956
56928
|
}
|
|
56957
56929
|
};
|
|
56958
56930
|
Object.assign($xeTree, treeMethods, treePrivateMethods);
|