ep-craft 0.1.36 → 0.1.38

package/dist/components/virtual-list/src/props.js

@@ -3,10 +3,10 @@ import "lodash-unified";
 import "@vueuse/core";
 import { mutable as b } from "../../../utils/typescript.js";
 import "@element-plus/icons-vue";
-import { buildProp as e, definePropType as t, buildProps as o } from "../../../utils/vue/props/runtime.js";
+import { buildProp as e, definePropType as t, buildProps as i } from "../../../utils/vue/props/runtime.js";
 import "vue";
 import { VERTICAL as f } from "./defaults.js";
-const i = e({
+const o = e({
   type: t([Number, Function]),
   required: !0
 }), l = e({
@@ -28,7 +28,7 @@ const i = e({
   type: String,
   values: ["horizontal", "vertical"],
   default: f
-}), d = o({
+}), d = i({
   className: {
     type: String,
     default: ""
@@ -75,7 +75,7 @@ const i = e({
     default: !0
   },
   scrollbarAlwaysOn: Boolean
-}), P = o({
+}), O = i({
   /**
    * @description describes how many items should be pre rendered to the head
    * and the tail of the window
@@ -91,15 +91,14 @@ const i = e({
    * @description describes the total number of the list.
    */
   total: r,
-  itemSize: i,
+  itemSize: o,
   ...d
 }), u = {
   type: Number,
   default: 6
-}, c = { type: Number, default: 0 }, s = { type: Number, default: 2 };
-o({
+}, s = { type: Number, default: 0 }, c = { type: Number, default: 2 }, B = i({
   columnCache: a,
-  columnWidth: i,
+  columnWidth: o,
   estimatedColumnWidth: l,
   estimatedRowHeight: l,
   initScrollLeft: n,
@@ -112,17 +111,16 @@ o({
     }) => `${y}:${m}`
   },
   rowCache: a,
-  rowHeight: i,
+  rowHeight: o,
   totalColumn: r,
   totalRow: r,
   hScrollbarSize: u,
   vScrollbarSize: u,
-  scrollbarStartGap: c,
-  scrollbarEndGap: s,
+  scrollbarStartGap: s,
+  scrollbarEndGap: c,
   role: String,
   ...d
-});
-const B = o({
+}), C = i({
   alwaysOn: Boolean,
   class: String,
   layout: p,
@@ -140,12 +138,13 @@ const B = o({
     required: !0
   },
   scrollbarSize: u,
-  startGap: c,
-  endGap: s,
+  startGap: s,
+  endGap: c,
   visible: Boolean
 });
 export {
-  P as virtualizedListProps,
+  B as virtualizedGridProps,
+  O as virtualizedListProps,
   d as virtualizedProps,
-  B as virtualizedScrollbarProps
+  C as virtualizedScrollbarProps
 };

package/dist/components/virtual-list/src/utils.js

@@ -1,22 +1,23 @@
-import { LTR as s, RTL as c, HORIZONTAL as d, FORWARD as f, BACKWARD as h, RTL_OFFSET_POS_DESC as u, RTL_OFFSET_NAG as a, RTL_OFFSET_POS_ASC as T } from "./defaults.js";
-const R = (t, e) => t < e ? f : h, m = (t) => t === s || t === c || t === d;
+import { LTR as c, RTL as i, HORIZONTAL as d, FORWARD as f, BACKWARD as h, RTL_OFFSET_POS_DESC as u, RTL_OFFSET_NAG as T, RTL_OFFSET_POS_ASC as a } from "./defaults.js";
+const p = (e, t) => e < t ? f : h, L = (e) => e === c || e === i || e === d, m = (e) => e === i;
 let o = null;
-function L(t = !1) {
-  if (o === null || t) {
-    const e = document.createElement("div"), n = e.style;
+function S(e = !1) {
+  if (o === null || e) {
+    const t = document.createElement("div"), n = t.style;
     n.width = "50px", n.height = "50px", n.overflow = "scroll", n.direction = "rtl";
     const r = document.createElement("div"), l = r.style;
-    return l.width = "100px", l.height = "100px", e.appendChild(r), document.body.appendChild(e), e.scrollLeft > 0 ? o = u : (e.scrollLeft = 1, e.scrollLeft === 0 ? o = a : o = T), document.body.removeChild(e), o;
+    return l.width = "100px", l.height = "100px", t.appendChild(r), document.body.appendChild(t), t.scrollLeft > 0 ? o = u : (t.scrollLeft = 1, t.scrollLeft === 0 ? o = T : o = a), document.body.removeChild(t), o;
   }
   return o;
 }
-function S({ move: t, size: e, bar: n }, r) {
-  const l = {}, i = `translate${n.axis}(${t}px)`;
-  return l[n.size] = e, l.transform = i, r === "horizontal" ? l.height = "100%" : l.width = "100%", l;
+function y({ move: e, size: t, bar: n }, r) {
+  const l = {}, s = `translate${n.axis}(${e}px)`;
+  return l[n.size] = t, l.transform = s, r === "horizontal" ? l.height = "100%" : l.width = "100%", l;
 }
 export {
-  L as getRTLOffsetType,
-  R as getScrollDir,
-  m as isHorizontal,
-  S as renderThumbStyle
+  S as getRTLOffsetType,
+  p as getScrollDir,
+  L as isHorizontal,
+  m as isRTL,
+  y as renderThumbStyle
 };

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

@@ -0,0 +1,18 @@
+import type { WatermarkProps } from './watermark';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<WatermarkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<WatermarkProps> & Readonly<{}>, {
+    content: string | string[];
+    rotate: number;
+    zIndex: number;
+    gap: [number, 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;
+    };
+};

package/dist/components/watermark/EpWatermark.vue.js

@@ -0,0 +1,174 @@
+import { defineComponent as q, computed as a, shallowRef as C, ref as J, onMounted as K, watch as Q, onBeforeUnmount as V, openBlock as Z, createElementBlock as tt, normalizeStyle as et, renderSlot as ot } from "vue";
+import { useMutationObserver as nt } from "@vueuse/core";
+import { isUndefined as at } from "../../utils/types.js";
+import "lodash-unified";
+import { isArray as rt } from "@vue/shared";
+import "@element-plus/icons-vue";
+import { reRendering as lt, getPixelRatio as st, getStyleStr as it } from "./utils.js";
+import ct from "./useClips.js";
+const kt = /* @__PURE__ */ q({
+  name: "EpWatermark",
+  __name: "EpWatermark",
+  props: {
+    zIndex: { default: 9 },
+    rotate: { default: -22 },
+    width: {},
+    height: {},
+    image: {},
+    content: { default: "Element Plus" },
+    font: {},
+    gap: { default: () => [100, 100] },
+    offset: {}
+  },
+  setup(A) {
+    const R = {
+      position: "relative"
+    }, e = A, k = a(() => {
+      var t;
+      return ((t = e.font) == null ? void 0 : t.fontGap) ?? 3;
+    }), I = a(() => {
+      var t;
+      return ((t = e.font) == null ? void 0 : t.color) ?? "rgba(0,0,0,.15)";
+    }), y = a(() => {
+      var t;
+      return ((t = e.font) == null ? void 0 : t.fontSize) ?? 16;
+    }), _ = a(() => {
+      var t;
+      return ((t = e.font) == null ? void 0 : t.fontWeight) ?? "normal";
+    }), P = a(() => {
+      var t;
+      return ((t = e.font) == null ? void 0 : t.fontStyle) ?? "normal";
+    }), b = a(() => {
+      var t;
+      return ((t = e.font) == null ? void 0 : t.fontFamily) ?? "sans-serif";
+    }), T = a(() => {
+      var t;
+      return ((t = e.font) == null ? void 0 : t.textAlign) ?? "center";
+    }), F = a(() => {
+      var t;
+      return ((t = e.font) == null ? void 0 : t.textBaseline) ?? "hanging";
+    }), B = a(() => e.gap[0]), S = a(() => e.gap[1]), M = a(() => B.value / 2), W = a(() => S.value / 2), G = a(() => {
+      var t;
+      return ((t = e.offset) == null ? void 0 : t[0]) ?? M.value;
+    }), H = a(() => {
+      var t;
+      return ((t = e.offset) == null ? void 0 : t[1]) ?? W.value;
+    }), L = () => {
+      const t = {
+        zIndex: e.zIndex,
+        position: "absolute",
+        left: 0,
+        top: 0,
+        width: "100%",
+        height: "100%",
+        pointerEvents: "none",
+        backgroundRepeat: "repeat"
+      };
+      let o = G.value - M.value, n = H.value - W.value;
+      return o > 0 && (t.left = `${o}px`, t.width = `calc(100% - ${o}px)`, o = 0), n > 0 && (t.top = `${n}px`, t.height = `calc(100% - ${n}px)`, n = 0), t.backgroundPosition = `${o}px ${n}px`, t;
+    }, f = C(null), l = C(), p = J(!1), w = () => {
+      l.value && (l.value.remove(), l.value = void 0);
+    }, O = (t, o) => {
+      var n;
+      f.value && l.value && (p.value = !0, l.value.setAttribute(
+        "style",
+        it({
+          ...L(),
+          backgroundImage: `url('${t}')`,
+          backgroundSize: `${Math.floor(o)}px`
+        })
+      ), (n = f.value) == null || n.append(l.value), setTimeout(() => {
+        p.value = !1;
+      }));
+    }, D = (t) => {
+      let o = 120, n = 64, i = 0;
+      const { image: d, content: c, width: g, height: v, rotate: h } = e;
+      if (!d && t.measureText) {
+        t.font = `${Number(y.value)}px ${b.value}`;
+        const s = rt(c) ? c : [c];
+        let r = 0, u = 0;
+        s.forEach((U) => {
+          const {
+            width: $,
+            fontBoundingBoxAscent: z,
+            fontBoundingBoxDescent: X,
+            actualBoundingBoxAscent: Y,
+            actualBoundingBoxDescent: j
+          } = t.measureText(U), E = at(z) ? Y + j : z + X;
+          $ > r && (r = Math.ceil($)), E > u && (u = Math.ceil(E));
+        }), o = r, n = u * s.length + (s.length - 1) * k.value;
+        const x = Math.PI / 180 * Number(h);
+        i = Math.ceil(Math.abs(Math.sin(x) * n) / 2), o += i;
+      }
+      return [g ?? o, v ?? n, i];
+    }, N = ct(), m = () => {
+      const o = document.createElement("canvas").getContext("2d"), n = e.image, i = e.content, d = e.rotate;
+      if (o) {
+        l.value || (l.value = document.createElement("div"));
+        const c = st(), [g, v, h] = D(o), s = (r) => {
+          const [u, x] = N(
+            r || "",
+            d,
+            c,
+            g,
+            v,
+            {
+              color: I.value,
+              fontSize: y.value,
+              fontStyle: P.value,
+              fontWeight: _.value,
+              fontFamily: b.value,
+              fontGap: k.value,
+              textAlign: T.value,
+              textBaseline: F.value
+            },
+            B.value,
+            S.value,
+            h
+          );
+          O(u, x);
+        };
+        if (n) {
+          const r = new Image();
+          r.onload = () => {
+            s(r);
+          }, r.onerror = () => {
+            s(i);
+          }, r.crossOrigin = "anonymous", r.referrerPolicy = "no-referrer", r.src = n;
+        } else
+          s(i);
+      }
+    };
+    return K(() => {
+      m();
+    }), Q(
+      () => e,
+      () => {
+        m();
+      },
+      {
+        deep: !0,
+        flush: "post"
+      }
+    ), V(() => {
+      w();
+    }), nt(f, (t) => {
+      p.value || t.forEach((o) => {
+        lt(o, l.value) && (w(), m());
+      });
+    }, {
+      attributes: !0,
+      subtree: !0,
+      childList: !0
+    }), (t, o) => (Z(), tt("div", {
+      ref_key: "containerRef",
+      ref: f,
+      style: et([R])
+    }, [
+      ot(t.$slots, "default")
+    ], 4));
+  }
+});
+export {
+  kt as default
+};

package/dist/components/watermark/EpWatermark2.vue.js

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

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

@@ -1,4 +1,15 @@
 import type { Plugin } from 'vue';
-import { ElWatermark } from 'element-plus';
-export declare const EpWatermark: typeof ElWatermark & Plugin;
+import _EpWatermark from './EpWatermark.vue';
+/**
+ * watermark 自持 barrel（vendor-batch-6 产出）。
+ *
+ * 水印主体直接操作 canvas 与 DOM，无其他组件依赖；`font` 的类型
+ * `WatermarkFontType` 一并导出，保证公开面与上游一致。
+ *
+ * 不导出 `ElWatermark` 别名。
+ */
+export declare const EpWatermark: typeof _EpWatermark & Plugin;
 export default EpWatermark;
+export { watermarkProps } from './watermark';
+export type { WatermarkFontType, WatermarkProps, WatermarkPropsPublic, } from './watermark';
+export type { WatermarkInstance } from './instance';

package/dist/components/watermark/index.js

@@ -1,6 +1,10 @@
-import { ElWatermark as r } from "element-plus";
-import { withInstall as a } from "../../utils/with-install.js";
-const t = Object.assign({}, r, { name: "EpWatermark" }), o = a(t, "ep-watermark");
+import { withInstall as r } from "../../utils/with-install.js";
+import t from "./EpWatermark.vue.js";
+import "./watermark.js";
+const p = r(
+  t,
+  "ep-watermark"
+);
 export {
-  o as EpWatermark
+  p as EpWatermark
 };

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

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

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

@@ -0,0 +1,6 @@
+import type { WatermarkProps } from './watermark';
+/**
+ * Get the clips of text content.
+ * This is a lazy hook function since SSR no need this
+ */
+export default function useClips(): (content: NonNullable<WatermarkProps["content"]> | HTMLImageElement, rotate: number, ratio: number, width: number, height: number, font: Required<NonNullable<WatermarkProps["font"]>>, gapX: number, gapY: number, space: number) => [dataURL: string, finalWidth: number, finalHeight: number];

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("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 9, boolean>;
+    readonly rotate: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, -22, boolean>;
+    readonly width: NumberConstructor;
+    readonly height: NumberConstructor;
+    readonly image: StringConstructor;
+    readonly content: import("@element-plus/utils").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("@element-plus/utils").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;