vxe-pc-ui 4.9.30 → 4.9.32

package/lib/index.umd.js

@@ -3588,14 +3588,14 @@ function checkDynamic() {
 }
 ;// CONCATENATED MODULE: ./packages/ui/src/log.ts
 
-const log_version = `ui v${"4.9.30"}`;
+const log_version = `ui v${"4.9.32"}`;
 const warnLog = log.create('warn', log_version);
 const errLog = log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 
 
-const ui_version = "4.9.30";
+const ui_version = "4.9.32";
 index_esm_VxeUI.uiVersion = ui_version;
 index_esm_VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -7542,7 +7542,7 @@ const VxeButtonComponent = defineVxeComponent({
     $xeButton.renderVN = renderVN;
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
       if (props.type === 'text') {
-        warnLog('vxe.error.delProp', ['type=text', 'mode=text']);
+        warnLog('vxe.error.delProp', ['[button] type=text', 'mode=text']);
       }
       globalEvents.on($xeButton, 'mousewheel', handleGlobalMousewheelEvent);
       globalEvents.on($xeButton, 'mousedown', handleGlobalMousedownEvent);
@@ -18944,7 +18944,7 @@ const DatePanel = VxeDatePanel;
                 break;
               }
             default:
-              errLog('vxe.error.notCommands', [code]);
+              errLog('vxe.error.notCommands', [`[date-picker] ${code}`]);
               break;
           }
         }
@@ -20121,7 +20121,7 @@ const DatePicker = VxeDatePicker;
                 break;
               }
             default:
-              errLog('vxe.error.notCommands', [code]);
+              errLog('vxe.error.notCommands', [`[date-range-picker] ${code}`]);
               break;
           }
         }
@@ -21331,21 +21331,21 @@ class ItemInfo {
       if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(formatter)) {
         const gFormatOpts = formats.get(formatter);
         if (!gFormatOpts || !gFormatOpts.formItemFormatMethod) {
-          errLog('vxe.error.notFormats', [formatter]);
+          errLog('vxe.error.notFormats', [`[form] ${formatter}`]);
         }
       } else if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(formatter)) {
         const gFormatOpts = formats.get(formatter[0]);
         if (!gFormatOpts || !gFormatOpts.formItemFormatMethod) {
-          errLog('vxe.error.notFormats', [formatter[0]]);
+          errLog('vxe.error.notFormats', [`[form] ${formatter[0]}`]);
         }
       }
     }
     if (field && itemRender) {
       if (itemRender.startField && `${itemRender.startField}`.indexOf(field) >= 0) {
-        errLog('vxe.error.modelConflicts', [`field=${field}`, `item-render.startField=${itemRender.startField}`]);
+        errLog('vxe.error.modelConflicts', [`[form] field=${field}`, `item-render.startField=${itemRender.startField}`]);
       }
       if (itemRender.endField && `${itemRender.endField}`.indexOf(field) >= 0) {
-        errLog('vxe.error.modelConflicts', [`field=${field}`, `item-render.endField=${itemRender.endField}`]);
+        errLog('vxe.error.modelConflicts', [`[form] field=${field}`, `item-render.endField=${itemRender.endField}`]);
       }
     }
     Object.assign(this, {
@@ -22187,7 +22187,7 @@ function getComponentOns(renderOpts, params, eFns, eventOns) {
   external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().objectEach(events, (func, key) => {
     ons[getOnName(key)] = function (...args) {
       if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(func)) {
-        errLog('vxe.error.errFunc', [func]);
+        errLog('vxe.error.errFunc', [`[form] ${func}`]);
       }
       func(params, ...args);
     };
@@ -23075,7 +23075,7 @@ function createInternalData() {
             external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().each(item.slots, func => {
               if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(func)) {
                 if (!slots[func]) {
-                  errLog('vxe.error.notSlot', [func]);
+                  errLog('vxe.error.notSlot', [`[form] ${func}`]);
                 }
               }
             });
@@ -23324,10 +23324,10 @@ function createInternalData() {
                       if (validatorMethod) {
                         customValid = validatorMethod(validParams);
                       } else {
-                        warnLog('vxe.error.notValidators', [validator]);
+                        warnLog('vxe.error.notValidators', [`[form] ${validator}`]);
                       }
                     } else {
-                      errLog('vxe.error.notValidators', [validator]);
+                      errLog('vxe.error.notValidators', [`[form] ${validator}`]);
                     }
                   } else {
                     customValid = validator(validParams);
@@ -23738,7 +23738,7 @@ function createInternalData() {
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
       (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
         if (props.customLayout && props.items) {
-          errLog('vxe.error.errConflicts', ['custom-layout', 'items']);
+          errLog('vxe.error.errConflicts', ['[form] custom-layout', 'items']);
         }
       });
       globalEvents.on($xeForm, 'resize', handleGlobalResizeEvent);
@@ -25818,9 +25818,9 @@ const ImageGroup = VxeImageGroup;
 const VxeImagePreview = Object.assign(preview, {
   install(app) {
     app.component(preview.name, preview);
-    index_esm_VxeUI.previewImage = openPreviewImage;
   }
 });
+index_esm_VxeUI.previewImage = openPreviewImage;
 dynamicApp.use(VxeImagePreview);
 index_esm_VxeUI.component(preview);
 const ImagePreview = VxeImagePreview;
@@ -27939,7 +27939,7 @@ const lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
           return;
         }
         const posStorageMap = getStorageMap(storageKey);
-        posStorageMap[id] = [boxElem.style.left, boxElem.style.top, boxElem.style.width, boxElem.style.height].concat(revertLocat ? [revertLocat.left, revertLocat.top, revertLocat.width, revertLocat.height] : []).map(val => val ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(val) : '').join(',');
+        posStorageMap[id] = [boxElem.style.left, boxElem.style.top, boxElem.clientWidth, boxElem.clientHeight].concat(revertLocat ? [revertLocat.left, revertLocat.top, revertLocat.width, revertLocat.height] : []).map(val => val ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(val) : '').join(',');
         localStorage.setItem(storageKey, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toJSONString(posStorageMap));
       }
     };
@@ -28898,7 +28898,7 @@ const lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
       }
       (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
         if (props.storage && !props.id) {
-          errLog('vxe.error.reqProp', ['modal.id']);
+          errLog('vxe.error.reqProp', ['[modal] id']);
         }
         if (props.modelValue) {
           openModal();
@@ -29479,6 +29479,7 @@ function select_createInternalData() {
       default: () => getConfig().select.allowCreate
     },
     placement: String,
+    lazyOptions: Array,
     options: Array,
     optionProps: Object,
     optionGroups: Array,
@@ -29747,22 +29748,48 @@ function select_createInternalData() {
       return false;
     };
     const getRemoteSelectLabel = value => {
+      const {
+        lazyOptions
+      } = props;
       const {
         remoteValMaps,
         optFullValMaps
       } = internalData;
+      const valueField = computeValueField.value;
       const labelField = computeLabelField.value;
       const remoteItem = remoteValMaps[value] || optFullValMaps[value];
       const item = remoteItem ? remoteItem.item : null;
-      return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toValueString(item ? item[labelField] : value);
+      if (item) {
+        return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toValueString(item[labelField]);
+      }
+      if (lazyOptions) {
+        const lazyItem = lazyOptions.find(item => item[valueField] === value);
+        if (lazyItem) {
+          return lazyItem[labelField];
+        }
+      }
+      return value;
     };
     const getSelectLabel = value => {
+      const {
+        lazyOptions
+      } = props;
       const {
         optFullValMaps
       } = internalData;
+      const valueField = computeValueField.value;
       const labelField = computeLabelField.value;
       const cacheItem = reactData.reactFlag ? optFullValMaps[value] : null;
-      return cacheItem ? cacheItem.item[labelField] : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toValueString(value);
+      if (cacheItem) {
+        return cacheItem.item[labelField];
+      }
+      if (lazyOptions) {
+        const lazyItem = lazyOptions.find(item => item[valueField] === value);
+        if (lazyItem) {
+          return lazyItem[labelField];
+        }
+      }
+      return value;
     };
     const cacheItemMap = datas => {
       const groupOptionsField = computeGroupOptionsField.value;
@@ -31693,7 +31720,7 @@ function select_createInternalData() {
        * @deprecated
        */
       jumpPage(currentPage) {
-        warnLog('vxe.error.delFunc', ['jumpPage', 'setCurrentPage']);
+        warnLog('vxe.error.delFunc', ['[pager] jumpPage', 'setCurrentPage']);
         return $xePager.setCurrentPage(currentPage);
       }
     };
@@ -31769,7 +31796,7 @@ function select_createInternalData() {
         if (renderFn) {
           childNodes.push(renderFn());
         } else {
-          errLog('vxe.error.notProp', [`layouts -> ${name}`]);
+          errLog('vxe.error.notProp', [`[pager] layouts -> ${name}`]);
         }
       });
       if (slots.right) {
@@ -34325,13 +34352,13 @@ const Select = VxeSelect;
       };
       reactData.itemList = list.map(item => {
         if (item.showAction) {
-          warnLog('vxe.error.removeProp', ['showAction']);
+          warnLog('vxe.error.removeProp', ['[split] show-action']);
         }
         if (item.slots) {
           external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().each(item.slots, func => {
             if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(func)) {
               if (!slots[func]) {
-                errLog('vxe.error.notSlot', [func]);
+                errLog('vxe.error.notSlot', [`[split] ${func}`]);
               }
             }
           });
@@ -35007,11 +35034,11 @@ const Select = VxeSelect;
       }
       reactData.itemList = val || [];
       if ((showPrevButton || showNextButton) && reactData.itemList.length > 2) {
-        errLog('vxe.error.modelConflicts', ['action-config.showPrevButton | action-config.showNextButton', '<vxe-split-pane ...> Only supports 2 panel']);
+        errLog('vxe.error.modelConflicts', ['[split] action-config.showPrevButton | action-config.showNextButton', '<vxe-split-pane ...> Only supports 2 panel']);
       }
       reactData.itemList.forEach(item => {
         if (item.showAction) {
-          warnLog('vxe.error.removeProp', ['showAction']);
+          warnLog('vxe.error.removeProp', ['[split] showAction']);
         }
       });
       recalculate();
@@ -35030,7 +35057,7 @@ const Select = VxeSelect;
       }
       const actionOpts = computeActionOpts.value;
       if (actionOpts.direction) {
-        errLog('vxe.error.delProp', ['action-config.direction', 'action-config.showPrevButton | action-config.showNextButton']);
+        errLog('vxe.error.delProp', ['[split] action-config.direction', 'action-config.showPrevButton | action-config.showNextButton']);
       }
       globalEvents.on($xeSplit, 'resize', handleGlobalResizeEvent);
     });
@@ -35968,6 +35995,7 @@ function getRowUniqueId() {
     columns: Array,
     options: Array,
     optionProps: Object,
+    lazyOptions: Array,
     zIndex: Number,
     size: {
       type: String,
@@ -36086,8 +36114,7 @@ function getRowUniqueId() {
     });
     const computeGridOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       return Object.assign({}, getConfig().tableSelect.gridConfig, props.gridConfig, {
-        data: undefined,
-        columns: undefined
+        data: undefined
       });
     });
     const computeSelectGridOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
@@ -36127,15 +36154,26 @@ function getRowUniqueId() {
     });
     const computeSelectLabel = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
-        modelValue
+        modelValue,
+        lazyOptions
       } = props;
       const {
         fullRowMaps
       } = reactData;
+      const valueField = computeValueField.value;
       const labelField = computeLabelField.value;
       return (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(modelValue) ? modelValue : [modelValue]).map(val => {
         const cacheItem = fullRowMaps[val];
-        return cacheItem ? cacheItem.item[labelField] : val;
+        if (cacheItem) {
+          return cacheItem.item[labelField];
+        }
+        if (lazyOptions) {
+          const lazyItem = lazyOptions.find(item => item[valueField] === val);
+          if (lazyItem) {
+            return lazyItem[labelField];
+          }
+        }
+        return val;
       }).join(', ');
     });
     const computePopupWrapperStyle = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
@@ -36219,6 +36257,9 @@ function getRowUniqueId() {
       });
     };
     const loadTableColumn = columns => {
+      if (!columns || !columns.length) {
+        return;
+      }
       const {
         multiple
       } = props;
@@ -36271,12 +36312,12 @@ function getRowUniqueId() {
             rowid = getRowUniqueId();
           }
           if (keyMaps[rowid]) {
-            errLog('vxe.error.repeatKey', [rowKeyField, rowid]);
+            errLog('vxe.error.repeatKey', [`[table-select] ${rowKeyField}`, rowid]);
           }
           keyMaps[rowid] = true;
           const value = item[valueField];
           if (rowMaps[value]) {
-            errLog('vxe.error.repeatKey', [valueField, value]);
+            errLog('vxe.error.repeatKey', [`[table-select] ${valueField}`, value]);
           }
           rowMaps[value] = {
             item,
@@ -36605,7 +36646,7 @@ function getRowUniqueId() {
         ref: refGrid,
         rowConfig: rowOpts,
         data: options,
-        columns: tableColumns,
+        columns: tableColumns.length ? tableColumns : selectGridOpts.columns,
         height: '100%',
         autoResize: true,
         onRadioChange: radioChangeEvent,
@@ -36623,12 +36664,12 @@ function getRowUniqueId() {
       cacheDataMap();
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.columns, val => {
-      loadTableColumn(val || []);
+      loadTableColumn(val);
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.modelValue, val => {
       updateModel(val);
     });
-    loadTableColumn(props.columns || []);
+    loadTableColumn(props.columns);
     cacheDataMap();
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
       const {
@@ -36652,7 +36693,7 @@ function getRowUniqueId() {
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
       if (!VxeTableGridComponent) {
-        errLog('vxe.error.reqComp', ['vxe-grid']);
+        errLog('vxe.error.reqComp', ['[table-select] vxe-grid']);
       }
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeTableSelect', $xeTableSelect);
@@ -37338,11 +37379,11 @@ const scrollbarOffsetSize = 20;
         return handlePrevNext(true);
       },
       prevTab() {
-        warnLog('vxe.error.delFunc', ['prevTab', 'prev']);
+        warnLog('vxe.error.delFunc', ['[tabs] prevTab', 'prev']);
         return tabsMethods.prev();
       },
       nextTab() {
-        warnLog('vxe.error.delFunc', ['nextTab', 'next']);
+        warnLog('vxe.error.delFunc', ['[tabs] nextTab', 'next']);
         return tabsMethods.next();
       }
     };
@@ -38755,6 +38796,7 @@ function tree_createInternalData() {
     // 已废弃
     isHover: Boolean,
     expandAll: Boolean,
+    expandNodeKeys: Array,
     showLine: {
       type: Boolean,
       default: () => getConfig().tree.showLine
@@ -39339,6 +39381,7 @@ function tree_createInternalData() {
     const loadData = list => {
       const {
         expandAll,
+        expandNodeKeys,
         transform
       } = props;
       const {
@@ -39364,7 +39407,7 @@ function tree_createInternalData() {
       handleData(true);
       if (sYLoad) {
         if (!(props.height || props.maxHeight)) {
-          errLog('vxe.error.reqProp', ['height | max-height | virtual-y-config.enabled=false']);
+          errLog('vxe.error.reqProp', ['[tree] height | max-height | virtual-y-config.enabled=false']);
         }
       }
       return computeScrollLoad().then(() => {
@@ -39373,6 +39416,8 @@ function tree_createInternalData() {
             internalData.initialized = true;
             if (expandAll) {
               $xeTree.setAllExpandNode(true);
+            } else if (expandNodeKeys && expandNodeKeys.length) {
+              $xeTree.setExpandByNodeId(expandNodeKeys, true);
             }
             handleSetCheckboxByNodeId(props.checkNodeKeys || [], true);
           }
@@ -40406,7 +40451,7 @@ function tree_createInternalData() {
           external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(nodeList, (childRow, index, items, path, parent, nodes) => {
             const itemNodeId = getNodeId(childRow);
             nodeMaps[itemNodeId] = {
-              item: node,
+              item: childRow,
               index: -1,
               items,
               parent: parent || parentNodeItem.item,
@@ -40903,6 +40948,7 @@ function tree_select_createInternalData() {
     popupClassName: [String, Function],
     prefixIcon: String,
     placement: String,
+    lazyOptions: Array,
     options: Array,
     optionProps: Object,
     zIndex: Number,
@@ -41090,16 +41136,27 @@ function tree_select_createInternalData() {
     });
     const computeSelectLabel = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
-        modelValue
+        modelValue,
+        lazyOptions
       } = props;
       const {
         fullNodeMaps
       } = internalData;
+      const valueField = computeValueField.value;
       const labelField = computeLabelField.value;
       const selectVals = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(modelValue) ? [] : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(modelValue) ? modelValue : [modelValue];
       return selectVals.map(val => {
         const cacheItem = fullNodeMaps[val];
-        return cacheItem ? cacheItem.item[labelField] : val;
+        if (cacheItem) {
+          return cacheItem.item[labelField];
+        }
+        if (lazyOptions) {
+          const lazyItem = lazyOptions.find(item => item[valueField] === val);
+          if (lazyItem) {
+            return lazyItem[labelField];
+          }
+        }
+        return val;
       }).join(', ');
     });
     const computePopupWrapperStyle = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
@@ -41163,12 +41220,12 @@ function tree_select_createInternalData() {
           nodeid = tree_select_getOptUniqueId();
         }
         if (keyMaps[nodeid]) {
-          errLog('vxe.error.repeatKey', [nodeKeyField, nodeid]);
+          errLog('vxe.error.repeatKey', [`[tree-select] ${nodeKeyField}`, nodeid]);
         }
         keyMaps[nodeid] = true;
         const value = item[valueField];
         if (nodeMaps[value]) {
-          errLog('vxe.error.repeatKey', [valueField, value]);
+          errLog('vxe.error.repeatKey', [`[tree-select] ${valueField}`, value]);
         }
         nodeMaps[value] = {
           item,
@@ -41667,6 +41724,7 @@ function tree_select_createInternalData() {
         hasChildField: treeOpts.hasChildField || hasChildField,
         accordion: treeOpts.accordion,
         expandAll: treeOpts.expandAll,
+        expandNodeKeys: treeOpts.expandNodeKeys,
         nodeConfig: treeNodeOpts,
         lazy: treeOpts.lazy,
         loadMethod: treeOpts.loadMethod,
@@ -43559,10 +43617,10 @@ const saveLocalFile = options => {
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
       if (props.multiple && props.singleMode) {
-        errLog('vxe.error.errConflicts', ['multiple', 'single-mode']);
+        errLog('vxe.error.errConflicts', ['[upload] multiple', 'single-mode']);
       }
       if (props.imageStyle) {
-        warnLog('vxe.error.delProp', ['image-style', 'image-config']);
+        warnLog('vxe.error.delProp', ['[upload] image-style', 'image-config']);
       }
       if (props.dragSort) {
         initTpImg();