@a2simcode/ui 0.0.41 → 0.0.43

package/dist/simcode-ui.es10.js

@@ -0,0 +1,6 @@
+import { withInstall as t } from "./simcode-ui.es66.js";
+import m from "./simcode-ui.es75.js";
+const a = t(m);
+export {
+  a as default
+};

package/dist/simcode-ui.es100.js

@@ -0,0 +1,121 @@
+import { defineComponent as $, useModel as k, reactive as X, useTemplateRef as g, watch as _, watchEffect as V, openBlock as B, createElementBlock as C, normalizeStyle as j, normalizeClass as z, createVNode as y, mergeModels as W, unref as l } from "vue";
+import N from "./simcode-ui.es184.js";
+import O from "./simcode-ui.es185.js";
+import F from "./simcode-ui.es186.js";
+const G = /* @__PURE__ */ $({
+  name: "JSliderCaptcha",
+  __name: "slider-captcha",
+  props: /* @__PURE__ */ W({
+    class: {},
+    actionStyle: { default: () => ({}) },
+    barStyle: { default: () => ({}) },
+    contentStyle: { default: () => ({}) },
+    wrapperStyle: { default: () => ({}) },
+    successText: { default: "" },
+    text: { default: "" }
+  }, {
+    modelValue: { type: Boolean, default: void 0 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ W(["end", "move", "start", "success"], ["update:modelValue"]),
+  setup(c, { emit: D }) {
+    const L = c, d = D, M = k(c, "modelValue"), e = X({
+      endTime: 0,
+      isMoving: !1,
+      isPassing: !1,
+      moveDistance: 0,
+      startTime: 0,
+      toLeft: !1
+    }), b = g("wrapperRef"), m = g("barRef"), w = g("contentRef"), r = g("actionRef");
+    _(
+      () => e.isPassing,
+      (t) => {
+        if (t) {
+          const { endTime: s, startTime: n } = e, o = (s - n) / 1e3;
+          d("success", { isPassing: t, time: o.toFixed(1) }), M.value = t;
+        }
+      }
+    ), V(() => {
+      e.isPassing = !!M.value;
+    });
+    function v(t) {
+      return "pageX" in t ? t.pageX : "touches" in t && t.touches[0] ? t.touches[0].pageX : 0;
+    }
+    function T(t) {
+      e.isPassing || r.value && (d("start", t), e.moveDistance = v(t) - Number.parseInt(r.value.getStyle().left.replace("px", "") || "0", 10), e.startTime = Date.now(), e.isMoving = !0);
+    }
+    function E(t) {
+      const s = b.value?.offsetWidth ?? 220, n = t?.offsetWidth ?? 40, o = s - n - 6;
+      return { actionWidth: n, offset: o, wrapperWidth: s };
+    }
+    function R(t) {
+      const { isMoving: s, moveDistance: n } = e;
+      if (s) {
+        const o = l(r), i = l(m);
+        if (!o || !i) return;
+        const { actionWidth: f, offset: p, wrapperWidth: u } = E(o.getEl()), a = v(t) - n;
+        d("move", {
+          event: t,
+          moveDistance: n,
+          moveX: a
+        }), a > 0 && a <= p ? (o.setLeft(`${a}px`), i.setWidth(`${a + f / 2}px`)) : a > p && (o.setLeft(`${u - f}px`), i.setWidth(`${u - f / 2}px`), x());
+      }
+    }
+    function h(t) {
+      const { isMoving: s, isPassing: n, moveDistance: o } = e;
+      if (s && !n) {
+        d("end", t);
+        const i = r.value, f = l(m);
+        if (!i || !f) return;
+        const p = v(t) - o, { actionWidth: u, offset: a, wrapperWidth: S } = E(i.getEl());
+        p < a ? P() : (i.setLeft(`${S - u}px`), f.setWidth(`${S - u / 2}px`), x()), e.isMoving = !1;
+      }
+    }
+    function x() {
+      e.endTime = Date.now(), e.isPassing = !0, e.isMoving = !1;
+    }
+    function P() {
+      e.isMoving = !1, e.isPassing = !1, e.moveDistance = 0, e.toLeft = !1, e.startTime = 0, e.endTime = 0;
+      const t = l(r), s = l(m), n = l(w);
+      !t || !s || !n || (n.getEl().style.width = "100%", e.toLeft = !0, setTimeout(() => {
+        e.toLeft = !1, t.setLeft("0"), s.setWidth("0");
+      }, 300));
+    }
+    return (t, s) => (B(), C("div", {
+      ref_key: "wrapperRef",
+      ref: b,
+      class: z(["j-slider-captcha slider-border", L.class]),
+      style: j([{ "background-color": "var(--j-color-bg)" }, c.wrapperStyle]),
+      onMouseleave: h,
+      onMousemove: R,
+      onMouseup: h,
+      onTouchend: h,
+      onTouchmove: R
+    }, [
+      y(O, {
+        ref_key: "barRef",
+        ref: m,
+        "bar-style": c.barStyle,
+        "to-left": e.toLeft
+      }, null, 8, ["bar-style", "to-left"]),
+      y(F, {
+        ref_key: "contentRef",
+        ref: w,
+        "content-style": c.contentStyle,
+        "is-passing": e.isPassing
+      }, null, 8, ["content-style", "is-passing"]),
+      y(N, {
+        ref_key: "actionRef",
+        ref: r,
+        "action-style": c.actionStyle,
+        "is-passing": e.isPassing,
+        "to-left": e.toLeft,
+        onMousedown: T,
+        onTouchstart: T
+      }, null, 8, ["action-style", "is-passing", "to-left"])
+    ], 38));
+  }
+});
+export {
+  G as default
+};

package/dist/simcode-ui.es101.js

@@ -0,0 +1,157 @@
+import { defineComponent as x, ref as C, watch as f, computed as _, openBlock as I, createBlock as k } from "vue";
+import { useMenuProvide as T } from "./simcode-ui.es174.js";
+import V from "./simcode-ui.es191.js";
+import b from "./simcode-ui.es192.js";
+import j from "./simcode-ui.es193.js";
+const D = /* @__PURE__ */ x({
+  name: "JMenu",
+  __name: "menu",
+  props: {
+    /**
+     * @zh 菜单数据。
+     */
+    menus: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * @zh 当前激活的菜单项。
+     */
+    activeId: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * @zh 是否折叠。
+     */
+    collapsed: Boolean,
+    /**
+     * @zh 主题。
+     */
+    theme: {
+      type: String,
+      default: "light"
+    },
+    mode: {
+      type: String,
+      default: "inline"
+    }
+  },
+  emits: ["click"],
+  setup(d, { emit: S }) {
+    const t = d, $ = S;
+    let p = {};
+    const u = C("");
+    u.value = t.activeId || "";
+    const M = (e, n, l, m, c) => {
+      l = l || [];
+      for (let i = 0, L = l.length; i < L; i++) {
+        const r = l[i], s = {};
+        s.pid = n, s.indent = m, u.value === r.value && (s.active = !0), Object.keys(r).forEach((y) => {
+          y !== "children" && (s[y] = r[y]);
+        }), c && c.includes(r.value) && (s.open = !0), e.push(s);
+        const g = r.children || [];
+        g.length > 0 && (s.hasChildren = !0, c || (p[s.value] = g), (!c || s.open && !t.collapsed) && M(e, `${n}.${s.value}`, g, m + 1, c));
+      }
+    }, o = (e, n) => {
+      const l = [];
+      return M(l, "0", e, 0, n), l;
+    }, a = C([]);
+    let v = [];
+    const w = () => {
+      p = {}, v = o(t.menus);
+      const e = [];
+      if (u.value && t.mode === "inline") {
+        const n = v.find((l) => l.value === u.value);
+        n && e.push(...n.pid.split("."));
+      }
+      a.value = o(t.menus, e);
+    };
+    f(
+      () => t.menus,
+      () => {
+        w();
+      },
+      {
+        immediate: !0
+      }
+    ), f(
+      () => t.mode,
+      () => {
+        w();
+      }
+    );
+    const A = () => {
+      if (a.value.find((n) => n.active)?.value !== u.value) {
+        const n = v.find((l) => l.value === u.value);
+        if (n) {
+          const l = [];
+          t.mode === "inline" && l.push(...n.pid.split(".")), a.value = o(t.menus, l);
+        }
+      }
+    }, E = _(() => v.find((e) => e.value === u.value));
+    f(
+      () => t.activeId,
+      () => {
+        u.value = t.activeId || "", A();
+      }
+    ), f(
+      () => t.collapsed,
+      () => {
+        if (t.collapsed)
+          a.value = o(t.menus, []);
+        else {
+          const e = [];
+          if (u.value) {
+            const n = v.find((l) => l.value === u.value);
+            n && e.push(...n.pid.split("."));
+          }
+          a.value = o(t.menus, e);
+        }
+      }
+    );
+    const B = _(() => t.theme), h = (e) => {
+      if (console.log(e), e.hasChildren) {
+        if (t.collapsed) return;
+        const n = [];
+        n.push(...e.pid.split(".")), e.open || n.push(e.value);
+        const l = o(t.menus, n), m = new Set(a.value.map((i) => i.value)), c = new Set(l.map((i) => i.value));
+        l.forEach((i) => {
+          m.has(i.value) || (i.entering = !0);
+        }), a.value.forEach((i) => {
+          c.has(i.value) || (i.leaving = !0);
+        }), a.value = l, setTimeout(() => {
+          a.value.forEach((i) => {
+            i.entering = !1, i.leaving = !1;
+          });
+        }, 300);
+      } else {
+        if (u.value === e.value) return;
+        u.value = e.value, $("click", e);
+      }
+    };
+    return T({
+      getMenuMap: () => p,
+      toArray: o,
+      activeMenu: E,
+      activeMenuId: u,
+      theme: B
+    }), (e, n) => d.mode === "inline" ? (I(), k(V, {
+      key: 0,
+      "menu-list": a.value,
+      collapsed: d.collapsed,
+      onClick: h
+    }, null, 8, ["menu-list", "collapsed"])) : d.mode === "horizontal" ? (I(), k(b, {
+      key: 1,
+      "menu-list": a.value,
+      onClick: h
+    }, null, 8, ["menu-list"])) : (I(), k(j, {
+      key: 2,
+      "menu-list": a.value,
+      onClick: h
+    }, null, 8, ["menu-list"]));
+  }
+});
+export {
+  D as default
+};