vxe-pc-ui 4.17.24 → 4.17.26

package/dist/all.esm.js

@@ -1,5 +1,5 @@
 import * as core from '@vxe-ui/core';
-import { VxeUI, setConfig as setConfig$1, setIcon, getConfig as getConfig$3, createEvent, getIcon as getIcon$2, renderEmptyElement, useSize, usePermission, permission, globalEvents, renderer, getI18n as getI18n$2, globalResize, menus as menus$3, GLOBAL_EVENT_KEYS, getSlotVNs as getSlotVNs$1, commands, formats, getComponent, validators } from '@vxe-ui/core';
+import { VxeUI, setConfig as setConfig$1, setIcon, getConfig as getConfig$3, createEvent, getIcon as getIcon$2, renderEmptyElement, useSize, globalEvents, usePermission, permission, renderer, getI18n as getI18n$2, globalResize, menus as menus$3, GLOBAL_EVENT_KEYS, getSlotVNs as getSlotVNs$1, commands, formats, getComponent, validators } from '@vxe-ui/core';
 export * from '@vxe-ui/core';
 import { defineComponent, ref, reactive, h, createCommentVNode, createApp, inject, computed, watch, onMounted, onUnmounted, provide, nextTick, onBeforeUnmount, resolveComponent, Teleport, onActivated, onDeactivated, TransitionGroup } from 'vue';
 import XEUtils from 'xe-utils';
@@ -101,7 +101,7 @@ function checkDynamic() {
 }
 
 const { log } = VxeUI;
-const uiVersion = `ui v${"4.17.24"}`;
+const uiVersion = `ui v${"4.17.26"}`;
 function createComponentLog(name) {
     const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';
     const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';
@@ -115,7 +115,7 @@ function createComponentLog(name) {
 const warnLog$i = log.create('warn', uiVersion);
 log.create('error', uiVersion);
 
-const version = "4.17.24";
+const version = "4.17.26";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -409,6 +409,11 @@ setConfig$1({
             showButton: true,
             isWheel: true,
             isArrow: true
+        },
+        tooltipConfig: {
+            minWidth: 60,
+            enterable: true,
+            enterDelay: 0
         }
     },
     optgroup: {},
@@ -2765,7 +2770,9 @@ var VxeTooltipComponent = defineVxeComponent({
         }
     },
     emits: [
-        'update:modelValue'
+        'update:modelValue',
+        'show',
+        'hide'
     ],
     setup(props, context) {
         const { slots, emit } = context;
@@ -2882,7 +2889,7 @@ var VxeTooltipComponent = defineVxeComponent({
             tipStore.placement = 'top';
             tipStore.style = { width: 'auto', left: 0, top: 0, zIndex: props.zIndex || reactData.tipZindex };
             tipStore.arrowStyle = { left: '50%' };
-            return tooltipMethods.updatePlacement();
+            return $xeTooltip.updatePlacement();
         };
         const handleDelayFn = () => {
             internalData.showDelayTip = XEUtils.debounce(() => {
@@ -2920,9 +2927,12 @@ var VxeTooltipComponent = defineVxeComponent({
                     if (showDelayTip) {
                         showDelayTip();
                     }
+                    dispatchEvent('show', {}, evnt || null);
                 }
                 else {
-                    return showTip();
+                    const rest = showTip();
+                    dispatchEvent('show', {}, evnt || null);
+                    return rest;
                 }
             }
             return nextTick();
@@ -2971,6 +2981,7 @@ var VxeTooltipComponent = defineVxeComponent({
                 defaultLeft: left,
                 placement: placement,
                 defaultPlacement: defaultPlacement,
+                isMinWidth: false,
                 teleportTo: true
             });
             const panelStyle = Object.assign(ppObj.style, {
@@ -2978,7 +2989,7 @@ var VxeTooltipComponent = defineVxeComponent({
             });
             tipStore.placement = ppObj.placement;
             tipStore.style = panelStyle;
-            tipStore.arrowStyle.left = `${ppObj.arrowLeft}px`;
+            tipStore.arrowStyle.left = ppObj.arrowLeft ? `${ppObj.arrowLeft}px` : '';
         };
         const tooltipMethods = {
             dispatchEvent,
@@ -2998,6 +3009,7 @@ var VxeTooltipComponent = defineVxeComponent({
                     arrowStyle: null
                 });
                 updateValue(false);
+                dispatchEvent('hide', {}, null);
                 return nextTick();
             },
             toVisible(target, content) {
@@ -3017,6 +3029,14 @@ var VxeTooltipComponent = defineVxeComponent({
         const wheelEvent = (evnt) => {
             evnt.stopPropagation();
         };
+        const handleGlobalScrollEvent = () => {
+            if (reactData.visible) {
+                $xeTooltip.updatePlacement();
+            }
+        };
+        const handleGlobalBlurEvent = () => {
+            $xeTooltip.close();
+        };
         const tooltipPrivateMethods = {
             handleCloseEvent: targetMouseleaveEvent
         };
@@ -3139,6 +3159,8 @@ var VxeTooltipComponent = defineVxeComponent({
                     }
                 }
             });
+            globalEvents.on($xeTooltip, 'blur', handleGlobalBlurEvent);
+            globalEvents.on($xeTooltip, 'scroll', handleGlobalScrollEvent);
         });
         onBeforeUnmount(() => {
             const { target } = reactData;
@@ -3158,8 +3180,8 @@ var VxeTooltipComponent = defineVxeComponent({
                     parentNode.removeChild(panelElem);
                 }
             }
-        });
-        onUnmounted(() => {
+            globalEvents.off($xeTooltip, 'blur');
+            globalEvents.off($xeTooltip, 'scroll');
             XEUtils.assign(reactData, createReactData$n());
             XEUtils.assign(internalData, createInternalData$m());
         });
@@ -3197,12 +3219,15 @@ const TooltipController = {
         return Promise.resolve();
     },
     close() {
+        const { globalTooltip } = dynamicStore;
+        if (!globalTooltip || !globalTooltip.modelValue) {
+            return Promise.resolve();
+        }
         const $tooltip = refTooltip.value;
         if ($tooltip) {
             $tooltip.handleCloseEvent();
         }
         else {
-            const { globalTooltip } = dynamicStore;
             if (globalTooltip) {
                 globalTooltip.modelValue = false;
             }
@@ -3210,6 +3235,10 @@ const TooltipController = {
         return Promise.resolve();
     },
     destroy() {
+        const { globalTooltip } = dynamicStore;
+        if (!globalTooltip || !globalTooltip.modelValue) {
+            return Promise.resolve();
+        }
         const $tooltip = refTooltip.value;
         if ($tooltip) {
             return $tooltip.close().then(() => {
@@ -3217,7 +3246,6 @@ const TooltipController = {
                 dynamicStore.isTipInit = false;
             });
         }
-        const { globalTooltip } = dynamicStore;
         if (globalTooltip) {
             globalTooltip.modelValue = false;
         }
@@ -3976,7 +4004,7 @@ dynamicApp.use(VxeButton);
 VxeUI.component(VxeButtonComponent);
 const Button = VxeButton;
 
-const { errLog: errLog$j } = createComponentLog('backtop');
+const { errLog: errLog$k } = createComponentLog('backtop');
 function createInternalData$l() {
     return {
         targetEl: null
@@ -4154,7 +4182,7 @@ var VxeBacktopComponent = defineVxeComponent({
                 const { target } = props;
                 if (!target) {
                     removeScrollEvent();
-                    errLog$j('vxe.error.reqProp', ['target']);
+                    errLog$k('vxe.error.reqProp', ['target']);
                     return;
                 }
                 if (XEUtils.isString(target)) {
@@ -4895,7 +4923,7 @@ const getNextMonth = (date) => {
     return date;
 };
 
-const { errLog: errLog$i } = createComponentLog('calendar');
+const { errLog: errLog$j } = createComponentLog('calendar');
 const { menus: menus$2, getConfig: getConfig$2, getI18n: getI18n$1 } = VxeUI;
 var VxeCalendarComponent = defineVxeComponent({
     name: 'VxeCalendar',
@@ -6163,7 +6191,7 @@ var VxeCalendarComponent = defineVxeComponent({
             const { menuConfig } = props;
             const VxeUIContextMenu = VxeUI.getComponent('VxeContextMenu');
             if (menuConfig && !VxeUIContextMenu) {
-                errLog$i('vxe.error.reqComp', ['vxe-context-menu']);
+                errLog$j('vxe.error.reqComp', ['vxe-context-menu']);
             }
             dateOpenPanel();
         });
@@ -6985,7 +7013,7 @@ function getItemCacheObj$1(item) {
     };
 }
 
-const { warnLog: warnLog$g, errLog: errLog$h } = createComponentLog('tree');
+const { warnLog: warnLog$g, errLog: errLog$i } = createComponentLog('tree');
 function getRowKeyByField(row, keyField) {
     return row ? ('' + (row[keyField] || '')) : '';
 }
@@ -8240,7 +8268,7 @@ var VxeListComponent = defineVxeComponent({
             const { fullData, rowMaps, removeRowMaps, insertRowMaps } = internalData;
             const keyField = computeKeyField.value;
             if (!keyField) {
-                errLog$h('vxe.error.reqSupportProp', ['insert() | insertAt() | insertNextAt()', 'row-config.keyField']);
+                errLog$i('vxe.error.reqSupportProp', ['insert() | insertAt() | insertNextAt()', 'row-config.keyField']);
                 return Promise.resolve({ row: null, rows: [] });
             }
             if (!XEUtils.isArray(records)) {
@@ -8427,7 +8455,7 @@ var VxeListComponent = defineVxeComponent({
                 const { fullData, insertRowMaps, removeRowMaps } = internalData;
                 const keyField = computeKeyField.value;
                 if (!keyField) {
-                    errLog$h('vxe.error.reqSupportProp', ['insert() | insertAt() | insertNextAt()', 'row-config.keyField']);
+                    errLog$i('vxe.error.reqSupportProp', ['insert() | insertAt() | insertNextAt()', 'row-config.keyField']);
                     return Promise.resolve({ row: null, rows: [] });
                 }
                 let delList = [];
@@ -9037,20 +9065,20 @@ var VxeListComponent = defineVxeComponent({
             const keyField = computeKeyField.value;
             if (!keyField) {
                 if (showSeq) {
-                    errLog$h('vxe.error.reqSupportProp', ['show-seq', 'row-config.keyField']);
+                    errLog$i('vxe.error.reqSupportProp', ['show-seq', 'row-config.keyField']);
                 }
                 if (showRadio) {
-                    errLog$h('vxe.error.reqSupportProp', ['show-radio', 'row-config.keyField']);
+                    errLog$i('vxe.error.reqSupportProp', ['show-radio', 'row-config.keyField']);
                 }
                 if (showCheckbox) {
-                    errLog$h('vxe.error.reqSupportProp', ['show-checkbox', 'row-config.keyField']);
+                    errLog$i('vxe.error.reqSupportProp', ['show-checkbox', 'row-config.keyField']);
                 }
                 if (isDrag) {
-                    errLog$h('vxe.error.reqSupportProp', ['drag-config', 'row-config.keyField']);
+                    errLog$i('vxe.error.reqSupportProp', ['drag-config', 'row-config.keyField']);
                 }
             }
             if (useKey && !keyField) {
-                errLog$h('vxe.error.reqSupportProp', ['row-config.useKey', 'row-config.keyField']);
+                errLog$i('vxe.error.reqSupportProp', ['row-config.useKey', 'row-config.keyField']);
             }
             if (props.autoResize) {
                 const el = refElem.value;
@@ -9154,6 +9182,10 @@ var VxeInputComponent = defineVxeComponent({
             type: String,
             default: () => getConfig$3().input.floatContent
         },
+        floatAlign: {
+            type: String,
+            default: () => getConfig$3().input.floatAlign
+        },
         maxLength: {
             type: [String, Number],
             default: () => getConfig$3().input.maxLength
@@ -11683,7 +11715,7 @@ var VxeInputComponent = defineVxeComponent({
             return createCommentVNode();
         };
         const renderVN = () => {
-            const { className, inputClassName, controls, type, title, floatContent, align, showWordCount, countMethod, name, autoComplete, autocomplete } = props;
+            const { className, inputClassName, controls, type, title, floatContent, align, showWordCount, countMethod, name, autoComplete, autocomplete, floatAlign } = props;
             const { inputValue, visiblePanel, isActivated } = reactData;
             const vSize = computeSize.value;
             const isDisabled = computeIsDisabled.value;
@@ -11707,7 +11739,7 @@ var VxeInputComponent = defineVxeComponent({
             const floatSlot = slots.float;
             return h('div', {
                 ref: refElem,
-                class: ['vxe-input', `type--${type}`, className, {
+                class: ['vxe-input', `type--${type}`, floatContent ? (`fla--${floatAlign || 'center'}`) : '', className, {
                         [`size--${vSize}`]: vSize,
                         [`is--${align}`]: align,
                         'is--controls': controls,
@@ -11744,14 +11776,14 @@ var VxeInputComponent = defineVxeComponent({
                         onChange: changeEvent,
                         onFocus: focusEvent,
                         onBlur: blurEvent
-                    })
+                    }),
+                    floatContent || floatSlot
+                        ? h('span', {
+                            class: 'vxe-input--float-wrapper'
+                        }, floatSlot ? floatSlot({}) : getText(floatContent))
+                        : renderEmptyElement($xeInput)
                 ]),
                 suffix || createCommentVNode(),
-                floatContent || floatSlot
-                    ? h('span', {
-                        class: 'vxe-input--float-wrapper'
-                    }, floatSlot ? floatSlot({}) : getText(floatContent))
-                    : renderEmptyElement($xeInput),
                 // 下拉面板
                 renderPanel(),
                 // 字数统计
@@ -15239,6 +15271,7 @@ function hexToRgb(str) {
     return null;
 }
 
+const { errLog: errLog$h } = createComponentLog('number-input');
 var VxeNumberInputComponent = defineVxeComponent({
     name: 'VxeNumberInput',
     props: {
@@ -15269,6 +15302,10 @@ var VxeNumberInputComponent = defineVxeComponent({
             type: String,
             default: () => getConfig$3().numberInput.floatContent
         },
+        floatAlign: {
+            type: String,
+            default: () => getConfig$3().numberInput.floatAlign
+        },
         maxLength: {
             type: [String, Number],
             default: () => getConfig$3().numberInput.maxLength
@@ -15338,6 +15375,11 @@ var VxeNumberInputComponent = defineVxeComponent({
         prefixConfig: Object,
         suffixIcon: String,
         suffixConfig: Object,
+        showTooltip: {
+            type: Boolean,
+            default: () => getConfig$3().numberInput.showTooltip
+        },
+        tooltipConfig: Object,
         // 已废弃
         controls: {
             type: Boolean,
@@ -15430,6 +15472,9 @@ var VxeNumberInputComponent = defineVxeComponent({
         const computeSuffixOpts = computed(() => {
             return Object.assign({}, getConfig$3().numberInput.suffixConfig, props.suffixConfig);
         });
+        const computeTooltipOpts = computed(() => {
+            return Object.assign({}, getConfig$3().numberInput.tooltipConfig, props.tooltipConfig);
+        });
         const computeDecimalsType = computed(() => {
             const { type } = props;
             return type === 'float' || type === 'amount';
@@ -15662,6 +15707,9 @@ var VxeNumberInputComponent = defineVxeComponent({
             handleChange(null, '', evnt);
             dispatchEvent('clear', { value }, evnt);
             dispatchEvent('lazy-change', { value }, evnt);
+            nextTick(() => {
+                handleShowTip();
+            });
         };
         const clickSuffixEvent = (evnt) => {
             const isDisabled = computeIsDisabled.value;
@@ -15782,6 +15830,12 @@ var VxeNumberInputComponent = defineVxeComponent({
                 $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
             }
         };
+        const mouseenterEvent = () => {
+            handleShowTip();
+        };
+        const mouseleaveEvent = () => {
+            handleHideTip();
+        };
         // 数值
         const numberChange = (isPlus, evnt) => {
             const { min, max, type } = props;
@@ -15809,6 +15863,7 @@ var VxeNumberInputComponent = defineVxeComponent({
                 numberChange(true, evnt);
             }
             reactData.isActivated = true;
+            handleShowTip();
             dispatchEvent('plus-number', { value: reactData.inputValue }, evnt);
             dispatchEvent('lazy-change', { value: reactData.inputValue }, evnt);
             // 已废弃
@@ -15822,6 +15877,7 @@ var VxeNumberInputComponent = defineVxeComponent({
                 numberChange(false, evnt);
             }
             reactData.isActivated = true;
+            handleShowTip();
             dispatchEvent('minus-number', { value: reactData.inputValue }, evnt);
             dispatchEvent('lazy-change', { value: reactData.inputValue }, evnt);
             // 已废弃
@@ -15840,6 +15896,43 @@ var VxeNumberInputComponent = defineVxeComponent({
                 }
             }
         };
+        const handleShowTip = () => {
+            const { type, showTooltip } = props;
+            const { inputValue } = reactData;
+            if (showTooltip) {
+                if (VxeUI.tooltip) {
+                    const numLabel = computeNumLabel.value;
+                    const tooltipOpts = computeTooltipOpts.value;
+                    const { contentMethod } = tooltipOpts;
+                    const inputElem = refInputTarget.value;
+                    const content = getText(contentMethod
+                        ? contentMethod({
+                            $mumberInput: $xeNumberInput,
+                            type,
+                            inputValue: inputElem.value,
+                            value: inputValue || '',
+                            label: numLabel
+                        })
+                        : numLabel);
+                    if (content) {
+                        VxeUI.tooltip.open(inputElem, Object.assign({}, Object.assign(Object.assign({}, tooltipOpts), { content }), {
+                            contentMethod: undefined
+                        }));
+                    }
+                    else {
+                        VxeUI.tooltip.close();
+                    }
+                }
+            }
+        };
+        const handleHideTip = () => {
+            const { showTooltip } = props;
+            if (showTooltip) {
+                if (VxeUI.tooltip) {
+                    VxeUI.tooltip.close();
+                }
+            }
+        };
         const keydownEvent = (evnt) => {
             const { type, negative, exponential, controls } = props;
             const controlOpts = computeControlOpts.value;
@@ -15874,6 +15967,7 @@ var VxeNumberInputComponent = defineVxeComponent({
             triggerEvent(evnt);
         };
         const keyupEvent = (evnt) => {
+            handleShowTip();
             triggerEvent(evnt);
         };
         // 数值
@@ -15968,6 +16062,7 @@ var VxeNumberInputComponent = defineVxeComponent({
             triggerEvent(evnt);
         };
         const clickEvent = (evnt) => {
+            handleShowTip();
             triggerEvent(evnt);
         };
         // 全局事件
@@ -15987,6 +16082,7 @@ var VxeNumberInputComponent = defineVxeComponent({
                         handleChange(value, handleNumberString(inputValue), evnt);
                     }
                     afterCheckValue();
+                    handleHideTip();
                 }
             }
         };
@@ -16153,7 +16249,8 @@ var VxeNumberInputComponent = defineVxeComponent({
                         onChange: changeEvent,
                         onFocus: focusEvent,
                         onBlur: blurEvent
-                    })
+                    }),
+                    renderFloat()
                 ]),
                 renderSuffixIcon()
             ]);
@@ -16216,7 +16313,7 @@ var VxeNumberInputComponent = defineVxeComponent({
             return renderEmptyElement($xeNumberInput);
         };
         const renderVN = () => {
-            const { className, controls, type, align, prefixIcon, suffixIcon } = props;
+            const { className, controls, type, align, prefixIcon, suffixIcon, floatContent, floatAlign } = props;
             const { inputValue, isActivated } = reactData;
             const vSize = computeSize.value;
             const controlOpts = computeControlOpts.value;
@@ -16237,7 +16334,7 @@ var VxeNumberInputComponent = defineVxeComponent({
             const isControls = isEnableConf(controlOpts) && (controls === false ? controls : showButton);
             return h('div', {
                 ref: refElem,
-                class: ['vxe-number-input', `type--${type}`, isControls ? (`ctl--${layout === 'right' || layout === 'left' ? layout : 'default'}`) : '', className, {
+                class: ['vxe-number-input', `type--${type}`, isControls ? (`ctl--${layout === 'right' || layout === 'left' ? layout : 'default'}`) : '', floatContent ? (`fla--${floatAlign || 'center'}`) : '', className, {
                         [`size--${vSize}`]: vSize,
                         [`is--${align}`]: align,
                         'is--controls': isControls && !inputReadonly,
@@ -16247,29 +16344,27 @@ var VxeNumberInputComponent = defineVxeComponent({
                         'is--active': isActivated,
                         'show--clear': isClearable && !isDisabled && !(inputValue === '' || XEUtils.eqNull(inputValue))
                     }],
-                spellcheck: false
+                spellcheck: false,
+                onMouseenter: mouseenterEvent,
+                onMouseleave: mouseleaveEvent
             }, isControls
                 ? (layout === 'right'
                     ? [
                         renderInput(),
-                        renderSideControl(),
-                        renderFloat()
+                        renderSideControl()
                     ]
                     : (layout === 'left'
                         ? [
                             renderSideControl(),
-                            renderInput(),
-                            renderFloat()
+                            renderInput()
                         ]
                         : [
                             renderMinusBtn(),
                             renderInput(),
-                            renderPlusBtn(),
-                            renderFloat()
+                            renderPlusBtn()
                         ]))
                 : [
-                    renderInput(),
-                    renderFloat()
+                    renderInput()
                 ]);
         };
         $xeNumberInput.renderVN = renderVN;
@@ -16287,6 +16382,11 @@ var VxeNumberInputComponent = defineVxeComponent({
             initValue();
         });
         onMounted(() => {
+            if (props.showTooltip) {
+                if (!VxeUI.tooltip) {
+                    errLog$h('vxe.error.reqComp', ['vxe-tooltip']);
+                }
+            }
             updateModel(props.modelValue);
             const targetElem = refInputTarget.value;
             if (targetElem) {
@@ -33992,6 +34092,10 @@ var VxePasswordInputComponent = defineVxeComponent({
             type: String,
             default: () => getConfig$3().passwordInput.floatContent
         },
+        floatAlign: {
+            type: String,
+            default: () => getConfig$3().passwordInput.floatAlign
+        },
         autoComplete: {
             type: String,
             default: 'off'
@@ -34302,7 +34406,7 @@ var VxePasswordInputComponent = defineVxeComponent({
                 : null;
         };
         const renderVN = () => {
-            const { className, inputClassName, name, readonly, floatContent, autocomplete, autoComplete, maxLength } = props;
+            const { className, inputClassName, name, readonly, floatContent, autocomplete, autoComplete, maxLength, floatAlign } = props;
             const { inputValue, isActivated } = reactData;
             const isDisabled = computeIsDisabled.value;
             const formReadonly = computeFormReadonly.value;
@@ -34322,7 +34426,7 @@ var VxePasswordInputComponent = defineVxeComponent({
             const floatSlot = slots.float;
             return h('div', {
                 ref: refElem,
-                class: ['vxe-password-input', className, {
+                class: ['vxe-password-input', floatContent ? (`fla--${floatAlign || 'center'}`) : '', className, {
                         [`size--${vSize}`]: vSize,
                         'is--prefix': !!prefix,
                         'is--suffix': !!suffix,
@@ -34352,14 +34456,14 @@ var VxePasswordInputComponent = defineVxeComponent({
                         onChange: changeEvent,
                         onFocus: focusEvent,
                         onBlur: blurEvent
-                    })
+                    }),
+                    floatContent || floatSlot
+                        ? h('span', {
+                            class: 'vxe-password-input--float-wrapper'
+                        }, floatSlot ? floatSlot({}) : getText(floatContent))
+                        : renderEmptyElement($xePasswordInput)
                 ]),
-                suffix || renderEmptyElement($xePasswordInput),
-                floatContent || floatSlot
-                    ? h('span', {
-                        class: 'vxe-password-input--float-wrapper'
-                    }, floatSlot ? floatSlot({}) : getText(floatContent))
-                    : renderEmptyElement($xePasswordInput)
+                suffix || renderEmptyElement($xePasswordInput)
             ]);
         };
         watch(() => props.modelValue, (val) => {