@duxweb/dvha-pro 0.0.8 → 1.0.14

package/dist/esm/components/data/dynamicSelect.js

@@ -0,0 +1,109 @@
+import { defineComponent as y, ref as h, watch as d, createVNode as s } from "vue";
+import { useClient as D, useI18n as S } from "@duxweb/dvha-core";
+import { useVModel as K } from "@vueuse/core";
+import "naive-ui";
+import "vue-router";
+import "@overlastic/vue";
+import "clsx";
+import "vue-echarts";
+import "vue-cropper";
+import "jinrishici";
+import "lodash-es";
+import { DuxDynamicData as A } from "./dynamicData.js";
+import "aieditor";
+import "vee-validate";
+import "@vee-validate/i18n";
+import "colorizr";
+import "echarts";
+import "@ant-design/colors";
+import "@unocss/preset-icons/browser";
+import "@unocss/preset-typography";
+import "unocss/preset-wind4";
+import "@vee-validate/i18n/dist/locale/en.json";
+import "@vee-validate/i18n/dist/locale/zh_CN.json";
+import "vue-command-palette";
+import "@duxweb/dvha-naiveui";
+import "../../pages/page404.js";
+import "mime";
+import "vue-draggable-plus";
+import { useModal as C } from "../../hooks/modal.js";
+import "dayjs";
+import "@tanstack/vue-query";
+import "pinia";
+const et = /* @__PURE__ */ y({
+  name: "DuxDynamicSelect",
+  props: {
+    rowKey: {
+      type: String,
+      default: "id"
+    },
+    path: String,
+    columns: Array,
+    filterColumns: Array,
+    filterSchema: {
+      type: Array
+    },
+    value: {
+      type: Array,
+      default: []
+    },
+    defaultValue: {
+      type: Array,
+      default: []
+    }
+  },
+  setup(t, {
+    emit: n
+  }) {
+    const e = K(t, "value", n, {
+      passive: !0,
+      defaultValue: t.defaultValue,
+      deep: !0
+    }), p = C(), c = D(), {
+      t: f
+    } = S(), r = h(!0);
+    return d([e, r], () => {
+      var m;
+      if (!r.value || !e.value || e.value.length === 0)
+        return;
+      const o = ((m = e.value) == null ? void 0 : m.map((a) => a[t.rowKey])) || [];
+      c.request({
+        path: t.path,
+        query: {
+          ids: (o == null ? void 0 : o.join(",")) || ""
+        }
+      }).then((a) => {
+        var i;
+        r.value = !1, (i = a == null ? void 0 : a.data) == null || i.forEach((l, u) => {
+          e.value.some((v) => v[t.rowKey] === l[t.rowKey]) ? e.value[u] = {
+            ...e.value[u],
+            ...l
+          } : e.value.push(l);
+        });
+      });
+    }), () => s(A, {
+      value: e.value,
+      "onUpdate:value": (o) => e.value = o,
+      columns: t.columns,
+      onCreate: () => {
+        p.show({
+          component: () => import("./selectModal.js"),
+          componentProps: {
+            path: t.path,
+            columns: t.filterColumns,
+            filterSchema: t.filterSchema
+          },
+          width: 1e3,
+          title: f("buttons.select")
+        }).then((o) => {
+          r.value = !1, o == null || o.forEach((m) => {
+            e.value.some((a) => a[t.rowKey] === m[t.rowKey]) || e.value.push(m);
+          });
+        });
+      }
+    }, null);
+  }
+});
+export {
+  et as DuxDynamicSelect
+};

package/dist/esm/components/data/selectModal.js

@@ -0,0 +1,135 @@
+import { defineComponent as h, computed as C, ref as r, watch as b, createVNode as i, Fragment as x, h as w, mergeProps as z, isVNode as P } from "vue";
+import { useI18n as j, useJsonSchema as k } from "@duxweb/dvha-core";
+import { NButton as u, NDataTable as K } from "naive-ui";
+import "vue-router";
+import "@overlastic/vue";
+import "clsx";
+import "vue-echarts";
+import "@vueuse/core";
+import "vue-cropper";
+import N from "../modal/modalPage.js";
+import "jinrishici";
+import "lodash-es";
+import "vue-draggable-plus";
+import "aieditor";
+import "vee-validate";
+import "@vee-validate/i18n";
+import "colorizr";
+import "echarts";
+import "@ant-design/colors";
+import "@unocss/preset-icons/browser";
+import "@unocss/preset-typography";
+import "unocss/preset-wind4";
+import "@vee-validate/i18n/dist/locale/en.json";
+import "@vee-validate/i18n/dist/locale/zh_CN.json";
+import "vue-command-palette";
+import "@duxweb/dvha-naiveui";
+import "../../pages/page404.js";
+import "mime";
+import "dayjs";
+import "@tanstack/vue-query";
+import { useTable as D } from "../../hooks/table.js";
+import "pinia";
+function p(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !P(e);
+}
+const ce = /* @__PURE__ */ h({
+  name: "Select",
+  props: {
+    path: String,
+    columns: Array,
+    rowKey: {
+      type: String,
+      default: "id"
+    },
+    filterSchema: {
+      type: Array
+    },
+    onConfirm: Function,
+    onClose: Function
+  },
+  setup(e) {
+    const {
+      t: l
+    } = j(), f = C(() => [{
+      type: "selection",
+      fixed: "left"
+    }, ...e.columns || []]), m = r({}), n = r({
+      page: 1,
+      pageSize: 10
+    }), {
+      table: d,
+      list: g,
+      pageCount: s,
+      pageSizes: S,
+      checkeds: v
+    } = D({
+      path: e.path || "",
+      columns: f.value || [],
+      filters: m,
+      pagination: n.value
+    }), c = r([]);
+    b(v, (t) => {
+      var a;
+      c.value = (a = g.value) == null ? void 0 : a.filter((o) => t.includes(o[e.rowKey]));
+    });
+    const y = k({
+      data: e.filterSchema || [],
+      context: {
+        filter: m
+      }
+    });
+    return () => i(N, {
+      title: l("components.data.selectTitle"),
+      onClose: () => {
+        var t;
+        (t = e.onClose) == null || t.call(e);
+      }
+    }, {
+      default: () => i("div", {
+        class: "flex flex-col gap-4"
+      }, [e.filterSchema && i("div", {
+        class: "grid grid-cols-1 md:grid-cols-4 gap-2"
+      }, [w(y.render)]), i(K, z({
+        bordered: !1,
+        maxHeight: 400,
+        rowKey: (t) => t[e.rowKey]
+      }, d.value, {
+        pagination: {
+          page: n.value.page,
+          pageSize: n.value.pageSize,
+          pageCount: s.value,
+          pageSizes: S,
+          onUpdatePage: (t) => {
+            n.value.page = t;
+          },
+          onUpdatePageSize: (t) => {
+            n.value.pageSize = t;
+          }
+        }
+      }), null)]),
+      footer: () => {
+        let t, a;
+        return i(x, null, [i(u, {
+          onClick: () => {
+            var o;
+            (o = e.onClose) == null || o.call(e);
+          }
+        }, p(t = l("components.button.cancel")) ? t : {
+          default: () => [t]
+        }), i(u, {
+          type: "primary",
+          onClick: () => {
+            var o;
+            (o = e.onConfirm) == null || o.call(e, c.value);
+          }
+        }, p(a = l("components.button.select")) ? a : {
+          default: () => [a]
+        })]);
+      }
+    });
+  }
+});
+export {
+  ce as default
+};

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

@@ -1,59 +1,71 @@
-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 { 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);
+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);
 }
-const A = /* @__PURE__ */ y({
+const z = /* @__PURE__ */ v({
   name: "DuxDialog",
   props: {
     title: String,
     content: String,
     type: String,
     formSchema: Array,
+    defaultValue: Object,
     render: Function
   },
   setup(t) {
     const {
       t: o
-    } = h(), {
-      visible: d,
-      resolve: u,
-      reject: f,
-      vanish: m
-    } = S({
+    } = S(), {
+      visible: f,
+      resolve: m,
+      reject: l,
+      vanish: b
+    } = j({
       duration: 1e3
-    }), e = v({
+    }), e = x({
       title: t == null ? void 0 : t.title,
       content: t == null ? void 0 : t.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 {
-      render: b
-    } = w({
-      data: t.formSchema || []
+    const s = h({
+      ...t.defaultValue
+    }), {
+      render: g
+    } = k({
+      data: t.formSchema || [],
+      context: {
+        form: s.value
+      }
     });
-    return () => n(k, {
+    return () => n(D, {
       displayDirective: "show",
-      show: d.value,
+      show: f.value,
       onAfterLeave: () => {
-        m();
+        b();
+      },
+      onClose: () => {
+        l();
+      },
+      onEsc: () => {
+        l();
       },
       role: "dialog",
       "aria-modal": "true",
       draggable: !0
     }, {
       default: ({
-        draggableClass: g
+        draggableClass: y
       }) => {
-        var r;
-        let l, i, a;
+        var d;
+        let a, c, i;
         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]
+          class: ["p-6 pb-2 flex gap-4", y]
         }, [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", {
@@ -70,43 +82,43 @@ const A = /* @__PURE__ */ y({
           class: "flex flex-1 flex-col gap-2"
         }, [n("div", {
           class: "text-base font-bold"
-        }, [e.title]), t.type === "prompt" ? n(j, {
+        }, [e.title]), t.type === "prompt" ? n(N, {
           labelAlign: "left",
           showLabel: !1,
           showFeedback: !1,
           class: "py-2"
-        }, c(l = x(b)) ? l : {
-          default: () => [l]
+        }, r(a = p(g)) ? a : {
+          default: () => [a]
         }) : 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", {
+        }, [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(s, {
+        }, [(t.type === "confirm" || t.type === "prompt") && n(u, {
           tertiary: !0,
           "aria-label": o("components.button.cancel"),
           type: e.button,
           onClick: () => {
-            f();
+            l();
           }
-        }, c(i = o("components.button.cancel")) ? i : {
-          default: () => [i]
-        }), n(s, {
+        }, r(c = o("components.button.cancel")) ? c : {
+          default: () => [c]
+        }), n(u, {
           "aria-label": o("components.button.confirm"),
           type: e.button,
           onClick: () => {
-            u();
+            m(s.value);
           }
-        }, c(a = o("components.button.confirm")) ? a : {
-          default: () => [a]
+        }, r(i = o("components.button.confirm")) ? i : {
+          default: () => [i]
         })])]);
       }
     });
   }
 });
 export {
-  A as default
+  z as default
 };

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

@@ -1,6 +1,6 @@
 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";
+import { useExtendOverlay as f } from "@overlastic/vue";
+import { NDrawer as s, NButton as m, NSpin as b } from "naive-ui";
 const w = /* @__PURE__ */ u({
   name: "DuxDrawer",
   props: {
@@ -19,15 +19,15 @@ const w = /* @__PURE__ */ u({
   setup(e) {
     const {
       visible: i,
-      resolve: l,
-      reject: a,
+      resolve: a,
+      reject: n,
       vanish: o
-    } = s({
+    } = f({
       duration: 1e3
-    }), n = (e == null ? void 0 : e.componentProps) || {};
-    n.onConfirm = l, n.onClose = a;
+    }), l = (e == null ? void 0 : e.componentProps) || {};
+    l.onConfirm = a, l.onClose = n;
     const c = typeof e.component == "function" ? r(e.component) : e.component;
-    return () => t(f, {
+    return () => t(s, {
       closeOnEsc: !1,
       maskClosable: !1,
       minWidth: 400,
@@ -35,11 +35,13 @@ const w = /* @__PURE__ */ u({
       resizable: !0,
       placement: e.placement,
       show: i.value,
-      onUpdateShow: () => l(),
+      onUpdateShow: () => a(),
       onAfterLeave: () => {
         o();
       },
-      class: ""
+      onEsc: () => {
+        n();
+      }
     }, {
       default: () => [t("div", {
         class: "h-full flex flex-col"
@@ -52,13 +54,13 @@ const w = /* @__PURE__ */ u({
         size: "small",
         color: "default",
         class: "!px-1 h-6",
-        onClick: () => a()
+        onClick: () => n()
       }, {
         default: () => [t("div", {
           class: "i-tabler:x w-5 h-5"
         }, null)]
       })])]), t(d, null, {
-        default: () => t(c, n, null),
+        default: () => t(c, l, null),
         fallback: () => t(b, {
           show: !0
         }, {

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

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