rappel-ui 1.0.8 → 1.0.12

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

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

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

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

package/es/components/svg-icon/index.mjs

@@ -1,7 +0,0 @@
-import { withInstall as o } from "../../utils/vue/index.mjs";
-import t from "./src/svg-icon.vue.mjs";
-const a = o(t);
-export {
-  a as ReSvgIcon,
-  a as default
-};

package/es/components/svg-icon/src/svg-icon.vue.mjs

@@ -1,33 +0,0 @@
-import { defineComponent as a, computed as t, createElementBlock as s, openBlock as u, normalizeStyle as m, normalizeClass as f, unref as o, createElementVNode as d } from "vue";
-/* empty css                                  */
-/* empty css                                      */
-import { useNamespace as h } from "../../../composables/use-namespace/index.mjs";
-const v = ["d", "fill"], p = /* @__PURE__ */ a({
-  name: "ReSvgIcon",
-  __name: "svg-icon",
-  props: {
-    path: { default: "" },
-    size: { default: 16 },
-    color: { default: "currentColor" },
-    spin: { type: Boolean, default: !1 }
-  },
-  setup(e) {
-    const { n, ns: l } = h("svg-icon"), i = t(() => typeof e.size == "number" ? `${e.size}px` : e.size), r = t(() => typeof e.size == "number" ? `${e.size}px` : e.size), c = t(() => e.color === "currentColor" ? "currentColor" : e.color);
-    return (z, g) => (u(), s("svg", {
-      class: f([o(n)(""), { [o(l)("", "spinner")]: e.spin }]),
-      style: m({ width: i.value, height: r.value, color: e.color }),
-      viewBox: "0 0 24 24",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      "aria-hidden": "true"
-    }, [
-      d("path", {
-        d: e.path,
-        fill: c.value
-      }, null, 8, v)
-    ], 6));
-  }
-});
-export {
-  p as default
-};

package/es/components/svg-icon/src/svg-icon.vue2.mjs

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

package/es/components/tabs/index.mjs

@@ -1,7 +0,0 @@
-import { withInstall as t } from "../../utils/vue/index.mjs";
-import o from "./src/tabs.vue.mjs";
-const s = t(o);
-export {
-  s as ReTabs,
-  s as default
-};

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

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

package/es/composables/index.d.ts

@@ -1,6 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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

@@ -1,21 +0,0 @@
-function P(i) {
-  const t = (n, s, e, r) => {
-    let c = `re-${n || i}`;
-    return s && (c += `-${s}`), e && (c += `--${e}`), r && (c += `__${r}`), c.toLowerCase();
-  };
-  return {
-    prefix: "re",
-    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.mjs

@@ -1,20 +0,0 @@
-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.mjs

@@ -1,55 +0,0 @@
-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.mjs

@@ -1,32 +0,0 @@
-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.mjs

@@ -1,24 +0,0 @@
-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.mjs

@@ -1,51 +0,0 @@
-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/directives/vDraggable.mjs

@@ -1,13 +0,0 @@
-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.mjs

@@ -1,136 +0,0 @@
-const h = "v-resizable-handle", $ = "v-resizable-handle-style";
-function C() {
-  if (document.getElementById($)) return;
-  const t = document.createElement("style");
-  t.id = $, t.textContent = `
-.${h} {
-  position: absolute;
-  background: transparent;
-  z-index: 9999;
-  user-select: none;
-  touch-action: none;
-  opacity: 0;
-}
-.${h}::after {
-  content: '';
-  display:block;
-  width:100%;
-  height:100%;
-  border-radius:2px;
-  background: rgba(0,0,0,0.12);
-}
-.${h}.hr { cursor: ew-resize; }
-.${h}.vr { cursor: ns-resize; }
-.${h}.corner { cursor: nwse-resize; }
-`, document.head.appendChild(t);
-}
-function u(t, i, r) {
-  let n = 0, c = 0;
-  switch (t) {
-    case "hr":
-      n = 4, c = r.height - 8;
-      break;
-    case "vr":
-      n = r.width - 8, c = 4;
-      break;
-    case "corner":
-      n = 8, c = 8;
-      break;
-  }
-  return i.style.width = `${n}px`, i.style.height = `${c}px`, i;
-}
-function f(t, i) {
-  const r = document.createElement("div"), n = i.getBoundingClientRect();
-  return r.className = `${h} ${t}`, u(t, r, n);
-}
-function S(t, i, r) {
-  switch (i) {
-    case "left":
-      t.style.left = "-2px", t.style.top = "4px", u("hr", t, r);
-      break;
-    case "right":
-      t.style.left = `${r.width - 2}px`, t.style.top = "4px", u("hr", t, r);
-      break;
-    case "top":
-      t.style.left = "4px", t.style.top = "-2px", u("vr", t, r);
-      break;
-    case "bottom":
-      t.style.left = "4px", t.style.top = `${r.height - 2}px`, u("vr", t, r);
-      break;
-    case "bottom-right":
-      t.style.left = `${r.width - 2}px`, t.style.top = `${r.height - 2}px`;
-      break;
-  }
-}
-function W(t, i) {
-  C(), getComputedStyle(t).position === "static" && (t.style.position = "relative"), t.style.boxSizing = t.style.boxSizing || "border-box";
-  const n = {
-    startX: 0,
-    startY: 0,
-    startW: 0,
-    startH: 0,
-    startL: 0,
-    startT: 0,
-    minW: i?.minWidth ?? 40,
-    minH: i?.minHeight ?? 24,
-    maxW: i?.maxWidth,
-    maxH: i?.maxHeight,
-    handlers: []
-  }, c = f("hr", t), x = f("hr", t), v = f("vr", t), E = f("vr", t), b = f("corner", t);
-  c.dataset.side = "left", x.dataset.side = "right", v.dataset.side = "top", E.dataset.side = "bottom", b.dataset.side = "bottom-right", t.appendChild(c), t.appendChild(x), t.appendChild(v), t.appendChild(E), t.appendChild(b), n.handlers.push(c, x, v, E, b);
-  const w = (o) => {
-    const a = o.target;
-    if (!a || !a.dataset?.side) return;
-    const e = a.dataset.side;
-    o.target.setPointerCapture?.(o.pointerId), n.side = e, n.pointerId = o.pointerId;
-    const p = t.getBoundingClientRect();
-    n.startX = o.clientX, n.startY = o.clientY, n.startW = p.width, n.startH = p.height;
-    const l = getComputedStyle(t), s = parseFloat(l.left || "0"), d = parseFloat(l.top || "0");
-    n.startL = s, n.startT = d, n.onMove = (m) => M(m, t, n), n.onUp = (m) => D(m, t, n), window.addEventListener("pointermove", n.onMove), window.addEventListener("pointerup", n.onUp), window.addEventListener("pointercancel", n.onUp), o.preventDefault();
-  }, M = (o, a, e) => {
-    if (e.side === void 0) return;
-    const p = o.clientX - e.startX, l = o.clientY - e.startY;
-    let s = e.startW, d = e.startH, m = e.startL, g = e.startT;
-    e.side === "right" ? (s = Math.max(e.minW, e.startW + p), e.maxW && (s = Math.min(s, e.maxW))) : e.side === "left" ? (s = Math.max(e.minW, e.startW - p), e.maxW && (s = Math.min(s, e.maxW)), m = e.startL + (e.startW - s)) : e.side === "bottom" ? (d = Math.max(e.minH, e.startH + l), e.maxH && (d = Math.min(d, e.maxH))) : e.side === "top" ? (d = Math.max(e.minH, e.startH - l), e.maxH && (d = Math.min(d, e.maxH)), g = e.startT + (e.startH - d)) : e.side === "bottom-right" && (s = Math.max(e.minW, e.startW + p), d = Math.max(e.minH, e.startH + l), e.maxW && (s = Math.min(s, e.maxW)), e.maxH && (d = Math.min(d, e.maxH))), a.style.width = `${s}px`, a.style.height = `${d}px`;
-    const H = getComputedStyle(a).position;
-    (H === "absolute" || H === "relative" || H === "fixed") && (a.style.left = `${m}px`, a.style.top = `${g}px`);
-    const I = a.getBoundingClientRect();
-    e.handlers.forEach((_) => {
-      const z = _.dataset.side;
-      S(_, z, I);
-    }), o.preventDefault();
-  }, D = (o, a, e) => {
-    e.onMove && (window.removeEventListener("pointermove", e.onMove), window.removeEventListener("pointerup", e.onUp), window.removeEventListener("pointercancel", e.onUp)), e.side = void 0, e.pointerId = void 0;
-  }, y = () => {
-    const o = t.getBoundingClientRect();
-    n.handlers.forEach((a) => {
-      const e = a.dataset.side;
-      a.style.position = "absolute", a.style.boxSizing = "content-box", S(a, e, o);
-    });
-  };
-  n.handlers.forEach((o) => o.addEventListener("pointerdown", w));
-  const L = new ResizeObserver(y);
-  return L.observe(t), n.ro = L, y(), { destroy: () => {
-    n.handlers.forEach((o) => {
-      o.removeEventListener("pointerdown", w), o.parentElement === t && t.removeChild(o);
-    }), n.onMove && (window.removeEventListener("pointermove", n.onMove), window.removeEventListener("pointerup", n.onUp), window.removeEventListener("pointercancel", n.onUp)), n.ro && n.ro.disconnect();
-  } };
-}
-const N = {
-  mounted(t, i) {
-    const r = i.value, { destroy: n } = W(t, r);
-    t.__v_resizable_cleanup = n;
-  },
-  beforeUnmount(t) {
-    const i = t.__v_resizable_cleanup;
-    i && (i(), delete t.__v_resizable_cleanup);
-  }
-};
-function Z(t, i) {
-  const { destroy: r } = W(t, i);
-  return r;
-}
-export {
-  Z as applyResizable,
-  N as vResizable
-};

package/es/directives/vSvgLoading.mjs

@@ -1,48 +0,0 @@
-import { svgLoadingContent as C } from "../constants/svgLoading.mjs";
-import { ref as x } from "vue";
-const v = x(1e3), h = x(2e3), $ = {
-  mounted(l, r, t) {
-    const o = (s, a, m) => {
-      const c = {
-        svgClass: "",
-        svgContent: C,
-        svgViewBox: "",
-        //min-x min-y width height
-        markBgColor: "rgba(255,255,255,0.8)",
-        markClass: "",
-        spinnerClass: "",
-        spinnerH: 300,
-        spinnerContent: "",
-        zIndex: h.value++
-      }, e = Object.assign({}, c, a?.arg || {}), p = `background-color:${e.markBgColor};top:0;right:0;bottom:0;left:0;margin:0;position:absolute;transition:opacity 0.3s;overflow: hidden;`, u = `position:absolute;text-align:center;left:50%;top:50%;width:100%;height:${e.spinnerH}px;`, i = document.createElement("div"), n = document.createElement("div");
-      v.value++, i.className = `svg-loading ${e.markClass} uid-${v.value}`, n.className = `svg-loading-spinner ${e.spinnerClass}`, n.innerHTML = `${e.svgContent}`;
-      const g = n.getElementsByTagName("svg")[0];
-      if (e.spinnerH && (g.setAttribute("width", `${e.spinnerH}px`), g.setAttribute("height", `${e.spinnerH}px`)), e.svgClass && g.setAttribute("class", e.svgClass), e.svgViewBox && g.setAttribute("viewBox", e.svgViewBox), m.ctx.markSelector = ".svg-loading", e.spinnerContent) {
-        const d = document.createElement("div");
-        d.setAttribute("style", "text-align:center;"), d.innerHTML = e.spinnerContent, n.appendChild(d);
-      }
-      n.setAttribute("style", u), n.style.setProperty("margin-top", `${-(e.spinnerH / 2)}px`), n.style.setProperty("margin-left", `${-(e.spinnerH / 2)}px`), i.setAttribute("style", p), i.style.setProperty("z-index", e.zIndex), i.appendChild(n), s.style.setProperty("position", "relative"), s.appendChild(i);
-    }, y = (s) => 1 - (1 - s) ** 3, f = (s, a = 150) => {
-      const m = performance.now(), c = (e) => {
-        const p = e - m;
-        if (p >= a) {
-          s.style.setProperty("opacity", "0"), s?.remove();
-          return;
-        }
-        const u = a ? y(p / a) : 1;
-        s.style.setProperty("opacity", String(1 - u)), requestAnimationFrame(c);
-      };
-      requestAnimationFrame(c);
-    };
-    t.ctx.fadeOut = f, t.ctx.createLoading = o, r.value && o(l, r, t);
-  },
-  updated(l, r, t) {
-    if (r.value !== r.oldValue) {
-      const o = l.querySelector(t.ctx.markSelector);
-      r.value ? !o && t.ctx.createLoading(l, r, t) : o && t.ctx.fadeOut(o);
-    }
-  }
-};
-export {
-  $ as vSvgLoading
-};