rappel-ui 1.0.0

package/es/components/colors/src/primary-color.vue2.mjs

@@ -0,0 +1,33 @@
+import { defineComponent as m, createElementBlock as r, openBlock as s, Fragment as a, renderList as l, createElementVNode as o, normalizeStyle as n, toDisplayString as d } from "vue";
+import { createColors as i } from "../../../utils/util.mjs";
+const p = { class: "shades" }, y = /* @__PURE__ */ m({
+  name: "PuPrimaryColor",
+  __name: "primary-color",
+  setup(u) {
+    const c = [
+      {
+        base: "#937bff",
+        shades: i("#937bff")
+      }
+    ];
+    return (_, f) => (s(), r(a, null, l(c, (e) => o("div", {
+      class: "theme-colors",
+      key: e.base
+    }, [
+      o("div", {
+        class: "base",
+        style: n({ "background-color": e.base })
+      }, d(e.base.toUpperCase()), 5),
+      o("div", p, [
+        (s(!0), r(a, null, l(e.shades, (t) => (s(), r("div", {
+          class: "shade",
+          style: n({ "background-color": t }),
+          key: t
+        }, null, 4))), 128))
+      ])
+    ])), 64));
+  }
+});
+export {
+  y as default
+};

package/es/components/colors/src/secondary-color.css

@@ -0,0 +1 @@
+.status-colors[data-v-3e9bfdfb]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.status-colors .panel[data-v-3e9bfdfb]{border-radius:4px;overflow:hidden;color:#fff}.status-colors .panel .base[data-v-3e9bfdfb]{color:#fff;height:6rem;box-shadow:5px 5px;padding:1rem}.status-colors .panel .shades[data-v-3e9bfdfb]{display:flex;align-items:center;flex-wrap:nowrap}.status-colors .panel .shades .shade[data-v-3e9bfdfb]{overflow:hidden;flex:1;height:3rem;padding:.2rem}

package/es/components/colors/src/secondary-color.vue.mjs

@@ -0,0 +1,7 @@
+import o from "./secondary-color.vue2.mjs";
+/* empty css                      */
+import r from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-3e9bfdfb"]]);
+export {
+  e as default
+};

package/es/components/colors/src/secondary-color.vue2.mjs

@@ -0,0 +1,54 @@
+import { defineComponent as u, createElementBlock as a, openBlock as t, Fragment as n, renderList as l, createElementVNode as s, normalizeStyle as d, toDisplayString as c } from "vue";
+import { createColors as o } from "../../../utils/util.mjs";
+const m = { class: "status-colors" }, p = { class: "shades" }, x = /* @__PURE__ */ u({
+  name: "PuSecondaryColor",
+  __name: "secondary-color",
+  setup(_) {
+    const i = [
+      {
+        base: "#06b56d",
+        text: "Success",
+        shades: o("#06b56d")
+      },
+      {
+        base: "#ee6979",
+        text: "Danger/Error ",
+        shades: o("#ee6979")
+      },
+      {
+        base: "#cd9a0a",
+        text: "Warning",
+        shades: o("#cd9a0a")
+      },
+      {
+        base: "#8e8e91",
+        text: "Info",
+        shades: o("#8e8e91")
+      }
+    ];
+    return (b, h) => (t(), a("div", m, [
+      (t(), a(n, null, l(i, (e) => s("div", {
+        class: "panel",
+        key: e.base
+      }, [
+        s("div", {
+          class: "base",
+          style: d({ "background-color": e.base })
+        }, [
+          s("div", null, c(e.text), 1),
+          s("div", null, c(e.base.toUpperCase()), 1)
+        ], 4),
+        s("div", p, [
+          (t(!0), a(n, null, l(e.shades, (r) => (t(), a("div", {
+            class: "shade",
+            style: d({ "background-color": r }),
+            key: r
+          }, null, 4))), 128))
+        ])
+      ])), 64))
+    ]));
+  }
+});
+export {
+  x as default
+};

package/es/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './button';
+export * from './input';
+export * from './tabs';
+export * from './colors';

package/es/components/index.mjs

@@ -0,0 +1,20 @@
+import "./button/index.mjs";
+import "./input/index.mjs";
+import "./tabs/index.mjs";
+import "./colors/index.mjs";
+import { default as f } from "./button/src/button.vue.mjs";
+import { default as m } from "./input/src/input.vue.mjs";
+import { default as s } from "./colors/src/colors.vue.mjs";
+import { default as P } from "./tabs/src/tabs.vue.mjs";
+import { default as i } from "./colors/src/primary-color.vue.mjs";
+import { default as n } from "./colors/src/secondary-color.vue.mjs";
+import { default as b } from "./colors/src/neutral-color.vue.mjs";
+export {
+  f as PuButton,
+  s as PuColors,
+  m as PuInput,
+  b as PuNeutralColor,
+  i as PuPrimaryColor,
+  n as PuSecondaryColor,
+  P as PuTabs
+};

package/es/components/input/index.d.ts

@@ -0,0 +1,25 @@
+import { default as Input } from './src/input.vue';
+export { Input as PuInput };
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    size: string;
+    type: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLInputElement>;
+export default _default;

package/es/components/input/index.mjs

@@ -0,0 +1,6 @@
+import { withInstall as t } from "../../utils/vue/index.mjs";
+import m from "./src/input.vue.mjs";
+t(m);
+export {
+  m as PuInput
+};

package/es/components/input/src/input.vue.mjs

@@ -0,0 +1,15 @@
+import { defineComponent as t, createElementBlock as n, openBlock as p, mergeProps as r } from "vue";
+const s = /* @__PURE__ */ t({
+  name: "PuInput",
+  __name: "input",
+  props: {
+    type: { type: String, default: "text" },
+    size: { type: String, default: "default" }
+  },
+  setup(u) {
+    return (e, a) => (p(), n("input", r({ class: "pinput" }, e.$attrs), null, 16));
+  }
+});
+export {
+  s as default
+};

package/es/components/input/src/input.vue2.mjs

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

package/es/components/tabs/index.d.ts

@@ -0,0 +1,20 @@
+import { default as tabs } from './src/tabs.vue';
+export { tabs as PuTabs };
+declare const _default: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        'prev-button'?(_: {}): any;
+    };
+});
+export default _default;

package/es/components/tabs/index.mjs

@@ -0,0 +1,6 @@
+import { withInstall as t } from "../../utils/vue/index.mjs";
+import o from "./src/tabs.vue.mjs";
+t(o);
+export {
+  o as PuTabs
+};

package/es/components/tabs/src/tabs.vue.mjs

@@ -0,0 +1,17 @@
+import { resolveComponent as o, createElementBlock as n, openBlock as s, createElementVNode as r, renderSlot as c, createVNode as _ } from "vue";
+import a from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const p = {}, d = { class: "p-tabs" }, l = { class: "p-tabs__header" };
+function m(e, i) {
+  const t = o("pu-button");
+  return s(), n("div", d, [
+    r("div", l, [
+      c(e.$slots, "prev-button", {}, () => [
+        _(t)
+      ])
+    ])
+  ]);
+}
+const b = /* @__PURE__ */ a(p, [["render", m]]);
+export {
+  b as default
+};

package/es/composables/index.d.ts

@@ -0,0 +1,6 @@
+export * from './useDraggable';
+export * from './useDateFormat';
+export * from './useOnceFn';
+export * from './useTimeNodes';
+export * from './useWaterFallLayout';
+export * from './use-namespace';

package/es/composables/use-namespace/index.d.ts

@@ -0,0 +1,12 @@
+export declare function useNamespace(compName: string): {
+    prefix: string;
+    statePrefix: string;
+    n: (name: string) => string;
+    ng: (name: string, groupName: string) => string;
+    nm: (name: string, modifier: string) => string;
+    ngm: (name: string, groupName: string, modifier: string) => string;
+    ns: (name: string, subName: string) => string;
+    ngs: (name: string, groupName: string, subName: string) => string;
+    cls: (name: string, groupName?: string, modifier?: string, subName?: string) => string;
+    is: (state: string, bool?: boolean | undefined | "") => string;
+};

package/es/composables/use-namespace/index.mjs

@@ -0,0 +1,21 @@
+function P(o) {
+  const t = (n, s, e, i) => {
+    let c = `pu-${n || o}`;
+    return s && (c += `-${s}`), e && (c += `--${e}`), i && (c += `__${i}`), c.toLowerCase();
+  };
+  return {
+    prefix: "pu",
+    statePrefix: "is",
+    n: (n) => t(n),
+    ng: (n, s) => t(n, s),
+    nm: (n, s) => t(n, "", s),
+    ngm: (n, s, e) => t(n, s, e),
+    ns: (n, s) => t(n, "", "", s),
+    ngs: (n, s, e) => t(n, s, "", e),
+    cls: t,
+    is: (n, s = !0) => s ? `is-${n}` : ""
+  };
+}
+export {
+  P as useNamespace
+};

package/es/composables/useDateFormat.d.ts

@@ -0,0 +1,7 @@
+/**
+ *时间格式化方法 YYYY-MM-DD HH:mm:ss
+ * @param {Date} date 日期实例对象
+ * @param {String} fmtStr 格式化字符串
+ * @returns {String} 格式化后的日期字符串
+ */
+export declare function useDateFormat(date: Date, fmtStr: string): string;

package/es/composables/useDateFormat.mjs

@@ -0,0 +1,20 @@
+function Y(t, o) {
+  const n = t.getFullYear(), r = t.getMonth() + 1, s = t.getDate(), g = t.getHours(), S = t.getMinutes(), i = t.getSeconds(), e = {
+    YYYY: String(n),
+    YY: String(n).substring(2),
+    MM: String(r).padStart(2, "0"),
+    M: String(r),
+    DD: String(s).padStart(2, "0"),
+    D: String(s),
+    HH: String(g).padStart(2, "0"),
+    H: String(g),
+    mm: String(S).padStart(2, "0"),
+    m: String(S),
+    ss: String(i).padStart(2, "0"),
+    s: String(i)
+  };
+  return o.replace(/(YYYY|YY|MM|M|DD|D|HH|H|mm|m|ss|s)/g, (a) => e[a]);
+}
+export {
+  Y as useDateFormat
+};

package/es/composables/useDraggable.d.ts

@@ -0,0 +1,10 @@
+export declare function useDraggable(el: HTMLElement, options?: {
+    preventDefault?: boolean;
+    customHandler?: HTMLElement | null;
+    autoTopHandler?: boolean;
+    topHandlerHeight?: number;
+    isAllHandler?: boolean;
+}): {
+    updatePos: () => void;
+    cleanup: () => void;
+};

package/es/composables/useDraggable.mjs

@@ -0,0 +1,55 @@
+function z(r, w) {
+  if (!r)
+    return { updatePos: () => {
+    }, cleanup: () => {
+    } };
+  const o = Object.assign({}, {
+    preventDefault: !0,
+    customHandler: null,
+    autoTopHandler: !1,
+    topHandlerHeight: 20,
+    isAllHandler: !0
+  }, w || {}), h = () => {
+    const e = document.createElement("div");
+    return e.style.cssText = `user-select:none;height: ${o.topHandlerHeight}px; z-index:3000;cursor: move; position: absolute; top: 0; left: 0;right:0;background-color: transparent;opacity: 1;`, e.classList.add("v-draggable-top-handler"), r.appendChild(e), e;
+  }, s = o.customHandler ? o.customHandler : o.autoTopHandler ? h() : r;
+  let d = !1, m = 0, v = 0, l = 0, c = 0, f = 0, g = 0, E = 0, L = 0;
+  const H = (e) => window.getComputedStyle(e).transform, T = (e) => {
+    const t = H(e);
+    if (t && t !== "none") {
+      const { e: n, f: D, m41: M, m42: A } = new DOMMatrix(t);
+      return {
+        x: n || M || 0,
+        y: D || A || 0
+      };
+    }
+    return { x: 0, y: 0 };
+  }, i = () => {
+    const e = r.getBoundingClientRect(), { x: t, y: n } = T(r);
+    l = t, c = n, f = -e.left + t, g = -e.top + n, E = window.innerWidth - e.right + t, L = window.innerHeight - e.bottom + n;
+  }, x = (e) => {
+    const t = e.target;
+    return !t || t.isContentEditable || t.closest(
+      'input, textarea, button, select, a,[contenteditable], [contenteditable="true"]'
+    ) || ["TEXTAREA", "INPUT", "BUTTON", "A", "SELECT"].includes(t?.tagName) ? !1 : !!o.isAllHandler || t === s;
+  }, u = (e) => {
+    x(e) && (d = !0, o.preventDefault && e.preventDefault(), i(), m = e.clientX - l, v = e.clientY - c, document.removeEventListener("pointermove", p), document.removeEventListener("pointerup", a), document.removeEventListener("pointercancel", a), document.addEventListener("pointermove", p), document.addEventListener("pointerup", a), document.addEventListener("pointercancel", a));
+  }, p = (e) => {
+    if (!d) return;
+    let t = e.clientX - m, n = e.clientY - v;
+    t < l ? t = Math.max(t, f) : t = Math.min(t, E), n < c ? n = Math.max(n, g) : n = Math.min(n, L), r.style.transform = `translate(${t}px, ${n}px)`, l = t, c = n;
+  }, a = () => {
+    d = !1, document.removeEventListener("pointermove", p), document.removeEventListener("pointerup", a), document.removeEventListener("pointercancel", a);
+  }, b = () => {
+    if (a(), s.removeEventListener("pointerdown", u), window.removeEventListener("resize", i), o.autoTopHandler && !o.customHandler) {
+      const e = r.querySelector(".v-draggable-top-handler");
+      e && e.remove();
+    }
+  };
+  i(), s.removeEventListener("pointerdown", u), s.addEventListener("pointerdown", u), window.removeEventListener("resize", i), window.addEventListener("resize", i);
+  const y = r._cleanup = b;
+  return { updatePos: i, cleanup: y };
+}
+export {
+  z as useDraggable
+};

package/es/composables/useOnceFn.d.ts

@@ -0,0 +1,24 @@
+/**
+ * 防止接口重复请求的方法<需保证方法名全局唯一>
+ * @param {Function} funcName 方法名
+ * @param {...Array<any>} funcParams  方法参数（剩余参数）,原方法怎么传，这里就怎么传
+ * @description 适用于返回Promise的所有方法，支持多个方法
+ * @example
+ * 1、基本用法：
+ * import {getUserList} from "@/api/user"
+ * const res = await useOnceFn(getUserList, params, data)
+ *
+ * 2、多个方法
+ * import {getUserList} from "@/api/user"
+ * import {getOrgTree} from "@/api/org"
+ *
+ * const res1 = await useOnceFn(getUserList, params, data)
+ * const res2 = await useOnceFn(getOrgTree)
+ *
+ * 3、用于async方法
+ * async function demo(){...}
+ * const res = await useOnceFn(demo)
+ *
+ * @returns {Promise<any>}
+ */
+export declare function useOnceFn(funcName: Function, ...funcParams: any[]): Promise<any>;

package/es/composables/useOnceFn.mjs

@@ -0,0 +1,32 @@
+class n {
+  res;
+  isFetching;
+  isSuccess;
+  queues;
+  constructor() {
+    this.res = null, this.isFetching = !1, this.isSuccess = !1, this.queues = [];
+  }
+  useOnceFn(e, ...s) {
+    return new Promise((c) => {
+      if (this.isSuccess) {
+        c(this.res);
+        return;
+      }
+      this.queues.push(c), this.isFetching || (this.isFetching = !0, Promise.resolve(e(...s)).then((u) => {
+        this.res = u, this.loopQueues(), this.isSuccess = !0;
+      }));
+    });
+  }
+  loopQueues() {
+    for (; this.queues.length > 0; )
+      this.queues.shift()?.(this.res);
+  }
+}
+const i = {};
+function h(t, ...e) {
+  const s = t.toString().replace(/[^a-zA-Z]/g, "");
+  return i[s] || (i[s] = new n()), i[s].useOnceFn(t, ...e);
+}
+export {
+  h as useOnceFn
+};

package/es/composables/useTimeNodes.d.ts

@@ -0,0 +1,3 @@
+export declare function useTimeNodes(start?: string, end?: string, step?: string, fmt?: string): {
+    timeNodes: string[];
+};

package/es/composables/useTimeNodes.mjs

@@ -0,0 +1,24 @@
+import { useDateFormat as N } from "./useDateFormat.mjs";
+import "vue";
+function F(d = "00:00", a = "23:00", m = "02:00", h = "HH:mm") {
+  const s = (e) => {
+    const [t, n, o] = e.split(":").map(Number);
+    return [t || 0, n || 0, o || 0];
+  }, i = (e) => {
+    const [t, n, o] = s(e), u = /* @__PURE__ */ new Date();
+    return new Date(u.getFullYear(), u.getMonth() + 1, u.getDate(), t, n, o);
+  }, w = (e) => N(e, h), T = (e) => {
+    const [t, n, o] = s(m);
+    return new Date(e.getTime() + t * 36e5 + n * 6e4 + o * 1e3);
+  }, c = [], [g, p, l] = s(m);
+  if (g === 0 && p === 0 && l === 0)
+    throw new Error("时间步长不能为0");
+  let r = i(d);
+  const D = i(a);
+  for (; r <= D; )
+    c.push(w(r)), r = T(r);
+  return { timeNodes: c };
+}
+export {
+  F as useTimeNodes
+};

package/es/composables/useWaterFallLayout.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from 'vue';
+export declare function useWaterFallLayout(containerRef: Ref<HTMLElement | null>, itemSelector: string): {
+    init: (isRearrange?: boolean) => void;
+    column: Ref<number, number>;
+    rowSpacing: Ref<number, number>;
+    columnSpacing: Ref<number, number>;
+    oddColumnBgColor: Ref<string, string>;
+    evenColumnBgColor: Ref<string, string>;
+    getItems: (selector?: string) => any;
+};

package/es/composables/useWaterFallLayout.mjs

@@ -0,0 +1,51 @@
+import { ref as o, watch as b, nextTick as F } from "vue";
+function A(a, C) {
+  const n = o(3), d = o(2), u = o(2), i = o("#F5F8F8"), r = o("#FFFFFF"), x = o("top 300ms ease-in-out, left 300ms ease-in-out"), p = o(0), c = o(0), v = o(0), m = (t) => document.querySelectorAll(t || C), I = () => {
+    a.value.style.position = "relative";
+  }, W = () => {
+    I(), p.value = a.value.clientWidth;
+  }, w = () => {
+    v.value = (p.value - u.value * (n.value - 1)) / n.value;
+  }, T = (t) => {
+    const e = t % n.value;
+    return e === 0 ? 0 : e * (v.value + u.value);
+  }, f = (t) => {
+    const { style: e, offsetHeight: s } = t;
+    return parseFloat(e.top) + s + d.value;
+  }, B = (t, e) => t >= n.value ? f(e[t - n.value]) : 0, H = (t) => {
+    const e = f(t);
+    e > c.value && (c.value = e, a.value.style.height = e + "px");
+  }, h = o("is-dealed"), L = (t = !1) => {
+    const e = m(), s = m("." + h.value);
+    let g = 0;
+    s.length > 0 && (g = s.length), t && (g = 0, c.value = 0);
+    for (let l = g; l < e.length; l++)
+      e[l].style.position = "absolute", e[l].style.transition = x.value, e[l].style.width = v.value + "px", e[l].style.backgroundColor = S(l), e[l].style.left = T(l) + "px", e[l].style.top = B(l, e) + "px", e[l].classList.add(h.value), H(e[l]);
+  }, S = (t) => {
+    const e = t + 1;
+    return n.value % 2 === 0 ? e % 2 === 0 ? r.value : i.value : e % n.value !== 0 && e % n.value % 2 === 0 ? r.value : i.value;
+  }, y = (t = !1) => {
+    W(), w(), F(() => {
+      L(t);
+    });
+  };
+  return b(
+    () => n.value,
+    () => {
+      F(() => {
+        y(!0);
+      });
+    }
+  ), {
+    init: y,
+    column: n,
+    rowSpacing: d,
+    columnSpacing: u,
+    oddColumnBgColor: i,
+    evenColumnBgColor: r,
+    getItems: m
+  };
+}
+export {
+  A as useWaterFallLayout
+};

package/es/constants/index.d.ts

@@ -0,0 +1 @@
+export * from './svgLoading';

package/es/constants/svgLoading.d.ts

@@ -0,0 +1,2 @@
+declare const svgLoadingContent = "<svg viewBox=\"0 0 800 800\" xmlns=\"http://www.w3.org/2000/svg\">\n<style>\n    @keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes spin2 {\n  0% {\n    stroke-dasharray: 1, 800;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 200, 200;\n    stroke-dashoffset: 100px;\n  }\n  100% {\n    stroke-dasharray: 800, 1;\n    stroke-dashoffset: -800px;\n  }\n}\n\n.spin2 {\n  transform-origin: center;\n  animation: spin2 1.5s ease-in-out infinite,\n    spin 2s linear infinite;\n  animation-direction: alternate;\n}\n</style>\n  <circle class=\"spin2\" cx=\"400\" cy=\"400\" fill=\"none\"\n    r=\"200\" stroke-width=\"40\" stroke=\"#E387FF\"\n    stroke-dasharray=\"800 1400\"\n    stroke-linecap=\"round\"\n  />\n</svg>";
+export { svgLoadingContent };

package/es/constants/svgLoading.mjs

@@ -0,0 +1,39 @@
+const s = `<svg viewBox="0 0 800 800" xmlns="http://www.w3.org/2000/svg">
+<style>
+    @keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes spin2 {
+  0% {
+    stroke-dasharray: 1, 800;
+    stroke-dashoffset: 0;
+  }
+  50% {
+    stroke-dasharray: 200, 200;
+    stroke-dashoffset: 100px;
+  }
+  100% {
+    stroke-dasharray: 800, 1;
+    stroke-dashoffset: -800px;
+  }
+}
+
+.spin2 {
+  transform-origin: center;
+  animation: spin2 1.5s ease-in-out infinite,
+    spin 2s linear infinite;
+  animation-direction: alternate;
+}
+</style>
+  <circle class="spin2" cx="400" cy="400" fill="none"
+    r="200" stroke-width="40" stroke="#E387FF"
+    stroke-dasharray="800 1400"
+    stroke-linecap="round"
+  />
+</svg>`;
+export {
+  s as svgLoadingContent
+};

package/es/directives/index.d.ts

@@ -0,0 +1,3 @@
+export * from './vDraggable';
+export * from './vResizable';
+export * from './vSvgLoading';

package/es/directives/vDraggable.d.ts

@@ -0,0 +1,2 @@
+import { Directive } from 'vue';
+export declare const vDraggable: Directive;

package/es/directives/vDraggable.mjs

@@ -0,0 +1,13 @@
+import { useDraggable as a } from "../composables/useDraggable.mjs";
+import "vue";
+const u = {
+  mounted(e, o) {
+    a(e, o.value || {});
+  },
+  unmounted(e) {
+    e._cleanup?.();
+  }
+};
+export {
+  u as vDraggable
+};

package/es/directives/vResizable.d.ts

@@ -0,0 +1,14 @@
+import { DirectiveBinding } from 'vue';
+interface ResizeOptions {
+    minWidth?: number;
+    minHeight?: number;
+    maxWidth?: number;
+    maxHeight?: number;
+}
+/** main directive */
+declare const vResizable: {
+    mounted(el: HTMLElement, binding: DirectiveBinding): void;
+    beforeUnmount(el: HTMLElement): void;
+};
+declare function applyResizable(el: HTMLElement, options?: ResizeOptions): () => void;
+export { vResizable, applyResizable };