vxe-pc-ui 4.16.3 → 4.16.5

package/lib/index.umd.js

@@ -4657,7 +4657,7 @@ function checkDynamic() {
 const {
   log: log_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}` : '';
@@ -4675,7 +4675,7 @@ const errLog = log_log.create('error', uiVersion);
 
 
 
-const ui_version = "4.16.3";
+const ui_version = "4.16.5";
 VxeUI.uiVersion = ui_version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -26803,7 +26803,7 @@ function date_picker_createInternalData() {
           valueFormat: dateValueFormat
         });
         const timeNum = dateVal ? dateVal.getTime() : null;
-        emit('update:modelValue', timeNum);
+        emitModel(timeNum);
         if (modelValue !== timeNum) {
           dispatchEvent('change', {
             value: timeNum
@@ -26817,7 +26817,7 @@ function date_picker_createInternalData() {
         const dateVal = parseDateValue(value, type, {
           valueFormat: dateValueFormat
         });
-        emit('update:modelValue', dateVal);
+        emitModel(dateVal);
         if (modelValue && dateVal ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toStringDate(modelValue).getTime() !== dateVal.getTime() : modelValue !== dateVal) {
           dispatchEvent('change', {
             value: dateVal
@@ -26828,7 +26828,7 @@ function date_picker_createInternalData() {
           }
         }
       } else {
-        emit('update:modelValue', value);
+        emitModel(value);
         if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toValueString(modelValue) !== value) {
           dispatchEvent('change', {
             value
@@ -27770,11 +27770,14 @@ function date_picker_createInternalData() {
         $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);
@@ -28666,7 +28669,7 @@ function date_range_picker_createInternalData() {
       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 (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toValueString(modelValue) !== value) {
@@ -29368,13 +29371,16 @@ function date_range_picker_createInternalData() {
         $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);
@@ -33543,7 +33549,7 @@ function icon_picker_createReactData() {
     isAniVisible: false,
     isActivated: false,
     searchValue: '',
-    iconGroups: []
+    iconList: []
   };
 }
 function icon_picker_createInternalData() {
@@ -33680,15 +33686,16 @@ function icon_picker_createInternalData() {
       }
       return getI18n('vxe.base.pleaseSelect');
     });
-    const computePanelStyle = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+    const computeWrapperStyle = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const popupOpts = computePopupOpts.value;
       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);
@@ -33758,12 +33765,12 @@ function icon_picker_createInternalData() {
           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;
@@ -33823,10 +33830,6 @@ function icon_picker_createInternalData() {
       const {
         filterMethod
       } = filterOpts;
-      const popupOpts = computePopupOpts.value;
-      const {
-        chunkSize
-      } = popupOpts;
       const iconList = computeIconList.value;
       let visibleList = iconList;
       if (searchValue) {
@@ -33843,7 +33846,7 @@ function icon_picker_createInternalData() {
           return item.title && `${item.title}`.toLowerCase().indexOf(searchTxt) > -1 || item.icon && `${item.icon}`.indexOf(searchTxt) > -1;
         });
       }
-      reactData.iconGroups = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().chunk(visibleList, chunkSize || 4);
+      reactData.iconList = visibleList;
     };
     const changeEvent = (evnt, selectValue) => {
       reactData.selectIcon = selectValue;
@@ -34058,48 +34061,46 @@ function icon_picker_createInternalData() {
       } = props;
       const {
         selectIcon,
-        iconGroups
+        iconList
       } = reactData;
-      if (!iconGroups.length) {
+      if (!iconList.length) {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           class: 'vxe-ico-picker--empty-placeholder'
         }, getI18n('vxe.iconPicker.emptyText'));
       }
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-ico-picker--list-wrapper'
-      }, iconGroups.map(list => {
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-ico-picker--list'
+      }, iconList.map(item => {
+        const {
+          iconRender
+        } = item;
+        const compConf = iconRender ? renderer.get(iconRender.name) : null;
+        const iconMethod = compConf ? compConf.renderIconPickerOptionIcon : null;
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-          class: 'vxe-ico-picker--list'
-        }, list.map(item => {
-          const {
-            iconRender
-          } = item;
-          const compConf = iconRender ? renderer.get(iconRender.name) : null;
-          const iconMethod = compConf ? compConf.renderIconPickerOptionIcon : null;
-          return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-            class: ['vxe-ico-picker--item', {
-              'is--selected': selectIcon === item.icon
-            }]
-          }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-            class: 'vxe-ico-picker--item-inner',
-            onClick(evnt) {
-              const isDisabled = computeIsDisabled.value;
-              if (!isDisabled) {
-                handleClickIconEvent(evnt, item);
-              }
+          class: ['vxe-ico-picker--item', {
+            'is--selected': selectIcon === item.icon
+          }]
+        }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          class: 'vxe-ico-picker--item-inner',
+          onClick(evnt) {
+            const isDisabled = computeIsDisabled.value;
+            if (!isDisabled) {
+              handleClickIconEvent(evnt, item);
             }
-          }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-            class: 'vxe-ico-picker--item-icon'
-          }, iconMethod && iconRender ? vn_getSlotVNs(iconMethod(iconRender, {
-            $iconPicker: $xeIconPicker,
-            option: item
-          })) : [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
-            class: item.icon || ''
-          })]), showIconTitle ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-            class: 'vxe-ico-picker--item-title'
-          }, `${item.title || ''}`) : renderEmptyElement($xeIconPicker)])]);
-        }));
-      }));
+          }
+        }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          class: 'vxe-ico-picker--item-icon'
+        }, iconMethod && iconRender ? vn_getSlotVNs(iconMethod(iconRender, {
+          $iconPicker: $xeIconPicker,
+          option: item
+        })) : [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
+          class: item.icon || ''
+        })]), showIconTitle ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          class: 'vxe-ico-picker--item-title'
+        }, `${item.title || ''}`) : renderEmptyElement($xeIconPicker)])]);
+      }))]);
     };
     const renderIconView = () => {
       const {
@@ -34147,7 +34148,7 @@ function icon_picker_createInternalData() {
       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) {
@@ -34207,7 +34208,7 @@ function icon_picker_createInternalData() {
         style: reactData.panelStyle
       }, [initialized && (visiblePanel || isAniVisible) ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-ico-picker--panel-wrapper',
-        style: panelStyle
+        style: wrapperStyle
       }, [filterable ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-ico-picker--panel-search'
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(input, {