@orchidui/dashboard 0.0.1 → 0.2.0

package/dist/Dashboard/ColorPicker/components/converters.js

@@ -0,0 +1,100 @@
+const d = (n) => {
+  const o = /^rgb\((\s*\d+\s*),(\s*\d+\s*),(\s*\d+\s*)\)$/i;
+  if (!o.test(n))
+    return null;
+  const t = o.exec(n);
+  if (!t)
+    return null;
+  const e = parseInt(t[1].trim(), 10), r = parseInt(t[2].trim(), 10), s = parseInt(t[3].trim(), 10);
+  return {
+    r: e,
+    g: r,
+    b: s
+  };
+}, m = (n) => {
+  const o = /^rgba?\((\s*\d+\s*),(\s*\d+\s*),(\s*\d+\s*),(\s*[\d.]+\s*)\)$/i;
+  if (!o.test(n))
+    return null;
+  const t = o.exec(n);
+  if (!t)
+    return null;
+  const e = parseInt(t[1].trim(), 10), r = parseInt(t[2].trim(), 10), s = parseInt(t[3].trim(), 10), i = parseFloat(t[4].trim());
+  return {
+    r: e,
+    g: r,
+    b: s,
+    a: i
+  };
+}, x = (n) => {
+  const o = /^#?([a-f\d]{8})$/i;
+  if (!o.test(n))
+    return null;
+  const t = o.exec(n);
+  if (!t)
+    return null;
+  const e = t[1], r = e.substring(6, 8), s = parseInt(e.substring(0, 2), 16), i = parseInt(e.substring(2, 4), 16), c = parseInt(e.substring(4, 6), 16), f = parseInt(r, 16) / 255;
+  return { r: s, g: i, b: c, a: f };
+}, p = (n, o, t, e) => {
+  function r(a) {
+    const u = a.toString(16);
+    return u.length === 1 ? "0" + u : u;
+  }
+  const s = r(Math.round(n)), i = r(Math.round(o)), c = r(Math.round(t)), f = r(Math.round(e * 255));
+  return `#${s}${i}${c}${f}`;
+}, h = (n) => {
+  var o;
+  try {
+    let t = (o = n.replace(
+      /^#?([a-f\d])([a-f\d])([a-f\d])$/i,
+      // @ts-ignore
+      (i, c, f, a) => "#" + c + c + f + f + a + a
+    ).substring(1).match(/.{2}/g)) == null ? void 0 : o.map((i) => parseInt(i, 16)), e = t == null ? void 0 : t[0], r = t == null ? void 0 : t[1], s = t == null ? void 0 : t[2];
+    return Number.isNaN(e) || Number.isNaN(r) || Number.isNaN(s) || e === void 0 || r === void 0 || s === void 0 ? null : {
+      r: e,
+      g: r,
+      b: s
+    };
+  } catch {
+    return null;
+  }
+}, M = (n, o, t) => {
+  n = n / 255, o = o / 255, t = t / 255;
+  const e = Math.max(n, o, t), r = Math.min(n, o, t);
+  let s;
+  return e === n ? s = (o - t) / (e - r) : e === o ? s = 2 + (t - n) / (e - r) : s = 4 + (n - o) / (e - r), s *= 60, s < 0 && (s += 360), Number.isNaN(s) && (s = 0), s;
+}, b = (n, o, t) => {
+  o = o / 100, t = t / 100;
+  let e, r, s, i = [];
+  return e = (1 - Math.abs(2 * t - 1)) * o, r = e * (1 - Math.abs(n / 60 % 2 - 1)), s = t - e / 2, n >= 0 && n < 60 && (i = [e, r, 0]), n >= 60 && n < 120 && (i = [r, e, 0]), n >= 120 && n < 180 && (i = [0, e, r]), n >= 180 && n < 240 && (i = [0, r, e]), n >= 240 && n < 300 && (i = [r, 0, e]), n >= 300 && n <= 360 && (i = [e, 0, r]), i.map((c) => Math.round(255 * (c + s)));
+}, g = (n, o, t) => "#" + (16777216 + (t | o << 8 | n << 16)).toString(16).slice(1), N = (n, o, t) => {
+  let e = b(n, o, t);
+  return { rgb: e, hexA: g(e[0], e[1], e[2]) };
+}, I = (n, o, t) => {
+  let e, r, s, i, c, f, a = 0, u = [];
+  for (u[0] = n / 255, u[1] = o / 255, u[2] = t / 255, e = u[0], r = u[0], f = 0, s = 0; s < u.length - 1; s++)
+    u[s + 1] <= e && (e = u[s + 1]), u[s + 1] >= r && (r = u[s + 1], f = s + 1);
+  return f === 0 && (a = (u[1] - u[2]) / (r - e)), f === 1 && (a = 2 + (u[2] - u[0]) / (r - e)), f === 2 && (a = 4 + (u[0] - u[1]) / (r - e)), isNaN(a) && (a = 0), a = a * 60, a < 0 && (a = a + 360), i = (e + r) / 2, e === r ? c = 0 : i < 0.5 ? c = (r - e) / (r + e) : c = (r - e) / (2 - r - e), c = c, { h: a, s: c, l: i };
+}, R = (n, o, t) => {
+  n = n % 360 / 360, o = Math.min(1, Math.max(0, o)), t = Math.min(1, Math.max(0, t));
+  let e, r, s;
+  if (o === 0)
+    e = r = s = t;
+  else {
+    const i = (a, u, l) => (l < 0 && (l += 1), l > 1 && (l -= 1), l < 0.16666666666666666 ? a + (u - a) * 6 * l : l < 0.5 ? u : l < 0.6666666666666666 ? a + (u - a) * (0.6666666666666666 - l) * 6 : a), c = t < 0.5 ? t * (1 + o) : t + o - t * o, f = 2 * t - c;
+    e = i(f, c, n + 0.3333333333333333), r = i(f, c, n), s = i(f, c, n - 0.3333333333333333);
+  }
+  return e = Math.round(e * 255), r = Math.round(r * 255), s = Math.round(s * 255), { r: e, g: r, b: s };
+};
+export {
+  x as hex8ToRgba,
+  h as hexToRgb,
+  N as hsl2Hex,
+  b as hsl2Rgb,
+  R as hslToRgb,
+  d as parseRgb,
+  m as parseRgba,
+  g as rgb2Hex,
+  I as rgbToHsl,
+  M as rgbToHue,
+  p as rgbaToHex8
+};

package/dist/Dashboard/DataTable/utils/editColumnsUtils.js

@@ -0,0 +1,29 @@
+const r = (t = [], i = []) => {
+  const c = {
+    fixed: {},
+    active: {}
+  };
+  return t.forEach((e) => {
+    c.fixed[e.key] = e.isActive;
+  }), i.forEach((e) => {
+    c.active[e.key] = e.isActive;
+  }), JSON.stringify(c);
+}, n = (t, i, c) => {
+  const e = t ? JSON.parse(t) : null;
+  return e ? [...Object.keys(e.fixed), ...Object.keys(e.active)].length !== i.length ? (localStorage.removeItem(c), { fixed: null, active: null }) : {
+    fixed: Object.keys(e.fixed).map((o) => ({
+      ...i.find((a) => a.key === o) || {},
+      isActive: e.fixed[o]
+    })),
+    active: Object.keys(e.active).map((o) => ({
+      ...i.find((a) => a.key === o) || {},
+      isActive: e.active[o]
+    }))
+  } : { fixed: null, active: null };
+}, s = (t, i) => localStorage.setItem(t, i), l = (t) => localStorage.getItem(t);
+export {
+  n as formatHeadersFromLocalStorage,
+  r as formatHeadersToLocalStorage,
+  l as getFromLocalStorage,
+  s as setInLocalStorage
+};

package/dist/Dashboard/TextEditor/QuillEditor.js

@@ -0,0 +1,5 @@
+import { a as t } from "../../QuillEditor-CEkhRyf0.js";
+import "vue";
+export {
+  t as QuillEditor
+};

package/dist/Dashboard/composables/useChart.js

@@ -0,0 +1,25 @@
+import { ref as i, onMounted as s, onBeforeUnmount as u, watch as v, markRaw as l } from "vue";
+import * as d from "echarts";
+const p = (t, r) => {
+  const e = i(), a = () => {
+    t.value && (e.value = l(d.init(t.value)), e.value.setOption(r.value));
+  }, n = () => {
+    e.value && e.value.dispose(), a();
+  };
+  return s(() => {
+    a(), window.addEventListener("resize", n);
+  }), u(() => {
+    e.value && e.value.dispose(), window.removeEventListener("resize", n);
+  }), v(
+    () => r.value,
+    (o) => {
+      e.value.setOption(o);
+    },
+    { deep: !0 }
+  ), {
+    chart: e
+  };
+};
+export {
+  p as useChart
+};

package/dist/OcBarChart-CgKo9rAM.js

@@ -0,0 +1,116 @@
+import { computed as s, ref as n, openBlock as p, createElementBlock as c } from "vue";
+import { useChart as m } from "./Dashboard/composables/useChart.js";
+const x = {
+  __name: "OcBarChart",
+  props: {
+    variant: {
+      type: String,
+      validator: (r) => ["primary", "purple"].includes(r)
+    },
+    showTooltip: Boolean,
+    showLegend: Boolean,
+    showGrid: Boolean,
+    chartData: Array,
+    labelData: Array,
+    yAxisFormatter: Function,
+    xAxisFormatter: Function,
+    tooltipFormatter: Function,
+    tooltipValueFormatter: Function
+  },
+  setup(r) {
+    const t = r, a = {
+      primary: "#2465DE",
+      purple: "#B14AED"
+    }, l = s(() => ({
+      xAxis: {
+        type: "category",
+        data: t.labelData,
+        axisTick: {
+          show: !1
+        },
+        axisLabel: {
+          color: "#9295A5",
+          formatter: t.xAxisFormatter
+        },
+        axisLine: {
+          lineStyle: {
+            color: "#F2F2F4"
+          }
+        }
+      },
+      yAxis: {
+        type: "value",
+        splitLine: {
+          show: !1
+        },
+        axisLabel: {
+          color: "#9295A5",
+          formatter: t.yAxisFormatter
+        }
+      },
+      grid: {
+        show: t.showGrid,
+        right: "10px",
+        left: 0,
+        top: "10px",
+        bottom: 0,
+        containLabel: !0
+      },
+      legend: {
+        show: t.showLegend
+      },
+      tooltip: {
+        show: t.showTooltip,
+        padding: 0,
+        borderWidth: 0,
+        borderRadius: 8,
+        formatter: (e) => {
+          if (t.tooltipFormatter)
+            return t.tooltipFormatter(e);
+          let o = e.value;
+          return t.tooltipValueFormatter && (o = t.tooltipValueFormatter(o)), `
+        <div class="py-3 px-4 leading-normal">
+            <div class="flex w-full justify-between items-center">
+                <span class="uppercase text-[10px] font-medium">
+                    ${e.name}
+                </span>
+            </div>
+            <div class="text-oc-text font-medium text-[12px]">${o}</div>
+        </div>
+
+      `;
+        }
+      },
+      series: [
+        {
+          data: t.chartData,
+          type: "bar",
+          smooth: !0,
+          showSymbol: !1,
+          itemStyle: {
+            color: a[t.variant],
+            opacity: 0.5,
+            borderRadius: [4, 4, 0, 0]
+            // Sets a 4pt radius for the top-left and top-right corners
+          },
+          emphasis: {
+            itemStyle: {
+              color: a[t.variant],
+              opacity: 1,
+              borderRadius: [4, 4, 0, 0]
+              // Reapply the 4pt radius for emphasis states
+            }
+          }
+        }
+      ]
+    })), i = n();
+    return m(i, l), (e, o) => (p(), c("div", {
+      ref_key: "barChart",
+      ref: i,
+      class: "w-full"
+    }, null, 512));
+  }
+};
+export {
+  x as default
+};

package/dist/OcBarRaceChart-Cu4K9WI5.js

@@ -0,0 +1,140 @@
+import { computed as d, ref as h, openBlock as i, createElementBlock as s, createElementVNode as l, Fragment as m, renderList as u, toDisplayString as f } from "vue";
+import { useChart as x } from "./Dashboard/composables/useChart.js";
+const y = { class: "grid grid-cols-2" }, v = { class: "pt-4 pb-7 flex flex-col h-[100%]" }, b = { class: "text-[14px] flex flex-1 items-center justify-start pr-2" }, g = { class: "truncate" }, _ = {
+  __name: "OcBarRaceChart",
+  props: {
+    variant: {
+      type: String,
+      validator: (a) => ["primary", "purple"].includes(a)
+    },
+    showTooltip: Boolean,
+    showLegend: Boolean,
+    showGrid: Boolean,
+    chartData: Array,
+    labelData: Array,
+    legendData: Array,
+    yAxisFormatter: Function,
+    tooltipFormatter: Function,
+    tooltipValueFormatter: Function
+  },
+  setup(a) {
+    const t = a, r = {
+      primary: "#2465DE",
+      purple: "#B14AED"
+    }, c = d(() => ({
+      xAxis: {
+        show: !1,
+        type: "value"
+      },
+      yAxis: {
+        inverse: !0,
+        data: t.labelData,
+        type: "category",
+        axisLine: {
+          show: !1
+        },
+        axisTick: {
+          show: !1
+        },
+        splitLine: {
+          show: !1
+        },
+        axisLabel: {
+          color: "#03102F",
+          fontWeight: 500,
+          formatter: t.yAxisFormatter,
+          fontSize: 14
+        }
+      },
+      grid: {
+        show: t.showGrid,
+        right: 0,
+        left: 0,
+        top: "10px",
+        bottom: 0,
+        containLabel: !0
+      },
+      legend: {
+        show: t.showLegend
+      },
+      tooltip: {
+        show: t.showTooltip,
+        padding: 0,
+        borderWidth: 0,
+        formatter: (e) => {
+          if (t.tooltipFormatter)
+            return t.tooltipFormatter(e);
+          let o = e.value;
+          return t.tooltipValueFormatter && (o = t.tooltipValueFormatter(o)), `
+        <div class="py-3 px-4 leading-normal">
+            <div class="flex w-full justify-between items-center">
+                <span class="uppercase text-[10px] font-medium">
+                    ${e.name}
+                </span>
+            </div>
+            <div class="text-oc-text font-medium text-[12px]">${o}</div>
+        </div>
+
+      `;
+        }
+      },
+      series: [
+        {
+          data: t.chartData,
+          type: "bar",
+          smooth: !0,
+          showSymbol: !1,
+          label: {
+            show: !0,
+            position: "insideLeft",
+            color: "#03102F",
+            opacity: 1,
+            align: "left",
+            padding: [0, 0],
+            fontWeight: 300,
+            fontSize: 12
+          },
+          barGap: 0,
+          itemStyle: {
+            color: r[t.variant],
+            opacity: 0.2,
+            borderRadius: [0, 4, 4, 0]
+          },
+          emphasis: {
+            itemStyle: {
+              color: r[t.variant]
+            }
+          }
+        },
+        {
+          data: t.chartData.map((e) => Math.max(...t.chartData) * 2e-3),
+          type: "bar",
+          smooth: !0,
+          showSymbol: !1,
+          label: {
+            show: !1
+          },
+          barGap: "-100%",
+          itemStyle: {
+            color: r[t.variant]
+          }
+        }
+      ]
+    })), n = h();
+    return x(n, c), (e, o) => (i(), s("div", y, [
+      l("div", v, [
+        (i(!0), s(m, null, u(a.legendData, (p) => (i(), s("div", b, [
+          l("div", g, f(p), 1)
+        ]))), 256))
+      ]),
+      l("div", {
+        ref_key: "barRaceChart",
+        ref: n,
+        class: "h-full"
+      }, null, 512)
+    ]));
+  }
+};
+export {
+  _ as default
+};