@a2simcode/ui 0.0.43 → 0.0.45

package/dist/simcode-ui.es100.js

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

@@ -1,157 +0,0 @@
-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
-};