evui 3.5.0-rc.1 → 3.5.0

package/dist/components/progress/Progress.vue.js

@@ -0,0 +1,88 @@
+import { openBlock as a, createElementBlock as s, createElementVNode as i, normalizeStyle as d, toDisplayString as v, createCommentVNode as u, renderSlot as y, computed as m } from "vue";
+/* empty css              */
+import g from "../../_virtual/_plugin-vue_export-helper.js";
+const h = {
+  name: "EvProgress",
+  props: {
+    modelValue: {
+      type: Number,
+      default: 0,
+      validator: (e) => e >= 0 && e <= 100
+    },
+    color: {
+      type: [String, Array],
+      default: "#409EFF"
+    },
+    strokeWidth: {
+      type: Number,
+      default: 6
+    },
+    innerText: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: {},
+  setup(e) {
+    const c = m(() => ({
+      height: `${e.strokeWidth}px`
+    })), o = m(() => {
+      if (Array.isArray(e.color)) {
+        const t = [...e.color].sort((r, n) => r.value - n.value);
+        let l = t[0].color;
+        if (!e.modelValue)
+          return {
+            width: `${e.modelValue}%`,
+            "background-color": l
+          };
+        for (let r = 0; r < t.length; r++) {
+          const n = r === 0 ? 0 : t[r - 1].value, f = t[r].value;
+          if (e.modelValue > n && e.modelValue <= f) {
+            l = t[r].color;
+            break;
+          }
+        }
+        return {
+          width: `${e.modelValue}%`,
+          "background-color": l
+        };
+      }
+      return {
+        width: `${e.modelValue}%`,
+        "background-color": e.color
+      };
+    });
+    return {
+      wrapperStyle: c,
+      innerStyle: o
+    };
+  }
+}, _ = { class: "ev-progress" }, V = {
+  key: 0,
+  class: "ev-progress-inner-text"
+}, k = {
+  key: 0,
+  class: "ev-progress-label"
+};
+function S(e, c, o, t, l, r) {
+  return a(), s("div", _, [
+    i("div", {
+      class: "ev-progress-wrapper",
+      style: d(t.wrapperStyle)
+    }, [
+      i("div", {
+        class: "ev-progress-inner",
+        style: d(t.innerStyle)
+      }, [
+        o.innerText ? (a(), s("div", V, v(o.innerText), 1)) : u("", !0)
+      ], 4)
+    ], 4),
+    e.$slots.default ? (a(), s("div", k, [
+      y(e.$slots, "default")
+    ])) : u("", !0)
+  ]);
+}
+const x = /* @__PURE__ */ g(h, [["render", S]]);
+export {
+  x as default
+};

package/dist/components/progress/index.js

@@ -0,0 +1,7 @@
+import o from "./Progress.vue.js";
+o.install = (e) => {
+  e.component(o.name, o);
+};
+export {
+  o as default
+};

package/dist/components/radio/Radio.vue.js

@@ -0,0 +1,75 @@
+import { openBlock as i, createElementBlock as s, normalizeClass as m, withDirectives as v, createElementVNode as r, withModifiers as b, vModelRadio as f, renderSlot as g, Fragment as p, createTextVNode as h, toDisplayString as y, inject as u, computed as c, nextTick as k } from "vue";
+/* empty css           */
+import S from "../../_virtual/_plugin-vue_export-helper.js";
+const V = {
+  name: "EvRadio",
+  props: {
+    modelValue: {
+      type: [String, Number, Symbol, Boolean],
+      default: null
+    },
+    label: {
+      type: [String, Number, Symbol, Boolean],
+      default: null
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    size: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: {
+    "update:modelValue": null,
+    change: null
+  },
+  setup(t, { emit: l }) {
+    const e = u(
+      "EvRadioGroupMv",
+      c({
+        get: () => t.modelValue,
+        set: (o) => l("update:modelValue", o)
+      })
+    ), a = u("EvRadioGroupChange", async (o) => {
+      await k(), l("change", e.value, o);
+    }), n = c(() => e.value === t.label);
+    return {
+      mv: e,
+      checked: n,
+      changeMv: a
+    };
+  }
+}, E = ["value", "disabled"], M = { class: "ev-radio-label" };
+function _(t, l, e, a, n, o) {
+  return i(), s("label", {
+    class: m(["ev-radio", [
+      {
+        disabled: e.disabled,
+        checked: a.checked
+      },
+      e.size
+    ]])
+  }, [
+    v(r("input", {
+      "onUpdate:modelValue": l[0] || (l[0] = (d) => a.mv = d),
+      type: "radio",
+      class: "ev-radio-input",
+      value: e.label,
+      disabled: e.disabled,
+      onChange: l[1] || (l[1] = b((...d) => a.changeMv && a.changeMv(...d), ["stop"]))
+    }, null, 40, E), [
+      [f, a.mv]
+    ]),
+    r("span", M, [
+      t.$slots.default ? g(t.$slots, "default", { key: 0 }) : (i(), s(p, { key: 1 }, [
+        h(y(e.label), 1)
+      ], 64))
+    ])
+  ], 2);
+}
+const w = /* @__PURE__ */ S(V, [["render", _]]);
+export {
+  w as default
+};

package/dist/components/radio/index.js

@@ -0,0 +1,7 @@
+import o from "./Radio.vue.js";
+o.install = (a) => {
+  a.component(o.name, o);
+};
+export {
+  o as default
+};

package/dist/components/radioGroup/RadioGroup.vue.js

@@ -0,0 +1,37 @@
+import { openBlock as l, createElementBlock as u, normalizeClass as p, renderSlot as d, computed as c, provide as r, nextTick as s } from "vue";
+import i from "../../_virtual/_plugin-vue_export-helper.js";
+const m = {
+  name: "EvRadioGroup",
+  props: {
+    modelValue: {
+      type: [String, Number, Symbol, Boolean],
+      default: null
+    },
+    type: {
+      type: String,
+      default: "radio"
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(t, { emit: a }) {
+    const e = c({
+      get: () => t.modelValue,
+      set: (o) => a("update:modelValue", o)
+    });
+    r("EvRadioGroupMv", e), r("EvRadioGroupChange", async (o) => {
+      await s(), a("change", e.value, o);
+    });
+  }
+};
+function f(t, a, e, n, o, g) {
+  return l(), u("div", {
+    class: p(["ev-radio-group", { "type-button": e.type === "button" }]),
+    role: "group"
+  }, [
+    d(t.$slots, "default")
+  ], 2);
+}
+const _ = /* @__PURE__ */ i(m, [["render", f]]);
+export {
+  _ as default
+};

package/dist/components/radioGroup/index.js

@@ -0,0 +1,7 @@
+import o from "./RadioGroup.vue.js";
+o.install = (a) => {
+  a.component(o.name, o);
+};
+export {
+  o as default
+};

package/dist/components/scheduler/Scheduler.vue.js

@@ -0,0 +1,128 @@
+import { openBlock as r, createElementBlock as s, normalizeClass as f, createElementVNode as m, Fragment as i, renderList as v, mergeProps as L, withModifiers as _, toHandlerKey as M, toRefs as B } from "vue";
+import { useModel as g, useEvent as k } from "./uses.js";
+/* empty css               */
+import p from "../../_virtual/_plugin-vue_export-helper.js";
+const A = {
+  name: "EvScheduler",
+  props: {
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    colLabels: {
+      type: Array,
+      default: () => [
+        '<span style="color: #FF0000">SUN</span>',
+        "MON",
+        "TUE",
+        "WED",
+        "THU",
+        "FRI",
+        '<span style="color: #0006F9">SAT</span>'
+      ]
+    },
+    rowLabels: {
+      type: Array,
+      default: () => [
+        "00:00",
+        "01:00",
+        "02:00",
+        "03:00",
+        "04:00",
+        "05:00",
+        "06:00",
+        "07:00",
+        "08:00",
+        "09:00",
+        "10:00",
+        "11:00",
+        "12:00",
+        "13:00",
+        "14:00",
+        "15:00",
+        "16:00",
+        "17:00",
+        "18:00",
+        "19:00",
+        "20:00",
+        "21:00",
+        "22:00",
+        "23:00"
+      ]
+    }
+  },
+  emits: {
+    "update:modelValue": Array,
+    change: Array
+  },
+  setup() {
+    const { mv: u, validateValue: a } = g();
+    a();
+    const {
+      mousePos: l,
+      selectionStyle: o,
+      mousedownBox: y,
+      mouseupBox: b,
+      mousemoveBox: n,
+      mouseleaveBoxArea: e,
+      selectColumn: c,
+      selectRow: t
+    } = k({ mv: u });
+    return {
+      mv: u,
+      selectionStyle: o,
+      mousedownBox: y,
+      mouseupBox: b,
+      mousemoveBox: n,
+      mouseleaveBoxArea: e,
+      selectColumn: c,
+      selectRow: t,
+      ...B(l)
+    };
+  }
+}, E = { class: "ev-scheduler-header" }, h = ["onClick", "innerHTML"], C = ["onClick", "innerHTML"], T = ["onMousedown", "onMouseup"];
+function H(u, a, l, o, y, b) {
+  return r(), s("table", {
+    class: f(["ev-scheduler", { draggable: !!u.dragEventName }])
+  }, [
+    m("thead", null, [
+      m("tr", E, [
+        a[1] || (a[1] = m("td", null, null, -1)),
+        (r(!0), s(i, null, v(l.colLabels.length, (n, e) => (r(), s("td", {
+          key: `${n}_${e}_header`,
+          class: "ev-scheduler-header-label",
+          onClick: (c) => o.selectColumn(e),
+          innerHTML: l.colLabels[e]
+        }, null, 8, h))), 128))
+      ])
+    ]),
+    m("tbody", {
+      onMouseleave: a[0] || (a[0] = (...n) => o.mouseleaveBoxArea && o.mouseleaveBoxArea(...n))
+    }, [
+      (r(!0), s(i, null, v(l.rowLabels.length, (n, e) => (r(), s("tr", {
+        key: `${n}_${e}_body`,
+        class: "ev-scheduler-body"
+      }, [
+        (r(), s("td", {
+          key: `${n}_${e}_${l.rowLabels[e]}`,
+          class: "ev-scheduler-body-label",
+          onClick: (c) => o.selectRow(e),
+          innerHTML: l.rowLabels[e]
+        }, null, 8, C)),
+        (r(!0), s(i, null, v(l.colLabels.length, (c, t) => (r(), s("td", L({
+          key: `${c}_${e}_${t}_body`,
+          class: ["ev-scheduler-body-box", { selected: o.mv[e][t] }],
+          style: o.selectionStyle(e, t),
+          onMousedown: _((d) => o.mousedownBox(e, t, d), ["stop", "prevent"]),
+          onMouseup: _((d) => o.mouseupBox(e, t), ["stop", "prevent"])
+        }, {
+          [M(`${u.dragEventName}`)]: (d) => o.mousemoveBox(e, t)
+        }), null, 16, T))), 128))
+      ]))), 128))
+    ], 32)
+  ], 2);
+}
+const R = /* @__PURE__ */ p(A, [["render", H]]);
+export {
+  R as default
+};

package/dist/components/scheduler/index.js

@@ -0,0 +1,7 @@
+import e from "./Scheduler.vue.js";
+e.install = (o) => {
+  o.component(e.name, e);
+};
+export {
+  e as default
+};

package/dist/components/scheduler/uses.js

@@ -0,0 +1,73 @@
+import { getCurrentInstance as i, computed as v, reactive as f } from "vue";
+const R = (t, n) => Array.from(Array(t), () => Array(n).fill(!1)), A = () => {
+  const { props: t, emit: n } = i(), e = v({
+    get: () => t.modelValue.length !== t.rowLabels.length || !t.modelValue[0] || t.modelValue[0].length !== t.colLabels.length ? R(t.rowLabels.length, t.colLabels.length) : t.modelValue,
+    set: (d) => {
+      n("update:modelValue", d), n("change", d);
+    }
+  });
+  return {
+    mv: e,
+    validateValue: () => {
+      (t.modelValue.length !== t.rowLabels.length || !t.modelValue[0] || t.modelValue[0].length !== t.colLabels.length) && (e.value = [...R(t.rowLabels.length, t.colLabels.length)]);
+    }
+  };
+}, L = (t) => {
+  const { mv: n } = t, e = f({
+    startRow: null,
+    startCol: null,
+    dragRow: null,
+    dragCol: null,
+    endRow: null,
+    endCol: null,
+    dragEventName: null
+  }), C = (l, o) => {
+    if (e.dragCol === null || e.dragRow === null)
+      return {};
+    const s = e.startRow < e.dragRow ? e.startRow : e.dragRow, a = e.startRow > e.dragRow ? e.startRow : e.dragRow, m = e.startCol < e.dragCol ? e.startCol : e.dragCol, g = e.startCol > e.dragCol ? e.startCol : e.dragCol;
+    if (s > l || a < l || m > o || g < o)
+      return {};
+    const u = "2px solid #5292F7";
+    let r = {};
+    return l === s && (r = { ...r, "border-top": u }), l === a && (r = { ...r, "border-bottom": u }), o === m && (r = { ...r, "border-left": u }), o === g && (r = { ...r, "border-right": u }), r;
+  }, d = (l, o) => {
+    e.startRow = l, e.startCol = o, e.dragRow = l, e.dragCol = o, e.dragEventName = "mousemove";
+  }, w = (l, o) => {
+    if (!e.dragEventName)
+      return;
+    e.endRow = l, e.endCol = o, e.dragEventName = null;
+    const s = [...n.value], a = e.startRow < e.endRow ? e.startRow : e.endRow, m = e.startRow > e.endRow ? e.startRow : e.endRow, g = e.startCol < e.endCol ? e.startCol : e.endCol, u = e.startCol > e.endCol ? e.startCol : e.endCol;
+    for (let r = a; r <= m; r++)
+      for (let c = g; c <= u; c++)
+        s[r][c] = !s[r][c];
+    n.value = [...s], e.dragRow = null, e.dragCol = null;
+  };
+  return {
+    mousePos: e,
+    selectionStyle: C,
+    mousedownBox: d,
+    mouseupBox: w,
+    mousemoveBox: (l, o) => {
+      e.dragRow = l, e.dragCol = o;
+    },
+    mouseleaveBoxArea: () => {
+      w(e.dragRow, e.dragCol);
+    },
+    selectColumn: (l) => {
+      const o = [...n.value], s = o[0][l];
+      for (let a = 0; a < o.length; a++)
+        o[a][l] = !s;
+      n.value = [...o];
+    },
+    selectRow: (l) => {
+      const o = [...n.value], s = o[l][0];
+      for (let a = 0; a < o[0].length; a++)
+        o[l][a] = !s;
+      n.value = [...o];
+    }
+  };
+};
+export {
+  L as useEvent,
+  A as useModel
+};