vxe-pc-ui 4.16.3 → 4.16.5

package/dist/all.esm.js

@@ -81,7 +81,7 @@ function checkDynamic() {
 }
 
 const { log } = VxeUI;
-const uiVersion = `ui v${"4.16.3"}`;
+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.3";
+const version = "4.16.5";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -20187,7 +20187,7 @@ var VxeDatePickerComponent = defineVxeComponent({
             if (hasTimestampValueType(valueFormat)) {
                 const dateVal = parseDateValue(value, type, { valueFormat: dateValueFormat });
                 const timeNum = dateVal ? dateVal.getTime() : null;
-                emit('update:modelValue', timeNum);
+                emitModel(timeNum);
                 if (modelValue !== timeNum) {
                     dispatchEvent('change', { value: timeNum }, evnt);
                     // 自动更新校验状态
@@ -20198,7 +20198,7 @@ var VxeDatePickerComponent = defineVxeComponent({
             }
             else if (hasDateValueType(valueFormat)) {
                 const dateVal = parseDateValue(value, type, { valueFormat: dateValueFormat });
-                emit('update:modelValue', dateVal);
+                emitModel(dateVal);
                 if (modelValue && dateVal ? XEUtils.toStringDate(modelValue).getTime() !== dateVal.getTime() : modelValue !== dateVal) {
                     dispatchEvent('change', { value: dateVal }, evnt);
                     // 自动更新校验状态
@@ -20208,7 +20208,7 @@ var VxeDatePickerComponent = defineVxeComponent({
                 }
             }
             else {
-                emit('update:modelValue', value);
+                emitModel(value);
                 if (XEUtils.toValueString(modelValue) !== value) {
                     dispatchEvent('change', { value }, evnt);
                     // 自动更新校验状态
@@ -21036,11 +21036,14 @@ var VxeDatePickerComponent = defineVxeComponent({
         const dispatchEvent = (type, params, evnt) => {
             emit(type, createEvent(evnt, { $datePicker: $xeDatePicker }, params));
         };
+        const emitModel = (value) => {
+            emit('update:modelValue', value);
+        };
         const datePickerMethods = {
             dispatchEvent,
             setModelValue(value) {
                 reactData.inputValue = value;
-                emit('update:modelValue', value);
+                emitModel(value);
             },
             setModelValueByEvent(evnt, value) {
                 handleChange(value || '', evnt);
@@ -21887,7 +21890,7 @@ var VxeDateRangePickerComponent = defineVxeComponent({
             reactData.selectEdValue = endRest;
             const value = getRangeValue(startRest, endRest);
             const isFinish = (startRest && endRest) || (!startRest && !endRest);
-            emit('update:modelValue', value);
+            emitModel(value);
             emit('update:startValue', startRest || '');
             emit('update:endValue', endRest || '');
             if (XEUtils.toValueString(modelValue) !== value) {
@@ -22488,13 +22491,16 @@ var VxeDateRangePickerComponent = defineVxeComponent({
         const dispatchEvent = (type, params, evnt) => {
             emit(type, createEvent(evnt, { $dateRangePicker: $xeDateRangePicker }, params));
         };
+        const emitModel = (value) => {
+            emit('update:modelValue', value);
+        };
         dateRangePickerMethods = {
             dispatchEvent,
             setModelValue(startValue, endValue) {
                 reactData.selectStValue = startValue || '';
                 reactData.selectEdValue = endValue || '';
                 const value = getRangeValue(startValue, endValue);
-                emit('update:modelValue', value);
+                emitModel(value);
             },
             setModelValueByEvent(evnt, startValue, endValue) {
                 handleChange(startValue || '', endValue || '', evnt);
@@ -26025,7 +26031,7 @@ function createReactData$b() {
         isAniVisible: false,
         isActivated: false,
         searchValue: '',
-        iconGroups: []
+        iconList: []
     };
 }
 function createInternalData$a() {
@@ -26155,11 +26161,11 @@ var VxeIconPickerComponent = defineVxeComponent({
             }
             return getI18n$2('vxe.base.pleaseSelect');
         });
-        const computePanelStyle = computed(() => {
+        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);
@@ -26219,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: undefined
+                        width: toCssUnit(width)
                     });
                 }
                 reactData.panelStyle = panelStyle;
@@ -26276,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) {
@@ -26289,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;
@@ -26488,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;
@@ -26533,8 +26537,8 @@ var VxeIconPickerComponent = defineVxeComponent({
                                 : renderEmptyElement($xeIconPicker)
                         ])
                     ]);
-                }));
-            }));
+                }))
+            ]);
         };
         const renderIconView = () => {
             const { selectIcon } = reactData;
@@ -26567,7 +26571,7 @@ var VxeIconPickerComponent = defineVxeComponent({
             const btnTransfer = computeBtnTransfer.value;
             const formReadonly = computeFormReadonly.value;
             const inpPlaceholder = computeInpPlaceholder.value;
-            const panelStyle = computePanelStyle.value;
+            const wrapperStyle = computeWrapperStyle.value;
             const popupOpts = computePopupOpts.value;
             const ppClassName = popupOpts.className || props.popupClassName;
             if (formReadonly) {
@@ -26643,7 +26647,7 @@ var VxeIconPickerComponent = defineVxeComponent({
                         initialized && (visiblePanel || isAniVisible)
                             ? h('div', {
                                 class: 'vxe-ico-picker--panel-wrapper',
-                                style: panelStyle
+                                style: wrapperStyle
                             }, [
                                 filterable
                                     ? h('div', {