@duxweb/dvha-pro 1.0.23 → 1.0.24

package/dist/esm/components/dialog/dialog.js

@@ -1,11 +1,11 @@
-import { defineComponent as v, reactive as x, ref as h, createVNode as n, h as p, isVNode as w } from "vue";
-import { useI18n as S, useJsonSchema as k } from "@duxweb/dvha-core";
-import { useExtendOverlay as j } from "@overlastic/vue";
-import { NModal as D, NForm as N, NButton as u } from "naive-ui";
-function r(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !w(t);
+import { defineComponent as p, reactive as y, ref as v, createVNode as o, h as x, isVNode as h } from "vue";
+import { useI18n as w, useJsonSchema as S } from "@duxweb/dvha-core";
+import { useExtendOverlay as k } from "@overlastic/vue";
+import { NModal as j, NForm as D, NButton as d } from "naive-ui";
+function r(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !h(e);
 }
-const z = /* @__PURE__ */ v({
+const _ = /* @__PURE__ */ p({
   name: "DuxDialog",
   props: {
     title: String,
@@ -15,37 +15,37 @@ const z = /* @__PURE__ */ v({
     defaultValue: Object,
     render: Function
   },
-  setup(t) {
+  setup(e) {
     const {
-      t: o
-    } = S(), {
-      visible: f,
-      resolve: m,
+      t: n
+    } = w(), {
+      visible: u,
+      resolve: f,
       reject: l,
-      vanish: b
-    } = j({
+      vanish: m
+    } = k({
       duration: 1e3
-    }), e = x({
-      title: t == null ? void 0 : t.title,
-      content: t == null ? void 0 : t.content,
+    }), t = y({
+      title: e?.title,
+      content: e?.content,
       button: "default"
     });
-    t.type === "confirm" && (e.title = e.title || o("components.dialog.confirm.title"), e.content = e.content || o("components.dialog.confirm.content"), e.button = "primary"), t.type === "success" && (e.title = e.title || o("components.dialog.success.title"), e.content = e.content || o("components.dialog.success.content"), e.button = "success"), t.type === "error" && (e.title = e.title || o("components.dialog.error.title"), e.content = e.content || o("components.dialog.error.content"), e.button = "error"), t.type === "prompt" && (e.title = e.title || o("components.dialog.prompt.title"), e.button = "primary");
-    const s = h({
-      ...t.defaultValue
+    e.type === "confirm" && (t.title = t.title || n("components.dialog.confirm.title"), t.content = t.content || n("components.dialog.confirm.content"), t.button = "primary"), e.type === "success" && (t.title = t.title || n("components.dialog.success.title"), t.content = t.content || n("components.dialog.success.content"), t.button = "success"), e.type === "error" && (t.title = t.title || n("components.dialog.error.title"), t.content = t.content || n("components.dialog.error.content"), t.button = "error"), e.type === "prompt" && (t.title = t.title || n("components.dialog.prompt.title"), t.button = "primary");
+    const s = v({
+      ...e.defaultValue
     }), {
-      render: g
-    } = k({
-      data: t.formSchema || [],
+      render: b
+    } = S({
+      data: e.formSchema || [],
       context: {
         form: s.value
       }
     });
-    return () => n(D, {
+    return () => o(j, {
       displayDirective: "show",
-      show: f.value,
+      show: u.value,
       onAfterLeave: () => {
-        b();
+        m();
       },
       onClose: () => {
         l();
@@ -58,61 +58,60 @@ const z = /* @__PURE__ */ v({
       draggable: !0
     }, {
       default: ({
-        draggableClass: y
+        draggableClass: g
       }) => {
-        var d;
         let a, c, i;
-        return n("div", {
+        return o("div", {
           class: ["w-400px rounded border border-muted max-w-full shadow-lg shadow-gray-950/10 bg-white/70 dark:shadow-gray-950/80  dark:bg-gray-900/70 backdrop-blur"]
-        }, [t.type !== "node" ? n("div", {
-          class: ["p-6 pb-2 flex gap-4", y]
-        }, [n("div", null, [(t.type === "confirm" || t.type === "prompt") && n("div", {
+        }, [e.type !== "node" ? o("div", {
+          class: ["p-6 pb-2 flex gap-4", g]
+        }, [o("div", null, [(e.type === "confirm" || e.type === "prompt") && o("div", {
           class: "bg-warning bg-opacity-10 text-warning rounded-full p-2"
-        }, [n("div", {
+        }, [o("div", {
           class: "i-tabler:info-circle size-5"
-        }, null)]), t.type === "success" && n("div", {
+        }, null)]), e.type === "success" && o("div", {
           class: "bg-success bg-opacity-10 text-success rounded-full p-2"
-        }, [n("div", {
+        }, [o("div", {
           class: "i-tabler:check size-5"
-        }, null)]), t.type === "error" && n("div", {
+        }, null)]), e.type === "error" && o("div", {
           class: "bg-error bg-opacity-10 text-error rounded-full p-2"
-        }, [n("div", {
+        }, [o("div", {
           class: "i-tabler:alert-triangle size-5"
-        }, null)])]), n("div", {
+        }, null)])]), o("div", {
           class: "flex flex-1 flex-col gap-2"
-        }, [n("div", {
+        }, [o("div", {
           class: "text-base font-bold"
-        }, [e.title]), t.type === "prompt" ? n(N, {
+        }, [t.title]), e.type === "prompt" ? o(D, {
           labelAlign: "left",
           showLabel: !1,
           showFeedback: !1,
           class: "py-2"
-        }, r(a = p(g)) ? a : {
+        }, r(a = x(b)) ? a : {
           default: () => [a]
-        }) : n("div", {
+        }) : o("div", {
           class: "text-sm text-gray-500"
-        }, [e.content])])]) : n("div", {
+        }, [t.content])])]) : o("div", {
           class: "p-4 flex flex-col gap-4"
-        }, [n("div", {
+        }, [o("div", {
           class: "text-base font-bold"
-        }, [e.title]), (d = t.render) == null ? void 0 : d.call(t)]), n("div", {
+        }, [t.title]), e.render?.()]), o("div", {
           class: "px-4  pb-4 flex justify-end gap-2"
-        }, [(t.type === "confirm" || t.type === "prompt") && n(u, {
+        }, [(e.type === "confirm" || e.type === "prompt") && o(d, {
           tertiary: !0,
-          "aria-label": o("components.button.cancel"),
-          type: e.button,
+          "aria-label": n("components.button.cancel"),
+          type: t.button,
           onClick: () => {
             l();
           }
-        }, r(c = o("components.button.cancel")) ? c : {
+        }, r(c = n("components.button.cancel")) ? c : {
           default: () => [c]
-        }), n(u, {
-          "aria-label": o("components.button.confirm"),
-          type: e.button,
+        }), o(d, {
+          "aria-label": n("components.button.confirm"),
+          type: t.button,
           onClick: () => {
-            m(s.value);
+            f(s.value);
           }
-        }, r(i = o("components.button.confirm")) ? i : {
+        }, r(i = n("components.button.confirm")) ? i : {
           default: () => [i]
         })])]);
       }
@@ -120,5 +119,5 @@ const z = /* @__PURE__ */ v({
   }
 });
 export {
-  z as default
+  _ as default
 };

package/dist/esm/components/drawer/drawer.js

@@ -1,7 +1,7 @@
-import { defineComponent as c, defineAsyncComponent as m, createVNode as t, Suspense as d } from "vue";
-import { useExtendOverlay as f } from "@overlastic/vue";
-import { NDrawer as r, NSpin as s } from "naive-ui";
-const w = /* @__PURE__ */ c({
+import { defineComponent as s, defineAsyncComponent as u, createVNode as t, Suspense as c } from "vue";
+import { useExtendOverlay as m } from "@overlastic/vue";
+import { NDrawer as d, NSpin as f } from "naive-ui";
+const v = /* @__PURE__ */ s({
   name: "DuxDrawer",
   props: {
     title: String,
@@ -19,38 +19,38 @@ const w = /* @__PURE__ */ c({
   },
   setup(e) {
     const {
-      visible: i,
-      resolve: l,
-      reject: a,
-      vanish: o
-    } = f({
+      visible: a,
+      resolve: o,
+      reject: l,
+      vanish: i
+    } = m({
       duration: 1e3
-    }), n = (e == null ? void 0 : e.componentProps) || {};
-    n.title = e.title, n.onConfirm = l, n.onClose = a;
-    const u = typeof e.component == "function" ? m(e.component) : e.component;
-    return () => t(r, {
+    }), n = e?.componentProps || {};
+    n.title = e.title, n.onConfirm = o, n.onClose = l;
+    const r = typeof e.component == "function" ? u(e.component) : e.component;
+    return () => t(d, {
       closeOnEsc: !1,
       maskClosable: !1,
       minWidth: 200,
-      maxWidth: (e == null ? void 0 : e.maxWidth) || 800,
-      defaultWidth: (e == null ? void 0 : e.width) || 400,
+      maxWidth: e?.maxWidth || 800,
+      defaultWidth: e?.width || 400,
       resizable: !0,
       placement: e.placement,
-      show: i.value,
-      onUpdateShow: () => l(),
+      show: a.value,
+      onUpdateShow: () => o(),
       onAfterLeave: () => {
-        o();
+        i();
       },
       onEsc: () => {
-        a();
+        l();
       },
       autoFocus: !1
     }, {
       default: () => [t("div", {
         class: "h-full"
-      }, [t(d, null, {
-        default: () => t(u, n, null),
-        fallback: () => t(s, {
+      }, [t(c, null, {
+        default: () => t(r, n, null),
+        fallback: () => t(f, {
           show: !0,
           class: "h-full"
         }, {
@@ -63,5 +63,5 @@ const w = /* @__PURE__ */ c({
   }
 });
 export {
-  w as default
+  v as default
 };

package/dist/esm/components/drawer/drawerPage.js

@@ -1,6 +1,6 @@
-import { defineComponent as t, ref as u, watch as d, nextTick as o, createVNode as a } from "vue";
-import { NButton as m, NScrollbar as x } from "naive-ui";
-const h = /* @__PURE__ */ t({
+import { defineComponent as n, ref as a, watch as f, nextTick as i, createVNode as e } from "vue";
+import { NButton as c, NScrollbar as u } from "naive-ui";
+const m = /* @__PURE__ */ n({
   name: "DuxDrawerPage",
   props: {
     title: String,
@@ -11,55 +11,45 @@ const h = /* @__PURE__ */ t({
       default: !0
     }
   },
-  setup(n, {
-    slots: e
+  setup(l, {
+    slots: t
   }) {
-    const c = u();
-    return d(c, (f) => {
-      f && o(() => {
-        var r, i;
-        (i = (r = f.$el) == null ? void 0 : r.focus) == null || i.call(r);
+    const o = a();
+    return f(o, (r) => {
+      r && i(() => {
+        r.$el?.focus?.();
       });
-    }), () => {
-      var f, r, i;
-      return a("div", {
-        class: "h-full flex flex-col"
-      }, [a("div", {
-        class: "flex justify-between items-center p-2 border-b border-default"
-      }, [a("div", {
-        class: "text-base"
-      }, [n == null ? void 0 : n.title]), a("div", {
-        class: "flex items-center gap-2"
-      }, [(f = e.header) == null ? void 0 : f.call(e), a(m, {
-        quaternary: !0,
-        ref: c,
-        size: "small",
-        color: "default",
-        class: "!px-1 h-6",
-        onClick: () => {
-          var l;
-          return (l = n.onClose) == null ? void 0 : l.call(n);
-        }
-      }, {
-        default: () => [a("div", {
-          class: "i-tabler:x w-5 h-5"
-        }, null)]
-      })])]), a("div", {
-        class: "flex-1 min-h-1"
-      }, [n.scrollbar ? a(x, null, {
-        default: () => {
-          var l;
-          return [(l = e.default) == null ? void 0 : l.call(e)];
-        }
-      }) : (r = e.default) == null ? void 0 : r.call(e)]), e.footer && a("div", {
-        class: "flex-none border-t border-muted p-4 flex justify-end gap-2"
-      }, [(i = e.footer) == null ? void 0 : i.call(e, {
-        onClose: n.onClose,
-        onConfirm: n.onConfirm
-      })])]);
-    };
+    }), () => e("div", {
+      class: "h-full flex flex-col"
+    }, [e("div", {
+      class: "flex justify-between items-center p-2 border-b border-default"
+    }, [e("div", {
+      class: "text-base"
+    }, [l?.title]), e("div", {
+      class: "flex items-center gap-2"
+    }, [t.header?.(), e(c, {
+      quaternary: !0,
+      ref: o,
+      size: "small",
+      color: "default",
+      class: "!px-1 h-6",
+      onClick: () => l.onClose?.()
+    }, {
+      default: () => [e("div", {
+        class: "i-tabler:x w-5 h-5"
+      }, null)]
+    })])]), e("div", {
+      class: "flex-1 min-h-1"
+    }, [l.scrollbar ? e(u, null, {
+      default: () => [t.default?.()]
+    }) : t.default?.()]), t.footer && e("div", {
+      class: "flex-none border-t border-muted p-4 flex justify-end gap-2"
+    }, [t.footer?.({
+      onClose: l.onClose,
+      onConfirm: l.onConfirm
+    })])]);
   }
 });
 export {
-  h as DuxDrawerPage
+  m as DuxDrawerPage
 };

package/dist/esm/components/editor/aiEditor.js

@@ -1,9 +1,9 @@
-import { defineComponent as y, ref as S, computed as k, watch as f, onMounted as V, onUnmounted as w, createVNode as x } from "vue";
-import { useTheme as A, useManage as M, useGetAuth as C, useI18n as D, useUpload as E } from "@duxweb/dvha-core";
-import { useVModel as F } from "@vueuse/core";
-import { AiEditor as N } from "aieditor";
-import { useMessage as O } from "naive-ui";
-const z = /* @__PURE__ */ y({
+import { defineComponent as H, ref as y, computed as S, watch as p, onMounted as k, onUnmounted as V, createVNode as w } from "vue";
+import { useTheme as x, useManage as A, useGetAuth as E, useI18n as M, useUpload as C } from "@duxweb/dvha-core";
+import { useVModel as D } from "@vueuse/core";
+import { AiEditor as F } from "aieditor";
+import { useMessage as N } from "naive-ui";
+const T = /* @__PURE__ */ H({
   name: "DuxAiEditor",
   props: {
     value: String,
@@ -17,94 +17,88 @@ const z = /* @__PURE__ */ y({
     },
     onUpdateValue: Function
   },
-  setup(e, {
-    emit: v
+  setup(a, {
+    emit: c
   }) {
-    const u = S();
-    let o = null;
-    const m = A(), {
-      config: p
-    } = M(), P = C(), {
-      t: U
-    } = D(), H = O(), s = F(e, "value", v, {
+    const t = y();
+    let l = null;
+    const s = x(), {
+      config: m
+    } = A(), g = E(), {
+      t: f
+    } = M(), v = N(), d = D(a, "value", c, {
       passive: !0
-    }), n = k(() => {
-      var a;
-      return e.uploadPath || ((a = p.apiPath) == null ? void 0 : a.upload) || "upload";
-    }), i = E({
-      path: n.value,
+    }), r = S(() => a.uploadPath || m.apiPath?.upload || "upload"), n = C({
+      path: r.value,
       autoUpload: !1
     });
-    f(s, (a) => {
-      var t;
-      o && (o.setContent(a || ""), (t = e.onUpdateValue) == null || t.call(e, s.value || ""));
+    p(d, (e) => {
+      l && (l.setContent(e || ""), a.onUpdateValue?.(d.value || ""));
     }, {
       immediate: !0
     });
-    const h = (a) => new Promise((t, r) => {
-      i.addFiles([a], "file").then(() => {
-        i.trigger().then((d) => {
-          d.forEach((l) => {
-            var g;
-            const c = (g = l == null ? void 0 : l.data) == null ? void 0 : g.data;
-            t({
+    const i = (e) => new Promise((o, P) => {
+      n.addFiles([e], "file").then(() => {
+        n.trigger().then((u) => {
+          u.forEach((h) => {
+            const U = h?.data?.data;
+            o({
               errorCode: 0,
               data: {
-                src: c == null ? void 0 : c.url,
-                alt: l == null ? void 0 : l.filename
+                src: U?.url,
+                alt: h?.filename
               }
             });
           });
-        }).catch((d) => {
-          H.error(d.message), r(d);
+        }).catch((u) => {
+          v.error(u.message), P(u);
         }).finally(() => {
-          i.clearFiles();
+          n.clearFiles();
         });
       });
     });
-    return V(() => {
-      var a;
-      o = new N({
-        theme: m.isDark.value ? "dark" : "light",
-        element: u.value,
-        placeholder: U("components.editor.placeholder"),
-        content: e.defaultValue || "",
-        onBlur: (t) => {
-          s.value = t.getHtml();
+    return k(() => {
+      l = new F({
+        theme: s.isDark.value ? "dark" : "light",
+        element: t.value,
+        placeholder: f("components.editor.placeholder"),
+        content: a.defaultValue || "",
+        onBlur: (e) => {
+          d.value = e.getHtml();
         },
         image: {
-          uploadUrl: n.value,
-          uploadHeaders: e.uploadHeaders || {},
-          uploader: h
+          uploadUrl: r.value,
+          uploadHeaders: a.uploadHeaders || {},
+          uploader: i
         },
         video: {
-          uploadUrl: n.value,
-          uploadHeaders: e.uploadHeaders || {},
-          uploader: h
+          uploadUrl: r.value,
+          uploadHeaders: a.uploadHeaders || {},
+          uploader: i
         },
         attachment: {
-          uploadUrl: n.value,
-          uploadHeaders: e.uploadHeaders || {},
-          uploader: h
+          uploadUrl: r.value,
+          uploadHeaders: a.uploadHeaders || {},
+          uploader: i
         },
         ai: {
           models: {
             custom: {
-              url: e.aiPath || ((a = p.apiPath) == null ? void 0 : a.ai) || "ai",
+              url: a.aiPath || m.apiPath?.ai || "ai",
               headers: () => ({
                 "Content-Type": "application/json",
-                Authorization: P.token
+                Authorization: g.token
               }),
-              wrapPayload: (t) => JSON.stringify({
-                prompt: t
+              wrapPayload: (e) => JSON.stringify({
+                prompt: e
               }),
-              parseMessage: (t) => {
-                const r = JSON.parse(t);
+              parseMessage: (e) => {
+                const o = JSON.parse(e);
                 return {
                   role: "assistant",
-                  content: r.message,
-                  index: r.number,
-                  status: r.status
+                  content: o.message,
+                  index: o.number,
+                  status: o.status
                 };
               },
               protocol: "sse"
@@ -112,18 +106,18 @@ const z = /* @__PURE__ */ y({
           }
         }
       });
-    }), w(() => {
-      o == null || o.destroy();
-    }), f(m.isDark, (a) => {
-      u.value && (u.value.classList.remove("aie-theme-dark", "aie-theme-light"), u.value.classList.add(a ? "aie-theme-dark" : "aie-theme-light"));
+    }), V(() => {
+      l?.destroy();
+    }), p(s.isDark, (e) => {
+      t.value && (t.value.classList.remove("aie-theme-dark", "aie-theme-light"), t.value.classList.add(e ? "aie-theme-dark" : "aie-theme-light"));
     }, {
       immediate: !0
-    }), () => x("div", {
-      ref: u,
-      style: `height: ${e.height}; width:100%`
+    }), () => w("div", {
+      ref: t,
+      style: `height: ${a.height}; width:100%`
     }, null);
   }
 });
 export {
-  z as DuxAiEditor
+  T as DuxAiEditor
 };