@duxweb/dvha-core 0.1.20 → 0.1.21

package/dist/esm/hooks/form.js

@@ -1,8 +1,8 @@
-import { cloneDeep as n } from "lodash-es";
-import { toRef as N, ref as g, watch as L, computed as S } from "vue";
-import { useOne as E, useCreate as D, useUpdate as b } from "./data.js";
-function x(e) {
-  const i = N(e.form || {}), d = g(n(e.form || {})), { data: o, isLoading: v, refetch: l } = E({
+import { cloneDeep as c } from "lodash-es";
+import { toRef as N, ref as b, computed as o, watch as E } from "vue";
+import { useOne as L, useCreate as O, useUpdate as S } from "./data.js";
+function w(e) {
+  const i = N(e, "form", {}), n = b(c(e.form || {})), d = o(() => e.action === "edit" || e.id), { data: v, isLoading: l, refetch: f } = L({
     path: e.path || "",
     id: e.id,
     options: {
@@ -10,58 +10,61 @@ function x(e) {
     },
     providerName: e.providerName
   });
-  L([() => e.action, () => e.id], async ([t]) => {
-    var m;
-    if (t !== "edit")
+  E([() => e.action, () => e.id], async () => {
+    var t;
+    if (!d.value)
       return;
-    await l();
-    const a = n(((m = o.value) == null ? void 0 : m.data) || {});
-    i.value = a, d.value = a;
+    await f();
+    const a = c(((t = v.value) == null ? void 0 : t.data) || {});
+    Object.assign(i.value, a), Object.assign(n.value, a);
   }, {
     immediate: !0
   });
-  const f = () => {
-    i.value = n(d.value);
-  }, u = D({
+  const r = () => {
+    const a = c(n.value);
+    Object.assign(i.value, a);
+  }, u = O({
     path: e.path ?? "",
     data: i.value,
-    onSuccess: (t) => {
-      var a;
-      (a = e.onSuccess) == null || a.call(e, t);
+    onSuccess: (a) => {
+      var t;
+      (t = e.onSuccess) == null || t.call(e, a);
     },
-    onError: (t) => {
-      var a;
-      (a = e.onError) == null || a.call(e, t);
+    onError: (a) => {
+      var t;
+      (t = e.onError) == null || t.call(e, a);
     },
     providerName: e.providerName
-  }), c = b({
+  }), m = S({
     path: e.path ?? "",
     id: e.id,
     data: i.value,
-    onSuccess: (t) => {
-      var a;
-      (a = e.onSuccess) == null || a.call(e, t);
+    onSuccess: (a) => {
+      var t;
+      (t = e.onSuccess) == null || t.call(e, a);
     },
-    onError: (t) => {
-      var a;
-      (a = e.onError) == null || a.call(e, t);
+    onError: (a) => {
+      var t;
+      (t = e.onError) == null || t.call(e, a);
     },
     providerName: e.providerName
-  }), r = () => {
+  }), g = (a) => {
     e.action === "create" ? u.mutate({
-      data: i.value
-    }) : c.mutate({
+      data: a || i.value
+    }) : m.mutate({
       id: e.id,
-      data: i.value
+      data: a || i.value
     });
-  }, h = S(() => v.value || u.isLoading.value || c.isLoading.value);
+  }, h = o(() => l.value || u.isLoading.value || m.isLoading.value);
   return {
     form: i,
+    initData: n,
     isLoading: h,
-    onSubmit: r,
-    onReset: f
+    isEdit: d,
+    onSubmit: g,
+    onReset: r
   };
 }
 export {
-  x as useForm
+  w as useForm
 };

package/dist/esm/hooks/formExtend.js

@@ -0,0 +1,38 @@
+import { toRef as d, computed as c } from "vue";
+import { useForm as l } from "./form.js";
+import { useValidateForm as E } from "./formValidate.js";
+function F(t) {
+  const n = d(t, "form", {}), { validate: m, reset: s } = E({
+    data: n,
+    rules: t.rules
+  }), u = c(() => {
+    const { form: o, ...r } = t;
+    return {
+      ...r,
+      form: o
+    };
+  }), e = l(u.value), a = (o) => {
+    m().then((r) => {
+      var i;
+      if (!r.valid) {
+        (i = t.onError) == null || i.call(t, {
+          message: "表单验证失败"
+        });
+        return;
+      }
+      e.onSubmit(o);
+    });
+  }, f = () => {
+    e.onReset(), s();
+  };
+  return {
+    isLoading: e.isLoading,
+    isEdit: e.isEdit,
+    form: n,
+    onSubmit: a,
+    onReset: f
+  };
+}
+export {
+  F as useExtendForm
+};

package/dist/esm/hooks/formValidate.js

@@ -0,0 +1,28 @@
+import { all as m } from "@vee-validate/rules";
+import { cloneDeep as n } from "lodash-es";
+import { useForm as s, defineRule as u } from "vee-validate";
+import { toRef as c, watch as f } from "vue";
+function b(e) {
+  const t = c(e, "data"), { setValues: a, validate: o, resetForm: r, handleSubmit: i } = s({
+    initialValues: n(t.value || {}),
+    validationSchema: e.rules
+  });
+  return f(t, (l) => {
+    a(l || {}, !1);
+  }, { deep: !0 }), {
+    validate: o,
+    reset: () => {
+      r();
+    },
+    submit: i
+  };
+}
+function v() {
+  Object.entries(m).forEach(([e, t]) => {
+    u(e, t);
+  });
+}
+export {
+  v as initFormValidate,
+  b as useValidateForm
+};

package/dist/esm/hooks/i18n.js

@@ -1,22 +1,30 @@
 import "pinia";
 import "vue";
 import "lodash-es";
-import { useI18nStore as a } from "../stores/i18n.js";
+import { useI18nStore as i } from "../stores/i18n.js";
 import { useManage as g } from "./manage.js";
 function h() {
-  const i = a(), n = g();
+  const a = i(), c = g();
   return {
-    t: (e, o, t) => {
-      var r, c;
-      return (c = (r = n.config) == null ? void 0 : r.i18nProvider) == null ? void 0 : c.t(e, o, t);
+    t: (e, o, r) => {
+      var n, t;
+      return (t = (n = c.config) == null ? void 0 : n.i18nProvider) == null ? void 0 : t.t(e, o, r);
     },
     changeLocale: (e) => {
-      var o, t;
-      return i.setLocale(e), (t = (o = n.config) == null ? void 0 : o.i18nProvider) == null ? void 0 : t.changeLocale(e);
+      var o, r;
+      return a.setLocale(e), (r = (o = c.config) == null ? void 0 : o.i18nProvider) == null ? void 0 : r.changeLocale(e);
     },
     getLocale: () => {
       var e, o;
-      return (o = (e = n.config) == null ? void 0 : e.i18nProvider) == null ? void 0 : o.getLocale();
+      return (o = (e = c.config) == null ? void 0 : e.i18nProvider) == null ? void 0 : o.getLocale();
+    },
+    loadLocale: (e, o) => {
+      var r, n;
+      return (n = (r = c.config) == null ? void 0 : r.i18nProvider) == null ? void 0 : n.loadLocale(e, o);
+    },
+    mergeLocale: (e, o) => {
+      var r, n;
+      return (n = (r = c.config) == null ? void 0 : r.i18nProvider) == null ? void 0 : n.mergeLocale(e, o);
     }
   };
 }

package/dist/esm/hooks/json.js

@@ -1,80 +1,80 @@
-import { computed as J, isRef as y, defineComponent as R, h as A, unref as _ } from "vue";
-import { defaultAdaptors as F } from "./json/index.js";
-import { injectContext as G } from "./json/utils/contextManager.js";
-function w(o) {
-  const v = o.adaptors || F, b = o.components || {}, O = J(() => y(o.data) ? o.data.value : o.data);
-  function P() {
-    return (y(o.context) ? o.context.value : o.context) || {};
+import { computed as R, isRef as A, defineComponent as _, h as b, unref as F } from "vue";
+import { defaultAdaptors as G } from "./json/index.js";
+import { injectContext as N } from "./json/utils/contextManager.js";
+function z(t) {
+  const O = (t == null ? void 0 : t.adaptors) || G, j = (t == null ? void 0 : t.components) || {}, P = R(() => A(t == null ? void 0 : t.data) ? t == null ? void 0 : t.data.value : t == null ? void 0 : t.data);
+  function V() {
+    return (A(t == null ? void 0 : t.context) ? t == null ? void 0 : t.context.value : t == null ? void 0 : t.context) || {};
   }
-  function V(r) {
-    const t = {};
-    return Object.entries(r).forEach(([e, n]) => {
-      if (e === "_context") return;
-      const m = e === "modelValue" || e.startsWith("modelValue") || e !== "value" && (e.includes("model") || e.includes("Model"));
-      t[e] = m && y(n) ? _(n) : n;
-    }), t;
+  function h(e) {
+    const r = {};
+    return Object.entries(e).forEach(([n, f]) => {
+      if (n === "_context") return;
+      const l = n === "modelValue" || n.startsWith("modelValue") || n !== "value" && (n.includes("model") || n.includes("Model"));
+      r[n] = l && A(f) ? F(f) : f;
+    }), r;
   }
-  function p(r, t, e) {
-    return typeof r == "string" ? r : typeof r == "function" ? p(r(t), t, e) : Array.isArray(r) ? r.flatMap((n) => p(n, t, e)).filter(Boolean) : r != null && r.tag ? s(r, !0, e) : r;
+  function s(e, r, n) {
+    return typeof e == "string" ? e : typeof e == "function" ? s(e(r), r, n) : Array.isArray(e) ? e.flatMap((f) => s(f, r, n)).filter(Boolean) : e != null && e.tag ? a(e, !0, n) : e;
   }
-  function h(r, t, e) {
-    if (r)
-      return typeof r == "string" ? r : Array.isArray(r) ? r.flatMap((n) => typeof n == "string" ? n : s(n, t, e)).filter(Boolean) : s(r, t, e);
+  function E(e, r, n) {
+    if (e)
+      return typeof e == "string" ? e : Array.isArray(e) ? e.flatMap((f) => typeof f == "string" ? f : a(f, r, n)).filter(Boolean) : a(e, r, n);
   }
-  function s(r, t = !1, e = {}) {
+  function a(e, r = !1, n = {}) {
     const {
-      tag: n,
-      attrs: m = {},
-      children: E,
-      slots: j
-    } = r, u = {
-      ...P(),
-      ...e
+      tag: f,
+      attrs: l = {},
+      children: J,
+      slots: B
+    } = e, c = {
+      ...V(),
+      ...n
     };
-    let a = {
-      ...m
+    let i = {
+      ...l
     };
-    Object.keys(u).length > 0 && (a = {
-      ...a,
-      ...G({}, u)
+    Object.keys(c).length > 0 && (i = {
+      ...i,
+      ...N({}, c)
     });
-    for (const i of v) {
-      const f = i.process(r, a);
-      if (f) {
-        if (a = f.props, f.skip) return null;
-        if (f.nodes)
-          return f.nodes.map((d) => {
-            var M;
-            const x = ((M = d.attrs) == null ? void 0 : M._context) || {};
-            return s(d, t, {
-              ...u,
-              ...x
+    for (const o of O) {
+      const u = o.process(e, i);
+      if (u) {
+        if (i = u.props, u.skip) return null;
+        if (u.nodes)
+          return u.nodes.map((m) => {
+            var v;
+            const y = ((v = m.attrs) == null ? void 0 : v._context) || {};
+            return a(m, r, {
+              ...c,
+              ...y
             });
           }).filter(Boolean);
       }
     }
-    const c = typeof n == "string" && b[n] ? b[n] : n, B = typeof c != "string", l = V(a);
-    if (j && B && !t) {
-      const i = {};
-      return Object.entries(j).forEach(([f, d]) => {
-        i[f] = (x = {}) => p(d, x, u);
-      }), A(c, l, i);
+    const d = typeof f == "string" && j[f] ? j[f] : f, M = typeof d != "string", g = h(i);
+    if (B && M && !r) {
+      const o = {};
+      return Object.entries(B).forEach(([u, m]) => {
+        o[u] = (y = {}) => s(m, y, c);
+      }), b(d, g, o);
     }
-    const g = h(E, t, u);
-    return B && g !== void 0 ? A(c, l, {
-      default: () => g
-    }) : A(c, l, g);
+    const x = E(J, r, c);
+    return M && x !== void 0 ? b(d, g, {
+      default: () => x
+    }) : b(d, g, x);
   }
   return {
-    render: /* @__PURE__ */ R({
+    render: /* @__PURE__ */ _({
       name: "JsonSchemaRenderer",
       render() {
-        var r;
-        return (r = O.value) == null ? void 0 : r.map((t) => s(t)).filter(Boolean);
+        var e;
+        return (e = P.value) == null ? void 0 : e.map((r) => a(r)).filter(Boolean);
       }
     })
   };
 }
 export {
-  w as useJsonSchema
+  z as useJsonSchema
 };

package/dist/esm/hooks/list.js

@@ -0,0 +1,179 @@
+import { reactiveComputed as V, useCountdown as W } from "@vueuse/core";
+import { toRef as f, ref as r, watch as P, computed as o } from "vue";
+import { useList as X } from "./data.js";
+import { useExportCsv as I } from "./exportCsv.js";
+import { useImportCsv as Y } from "./importCsv.js";
+function ae(t) {
+  const c = f(t, "filters", {}), g = f(t, "sorters", {}), l = f(typeof t.pagination == "object" ? t.pagination : {
+    page: 1,
+    pageSize: 20
+  }), h = [10, 20, 30, 40, 50, 100], x = (e) => h.includes(e) ? h : Array.from({
+    length: 5
+  }, (a, u) => e * (u + 1)), s = r(x(l.value.pageSize));
+  P(() => l.value.pageSize, (e) => {
+    s.value.includes(e) || (s.value = x(e));
+  });
+  const k = (e) => {
+    l.value.pageSize = e, l.value.page = 1;
+  }, L = (e) => {
+    l.value.page = e;
+  }, {
+    data: i,
+    isLoading: R,
+    refetch: w
+  } = X({
+    path: t.path,
+    pagination: t.pagination ? l.value : !1,
+    filters: c.value,
+    sorters: g.value
+  }), F = o(() => {
+    var e;
+    return ((e = i.value) == null ? void 0 : e.data) || [];
+  }), S = o(() => {
+    var e;
+    return ((e = i.value) == null ? void 0 : e.meta) || {};
+  }), E = o(() => {
+    var e, a;
+    return ((e = t.total) == null ? void 0 : e.call(t, i.value)) || ((a = S.value) == null ? void 0 : a[t.totalField || "total"]) || 0;
+  }), U = o(() => Math.ceil(E.value / l.value.pageSize) || 0), A = (e) => {
+    c.value = e;
+  }, y = (e) => {
+    g.value = e;
+  }, n = r([]), z = o(() => {
+    var e, a;
+    return n.value.length > 0 && n.value.length === ((a = (e = i.value) == null ? void 0 : e.data) == null ? void 0 : a.length);
+  }), M = o(() => {
+    var e, a;
+    return n.value.length > 0 && n.value.length < (((a = (e = i.value) == null ? void 0 : e.data) == null ? void 0 : a.length) || 0);
+  }), b = (e) => {
+    const a = n.value.indexOf(e);
+    a > -1 ? n.value.splice(a, 1) : n.value.push(e);
+  }, j = (e) => {
+    n.value = e;
+  }, O = (e) => n.value.includes(e), _ = () => {
+    var e, a;
+    z.value ? n.value = [] : n.value = ((a = (e = i.value) == null ? void 0 : e.data) == null ? void 0 : a.map((u) => u[t.key || "id"]).filter((u) => u != null)) || [];
+  };
+  P(() => {
+    var e;
+    return (e = i.value) == null ? void 0 : e.data;
+  }, () => {
+    n.value = [];
+  });
+  const d = () => {
+    n.value = [], w();
+  }, m = r({
+    page: 1,
+    pageSize: 100
+  }), {
+    trigger: q,
+    isLoading: B
+  } = I({
+    path: t.path,
+    filters: c.value || {},
+    sorters: g.value || {},
+    maxPage: () => l.value.pageSize || t.exportMaxPage || 10,
+    pagination: m.value,
+    filename: t.exportFilename || "data.csv",
+    onSuccess: (e) => {
+      var a;
+      (a = t.onExportSuccess) == null || a.call(t, e), m.value.page = 1;
+    },
+    onProgress: (e) => {
+      var a;
+      (a = t.onExportProgress) == null || a.call(t, e);
+    },
+    onError: (e) => {
+      var a;
+      (a = t.onExportError) == null || a.call(t, e), m.value.page = 1;
+    }
+  }), D = V(() => ({
+    ids: n.value
+  })), {
+    trigger: G,
+    isLoading: H
+  } = I({
+    path: t.path,
+    filters: D,
+    maxPage: 1,
+    filename: t.exportFilename || "rows.csv",
+    onSuccess: (e) => {
+      var a;
+      (a = t.onExportSuccess) == null || a.call(t, e);
+    },
+    onError: (e) => {
+      var a;
+      (a = t.onExportError) == null || a.call(t, e);
+    }
+  }), {
+    open: J,
+    isLoading: K
+  } = Y({
+    path: t.path,
+    onComplete: (e) => {
+      var a;
+      (a = t.onImportSuccess) == null || a.call(t, e);
+    },
+    onProgress: (e) => {
+      var a;
+      (a = t.onImportProgress) == null || a.call(t, e);
+    },
+    onError: (e) => {
+      var a;
+      (a = t.onImportError) == null || a.call(t, e);
+    }
+  }), v = r(!1), {
+    remaining: N,
+    start: C,
+    stop: Q
+  } = W(10, {
+    onComplete: () => {
+      d(), C();
+    }
+  }), T = () => {
+    v.value = !v.value, v.value ? (d(), C()) : Q();
+  };
+  return {
+    // 数据
+    list: F,
+    meta: S,
+    isLoading: R,
+    pagination: l,
+    filters: c,
+    sorters: g,
+    onRefresh: d,
+    onUpdateFilters: A,
+    onUpdateSorters: y,
+    // 选中
+    checkeds: n,
+    isAllChecked: z,
+    isIndeterminate: M,
+    toggleChecked: b,
+    isChecked: O,
+    toggleSelectAll: _,
+    onUpdateChecked: j,
+    // 分页
+    total: E,
+    page: o(() => l.value.page),
+    pageSize: o(() => l.value.pageSize),
+    pageSizes: s.value,
+    pageCount: U,
+    onUpdatePage: L,
+    onUpdatePageSize: k,
+    // 导出
+    onExport: q,
+    isExporting: B,
+    onExportRows: G,
+    isExportingRows: H,
+    // 导入
+    onImport: J,
+    isImporting: K,
+    // 自动刷新
+    autoRefetch: v,
+    onAutoRefetch: T,
+    autoCountdown: N
+  };
+}
+export {
+  ae as useExtendList
+};

package/dist/esm/hooks/manage.js

@@ -1,22 +1,27 @@
 import { trimStart as c } from "lodash-es";
-import { inject as p } from "vue";
+import { inject as h, toRaw as w } from "vue";
+import { useRoute as x } from "vue-router";
 import "pinia";
-import { useManageStore as s } from "../stores/manage.js";
-function w(o) {
-  const e = p("dux.manage");
-  if (o || (o = e == null ? void 0 : e.value), !o)
+import { useManageStore as m } from "../stores/manage.js";
+function U(e) {
+  const n = h("dux.manage");
+  if (e || (e = n == null ? void 0 : n.value), !e)
     throw new Error("manage name is not defined");
-  const { config: t } = s(o);
+  const { config: t } = m(e), s = (o) => `${t == null ? void 0 : t.routePrefix}/${c(o || "", "/")}`, p = (o, i) => {
+    var u, f;
+    const r = (u = t == null ? void 0 : t.dataProvider) == null ? void 0 : u[i || "default"];
+    return ((f = r == null ? void 0 : r.apiUrl) == null ? void 0 : f.call(r, o)) || "";
+  }, l = x(), g = () => {
+    const o = l.path, i = (t == null ? void 0 : t.routePrefix) || "";
+    return c(o.replace(i, ""), "/");
+  };
   return {
-    config: t,
-    getRoutePath: (i) => `${t == null ? void 0 : t.routePrefix}/${c(i || "", "/")}`,
-    getApiUrl: (i, f) => {
-      var n, u;
-      const r = (n = t == null ? void 0 : t.dataProvider) == null ? void 0 : n[f || "default"];
-      return ((u = r == null ? void 0 : r.apiUrl) == null ? void 0 : u.call(r, i)) || "";
-    }
+    config: w(t),
+    getRoutePath: s,
+    getApiUrl: p,
+    getPath: g
   };
 }
 export {
-  w as useManage
+  U as useManage
 };

package/dist/esm/hooks/overlay.js

@@ -1,22 +1,24 @@
 import { useOverlayInject as t } from "@overlastic/vue";
 import "vue";
-import "clsx";
 import "vue-router";
-import { DuxOverlay as m } from "../components/overlay/overlay.js";
 import "pinia";
 import "lodash-es";
 import "@tanstack/vue-query";
 import "json-2-csv";
+import "@vee-validate/rules";
+import "vee-validate";
 import "@vueuse/core";
 import "./json/index.js";
 import "colorizr";
 import "axios";
-function w() {
+import "clsx";
+import { DuxOverlay as m } from "../components/overlay/overlay.js";
+function j() {
   const r = t(m);
   return {
     show: (o) => r(o)
   };
 }
 export {
-  w as useOverlay
+  j as useOverlay
 };

package/dist/esm/hooks/theme.js

@@ -2,15 +2,15 @@ import { useColorMode as Q, useCycleList as W } from "@vueuse/core";
 import { hex2rgb as X } from "colorizr";
 import { storeToRefs as Y } from "pinia";
 import { watchEffect as Z, computed as g, watch as _, readonly as I } from "vue";
+import { themeColor as N } from "../config/color.js";
 import "lodash-es";
-import { useThemeStore as N } from "../stores/theme.js";
-import { useManage as ee } from "./manage.js";
-import { themeColor as te } from "./themeColor.js";
+import { useThemeStore as ee } from "../stores/theme.js";
+import { useManage as te } from "./manage.js";
 function de() {
   var V, M;
-  const f = N(), { mode: L } = Y(f), C = Q({
+  const f = ee(), { mode: L } = Y(f), C = Q({
     storageRef: L
-  }), h = ee(), { state: x, next: O, go: p } = W(["dark", "light", "auto"], {
+  }), h = te(), { state: x, next: O, go: p } = W(["dark", "light", "auto"], {
     initialValue: C.store.value
   });
   Z(() => {
@@ -41,7 +41,7 @@ function de() {
       banner: (s = (r = h.config) == null ? void 0 : r.theme) == null ? void 0 : s.banner
     };
   }), n = { ...{
-    colors: te,
+    colors: N,
     // 色彩类型
     colorTypes: ["primary", "info", "success", "warning", "error", "gray"],
     // 色彩色阶
@@ -49,7 +49,7 @@ function de() {
     // 色彩场景
     colorScenes: {
       light: {
-        default: { default: "500", hover: "600", pressed: "700", focus: "500", disabled: "300" }
+        default: { default: "600", hover: "600", pressed: "700", focus: "500", disabled: "300" }
       },
       dark: {
         default: { default: "500", hover: "400", pressed: "300", focus: "500", disabled: "600" }
@@ -58,14 +58,14 @@ function de() {
     // 语义颜色
     colorSemantic: {
       light: {
-        text: { dimmed: "400", muted: "500", toned: "600", base: "700", highlighted: "900", inverted: "white" },
+        text: { dimmed: "300", muted: "400", toned: "600", base: "800", highlighted: "900", inverted: "white" },
         bg: { base: "white", muted: "50", elevated: "100", accented: "200", inverted: "900" },
-        border: { base: "200", muted: "200", accented: "300", inverted: "900" }
+        border: { base: "100", muted: "200", accented: "300", inverted: "900" }
       },
       dark: {
-        text: { dimmed: "600", muted: "400", toned: "300", base: "500", highlighted: "100", inverted: "black" },
+        text: { dimmed: "600", muted: "500", toned: "300", base: "400", highlighted: "100", inverted: "black" },
         bg: { base: "950", muted: "900", elevated: "800", accented: "700", inverted: "100" },
-        border: { base: "900", muted: "800", accented: "700", inverted: "100" }
+        border: { base: "600", muted: "800", accented: "700", inverted: "100" }
       }
     },
     colorBase: { white: "#ffffff", black: "#000000" }