vxe-pc-ui 4.16.4 → 4.16.6

package/dist/all.esm.js

@@ -81,7 +81,7 @@ function checkDynamic() {
 }
 
 const { log } = VxeUI;
-const uiVersion = `ui v${"4.16.4"}`;
+const uiVersion = `ui v${"4.16.6"}`;
 function createComponentLog(name) {
     const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';
     const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';
@@ -95,7 +95,7 @@ function createComponentLog(name) {
 const warnLog$h = log.create('warn', uiVersion);
 log.create('error', uiVersion);
 
-const version = "4.16.4";
+const version = "4.16.6";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -7248,7 +7248,12 @@ var VxeListComponent = defineVxeComponent({
             const el = refElem.value;
             if (el) {
                 const parentEl = el.parentElement;
-                reactData.parentHeight = parentEl ? parentEl.clientHeight : 0;
+                let parentHeight = 0;
+                if (parentEl) {
+                    const parentStyle = getComputedStyle(parentEl);
+                    parentHeight = parentEl.clientHeight - Math.ceil(XEUtils.toNumber(parentStyle.paddingLeft) + XEUtils.toNumber(parentStyle.paddingRight));
+                }
+                reactData.parentHeight = parentHeight;
                 updateHeight();
                 if (el.clientWidth && el.clientHeight) {
                     return computeScrollLoad();
@@ -7940,7 +7945,7 @@ var VxeListComponent = defineVxeComponent({
             emitCheckboxMode(value);
             return updateCheckboxStatus();
         };
-        const getCheckboxRows = () => {
+        const getCheckboxRecords = () => {
             const { updateCheckboxFlag } = reactData;
             const { selectCheckboxMaps } = internalData;
             const rowList = [];
@@ -8288,7 +8293,8 @@ var VxeListComponent = defineVxeComponent({
             clearRadioRow,
             setCheckboxRow,
             setCheckboxRowByKey,
-            getCheckboxRows,
+            getCheckboxRecords,
+            getCheckboxRows: getCheckboxRecords,
             getCheckboxRowKeys,
             clearCheckboxRow,
             setAllCheckboxRow,
@@ -8385,6 +8391,12 @@ var VxeListComponent = defineVxeComponent({
             isRemoveByRow(row) {
                 const rowid = getRowId(row);
                 return !!reactData.removeRowFlag && !!internalData.removeRowMaps[rowid];
+            },
+            getRecordset() {
+                return {
+                    insertRecords: $xeList.getInsertRecords(),
+                    removeRecords: $xeList.getRemoveRecords()
+                };
             }
         };
         const listPrivateMethods = {
@@ -8689,6 +8701,12 @@ var VxeListComponent = defineVxeComponent({
                 isCheckboxChecked = !!(updateCheckboxFlag && selectCheckboxMaps[rowid]);
             }
             const ctVNs = [];
+            if (showRadio) {
+                ctVNs.push(renderRadio(row, rowid, isRadioChecked));
+            }
+            if (showCheckbox) {
+                ctVNs.push(renderCheckbox(row, rowid, isCheckboxChecked));
+            }
             let isDragDisabled = false;
             if (isDrag && keyField && (!visibleMethod || visibleMethod(rowParams))) {
                 const handleOns = {};
@@ -8712,12 +8730,6 @@ var VxeListComponent = defineVxeComponent({
                     ])
                 ]));
             }
-            if (showRadio) {
-                ctVNs.push(renderRadio(row, rowid, isRadioChecked));
-            }
-            if (showCheckbox) {
-                ctVNs.push(renderCheckbox(row, rowid, isCheckboxChecked));
-            }
             ctVNs.push(h('div', {
                 key: 'ct5',
                 class: 'vxe-list--row-content'
@@ -26031,7 +26043,7 @@ function createReactData$b() {
         isAniVisible: false,
         isActivated: false,
         searchValue: '',
-        iconGroups: []
+        iconList: []
     };
 }
 function createInternalData$a() {
@@ -26163,9 +26175,9 @@ var VxeIconPickerComponent = defineVxeComponent({
         });
         const computeWrapperStyle = computed(() => {
             const popupOpts = computePopupOpts.value;
-            const { chunkSize, height, maxHeight } = popupOpts;
+            const { chunkSize, height, chunkWidth, maxHeight } = popupOpts;
             const stys = {
-                '--vxe-ui-icon-picker-item-width': `${100 / (chunkSize || 4)}%`
+                '--vxe-ui-icon-picker-item-width': chunkWidth ? toCssUnit(chunkWidth) : `${100 / (chunkSize || 4)}%`
             };
             if (height) {
                 stys['--vxe-ui-icon-picker-panel-height'] = toCssUnit(height);
@@ -26217,7 +26229,7 @@ var VxeIconPickerComponent = defineVxeComponent({
             const panelElem = refOptionPanel.value;
             const btnTransfer = computeBtnTransfer.value;
             const popupOpts = computePopupOpts.value;
-            const { width, transfer } = popupOpts;
+            const { width } = popupOpts;
             const handleStyle = () => {
                 const ppObj = updatePanelPlacement(targetElem, panelElem, {
                     placement: popupOpts.placement || placement,
@@ -26225,12 +26237,12 @@ var VxeIconPickerComponent = defineVxeComponent({
                     teleportTo: btnTransfer
                 });
                 const panelStyle = Object.assign(ppObj.style, {
-                    zIndex: panelIndex
+                    zIndex: panelIndex,
+                    minWidth: undefined
                 });
                 if (width) {
                     Object.assign(panelStyle, {
-                        width: toCssUnit(width),
-                        minWidth: transfer ? undefined : toCssUnit(width)
+                        width: toCssUnit(width)
                     });
                 }
                 reactData.panelStyle = panelStyle;
@@ -26282,8 +26294,6 @@ var VxeIconPickerComponent = defineVxeComponent({
             const { searchValue } = reactData;
             const filterOpts = computeFilterOpts.value;
             const { filterMethod } = filterOpts;
-            const popupOpts = computePopupOpts.value;
-            const { chunkSize } = popupOpts;
             const iconList = computeIconList.value;
             let visibleList = iconList;
             if (searchValue) {
@@ -26295,7 +26305,7 @@ var VxeIconPickerComponent = defineVxeComponent({
                     return (item.title && `${item.title}`.toLowerCase().indexOf(searchTxt) > -1) || (item.icon && `${item.icon}`.indexOf(searchTxt) > -1);
                 });
             }
-            reactData.iconGroups = XEUtils.chunk(visibleList, chunkSize || 4);
+            reactData.iconList = visibleList;
         };
         const changeEvent = (evnt, selectValue) => {
             reactData.selectIcon = selectValue;
@@ -26494,18 +26504,18 @@ var VxeIconPickerComponent = defineVxeComponent({
         Object.assign($xeIconPicker, iconPickerMethods);
         const renderIconWrapper = () => {
             const { showIconTitle } = props;
-            const { selectIcon, iconGroups } = reactData;
-            if (!iconGroups.length) {
+            const { selectIcon, iconList } = reactData;
+            if (!iconList.length) {
                 return h('div', {
                     class: 'vxe-ico-picker--empty-placeholder'
                 }, getI18n$2('vxe.iconPicker.emptyText'));
             }
             return h('div', {
                 class: 'vxe-ico-picker--list-wrapper'
-            }, iconGroups.map(list => {
-                return h('div', {
+            }, [
+                h('div', {
                     class: 'vxe-ico-picker--list'
-                }, list.map(item => {
+                }, iconList.map(item => {
                     const { iconRender } = item;
                     const compConf = iconRender ? renderer.get(iconRender.name) : null;
                     const iconMethod = compConf ? compConf.renderIconPickerOptionIcon : null;
@@ -26539,8 +26549,8 @@ var VxeIconPickerComponent = defineVxeComponent({
                                 : renderEmptyElement($xeIconPicker)
                         ])
                     ]);
-                }));
-            }));
+                }))
+            ]);
         };
         const renderIconView = () => {
             const { selectIcon } = reactData;
@@ -42218,6 +42228,9 @@ var VxeTreeComponent = defineVxeComponent({
                 return nodeKeys;
             },
             getCheckboxNodes() {
+                return $xeTree.getCheckboxRecords();
+            },
+            getCheckboxRecords() {
                 const { nodeMaps, selectCheckboxMaps } = internalData;
                 const list = [];
                 XEUtils.each(selectCheckboxMaps, (item, nodeid) => {
@@ -42622,7 +42635,13 @@ var VxeTreeComponent = defineVxeComponent({
                 const nodeid = getNodeId(node);
                 return !!reactData.removeNodeFlag && !!internalData.removeNodeMaps[nodeid];
             },
-            closeTooltip
+            closeTooltip,
+            getRecordset() {
+                return {
+                    insertRecords: $xeTree.getInsertRecords(),
+                    removeRecords: $xeTree.getRemoveRecords()
+                };
+            }
         };
         const handleNodeDragEndClearStatus = () => {
             clearNodeDragData();
@@ -43551,9 +43570,9 @@ var VxeTreeComponent = defineVxeComponent({
                                 ])
                         ]
                         : []),
-                    renderDragIcon(node, nodeid),
                     renderRadio(node, nodeid, isExistChild, nLevel, isRadioChecked),
                     renderCheckbox(node, nodeid, isExistChild, nLevel, isCheckboxChecked, isIndeterminate),
+                    renderDragIcon(node, nodeid),
                     h('div', {
                         class: 'vxe-tree--node-item-inner'
                     }, [
@@ -43841,6 +43860,7 @@ var VxeTreeComponent = defineVxeComponent({
                 }
                 internalData.resizeObserver = resizeObserver;
             }
+            recalculate();
             globalEvents.on($xeTree, 'resize', handleGlobalResizeEvent);
         });
         onBeforeUnmount(() => {