ep-craft 0.1.37 → 0.1.39

package/dist/components/watermark/useClips.js

@@ -0,0 +1,91 @@
+import { isArray as V } from "@vue/shared";
+import "lodash-unified";
+import "@vueuse/core";
+import "@element-plus/icons-vue";
+import "vue";
+const Z = {
+  left: [0, 0.5],
+  start: [0, 0.5],
+  center: [0.5, 0],
+  right: [1, -0.5],
+  end: [1, -0.5]
+};
+function R(T, o, p = 1) {
+  const t = document.createElement("canvas"), l = t.getContext("2d"), s = T * p, f = o * p;
+  return t.setAttribute("width", `${s}px`), t.setAttribute("height", `${f}px`), l.save(), [l, t, s, f];
+}
+function ct() {
+  function T(o, p, t, l, s, f, P, Y, _) {
+    const [e, F, m, x] = R(
+      l,
+      s,
+      t
+    );
+    let w = 0;
+    if (o instanceof HTMLImageElement)
+      e.drawImage(o, 0, 0, m, x);
+    else {
+      const {
+        color: n,
+        fontSize: a,
+        fontStyle: c,
+        fontWeight: i,
+        fontFamily: J,
+        textAlign: X,
+        textBaseline: y
+      } = f, N = Number(a) * t;
+      e.font = `${c} normal ${i} ${N}px/${s}px ${J}`, e.fillStyle = n, e.textAlign = X, e.textBaseline = y;
+      const r = V(o) ? o : [o];
+      if (y !== "top" && r[0]) {
+        const W = e.measureText(r[0]);
+        e.textBaseline = "top";
+        const E = e.measureText(r[0]);
+        w = W.actualBoundingBoxAscent - E.actualBoundingBoxAscent;
+      }
+      r == null || r.forEach((W, E) => {
+        const [K, Q] = Z[X];
+        e.fillText(
+          W ?? "",
+          m * K + _ * Q,
+          E * (N + f.fontGap * t)
+        );
+      });
+    }
+    const g = Math.PI / 180 * Number(p), z = Math.max(l, s), [v, O, d] = R(z, z, t);
+    v.translate(d / 2, d / 2), v.rotate(g), m > 0 && x > 0 && v.drawImage(F, -m / 2, -x / 2);
+    function D(n, a) {
+      const c = n * Math.cos(g) - a * Math.sin(g), i = n * Math.sin(g) + a * Math.cos(g);
+      return [c, i];
+    }
+    let M = 0, B = 0, A = 0, $ = 0;
+    const C = m / 2, I = x / 2;
+    [
+      [0 - C, 0 - I],
+      [0 + C, 0 - I],
+      [0 + C, 0 + I],
+      [0 - C, 0 + I]
+    ].forEach(([n, a]) => {
+      const [c, i] = D(n, a);
+      M = Math.min(M, c), B = Math.max(B, c), A = Math.min(A, i), $ = Math.max($, i);
+    });
+    const U = M + d / 2, j = A + d / 2, u = B - M, h = $ - A, b = P * t, H = Y * t, G = (u + b) * 2, L = h + H, [k, q] = R(G, L);
+    function S(n = 0, a = 0) {
+      k.drawImage(
+        O,
+        U,
+        j,
+        u,
+        h,
+        n,
+        a + w,
+        u,
+        h
+      );
+    }
+    return S(), S(u + b, -h / 2 - H / 2), S(u + b, +h / 2 + H / 2), [q.toDataURL(), G / t, L / t];
+  }
+  return T;
+}
+export {
+  ct as default
+};

package/dist/components/watermark/utils.d.ts

@@ -0,0 +1,8 @@
+import type { CSSProperties } from 'vue';
+/** converting camel-cased strings to be lowercase and link it with Separator */
+export declare function toLowercaseSeparator(key: string): string;
+export declare function getStyleStr(style: CSSProperties): string;
+/** Returns the ratio of the device's physical pixel resolution to the css pixel resolution */
+export declare function getPixelRatio(): number;
+/** Whether to re-render the watermark */
+export declare const reRendering: (mutation: MutationRecord, watermarkElement?: HTMLElement) => boolean;

package/dist/components/watermark/utils.js

@@ -0,0 +1,21 @@
+function o(e) {
+  return e.replace(/([A-Z])/g, "-$1").toLowerCase();
+}
+function i(e) {
+  return Object.keys(e).map(
+    (r) => `${o(r)}: ${e[r]};`
+  ).join(" ");
+}
+function n() {
+  return window.devicePixelRatio || 1;
+}
+const c = (e, r) => {
+  let t = !1;
+  return e.removedNodes.length && r && (t = Array.from(e.removedNodes).includes(r)), e.type === "attributes" && e.target === r && (t = !0), t;
+};
+export {
+  n as getPixelRatio,
+  i as getStyleStr,
+  c as reRendering,
+  o as toLowercaseSeparator
+};

package/dist/components/watermark/watermark.d.ts

@@ -0,0 +1,71 @@
+import type { ExtractPublicPropTypes } from 'vue';
+export interface WatermarkFontType {
+    color?: string;
+    fontSize?: number | string;
+    fontWeight?: 'normal' | 'bold' | 'lighter' | 'bolder' | number;
+    fontStyle?: 'none' | 'normal' | 'italic' | 'oblique';
+    fontFamily?: string;
+    fontGap?: number;
+    textAlign?: 'start' | 'end' | 'left' | 'right' | 'center';
+    textBaseline?: 'top' | 'hanging' | 'middle' | 'alphabetic' | 'ideographic' | 'bottom';
+}
+export interface WatermarkProps {
+    /**
+     * @description The z-index of the appended watermark element
+     */
+    zIndex?: number;
+    /**
+     * @description The rotation angle of the watermark
+     */
+    rotate?: number;
+    /**
+     * @description The width of the watermark
+     */
+    width?: number;
+    /**
+     * @description The height of the watermark
+     */
+    height?: number;
+    /**
+     * @description Image source, it is recommended to export 2x or 3x image, high priority (support base64 format)
+     */
+    image?: string;
+    /**
+     * @description Watermark text content
+     */
+    content?: string | string[];
+    /**
+     * @description Text style
+     */
+    font?: WatermarkFontType;
+    /**
+     * @description The spacing between watermarks
+     */
+    gap?: [number, number];
+    /**
+     * @description The offset of the watermark from the upper left corner of the container. The default is gap/2
+     */
+    offset?: [number, number];
+}
+export declare const watermarkProps: {
+    readonly zIndex: import("../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 9, boolean>;
+    readonly rotate: import("../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, -22, boolean>;
+    readonly width: NumberConstructor;
+    readonly height: NumberConstructor;
+    readonly image: StringConstructor;
+    readonly content: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => string | string[]) | (() => string | string[]) | (((new (...args: any[]) => string | string[]) | (() => string | string[])) | null)[], unknown, unknown, "Element Plus", boolean>;
+    readonly font: {
+        readonly type: import("vue").PropType<WatermarkFontType>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly gap: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => [number, number]) | (() => [number, number]) | (((new (...args: any[]) => [number, number]) | (() => [number, number])) | null)[], unknown, unknown, () => number[], boolean>;
+    readonly offset: {
+        readonly type: import("vue").PropType<[number, number]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+};
+export type WatermarkPropsPublic = ExtractPublicPropTypes<typeof watermarkProps>;

package/dist/components/watermark/watermark.js

@@ -0,0 +1,60 @@
+import "@vue/shared";
+import "lodash-unified";
+import "@vueuse/core";
+import "@element-plus/icons-vue";
+import { buildProps as e, definePropType as t } from "../../utils/vue/props/runtime.js";
+import "vue";
+e({
+  /**
+   * @description The z-index of the appended watermark element
+   */
+  zIndex: {
+    type: Number,
+    default: 9
+  },
+  /**
+   * @description The rotation angle of the watermark
+   */
+  rotate: {
+    type: Number,
+    default: -22
+  },
+  /**
+   * @description The width of the watermark
+   */
+  width: Number,
+  /**
+   * @description The height of the watermark
+   */
+  height: Number,
+  /**
+   * @description Image source, it is recommended to export 2x or 3x image, high priority (support base64 format)
+   */
+  image: String,
+  /**
+   * @description Watermark text content
+   */
+  content: {
+    type: t([String, Array]),
+    default: "Element Plus"
+  },
+  /**
+   * @description Text style
+   */
+  font: {
+    type: t(Object)
+  },
+  /**
+   * @description The spacing between watermarks
+   */
+  gap: {
+    type: t(Array),
+    default: () => [100, 100]
+  },
+  /**
+   * @description The offset of the watermark from the upper left corner of the container. The default is gap/2
+   */
+  offset: {
+    type: t(Array)
+  }
+});

package/dist/constants/date.js

@@ -11,7 +11,16 @@ const e = [
   "daterange",
   "monthrange",
   "yearrange"
+], t = [
+  "sun",
+  "mon",
+  "tue",
+  "wed",
+  "thu",
+  "fri",
+  "sat"
 ];
 export {
+  t as WEEK_DAYS,
   e as datePickTypes
 };

package/dist/directives/index.d.ts

@@ -2,4 +2,15 @@ import ClickOutside from "./click-outside/index";
 import { vRepeatClick } from "./repeat-click/index";
 import TrapFocus from "./trap-focus/index";
 import Mousewheel from "./mousewheel/index";
+import type { App, Directive } from "vue";
 export { ClickOutside, Mousewheel, TrapFocus, vRepeatClick };
+/**
+ * 指令注册表（vendor-service-apis 需求 6.2）。
+ *
+ * 注册名是本规格新增的公开契约：这 4 个指令此前只导出、未参与全量安装。
+ * 注册名不得与既有指令重复，总量固定为 4（`loading` 与 `InfiniteScroll`
+ * 由各自服务/指令的 `install` 注册）。
+ */
+export declare const epDirectives: ReadonlyArray<readonly [string, Directive]>;
+/** 按注册表逐个注册指令；重复调用为幂等操作。 */
+export declare function installDirectives(app: App): void;

package/dist/directives/index.js

@@ -0,0 +1,25 @@
+import r from "./click-outside/index.js";
+import { vRepeatClick as c } from "./repeat-click/index.js";
+import s from "./trap-focus/index.js";
+import l from "./mousewheel/index.js";
+const m = [
+  ["click-outside", r],
+  ["mousewheel", l],
+  ["trap-focus", s],
+  ["repeat-click", c]
+], i = /* @__PURE__ */ new WeakSet();
+function u(e) {
+  if (!i.has(e)) {
+    i.add(e);
+    for (const [t, o] of m)
+      e.directive(t, o);
+  }
+}
+export {
+  r as ClickOutside,
+  l as Mousewheel,
+  s as TrapFocus,
+  m as epDirectives,
+  u as installDirectives,
+  c as vRepeatClick
+};

package/dist/directives/trap-focus/index.js

@@ -0,0 +1,40 @@
+import { nextTick as d } from "vue";
+import "@vue/shared";
+import "lodash-unified";
+import "@vueuse/core";
+import { obtainAllFocusableElements as f } from "../../utils/dom/aria.js";
+import { getEventCode as l } from "../../utils/dom/event.js";
+import "@element-plus/icons-vue";
+import { EVENT_CODE as p } from "../../constants/aria.js";
+const i = "_trap-focus-children", n = [], c = (t) => {
+  var s;
+  if (n.length === 0) return;
+  const u = l(t), e = n[n.length - 1][i];
+  if (e.length > 0 && u === p.tab) {
+    if (e.length === 1) {
+      t.preventDefault(), document.activeElement !== e[0] && e[0].focus();
+      return;
+    }
+    const o = t.shiftKey, a = t.target === e[0], m = t.target === e[e.length - 1];
+    if (a && o && (t.preventDefault(), e[e.length - 1].focus()), m && !o && (t.preventDefault(), e[0].focus()), process.env.NODE_ENV === "test") {
+      const r = e.indexOf(t.target);
+      r !== -1 && ((s = e[o ? r - 1 : r + 1]) == null || s.focus());
+    }
+  }
+}, O = {
+  beforeMount(t) {
+    t[i] = f(t), n.push(t), n.length <= 1 && document.addEventListener("keydown", c);
+  },
+  updated(t) {
+    d(() => {
+      t[i] = f(t);
+    });
+  },
+  unmounted() {
+    n.shift(), n.length === 0 && document.removeEventListener("keydown", c);
+  }
+};
+export {
+  i as FOCUSABLE_CHILDREN,
+  O as default
+};