@oneflowui/ui 0.5.0 → 0.5.2

package/dist/components/Dashboard/charts/BarChart.vue.js

@@ -1,7 +1,7 @@
 import o from "./BarChart.vue2.js";
 /* empty css              */
 import r from "../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-314d77da"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-1f29fef2"]]);
 export {
-  p as default
+  m as default
 };

package/dist/components/Dashboard/charts/BarChart.vue2.js

@@ -1,6 +1,9 @@
-import { defineComponent as i, ref as l, onMounted as n, onUnmounted as d, watch as c, openBlock as u, createElementBlock as f, createElementVNode as p } from "vue";
-import * as x from "echarts";
-const m = { class: "of-dashboard-chart" }, b = /* @__PURE__ */ i({
+import { defineComponent as s, ref as l, onMounted as n, onUnmounted as d, watch as c, openBlock as u, createElementBlock as f, createElementVNode as p } from "vue";
+import * as m from "echarts/core";
+import "echarts/charts";
+import "echarts/components";
+import "echarts/renderers";
+const x = { class: "of-dashboard-chart" }, A = /* @__PURE__ */ s({
   __name: "BarChart",
   props: {
     title: { default: "" },
@@ -9,11 +12,11 @@ const m = { class: "of-dashboard-chart" }, b = /* @__PURE__ */ i({
     data: { default: () => [120, 200, 150, 80, 70, 110, 130] },
     colors: { default: () => ["#3b82f6"] }
   },
-  setup(s) {
-    const e = s, a = l(null);
+  setup(i) {
+    const e = i, a = l(null);
     let t = null, o = null;
     const r = () => {
-      a.value && (t || (t = x.init(a.value)), t.setOption({
+      a.value && (t || (t = m.init(a.value)), t.setOption({
         color: e.colors,
         title: e.title ? { text: e.title, left: "center", textStyle: { fontSize: 14, fontWeight: 600 } } : void 0,
         tooltip: { trigger: "axis", axisPointer: { type: "shadow" } },
@@ -29,7 +32,7 @@ const m = { class: "of-dashboard-chart" }, b = /* @__PURE__ */ i({
       o == null || o.disconnect(), t == null || t.dispose();
     }), c(() => [e.title, e.xAxisData, e.seriesName, e.data, e.colors], r, {
       deep: !0
-    }), (h, _) => (u(), f("div", m, [
+    }), (h, _) => (u(), f("div", x, [
       p("div", {
         ref_key: "chartRef",
         ref: a,
@@ -39,5 +42,5 @@ const m = { class: "of-dashboard-chart" }, b = /* @__PURE__ */ i({
   }
 });
 export {
-  b as default
+  A as default
 };

package/dist/components/Dashboard/charts/PieChart.vue.js

@@ -1,7 +1,7 @@
 import o from "./PieChart.vue2.js";
 /* empty css              */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d60e9301"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-86369a41"]]);
 export {
-  m as default
+  p as default
 };

package/dist/components/Dashboard/charts/PieChart.vue2.js

@@ -1,6 +1,9 @@
 import { defineComponent as r, ref as s, onMounted as d, onUnmounted as i, watch as u, openBlock as f, createElementBlock as c, createElementVNode as p } from "vue";
-import * as h from "echarts";
-const m = { class: "of-dashboard-chart" }, b = /* @__PURE__ */ r({
+import * as m from "echarts/core";
+import "echarts/charts";
+import "echarts/components";
+import "echarts/renderers";
+const h = { class: "of-dashboard-chart" }, x = /* @__PURE__ */ r({
   __name: "PieChart",
   props: {
     title: { default: "" },
@@ -17,7 +20,7 @@ const m = { class: "of-dashboard-chart" }, b = /* @__PURE__ */ r({
     const e = l, o = s(null);
     let t = null, n = null;
     const a = () => {
-      o.value && (t || (t = h.init(o.value)), t.setOption({
+      o.value && (t || (t = m.init(o.value)), t.setOption({
         color: e.colors,
         title: e.title ? { text: e.title, left: "center", textStyle: { fontSize: 14, fontWeight: 600 } } : void 0,
         tooltip: { trigger: "item" },
@@ -39,7 +42,7 @@ const m = { class: "of-dashboard-chart" }, b = /* @__PURE__ */ r({
       n == null || n.disconnect(), t == null || t.dispose();
     }), u(() => [e.title, e.data, e.colors, e.doughnut, e.showLegend], a, {
       deep: !0
-    }), (v, g) => (f(), c("div", m, [
+    }), (v, g) => (f(), c("div", h, [
       p("div", {
         ref_key: "chartRef",
         ref: o,
@@ -49,5 +52,5 @@ const m = { class: "of-dashboard-chart" }, b = /* @__PURE__ */ r({
   }
 });
 export {
-  b as default
+  x as default
 };

package/dist/components/Dashboard/index.vue.js

@@ -1,7 +1,7 @@
 import o from "./index.vue2.js";
 /* empty css           */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-b4680c55"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-057c6d49"]]);
 export {
   p as default
 };

package/dist/components/Dashboard/index.vue2.js

@@ -1,10 +1,5 @@
-import { defineComponent as m, computed as l, openBlock as t, createElementBlock as r, createElementVNode as o, toDisplayString as p, normalizeStyle as s, Fragment as u, renderList as f, createBlock as b, resolveDynamicComponent as h, mergeProps as _ } from "vue";
-import y from "./charts/BarChart.vue.js";
-import g from "./charts/PieChart.vue.js";
-import S from "./charts/DoughnutChart.vue.js";
-import v from "./charts/NumberCard.vue.js";
-import k from "./charts/TableChart.vue.js";
-const C = { class: "of-dashboard" }, D = { class: "of-dashboard__header" }, x = { class: "of-dashboard__title" }, M = /* @__PURE__ */ m({
+import { defineComponent as m, defineAsyncComponent as t, computed as s, openBlock as o, createElementBlock as r, createElementVNode as n, toDisplayString as u, normalizeStyle as i, Fragment as f, renderList as b, createBlock as y, resolveDynamicComponent as _, mergeProps as h } from "vue";
+const g = { class: "of-dashboard" }, S = { class: "of-dashboard__header" }, v = { class: "of-dashboard__title" }, C = /* @__PURE__ */ m({
   __name: "index",
   props: {
     title: { default: "Dashboard" },
@@ -12,17 +7,17 @@ const C = { class: "of-dashboard" }, D = { class: "of-dashboard__header" }, x =
     columns: { default: 4 },
     gap: { default: 16 }
   },
-  setup(n) {
-    const a = n, i = {
-      bar: y,
-      pie: g,
-      doughnut: S,
-      "number-card": v,
-      table: k
-    }, d = l(() => ({
+  setup(l) {
+    const a = l, d = {
+      bar: t(() => import("./charts/BarChart.vue.js")),
+      pie: t(() => import("./charts/PieChart.vue.js")),
+      doughnut: t(() => import("./charts/DoughnutChart.vue2.js")),
+      "number-card": t(() => import("./charts/NumberCard.vue.js")),
+      table: t(() => import("./charts/TableChart.vue.js"))
+    }, c = s(() => ({
       gridTemplateColumns: `repeat(${a.columns}, minmax(0, 1fr))`,
       gap: `${a.gap}px`
-    })), c = l(() => a.widgets.length > 0 ? a.widgets : [
+    })), p = s(() => a.widgets.length > 0 ? a.widgets : [
       {
         id: "metric-1",
         type: "number-card",
@@ -74,23 +69,23 @@ const C = { class: "of-dashboard" }, D = { class: "of-dashboard__header" }, x =
         colSpan: 4
       }
     ]);
-    return (T, E) => (t(), r("section", C, [
-      o("header", D, [
-        o("h3", x, p(n.title), 1)
+    return (k, D) => (o(), r("section", g, [
+      n("header", S, [
+        n("h3", v, u(l.title), 1)
       ]),
-      o("div", {
+      n("div", {
         class: "of-dashboard__grid",
-        style: s(d.value)
+        style: i(c.value)
       }, [
-        (t(!0), r(u, null, f(c.value, (e) => (t(), r("article", {
+        (o(!0), r(f, null, b(p.value, (e) => (o(), r("article", {
           key: e.id,
           class: "of-dashboard__item",
-          style: s({
+          style: i({
             gridColumn: `span ${e.colSpan ?? 1}`,
             gridRow: `span ${e.rowSpan ?? 1}`
           })
         }, [
-          (t(), b(h(i[e.type]), _({
+          (o(), y(_(d[e.type]), h({
             title: e.title,
             data: e.data
           }, { ref_for: !0 }, e.config ?? {}), null, 16, ["title", "data"]))
@@ -100,5 +95,5 @@ const C = { class: "of-dashboard" }, D = { class: "of-dashboard__header" }, x =
   }
 });
 export {
-  M as default
+  C as default
 };

package/dist/components/editor/RichTextEditor.vue2.js

@@ -1,6 +1,6 @@
 import { defineComponent as E, ref as d, watch as T, computed as B, openBlock as H, createElementBlock as L, normalizeStyle as M, normalizeClass as R, createElementVNode as o, createVNode as b, unref as S, withCtx as h, withDirectives as _, vModelText as k } from "vue";
 import { QuillEditor as q } from "@vueup/vue-quill";
-/* empty css                                                                                                                                 */
+import "@vueup/vue-quill/dist/vue-quill.snow.css";
 import z from "../overlay/Modal.vue.js";
 import { useToast as N } from "../../composables/useToast.js";
 const Q = { class: "of-rich-editor__toolbar-actions" }, $ = ["disabled"], D = ["disabled"], I = { class: "of-rich-editor__form" }, J = /* @__PURE__ */ E({

package/dist/components/table/DataTable.vue.js

@@ -1,7 +1,7 @@
 import o from "./DataTable.vue2.js";
 /* empty css               */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7675ee4c"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5e8101e6"]]);
 export {
   m as default
 };