lew-ui 2.7.46 → 2.7.47

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2023 lew
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2023 lew
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/LewContextMenu-Cg9aKaqV.js

@@ -0,0 +1,219 @@
+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-DkcjzNyl.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
+};

package/dist/components/general/avatar/index.d.ts

@@ -1,3 +1,2 @@
-export * from './src/emits';
 export { default as LewAvatar } from './src/LewAvatar.vue';
 export * from './src/props';

package/dist/components/general/avatar/src/LewAvatar.vue.d.ts

@@ -17,6 +17,7 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     };
     src: {
         type: StringConstructor;
+        default: string;
         validator: (value: any) => boolean;
     };
     alt: {
@@ -46,10 +47,7 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         default: string;
         validator: (value: any) => boolean;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    error: () => void;
-    load: () => void;
-}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
     size: {
         type: StringConstructor;
         default: string;
@@ -68,6 +66,7 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     };
     src: {
         type: StringConstructor;
+        default: string;
         validator: (value: any) => boolean;
     };
     alt: {
@@ -97,14 +96,12 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         default: string;
         validator: (value: any) => boolean;
     };
-}>> & Readonly<{
-    onError?: (() => any) | undefined;
-    onLoad?: (() => any) | undefined;
-}>, {
+}>> & Readonly<{}>, {
     loading: boolean;
     size: string;
     objectFit: import('../../../..').LewImageObjectFit;
     objectPosition: import('../../../..').LewImageObjectPosition;
+    src: string;
     shape: import('../../../..').LewAvatarShape;
     statusPlacement: import('../../../..').LewAvatarPlacement;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;

package/dist/components/general/avatar/src/props.d.ts

@@ -19,6 +19,7 @@ export declare const avatarProps: {
     };
     src: {
         type: StringConstructor;
+        default: string;
         validator: (value: any) => boolean;
     };
     alt: {

package/dist/components/general/image/index.d.ts

@@ -1,3 +1,2 @@
-export * from './src/emits';
 export { default as LewImage } from './src/LewImage.vue';
 export * from './src/props';