ep-craft 0.1.35 → 0.1.36

package/dist/components/image/EpImage.vue.d.ts

@@ -0,0 +1,63 @@
+import type { ImageProps } from './image';
+declare function clickHandler(): void;
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_13: {}, __VLS_15: {
+    activeIndex: number;
+    total: number;
+}, __VLS_17: {
+    actions: (action: import("../image-viewer/image-viewer.js").ImageViewerAction, options?: {}) => void;
+    prev: () => void;
+    next: () => void;
+    reset: () => void;
+    activeIndex: number;
+    setActiveItem: (index: number) => void;
+}, __VLS_19: {
+    activeIndex: number;
+    src: string;
+};
+type __VLS_Slots = {} & {
+    error?: (props: typeof __VLS_1) => any;
+} & {
+    placeholder?: (props: typeof __VLS_3) => any;
+} & {
+    viewer?: (props: typeof __VLS_13) => any;
+} & {
+    progress?: (props: typeof __VLS_15) => any;
+} & {
+    toolbar?: (props: typeof __VLS_17) => any;
+} & {
+    'viewer-error'?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<ImageProps, {
+    /** @description manually open preview */
+    showPreview: typeof clickHandler;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    show: () => void;
+    switch: (val: number) => void;
+    close: () => void;
+    error: (evt: Event) => void;
+    load: (evt: Event) => void;
+}, string, import("vue").PublicProps, Readonly<ImageProps> & Readonly<{
+    onShow?: (() => any) | undefined;
+    onSwitch?: ((val: number) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onError?: ((evt: Event) => any) | undefined;
+    onLoad?: ((evt: Event) => any) | undefined;
+}>, {
+    infinite: boolean;
+    scale: number;
+    src: string;
+    fit: import("./image").ImageFitType;
+    initialIndex: number;
+    closeOnPressEscape: boolean;
+    zoomRate: number;
+    minScale: number;
+    maxScale: number;
+    previewSrcList: string[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/image/EpImage.vue.js

@@ -0,0 +1,207 @@
+import { defineComponent as X, useAttrs as Y, computed as s, ref as l, watch as _, onMounted as ee, openBlock as n, createElementBlock as c, mergeProps as M, unref as u, renderSlot as d, createElementVNode as T, normalizeClass as E, toDisplayString as oe, Fragment as V, createCommentVNode as w, createBlock as re, createSlots as te, withCtx as L, normalizeProps as I, guardReactiveProps as $, nextTick as ie } from "vue";
+import { isClient as y, useThrottleFn as se, useIntersectionObserver as ne } from "@vueuse/core";
+import { fromPairs as ae } from "lodash-unified";
+import { useNamespace as le } from "../../hooks/use-namespace/index.js";
+import { isElement as ce, isWindow as ue } from "../../utils/types.js";
+import { isArray as de, isString as me } from "@vue/shared";
+import { getScrollContainer as fe } from "../../utils/dom/scroll.js";
+import "@element-plus/icons-vue";
+import { useLocale as ve } from "../../hooks/use-locale/index.js";
+import "../../hooks/use-size/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import "../../hooks/use-delayed-toggle/index.js";
+import "../../hooks/use-aria/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "../../hooks/use-empty-values/index.js";
+import { useAttrs as ge } from "../../hooks/use-attrs/index.js";
+import pe from "../image-viewer/EpImageViewer.vue.js";
+import { imageEmits as we } from "./image.js";
+const ye = ["src", "loading", "crossorigin"], he = { key: 0 }, He = /* @__PURE__ */ X({
+  name: "EpImage",
+  inheritAttrs: !1,
+  __name: "EpImage",
+  props: {
+    hideOnClickModal: { type: Boolean },
+    src: { default: "" },
+    fit: { default: "" },
+    loading: {},
+    lazy: { type: Boolean },
+    scrollContainer: {},
+    previewSrcList: { default: () => [] },
+    previewTeleported: { type: Boolean },
+    zIndex: {},
+    initialIndex: { default: 0 },
+    infinite: { type: Boolean, default: !0 },
+    closeOnPressEscape: { type: Boolean, default: !0 },
+    zoomRate: { default: 1.2 },
+    scale: { default: 1 },
+    minScale: { default: 0.2 },
+    maxScale: { default: 7 },
+    showProgress: { type: Boolean },
+    crossorigin: {}
+  },
+  emits: we,
+  setup(o, { expose: j, emit: F }) {
+    const t = o, m = F, { t: H } = ve(), i = le("image"), N = Y(), x = s(() => ae(
+      Object.entries(N).filter(
+        ([e]) => /^(data-|on[A-Z])/i.test(e) || ["id", "style"].includes(e)
+      )
+    )), R = ge({
+      excludeListeners: !0,
+      excludeKeys: s(() => Object.keys(x.value))
+    }), k = l(), f = l(!1), a = l(!0), z = l(!1), h = l(), v = l(), K = y && "loading" in HTMLImageElement.prototype;
+    let g;
+    const q = s(() => [
+      i.e("inner"),
+      S.value && i.e("preview"),
+      a.value && i.is("loading")
+    ]), D = s(() => {
+      const { fit: e } = t;
+      return y && e ? { objectFit: e } : {};
+    }), S = s(() => {
+      const { previewSrcList: e } = t;
+      return de(e) && e.length > 0;
+    }), W = s(() => {
+      const { previewSrcList: e, initialIndex: p } = t;
+      let r = p;
+      return p > e.length - 1 && (r = 0), r;
+    }), A = s(() => t.loading === "eager" ? !1 : !K && t.loading === "lazy" || t.lazy), C = () => {
+      y && (a.value = !0, f.value = !1, k.value = t.src);
+    };
+    function Z(e) {
+      a.value = !1, f.value = !1, m("load", e);
+    }
+    function G(e) {
+      a.value = !1, f.value = !0, m("error", e);
+    }
+    function J(e) {
+      e && (C(), b());
+    }
+    const B = se(J, 200, !0);
+    async function P() {
+      if (!y) return;
+      await ie();
+      const { scrollContainer: e } = t;
+      if (ce(e))
+        v.value = e;
+      else if (me(e) && e !== "")
+        v.value = document.querySelector(e) ?? void 0;
+      else if (h.value) {
+        const r = fe(h.value);
+        v.value = ue(r) ? void 0 : r;
+      }
+      const { stop: p } = ne(
+        h,
+        ([r]) => {
+          B(r.isIntersecting);
+        },
+        { root: v }
+      );
+      g = p;
+    }
+    function b() {
+      !y || !B || (g == null || g(), v.value = void 0, g = void 0);
+    }
+    function O() {
+      S.value && (z.value = !0, m("show"));
+    }
+    function Q() {
+      z.value = !1, m("close");
+    }
+    function U(e) {
+      m("switch", e);
+    }
+    return _(
+      () => t.src,
+      () => {
+        A.value ? (a.value = !0, f.value = !1, b(), P()) : C();
+      }
+    ), ee(() => {
+      A.value ? P() : C();
+    }), j({
+      /** @description manually open preview */
+      showPreview: O
+    }), (e, p) => (n(), c("div", M({
+      ref_key: "container",
+      ref: h
+    }, x.value, {
+      class: [u(i).b(), e.$attrs.class]
+    }), [
+      f.value ? d(e.$slots, "error", {}, () => [
+        T("div", {
+          class: E(u(i).e("error"))
+        }, oe(u(H)("el.image.error")), 3)
+      ], void 0, 0) : (n(), c(V, { key: 1 }, [
+        k.value !== void 0 ? (n(), c("img", M({ key: 0 }, u(R), {
+          src: k.value,
+          loading: o.loading,
+          style: D.value,
+          class: q.value,
+          crossorigin: o.crossorigin,
+          onClick: O,
+          onLoad: Z,
+          onError: G
+        }), null, 16, ye)) : w("", !0),
+        a.value ? (n(), c("div", {
+          key: 1,
+          class: E(u(i).e("wrapper"))
+        }, [
+          d(e.$slots, "placeholder", {}, () => [
+            T("div", {
+              class: E(u(i).e("placeholder"))
+            }, null, 2)
+          ])
+        ], 2)) : w("", !0)
+      ], 64)),
+      S.value ? (n(), c(V, { key: 2 }, [
+        z.value ? (n(), re(pe, {
+          key: 0,
+          "z-index": o.zIndex,
+          "initial-index": W.value,
+          infinite: o.infinite,
+          "zoom-rate": o.zoomRate,
+          "min-scale": o.minScale,
+          "max-scale": o.maxScale,
+          "show-progress": o.showProgress,
+          "url-list": o.previewSrcList,
+          scale: o.scale,
+          crossorigin: o.crossorigin,
+          "hide-on-click-modal": o.hideOnClickModal,
+          teleported: o.previewTeleported,
+          "close-on-press-escape": o.closeOnPressEscape,
+          onClose: Q,
+          onSwitch: U
+        }, te({
+          toolbar: L((r) => [
+            d(e.$slots, "toolbar", I($(r)))
+          ]),
+          default: L(() => [
+            e.$slots.viewer ? (n(), c("div", he, [
+              d(e.$slots, "viewer")
+            ])) : w("", !0)
+          ]),
+          _: 2
+        }, [
+          e.$slots.progress ? {
+            name: "progress",
+            fn: L((r) => [
+              d(e.$slots, "progress", I($(r)))
+            ]),
+            key: "0"
+          } : void 0,
+          e.$slots["viewer-error"] ? {
+            name: "viewer-error",
+            fn: L((r) => [
+              d(e.$slots, "viewer-error", I($(r)))
+            ]),
+            key: "1"
+          } : void 0
+        ]), 1032, ["z-index", "initial-index", "infinite", "zoom-rate", "min-scale", "max-scale", "show-progress", "url-list", "scale", "crossorigin", "hide-on-click-modal", "teleported", "close-on-press-escape"])) : w("", !0)
+      ], 64)) : w("", !0)
+    ], 16));
+  }
+});
+export {
+  He as default
+};

package/dist/components/image/EpImage2.vue.js

@@ -0,0 +1,4 @@
+import f from "./EpImage.vue.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,132 @@
+import type { ExtractPublicPropTypes } from 'vue';
+export type ImageFitType = '' | 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
+export type ImageCrossorigin = 'anonymous' | 'use-credentials' | '';
+export interface ImageProps {
+    /**
+     * @description when enabling preview, use this flag to control whether clicking on backdrop can exit preview mode.
+     */
+    hideOnClickModal?: boolean;
+    /**
+     * @description image source, same as native.
+     */
+    src?: string;
+    /**
+     * @description indicate how the image should be resized to fit its container, same as [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit).
+     */
+    fit?: ImageFitType;
+    /**
+     * @description Indicates how the browser should load the image, same as [native](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/img#loading)
+     */
+    loading?: 'eager' | 'lazy';
+    /**
+     * @description whether to use lazy load.
+     */
+    lazy?: boolean;
+    /**
+     * @description the container to add scroll listener when using lazy load.
+     */
+    scrollContainer?: string | HTMLElement;
+    /**
+     * @description allow big image preview.
+     */
+    previewSrcList?: string[];
+    /**
+     * @description whether to append image-viewer to body. A nested parent element attribute transform should have this attribute set to `true`.
+     */
+    previewTeleported?: boolean;
+    /**
+     * @description set image preview z-index.
+     */
+    zIndex?: number;
+    /**
+     * @description initial preview image index, less than the length of `url-list`.
+     */
+    initialIndex?: number;
+    /**
+     * @description whether the viewer preview is infinite.
+     */
+    infinite?: boolean;
+    /**
+     * @description whether the image-viewer can be closed by pressing ESC.
+     */
+    closeOnPressEscape?: boolean;
+    /**
+     * @description the zoom rate of the image viewer zoom event
+     */
+    zoomRate?: number;
+    /**
+     * @description preview image scale.
+     */
+    scale?: number;
+    /**
+     * @description the min scale of the image viewer zoom event.
+     */
+    minScale?: number;
+    /**
+     * @description the max scale of the image viewer zoom event.
+     */
+    maxScale?: number;
+    /**
+     * @description show preview image progress content.
+     */
+    showProgress?: boolean;
+    /**
+     * @description set HTML attribute: crossorigin.
+     */
+    crossorigin?: ImageCrossorigin;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `ImageProps` instead.
+ */
+export declare const imageProps: {
+    readonly hideOnClickModal: BooleanConstructor;
+    readonly src: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly fit: import("@element-plus/utils").EpPropFinalized<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown, "", boolean>;
+    readonly loading: {
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<StringConstructor, "lazy" | "eager", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly lazy: BooleanConstructor;
+    readonly scrollContainer: {
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly previewSrcList: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
+    readonly previewTeleported: BooleanConstructor;
+    readonly zIndex: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly initialIndex: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    readonly infinite: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly closeOnPressEscape: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly zoomRate: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1.2, boolean>;
+    readonly scale: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
+    readonly minScale: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0.2, boolean>;
+    readonly maxScale: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
+    readonly showProgress: BooleanConstructor;
+    readonly crossorigin: {
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => ImageCrossorigin) | (((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => ImageCrossorigin)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+};
+/**
+ * @deprecated Removed after 3.0.0, Use `ImageProps` instead.
+ */
+export type ImagePropsPublic = ExtractPublicPropTypes<typeof imageProps>;
+export declare const imageEmits: {
+    load: (evt: Event) => boolean;
+    error: (evt: Event) => boolean;
+    switch: (val: number) => boolean;
+    close: () => boolean;
+    show: () => boolean;
+};
+export type ImageEmits = typeof imageEmits;

package/dist/components/image/image.js

@@ -0,0 +1,132 @@
+import { isNumber as o } from "../../utils/types.js";
+import "lodash-unified";
+import "@vueuse/core";
+import "@vue/shared";
+import { mutable as r } from "../../utils/typescript.js";
+import "@element-plus/icons-vue";
+import { buildProps as i, definePropType as t } from "../../utils/vue/props/runtime.js";
+import "vue";
+i({
+  /**
+   * @description when enabling preview, use this flag to control whether clicking on backdrop can exit preview mode.
+   */
+  hideOnClickModal: Boolean,
+  /**
+   * @description image source, same as native.
+   */
+  src: {
+    type: String,
+    default: ""
+  },
+  /**
+   * @description indicate how the image should be resized to fit its container, same as [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit).
+   */
+  fit: {
+    type: String,
+    values: ["", "contain", "cover", "fill", "none", "scale-down"],
+    default: ""
+  },
+  /**
+   * @description Indicates how the browser should load the image, same as [native](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/img#loading)
+   */
+  loading: {
+    type: String,
+    values: ["eager", "lazy"]
+  },
+  /**
+   * @description whether to use lazy load.
+   */
+  lazy: Boolean,
+  /**
+   * @description the container to add scroll listener when using lazy load.
+   */
+  scrollContainer: {
+    type: t([String, Object])
+  },
+  /**
+   * @description allow big image preview.
+   */
+  previewSrcList: {
+    type: t(Array),
+    default: () => r([])
+  },
+  /**
+   * @description whether to append image-viewer to body. A nested parent element attribute transform should have this attribute set to `true`.
+   */
+  previewTeleported: Boolean,
+  /**
+   * @description set image preview z-index.
+   */
+  zIndex: {
+    type: Number
+  },
+  /**
+   * @description initial preview image index, less than the length of `url-list`.
+   */
+  initialIndex: {
+    type: Number,
+    default: 0
+  },
+  /**
+   * @description whether the viewer preview is infinite.
+   */
+  infinite: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description whether the image-viewer can be closed by pressing ESC.
+   */
+  closeOnPressEscape: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description the zoom rate of the image viewer zoom event
+   */
+  zoomRate: {
+    type: Number,
+    default: 1.2
+  },
+  /**
+   * @description preview image scale.
+   */
+  scale: {
+    type: Number,
+    default: 1
+  },
+  /**
+   * @description the min scale of the image viewer zoom event.
+   */
+  minScale: {
+    type: Number,
+    default: 0.2
+  },
+  /**
+   * @description the max scale of the image viewer zoom event.
+   */
+  maxScale: {
+    type: Number,
+    default: 7
+  },
+  /**
+   * @description show preview image progress content.
+   */
+  showProgress: Boolean,
+  /**
+   * @description set HTML attribute: crossorigin.
+   */
+  crossorigin: {
+    type: t(String)
+  }
+});
+const c = {
+  load: (e) => e instanceof Event,
+  error: (e) => e instanceof Event,
+  switch: (e) => o(e),
+  close: () => !0,
+  show: () => !0
+};
+export {
+  c as imageEmits
+};

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

@@ -1,4 +1,13 @@
 import type { Plugin } from 'vue';
-import { ElImage } from 'element-plus';
-export declare const EpImage: typeof ElImage & Plugin;
+import _EpImage from './EpImage.vue';
+/**
+ * image 自持 barrel（vendor-batch-4 产出）。
+ *
+ * 预览消费本地 `EpImageViewer`，不再引入上游对应组件。
+ * 保留 `showPreview` 暴露契约，不导出 `ElImage` 别名。
+ */
+export declare const EpImage: typeof _EpImage & Plugin;
 export default EpImage;
+export { imageEmits, imageProps } from './image';
+export type { ImageCrossorigin, ImageEmits, ImageFitType, ImageProps, ImagePropsPublic, } from './image';
+export type { ImageInstance } from './instance';

package/dist/components/image/index.js

@@ -1,6 +1,11 @@
-import { ElImage as m } from "element-plus";
-import { withInstall as e } from "../../utils/with-install.js";
-const a = Object.assign({}, m, { name: "EpImage" }), p = e(a, "ep-image");
+import { withInstall as m } from "../../utils/with-install.js";
+import o from "./EpImage.vue.js";
+import { imageEmits as a } from "./image.js";
+const r = m(
+  o,
+  "ep-image"
+);
 export {
-  p as EpImage
+  r as EpImage,
+  a as imageEmits
 };

package/dist/components/image/instance.d.ts

@@ -0,0 +1,2 @@
+import type EpImage from './EpImage.vue';
+export type ImageInstance = InstanceType<typeof EpImage> & unknown;

package/dist/components/image-viewer/EpImageViewer.vue.d.ts

@@ -0,0 +1,61 @@
+import type { ImageViewerAction, ImageViewerProps } from './image-viewer';
+declare function toggleMode(): void;
+declare function setActiveItem(index: number): void;
+declare function prev(): void;
+declare function next(): void;
+declare function handleActions(action: ImageViewerAction, options?: {}): void;
+declare var __VLS_42: {
+    activeIndex: number;
+    total: number;
+}, __VLS_44: {
+    actions: typeof handleActions;
+    prev: typeof prev;
+    next: typeof next;
+    reset: typeof toggleMode;
+    activeIndex: number;
+    setActiveItem: typeof setActiveItem;
+}, __VLS_106: {
+    activeIndex: number;
+    src: string;
+}, __VLS_108: {};
+type __VLS_Slots = {} & {
+    progress?: (props: typeof __VLS_42) => any;
+} & {
+    toolbar?: (props: typeof __VLS_44) => any;
+} & {
+    'viewer-error'?: (props: typeof __VLS_106) => any;
+} & {
+    default?: (props: typeof __VLS_108) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<ImageViewerProps, {
+    /**
+     * @description manually switch image
+     */
+    setActiveItem: typeof setActiveItem;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    rotate: (deg: number) => void;
+    switch: (index: number) => void;
+    close: () => void;
+    error: (evt: Event) => void;
+}, string, import("vue").PublicProps, Readonly<ImageViewerProps> & Readonly<{
+    onRotate?: ((deg: number) => any) | undefined;
+    onSwitch?: ((index: number) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onError?: ((evt: Event) => any) | undefined;
+}>, {
+    infinite: boolean;
+    scale: number;
+    initialIndex: number;
+    closeOnPressEscape: boolean;
+    urlList: string[];
+    zoomRate: number;
+    minScale: number;
+    maxScale: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};