npm - zan-layer - Versions diffs - 1.0.0 - Mend

zan-layer 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (22) hide show

package/README.md +197 -0
package/lib/index.css +1 -0
package/lib/zan-layer.js +1150 -0
package/lib/zan-layer.umd.js +1 -0
package/package.json +52 -0
package/types/component/Footer.vue.d.ts +19 -0
package/types/component/Header.vue.d.ts +20 -0
package/types/component/HeaderBtn.vue.d.ts +19 -0
package/types/component/Iframe.vue.d.ts +6 -0
package/types/component/Notifiy.vue.d.ts +17 -0
package/types/component/Photos.vue.d.ts +14 -0
package/types/component/Prompt.vue.d.ts +16 -0
package/types/component/Render.vue.d.ts +6 -0
package/types/component/Shade.vue.d.ts +16 -0
package/types/component/Tips.vue.d.ts +7 -0
package/types/component/ZanLayer.vue.d.ts +79 -0
package/types/composable/useDragable.d.ts +2 -0
package/types/index.d.ts +28 -0
package/types/tokens/index.d.ts +3 -0
package/types/types/index.d.ts +99 -0
package/types/utils/index.d.ts +43 -0
package/types/utils/render.d.ts +3 -0

package/lib/zan-layer.umd.js ADDED Viewed

@@ -0,0 +1 @@

package/package.json ADDED Viewed

@@ -0,0 +1,52 @@
+{
+  "name": "zan-layer",
+  "version": "1.0.0",
+  "description": "A powerful layer component for Vue 3",
+  "license": "MIT",
+  "type": "module",
+  "author": "ZanUI",
+  "module": "lib/zan-layer.js",
+  "main": "lib/zan-layer.umd.js",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./types/index.d.ts",
+        "default": "./lib/zan-layer.js"
+      }
+    },
+    "./lib/*": "./lib/*",
+    "./types/*": [
+      "./types/*.d.ts"
+    ]
+  },
+  "types": "types/index.d.ts",
+  "style": "lib/index.css",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build --emptyOutDir && npm run build:types",
+    "build:types": "vue-tsc --declaration --emitDeclarationOnly --outDir types",
+    "acceptance:smoke": "node ./scripts/acceptance-smoke.mjs"
+  },
+  "keywords": [
+    "vue",
+    "vue3",
+    "layer",
+    "modal",
+    "dialog"
+  ],
+  "files": [
+    "lib",
+    "types",
+    "README.md"
+  ],
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.0.0",
+    "typescript": "^5.0.0",
+    "vite": "^5.0.0",
+    "vue": "^3.4.0",
+    "vue-tsc": "^3.2.4"
+  }
+}

package/types/component/Footer.vue.d.ts ADDED Viewed

@@ -0,0 +1,19 @@
+import { PropsContentType } from '../types';
+import { StyleValue } from 'vue';
+export interface FooterProps {
+    footer: PropsContentType | boolean;
+    footerStyle: string | StyleValue;
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<FooterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FooterProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/component/Header.vue.d.ts ADDED Viewed

@@ -0,0 +1,20 @@
+import { PropsContentType } from '../types';
+import { StyleValue } from 'vue';
+export interface HeaderProps {
+    title: PropsContentType | boolean;
+    titleStyle: string | StyleValue;
+    move: boolean;
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<HeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<HeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/component/HeaderBtn.vue.d.ts ADDED Viewed

@@ -0,0 +1,19 @@
+export interface HeaderBtnProps {
+    maxmin?: boolean;
+    min?: boolean;
+    max?: boolean;
+    closeBtn?: string | boolean;
+}
+declare const __VLS_export: import("vue").DefineComponent<HeaderBtnProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    onMin: (...args: any[]) => void;
+    onMax: (...args: any[]) => void;
+    onClose: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<HeaderBtnProps> & Readonly<{
+    onOnMin?: ((...args: any[]) => any) | undefined;
+    onOnMax?: ((...args: any[]) => any) | undefined;
+    onOnClose?: ((...args: any[]) => any) | undefined;
+}>, {
+    closeBtn: string | boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/types/component/Iframe.vue.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export interface IframeProps {
+    src?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<IframeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IframeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/types/component/Notifiy.vue.d.ts ADDED Viewed

@@ -0,0 +1,17 @@
+import type { PropsContentType } from '../types';
+export interface LayNotifyProps {
+    title: any;
+    content: PropsContentType;
+    isHtmlFragment?: boolean;
+    icon?: string | number | undefined;
+    iconClass: string[];
+}
+declare const __VLS_export: import("vue").DefineComponent<LayNotifyProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<LayNotifyProps> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+}>, {
+    isHtmlFragment: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/types/component/Photos.vue.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import type { ImgListType } from '../types';
+export interface LayPhotoProps {
+    imgList: ImgListType[];
+    startIndex: number;
+}
+declare const __VLS_export: import("vue").DefineComponent<LayPhotoProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    resetCalculationPohtosArea: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<LayPhotoProps> & Readonly<{
+    onResetCalculationPohtosArea?: ((...args: any[]) => any) | undefined;
+}>, {
+    startIndex: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/types/component/Prompt.vue.d.ts ADDED Viewed

@@ -0,0 +1,16 @@
+export interface PromptProps {
+    promptValue?: string;
+    formType?: 0 | 1 | 2 | 'text' | 'password' | 'textarea';
+    maxLength?: number;
+    placeholder?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<PromptProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:promptValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<PromptProps> & Readonly<{
+    "onUpdate:promptValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    formType: 0 | 1 | 2 | "text" | "password" | "textarea";
+    placeholder: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/types/component/Render.vue.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    render: () => any;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/types/component/Shade.vue.d.ts ADDED Viewed

@@ -0,0 +1,16 @@
+import { StyleValue } from 'vue';
+export interface ShadeProps {
+    visible: boolean | string;
+    opacity: string;
+    index: number | Function;
+    teleport: string;
+    teleportDisabled: boolean;
+    shadeStyle?: StyleValue;
+}
+declare const __VLS_export: import("vue").DefineComponent<ShadeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    shadeClick: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<ShadeProps> & Readonly<{
+    onShadeClick?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/types/component/Tips.vue.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    content: string;
+    direction: 'top' | 'right' | 'bottom' | 'left';
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/types/component/ZanLayer.vue.d.ts ADDED Viewed

@@ -0,0 +1,79 @@
+import type { ImgListType, PropsContentType, MoveEndFn, ResizeEndFn, LayerProps } from '../types';
+import { StyleValue } from 'vue';
+import '../styles/index.css';
+declare var __VLS_28: {}, __VLS_30: {}, __VLS_76: {};
+type __VLS_Slots = {} & {
+    title?: (props: typeof __VLS_28) => any;
+} & {
+    default?: (props: typeof __VLS_30) => any;
+} & {
+    footer?: (props: typeof __VLS_76) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<LayerProps, {
+    reset: () => void;
+    open: () => void;
+    close: () => void;
+    full: () => Promise<void>;
+    min: () => Promise<void>;
+    revert: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<LayerProps> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    teleport: string;
+    teleportDisabled: boolean;
+    revert: Function;
+    end: Function;
+    move: boolean;
+    area: string | string[];
+    time: number;
+    title: PropsContentType | boolean;
+    close: Function;
+    load: number;
+    resize: boolean;
+    shadeOpacity: string;
+    titleStyle: string | false | import("vue").CSSProperties | StyleValue[] | null;
+    maxmin: boolean;
+    min: Function;
+    closeBtn: boolean | string;
+    type: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | "dialog" | "page" | "iframe" | "loading" | "drawer" | "photos" | "notify" | "prompt";
+    imgList: ImgListType[];
+    startIndex: number;
+    isHtmlFragment: boolean;
+    formType: 0 | 1 | 2 | "text" | "password" | "textarea";
+    placeholder: string;
+    value: string;
+    modelValue: boolean;
+    offset: string | string[];
+    shade: boolean;
+    shadeClose: boolean;
+    btnAlign: "l" | "c" | "r";
+    anim: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    isOutAnim: boolean;
+    animDuration: string;
+    moveOut: boolean;
+    lastPosition: boolean;
+    yesText: string;
+    isMessage: boolean;
+    isFunction: boolean;
+    success: Function;
+    beforeClose: Function;
+    full: Function;
+    moveStart: Function;
+    moving: Function;
+    moveEnd: MoveEndFn;
+    resizeStart: Function;
+    resizing: Function;
+    resizeEnd: ResizeEndFn;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/composable/useDragable.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export declare const useMove: (el: HTMLElement, moveOut: boolean, callback: Function, endCallback: Function, startCallback: Function) => void;
2	+ export declare const useResize: (el: HTMLElement, callback: Function, endCallback: Function, startCallback: Function) => void;

package/types/index.d.ts ADDED Viewed

@@ -0,0 +1,28 @@
+import { AppContext, App } from 'vue';
+import ZanLayer from './component/ZanLayer.vue';
+import { LayerProps, InstallOptions } from './types';
+export declare const layer: {
+    _context: AppContext | null;
+    open: (option: LayerProps) => string;
+    drawer: (option: LayerProps) => string;
+    msg: (message: string, option?: LayerProps, callback?: Function) => string;
+    load: (load?: number, option?: LayerProps) => string;
+    confirm: (msg: string, option?: LayerProps) => string;
+    notify: (option: LayerProps, callback?: Function) => string;
+    photos: (option: string | LayerProps) => string;
+    prompt: (option: LayerProps) => string;
+    create: (option: LayerProps, defaultOption: LayerProps, callback?: Function) => string;
+    close: (id: any) => void;
+    closeAll: () => void;
+    reset: (id: any) => void;
+    min: (id: any) => void;
+    full: (id: any) => void;
+    revert: (id: any) => void;
+};
+export { ZanLayer, layer as zanLayer };
+declare const _default: {
+    install: (app: App, options?: InstallOptions) => void;
+};
+export default _default;
+export * from './types';
+import './styles/index.css';

package/types/tokens/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { InjectionKey, Ref } from 'vue';
+export declare const zIndexKey: InjectionKey<Ref<number>>;
+export declare function nextIndex(): number;

package/types/types/index.d.ts ADDED Viewed

@@ -0,0 +1,99 @@
+import type { StyleValue, VNodeTypes } from 'vue';
+export type StringObject = Record<string, unknown>;
+export type InstallOptions = StringObject;
+export type BtnType = {
+    text: string;
+    type?: string;
+    style?: string | StyleValue;
+    class?: string;
+    disabled?: boolean;
+    callback: (id: string, ...args: any) => void;
+};
+export type ImgListType = {
+    src: string;
+    alt?: string;
+    thumb?: string;
+};
+export type PropsContentType = VNodeTypes | (() => VNodeTypes);
+type OperateEndReturn = void | [string, string] | undefined;
+interface MoveEndFnOptions {
+    left: string;
+    top: string;
+    isMax: boolean;
+    isMin: boolean;
+}
+export type MoveEndFn = (id: string, options: MoveEndFnOptions) => OperateEndReturn;
+interface ResizeEndFnOptions {
+    width: string;
+    height: string;
+}
+export type ResizeEndFn = (id: string, options: ResizeEndFnOptions) => OperateEndReturn;
+export interface LayerProps {
+    modelValue?: boolean;
+    type?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 'dialog' | 'page' | 'iframe' | 'loading' | 'drawer' | 'photos' | 'notify' | 'prompt';
+    title?: PropsContentType | boolean;
+    footer?: PropsContentType | boolean;
+    titleStyle?: string | StyleValue;
+    footerStyle?: string | StyleValue;
+    content?: PropsContentType;
+    isHtmlFragment?: boolean;
+    offset?: string | string[];
+    area?: string | string[];
+    move?: boolean;
+    maxmin?: boolean;
+    resize?: boolean;
+    shade?: boolean;
+    shadeClose?: boolean;
+    shadeStyle?: StyleValue;
+    shadeOpacity?: string;
+    layerClasses?: string;
+    zIndex?: number;
+    closeBtn?: boolean | string;
+    btn?: BtnType[];
+    btnAlign?: 'l' | 'c' | 'r';
+    anim?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    isOutAnim?: boolean;
+    icon?: string | number;
+    imgList?: ImgListType[];
+    startIndex?: number;
+    animDuration?: string;
+    moveOut?: boolean;
+    teleport?: string;
+    teleportDisabled?: boolean;
+    lastPosition?: boolean;
+    time?: number;
+    load?: number;
+    yesText?: string;
+    formType?: 0 | 1 | 2 | 'text' | 'password' | 'textarea';
+    value?: string;
+    maxLength?: number;
+    placeholder?: string;
+    isMessage?: boolean;
+    id?: string;
+    isFunction?: boolean;
+    appContext?: any;
+    success?: Function;
+    end?: Function;
+    yes?: Function;
+    beforeClose?: Function;
+    close?: Function;
+    min?: Function;
+    full?: Function;
+    revert?: Function;
+    moveStart?: Function;
+    moving?: Function;
+    moveEnd?: MoveEndFn;
+    resizeStart?: Function;
+    resizing?: Function;
+    resizeEnd?: ResizeEndFn;
+    internalDestroy?: Function;
+}
+export interface ShadeProps {
+    visible: boolean | string;
+    opacity: string;
+    index: number | Function;
+    teleport: string;
+    teleportDisabled: boolean;
+    shadeStyle?: StyleValue;
+}
+export {};

package/types/utils/index.d.ts ADDED Viewed

@@ -0,0 +1,43 @@
+export declare function nextId(): any;
+export declare function calculateMinArea(minArea: any): any[];
+export declare function calculateArea(type: any, area: any, offset: any): any[];
+export declare function calculateBaseArea(area: any): any[];
+export declare function calculateDrawerArea(offset: any, drawerArea?: string[] | string): string[];
+/**
+ * 计算 offset 属性
+ */
+export declare function calculateOffset(offset: string[] | string, area: string[], type: number): string[];
+/**
+ * 转换 number 类型
+ */
+export declare function calculateType(modalType: number | string): 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7;
+export declare function maxArea(): {
+    w: string;
+    h: string;
+};
+export declare function maxOffset(): {
+    t: string;
+    l: string;
+};
+export declare function minArea(): {
+    w: string;
+    h: string;
+};
+export declare function minOffset(left: any): {
+    t: string;
+    l: string;
+};
+export declare function getArea(dom: HTMLDivElement | null): string[];
+export declare function updateMinArrays(id: string, state: Boolean): number;
+/**
+ * 根据 offset 返回 anim 动画
+ */
+export declare function getDrawerAnimationClass(offset: any, isClose?: boolean): string;
+/**
+ * 计算 image 尺寸, 缩放尺寸
+ */
+export declare function calculatePhotosArea(url: string, options: object): Promise<Array<string>>;
+export declare function calculateNotifOffset(offset: any, area: any, layerId: string): string[];
+export declare function removeNotifiyFromQueen(layerId: string): void;
+export declare function getNotifyAnimationClass(offset: any): string;
+export * from './render';

package/types/utils/render.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import type { VNodeTypes } from 'vue';
+import type { PropsContentType } from '../types';
+export declare const renderContent: (content: PropsContentType) => VNodeTypes;