@smallwei/avue 3.8.6 → 3.9.0

package/es/packages/core/components/image-preview/index2.mjs

@@ -1,39 +1,39 @@
-/*! Avue.js v3.8.6 | (c) 2017-2026 Smallwei | Released under the MIT License. */
-import './index.mjs';
-import { createVNode, render } from 'vue';
-import script from './index3.mjs';
-
-function $ImagePreview (_context) {
-    const defaultContext = _context;
-    return (datas = [], index = 0, ops = {}) => {
-        const options = {
-            datas,
-            index,
-            ops: Object.assign({
-                closeOnClickModal: false,
-                beforeClose: null,
-                click: null,
-                modal: true,
-            }, ops),
-        };
-        let appendTo = ops.appendTo;
-        if (ops.appendTo) {
-            appendTo = document.querySelector(ops.appendTo);
-        }
-        else {
-            appendTo = document.body;
-        }
-        const parent = document.createElement('div');
-        const instance = createVNode(script, options);
-        instance.appContext = defaultContext;
-        instance.props.onDestroy = () => {
-            render(null, parent);
-            parent.remove();
-        };
-        render(instance, parent);
-        appendTo === null || appendTo === void 0 ? void 0 : appendTo.appendChild(parent.firstElementChild);
-        return instance;
-    };
-}
-
-export { $ImagePreview as default };
+/*! Avue.js v3.9.0 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+import './index.mjs';
+import { createVNode, render } from 'vue';
+import script from './index3.mjs';
+
+function $ImagePreview (_context) {
+    const defaultContext = _context;
+    return (datas = [], index = 0, ops = {}) => {
+        const options = {
+            datas,
+            index,
+            ops: Object.assign({
+                closeOnClickModal: false,
+                beforeClose: null,
+                click: null,
+                modal: true,
+            }, ops),
+        };
+        let appendTo = ops.appendTo;
+        if (ops.appendTo) {
+            appendTo = document.querySelector(ops.appendTo);
+        }
+        else {
+            appendTo = document.body;
+        }
+        const parent = document.createElement('div');
+        const instance = createVNode(script, options);
+        instance.appContext = defaultContext;
+        instance.props.onDestroy = () => {
+            render(null, parent);
+            parent.remove();
+        };
+        render(instance, parent);
+        appendTo === null || appendTo === void 0 ? void 0 : appendTo.appendChild(parent.firstElementChild);
+        return instance;
+    };
+}
+
+export { $ImagePreview as default };

package/es/packages/core/components/image-preview/index3.mjs

@@ -1,8 +1,8 @@
-/*! Avue.js v3.8.6 | (c) 2017-2026 Smallwei | Released under the MIT License. */
-import { isMediaType, setPx } from '../../../../src/utils/util.mjs';
-import create from '../../../../src/core/create.mjs';
-import Print from '../../../../src/plugin/print/index.mjs';
-
+/*! Avue.js v3.9.0 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+import { isMediaType, setPx } from '../../../../src/utils/util.mjs';
+import create from '../../../../src/core/create.mjs';
+import Print from '../../../../src/plugin/print/index.mjs';
+
 var script = create({
   name: "image-preview",
   props: {
@@ -138,6 +138,6 @@ var script = create({
       this.onDestroy();
     }
   }
-});
-
-export { script as default };
+});
+
+export { script as default };

package/es/packages/core/components/image-preview/index4.mjs

@@ -1,160 +1,160 @@
-/*! Avue.js v3.8.6 | (c) 2017-2026 Smallwei | Released under the MIT License. */
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createCommentVNode, createElementVNode, createVNode, withCtx, Fragment, renderList, createBlock, withModifiers, resolveDynamicComponent, normalizeStyle, toDisplayString } from 'vue';
-
-const _hoisted_1 = ["onClick", "id"];
-const _hoisted_2 = { class: "el-image-viewer__btn el-image-viewer__actions" };
-const _hoisted_3 = { class: "el-image-viewer__actions__inner" };
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_icon_close = resolveComponent("el-icon-close");
-  const _component_el_icon_arrow_left = resolveComponent("el-icon-arrow-left");
-  const _component_el_icon_arrow_right = resolveComponent("el-icon-arrow-right");
-  const _component_el_icon_document = resolveComponent("el-icon-document");
-  const _component_el_carousel_item = resolveComponent("el-carousel-item");
-  const _component_el_carousel = resolveComponent("el-carousel");
-  const _component_el_icon_zoom_out = resolveComponent("el-icon-zoom-out");
-  const _component_el_icon_zoom_in = resolveComponent("el-icon-zoom-in");
-  const _component_el_icon_refresh_left = resolveComponent("el-icon-refresh-left");
-  const _component_el_icon_refresh_right = resolveComponent("el-icon-refresh-right");
-  const _component_el_icon_printer = resolveComponent("el-icon-printer");
-  const _component_el_icon_d_arrow_left = resolveComponent("el-icon-d-arrow-left");
-  const _component_el_icon_d_arrow_right = resolveComponent("el-icon-d-arrow-right");
-  const _component_el_icon_refresh = resolveComponent("el-icon-refresh");
-  const _component_el_icon_download = resolveComponent("el-icon-download");
-
-  return (openBlock(), createElementBlock("div", {
-    class: normalizeClass(_ctx.b())
-  }, [
-    (_ctx.ops.modal)
-      ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(_ctx.b('mask')),
-          onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.close && _ctx.close(...args)))
-        }, null, 2 /* CLASS */))
-      : createCommentVNode("v-if", true),
-    createElementVNode("span", {
-      class: "el-image-viewer__btn el-image-viewer__close",
-      onClick: _cache[1] || (_cache[1] = (...args) => (_ctx.close && _ctx.close(...args)))
-    }, [
-      createVNode(_component_el_icon_close)
-    ]),
-    (_ctx.isRrrow)
-      ? (openBlock(), createElementBlock("span", {
-          key: 1,
-          class: "el-image-viewer__btn el-image-viewer__prev",
-          onClick: _cache[2] || (_cache[2] = $event => (_ctx.handlePrev()))
-        }, [
-          createVNode(_component_el_icon_arrow_left)
-        ]))
-      : createCommentVNode("v-if", true),
-    (_ctx.isRrrow)
-      ? (openBlock(), createElementBlock("span", {
-          key: 2,
-          class: "el-image-viewer__btn el-image-viewer__next",
-          onClick: _cache[3] || (_cache[3] = $event => (_ctx.handleNext()))
-        }, [
-          createVNode(_component_el_icon_arrow_right)
-        ]))
-      : createCommentVNode("v-if", true),
-    createElementVNode("div", {
-      class: normalizeClass(_ctx.b('box')),
-      ref: "box"
-    }, [
-      createVNode(_component_el_carousel, {
-        ref: "carousel",
-        "show-indicators": false,
-        "initial-index": _ctx.index,
-        "initial-swipe": _ctx.index,
-        interval: _ctx.ops.interval || 0,
-        arrow: "never",
-        onChange: _ctx.handleChange,
-        "indicator-position": "none"
-      }, {
-        default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.datas, (item, indexs) => {
-            return (openBlock(), createBlock(_component_el_carousel_item, {
-              onClick: _cache[4] || (_cache[4] = withModifiers($event => (_ctx.ops.closeOnClickModal?_ctx.close():''), ["self"])),
-              key: indexs
-            }, {
-              default: withCtx(() => [
-                (_ctx.isMediaType(item))
-                  ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.isMediaType(item)), {
-                      key: 0,
-                      onClick: $event => (_ctx.handleClick(item,indexs)),
-                      id: 'avue-image-preview__'+indexs,
-                      src: item.url,
-                      style: normalizeStyle([_ctx.styleName,_ctx.styleBoxName]),
-                      ref_for: true,
-                      ref: "item",
-                      onMousedown: _ctx.move,
-                      controls: "controls",
-                      ondragstart: "return false"
-                    }, null, 40 /* PROPS, NEED_HYDRATION */, ["onClick", "id", "src", "style", "onMousedown"]))
-                  : (openBlock(), createElementBlock("div", {
-                      key: 1,
-                      onClick: $event => (_ctx.handleClick(item,indexs,true)),
-                      id: 'avue-image-preview__'+indexs,
-                      class: normalizeClass(_ctx.b('file'))
-                    }, [
-                      createElementVNode("span", null, [
-                        createVNode(_component_el_icon_document),
-                        createElementVNode("p", null, toDisplayString(item.name || _ctx.getName(item.url)), 1 /* TEXT */)
-                      ])
-                    ], 10 /* CLASS, PROPS */, _hoisted_1))
-              ]),
-              _: 2 /* DYNAMIC */
-            }, 1024 /* DYNAMIC_SLOTS */))
-          }), 128 /* KEYED_FRAGMENT */))
-        ]),
-        _: 1 /* STABLE */
-      }, 8 /* PROPS */, ["initial-index", "initial-swipe", "interval", "onChange"])
-    ], 2 /* CLASS */),
-    createElementVNode("div", _hoisted_2, [
-      createElementVNode("div", _hoisted_3, [
-        createVNode(_component_el_icon_zoom_out, {
-          onClick: _ctx.subScale,
-          class: "viewer-icon"
-        }, null, 8 /* PROPS */, ["onClick"]),
-        createVNode(_component_el_icon_zoom_in, {
-          onClick: _ctx.addScale,
-          class: "viewer-icon"
-        }, null, 8 /* PROPS */, ["onClick"]),
-        _cache[7] || (_cache[7] = createElementVNode("i", { class: "el-image-viewer__actions__divider" }, null, -1 /* HOISTED */)),
-        createVNode(_component_el_icon_refresh_left, {
-          onClick: _cache[5] || (_cache[5] = $event => (_ctx.rotate=_ctx.rotate-90)),
-          class: "viewer-icon"
-        }),
-        createVNode(_component_el_icon_refresh_right, {
-          onClick: _cache[6] || (_cache[6] = $event => (_ctx.rotate=_ctx.rotate+90)),
-          class: "viewer-icon"
-        }),
-        _cache[8] || (_cache[8] = createElementVNode("i", { class: "el-image-viewer__actions__divider" }, null, -1 /* HOISTED */)),
-        createVNode(_component_el_icon_printer, {
-          onClick: _ctx.handlePrint,
-          class: "viewer-icon"
-        }, null, 8 /* PROPS */, ["onClick"]),
-        _cache[9] || (_cache[9] = createElementVNode("i", { class: "el-image-viewer__actions__divider" }, null, -1 /* HOISTED */)),
-        createVNode(_component_el_icon_d_arrow_left, {
-          onClick: _ctx.handlePrev,
-          class: "viewer-icon"
-        }, null, 8 /* PROPS */, ["onClick"]),
-        createVNode(_component_el_icon_d_arrow_right, {
-          onClick: _ctx.handleNext,
-          class: "viewer-icon"
-        }, null, 8 /* PROPS */, ["onClick"]),
-        _cache[10] || (_cache[10] = createElementVNode("i", { class: "el-image-viewer__actions__divider" }, null, -1 /* HOISTED */)),
-        createVNode(_component_el_icon_refresh, {
-          onClick: _ctx.handleReset,
-          class: "viewer-icon"
-        }, null, 8 /* PROPS */, ["onClick"]),
-        _cache[11] || (_cache[11] = createElementVNode("i", { class: "el-image-viewer__actions__divider" }, null, -1 /* HOISTED */)),
-        createVNode(_component_el_icon_download, {
-          onClick: _ctx.handleDownload,
-          class: "viewer-icon"
-        }, null, 8 /* PROPS */, ["onClick"])
-      ])
-    ])
-  ], 2 /* CLASS */))
-}
-
-export { render };
+/*! Avue.js v3.9.0 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createCommentVNode, createElementVNode, createVNode, withCtx, Fragment, renderList, createBlock, withModifiers, resolveDynamicComponent, normalizeStyle, toDisplayString } from 'vue';
+
+const _hoisted_1 = ["onClick", "id"];
+const _hoisted_2 = { class: "el-image-viewer__btn el-image-viewer__actions" };
+const _hoisted_3 = { class: "el-image-viewer__actions__inner" };
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_icon_close = resolveComponent("el-icon-close");
+  const _component_el_icon_arrow_left = resolveComponent("el-icon-arrow-left");
+  const _component_el_icon_arrow_right = resolveComponent("el-icon-arrow-right");
+  const _component_el_icon_document = resolveComponent("el-icon-document");
+  const _component_el_carousel_item = resolveComponent("el-carousel-item");
+  const _component_el_carousel = resolveComponent("el-carousel");
+  const _component_el_icon_zoom_out = resolveComponent("el-icon-zoom-out");
+  const _component_el_icon_zoom_in = resolveComponent("el-icon-zoom-in");
+  const _component_el_icon_refresh_left = resolveComponent("el-icon-refresh-left");
+  const _component_el_icon_refresh_right = resolveComponent("el-icon-refresh-right");
+  const _component_el_icon_printer = resolveComponent("el-icon-printer");
+  const _component_el_icon_d_arrow_left = resolveComponent("el-icon-d-arrow-left");
+  const _component_el_icon_d_arrow_right = resolveComponent("el-icon-d-arrow-right");
+  const _component_el_icon_refresh = resolveComponent("el-icon-refresh");
+  const _component_el_icon_download = resolveComponent("el-icon-download");
+
+  return (openBlock(), createElementBlock("div", {
+    class: normalizeClass(_ctx.b())
+  }, [
+    (_ctx.ops.modal)
+      ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(_ctx.b('mask')),
+          onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.close && _ctx.close(...args)))
+        }, null, 2 /* CLASS */))
+      : createCommentVNode("v-if", true),
+    createElementVNode("span", {
+      class: "el-image-viewer__btn el-image-viewer__close",
+      onClick: _cache[1] || (_cache[1] = (...args) => (_ctx.close && _ctx.close(...args)))
+    }, [
+      createVNode(_component_el_icon_close)
+    ]),
+    (_ctx.isRrrow)
+      ? (openBlock(), createElementBlock("span", {
+          key: 1,
+          class: "el-image-viewer__btn el-image-viewer__prev",
+          onClick: _cache[2] || (_cache[2] = $event => (_ctx.handlePrev()))
+        }, [
+          createVNode(_component_el_icon_arrow_left)
+        ]))
+      : createCommentVNode("v-if", true),
+    (_ctx.isRrrow)
+      ? (openBlock(), createElementBlock("span", {
+          key: 2,
+          class: "el-image-viewer__btn el-image-viewer__next",
+          onClick: _cache[3] || (_cache[3] = $event => (_ctx.handleNext()))
+        }, [
+          createVNode(_component_el_icon_arrow_right)
+        ]))
+      : createCommentVNode("v-if", true),
+    createElementVNode("div", {
+      class: normalizeClass(_ctx.b('box')),
+      ref: "box"
+    }, [
+      createVNode(_component_el_carousel, {
+        ref: "carousel",
+        "show-indicators": false,
+        "initial-index": _ctx.index,
+        "initial-swipe": _ctx.index,
+        interval: _ctx.ops.interval || 0,
+        arrow: "never",
+        onChange: _ctx.handleChange,
+        "indicator-position": "none"
+      }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.datas, (item, indexs) => {
+            return (openBlock(), createBlock(_component_el_carousel_item, {
+              onClick: _cache[4] || (_cache[4] = withModifiers($event => (_ctx.ops.closeOnClickModal?_ctx.close():''), ["self"])),
+              key: indexs
+            }, {
+              default: withCtx(() => [
+                (_ctx.isMediaType(item))
+                  ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.isMediaType(item)), {
+                      key: 0,
+                      onClick: $event => (_ctx.handleClick(item,indexs)),
+                      id: 'avue-image-preview__'+indexs,
+                      src: item.url,
+                      style: normalizeStyle([_ctx.styleName,_ctx.styleBoxName]),
+                      ref_for: true,
+                      ref: "item",
+                      onMousedown: _ctx.move,
+                      controls: "controls",
+                      ondragstart: "return false"
+                    }, null, 40 /* PROPS, NEED_HYDRATION */, ["onClick", "id", "src", "style", "onMousedown"]))
+                  : (openBlock(), createElementBlock("div", {
+                      key: 1,
+                      onClick: $event => (_ctx.handleClick(item,indexs,true)),
+                      id: 'avue-image-preview__'+indexs,
+                      class: normalizeClass(_ctx.b('file'))
+                    }, [
+                      createElementVNode("span", null, [
+                        createVNode(_component_el_icon_document),
+                        createElementVNode("p", null, toDisplayString(item.name || _ctx.getName(item.url)), 1 /* TEXT */)
+                      ])
+                    ], 10 /* CLASS, PROPS */, _hoisted_1))
+              ]),
+              _: 2 /* DYNAMIC */
+            }, 1024 /* DYNAMIC_SLOTS */))
+          }), 128 /* KEYED_FRAGMENT */))
+        ]),
+        _: 1 /* STABLE */
+      }, 8 /* PROPS */, ["initial-index", "initial-swipe", "interval", "onChange"])
+    ], 2 /* CLASS */),
+    createElementVNode("div", _hoisted_2, [
+      createElementVNode("div", _hoisted_3, [
+        createVNode(_component_el_icon_zoom_out, {
+          onClick: _ctx.subScale,
+          class: "viewer-icon"
+        }, null, 8 /* PROPS */, ["onClick"]),
+        createVNode(_component_el_icon_zoom_in, {
+          onClick: _ctx.addScale,
+          class: "viewer-icon"
+        }, null, 8 /* PROPS */, ["onClick"]),
+        _cache[7] || (_cache[7] = createElementVNode("i", { class: "el-image-viewer__actions__divider" }, null, -1 /* HOISTED */)),
+        createVNode(_component_el_icon_refresh_left, {
+          onClick: _cache[5] || (_cache[5] = $event => (_ctx.rotate=_ctx.rotate-90)),
+          class: "viewer-icon"
+        }),
+        createVNode(_component_el_icon_refresh_right, {
+          onClick: _cache[6] || (_cache[6] = $event => (_ctx.rotate=_ctx.rotate+90)),
+          class: "viewer-icon"
+        }),
+        _cache[8] || (_cache[8] = createElementVNode("i", { class: "el-image-viewer__actions__divider" }, null, -1 /* HOISTED */)),
+        createVNode(_component_el_icon_printer, {
+          onClick: _ctx.handlePrint,
+          class: "viewer-icon"
+        }, null, 8 /* PROPS */, ["onClick"]),
+        _cache[9] || (_cache[9] = createElementVNode("i", { class: "el-image-viewer__actions__divider" }, null, -1 /* HOISTED */)),
+        createVNode(_component_el_icon_d_arrow_left, {
+          onClick: _ctx.handlePrev,
+          class: "viewer-icon"
+        }, null, 8 /* PROPS */, ["onClick"]),
+        createVNode(_component_el_icon_d_arrow_right, {
+          onClick: _ctx.handleNext,
+          class: "viewer-icon"
+        }, null, 8 /* PROPS */, ["onClick"]),
+        _cache[10] || (_cache[10] = createElementVNode("i", { class: "el-image-viewer__actions__divider" }, null, -1 /* HOISTED */)),
+        createVNode(_component_el_icon_refresh, {
+          onClick: _ctx.handleReset,
+          class: "viewer-icon"
+        }, null, 8 /* PROPS */, ["onClick"]),
+        _cache[11] || (_cache[11] = createElementVNode("i", { class: "el-image-viewer__actions__divider" }, null, -1 /* HOISTED */)),
+        createVNode(_component_el_icon_download, {
+          onClick: _ctx.handleDownload,
+          class: "viewer-icon"
+        }, null, 8 /* PROPS */, ["onClick"])
+      ])
+    ])
+  ], 2 /* CLASS */))
+}
+
+export { render };

package/es/packages/core/directive/contextmenu.mjs

@@ -1,95 +1,95 @@
-/*! Avue.js v3.8.6 | (c) 2017-2026 Smallwei | Released under the MIT License. */
-var contextmenu = (() => {
-    let dialogDom;
-    let closeDialog;
-    function setupChildMenus(items, currentDialogDom, divTop, clientHeight) {
-        items.forEach((ele, i) => {
-            const childDom = ele.querySelector('ul');
-            if (!childDom)
-                return;
-            Object.assign(childDom.style, {
-                position: 'absolute',
-                top: '-9999px',
-                width: 'max-content',
-            });
-            if (ele._onEnter) {
-                ele.removeEventListener('mouseenter', ele._onEnter);
-                ele.removeEventListener('mouseleave', ele._onLeave);
-            }
-            ele._onEnter = () => {
-                const calcHeight = clientHeight - (divTop + ele.clientHeight * (i + 1)) - childDom.clientHeight;
-                childDom.style.left = `${currentDialogDom.clientWidth + 1}px`;
-                childDom.style.top = `${calcHeight < 0 ? calcHeight : 0}px`;
-            };
-            ele._onLeave = () => {
-                childDom.style.top = '-9999px';
-            };
-            ele.addEventListener('mouseenter', ele._onEnter);
-            ele.addEventListener('mouseleave', ele._onLeave);
-        });
-    }
-    function setEvent(el, binding) {
-        const dom = document.getElementById(binding.value.id);
-        if (dom)
-            dom.style.display = 'none';
-        el.oncontextmenu = function (e) {
-            e.preventDefault();
-            const { id, event, hide, value } = binding.value;
-            dialogDom = document.getElementById(id);
-            if (!dialogDom)
-                return;
-            const { clientWidth, clientHeight } = document.documentElement;
-            let { clientX: divLeft, clientY: divTop } = e;
-            dialogDom.style.display = 'block';
-            const { offsetWidth: dialogDomWidth, offsetHeight: dialogDomHeight } = dialogDom;
-            if (clientHeight - divTop - dialogDomHeight < 0) {
-                divTop -= dialogDomHeight;
-            }
-            if (clientWidth - divLeft - dialogDomWidth < 0) {
-                divLeft -= dialogDomWidth;
-            }
-            const firstLevelItems = Array.from(dialogDom.querySelectorAll('li')).filter((item) => item.parentNode === dialogDom);
-            setupChildMenus(firstLevelItems, dialogDom, divTop, clientHeight);
-            if (closeDialog) {
-                document.removeEventListener('click', closeDialog);
-            }
-            closeDialog = () => {
-                if (!dialogDom)
-                    return;
-                dialogDom.style.display = 'none';
-                hide && hide(value, e);
-                document.removeEventListener('click', closeDialog);
-                closeDialog = null;
-            };
-            const showDialog = () => {
-                if (!dialogDom)
-                    return;
-                Object.assign(dialogDom.style, {
-                    position: 'fixed',
-                    zIndex: 1024,
-                    top: `${divTop}px`,
-                    left: `${divLeft}px`,
-                });
-                document.addEventListener('click', closeDialog);
-            };
-            event ? event(value, showDialog) : showDialog();
-        };
-    }
-    return {
-        mounted(el, binding) {
-            setEvent(el, binding);
-        },
-        updated(el, binding) {
-            setEvent(el, binding);
-        },
-        unmounted(el) {
-            el.oncontextmenu = null;
-            if (closeDialog) {
-                document.removeEventListener('click', closeDialog);
-                closeDialog = null;
-            }
-        },
-    };
-})();
-
-export { contextmenu as default };
+/*! Avue.js v3.9.0 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+var contextmenu = (() => {
+    let dialogDom;
+    let closeDialog;
+    function setupChildMenus(items, currentDialogDom, divTop, clientHeight) {
+        items.forEach((ele, i) => {
+            const childDom = ele.querySelector('ul');
+            if (!childDom)
+                return;
+            Object.assign(childDom.style, {
+                position: 'absolute',
+                top: '-9999px',
+                width: 'max-content',
+            });
+            if (ele._onEnter) {
+                ele.removeEventListener('mouseenter', ele._onEnter);
+                ele.removeEventListener('mouseleave', ele._onLeave);
+            }
+            ele._onEnter = () => {
+                const calcHeight = clientHeight - (divTop + ele.clientHeight * (i + 1)) - childDom.clientHeight;
+                childDom.style.left = `${currentDialogDom.clientWidth + 1}px`;
+                childDom.style.top = `${calcHeight < 0 ? calcHeight : 0}px`;
+            };
+            ele._onLeave = () => {
+                childDom.style.top = '-9999px';
+            };
+            ele.addEventListener('mouseenter', ele._onEnter);
+            ele.addEventListener('mouseleave', ele._onLeave);
+        });
+    }
+    function setEvent(el, binding) {
+        const dom = document.getElementById(binding.value.id);
+        if (dom)
+            dom.style.display = 'none';
+        el.oncontextmenu = function (e) {
+            e.preventDefault();
+            const { id, event, hide, value } = binding.value;
+            dialogDom = document.getElementById(id);
+            if (!dialogDom)
+                return;
+            const { clientWidth, clientHeight } = document.documentElement;
+            let { clientX: divLeft, clientY: divTop } = e;
+            dialogDom.style.display = 'block';
+            const { offsetWidth: dialogDomWidth, offsetHeight: dialogDomHeight } = dialogDom;
+            if (clientHeight - divTop - dialogDomHeight < 0) {
+                divTop -= dialogDomHeight;
+            }
+            if (clientWidth - divLeft - dialogDomWidth < 0) {
+                divLeft -= dialogDomWidth;
+            }
+            const firstLevelItems = Array.from(dialogDom.querySelectorAll('li')).filter((item) => item.parentNode === dialogDom);
+            setupChildMenus(firstLevelItems, dialogDom, divTop, clientHeight);
+            if (closeDialog) {
+                document.removeEventListener('click', closeDialog);
+            }
+            closeDialog = () => {
+                if (!dialogDom)
+                    return;
+                dialogDom.style.display = 'none';
+                hide && hide(value, e);
+                document.removeEventListener('click', closeDialog);
+                closeDialog = null;
+            };
+            const showDialog = () => {
+                if (!dialogDom)
+                    return;
+                Object.assign(dialogDom.style, {
+                    position: 'fixed',
+                    zIndex: 1024,
+                    top: `${divTop}px`,
+                    left: `${divLeft}px`,
+                });
+                document.addEventListener('click', closeDialog);
+            };
+            event ? event(value, showDialog) : showDialog();
+        };
+    }
+    return {
+        mounted(el, binding) {
+            setEvent(el, binding);
+        },
+        updated(el, binding) {
+            setEvent(el, binding);
+        },
+        unmounted(el) {
+            el.oncontextmenu = null;
+            if (closeDialog) {
+                document.removeEventListener('click', closeDialog);
+                closeDialog = null;
+            }
+        },
+    };
+})();
+
+export { contextmenu as default };