vxe-pc-ui 4.11.43 → 4.11.45

package/lib/index.umd.js

@@ -3661,14 +3661,14 @@ function checkDynamic() {
 }
 ;// CONCATENATED MODULE: ./packages/ui/src/log.ts
 
-const log_version = `ui v${"4.11.43"}`;
+const log_version = `ui v${"4.11.45"}`;
 const warnLog = log.create('warn', log_version);
 const errLog = log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 
 
-const ui_version = "4.11.43";
+const ui_version = "4.11.45";
 index_esm_VxeUI.uiVersion = ui_version;
 index_esm_VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -6806,6 +6806,7 @@ const VxeButtonComponent = defineVxeComponent({
       type: Boolean,
       default: () => getConfig().button.destroyOnClose
     },
+    popupConfig: Object,
     /**
      * 是否将弹框容器插入于 body 内
      */
@@ -6865,6 +6866,10 @@ const VxeButtonComponent = defineVxeComponent({
       const {
         transfer
       } = props;
+      const popupOpts = computePopupOpts.value;
+      if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(popupOpts.transfer)) {
+        return popupOpts.transfer;
+      }
       if (transfer === null) {
         const globalTransfer = getConfig().button.transfer;
         if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(globalTransfer)) {
@@ -6964,6 +6969,9 @@ const VxeButtonComponent = defineVxeComponent({
       }
       return [];
     });
+    const computePopupOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return Object.assign({}, getConfig().button.popupConfig, props.popupConfig);
+    });
     const computePrefixTipOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       return Object.assign({}, getConfig().button.prefixTooltip, props.prefixTooltip);
     });
@@ -6971,11 +6979,10 @@ const VxeButtonComponent = defineVxeComponent({
       return Object.assign({}, getConfig().button.suffixTooltip, props.suffixTooltip);
     });
     const updateZindex = () => {
-      const {
-        zIndex
-      } = props;
-      if (zIndex) {
-        reactData.panelIndex = zIndex;
+      const popupOpts = computePopupOpts.value;
+      const customZIndex = popupOpts.zIndex || props.zIndex;
+      if (customZIndex) {
+        reactData.panelIndex = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(customZIndex);
       } else if (reactData.panelIndex < getLastZIndex()) {
         reactData.panelIndex = nextZIndex();
       }
@@ -6990,9 +6997,10 @@ const VxeButtonComponent = defineVxeComponent({
       const targetElem = refButton.value;
       const panelElem = refBtnPanel.value;
       const btnTransfer = computeBtnTransfer.value;
+      const popupOpts = computePopupOpts.value;
       const handleStyle = () => {
         const ppObj = updatePanelPlacement(targetElem, panelElem, {
-          placement,
+          placement: popupOpts.placement || placement,
           teleportTo: btnTransfer
         });
         const panelStyle = Object.assign(ppObj.style, {
@@ -7300,7 +7308,6 @@ const VxeButtonComponent = defineVxeComponent({
     const renderVN = () => {
       const {
         className,
-        popupClassName,
         trigger,
         title,
         routerLink,
@@ -7326,8 +7333,10 @@ const VxeButtonComponent = defineVxeComponent({
       const btnDisabled = computeBtnDisabled.value;
       const permissionInfo = computePermissionInfo.value;
       const downBtnList = computeDownBtnList.value;
+      const popupOpts = computePopupOpts.value;
       const vSize = computeSize.value;
       const dropdownsSlot = slots.dropdowns;
+      const ppClassName = popupOpts.className || props.popupClassName;
       if (!permissionInfo.visible) {
         return renderEmptyElement($xeButton);
       }
@@ -7403,9 +7412,9 @@ const VxeButtonComponent = defineVxeComponent({
           disabled: btnTransfer ? !initialized : true
         }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           ref: refBtnPanel,
-          class: ['vxe-button--dropdown-panel', popupClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(popupClassName) ? popupClassName({
+          class: ['vxe-button--dropdown-panel', ppClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(ppClassName) ? ppClassName({
             $button: $xeButton
-          }) : popupClassName : '', {
+          }) : ppClassName : '', {
             [`size--${vSize}`]: vSize,
             'is--transfer': btnTransfer,
             'ani--leave': isAniVisible,
@@ -20554,6 +20563,7 @@ const DatePanel = VxeDatePanel;
       type: Boolean,
       default: null
     },
+    popupConfig: Object,
     shortcutConfig: Object,
     // 已废弃 startWeek，被 startDay 替换
     startWeek: Number
@@ -20608,6 +20618,10 @@ const DatePanel = VxeDatePanel;
       const {
         transfer
       } = props;
+      const popupOpts = computePopupOpts.value;
+      if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(popupOpts.transfer)) {
+        return popupOpts.transfer;
+      }
       if (transfer === null) {
         const globalTransfer = getConfig().datePicker.transfer;
         if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(globalTransfer)) {
@@ -20684,6 +20698,9 @@ const DatePanel = VxeDatePanel;
       } = props;
       return immediate;
     });
+    const computePopupOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return Object.assign({}, getConfig().datePicker.popupConfig, props.popupConfig);
+    });
     const computeShortcutOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       return Object.assign({}, getConfig().datePicker.shortcutConfig, props.shortcutConfig);
     });
@@ -21022,11 +21039,10 @@ const DatePanel = VxeDatePanel;
     };
     // 弹出面板
     const updateZindex = () => {
-      const {
-        zIndex
-      } = props;
-      if (zIndex) {
-        reactData.panelIndex = zIndex;
+      const popupOpts = computePopupOpts.value;
+      const customZIndex = popupOpts.zIndex || props.zIndex;
+      if (customZIndex) {
+        reactData.panelIndex = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(customZIndex);
       } else if (reactData.panelIndex < getLastZIndex()) {
         reactData.panelIndex = nextZIndex();
       }
@@ -21041,9 +21057,10 @@ const DatePanel = VxeDatePanel;
       const targetElem = refInputTarget.value;
       const panelElem = refInputPanel.value;
       const btnTransfer = computeBtnTransfer.value;
+      const popupOpts = computePopupOpts.value;
       const handleStyle = () => {
         const ppObj = updatePanelPlacement(targetElem, panelElem, {
-          placement,
+          placement: popupOpts.placement || placement,
           teleportTo: btnTransfer
         });
         const panelStyle = Object.assign(ppObj.style, {
@@ -21232,6 +21249,7 @@ const DatePanel = VxeDatePanel;
       const isClearable = computeIsClearable.value;
       const isDateTimeType = computeIsDateTimeType.value;
       const shortcutList = computeShortcutList.value;
+      const popupOpts = computePopupOpts.value;
       const {
         position
       } = shortcutOpts;
@@ -21241,6 +21259,7 @@ const DatePanel = VxeDatePanel;
       const bottomSlot = slots.bottom;
       const leftSlot = slots.left;
       const rightSlot = slots.right;
+      const ppClassName = popupOpts.className;
       const hasShortcutBtn = shortcutList.length > 0;
       const showConfirmBtn = showConfirmButton === null ? isDateTimeType || multiple : showConfirmButton;
       const showClearBtn = showClearButton === null ? isClearable && showConfirmBtn && type !== 'time' : showClearButton;
@@ -21249,7 +21268,9 @@ const DatePanel = VxeDatePanel;
         disabled: btnTransfer ? !initialized : true
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refInputPanel,
-        class: ['vxe-table--ignore-clear vxe-date-picker--panel', `type--${type}`, {
+        class: ['vxe-table--ignore-clear vxe-date-picker--panel', `type--${type}`, ppClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(ppClassName) ? ppClassName({
+          $datePicker: $xeDatePicker
+        }) : ppClassName : '', {
           [`size--${vSize}`]: vSize,
           'is--transfer': btnTransfer,
           'ani--leave': isAniVisible,
@@ -21586,6 +21607,7 @@ const DatePicker = VxeDatePicker;
       type: Boolean,
       default: null
     },
+    popupConfig: Object,
     shortcutConfig: Object
   },
   emits: ['update:modelValue', 'update:startValue', 'update:endValue', 'input', 'change', 'keydown', 'keyup', 'click', 'focus', 'blur', 'clear', 'confirm', 'prefix-click', 'suffix-click', 'date-prev', 'date-today', 'date-next', 'shortcut-click'],
@@ -21641,6 +21663,10 @@ const DatePicker = VxeDatePicker;
       const {
         transfer
       } = props;
+      const popupOpts = computePopupOpts.value;
+      if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(popupOpts.transfer)) {
+        return popupOpts.transfer;
+      }
       if (transfer === null) {
         const globalTransfer = getConfig().dateRangePicker.transfer;
         if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(globalTransfer)) {
@@ -21744,6 +21770,9 @@ const DatePicker = VxeDatePicker;
       } = props;
       return immediate;
     });
+    const computePopupOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return Object.assign({}, getConfig().dateRangePicker.popupConfig, props.popupConfig);
+    });
     const computeShortcutOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       return Object.assign({}, getConfig().dateRangePicker.shortcutConfig, props.shortcutConfig);
     });
@@ -22241,11 +22270,10 @@ const DatePicker = VxeDatePicker;
     };
     // 弹出面板
     const updateZindex = () => {
-      const {
-        zIndex
-      } = props;
-      if (zIndex) {
-        reactData.panelIndex = zIndex;
+      const popupOpts = computePopupOpts.value;
+      const customZIndex = popupOpts.zIndex || props.zIndex;
+      if (customZIndex) {
+        reactData.panelIndex = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(customZIndex);
       } else if (reactData.panelIndex < getLastZIndex()) {
         reactData.panelIndex = nextZIndex();
       }
@@ -22260,9 +22288,10 @@ const DatePicker = VxeDatePicker;
       const targetElem = refInputTarget.value;
       const panelElem = refInputPanel.value;
       const btnTransfer = computeBtnTransfer.value;
+      const popupOpts = computePopupOpts.value;
       const handleStyle = () => {
         const ppObj = updatePanelPlacement(targetElem, panelElem, {
-          placement,
+          placement: popupOpts.placement || placement,
           teleportTo: btnTransfer
         });
         const panelStyle = Object.assign(ppObj.style, {
@@ -22466,6 +22495,7 @@ const DatePicker = VxeDatePicker;
       const isDateTimeType = computeIsDateTimeType.value;
       const defaultDates = computeDefaultDates.value;
       const defaultTimes = computeDefaultTimes.value;
+      const popupOpts = computePopupOpts.value;
       const {
         startLabel,
         endLabel
@@ -22479,6 +22509,7 @@ const DatePicker = VxeDatePicker;
       const bottomSlot = slots.bottom;
       const leftSlot = slots.left;
       const rightSlot = slots.right;
+      const ppClassName = popupOpts.className;
       const [sdDate, edDate] = defaultDates;
       const [sdTime, edTime] = defaultTimes;
       const hasShortcutBtn = shortcutList.length > 0;
@@ -22489,7 +22520,9 @@ const DatePicker = VxeDatePicker;
         disabled: btnTransfer ? !initialized : true
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refInputPanel,
-        class: ['vxe-table--ignore-clear vxe-date-range-picker--panel', `type--${type}`, {
+        class: ['vxe-table--ignore-clear vxe-date-range-picker--panel', `type--${type}`, ppClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(ppClassName) ? ppClassName({
+          $dateRangePicker: $xeDateRangePicker
+        }) : ppClassName : '', {
           [`size--${vSize}`]: vSize,
           'is--transfer': btnTransfer,
           'ani--leave': isAniVisible,
@@ -26401,6 +26434,10 @@ const Icon = VxeIcon;
       default: () => getConfig().iconPicker.size || getConfig().size
     },
     className: [String, Function],
+    /**
+     * 已废弃，请使用 popupConfig.className
+     * @deprecated
+     */
     popupClassName: [String, Function],
     showIconTitle: {
       type: Boolean,
@@ -26416,6 +26453,7 @@ const Icon = VxeIcon;
     },
     icons: Array,
     placement: String,
+    popupConfig: Object,
     transfer: {
       type: Boolean,
       default: null
@@ -26490,6 +26528,10 @@ const Icon = VxeIcon;
       const {
         transfer
       } = props;
+      const popupOpts = computePopupOpts.value;
+      if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(popupOpts.transfer)) {
+        return popupOpts.transfer;
+      }
       if (transfer === null) {
         const globalTransfer = getConfig().iconPicker.transfer;
         if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(globalTransfer)) {
@@ -26535,6 +26577,9 @@ const Icon = VxeIcon;
         };
       });
     });
+    const computePopupOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return Object.assign({}, getConfig().iconPicker.popupConfig, props.popupConfig);
+    });
     const computeIconGroupList = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const iconList = computeIconList.value;
       return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().chunk(iconList, 4);
@@ -26552,83 +26597,29 @@ const Icon = VxeIcon;
       }
     };
     const updatePlacement = () => {
-      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(() => {
-        const {
-          placement
-        } = props;
-        const {
-          panelIndex
-        } = reactData;
-        const el = refElem.value;
-        const panelElem = refOptionPanel.value;
-        const btnTransfer = computeBtnTransfer.value;
-        if (panelElem && el) {
-          const targetHeight = el.offsetHeight;
-          const targetWidth = el.offsetWidth;
-          const panelHeight = panelElem.offsetHeight;
-          const panelWidth = panelElem.offsetWidth;
-          const marginSize = 5;
-          const panelStyle = {
-            zIndex: panelIndex
-          };
-          const {
-            boundingTop,
-            boundingLeft,
-            visibleHeight,
-            visibleWidth
-          } = getAbsolutePos(el);
-          let panelPlacement = 'bottom';
-          if (btnTransfer) {
-            let left = boundingLeft;
-            let top = boundingTop + targetHeight;
-            if (placement === 'top') {
-              panelPlacement = 'top';
-              top = boundingTop - panelHeight;
-            } else if (!placement) {
-              // 如果下面不够放，则向上
-              if (top + panelHeight + marginSize > visibleHeight) {
-                panelPlacement = 'top';
-                top = boundingTop - panelHeight;
-              }
-              // 如果上面不够放，则向下（优先）
-              if (top < marginSize) {
-                panelPlacement = 'bottom';
-                top = boundingTop + targetHeight;
-              }
-            }
-            // 如果溢出右边
-            if (left + panelWidth + marginSize > visibleWidth) {
-              left -= left + panelWidth + marginSize - visibleWidth;
-            }
-            // 如果溢出左边
-            if (left < marginSize) {
-              left = marginSize;
-            }
-            Object.assign(panelStyle, {
-              left: `${left}px`,
-              top: `${top}px`,
-              minWidth: `${targetWidth}px`
-            });
-          } else {
-            if (placement === 'top') {
-              panelPlacement = 'top';
-              panelStyle.bottom = `${targetHeight}px`;
-            } else if (!placement) {
-              // 如果下面不够放，则向上
-              if (boundingTop + targetHeight + panelHeight > visibleHeight) {
-                // 如果上面不够放，则向下（优先）
-                if (boundingTop - targetHeight - panelHeight > marginSize) {
-                  panelPlacement = 'top';
-                  panelStyle.bottom = `${targetHeight}px`;
-                }
-              }
-            }
-          }
-          reactData.panelStyle = panelStyle;
-          reactData.panelPlacement = panelPlacement;
-          return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
-        }
-      });
+      const {
+        placement
+      } = props;
+      const {
+        panelIndex
+      } = reactData;
+      const targetElem = refElem.value;
+      const panelElem = refOptionPanel.value;
+      const btnTransfer = computeBtnTransfer.value;
+      const popupOpts = computePopupOpts.value;
+      const handleStyle = () => {
+        const ppObj = updatePanelPlacement(targetElem, panelElem, {
+          placement: popupOpts.placement || placement,
+          teleportTo: btnTransfer
+        });
+        const panelStyle = Object.assign(ppObj.style, {
+          zIndex: panelIndex
+        });
+        reactData.panelStyle = panelStyle;
+        reactData.panelPlacement = ppObj.placement;
+      };
+      handleStyle();
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(handleStyle);
     };
     const showOptionPanel = () => {
       const {
@@ -26921,7 +26912,6 @@ const Icon = VxeIcon;
     const renderVN = () => {
       const {
         className,
-        popupClassName,
         clearable
       } = props;
       const {
@@ -26936,6 +26926,8 @@ const Icon = VxeIcon;
       const btnTransfer = computeBtnTransfer.value;
       const formReadonly = computeFormReadonly.value;
       const inpPlaceholder = computeInpPlaceholder.value;
+      const popupOpts = computePopupOpts.value;
+      const ppClassName = popupOpts.className || props.popupClassName;
       if (formReadonly) {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           ref: refElem,
@@ -26981,9 +26973,9 @@ const Icon = VxeIcon;
         disabled: btnTransfer ? !initialized : true
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refOptionPanel,
-        class: ['vxe-table--ignore-clear vxe-ico-picker--panel', popupClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(popupClassName) ? popupClassName({
+        class: ['vxe-table--ignore-clear vxe-ico-picker--panel', ppClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(ppClassName) ? ppClassName({
           $iconPicker: $xeIconPicker
-        }) : popupClassName : '', {
+        }) : ppClassName : '', {
           [`size--${vSize}`]: vSize,
           'is--transfer': btnTransfer,
           'ani--leave': isAniVisible,
@@ -31813,18 +31805,31 @@ function select_createInternalData() {
     optionGroupProps: Object,
     optionConfig: Object,
     className: [String, Function],
+    /**
+     * 已废弃，请使用 popupConfig.className
+     * @deprecated
+     */
     popupClassName: [String, Function],
     max: {
       type: [String, Number],
       default: null
     },
+    /**
+     * 已废弃，请使用 popupConfig.zIndex
+     * @deprecated
+     */
     zIndex: Number,
     size: {
       type: String,
       default: () => getConfig().select.size || getConfig().size
     },
     filterable: Boolean,
+    /**
+     * 已废弃，被 filter-config.filterMethod 替换
+     * @deprecated
+     */
     filterMethod: Function,
+    filterConfig: Object,
     remote: Boolean,
     remoteConfig: Object,
     emptyText: String,
@@ -31946,6 +31951,10 @@ function select_createInternalData() {
       const {
         transfer
       } = props;
+      const popupOpts = computePopupOpts.value;
+      if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(popupOpts.transfer)) {
+        return popupOpts.transfer;
+      }
       if (transfer === null) {
         const globalTransfer = getConfig().select.transfer;
         if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(globalTransfer)) {
@@ -32000,7 +32009,7 @@ function select_createInternalData() {
       return checkMaxLimit(selectVals);
     });
     const computePopupOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      return Object.assign({}, getConfig().treeSelect.popupConfig, props.popupConfig);
+      return Object.assign({}, getConfig().select.popupConfig, props.popupConfig);
     });
     const computeVirtualYOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       return Object.assign({}, getConfig().select.virtualYConfig || getConfig().select.scrollY, props.virtualYConfig || props.scrollY);
@@ -32008,6 +32017,9 @@ function select_createInternalData() {
     const computeRemoteOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       return Object.assign({}, getConfig().select.remoteConfig, props.remoteConfig);
     });
+    const computeFilterOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return Object.assign({}, getConfig().select.filterConfig, props.filterConfig);
+    });
     const computeOptionOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       return Object.assign({}, getConfig().select.optionConfig, props.optionConfig);
     });
@@ -32208,8 +32220,7 @@ function select_createInternalData() {
       const {
         remote,
         modelValue,
-        filterable,
-        filterMethod
+        filterable
       } = props;
       const {
         searchValue
@@ -32220,13 +32231,15 @@ function select_createInternalData() {
       } = internalData;
       const labelField = computeLabelField.value;
       const valueField = computeValueField.value;
+      const filterOpts = computeFilterOpts.value;
+      const frMethod = filterOpts.filterMethod || props.filterMethod;
       const searchStr = `${searchValue || ''}`.toLowerCase();
       let avList = [];
       if (remote) {
         avList = fullData.filter(isOptionVisible);
       } else {
-        if (filterable && filterMethod) {
-          avList = fullData.filter(option => isOptionVisible(option) && filterMethod({
+        if (filterable && frMethod) {
+          avList = fullData.filter(option => isOptionVisible(option) && frMethod({
             $select: $xeSelect,
             group: null,
             option,
@@ -32254,11 +32267,10 @@ function select_createInternalData() {
       }
     };
     const updateZIndex = () => {
-      const {
-        zIndex
-      } = props;
-      if (zIndex) {
-        reactData.panelIndex = zIndex;
+      const popupOpts = computePopupOpts.value;
+      const customZIndex = popupOpts.zIndex || props.zIndex;
+      if (customZIndex) {
+        reactData.panelIndex = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(customZIndex);
       } else if (reactData.panelIndex < getLastZIndex()) {
         reactData.panelIndex = nextZIndex();
       }
@@ -32273,9 +32285,10 @@ function select_createInternalData() {
       const targetElem = refElem.value;
       const panelElem = refOptionPanel.value;
       const btnTransfer = computeBtnTransfer.value;
+      const popupOpts = computePopupOpts.value;
       const handleStyle = () => {
         const ppObj = updatePanelPlacement(targetElem, panelElem, {
-          placement,
+          placement: popupOpts.placement || placement,
           teleportTo: btnTransfer
         });
         const panelStyle = Object.assign(ppObj.style, {
@@ -32328,7 +32341,7 @@ function select_createInternalData() {
         reactData.isActivated = true;
         reactData.isAniVisible = true;
         if (filterable) {
-          if (remote && remoteOpts.enabled && remoteOpts.autoLoad && !fullData.length) {
+          if (remote && remoteOpts.enabled && (remoteOpts.autoLoad && !fullData.length || fullData.length && remoteOpts.clearOnClose)) {
             handleSearchEvent();
           } else {
             handleOption();
@@ -32354,7 +32367,23 @@ function select_createInternalData() {
       }
     };
     const hideOptionPanel = () => {
-      reactData.searchValue = '';
+      const {
+        filterable,
+        remote
+      } = props;
+      const filterOpts = computeFilterOpts.value;
+      const remoteOpts = computeRemoteOpts.value;
+      if (remote) {
+        if (remoteOpts.clearOnClose) {
+          reactData.searchValue = '';
+        }
+      } else if (filterable) {
+        if (filterOpts.clearOnClose) {
+          reactData.searchValue = '';
+        }
+      } else {
+        reactData.searchValue = '';
+      }
       reactData.searchLoading = false;
       reactData.visiblePanel = false;
       internalData.hpTimeout = setTimeout(() => {
@@ -32705,17 +32734,16 @@ function select_createInternalData() {
     const handleSearchEvent = () => {
       const {
         modelValue,
-        remote,
-        remoteMethod
+        remote
       } = props;
       const {
         searchValue
       } = reactData;
       const remoteOpts = computeRemoteOpts.value;
-      const queryMethod = remoteOpts.queryMethod || remoteMethod;
-      if (remote && queryMethod && remoteOpts.enabled) {
+      const qyMethod = remoteOpts.queryMethod || props.remoteMethod;
+      if (remote && qyMethod && remoteOpts.enabled) {
         reactData.searchLoading = true;
-        Promise.resolve(queryMethod({
+        Promise.resolve(qyMethod({
           $select: $xeSelect,
           searchValue,
           value: modelValue
@@ -33257,11 +33285,11 @@ function select_createInternalData() {
       const inpPlaceholder = computeInpPlaceholder.value;
       const popupWrapperStyle = computePopupWrapperStyle.value;
       const popupOpts = computePopupOpts.value;
-      const popupClassName = popupOpts.className || props.popupClassName;
       const defaultSlot = slots.default;
       const headerSlot = slots.header;
       const footerSlot = slots.footer;
       const prefixSlot = slots.prefix;
+      const ppClassName = popupOpts.className || props.popupClassName;
       if (formReadonly) {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           ref: refElem,
@@ -33314,9 +33342,9 @@ function select_createInternalData() {
         disabled: btnTransfer ? !initialized : true
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refOptionPanel,
-        class: ['vxe-table--ignore-clear vxe-select--panel', popupClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(popupClassName) ? popupClassName({
+        class: ['vxe-table--ignore-clear vxe-select--panel', ppClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(ppClassName) ? ppClassName({
           $select: $xeSelect
-        }) : popupClassName : '', {
+        }) : ppClassName : '', {
           [`size--${vSize}`]: vSize,
           'is--transfer': btnTransfer,
           'ani--leave': !loading && isAniVisible,
@@ -35241,6 +35269,10 @@ const Print = VxePrint;
       type: String,
       default: getConfig().pulldown.trigger
     },
+    /**
+     * 已废弃，请使用 popupConfig.zIndex
+     * @deprecated
+     */
     zIndex: Number,
     size: {
       type: String,
@@ -35251,8 +35283,13 @@ const Print = VxePrint;
       type: [String, Function],
       default: getConfig().pulldown.className
     },
+    /**
+     * 已废弃，请使用 popupConfig.className
+     * @deprecated
+     */
     popupClassName: [String, Function],
     showPopupShadow: Boolean,
+    popupConfig: Object,
     destroyOnClose: {
       type: Boolean,
       default: getConfig().pulldown.destroyOnClose
@@ -35295,6 +35332,10 @@ const Print = VxePrint;
       const {
         transfer
       } = props;
+      const popupOpts = computePopupOpts.value;
+      if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(popupOpts.transfer)) {
+        return popupOpts.transfer;
+      }
       if (transfer === null) {
         const globalTransfer = getConfig().pulldown.transfer;
         if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(globalTransfer)) {
@@ -35306,6 +35347,9 @@ const Print = VxePrint;
       }
       return transfer;
     });
+    const computePopupOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return Object.assign({}, getConfig().pulldown.popupConfig, props.popupConfig);
+    });
     const refMaps = {
       refElem
     };
@@ -35319,11 +35363,10 @@ const Print = VxePrint;
     };
     let pulldownMethods = {};
     const updateZindex = () => {
-      const {
-        zIndex
-      } = props;
-      if (zIndex) {
-        reactData.panelIndex = zIndex;
+      const popupOpts = computePopupOpts.value;
+      const customZIndex = popupOpts.zIndex || props.zIndex;
+      if (customZIndex) {
+        reactData.panelIndex = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(customZIndex);
       } else if (reactData.panelIndex < getLastZIndex()) {
         reactData.panelIndex = nextZIndex();
       }
@@ -35344,9 +35387,10 @@ const Print = VxePrint;
       const targetElem = refPulldownContent.value;
       const panelElem = refPulldownPanel.value;
       const btnTransfer = computeBtnTransfer.value;
+      const popupOpts = computePopupOpts.value;
       const handleStyle = () => {
         const ppObj = updatePanelPlacement(targetElem, panelElem, {
-          placement,
+          placement: popupOpts.placement || placement,
           teleportTo: btnTransfer
         });
         const panelStyle = Object.assign(ppObj.style, {
@@ -35565,7 +35609,6 @@ const Print = VxePrint;
       const {
         className,
         options,
-        popupClassName,
         showPopupShadow,
         destroyOnClose,
         disabled
@@ -35580,10 +35623,12 @@ const Print = VxePrint;
       } = reactData;
       const btnTransfer = computeBtnTransfer.value;
       const vSize = computeSize.value;
+      const popupOpts = computePopupOpts.value;
       const defaultSlot = slots.default;
       const headerSlot = slots.header;
       const footerSlot = slots.footer;
       const dropdownSlot = slots.dropdown;
+      const ppClassName = popupOpts.className || props.popupClassName;
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refElem,
         class: ['vxe-pulldown', className ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(className) ? className({
@@ -35605,9 +35650,9 @@ const Print = VxePrint;
         disabled: btnTransfer ? !initialized : true
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refPulldownPanel,
-        class: ['vxe-table--ignore-clear vxe-pulldown--panel', popupClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(popupClassName) ? popupClassName({
+        class: ['vxe-table--ignore-clear vxe-pulldown--panel', ppClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(ppClassName) ? ppClassName({
           $pulldown: $xePulldown
-        }) : popupClassName : '', {
+        }) : ppClassName : '', {
           [`size--${vSize}`]: vSize,
           'is--transfer': btnTransfer,
           'ani--leave': isAniVisible,
@@ -38910,6 +38955,10 @@ function table_select_createInternalData() {
     options: Array,
     optionProps: Object,
     lazyOptions: Array,
+    /**
+     * 已废弃，请使用 popupConfig.zIndex
+     * @deprecated
+     */
     zIndex: Number,
     size: {
       type: String,
@@ -38987,8 +39036,12 @@ function table_select_createInternalData() {
       const {
         transfer
       } = props;
+      const popupOpts = computePopupOpts.value;
+      if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(popupOpts.transfer)) {
+        return popupOpts.transfer;
+      }
       if (transfer === null) {
-        const globalTransfer = getConfig().select.transfer;
+        const globalTransfer = getConfig().tableSelect.transfer;
         if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(globalTransfer)) {
           return globalTransfer;
         }
@@ -39262,11 +39315,10 @@ function table_select_createInternalData() {
       updateModel(props.modelValue);
     };
     const updateZindex = () => {
-      const {
-        zIndex
-      } = props;
-      if (zIndex) {
-        reactData.panelIndex = zIndex;
+      const popupOpts = computePopupOpts.value;
+      const customZIndex = popupOpts.zIndex || props.zIndex;
+      if (customZIndex) {
+        reactData.panelIndex = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(customZIndex);
       } else if (reactData.panelIndex < getLastZIndex()) {
         reactData.panelIndex = nextZIndex();
       }
@@ -39281,9 +39333,10 @@ function table_select_createInternalData() {
       const targetElem = refElem.value;
       const panelElem = refOptionPanel.value;
       const btnTransfer = computeBtnTransfer.value;
+      const popupOpts = computePopupOpts.value;
       const handleStyle = () => {
         const ppObj = updatePanelPlacement(targetElem, panelElem, {
-          placement,
+          placement: popupOpts.placement || placement,
           teleportTo: btnTransfer
         });
         const panelStyle = Object.assign(ppObj.style, {
@@ -39498,15 +39551,13 @@ function table_select_createInternalData() {
       const btnTransfer = computeBtnTransfer.value;
       const formReadonly = computeFormReadonly.value;
       const popupOpts = computePopupOpts.value;
-      const {
-        className: popupClassName
-      } = popupOpts;
       const selectGridOpts = computeSelectGridOpts.value;
       const rowOpts = computeRowOpts.value;
       const popupWrapperStyle = computePopupWrapperStyle.value;
       const headerSlot = slots.header;
       const footerSlot = slots.footer;
       const prefixSlot = slots.prefix;
+      const ppClassName = popupOpts.className;
       if (formReadonly) {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           ref: refElem,
@@ -39548,9 +39599,9 @@ function table_select_createInternalData() {
         disabled: btnTransfer ? !initialized : true
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refOptionPanel,
-        class: ['vxe-table--ignore-clear vxe-table-select--panel', popupClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(popupClassName) ? popupClassName({
+        class: ['vxe-table--ignore-clear vxe-table-select--panel', ppClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(ppClassName) ? ppClassName({
           $tableSelect: $xeTableSelect
-        }) : popupClassName : '', {
+        }) : ppClassName : '', {
           [`size--${vSize}`]: vSize,
           'is--transfer': btnTransfer,
           'ani--leave': !loading && isAniVisible,
@@ -44948,12 +44999,20 @@ function tree_select_createInternalData() {
     filterConfig: Object,
     multiple: Boolean,
     className: [String, Function],
+    /**
+     * 已废弃，请使用 popupConfig.className
+     * @deprecated
+     */
     popupClassName: [String, Function],
     prefixIcon: String,
     placement: String,
     lazyOptions: Array,
     options: Array,
     optionProps: Object,
+    /**
+     * 已废弃，请使用 popupConfig.zIndex
+     * @deprecated
+     */
     zIndex: Number,
     size: {
       type: String,
@@ -45060,8 +45119,12 @@ function tree_select_createInternalData() {
       const {
         transfer
       } = props;
+      const popupOpts = computePopupOpts.value;
+      if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(popupOpts.transfer)) {
+        return popupOpts.transfer;
+      }
       if (transfer === null) {
-        const globalTransfer = getConfig().select.transfer;
+        const globalTransfer = getConfig().treeSelect.transfer;
         if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(globalTransfer)) {
           return globalTransfer;
         }
@@ -45268,11 +45331,10 @@ function tree_select_createInternalData() {
       internalData.fullNodeMaps = nodeMaps;
     };
     const updateZindex = () => {
-      const {
-        zIndex
-      } = props;
-      if (zIndex) {
-        reactData.panelIndex = zIndex;
+      const popupOpts = computePopupOpts.value;
+      const customZIndex = popupOpts.zIndex || props.zIndex;
+      if (customZIndex) {
+        reactData.panelIndex = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(customZIndex);
       } else if (reactData.panelIndex < getLastZIndex()) {
         reactData.panelIndex = nextZIndex();
       }
@@ -45287,9 +45349,10 @@ function tree_select_createInternalData() {
       const targetElem = refElem.value;
       const panelElem = refOptionPanel.value;
       const btnTransfer = computeBtnTransfer.value;
+      const popupOpts = computePopupOpts.value;
       const handleStyle = () => {
         const ppObj = updatePanelPlacement(targetElem, panelElem, {
-          placement,
+          placement: popupOpts.placement || placement,
           teleportTo: btnTransfer
         });
         const panelStyle = Object.assign(ppObj.style, {
@@ -45612,7 +45675,7 @@ function tree_select_createInternalData() {
       const footerSlot = slots.footer;
       const prefixSlot = slots.prefix;
       const popupOpts = computePopupOpts.value;
-      const popupClassName = popupOpts.className || props.popupClassName;
+      const ppClassName = popupOpts.className || props.popupClassName;
       if (formReadonly) {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           ref: refElem,
@@ -45690,9 +45753,9 @@ function tree_select_createInternalData() {
         disabled: btnTransfer ? !initialized : true
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refOptionPanel,
-        class: ['vxe-table--ignore-clear vxe-tree-select--panel', popupClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(popupClassName) ? popupClassName({
+        class: ['vxe-table--ignore-clear vxe-tree-select--panel', ppClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(ppClassName) ? ppClassName({
           $treeSelect: $xeTreeSelect
-        }) : popupClassName : '', {
+        }) : ppClassName : '', {
           [`size--${vSize}`]: vSize,
           'is--transfer': btnTransfer,
           'ani--leave': !loading && isAniVisible,