lew-ui 2.7.28 → 2.7.32

package/dist/LewContextMenu-Dfno7Niv.js

@@ -0,0 +1,218 @@
+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-Cue9CPcJ.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-8caf1ded"]]);
+const LewContextMenu$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: LewContextMenu
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  LewContextMenu as default
+};

package/dist/components/form/date-picker/src/LewDatePicker.vue.d.ts

@@ -337,6 +337,10 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
             type: PropType<"year" | "quarter" | "month" | "date" | "date-time" | "time">;
             default: string;
         };
+        valueFormat: {
+            type: StringConstructor;
+            default: string;
+        };
     }>> & Readonly<{
         onCancel?: ((...args: any[]) => any) | undefined;
         onChange?: ((...args: any[]) => any) | undefined;
@@ -347,6 +351,7 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         change: (...args: any[]) => void;
     }, import('vue').PublicProps, {
         type: "time" | "date" | "month" | "year" | "quarter" | "date-time";
+        valueFormat: string;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         currentComponentRef: unknown;
     }, HTMLDivElement, import('vue').ComponentProvideOptions, {
@@ -361,6 +366,10 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
             type: PropType<"year" | "quarter" | "month" | "date" | "date-time" | "time">;
             default: string;
         };
+        valueFormat: {
+            type: StringConstructor;
+            default: string;
+        };
     }>> & Readonly<{
         onCancel?: ((...args: any[]) => any) | undefined;
         onChange?: ((...args: any[]) => any) | undefined;
@@ -368,6 +377,7 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         init: (date?: string | undefined) => void;
     }, {}, {}, {}, {
         type: "time" | "date" | "month" | "year" | "quarter" | "date-time";
+        valueFormat: string;
     }> | null;
 }, HTMLDivElement>;
 export default _default;

package/dist/components/form/date-picker/src/LewPanel.vue.d.ts

@@ -4,6 +4,10 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         type: PropType<"year" | "quarter" | "month" | "date" | "date-time" | "time">;
         default: string;
     };
+    valueFormat: {
+        type: StringConstructor;
+        default: string;
+    };
 }>, {
     init: typeof init;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -14,11 +18,16 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         type: PropType<"year" | "quarter" | "month" | "date" | "date-time" | "time">;
         default: string;
     };
+    valueFormat: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & Readonly<{
     onCancel?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
 }>, {
     type: "time" | "date" | "month" | "year" | "quarter" | "date-time";
+    valueFormat: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     currentComponentRef: unknown;
 }, HTMLDivElement>;