@duxweb/dvha-pro 1.0.45 → 1.0.47

package/dist/esm/components/list/card.js

@@ -1,7 +1,7 @@
-import { defineComponent as v, ref as W, computed as r, toRef as S, createVNode as m } from "vue";
-import { useElementSize as y, useWindowSize as z, watchDebounced as M } from "@vueuse/core";
-import { DuxListLayout as g } from "../layout/list.js";
-const j = /* @__PURE__ */ v({
+import { defineComponent as S, ref as m, computed as g, toRef as z, createVNode as f, mergeProps as L } from "vue";
+import { useElementSize as M, useWindowSize as P, watchDebounced as k } from "@vueuse/core";
+import { DuxListLayout as h } from "../layout/list.js";
+const G = /* @__PURE__ */ S({
   name: "DuxCardPage",
   props: {
     colWidth: {
@@ -25,35 +25,36 @@ const j = /* @__PURE__ */ v({
       default: ""
     }
   },
-  extends: g,
+  extends: h,
   slots: Object,
   setup(t, {
-    slots: a
+    slots: a,
+    expose: p
   }) {
-    const f = W(), {
-      width: s
-    } = y(f), {
-      width: h
-    } = z(), p = r(() => t.colWidth || 320), u = (e = 0) => {
-      const i = e || h.value || 1024, c = t.colWidth || 320, n = t.rows || 4, b = t.maxRows || 10, d = 0.25 * 16 * 3, l = Math.max(1, Math.floor((i + d) / (c + d))), x = Math.floor((1920 + d) / (c + d)) * n, C = Math.ceil(x / l), R = Math.min(Math.max(C, n), b);
-      return l * R;
-    }, o = S(t.pagination && typeof t.pagination == "object" ? t.pagination : {
+    const w = m(), c = m(), {
+      width: l
+    } = M(w), {
+      width: b
+    } = P(), x = g(() => t.colWidth || 320), u = (e = 0) => {
+      const i = e || b.value || 1024, s = t.colWidth || 320, n = t.rows || 4, R = t.maxRows || 10, d = 0.25 * 16 * 3, r = Math.max(1, Math.floor((i + d) / (s + d))), v = Math.floor((1920 + d) / (s + d)) * n, W = Math.ceil(v / r), y = Math.min(Math.max(W, n), R);
+      return r * y;
+    }, o = z(t.pagination && typeof t.pagination == "object" ? t.pagination : {
       page: 1,
       pageSize: u()
     });
-    M([s], () => {
+    k([l], () => {
       if (t.pagination && typeof t.pagination == "object")
         return;
-      const e = u(s.value);
+      const e = u(l.value);
       e !== o.value.pageSize && (o.value.pageSize = e, o.value.page = 1);
     }, {
       debounce: 300
     });
-    const w = r(() => {
+    const C = g(() => {
       const {
         maxRows: e,
         rows: i,
-        colWidth: c,
+        colWidth: s,
         ...n
       } = t;
       return {
@@ -61,11 +62,15 @@ const j = /* @__PURE__ */ v({
         pagination: o.value
       };
     });
-    return () => m(g, w.value, {
-      default: (e) => m("div", {
+    return p({
+      list: c
+    }), () => f(h, L({
+      ref: c
+    }, C.value), {
+      default: (e) => f("div", {
         class: "grid gap-3",
         style: {
-          "grid-template-columns": `repeat(auto-fit, minmax(${p.value}px, 1fr))`
+          "grid-template-columns": `repeat(auto-fit, minmax(${x.value}px, 1fr))`
         }
       }, [e.list.value.map((i) => a?.default?.({
         item: i,
@@ -81,5 +86,5 @@ const j = /* @__PURE__ */ v({
   }
 });
 export {
-  j as DuxCardPage
+  G as DuxCardPage
 };

package/dist/esm/components/list/list.js

@@ -1,6 +1,6 @@
-import { defineComponent as c, computed as n, createVNode as i } from "vue";
-import { DuxListLayout as o } from "../layout/list.js";
-const f = /* @__PURE__ */ c({
+import { defineComponent as f, ref as n, computed as l, createVNode as o, mergeProps as p } from "vue";
+import { DuxListLayout as s } from "../layout/list.js";
+const m = /* @__PURE__ */ f({
   name: "DuxListPage",
   props: {
     sideLeftTitle: {
@@ -12,12 +12,13 @@ const f = /* @__PURE__ */ c({
       default: ""
     }
   },
-  extends: o,
+  extends: s,
   slots: Object,
   setup(d, {
-    slots: e
+    slots: e,
+    expose: a
   }) {
-    const s = n(() => {
+    const i = n(), r = l(() => {
       const {
         ...t
       } = d;
@@ -25,11 +26,15 @@ const f = /* @__PURE__ */ c({
         ...t
       };
     });
-    return () => i(o, s.value, {
-      default: (t) => i("div", {
+    return a({
+      list: i
+    }), () => o(s, p({
+      ref: i
+    }, r.value), {
+      default: (t) => o("div", {
         class: "flex flex-col gap-3"
-      }, [t.list.value.map((a) => e?.default?.({
-        item: a,
+      }, [t.list.value.map((c) => e?.default?.({
+        item: c,
         isChecked: t.isChecked,
         toggleChecked: t.toggleChecked
       }))]),
@@ -42,5 +47,5 @@ const f = /* @__PURE__ */ c({
   }
 });
 export {
-  f as DuxListPage
+  m as DuxListPage
 };

package/dist/esm/components/posterEditor/pages/RightPanel.js

@@ -51,6 +51,9 @@ import "@duxweb/dvha-naiveui";
 import "../../../pages/page404.js";
 import "short-unique-id";
 import "aieditor";
+import "@vue-flow/core";
+import "@vue-flow/background";
+/* empty css                         */
 import "@iconify-json/tabler/icons.json";
 import "../elements/index.js";
 import "fabric";
@@ -63,7 +66,7 @@ import { DuxImageUpload as b } from "../../upload/image.js";
 function C(t) {
   return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !s(t);
 }
-const Ie = /* @__PURE__ */ v({
+const qe = /* @__PURE__ */ v({
   name: "RightPanel",
   props: {
     hasMultipleSelection: {
@@ -432,5 +435,5 @@ const Ie = /* @__PURE__ */ v({
   }
 });
 export {
-  Ie as RightPanel
+  qe as RightPanel
 };

package/dist/esm/components/posterEditor/posterEditor.js

@@ -52,6 +52,9 @@ import "@duxweb/dvha-naiveui";
 import "../../pages/page404.js";
 import "short-unique-id";
 import "aieditor";
+import "@vue-flow/core";
+import "@vue-flow/background";
+/* empty css                      */
 import "@iconify-json/tabler/icons.json";
 import "./elements/index.js";
 import { usePosterEditor as q } from "./hooks/usePosterEditor.js";
@@ -62,7 +65,7 @@ import "dayjs";
 import "@tanstack/vue-query";
 import "pinia";
 import { DuxImageUpload as Q } from "../upload/image.js";
-const ra = /* @__PURE__ */ T({
+const ua = /* @__PURE__ */ T({
   name: "DuxPosterEditor",
   props: {
     data: {
@@ -238,5 +241,5 @@ const ra = /* @__PURE__ */ T({
   }
 });
 export {
-  ra as DuxPosterEditor
+  ua as DuxPosterEditor
 };

package/dist/esm/components/table/table.js

@@ -1,7 +1,7 @@
-import { defineComponent as u, computed as f, toRef as d, createVNode as i, mergeProps as m } from "vue";
-import { useI18n as c } from "@duxweb/dvha-core";
-import { useWindowSize as b } from "@vueuse/core";
-import { NDataTable as e, NPagination as g } from "naive-ui";
+import { defineComponent as f, computed as d, toRef as c, createVNode as i, mergeProps as m } from "vue";
+import { useI18n as b } from "@duxweb/dvha-core";
+import { useWindowSize as g } from "@vueuse/core";
+import { NDataTable as p, NPagination as x } from "naive-ui";
 import "vue-router";
 import "@overlastic/vue";
 import "clsx";
@@ -21,7 +21,7 @@ import "vue-cropper";
 import "jinrishici";
 import "lodash-es";
 import "vue-draggable-plus";
-import { DuxListEmpty as x } from "../status/listEmpty.js";
+import { DuxListEmpty as y } from "../status/listEmpty.js";
 import "@vee-validate/i18n";
 import "colorizr";
 import "echarts";
@@ -51,15 +51,18 @@ import "@duxweb/dvha-naiveui";
 import "../../pages/page404.js";
 import "short-unique-id";
 import "aieditor";
+import "@vue-flow/core";
+import "@vue-flow/background";
+/* empty css                      */
 import "mime";
 import "@iconify-json/tabler/icons.json";
 import "../posterEditor/elements/index.js";
 import "fabric";
 import "dayjs";
 import "@tanstack/vue-query";
-import { useTable as y } from "../../hooks/table.js";
+import { useTable as h } from "../../hooks/table.js";
 import "pinia";
-const Lt = /* @__PURE__ */ u({
+const zt = /* @__PURE__ */ f({
   name: "DuxTable",
   props: {
     path: {
@@ -77,30 +80,34 @@ const Lt = /* @__PURE__ */ u({
       default: !0
     }
   },
-  extends: e,
-  setup(o) {
-    const p = f(() => {
+  extends: p,
+  setup(o, {
+    expose: e
+  }) {
+    const n = d(() => {
       const {
         path: t,
-        filter: h,
-        columns: v,
-        pagination: D,
-        ...s
+        filter: v,
+        columns: D,
+        pagination: P,
+        ...u
       } = o;
-      return s;
-    }), n = d(o.filter || {}), r = y({
+      return u;
+    }), l = c(o.filter || {}), r = h({
       path: o.path,
-      filters: n.value,
+      filters: l.value,
       columns: o.columns || [],
       pagination: o.pagination
-    }), {
-      width: l
-    } = b(), {
-      t: a
-    } = c();
+    });
+    e(r);
+    const {
+      width: a
+    } = g(), {
+      t: s
+    } = b();
     return () => i("div", {
       class: "flex flex-col gap-2"
-    }, [i(e, m(p.value, r.table.value, {
+    }, [i(p, m(n.value, r.table.value, {
       class: "flex-1 min-h-0",
       minHeight: 200,
       tableLayout: "fixed",
@@ -109,20 +116,20 @@ const Lt = /* @__PURE__ */ u({
       bordered: !1,
       renderCell: (t) => t == null || t === "" ? "-" : t
     }), {
-      empty: () => i(x, {
+      empty: () => i(y, {
         bordered: !1
       }, null)
     }), o.pagination && i("div", {
       class: "flex justify-end"
-    }, [i(g, m(r.tablePagination.value, {
-      simple: l.value < 768
+    }, [i(x, m(r.tablePagination.value, {
+      simple: a.value < 768
     }), {
-      prefix: () => i("div", null, [a("components.list.total", {
+      prefix: () => i("div", null, [s("components.list.total", {
         total: r.total.value || 0
       })])
     })])]);
   }
 });
 export {
-  Lt as DuxTable
+  zt as DuxTable
 };

package/dist/esm/components/table/tablePage.js

@@ -1,30 +1,35 @@
-import { defineComponent as l, computed as m, createVNode as r, mergeProps as n } from "vue";
-import { NDataTable as p } from "naive-ui";
-import { DuxTableLayout as i } from "../layout/table.js";
+import { defineComponent as b, ref as p, computed as f, createVNode as r, mergeProps as l } from "vue";
+import { NDataTable as s } from "naive-ui";
+import { DuxTableLayout as d } from "../layout/table.js";
 import "@duxweb/dvha-core";
 import "clsx";
-import { DuxListEmpty as b } from "../status/listEmpty.js";
-const g = /* @__PURE__ */ l({
+import { DuxListEmpty as u } from "../status/listEmpty.js";
+const L = /* @__PURE__ */ b({
   name: "DuxTablePage",
   props: {
     tableProps: {
       type: Object
     }
   },
-  extends: i,
+  extends: d,
   slots: Object,
   setup(a, {
-    slots: t
+    slots: t,
+    expose: n
   }) {
-    const d = m(() => {
+    const i = p(), m = f(() => {
       const {
         tableProps: o,
         ...e
       } = a;
       return e;
     });
-    return () => r(i, d.value, {
-      default: (o) => r(p, n(o.table.value, a.tableProps, {
+    return n({
+      table: i
+    }), () => r(d, l({
+      ref: i
+    }, m.value), {
+      default: (o) => r(s, l(o.table.value, a.tableProps, {
         class: "h-full",
         minHeight: 200,
         tableLayout: "fixed",
@@ -34,7 +39,7 @@ const g = /* @__PURE__ */ l({
         scrollX: o.width,
         renderCell: (e) => e == null || e === "" ? "-" : e
       }), {
-        empty: () => r(b, {
+        empty: () => r(u, {
           bordered: !1
         }, null)
       }),
@@ -48,5 +53,5 @@ const g = /* @__PURE__ */ l({
   }
 });
 export {
-  g as DuxTablePage
+  L as DuxTablePage
 };

package/dist/esm/components/upload/file.js

@@ -52,6 +52,9 @@ import "@duxweb/dvha-naiveui";
 import "../../pages/page404.js";
 import "short-unique-id";
 import "aieditor";
+import "@vue-flow/core";
+import "@vue-flow/background";
+/* empty css                      */
 import { useModal as G } from "../../hooks/modal.js";
 import { useUploadConfig as _ } from "./config.js";
 import "@iconify-json/tabler/icons.json";
@@ -94,7 +97,7 @@ const p = {
     empty: "flex items-center justify-center h-full text-muted",
     actions: "flex gap-2"
   }
-}, et = /* @__PURE__ */ A({
+}, at = /* @__PURE__ */ A({
   name: "DuxFileUpload",
   props: {
     path: {
@@ -309,5 +312,5 @@ const p = {
   }
 });
 export {
-  et as DuxFileUpload
+  at as DuxFileUpload
 };

package/dist/esm/components/upload/image.js

@@ -50,6 +50,9 @@ import "@duxweb/dvha-naiveui";
 import "../../pages/page404.js";
 import "short-unique-id";
 import "aieditor";
+import "@vue-flow/core";
+import "@vue-flow/background";
+/* empty css                      */
 import { useModal as L } from "../../hooks/modal.js";
 import "mime";
 import { useUploadConfig as O } from "./config.js";
@@ -60,7 +63,7 @@ import "dayjs";
 import { useImagePreview as q } from "../../hooks/image.js";
 import "@tanstack/vue-query";
 import "pinia";
-const We = /* @__PURE__ */ U({
+const Ze = /* @__PURE__ */ U({
   name: "DuxImageUpload",
   props: {
     path: {
@@ -100,7 +103,7 @@ const We = /* @__PURE__ */ U({
       defaultValue: t.defaultValue
     }), h = A(), f = q(), {
       t: u
-    } = w(), l = {
+    } = w(), i = {
       container: "flex gap-2",
       imageItem: "size-80px rounded border border-muted relative group draggable flex items-center",
       imageOverlay: "z-1 size-full inset-0 absolute flex items-center justify-center bg-default/80 transition-all opacity-0 group-hover:opacity-100 rounded",
@@ -134,7 +137,7 @@ const We = /* @__PURE__ */ U({
       driver: y.value
     });
     c(r.dataFiles, (e) => {
-      const o = t.multiple ? e?.map((i) => i.url) : e?.[0]?.url;
+      const o = t.multiple ? e?.map((l) => l.url) : e?.[0]?.url;
       n.value = o, t.onUpdateValue?.(o);
     });
     const z = m(() => r.progress.value.totalPercent), F = m(() => r.isUploading.value), P = async () => {
@@ -145,31 +148,31 @@ const We = /* @__PURE__ */ U({
         return;
       p.value = !0;
       const o = typeof e == "string" ? [e] : Array.isArray(e) ? e : [];
-      r.addDataFiles(o.map((i) => ({
-        url: i
+      r.addDataFiles(o.map((l) => ({
+        url: l
       })));
     }, {
       immediate: !0
     }), () => a("div", null, [a(M, {
       modelValue: r.uploadFiles.value,
       "onUpdate:modelValue": (e) => r.uploadFiles.value = e,
-      class: l.container,
+      class: i.container,
       draggable: ".draggable"
     }, {
       default: () => [r.uploadFiles.value?.map((e, o) => {
-        const i = e.url || URL.createObjectURL(e.file);
+        const l = e.url || URL.createObjectURL(e.file);
         return a("div", {
           key: o,
-          class: j(l.imageItem)
+          class: j(i.imageItem)
         }, [a(D, {
           class: "z-0 rounded",
           objectFit: "scale-down",
           width: 78,
           height: 78,
           previewDisabled: !0,
-          src: i
+          src: l
         }, null), a("div", {
-          class: l.imageOverlay
+          class: i.imageOverlay
         }, [e.status === "success" && a(g, {
           quaternary: !0,
           circle: !0,
@@ -190,7 +193,7 @@ const We = /* @__PURE__ */ U({
           }
         }, null)])]);
       }), (r.uploadFiles.value.length === 0 || !C.value) && a("div", {
-        class: l.uploadArea,
+        class: i.uploadArea,
         onClick: () => {
           P();
         }
@@ -220,13 +223,13 @@ const We = /* @__PURE__ */ U({
       }, [a("div", {
         class: "i-tabler:folder size-4"
       }, null)]), a("div", {
-        class: l.uploadContent
+        class: i.uploadContent
       }, [F.value ? a("div", {
-        class: l.progressContainer
+        class: i.progressContainer
       }, [a("div", {
         class: "i-tabler:photo size-6"
       }, null), a("div", {
-        class: l.progressBar
+        class: i.progressBar
       }, [a(B, {
         type: "line",
         percentage: z.value,
@@ -239,5 +242,5 @@ const We = /* @__PURE__ */ U({
   }
 });
 export {
-  We as DuxImageUpload
+  Ze as DuxImageUpload
 };

package/dist/esm/components/upload/manage/item.js

@@ -51,6 +51,9 @@ import "@duxweb/dvha-naiveui";
 import "../../../pages/page404.js";
 import "short-unique-id";
 import "aieditor";
+import "@vue-flow/core";
+import "@vue-flow/background";
+/* empty css                         */
 import "mime";
 import f from "../../../static/images/icon/audio.svg.js";
 import g from "../../../static/images/icon/excel.svg.js";
@@ -66,7 +69,7 @@ import "fabric";
 import "dayjs";
 import "@tanstack/vue-query";
 import "pinia";
-const Oe = /* @__PURE__ */ c({
+const qe = /* @__PURE__ */ c({
   name: "DuxFileManageItem",
   props: {
     name: String,
@@ -201,5 +204,5 @@ const Oe = /* @__PURE__ */ c({
   }
 });
 export {
-  Oe as DuxFileManageItem
+  qe as DuxFileManageItem
 };

package/dist/esm/components/upload/manager.js

@@ -52,6 +52,9 @@ import "@duxweb/dvha-naiveui";
 import "../../pages/page404.js";
 import "short-unique-id";
 import "aieditor";
+import "@vue-flow/core";
+import "@vue-flow/background";
+/* empty css                      */
 import "mime";
 import { useUploadConfig as ae } from "./config.js";
 import "@iconify-json/tabler/icons.json";
@@ -64,7 +67,7 @@ import { DuxFileManageItem as T } from "./manage/item.js";
 function M(t) {
   return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !q(t);
 }
-const pa = /* @__PURE__ */ z({
+const va = /* @__PURE__ */ z({
   name: "DuxFileManage",
   props: {
     path: String,
@@ -420,5 +423,5 @@ const pa = /* @__PURE__ */ z({
   }
 });
 export {
-  pa as default
+  va as default
 };

package/dist/esm/dvha-pro.css

@@ -1 +1 @@
-@charset "UTF-8";.n-popover-shared .n-popover-arrow-wrapper .n-popover-arrow{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.n-dropdown-menu{min-width:130px}.icon-gradient{color:rgb(var(--ui-color-primary));animation:icon-color-cycle 12s ease-in-out infinite}@keyframes icon-color-cycle{0%{color:rgb(var(--ui-color-primary))}20%{color:rgb(var(--ui-color-info))}40%{color:rgb(var(--ui-color-success))}60%{color:rgb(var(--ui-color-warning))}80%{color:rgb(var(--ui-color-error))}to{color:rgb(var(--ui-color-primary))}}@keyframes icon-gradient-shift{0%{background-position:0% 50%}25%{background-position:50% 0%}50%{background-position:100% 50%}75%{background-position:50% 100%}to{background-position:0% 50%}}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-pad{border:none}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-nav__prefix,.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-nav__suffix{border-bottom:none}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-tab{padding:0;border-bottom:none;border-radius:0;background-color:transparent}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab-pad{height:20px;width:1px;background-color:#0000001a;border-bottom:none;position:absolute;top:50%;transform:translateY(-50%)}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab{background-color:transparent;border-bottom:none;border:none;position:relative}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab.n-tabs-tab--active{background-color:transparent}.dark .app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab-pad{background-color:#ffffff1a}.app-modal-tabs.n-tabs .n-tabs-wrapper{padding:0 16px}.app-modal-tabs.n-tabs .n-tabs-nav{background-color:rgb(var(--ui-color-gray-200)/.2)}.app-modal-tabs.n-tabs .n-tabs-tab{padding:12px 4px;font-size:var(--n-font-size)}.dark .app-modal-tabs.n-tabs .n-tabs-nav{background-color:rgb(var(--ui-bg-elevated)/.5)}.app-page-tabs.n-tabs{display:flex;height:100%;flex-direction:column}.app-page-tabs.n-tabs .n-tabs-nav{flex:none}.app-page-tabs.n-tabs .n-tab-pane{flex:1;min-height:0;overflow-y:auto;padding:20px}.app-page-tabs.n-tabs .n-tabs-tab{font-size:.85rem;padding:1rem}.n-data-table .n-data-table-thead{border:1px solid rgb(var(--ui-border-muted))}.n-data-table .n-data-table-thead .n-data-table-tr>.n-data-table-th:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-left:1px solid rgba(var(--ui-border-accented)/.5)}.n-data-table .n-data-table-thead .n-data-table-tr>.n-data-table-th--last{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-right:1px solid rgba(var(--ui-border-accented)/.5)}.n-data-table .n-data-table-th{border-top:1px solid rgba(var(--ui-border-accented)/.5);border-bottom:1px solid rgba(var(--ui-border-accented)/.5)}.command-palette [command-dialog-mask]{background-color:rgb(var(--ui-bg-inverted)/.3);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);height:100vh;width:100vw;position:fixed;top:0;left:0;z-index:1000}.command-palette [command-dialog-wrapper]{position:relative;flex-direction:column;margin:20vh auto auto;max-width:560px;background-color:rgb(var(--ui-bg)/.9);border-radius:6px}.command-palette [command-group-heading]{color:rgba(var(--ui-text-muted));padding:6px}.command-palette [command-separator]{border-bottom:1px solid rgb(var(--ui-border-muted));margin:6px 0}.command-palette [command-list]{border-top:1px solid rgb(var(--ui-border-muted));padding:0 6px 6px}.command-palette [command-item]{padding:6px 12px;display:flex;align-items:center;gap:6px;border-radius:3px;color:rgba(var(--ui-text-toned))}.command-palette [command-item][aria-selected=true],.command-palette [command-item]:active{background-color:rgb(var(--ui-bg-accented)/.8);color:rgba(var(--ui-color-primary-500))}.dark .command-palette [command-dialog-mask]{background-color:rgb(var(--ui-bg-inverted)/.02)}.dark .command-palette [command-dialog-wrapper]{background-color:rgb(var(--ui-bg-elevated)/.95)}.dark .command-palette [command-separator]{border-bottom:1px solid rgb(var(--ui-border)/.5)}.dark .command-palette [command-list]{border-top:1px solid rgb(var(--ui-border)/.5)}.n-menu.n-menu--collapsed .n-menu-item-content .n-menu-item-content-header{opacity:1}.n-menu.n-menu--collapsed .n-menu-item-content .n-menu-item-content__arrow{display:none}.app-login-bg{background-image:repeating-linear-gradient(90deg,hsla(298,16%,68%,.06) 0px,hsla(298,16%,68%,.06) 1px,transparent 1px,transparent 21px,hsla(298,16%,68%,.06) 21px,hsla(298,16%,68%,.06) 22px,transparent 22px,transparent 72px),repeating-linear-gradient(0deg,hsla(298,16%,68%,.06) 0px,hsla(298,16%,68%,.06) 1px,transparent 1px,transparent 21px,hsla(298,16%,68%,.06) 21px,hsla(298,16%,68%,.06) 22px,transparent 22px,transparent 72px),repeating-linear-gradient(135deg,hsla(298,16%,68%,.06) 0px,hsla(298,16%,68%,.06) 1px,transparent 1px,transparent 21px,hsla(298,16%,68%,.06) 21px,hsla(298,16%,68%,.06) 22px,transparent 22px,transparent 72px),linear-gradient(90deg,#f7f7f8,#f7f7f8)}.app-login-dark-bg{background-image:repeating-linear-gradient(90deg,rgba(90,90,90,.06) 0px,rgba(90,90,90,.06) 1px,transparent 1px,transparent 21px,rgba(90,90,90,.06) 21px,rgba(90,90,90,.06) 22px,transparent 22px,transparent 72px),repeating-linear-gradient(0deg,rgba(90,90,90,.06) 0px,rgba(90,90,90,.06) 1px,transparent 1px,transparent 21px,rgba(90,90,90,.06) 21px,rgba(90,90,90,.06) 22px,transparent 22px,transparent 72px),repeating-linear-gradient(135deg,rgba(90,90,90,.06) 0px,rgba(90,90,90,.06) 1px,transparent 1px,transparent 21px,rgba(90,90,90,.06) 21px,rgba(90,90,90,.06) 22px,transparent 22px,transparent 72px),linear-gradient(90deg,#101014,#101014)}.app-loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;background-color:rgb(var(--ui-bg));overflow:hidden}.app-box-loading{width:50px;height:50px;position:relative}.app-box-loading:before{content:"";width:50px;height:5px;background:rgb(var(--ui-color-gray-200));opacity:.3;position:absolute;top:59px;left:0;border-radius:50%;animation:shadow .5s linear infinite}.app-box-loading:after{content:"";width:50px;height:50px;background:rgba(var(--ui-color-primary));animation:animate .5s linear infinite;position:absolute;top:0;left:0;border-radius:3px}@keyframes animate{17%{border-bottom-right-radius:3px}25%{transform:translateY(9px) rotate(22.5deg)}50%{transform:translateY(18px) scaleY(.9) rotate(45deg);border-bottom-right-radius:40px}75%{transform:translateY(9px) rotate(67.5deg)}to{transform:translateY(0) rotate(90deg)}}@keyframes shadow{0%,to{transform:scale(1)}50%{transform:scaleX(1.2)}}html{color-scheme:light;background-color:rgb(var(--ui-color-primary-700)/.05)}html.dark{color-scheme:dark;background-color:rgb(var(--ui-bg)/.5)}[un-cloak]{display:none}.app-remote-loader{height:100%}.tab-fade-leave-active,.tab-fade-enter-active{transition:all .3s}.tab-fade-enter-from{opacity:0;transform:translate(-30px)}.tab-fade-enter-to{opacity:1;transform:translate(0)}.tab-fade-leave-to{opacity:0;transform:translate(30px)}
+@charset "UTF-8";.vue-flow__handle{transition:box-shadow .2s ease}.vue-flow__handle:hover{box-shadow:0 0 0 3px #3b82f680}.n-popover-shared .n-popover-arrow-wrapper .n-popover-arrow{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.n-dropdown-menu{min-width:130px}.icon-gradient{color:rgb(var(--ui-color-primary));animation:icon-color-cycle 12s ease-in-out infinite}@keyframes icon-color-cycle{0%{color:rgb(var(--ui-color-primary))}20%{color:rgb(var(--ui-color-info))}40%{color:rgb(var(--ui-color-success))}60%{color:rgb(var(--ui-color-warning))}80%{color:rgb(var(--ui-color-error))}to{color:rgb(var(--ui-color-primary))}}@keyframes icon-gradient-shift{0%{background-position:0% 50%}25%{background-position:50% 0%}50%{background-position:100% 50%}75%{background-position:50% 100%}to{background-position:0% 50%}}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-pad{border:none}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-nav__prefix,.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-nav__suffix{border-bottom:none}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-tab{padding:0;border-bottom:none;border-radius:0;background-color:transparent}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab-pad{height:20px;width:1px;background-color:#0000001a;border-bottom:none;position:absolute;top:50%;transform:translateY(-50%)}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab{background-color:transparent;border-bottom:none;border:none;position:relative}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab.n-tabs-tab--active{background-color:transparent}.dark .app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab-pad{background-color:#ffffff1a}.app-modal-tabs.n-tabs .n-tabs-wrapper{padding:0 16px}.app-modal-tabs.n-tabs .n-tabs-nav{background-color:rgb(var(--ui-color-gray-200)/.2)}.app-modal-tabs.n-tabs .n-tabs-tab{padding:12px 4px;font-size:var(--n-font-size)}.dark .app-modal-tabs.n-tabs .n-tabs-nav{background-color:rgb(var(--ui-bg-elevated)/.5)}.app-page-tabs.n-tabs{display:flex;height:100%;flex-direction:column}.app-page-tabs.n-tabs .n-tabs-nav{flex:none}.app-page-tabs.n-tabs .n-tab-pane{flex:1;min-height:0;overflow-y:auto;padding:20px}.app-page-tabs.n-tabs .n-tabs-tab{font-size:.85rem;padding:1rem}.n-data-table .n-data-table-thead{border:1px solid rgb(var(--ui-border-muted))}.n-data-table .n-data-table-thead .n-data-table-tr>.n-data-table-th:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-left:1px solid rgba(var(--ui-border-accented)/.5)}.n-data-table .n-data-table-thead .n-data-table-tr>.n-data-table-th--last{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-right:1px solid rgba(var(--ui-border-accented)/.5)}.n-data-table .n-data-table-th{border-top:1px solid rgba(var(--ui-border-accented)/.5);border-bottom:1px solid rgba(var(--ui-border-accented)/.5)}.command-palette [command-dialog-mask]{background-color:rgb(var(--ui-bg-inverted)/.3);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);height:100vh;width:100vw;position:fixed;top:0;left:0;z-index:1000}.command-palette [command-dialog-wrapper]{position:relative;flex-direction:column;margin:20vh auto auto;max-width:560px;background-color:rgb(var(--ui-bg)/.9);border-radius:6px}.command-palette [command-group-heading]{color:rgba(var(--ui-text-muted));padding:6px}.command-palette [command-separator]{border-bottom:1px solid rgb(var(--ui-border-muted));margin:6px 0}.command-palette [command-list]{border-top:1px solid rgb(var(--ui-border-muted));padding:0 6px 6px}.command-palette [command-item]{padding:6px 12px;display:flex;align-items:center;gap:6px;border-radius:3px;color:rgba(var(--ui-text-toned))}.command-palette [command-item][aria-selected=true],.command-palette [command-item]:active{background-color:rgb(var(--ui-bg-accented)/.8);color:rgba(var(--ui-color-primary-500))}.dark .command-palette [command-dialog-mask]{background-color:rgb(var(--ui-bg-inverted)/.02)}.dark .command-palette [command-dialog-wrapper]{background-color:rgb(var(--ui-bg-elevated)/.95)}.dark .command-palette [command-separator]{border-bottom:1px solid rgb(var(--ui-border)/.5)}.dark .command-palette [command-list]{border-top:1px solid rgb(var(--ui-border)/.5)}.n-menu.n-menu--collapsed .n-menu-item-content .n-menu-item-content-header{opacity:1}.n-menu.n-menu--collapsed .n-menu-item-content .n-menu-item-content__arrow{display:none}.app-login-bg{background-image:repeating-linear-gradient(90deg,hsla(298,16%,68%,.06) 0px,hsla(298,16%,68%,.06) 1px,transparent 1px,transparent 21px,hsla(298,16%,68%,.06) 21px,hsla(298,16%,68%,.06) 22px,transparent 22px,transparent 72px),repeating-linear-gradient(0deg,hsla(298,16%,68%,.06) 0px,hsla(298,16%,68%,.06) 1px,transparent 1px,transparent 21px,hsla(298,16%,68%,.06) 21px,hsla(298,16%,68%,.06) 22px,transparent 22px,transparent 72px),repeating-linear-gradient(135deg,hsla(298,16%,68%,.06) 0px,hsla(298,16%,68%,.06) 1px,transparent 1px,transparent 21px,hsla(298,16%,68%,.06) 21px,hsla(298,16%,68%,.06) 22px,transparent 22px,transparent 72px),linear-gradient(90deg,#f7f7f8,#f7f7f8)}.app-login-dark-bg{background-image:repeating-linear-gradient(90deg,rgba(90,90,90,.06) 0px,rgba(90,90,90,.06) 1px,transparent 1px,transparent 21px,rgba(90,90,90,.06) 21px,rgba(90,90,90,.06) 22px,transparent 22px,transparent 72px),repeating-linear-gradient(0deg,rgba(90,90,90,.06) 0px,rgba(90,90,90,.06) 1px,transparent 1px,transparent 21px,rgba(90,90,90,.06) 21px,rgba(90,90,90,.06) 22px,transparent 22px,transparent 72px),repeating-linear-gradient(135deg,rgba(90,90,90,.06) 0px,rgba(90,90,90,.06) 1px,transparent 1px,transparent 21px,rgba(90,90,90,.06) 21px,rgba(90,90,90,.06) 22px,transparent 22px,transparent 72px),linear-gradient(90deg,#101014,#101014)}.app-loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;background-color:rgb(var(--ui-bg));overflow:hidden}.app-box-loading{width:50px;height:50px;position:relative}.app-box-loading:before{content:"";width:50px;height:5px;background:rgb(var(--ui-color-gray-200));opacity:.3;position:absolute;top:59px;left:0;border-radius:50%;animation:shadow .5s linear infinite}.app-box-loading:after{content:"";width:50px;height:50px;background:rgba(var(--ui-color-primary));animation:animate .5s linear infinite;position:absolute;top:0;left:0;border-radius:3px}@keyframes animate{17%{border-bottom-right-radius:3px}25%{transform:translateY(9px) rotate(22.5deg)}50%{transform:translateY(18px) scaleY(.9) rotate(45deg);border-bottom-right-radius:40px}75%{transform:translateY(9px) rotate(67.5deg)}to{transform:translateY(0) rotate(90deg)}}@keyframes shadow{0%,to{transform:scale(1)}50%{transform:scaleX(1.2)}}html{color-scheme:light;background-color:rgb(var(--ui-color-primary-700)/.05)}html.dark{color-scheme:dark;background-color:rgb(var(--ui-bg)/.5)}[un-cloak]{display:none}.app-remote-loader{height:100%}.tab-fade-leave-active,.tab-fade-enter-active{transition:all .3s}.tab-fade-enter-from{opacity:0;transform:translate(-30px)}.tab-fade-enter-to{opacity:1;transform:translate(0)}.tab-fade-leave-to{opacity:0;transform:translate(30px)}

package/dist/esm/hooks/dialog.js

@@ -55,10 +55,13 @@ import "../pages/page404.js";
 import "short-unique-id";
 import m from "../components/dialog/dialog.js";
 import "aieditor";
+import "@vue-flow/core";
+import "@vue-flow/background";
+/* empty css                                 */
 import "@iconify-json/tabler/icons.json";
 import "../components/posterEditor/elements/index.js";
 import "fabric";
-function Dr() {
+function hr() {
   const t = p(m), o = (r) => t(r);
   return {
     confirm: (r) => o({
@@ -84,5 +87,5 @@ function Dr() {
   };
 }
 export {
-  Dr as useDialog
+  hr as useDialog
 };

package/dist/esm/hooks/drawer.js

@@ -55,15 +55,18 @@ import "../pages/page404.js";
 import m from "../components/drawer/drawer.js";
 import "short-unique-id";
 import "aieditor";
+import "@vue-flow/core";
+import "@vue-flow/background";
+/* empty css                                 */
 import "@iconify-json/tabler/icons.json";
 import "../components/posterEditor/elements/index.js";
 import "fabric";
-function ar() {
+function Dr() {
   const r = t(m);
   return {
     show: (o) => r(o)
   };
 }
 export {
-  ar as useDrawer
+  Dr as useDrawer
 };

package/dist/esm/hooks/modal.js

@@ -55,15 +55,18 @@ import "vue-command-palette";
 import "../pages/page404.js";
 import "short-unique-id";
 import "aieditor";
+import "@vue-flow/core";
+import "@vue-flow/background";
+/* empty css                                 */
 import "@iconify-json/tabler/icons.json";
 import "../components/posterEditor/elements/index.js";
 import "fabric";
-function ao() {
+function ho() {
   const o = t(m);
   return {
     show: (r) => o(r)
   };
 }
 export {
-  ao as useModal
+  ho as useModal
 };