@duxweb/dvha-pro 0.0.5 → 0.0.7

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

@@ -1,118 +1,112 @@
-import { defineComponent as y, reactive as g, ref as f, createVNode as n, h as v, isVNode as x } from "vue";
+import { defineComponent as y, reactive as v, createVNode as n, h as x, isVNode as p } from "vue";
 import { useI18n as h, useJsonSchema as w } from "@duxweb/dvha-core";
-import { useFocusTrap as F } from "../../node_modules/@vueuse/integrations/useFocusTrap.js";
-import { NForm as S, NButton as m } from "naive-ui";
-function r(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !x(t);
+import { useExtendOverlay as S } from "@overlastic/vue";
+import { NModal as k, NForm as j, NButton as s } from "naive-ui";
+function c(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !p(t);
 }
-const D = /* @__PURE__ */ y({
+const A = /* @__PURE__ */ y({
   name: "DuxDialog",
   props: {
     title: String,
     content: String,
     type: String,
     formSchema: Array,
-    onClose: {
-      type: Function,
-      default: () => {
-      }
-    },
-    onConfirm: {
-      type: Function,
-      default: () => {
-      }
-    },
     render: Function
   },
   setup(t) {
     const {
-      t: l
-    } = h(), e = g({
+      t: o
+    } = h(), {
+      visible: d,
+      resolve: u,
+      reject: f,
+      vanish: m
+    } = S({
+      duration: 1e3
+    }), e = v({
       title: t == null ? void 0 : t.title,
       content: t == null ? void 0 : t.content,
       button: "default"
     });
-    t.type === "confirm" && (e.title = e.title || l("components.dialog.confirm.title"), e.content = e.content || l("components.dialog.confirm.content"), e.button = "primary"), t.type === "success" && (e.title = e.title || l("components.dialog.success.title"), e.content = e.content || l("components.dialog.success.content"), e.button = "success"), t.type === "error" && (e.title = e.title || l("components.dialog.error.title"), e.content = e.content || l("components.dialog.error.content"), e.button = "error"), t.type === "prompt" && (e.title = e.title || l("components.dialog.prompt.title"), e.button = "primary");
+    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 {
       render: b
     } = w({
       data: t.formSchema || []
-    }), s = f(), u = f();
-    return F(u, {
-      immediate: !0,
-      escapeDeactivates: !1,
-      returnFocusOnDeactivate: !0,
-      initialFocus: () => {
-        var o;
-        return (o = s.value) == null ? void 0 : o.$el;
+    });
+    return () => n(k, {
+      displayDirective: "show",
+      show: d.value,
+      onAfterLeave: () => {
+        m();
+      },
+      role: "dialog",
+      "aria-modal": "true",
+      draggable: !0
+    }, {
+      default: ({
+        draggableClass: g
+      }) => {
+        var r;
+        let l, i, a;
+        return n("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", g]
+        }, [n("div", null, [(t.type === "confirm" || t.type === "prompt") && n("div", {
+          class: "bg-warning bg-opacity-10 text-warning rounded-full p-2"
+        }, [n("div", {
+          class: "i-tabler:info-circle size-5"
+        }, null)]), t.type === "success" && n("div", {
+          class: "bg-success bg-opacity-10 text-success rounded-full p-2"
+        }, [n("div", {
+          class: "i-tabler:check size-5"
+        }, null)]), t.type === "error" && n("div", {
+          class: "bg-error bg-opacity-10 text-error rounded-full p-2"
+        }, [n("div", {
+          class: "i-tabler:alert-triangle size-5"
+        }, null)])]), n("div", {
+          class: "flex flex-1 flex-col gap-2"
+        }, [n("div", {
+          class: "text-base font-bold"
+        }, [e.title]), t.type === "prompt" ? n(j, {
+          labelAlign: "left",
+          showLabel: !1,
+          showFeedback: !1,
+          class: "py-2"
+        }, c(l = x(b)) ? l : {
+          default: () => [l]
+        }) : n("div", {
+          class: "text-sm text-gray-500"
+        }, [e.content])])]) : n("div", {
+          class: "p-4 flex flex-col gap-4"
+        }, [n("div", {
+          class: "text-base font-bold"
+        }, [e.title]), (r = t.render) == null ? void 0 : r.call(t)]), n("div", {
+          class: "px-4  pb-4 flex justify-end gap-2"
+        }, [(t.type === "confirm" || t.type === "prompt") && n(s, {
+          tertiary: !0,
+          "aria-label": o("components.button.cancel"),
+          type: e.button,
+          onClick: () => {
+            f();
+          }
+        }, c(i = o("components.button.cancel")) ? i : {
+          default: () => [i]
+        }), n(s, {
+          "aria-label": o("components.button.confirm"),
+          type: e.button,
+          onClick: () => {
+            u();
+          }
+        }, c(a = o("components.button.confirm")) ? a : {
+          default: () => [a]
+        })])]);
       }
-    }), () => {
-      var d;
-      let o, c, a;
-      return n("div", {
-        class: "flex justify-center items-center size-full",
-        role: "dialog",
-        "aria-modal": "true"
-      }, [n("div", {
-        ref: u,
-        class: "w-400px rounded border border-muted max-w-full shadow-lg shadow-gray-950/10 bg-white/80 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"
-      }, [n("div", null, [(t.type === "confirm" || t.type === "prompt") && n("div", {
-        class: "bg-primary bg-opacity-10 text-primary rounded-full p-2"
-      }, [n("div", {
-        class: "i-tabler:info-circle size-5"
-      }, null)]), t.type === "success" && n("div", {
-        class: "bg-success bg-opacity-10 text-success rounded-full p-2"
-      }, [n("div", {
-        class: "i-tabler:check size-5"
-      }, null)]), t.type === "error" && n("div", {
-        class: "bg-error bg-opacity-10 text-error rounded-full p-2"
-      }, [n("div", {
-        class: "i-tabler:alert-triangle size-5"
-      }, null)])]), n("div", {
-        class: "flex flex-1 flex-col gap-2"
-      }, [n("div", {
-        class: "text-base font-bold"
-      }, [e.title]), t.type === "prompt" ? n(S, {
-        labelAlign: "left",
-        showLabel: !1,
-        showFeedback: !1,
-        class: "py-2"
-      }, r(o = v(b)) ? o : {
-        default: () => [o]
-      }) : n("div", {
-        class: "text-sm text-gray-500"
-      }, [e.content])])]) : n("div", {
-        class: "p-4 flex flex-col gap-4"
-      }, [n("div", {
-        class: "text-base font-bold"
-      }, [e.title]), (d = t.render) == null ? void 0 : d.call(t)]), n("div", {
-        class: "px-4  pb-4 flex justify-end gap-2"
-      }, [(t.type === "confirm" || t.type === "prompt") && n(m, {
-        tertiary: !0,
-        "aria-label": l("components.button.cancel"),
-        type: e.button,
-        onClick: () => {
-          var i;
-          (i = t.onClose) == null || i.call(t);
-        }
-      }, r(c = l("components.button.cancel")) ? c : {
-        default: () => [c]
-      }), n(m, {
-        ref: s,
-        "aria-label": l("components.button.confirm"),
-        type: e.button,
-        onClick: () => {
-          var i;
-          (i = t.onConfirm) == null || i.call(t);
-        }
-      }, r(a = l("components.button.confirm")) ? a : {
-        default: () => [a]
-      })])])]);
-    };
+    });
   }
 });
 export {
-  D as default
+  A as default
 };

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

@@ -1,66 +1,68 @@
-import { defineComponent as s, defineAsyncComponent as u, createVNode as e, Suspense as c, mergeProps as d } from "vue";
-import { useExtendOverlay as f } from "../../node_modules/@overlastic/vue/dist/index.js";
-import { NDrawer as m, NButton as b, NSpin as h } from "naive-ui";
-const y = /* @__PURE__ */ s({
+import { defineComponent as u, defineAsyncComponent as r, createVNode as t, Suspense as d } from "vue";
+import { useExtendOverlay as s } from "@overlastic/vue";
+import { NDrawer as f, NButton as m, NSpin as b } from "naive-ui";
+const w = /* @__PURE__ */ u({
   name: "DuxDrawer",
   props: {
     title: String,
     width: [Number, String],
+    placement: {
+      type: String,
+      default: "right"
+    },
     component: {
-      type: Function,
+      type: [Function, Object],
       required: !0
     },
     componentProps: Object
   },
-  setup(t) {
+  setup(e) {
     const {
-      visible: o,
+      visible: i,
       resolve: l,
-      reject: n,
-      vanish: r
-    } = f({
+      reject: a,
+      vanish: o
+    } = s({
       duration: 1e3
-    }), a = (t == null ? void 0 : t.componentProps) || {};
-    a.onConfirm = l, a.onClose = n;
-    const i = u(t.component);
-    return () => e(m, {
+    }), n = (e == null ? void 0 : e.componentProps) || {};
+    n.onConfirm = l, n.onClose = a;
+    const c = typeof e.component == "function" ? r(e.component) : e.component;
+    return () => t(f, {
       closeOnEsc: !1,
       maskClosable: !1,
       minWidth: 400,
-      defaultWidth: (t == null ? void 0 : t.width) || 400,
+      defaultWidth: (e == null ? void 0 : e.width) || 400,
       resizable: !0,
-      show: o.value,
+      placement: e.placement,
+      show: i.value,
       onUpdateShow: () => l(),
       onAfterLeave: () => {
-        r();
+        o();
       },
       class: ""
     }, {
-      default: () => [e("div", {
+      default: () => [t("div", {
         class: "h-full flex flex-col"
-      }, [e("div", {
-        class: "flex justify-between items-center px-4 py-3 border-b border-gray-2 dark:border-gray-3"
-      }, [e("div", {
+      }, [t("div", {
+        class: "flex justify-between items-center px-4 py-3 border-b border-default"
+      }, [t("div", {
         class: "text-base"
-      }, [t == null ? void 0 : t.title]), e("div", null, [e(b, {
+      }, [e == null ? void 0 : e.title]), t("div", null, [t(m, {
         quaternary: !0,
         size: "small",
         color: "default",
         class: "!px-1 h-6",
-        onClick: () => n()
+        onClick: () => a()
       }, {
-        default: () => [e("div", {
+        default: () => [t("div", {
           class: "i-tabler:x w-5 h-5"
         }, null)]
-      })])]), e(c, null, {
-        default: () => e(i, d(a, {
-          onSuccess: l,
-          onClose: n
-        }), null),
-        fallback: () => e(h, {
+      })])]), t(d, null, {
+        default: () => t(c, n, null),
+        fallback: () => t(b, {
           show: !0
         }, {
-          default: () => [e("div", {
+          default: () => [t("div", {
             class: "flex-1 min-h-1"
           }, null)]
         })
@@ -69,5 +71,5 @@ const y = /* @__PURE__ */ s({
   }
 });
 export {
-  y as default
+  w as default
 };

package/dist/esm/components/form/modalForm.js

@@ -1,7 +1,7 @@
 import { defineComponent as C, computed as F, toRef as x, createVNode as i, Fragment as E, resolveComponent as r, mergeProps as v, isVNode as h } from "vue";
 import { useI18n as j, useExtendForm as M } from "@duxweb/dvha-core";
 import { useMessage as D } from "naive-ui";
-import "@vueuse/core";
+import "@overlastic/vue";
 import N from "../modal/modalPage.js";
 import { DuxFormLayout as l } from "./formLayout.js";
 function d(t) {

package/dist/esm/components/form/pageForm.js

@@ -1,8 +1,9 @@
-import { defineComponent as d, toRef as f, createVNode as r } from "vue";
+import { defineComponent as d, toRef as f, createVNode as i } from "vue";
 import { useI18n as p, useExtendForm as g } from "@duxweb/dvha-core";
 import { useMessage as y, NButton as c } from "naive-ui";
-import "../../node_modules/@overlastic/vue/dist/index.js";
+import "@overlastic/vue";
 import "vue-router";
+import "vue-echarts";
 import "clsx";
 import "jinrishici";
 import "lodash-es";
@@ -11,10 +12,14 @@ import "vee-validate";
 import "@duxweb/dvha-naiveui";
 import "pinia";
 import "@vee-validate/i18n";
+import "colorizr";
+import "echarts";
+import "@ant-design/colors";
+import "@unocss/preset-typography";
 import "vue-command-palette";
 import { DuxPage as b } from "../../pages/page.js";
 import "../../pages/page404.js";
-const M = /* @__PURE__ */ d({
+const q = /* @__PURE__ */ d({
   name: "DuxPageForm",
   props: {
     id: {
@@ -50,38 +55,38 @@ const M = /* @__PURE__ */ d({
       path: e.path,
       form: u,
       action: e.action,
-      onError: (n) => {
-        var i;
-        o.error(n.message || m("components.form.error")), (i = e.onError) == null || i.call(e, n);
+      onError: (r) => {
+        var n;
+        o.error(r.message || m("components.form.error")), (n = e.onError) == null || n.call(e, r);
       },
-      onSuccess: (n) => {
-        var i;
-        o.success(m("components.form.success")), (i = e.onSuccess) == null || i.call(e, n);
+      onSuccess: (r) => {
+        var n;
+        o.success(m("components.form.success")), (n = e.onSuccess) == null || n.call(e, r);
       }
     });
-    return () => r(b, {
+    return () => i(b, {
       card: !1
     }, {
       default: () => {
-        var n;
-        return (n = t == null ? void 0 : t.default) == null ? void 0 : n.call(t, a);
+        var r;
+        return (r = t == null ? void 0 : t.default) == null ? void 0 : r.call(t, a);
       },
       actions: () => {
-        var n;
-        return r("div", {
+        var r;
+        return i("div", {
           class: "flex gap-6 items-center"
-        }, [(n = t == null ? void 0 : t.actions) == null ? void 0 : n.call(t, a), r("div", {
+        }, [(r = t == null ? void 0 : t.actions) == null ? void 0 : r.call(t, a), i("div", {
           class: "flex gap-2"
-        }, [r(c, null, {
+        }, [i(c, null, {
           default: () => m("components.button.reset"),
-          icon: () => r("i", {
+          icon: () => i("i", {
             class: "i-tabler:refresh"
           }, null)
-        }), r(c, {
+        }), i(c, {
           type: "primary"
         }, {
           default: () => m("components.button.submit"),
-          icon: () => r("i", {
+          icon: () => i("i", {
             class: "i-tabler:send"
           }, null)
         })])]);
@@ -90,5 +95,5 @@ const M = /* @__PURE__ */ d({
   }
 });
 export {
-  M as DuxPageForm
+  q as DuxPageForm
 };

package/dist/esm/components/form/settingForm.js

@@ -1,8 +1,9 @@
-import { defineComponent as d, ref as l, toRef as g, computed as x, createVNode as m } from "vue";
-import { useI18n as y, useExtendForm as S } from "@duxweb/dvha-core";
-import { useMessage as b, NTabs as p } from "naive-ui";
-import "../../node_modules/@overlastic/vue/dist/index.js";
+import { defineComponent as d, ref as l, toRef as g, computed as x, createVNode as r } from "vue";
+import { useI18n as p, useExtendForm as y } from "@duxweb/dvha-core";
+import { useMessage as S, NTabs as b } from "naive-ui";
+import "@overlastic/vue";
 import "vue-router";
+import "vue-echarts";
 import "clsx";
 import "jinrishici";
 import "lodash-es";
@@ -11,10 +12,14 @@ import "vee-validate";
 import "@duxweb/dvha-naiveui";
 import "pinia";
 import "@vee-validate/i18n";
+import "colorizr";
+import "echarts";
+import "@ant-design/colors";
+import "@unocss/preset-typography";
 import "vue-command-palette";
 import { DuxPage as v } from "../../pages/page.js";
 import "../../pages/page404.js";
-const R = /* @__PURE__ */ d({
+const A = /* @__PURE__ */ d({
   name: "DuxSettingForm",
   props: {
     id: {
@@ -51,20 +56,20 @@ const R = /* @__PURE__ */ d({
   setup(e, {
     slots: t
   }) {
-    const u = l(e.defaultTab), o = g(e, "data", {}), {
-      t: r
-    } = y(), i = b(), c = S({
+    const i = l(e.defaultTab), c = g(e, "data", {}), {
+      t: n
+    } = p(), u = S(), o = y({
       id: e.id,
       path: e.path,
-      form: o,
+      form: c,
       action: e.action,
-      onError: (n) => {
+      onError: (m) => {
         var a;
-        i.error(n.message || r("components.form.error")), (a = e.onError) == null || a.call(e, n);
+        u.error(m.message || n("components.form.error")), (a = e.onError) == null || a.call(e, m);
       },
-      onSuccess: (n) => {
+      onSuccess: (m) => {
         var a;
-        i.success(r("components.form.success")), (a = e.onSuccess) == null || a.call(e, n);
+        u.success(n("components.form.success")), (a = e.onSuccess) == null || a.call(e, m);
       }
     }), f = x(() => {
       switch (e.size) {
@@ -77,28 +82,28 @@ const R = /* @__PURE__ */ d({
           return "lg:max-w-2xl";
       }
     });
-    return () => m(v, null, {
+    return () => r(v, null, {
       default: () => {
-        var n;
-        return [m("div", {
+        var m;
+        return [r("div", {
           class: `flex flex-col gap-6 w-full ${f.value} mx-auto py-4`
-        }, [e.tabs ? m(p, {
+        }, [e.tabs ? r(b, {
           defaultValue: e.defaultTab,
-          value: u.value,
+          value: i.value,
           onUpdateValue: (a) => {
-            u.value = a;
+            i.value = a;
           },
           type: "segment"
         }, {
           default: () => {
             var a;
-            return [(a = t == null ? void 0 : t.default) == null ? void 0 : a.call(t, c)];
+            return [(a = t == null ? void 0 : t.default) == null ? void 0 : a.call(t, o)];
           }
-        }) : (n = t == null ? void 0 : t.default) == null ? void 0 : n.call(t, c)])];
+        }) : (m = t == null ? void 0 : t.default) == null ? void 0 : m.call(t, o)])];
       }
     });
   }
 });
 export {
-  R as DuxSettingForm
+  A as DuxSettingForm
 };