vxe-pc-ui 4.16.4 → 4.16.5

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.5"}`;
 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.5";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -26031,7 +26031,7 @@ function createReactData$b() {
         isAniVisible: false,
         isActivated: false,
         searchValue: '',
-        iconGroups: []
+        iconList: []
     };
 }
 function createInternalData$a() {
@@ -26163,9 +26163,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 +26217,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 +26225,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 +26282,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 +26293,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 +26492,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 +26537,8 @@ var VxeIconPickerComponent = defineVxeComponent({
                                 : renderEmptyElement($xeIconPicker)
                         ])
                     ]);
-                }));
-            }));
+                }))
+            ]);
         };
         const renderIconView = () => {
             const { selectIcon } = reactData;