lew-ui 2.7.41 → 2.7.44

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "lew-ui",
   "type": "module",
-  "version": "2.7.41",
+  "version": "2.7.44",
   "description": "A Component Library for Vue3.js.",
   "author": "lewkamtao",
   "license": "MIT",

package/dist/LewContextMenu-BhQMFiKK.js

@@ -1,219 +0,0 @@
-import { defineComponent, computed, shallowRef, onMounted, nextTick, onBeforeUnmount, createBlock, openBlock, unref, withCtx, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, normalizeStyle, createCommentVNode, createVNode, createApp, h, defineAsyncComponent } from "vue";
-import { c as contextMenuProps, g as getUniqueId, L as LewFlex, C as CommonIcon, _ as _sfc_main$1, a as LewEmpty, i as isFunction, b as initLewContextMenu, t as tippy, d as _export_sfc } from "./index-Ba0vjDlo.js";
-const contextMenuEmits = {
-  change: (item) => item
-};
-const _hoisted_1 = ["onClick"];
-const _hoisted_2 = {
-  key: 0,
-  class: "lew-context-menu-checkable"
-};
-const _hoisted_3 = { class: "lew-context-menu-label" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "LewContextMenu",
-  props: contextMenuProps,
-  emits: contextMenuEmits,
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const _options = computed(() => props.options);
-    const hasCheckableItems = computed(() => _options.value.some((item) => item.checkable));
-    const hasChildrenItems = computed(
-      () => _options.value.some((item) => item.children?.length)
-    );
-    const proxyCache = /* @__PURE__ */ new WeakMap();
-    function createItemProxy(item) {
-      if (proxyCache.has(item)) {
-        return proxyCache.get(item);
-      }
-      const proxy = new Proxy(item, {
-        get(target, prop, receiver) {
-          return Reflect.get(target, prop, receiver);
-        }
-      });
-      proxyCache.set(item, proxy);
-      return proxy;
-    }
-    function clickItem(item) {
-      if (item.disabled)
-        return;
-      const instance = props.dropdownInstance || window.LewContextMenu?.instance || null;
-      if (isFunction(item.onClick)) {
-        try {
-          const proxyItem = createItemProxy(item);
-          const proxyOptions = new Proxy(_options.value, {
-            get(target, prop, receiver) {
-              return Reflect.get(target, prop, receiver);
-            }
-          });
-          item.onClick?.(proxyItem, proxyOptions, instance);
-        } catch (error) {
-          console.error("[LewContextMenu] Error in onClick handler:", error);
-        }
-      } else {
-        instance?.hide();
-      }
-      emit("change", item);
-    }
-    const TIPPY_CONFIG = {
-      theme: "light",
-      animation: "shift-away-subtle",
-      trigger: "mouseenter",
-      interactive: true,
-      placement: "right-start",
-      duration: [250, 250],
-      delay: [120, 120],
-      arrow: false,
-      offset: [0, 0],
-      allowHTML: true,
-      hideOnClick: false,
-      zIndex: 2001
-    };
-    const uniqueId = getUniqueId();
-    const subMenuInstances = /* @__PURE__ */ new Map();
-    const itemRefs = shallowRef([]);
-    function setItemRef(el, index) {
-      if (el && el instanceof HTMLElement) {
-        itemRefs.value[index] = el;
-      }
-    }
-    function createSubMenu(options) {
-      const menuDom = document.createElement("div");
-      const app = createApp({
-        render() {
-          return h(
-            defineAsyncComponent(() => Promise.resolve().then(() => LewContextMenu$1)),
-            {
-              options,
-              onChange: (item) => emit("change", item)
-            }
-          );
-        }
-      });
-      app.mount(menuDom);
-      return { element: menuDom, app };
-    }
-    function initTippy() {
-      itemRefs.value.forEach((el, index) => {
-        const option = _options.value[index];
-        if (!el || option?.disabled || !option?.children?.length) {
-          return;
-        }
-        try {
-          if (!window.LewContextMenu) {
-            initLewContextMenu();
-          }
-          const { element: menuDom, app } = createSubMenu(option.children);
-          const tippyInstances = tippy(el, {
-            ...TIPPY_CONFIG,
-            content: menuDom
-          });
-          const tippyInstance = Array.isArray(tippyInstances) ? tippyInstances[0] : tippyInstances;
-          subMenuInstances.set(index, { app, tippy: tippyInstance });
-          window.LewContextMenu.menuInstance[`${uniqueId}-${index}`] = tippyInstance;
-          const popperElement = tippyInstance.popper?.children?.[0];
-          popperElement?.setAttribute("data-lew", "popover");
-        } catch (error) {
-          console.error("[LewContextMenu] Failed to initialize submenu:", error);
-        }
-      });
-    }
-    function cleanup() {
-      subMenuInstances.forEach(({ app, tippy: tippy2 }, index) => {
-        try {
-          app?.unmount?.();
-          tippy2?.destroy?.();
-          const key = `${uniqueId}-${index}`;
-          if (window.LewContextMenu?.menuInstance?.[key]) {
-            delete window.LewContextMenu.menuInstance[key];
-          }
-        } catch (error) {
-          console.warn("[LewContextMenu] Failed to cleanup submenu instance:", error);
-        }
-      });
-      subMenuInstances.clear();
-    }
-    onMounted(() => {
-      nextTick(() => {
-        initTippy();
-      });
-    });
-    onBeforeUnmount(() => {
-      cleanup();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(LewFlex), {
-        direction: "y",
-        gap: "0",
-        class: "lew-context-menu"
-      }, {
-        default: withCtx(() => [
-          unref(_options).length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(_options), (item, index) => {
-            return openBlock(), createElementBlock("div", {
-              key: `menu-item-${index}`,
-              class: normalizeClass(["lew-context-menu-box", {
-                "lew-context-menu-box-disabled": item.disabled,
-                "lew-context-menu-box-divider-line": item.isDividerLine
-              }])
-            }, [
-              createElementVNode("div", {
-                ref_for: true,
-                ref: (el) => setItemRef(el, index),
-                class: normalizeClass(["lew-context-menu-item", {
-                  "lew-context-menu-item-active": item.active,
-                  "lew-context-menu-item-disabled": item.disabled
-                }]),
-                style: normalizeStyle({ "animation-delay": `${index * 10}ms` }),
-                onClick: ($event) => clickItem(item)
-              }, [
-                unref(hasCheckableItems) ? (openBlock(), createElementBlock("div", _hoisted_2, [
-                  item.checked ? (openBlock(), createBlock(CommonIcon, {
-                    key: 0,
-                    size: 12,
-                    "stroke-width": 2.5,
-                    type: "check"
-                  })) : createCommentVNode("", true)
-                ])) : createCommentVNode("", true),
-                createElementVNode("div", _hoisted_3, [
-                  item.icon ? (openBlock(), createBlock(_sfc_main$1, {
-                    key: 0,
-                    "render-fn": item.icon
-                  }, null, 8, ["render-fn"])) : createCommentVNode("", true),
-                  createVNode(_sfc_main$1, {
-                    class: "lew-context-menu-label-text",
-                    "render-fn": item.label
-                  }, null, 8, ["render-fn"])
-                ]),
-                unref(hasChildrenItems) ? (openBlock(), createBlock(CommonIcon, {
-                  key: 1,
-                  class: "lew-context-menu-item-chevron",
-                  size: 14,
-                  style: normalizeStyle({
-                    opacity: item.children?.length ? 1 : 0
-                  }),
-                  type: "chevron-right"
-                }, null, 8, ["style"])) : createCommentVNode("", true)
-              ], 14, _hoisted_1)
-            ], 2);
-          }), 128)) : (openBlock(), createBlock(unref(LewEmpty), {
-            key: 1,
-            width: "120px",
-            padding: "5px",
-            "font-size": "12px",
-            type: "search",
-            title: "暂无操作"
-          }))
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-const LewContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-07a78cb9"]]);
-const LewContextMenu$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: LewContextMenu
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  LewContextMenu as default
-};