vxe-pc-ui 4.17.22 → 4.17.24

package/dist/all.esm.js

@@ -1,19 +1,22 @@
 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';
 export * from '@vxe-ui/core';
-import { defineComponent, reactive, h, createCommentVNode, createApp, ref, inject, computed, watch, onMounted, onUnmounted, provide, nextTick, onBeforeUnmount, resolveComponent, Teleport, onActivated, onDeactivated, TransitionGroup } from 'vue';
+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';
 import DomZIndex from 'dom-zindex';
 
 const defineVxeComponent = defineComponent;
 
 let dynamicContainerElem;
+const refTooltip = ref();
 const dynamicStore = reactive({
     modals: [],
     drawers: [],
     globalLoading: null,
     globalWatermark: null,
-    globalContextMenu: null
+    globalContextMenu: null,
+    globalTooltip: null,
+    isTipInit: false
 });
 /**
  * 动态组件
@@ -25,13 +28,15 @@ const VxeDynamics = defineVxeComponent({
         const VxeUILoadingComponent = VxeUI.getComponent('vxe-loading');
         const VxeUIWatermarkComponent = VxeUI.getComponent('vxe-watermark');
         const VxeUIContextMenuComponent = VxeUI.getComponent('vxe-context-menu');
+        const VxeUITooltipComponent = VxeUI.getComponent('vxe-tooltip');
         return () => {
-            const { modals, drawers, globalWatermark, globalLoading, globalContextMenu } = dynamicStore;
+            const { modals, drawers, globalWatermark, globalLoading, globalContextMenu, globalTooltip } = dynamicStore;
             let cmOpts = globalContextMenu;
             if (globalContextMenu) {
                 const events = globalContextMenu.events || {};
                 const { optionClick, show, hide } = events;
                 cmOpts = Object.assign({}, globalContextMenu, {
+                    key: 'cm',
                     onShow(params) {
                         if (show) {
                             show(params);
@@ -50,22 +55,37 @@ const VxeDynamics = defineVxeComponent({
                     }
                 }, { events: undefined });
             }
+            let tpOpts = globalTooltip || {};
+            if (globalTooltip) {
+                tpOpts = Object.assign({}, globalTooltip, {
+                    'onUpdate:modelValue'(value) {
+                        globalTooltip.modelValue = value;
+                    }
+                });
+            }
             return [
                 modals.length
                     ? h('div', {
-                        key: 1,
+                        key: 'ml',
                         class: 'vxe-dynamics--modal'
                     }, modals.map((item) => h(VxeUIModalComponent, item)))
                     : createCommentVNode(),
                 drawers.length
                     ? h('div', {
-                        key: 2,
+                        key: 'dr',
                         class: 'vxe-dynamics--drawer'
                     }, drawers.map((item) => h(VxeUIDrawerComponent, item)))
                     : createCommentVNode(),
-                globalWatermark ? h(VxeUIWatermarkComponent, globalWatermark) : createCommentVNode(),
-                globalLoading ? h(VxeUILoadingComponent, globalLoading) : createCommentVNode(),
-                globalContextMenu ? h(VxeUIContextMenuComponent, cmOpts) : createCommentVNode()
+                globalWatermark
+                    ? h(VxeUIWatermarkComponent, globalWatermark)
+                    : createCommentVNode(),
+                globalLoading
+                    ? h(VxeUILoadingComponent, globalLoading)
+                    : createCommentVNode(),
+                globalContextMenu ? h(VxeUIContextMenuComponent, cmOpts) : createCommentVNode(),
+                dynamicStore.isTipInit
+                    ? h(VxeUITooltipComponent, Object.assign({ ref: refTooltip }, tpOpts))
+                    : createCommentVNode()
             ];
         };
     }
@@ -81,7 +101,7 @@ function checkDynamic() {
 }
 
 const { log } = VxeUI;
-const uiVersion = `ui v${"4.17.22"}`;
+const uiVersion = `ui v${"4.17.24"}`;
 function createComponentLog(name) {
     const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';
     const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';
@@ -95,7 +115,7 @@ function createComponentLog(name) {
 const warnLog$i = log.create('warn', uiVersion);
 log.create('error', uiVersion);
 
-const version = "4.17.22";
+const version = "4.17.24";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -2667,7 +2687,7 @@ var VxeTooltipComponent = defineVxeComponent({
             type: String,
             default: () => getConfig$3().tooltip.size || getConfig$3().size
         },
-        selector: String,
+        selector: [String, Element],
         trigger: {
             type: String,
             default: () => getConfig$3().tooltip.trigger || 'hover'
@@ -2997,7 +3017,10 @@ var VxeTooltipComponent = defineVxeComponent({
         const wheelEvent = (evnt) => {
             evnt.stopPropagation();
         };
-        Object.assign($xeTooltip, tooltipMethods);
+        const tooltipPrivateMethods = {
+            handleCloseEvent: targetMouseleaveEvent
+        };
+        Object.assign($xeTooltip, tooltipMethods, tooltipPrivateMethods);
         const renderContent = () => {
             const { useHtml, useHTML } = props;
             const { tipContent } = reactData;
@@ -3153,8 +3176,57 @@ const VxeTooltip = Object.assign({}, VxeTooltipComponent, {
         app.component(VxeTooltipComponent.name, VxeTooltipComponent);
     }
 });
+const TooltipController = {
+    open(target, options) {
+        const opts = Object.assign({}, options, {
+            key: 'tip',
+            modelValue: true,
+            trigger: 'hover',
+            selector: target,
+            appendTo: null
+        });
+        const $tooltip = refTooltip.value;
+        dynamicStore.globalTooltip = opts;
+        if ($tooltip) {
+            $tooltip.open(target, opts.content);
+        }
+        else {
+            dynamicStore.isTipInit = true;
+            checkDynamic();
+        }
+        return Promise.resolve();
+    },
+    close() {
+        const $tooltip = refTooltip.value;
+        if ($tooltip) {
+            $tooltip.handleCloseEvent();
+        }
+        else {
+            const { globalTooltip } = dynamicStore;
+            if (globalTooltip) {
+                globalTooltip.modelValue = false;
+            }
+        }
+        return Promise.resolve();
+    },
+    destroy() {
+        const $tooltip = refTooltip.value;
+        if ($tooltip) {
+            return $tooltip.close().then(() => {
+                dynamicStore.globalTooltip = null;
+                dynamicStore.isTipInit = false;
+            });
+        }
+        const { globalTooltip } = dynamicStore;
+        if (globalTooltip) {
+            globalTooltip.modelValue = false;
+        }
+        return Promise.resolve();
+    }
+};
 dynamicApp.use(VxeTooltip);
 VxeUI.component(VxeTooltipComponent);
+VxeUI.tooltip = TooltipController;
 const Tooltip = VxeTooltip;
 
 const { warnLog: warnLog$h } = createComponentLog('button');
@@ -9078,6 +9150,10 @@ var VxeInputComponent = defineVxeComponent({
             type: String,
             default: null
         },
+        floatContent: {
+            type: String,
+            default: () => getConfig$3().input.floatContent
+        },
         maxLength: {
             type: [String, Number],
             default: () => getConfig$3().input.maxLength
@@ -11607,7 +11683,7 @@ var VxeInputComponent = defineVxeComponent({
             return createCommentVNode();
         };
         const renderVN = () => {
-            const { className, inputClassName, controls, type, title, align, showWordCount, countMethod, name, autoComplete, autocomplete } = props;
+            const { className, inputClassName, controls, type, title, floatContent, align, showWordCount, countMethod, name, autoComplete, autocomplete } = props;
             const { inputValue, visiblePanel, isActivated } = reactData;
             const vSize = computeSize.value;
             const isDisabled = computeIsDisabled.value;
@@ -11628,6 +11704,7 @@ var VxeInputComponent = defineVxeComponent({
             const isWordCount = showWordCount && ['text', 'search'].includes(type);
             const prefix = renderPrefixIcon();
             const suffix = renderSuffixIcon();
+            const floatSlot = slots.float;
             return h('div', {
                 ref: refElem,
                 class: ['vxe-input', `type--${type}`, className, {
@@ -11670,6 +11747,11 @@ var VxeInputComponent = defineVxeComponent({
                     })
                 ]),
                 suffix || createCommentVNode(),
+                floatContent || floatSlot
+                    ? h('span', {
+                        class: 'vxe-input--float-wrapper'
+                    }, floatSlot ? floatSlot({}) : getText(floatContent))
+                    : renderEmptyElement($xeInput),
                 // 下拉面板
                 renderPanel(),
                 // 字数统计
@@ -15183,6 +15265,10 @@ var VxeNumberInputComponent = defineVxeComponent({
             default: null
         },
         placeholder: String,
+        floatContent: {
+            type: String,
+            default: () => getConfig$3().numberInput.floatContent
+        },
         maxLength: {
             type: [String, Number],
             default: () => getConfig$3().numberInput.maxLength
@@ -16119,6 +16205,16 @@ var VxeNumberInputComponent = defineVxeComponent({
                 renderMinusBtn()
             ]);
         };
+        const renderFloat = () => {
+            const { floatContent } = props;
+            const floatSlot = slots.float;
+            if (floatContent || floatSlot) {
+                return h('span', {
+                    class: 'vxe-number-input--float-wrapper'
+                }, floatSlot ? floatSlot({}) : getText(floatContent));
+            }
+            return renderEmptyElement($xeNumberInput);
+        };
         const renderVN = () => {
             const { className, controls, type, align, prefixIcon, suffixIcon } = props;
             const { inputValue, isActivated } = reactData;
@@ -16141,7 +16237,7 @@ var VxeNumberInputComponent = defineVxeComponent({
             const isControls = isEnableConf(controlOpts) && (controls === false ? controls : showButton);
             return h('div', {
                 ref: refElem,
-                class: ['vxe-number-input', `type--${type}`, `ctl--${layout === 'right' || layout === 'left' ? layout : 'default'}`, className, {
+                class: ['vxe-number-input', `type--${type}`, isControls ? (`ctl--${layout === 'right' || layout === 'left' ? layout : 'default'}`) : '', className, {
                         [`size--${vSize}`]: vSize,
                         [`is--${align}`]: align,
                         'is--controls': isControls && !inputReadonly,
@@ -16156,20 +16252,24 @@ var VxeNumberInputComponent = defineVxeComponent({
                 ? (layout === 'right'
                     ? [
                         renderInput(),
-                        renderSideControl()
+                        renderSideControl(),
+                        renderFloat()
                     ]
                     : (layout === 'left'
                         ? [
                             renderSideControl(),
-                            renderInput()
+                            renderInput(),
+                            renderFloat()
                         ]
                         : [
                             renderMinusBtn(),
                             renderInput(),
-                            renderPlusBtn()
+                            renderPlusBtn(),
+                            renderFloat()
                         ]))
                 : [
-                    renderInput()
+                    renderInput(),
+                    renderFloat()
                 ]);
         };
         $xeNumberInput.renderVN = renderVN;
@@ -23363,15 +23463,17 @@ const VxeLoading = Object.assign({}, VxeLoadingComponent, {
 const LoadingController = {
     open(options) {
         const opts = Object.assign({}, options);
-        dynamicStore.globalLoading = {
+        dynamicStore.globalLoading = Object.assign({
             modelValue: true,
             text: opts.text,
             icon: opts.icon
-        };
+        }, { key: 'gl' });
         checkDynamic();
+        return Promise.resolve();
     },
     close() {
         dynamicStore.globalLoading = null;
+        return Promise.resolve();
     }
 };
 dynamicApp.use(VxeLoading);
@@ -33886,6 +33988,10 @@ var VxePasswordInputComponent = defineVxeComponent({
         disabled: Boolean,
         maxLength: [String, Number],
         placeholder: String,
+        floatContent: {
+            type: String,
+            default: () => getConfig$3().passwordInput.floatContent
+        },
         autoComplete: {
             type: String,
             default: 'off'
@@ -34196,7 +34302,7 @@ var VxePasswordInputComponent = defineVxeComponent({
                 : null;
         };
         const renderVN = () => {
-            const { className, inputClassName, name, readonly, autocomplete, autoComplete, maxLength } = props;
+            const { className, inputClassName, name, readonly, floatContent, autocomplete, autoComplete, maxLength } = props;
             const { inputValue, isActivated } = reactData;
             const isDisabled = computeIsDisabled.value;
             const formReadonly = computeFormReadonly.value;
@@ -34213,6 +34319,7 @@ var VxePasswordInputComponent = defineVxeComponent({
             const inputReadonly = computeInputReadonly.value;
             const prefix = renderPrefixIcon();
             const suffix = renderSuffixIcon();
+            const floatSlot = slots.float;
             return h('div', {
                 ref: refElem,
                 class: ['vxe-password-input', className, {
@@ -34247,7 +34354,12 @@ var VxePasswordInputComponent = defineVxeComponent({
                         onBlur: blurEvent
                     })
                 ]),
-                suffix || renderEmptyElement($xePasswordInput)
+                suffix || renderEmptyElement($xePasswordInput),
+                floatContent || floatSlot
+                    ? h('span', {
+                        class: 'vxe-password-input--float-wrapper'
+                    }, floatSlot ? floatSlot({}) : getText(floatContent))
+                    : renderEmptyElement($xePasswordInput)
             ]);
         };
         watch(() => props.modelValue, (val) => {
@@ -48304,7 +48416,9 @@ VxeUI.component(VxeWatermarkComponent);
 const WatermarkController = {
     load(options) {
         checkDynamic();
-        dynamicStore.globalWatermark = Object.assign({}, options);
+        dynamicStore.globalWatermark = Object.assign({}, options, {
+            key: 'gw'
+        });
         return Promise.resolve();
     },
     clear() {
@@ -48548,6 +48662,7 @@ var VxeUIExport = /*#__PURE__*/Object.freeze({
     Tip: Tip,
     Tips: Tips,
     Tooltip: Tooltip,
+    TooltipController: TooltipController,
     Tour: Tour,
     Transfer: Transfer,
     Tree: Tree,
@@ -48660,4 +48775,4 @@ var VxeUIExport = /*#__PURE__*/Object.freeze({
     watermark: watermark
 });
 
-export { Alert, Anchor, AnchorLink, Avatar, Backtop, Badge, Breadcrumb, BreadcrumbItem, Button, ButtonGroup, Calendar, Card, Carousel, CarouselItem, Cascader, Checkbox, CheckboxButton, CheckboxGroup, Col, Collapse, CollapsePane, ColorPicker, ContextMenu, ContextMenuController, Countdown, DatePanel, DatePicker, DateRangePicker, Drawer, DrawerController, Empty, Form, FormGather, FormGroup, FormItem, Icon, IconPicker, Image$1 as Image, ImageGroup, ImagePreview, Input, LayoutAside, LayoutBody, LayoutContainer, LayoutFooter, LayoutHeader, Link, List, Loading, LoadingController, Menu, Modal, ModalController, NoticeBar, NumberInput, Optgroup, Option, Pager, PasswordInput, Print, PrintPageBreak, Pulldown, Radio, RadioButton, RadioGroup, Rate, Result, Row, Segmented, Select, Slider, Space, Split, SplitPane, Splitter, SplitterPanel, Steps, Switch, TabPane, TableSelect, TableTransfer, Tabs, Tag, Text, TextEllipsis, Textarea, Timeline, TimelineItem, Tip, Tips, Tooltip, Tour, Transfer, Tree, TreeSelect, Upload, VxeAlert, VxeAnchor, VxeAnchorLink, VxeAvatar, VxeBacktop, VxeBadge, VxeBreadcrumb, VxeBreadcrumbItem, VxeButton, VxeButtonGroup, VxeCalendar, VxeCard, VxeCarousel, VxeCarouselItem, VxeCascader, VxeCheckbox, VxeCheckboxButton, VxeCheckboxGroup, VxeCol, VxeCollapse, VxeCollapsePane, VxeColorPicker, VxeContextMenu, VxeCountdown, VxeDatePanel, VxeDatePicker, VxeDateRangePicker, VxeDrawer, VxeEmpty, VxeForm, VxeFormGather, VxeFormGroup, VxeFormItem, VxeIcon, VxeIconPicker, VxeImage, VxeImageGroup, VxeImagePreview, VxeInput, VxeLayoutAside, VxeLayoutBody, VxeLayoutContainer, VxeLayoutFooter, VxeLayoutHeader, VxeLink, VxeList, VxeLoading, VxeMenu, VxeModal, VxeNoticeBar, VxeNumberInput, VxeOptgroup, VxeOption, VxePager, VxePasswordInput, VxePrint, VxePrintPageBreak, VxePulldown, VxeRadio, VxeRadioButton, VxeRadioGroup, VxeRate, VxeResult, VxeRow, VxeSegmented, VxeSelect, VxeSlider, VxeSpace, VxeSplit, VxeSplitPane, VxeSplitter, VxeSplitterPanel, VxeSteps, VxeSwitch, VxeTabPane, VxeTableSelect, VxeTableTransfer, VxeTabs, VxeTag, VxeText, VxeTextEllipsis, VxeTextarea, VxeTimeline, VxeTimelineItem, VxeTip, VxeTooltip, VxeTour, VxeTransfer, VxeTree, VxeTreeSelect, VxeUpload, VxeWatermark, Watermark, WatermarkController, config, VxeUIExport as default, drawer, install, loading, modal, print, readFile, saveFile, setup, version, watermark };
+export { Alert, Anchor, AnchorLink, Avatar, Backtop, Badge, Breadcrumb, BreadcrumbItem, Button, ButtonGroup, Calendar, Card, Carousel, CarouselItem, Cascader, Checkbox, CheckboxButton, CheckboxGroup, Col, Collapse, CollapsePane, ColorPicker, ContextMenu, ContextMenuController, Countdown, DatePanel, DatePicker, DateRangePicker, Drawer, DrawerController, Empty, Form, FormGather, FormGroup, FormItem, Icon, IconPicker, Image$1 as Image, ImageGroup, ImagePreview, Input, LayoutAside, LayoutBody, LayoutContainer, LayoutFooter, LayoutHeader, Link, List, Loading, LoadingController, Menu, Modal, ModalController, NoticeBar, NumberInput, Optgroup, Option, Pager, PasswordInput, Print, PrintPageBreak, Pulldown, Radio, RadioButton, RadioGroup, Rate, Result, Row, Segmented, Select, Slider, Space, Split, SplitPane, Splitter, SplitterPanel, Steps, Switch, TabPane, TableSelect, TableTransfer, Tabs, Tag, Text, TextEllipsis, Textarea, Timeline, TimelineItem, Tip, Tips, Tooltip, TooltipController, Tour, Transfer, Tree, TreeSelect, Upload, VxeAlert, VxeAnchor, VxeAnchorLink, VxeAvatar, VxeBacktop, VxeBadge, VxeBreadcrumb, VxeBreadcrumbItem, VxeButton, VxeButtonGroup, VxeCalendar, VxeCard, VxeCarousel, VxeCarouselItem, VxeCascader, VxeCheckbox, VxeCheckboxButton, VxeCheckboxGroup, VxeCol, VxeCollapse, VxeCollapsePane, VxeColorPicker, VxeContextMenu, VxeCountdown, VxeDatePanel, VxeDatePicker, VxeDateRangePicker, VxeDrawer, VxeEmpty, VxeForm, VxeFormGather, VxeFormGroup, VxeFormItem, VxeIcon, VxeIconPicker, VxeImage, VxeImageGroup, VxeImagePreview, VxeInput, VxeLayoutAside, VxeLayoutBody, VxeLayoutContainer, VxeLayoutFooter, VxeLayoutHeader, VxeLink, VxeList, VxeLoading, VxeMenu, VxeModal, VxeNoticeBar, VxeNumberInput, VxeOptgroup, VxeOption, VxePager, VxePasswordInput, VxePrint, VxePrintPageBreak, VxePulldown, VxeRadio, VxeRadioButton, VxeRadioGroup, VxeRate, VxeResult, VxeRow, VxeSegmented, VxeSelect, VxeSlider, VxeSpace, VxeSplit, VxeSplitPane, VxeSplitter, VxeSplitterPanel, VxeSteps, VxeSwitch, VxeTabPane, VxeTableSelect, VxeTableTransfer, VxeTabs, VxeTag, VxeText, VxeTextEllipsis, VxeTextarea, VxeTimeline, VxeTimelineItem, VxeTip, VxeTooltip, VxeTour, VxeTransfer, VxeTree, VxeTreeSelect, VxeUpload, VxeWatermark, Watermark, WatermarkController, config, VxeUIExport as default, drawer, install, loading, modal, print, readFile, saveFile, setup, version, watermark };