lew-ui 2.7.29 → 2.7.33

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-C5Lui1ot.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-0Dikjcyf.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/feedback/popok/src/LewPopok.vue.d.ts

@@ -321,10 +321,7 @@ declare function __VLS_template(): {
                     type: PropType<() => Promise<void>>;
                     validator: (value: any) => boolean;
                 };
-            }>> & Readonly<{}>, {
-                focus: () => void;
-                blur: () => void;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
                 loading: boolean;
                 type: import('../../../..').LewButtonType;
                 color: LewColor;
@@ -418,10 +415,7 @@ declare function __VLS_template(): {
                 type: PropType<() => Promise<void>>;
                 validator: (value: any) => boolean;
             };
-        }>> & Readonly<{}>, "blur" | "focus" | ("loading" | "type" | "color" | "size" | "round" | "disabled" | "singleIcon" | "dashed")> & import('vue').ShallowUnwrapRef<{
-            focus: () => void;
-            blur: () => void;
-        }> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>> & Readonly<{}>, "loading" | "type" | "color" | "size" | "round" | "disabled" | "singleIcon" | "dashed"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
             };
@@ -877,10 +871,7 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
                 type: PropType<() => Promise<void>>;
                 validator: (value: any) => boolean;
             };
-        }>> & Readonly<{}>, {
-            focus: () => void;
-            blur: () => void;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
             loading: boolean;
             type: import('../../../..').LewButtonType;
             color: LewColor;
@@ -974,10 +965,7 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
             type: PropType<() => Promise<void>>;
             validator: (value: any) => boolean;
         };
-    }>> & Readonly<{}>, "blur" | "focus" | ("loading" | "type" | "color" | "size" | "round" | "disabled" | "singleIcon" | "dashed")> & import('vue').ShallowUnwrapRef<{
-        focus: () => void;
-        blur: () => void;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
+    }>> & Readonly<{}>, "loading" | "type" | "color" | "size" | "round" | "disabled" | "singleIcon" | "dashed"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?(_: {}): any;
         };

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>;

package/dist/components/form/input-table/src/LewInputTable.vue.d.ts

@@ -1,7 +1,7 @@
 import { LewInputTableColumn } from '../../../../types';
-declare module "vue" {
+declare module 'vue' {
     interface ComponentCustomEvents {
-        "drag-sort": [data: any[]];
+        'drag-sort': [data: any[]];
     }
 }
 declare function __VLS_template(): {