ep-craft 0.1.36 → 0.1.38

package/dist/components/link/link.d.ts

@@ -0,0 +1,56 @@
+import type { ExtractPublicPropTypes, PropType } from 'vue';
+import type { IconPropType } from '@element-plus/utils';
+export interface LinkProps {
+    /**
+     * @description type
+     */
+    type?: 'primary' | 'success' | 'warning' | 'info' | 'danger' | 'default';
+    /**
+     * @description when underlines should appear
+     */
+    underline?: boolean | 'always' | 'never' | 'hover';
+    /**
+     * @description whether the component is disabled
+     */
+    disabled?: boolean;
+    /**
+     * @description same as native hyperlink's `href`
+     */
+    href?: string;
+    /**
+     * @description same as native hyperlink's `target`
+     */
+    target?: '_blank' | '_parent' | '_self' | '_top' | (string & NonNullable<unknown>);
+    /**
+     * @description icon component
+     */
+    icon?: IconPropType;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `LinkProps` instead.
+ */
+export declare const linkProps: {
+    readonly type: import("@element-plus/utils").EpPropFinalized<StringConstructor, "default" | "primary" | "success" | "warning" | "info" | "danger", unknown, undefined, boolean>;
+    readonly underline: import("@element-plus/utils").EpPropFinalized<readonly [BooleanConstructor, StringConstructor], boolean | "always" | "never" | "hover", unknown, undefined, boolean>;
+    readonly disabled: BooleanConstructor;
+    readonly href: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly target: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => string) | (() => string) | (((new (...args: any[]) => string) | (() => string)) | null)[], unknown, unknown, "_self", boolean>;
+    readonly icon: {
+        readonly type: PropType<import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+};
+/**
+ * @deprecated Removed after 3.0.0, Use `LinkProps` instead.
+ */
+export type LinkPropsPublic = ExtractPublicPropTypes<typeof linkProps>;
+export declare const linkEmits: {
+    click: (evt: MouseEvent) => boolean;
+};
+export type LinkEmits = typeof linkEmits;
+export interface LinkConfigContext {
+    type?: LinkProps['type'];
+    underline?: LinkProps['underline'];
+}

package/dist/components/link/link.js

@@ -0,0 +1,51 @@
+import "@vue/shared";
+import "lodash-unified";
+import "@vueuse/core";
+import { iconPropType as t } from "../../utils/vue/icon.js";
+import "vue";
+import { buildProps as r } from "../../utils/vue/props/runtime.js";
+r({
+  /**
+   * @description type
+   */
+  type: {
+    type: String,
+    values: ["primary", "success", "warning", "info", "danger", "default"],
+    default: void 0
+  },
+  /**
+   * @description when underlines should appear
+   */
+  underline: {
+    type: [Boolean, String],
+    values: [!0, !1, "always", "never", "hover"],
+    default: void 0
+  },
+  /**
+   * @description whether the component is disabled
+   */
+  disabled: Boolean,
+  /**
+   * @description same as native hyperlink's `href`
+   */
+  href: { type: String, default: "" },
+  /**
+   * @description same as native hyperlink's `target`
+   */
+  target: {
+    type: String,
+    default: "_self"
+  },
+  /**
+   * @description icon component
+   */
+  icon: {
+    type: t
+  }
+});
+const s = {
+  click: (e) => e instanceof MouseEvent
+};
+export {
+  s as linkEmits
+};

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

@@ -0,0 +1,15 @@
+import vLoading from './src/directive';
+import type { App, AppContext, Directive } from 'vue';
+import type { ElementLoading, LoadingBinding } from './src/directive';
+export declare const EpLoading: {
+    install(app: App): void;
+    directive: Directive<ElementLoading, LoadingBinding>;
+    service: {
+        (options?: import(".").LoadingOptions, context?: AppContext | null): import(".").LoadingInstance;
+        _context: AppContext | null;
+    };
+};
+export default EpLoading;
+export { vLoading };
+export * from './src/types';
+export type { LoadingInstance } from './src/loading';

package/dist/components/loading/index.js

@@ -0,0 +1,13 @@
+import t from "./src/service.js";
+import i from "./src/directive.js";
+const r = {
+  install(o) {
+    t._context = o._context, i._context = o._context, o.directive("loading", i), o.config.globalProperties.$loading = t;
+  },
+  directive: i,
+  service: t
+};
+export {
+  r as EpLoading,
+  i as vLoading
+};

package/dist/components/loading/src/directive.d.ts

@@ -0,0 +1,13 @@
+import type { Directive, UnwrapRef } from 'vue';
+import type { LoadingOptions } from './types';
+import type { LoadingInstance } from './loading';
+declare const INSTANCE_KEY: unique symbol;
+export type LoadingBinding = boolean | UnwrapRef<LoadingOptions>;
+export interface ElementLoading extends HTMLElement {
+    [INSTANCE_KEY]?: {
+        instance: LoadingInstance;
+        options: LoadingOptions;
+    };
+}
+declare const vLoading: Directive<ElementLoading, LoadingBinding>;
+export default vLoading;

package/dist/components/loading/src/directive.js

@@ -0,0 +1,62 @@
+import { isRef as d, ref as x } from "vue";
+import { isObject as m, hyphenate as b, isString as A } from "@vue/shared";
+import "lodash-unified";
+import "@vueuse/core";
+import "@element-plus/icons-vue";
+import k from "./service.js";
+const u = Symbol("ElLoading"), r = (t) => `element-loading-${b(t)}`, g = (t, e) => {
+  const o = e.instance, n = (s) => m(e.value) ? e.value[s] : void 0, p = (s) => {
+    const v = A(s) && (o == null ? void 0 : o[s]) || s;
+    return x(v);
+  }, c = (s) => p(
+    n(s) || t.getAttribute(r(s))
+  ), a = n("fullscreen") ?? e.modifiers.fullscreen, i = {
+    text: c("text"),
+    svg: c("svg"),
+    svgViewBox: c("svgViewBox"),
+    spinner: c("spinner"),
+    background: c("background"),
+    customClass: c("customClass"),
+    fullscreen: a,
+    target: n("target") ?? (a ? void 0 : t),
+    body: n("body") ?? e.modifiers.body,
+    lock: n("lock") ?? e.modifiers.lock
+  }, l = k(i);
+  l._context = f._context, t[u] = {
+    options: i,
+    instance: l
+  };
+}, y = (t, e) => {
+  for (const o of Object.keys(t))
+    d(t[o]) && (t[o].value = e[o]);
+}, f = {
+  mounted(t, e) {
+    e.value && g(t, e);
+  },
+  updated(t, e) {
+    const o = t[u];
+    if (!e.value) {
+      o == null || o.instance.close(), t[u] = null;
+      return;
+    }
+    o ? y(
+      o.options,
+      m(e.value) ? e.value : {
+        text: t.getAttribute(r("text")),
+        svg: t.getAttribute(r("svg")),
+        svgViewBox: t.getAttribute(r("svgViewBox")),
+        spinner: t.getAttribute(r("spinner")),
+        background: t.getAttribute(r("background")),
+        customClass: t.getAttribute(r("customClass"))
+      }
+    ) : g(t, e);
+  },
+  unmounted(t) {
+    var e;
+    (e = t[u]) == null || e.instance.close(), t[u] = null;
+  }
+};
+f._context = null;
+export {
+  f as default
+};

package/dist/components/loading/src/loading.d.ts

@@ -0,0 +1,34 @@
+import type { AppContext, VNode } from 'vue';
+import type { LoadingOptionsResolved } from './types';
+export declare function createLoadingComponent(options: LoadingOptionsResolved, appContext: AppContext | null): {
+    setText: (text: string | VNode | VNode[]) => void;
+    removeElLoadingChild: () => void;
+    close: () => void;
+    handleAfterLeave: () => void;
+    vm: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any>;
+    $el: HTMLElement;
+    originalPosition: import("vue").Ref<string, string>;
+    originalOverflow: import("vue").Ref<string, string>;
+    visible: import("vue").Ref<boolean, boolean>;
+    parent: import("vue").Ref<import("./types").LoadingParentElement, import("./types").LoadingParentElement>;
+    background: import("vue").Ref<string, string>;
+    svg: import("vue").Ref<string, string>;
+    svgViewBox: import("vue").Ref<string, string>;
+    spinner: import("vue").Ref<string | boolean, string | boolean>;
+    text: import("vue").Ref<string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[], string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[]>;
+    fullscreen: import("vue").Ref<boolean, boolean>;
+    lock: import("vue").Ref<boolean, boolean>;
+    customClass: import("vue").Ref<string, string>;
+    target: import("vue").Ref<HTMLElement, HTMLElement>;
+    beforeClose?: import("vue").Ref<(() => boolean) | undefined, (() => boolean) | undefined> | undefined;
+    closed?: import("vue").Ref<(() => void) | undefined, (() => void) | undefined> | undefined;
+};
+export type LoadingInstance = ReturnType<typeof createLoadingComponent>;

package/dist/components/loading/src/loading.js

@@ -0,0 +1,121 @@
+import { ref as A, reactive as w, defineComponent as T, h as s, Transition as N, withCtx as S, withDirectives as $, createVNode as k, vShow as y, createApp as B, toRefs as E } from "vue";
+import "@vue/shared";
+import "lodash-unified";
+import "@vueuse/core";
+import { removeClass as f } from "../../../utils/dom/style.js";
+import "@element-plus/icons-vue";
+import "../../config-provider/index.js";
+import { useGlobalComponentSettings as I } from "../../config-provider/src/hooks/use-global-config.js";
+function H(o, v) {
+  let u;
+  const a = A(!1), t = w({
+    ...o,
+    originalPosition: "",
+    originalOverflow: "",
+    visible: !1
+  });
+  function g(e) {
+    t.text = e;
+  }
+  function b() {
+    const e = t.parent, r = i.ns;
+    if (!e.vLoadingAddClassList) {
+      let n = e.getAttribute("loading-number");
+      n = Number.parseInt(n) - 1, n ? e.setAttribute("loading-number", n.toString()) : (f(e, r.bm("parent", "relative")), e.removeAttribute("loading-number")), f(e, r.bm("parent", "hidden"));
+    }
+    d(), c.unmount();
+  }
+  function d() {
+    var e, r;
+    (r = (e = i.$el) == null ? void 0 : e.parentNode) == null || r.removeChild(i.$el);
+  }
+  function p() {
+    var e;
+    o.beforeClose && !o.beforeClose() || (a.value = !0, clearTimeout(u), u = setTimeout(l, 400), t.visible = !1, (e = o.closed) == null || e.call(o));
+  }
+  function l() {
+    if (!a.value) return;
+    const e = t.parent;
+    a.value = !1, e.vLoadingAddClassList = void 0, b();
+  }
+  const x = T({
+    name: "ElLoading",
+    setup(e, { expose: r }) {
+      const { ns: n, zIndex: C } = I("loading");
+      return r({
+        ns: n,
+        zIndex: C
+      }), () => {
+        const m = t.spinner || t.svg, L = s(
+          "svg",
+          {
+            class: "circular",
+            viewBox: t.svgViewBox ? t.svgViewBox : "0 0 50 50",
+            ...m ? { innerHTML: m } : {}
+          },
+          [
+            s("circle", {
+              class: "path",
+              cx: "25",
+              cy: "25",
+              r: "20",
+              fill: "none"
+            })
+          ]
+        ), h = t.text ? s("p", { class: n.b("text") }, [t.text]) : void 0;
+        return s(
+          N,
+          {
+            name: n.b("fade"),
+            onAfterLeave: l
+          },
+          {
+            default: S(() => [
+              $(
+                k(
+                  "div",
+                  {
+                    style: {
+                      backgroundColor: t.background || ""
+                    },
+                    class: [
+                      n.b("mask"),
+                      t.customClass,
+                      n.is("fullscreen", t.fullscreen)
+                    ]
+                  },
+                  [
+                    s(
+                      "div",
+                      {
+                        class: n.b("spinner")
+                      },
+                      [L, h]
+                    )
+                  ]
+                ),
+                [[y, t.visible]]
+              )
+            ])
+          }
+        );
+      };
+    }
+  }), c = B(x);
+  Object.assign(c._context, v ?? {});
+  const i = c.mount(document.createElement("div"));
+  return {
+    ...E(t),
+    setText: g,
+    removeElLoadingChild: d,
+    close: p,
+    handleAfterLeave: l,
+    vm: i,
+    get $el() {
+      return i.$el;
+    }
+  };
+}
+export {
+  H as createLoadingComponent
+};

package/dist/components/loading/src/service.d.ts

@@ -0,0 +1,8 @@
+import type { LoadingInstance } from './loading';
+import type { LoadingOptions } from './types';
+import type { AppContext } from 'vue';
+declare const Loading: {
+    (options?: LoadingOptions, context?: AppContext | null): LoadingInstance;
+    _context: AppContext | null;
+};
+export default Loading;

package/dist/components/loading/src/service.js

@@ -0,0 +1,67 @@
+import { nextTick as m } from "vue";
+import { isString as b } from "@vue/shared";
+import "lodash-unified";
+import { isClient as g } from "@vueuse/core";
+import { getStyle as d, addClass as a, removeClass as c } from "../../../utils/dom/style.js";
+import "@element-plus/icons-vue";
+import { createLoadingComponent as v } from "./loading.js";
+let i;
+const f = function(t = {}, o) {
+  if (!g) return;
+  const e = p(t);
+  if (e.fullscreen && i)
+    return i;
+  const l = v(
+    {
+      ...e,
+      closed: () => {
+        var r;
+        (r = e.closed) == null || r.call(e), e.fullscreen && (i = void 0);
+      }
+    },
+    o ?? f._context
+  );
+  y(e, e.parent, l), u(e, e.parent, l), e.parent.vLoadingAddClassList = () => u(e, e.parent, l);
+  let n = e.parent.getAttribute("loading-number");
+  return n ? n = `${Number.parseInt(n) + 1}` : n = "1", e.parent.setAttribute("loading-number", n), e.parent.appendChild(l.$el), m(() => l.visible.value = e.visible), e.fullscreen && (i = l), l;
+}, p = (t) => {
+  let o;
+  return b(t.target) ? o = document.querySelector(t.target) ?? document.body : o = t.target || document.body, {
+    parent: o === document.body || t.body ? document.body : o,
+    background: t.background || "",
+    svg: t.svg || "",
+    svgViewBox: t.svgViewBox || "",
+    spinner: t.spinner || !1,
+    text: t.text || "",
+    fullscreen: o === document.body && (t.fullscreen ?? !0),
+    lock: t.lock ?? !1,
+    customClass: t.customClass || "",
+    visible: t.visible ?? !0,
+    beforeClose: t.beforeClose,
+    closed: t.closed,
+    target: o
+  };
+}, y = async (t, o, e) => {
+  const { nextZIndex: l } = e.vm.zIndex || e.vm._.exposed.zIndex, n = {};
+  if (t.fullscreen)
+    e.originalPosition.value = d(document.body, "position"), e.originalOverflow.value = d(document.body, "overflow"), n.zIndex = l();
+  else if (t.parent === document.body) {
+    e.originalPosition.value = d(document.body, "position"), await m();
+    for (const r of ["top", "left"]) {
+      const s = r === "top" ? "scrollTop" : "scrollLeft";
+      n[r] = `${t.target.getBoundingClientRect()[r] + document.body[s] + document.documentElement[s] - Number.parseInt(d(document.body, `margin-${r}`), 10)}px`;
+    }
+    for (const r of ["height", "width"])
+      n[r] = `${t.target.getBoundingClientRect()[r]}px`;
+  } else
+    e.originalPosition.value = d(o, "position");
+  for (const [r, s] of Object.entries(n))
+    e.$el.style[r] = s;
+}, u = (t, o, e) => {
+  const l = e.vm.ns || e.vm._.exposed.ns;
+  ["absolute", "fixed", "sticky"].includes(e.originalPosition.value) ? c(o, l.bm("parent", "relative")) : a(o, l.bm("parent", "relative")), t.fullscreen && t.lock ? a(o, l.bm("parent", "hidden")) : c(o, l.bm("parent", "hidden"));
+};
+f._context = null;
+export {
+  f as default
+};

package/dist/components/loading/src/types.d.ts

@@ -0,0 +1,47 @@
+import type { MaybeRef, VNode } from 'vue';
+export type LoadingOptionsResolved = {
+    parent: LoadingParentElement;
+    /**
+     * @description background color of the mask
+     */
+    background: MaybeRef<string>;
+    svg: MaybeRef<string>;
+    svgViewBox: MaybeRef<string>;
+    /**
+     * @description class name of the custom spinner
+     */
+    spinner: MaybeRef<boolean | string>;
+    /**
+     * @description loading text that displays under the spinner
+     */
+    text: MaybeRef<string | VNode | VNode[]>;
+    /**
+     * @description same as the `fullscreen` modifier of `v-loading`
+     */
+    fullscreen: boolean;
+    /**
+     * @description same as the `lock` modifier of `v-loading`
+     */
+    lock: boolean;
+    /**
+     * @description custom class name for Loading
+     */
+    customClass: MaybeRef<string>;
+    visible: boolean;
+    target: HTMLElement;
+    beforeClose?: () => boolean;
+    closed?: () => void;
+};
+export type LoadingOptions = Partial<Omit<LoadingOptionsResolved, 'parent' | 'target'> & {
+    /**
+     * @description the DOM node Loading needs to cover. Accepts a DOM object or a string. If it's a string, it will be passed to `document.querySelector` to get the corresponding DOM node
+     */
+    target: HTMLElement | string;
+    /**
+     * @description same as the `body` modifier of `v-loading`
+     */
+    body: boolean;
+}>;
+export interface LoadingParentElement extends HTMLElement {
+    vLoadingAddClassList?: () => void;
+}

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

@@ -0,0 +1,3 @@
+export declare const EpMessage: import("@element-plus/utils").SFCInstallWithContext<import(".").Message>;
+export default EpMessage;
+export * from './src/message';

package/dist/components/message/index.js

@@ -0,0 +1,18 @@
+import "@vue/shared";
+import "lodash-unified";
+import "@vueuse/core";
+import "@element-plus/icons-vue";
+import "vue";
+import { withInstallFunction as e } from "../../utils/vue/install.js";
+import s from "./src/method.js";
+import { MESSAGE_DEFAULT_PLACEMENT as f, messageDefaults as l, messageEmits as c, messagePlacement as A, messageProps as M, messageTypes as P } from "./src/message.js";
+const g = e(s, "$message");
+export {
+  g as EpMessage,
+  f as MESSAGE_DEFAULT_PLACEMENT,
+  l as messageDefaults,
+  c as messageEmits,
+  A as messagePlacement,
+  M as messageProps,
+  P as messageTypes
+};

package/dist/components/message/src/instance.d.ts

@@ -0,0 +1,18 @@
+import type { ComponentInternalInstance, VNode } from 'vue';
+import type { Mutable } from '@element-plus/utils';
+import type { MessageHandler, MessagePlacement, MessageProps } from './message';
+export type MessageContext = {
+    id: string;
+    vnode: VNode;
+    handler: MessageHandler;
+    vm: ComponentInternalInstance;
+    props: Mutable<MessageProps>;
+};
+export declare const placementInstances: import("vue").ShallowReactive<Record<"bottom" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right", MessageContext[]>>;
+export declare const getOrCreatePlacementInstances: (placement: MessagePlacement) => MessageContext[];
+export declare const getInstance: (id: string, placement: MessagePlacement) => {
+    current: MessageContext;
+    prev: MessageContext | undefined;
+};
+export declare const getLastOffset: (id: string, placement: MessagePlacement) => number;
+export declare const getOffsetOrSpace: (id: string, offset: number, placement: MessagePlacement) => number;

package/dist/components/message/src/instance.js

@@ -0,0 +1,18 @@
+import { shallowReactive as i } from "vue";
+const s = i(
+  {}
+), u = (t) => (s[t] || (s[t] = i([])), s[t]), d = (t, e) => {
+  const n = s[e] || [], c = n.findIndex((a) => a.id === t), o = n[c];
+  let r;
+  return c > 0 && (r = n[c - 1]), { current: o, prev: r };
+}, x = (t, e) => {
+  const { prev: n } = d(t, e);
+  return n ? n.vm.exposed.bottom.value : 0;
+}, p = (t, e, n) => (s[n] || []).findIndex((r) => r.id === t) > 0 ? 16 : e;
+export {
+  d as getInstance,
+  x as getLastOffset,
+  p as getOffsetOrSpace,
+  u as getOrCreatePlacementInstances,
+  s as placementInstances
+};