lew-ui 2.7.76 → 2.7.77

package/dist/auto-imports.d.ts

@@ -0,0 +1,86 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+export {}
+declare global {
+  const EffectScope: (typeof import('vue'))['EffectScope'];
+  const computed: (typeof import('vue'))['computed'];
+  const createApp: (typeof import('vue'))['createApp'];
+  const customRef: (typeof import('vue'))['customRef'];
+  const defineAsyncComponent: (typeof import('vue'))['defineAsyncComponent'];
+  const defineComponent: (typeof import('vue'))['defineComponent'];
+  const effectScope: (typeof import('vue'))['effectScope'];
+  const getCurrentInstance: (typeof import('vue'))['getCurrentInstance'];
+  const getCurrentScope: (typeof import('vue'))['getCurrentScope'];
+  const h: (typeof import('vue'))['h'];
+  const inject: (typeof import('vue'))['inject'];
+  const isProxy: (typeof import('vue'))['isProxy'];
+  const isReactive: (typeof import('vue'))['isReactive'];
+  const isReadonly: (typeof import('vue'))['isReadonly'];
+  const isRef: (typeof import('vue'))['isRef'];
+  const markRaw: (typeof import('vue'))['markRaw'];
+  const nextTick: (typeof import('vue'))['nextTick'];
+  const onActivated: (typeof import('vue'))['onActivated'];
+  const onBeforeMount: (typeof import('vue'))['onBeforeMount'];
+  const onBeforeRouteLeave: (typeof import('vue-router'))['onBeforeRouteLeave'];
+  const onBeforeRouteUpdate: (typeof import('vue-router'))['onBeforeRouteUpdate'];
+  const onBeforeUnmount: (typeof import('vue'))['onBeforeUnmount'];
+  const onBeforeUpdate: (typeof import('vue'))['onBeforeUpdate'];
+  const onDeactivated: (typeof import('vue'))['onDeactivated'];
+  const onErrorCaptured: (typeof import('vue'))['onErrorCaptured'];
+  const onMounted: (typeof import('vue'))['onMounted'];
+  const onRenderTracked: (typeof import('vue'))['onRenderTracked'];
+  const onRenderTriggered: (typeof import('vue'))['onRenderTriggered'];
+  const onScopeDispose: (typeof import('vue'))['onScopeDispose'];
+  const onServerPrefetch: (typeof import('vue'))['onServerPrefetch'];
+  const onUnmounted: (typeof import('vue'))['onUnmounted'];
+  const onUpdated: (typeof import('vue'))['onUpdated'];
+  const provide: (typeof import('vue'))['provide'];
+  const reactive: (typeof import('vue'))['reactive'];
+  const readonly: (typeof import('vue'))['readonly'];
+  const ref: (typeof import('vue'))['ref'];
+  const resolveComponent: (typeof import('vue'))['resolveComponent'];
+  const shallowReactive: (typeof import('vue'))['shallowReactive'];
+  const shallowReadonly: (typeof import('vue'))['shallowReadonly'];
+  const shallowRef: (typeof import('vue'))['shallowRef'];
+  const toRaw: (typeof import('vue'))['toRaw'];
+  const toRef: (typeof import('vue'))['toRef'];
+  const toRefs: (typeof import('vue'))['toRefs'];
+  const toValue: (typeof import('vue'))['toValue'];
+  const triggerRef: (typeof import('vue'))['triggerRef'];
+  const unref: (typeof import('vue'))['unref'];
+  const useAttrs: (typeof import('vue'))['useAttrs'];
+  const useCssModule: (typeof import('vue'))['useCssModule'];
+  const useCssVars: (typeof import('vue'))['useCssVars'];
+  const useLink: (typeof import('vue-router'))['useLink'];
+  const useRoute: (typeof import('vue-router'))['useRoute'];
+  const useRouter: (typeof import('vue-router'))['useRouter'];
+  const useSlots: (typeof import('vue'))['useSlots'];
+  const watch: (typeof import('vue'))['watch'];
+  const watchEffect: (typeof import('vue'))['watchEffect'];
+  const watchPostEffect: (typeof import('vue'))['watchPostEffect'];
+  const watchSyncEffect: (typeof import('vue'))['watchSyncEffect'];
+  const resolveDirective: (typeof import('vue'))['resolveDirective'];
+  const withDirectives: (typeof import('vue'))['withDirectives'];
+  const CSSProperties: (typeof import('vue'))['CSSProperties'];
+}
+// for type re-export
+declare global {
+  // @ts-ignore
+  export type {
+    Component,
+    ComponentPublicInstance,
+    ComputedRef,  
+    ExtractDefaultPropTypes, 
+    ExtractPropTypes,
+    ExtractPublicPropTypes,
+    InjectionKey,
+    PropType,
+    Ref,
+    VNode,
+    WritableComputedRef,
+  } from 'vue';
+  import('vue');
+}

package/dist/components/feedback/drawer/src/LewDrawer.vue.d.ts

@@ -146,8 +146,8 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
     height: import("csstype").Property.Height<0 | (string & {})>;
     position: import('../../../..').LewDrawerPosition;
     zIndex: number;
-    closeOnClickOverlay: boolean;
     closeByEsc: boolean;
+    closeOnClickOverlay: boolean;
     hideFooter: boolean;
     hideOkButton: boolean;
     hideCloseButton: boolean;

package/dist/components/feedback/drawer/src/props.d.ts

@@ -56,6 +56,11 @@ export declare const drawerProps: {
         default: boolean;
         validator: (value: any) => boolean;
     };
+    /**
+     * z-index 层级
+     * 默认值 2001 表示使用全局弹出层管理器自动分配层级（从 2001 开始递增）
+     * 如果手动设置其他值，则使用用户指定的值（不推荐，可能导致层级冲突）
+     */
     zIndex: {
         type: NumberConstructor;
         default: number;

package/dist/components/feedback/modal/src/LewModal.vue.d.ts

@@ -160,8 +160,8 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
     width: import("csstype").Property.Width<0 | (string & {})>;
     maxHeight: number | "none" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | (string & {}) | "-webkit-min-content";
     zIndex: number;
-    closeOnClickOverlay: boolean;
     closeByEsc: boolean;
+    closeOnClickOverlay: boolean;
     hideFooter: boolean;
     hideOkButton: boolean;
     hideCloseButton: boolean;

package/dist/components/feedback/modal/src/props.d.ts

@@ -62,6 +62,11 @@ export declare const modalProps: {
         default: boolean;
         validator: (value: any) => boolean;
     };
+    /**
+     * z-index 层级
+     * 默认值 2001 表示使用全局弹出层管理器自动分配层级（从 2001 开始递增）
+     * 如果手动设置其他值，则使用用户指定的值（不推荐，可能导致层级冲突）
+     */
     zIndex: {
         type: NumberConstructor;
         default: number;

package/dist/env.d.ts

@@ -0,0 +1,37 @@
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+
+  const component: DefineComponent<object, object, any>
+  export default component
+}
+
+declare module 'lib/components/collapse/src/LewCollapseTransition.vue' {
+  import type { DefineComponent } from 'vue'
+
+  const component: DefineComponent<object, object, any>
+  export default component
+}
+
+declare module './src/LewCollapseTransition.vue' {
+  import type { DefineComponent } from 'vue'
+
+  const component: DefineComponent<object, object, any>
+  export default component
+}
+
+declare module './LewCollapseTransition.vue' {
+  import type { DefineComponent } from 'vue'
+
+  const component: DefineComponent<object, object, any>
+  export default component
+}
+
+// dayjs types are handled by the package itself
+
+declare module '@vueuse/core'
+declare module 'lodash-es'
+
+// 引入指令的全局类型声明
+/// <reference path="./directives/global.d.ts" />

package/dist/global.d.ts

@@ -0,0 +1,13 @@
+import { LewDirectiveBindings } from './types';
+declare module 'vue' {
+  interface ComponentCustomProperties {}
+
+  interface GlobalDirectives {
+    vTooltip: LewDirectiveBindings['tooltip']
+    vLoading: LewDirectiveBindings['loading']
+    vBacktop: LewDirectiveBindings['backtop']
+    vContextMenu: LewDirectiveBindings['context-menu']
+  }
+}
+
+export {}

package/dist/hooks/index.d.ts

@@ -1,4 +1,6 @@
 import { useDOMCreate } from './useDOMCreate';
 import { useEventListener } from './useEventListener';
+import { usePopupManager } from './usePopupManager';
 import { useTreeSelection } from './useTreeSelection';
-export { useDOMCreate, useEventListener, useTreeSelection };
+export { useDOMCreate, useEventListener, usePopupManager, useTreeSelection };
+export type { PopupInstance } from './usePopupManager';

package/dist/hooks/usePopupManager.d.ts

@@ -0,0 +1,98 @@
+import { Ref } from 'vue';
+/**
+ * 弹出层实例信息
+ */
+export interface PopupInstance {
+    /** 唯一标识 */
+    id: string;
+    /** 类型：modal 或 drawer */
+    type: 'modal' | 'drawer';
+    /** 分配的 z-index */
+    zIndex: number;
+    /** 关闭回调 */
+    close: () => void;
+}
+/**
+ * 全局弹出层管理器
+ * 统一管理 Modal 和 Drawer 的 z-index，确保后打开的组件层级更高
+ * 支持 ESC 键按最顶层依次关闭
+ */
+declare class PopupManager {
+    /** 基础 z-index，从 2001 开始 */
+    private static readonly BASE_Z_INDEX;
+    /** 当前 z-index 计数器 */
+    private currentZIndex;
+    /** 弹出层栈，按打开顺序排列，最后一个是最顶层 */
+    private stack;
+    /** 是否已初始化 ESC 监听 */
+    private escInitialized;
+    /**
+     * 注册弹出层，返回分配的 z-index
+     * @param id 唯一标识
+     * @param type 类型
+     * @param close 关闭回调
+     * @returns 分配的 z-index
+     */
+    register(id: string, type: 'modal' | 'drawer', close: () => void): number;
+    /**
+     * 注销弹出层
+     * @param id 唯一标识
+     */
+    unregister(id: string): void;
+    /**
+     * 关闭最顶层弹出层
+     * @returns 是否成功关闭
+     */
+    closeTop(): boolean;
+    /**
+     * 检查是否是最顶层弹出层
+     * @param id 唯一标识
+     * @returns 是否是最顶层
+     */
+    isTop(id: string): boolean;
+    /**
+     * 获取当前栈的长度
+     * @returns 栈长度
+     */
+    getStackLength(): number;
+    /**
+     * 获取指定弹出层的信息
+     * @param id 唯一标识
+     * @returns 弹出层信息或 undefined
+     */
+    getPopup(id: string): PopupInstance | undefined;
+    /**
+     * 初始化全局 ESC 监听（内部使用）
+     */
+    initEscListener(escape: Ref<boolean>): void;
+}
+declare const popupManager: PopupManager;
+/**
+ * 弹出层管理器 Hook
+ * 用于 Modal 和 Drawer 组件管理 z-index 和 ESC 关闭
+ *
+ * @param options 配置选项
+ * @returns 管理器方法和响应式 z-index
+ */
+export declare function usePopupManager(options: {
+    /** 唯一标识 */
+    id: string;
+    /** 类型：modal 或 drawer */
+    type: 'modal' | 'drawer';
+    /** 可见性 v-model */
+    visible: Ref<boolean>;
+    /** 是否支持 ESC 关闭 */
+    closeByEsc?: boolean;
+    /** 关闭时的自定义回调 */
+    onClose?: () => void;
+}): {
+    /** 响应式 z-index */
+    zIndex: Ref<number, number>;
+    /** 检查是否是最顶层 */
+    isTop: () => boolean;
+    /** 关闭方法 */
+    close: () => void;
+    /** 获取当前栈长度 */
+    getStackLength: () => number;
+};
+export { popupManager };