vxe-pc-ui 4.17.23 → 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.23"}`;
+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.23";
+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');
@@ -23391,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);
@@ -48342,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() {
@@ -48586,6 +48662,7 @@ var VxeUIExport = /*#__PURE__*/Object.freeze({
     Tip: Tip,
     Tips: Tips,
     Tooltip: Tooltip,
+    TooltipController: TooltipController,
     Tour: Tour,
     Transfer: Transfer,
     Tree: Tree,
@@ -48698,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 };