@duxweb/dvha-pro 1.0.23 → 1.0.24

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

@@ -1,6 +1,6 @@
-import { defineComponent as f, ref as d, toRef as l, computed as g, createVNode as i } from "vue";
-import { useI18n as x, useExtendForm as y } from "@duxweb/dvha-core";
-import { useMessage as S, NTabs as b } from "naive-ui";
+import { defineComponent as s, ref as c, toRef as d, computed as f, createVNode as o } from "vue";
+import { useI18n as g, useInvalidate as x, useExtendForm as y } from "@duxweb/dvha-core";
+import { useMessage as v, NTabs as S } from "naive-ui";
 import "@overlastic/vue";
 import "vue-router";
 import "clsx";
@@ -39,9 +39,9 @@ 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 { DuxPage as v } from "../../pages/page.js";
+import { DuxPage as b } from "../../pages/page.js";
 import "../../pages/page404.js";
-const ct = /* @__PURE__ */ f({
+const lt = /* @__PURE__ */ s({
   name: "DuxSettingForm",
   props: {
     id: {
@@ -73,27 +73,30 @@ const ct = /* @__PURE__ */ f({
     size: {
       type: String,
       default: "medium"
+    },
+    invalidate: {
+      type: String
     }
   },
   setup(t, {
-    slots: e
+    slots: i
   }) {
-    const a = d(t.defaultTab), c = l(t, "data", {}), {
-      t: o
-    } = x(), n = S(), u = y({
+    const r = c(t.defaultTab), p = d(t, "data", {}), {
+      t: m
+    } = g(), a = v(), {
+      invalidate: u
+    } = x(), n = y({
       id: t.id,
       path: t.path,
-      form: c,
+      form: p,
       action: t.action,
-      onError: (r) => {
-        var m;
-        n.error(r.message || o("components.form.error")), (m = t.onError) == null || m.call(t, r);
+      onError: (e) => {
+        a.error(e.message || m("components.form.error")), t.onError?.(e);
       },
-      onSuccess: (r) => {
-        var m;
-        n.success(o("components.form.success")), (m = t.onSuccess) == null || m.call(t, r);
+      onSuccess: (e) => {
+        a.success(m("components.form.success")), t.onSuccess?.(e), t.invalidate && u(t.invalidate);
       }
-    }), p = g(() => {
+    }), l = f(() => {
       switch (t.size) {
         case "small":
           return "lg:max-w-lg";
@@ -104,28 +107,22 @@ const ct = /* @__PURE__ */ f({
           return "lg:max-w-2xl";
       }
     });
-    return () => i(v, null, {
-      default: () => {
-        var r;
-        return [i("div", {
-          class: `flex flex-col gap-6 w-full ${p.value} mx-auto py-4`
-        }, [t.tabs ? i(b, {
-          defaultValue: t.defaultTab,
-          value: a.value,
-          onUpdateValue: (m) => {
-            a.value = m;
-          },
-          type: "segment"
-        }, {
-          default: () => {
-            var m;
-            return [(m = e == null ? void 0 : e.default) == null ? void 0 : m.call(e, u)];
-          }
-        }) : (r = e == null ? void 0 : e.default) == null ? void 0 : r.call(e, u)])];
-      }
+    return () => o(b, null, {
+      default: () => [o("div", {
+        class: `flex flex-col gap-6 w-full ${l.value} mx-auto py-4`
+      }, [t.tabs ? o(S, {
+        defaultValue: t.defaultTab,
+        value: r.value,
+        onUpdateValue: (e) => {
+          r.value = e;
+        },
+        type: "segment"
+      }, {
+        default: () => [i?.default?.(n)]
+      }) : i?.default?.(n)])]
     });
   }
 });
 export {
-  ct as DuxSettingForm
+  lt as DuxSettingForm
 };

package/dist/esm/components/icon/iconPicker.js

@@ -1,83 +1,79 @@
-import { defineComponent as h, ref as r, onMounted as C, watch as y, createVNode as a } from "vue";
-import { useI18n as b } from "@duxweb/dvha-core";
-import { icons as f } from "@iconify-json/tabler/icons.json";
-import { useOffsetPagination as k } from "@vueuse/core";
-import { NInput as x, NPagination as z } from "naive-ui";
-const N = /* @__PURE__ */ h({
+import { defineComponent as m, ref as l, onMounted as P, watch as h, createVNode as a } from "vue";
+import { useI18n as C } from "@duxweb/dvha-core";
+import { icons as v } from "@iconify-json/tabler/icons.json";
+import { useOffsetPagination as y } from "@vueuse/core";
+import { NInput as b, NPagination as k } from "naive-ui";
+const I = /* @__PURE__ */ m({
   name: "DuxIconPicker",
   props: {
     onConfirm: Function,
     onClose: Function
   },
-  setup(u) {
-    const c = Object.keys(f), i = r(c), l = r(""), s = r([]), v = r(c.length);
-    function t({
-      currentPage: n,
-      currentPageSize: e
+  setup(d) {
+    const i = Object.keys(v), u = l(i), t = l(""), c = l([]), s = l(i.length);
+    function n({
+      currentPage: e,
+      currentPageSize: r
     }) {
-      s.value = i.value.slice((n - 1) * e, n * e);
+      c.value = u.value.slice((e - 1) * r, e * r);
     }
     const {
       currentPage: o,
-      currentPageSize: d,
-      pageCount: m
-    } = k({
-      total: () => v.value,
+      currentPageSize: p,
+      pageCount: g
+    } = y({
+      total: () => s.value,
       page: 1,
       pageSize: 42,
-      onPageChange: t,
-      onPageSizeChange: t,
-      onPageCountChange: t
+      onPageChange: n,
+      onPageSizeChange: n,
+      onPageCountChange: n
     });
-    C(() => {
-      t({
+    P(() => {
+      n({
         currentPage: o.value,
         currentPageSize: 42
       });
-    }), y(l, () => {
-      i.value = Object.keys(f).filter((n) => n.includes(l.value)), v.value = i.value.length, o.value = 1, t({
+    }), h(t, () => {
+      u.value = Object.keys(v).filter((e) => e.includes(t.value)), s.value = u.value.length, o.value = 1, n({
         currentPage: o.value,
-        currentPageSize: d.value
+        currentPageSize: p.value
       });
     }, {
       immediate: !0
     });
     const {
-      t: p
-    } = b();
-    return () => {
-      var n;
-      return a("div", {
-        class: "p-4 flex flex-col gap-4"
-      }, [a(x, {
-        placeholder: p("common.keyword"),
-        value: l.value,
-        "onUpdate:value": (e) => l.value = e,
-        clearable: !0
-      }, null), a("div", {
-        class: "grid grid-cols-6"
-      }, [(n = s.value) == null ? void 0 : n.map((e, P) => a("div", {
-        key: P,
-        class: "flex justify-center items-center",
-        onClick: () => {
-          var g;
-          (g = u.onConfirm) == null || g.call(u, `i-tabler:${e}`);
-        }
-      }, [a("div", {
-        class: "py-2 px-3 hover:bg-primary/10 border border-transparent hover:border-primary-hover rounded cursor-pointer transition-all"
-      }, [a("div", {
-        class: `i-tabler:${e} size-6`
-      }, null)])]))]), a("div", {
-        class: "flex justify-center"
-      }, [a(z, {
-        page: o.value,
-        pageSize: d.value,
-        pageCount: m.value,
-        onUpdatePage: (e) => o.value = e
-      }, null)])]);
-    };
+      t: f
+    } = C();
+    return () => a("div", {
+      class: "p-4 flex flex-col gap-4"
+    }, [a(b, {
+      placeholder: f("common.keyword"),
+      value: t.value,
+      "onUpdate:value": (e) => t.value = e,
+      clearable: !0
+    }, null), a("div", {
+      class: "grid grid-cols-6"
+    }, [c.value?.map((e, r) => a("div", {
+      key: r,
+      class: "flex justify-center items-center",
+      onClick: () => {
+        d.onConfirm?.(`i-tabler:${e}`);
+      }
+    }, [a("div", {
+      class: "py-2 px-3 hover:bg-primary/10 border border-transparent hover:border-primary-hover rounded cursor-pointer transition-all"
+    }, [a("div", {
+      class: `i-tabler:${e} size-6`
+    }, null)])]))]), a("div", {
+      class: "flex justify-center"
+    }, [a(k, {
+      page: o.value,
+      pageSize: p.value,
+      pageCount: g.value,
+      onUpdatePage: (e) => o.value = e
+    }, null)])]);
   }
 });
 export {
-  N as default
+  I as default
 };

package/dist/esm/components/layout/filter.js

@@ -1,5 +1,5 @@
-import { defineComponent as n, inject as r, createVNode as l } from "vue";
-const c = /* @__PURE__ */ n({
+import { defineComponent as f, inject as n, createVNode as e } from "vue";
+const s = /* @__PURE__ */ f({
   name: "DuxTableFilter",
   props: {
     label: {
@@ -7,25 +7,22 @@ const c = /* @__PURE__ */ n({
       default: ""
     }
   },
-  setup(a, {
-    slots: e
+  setup(l, {
+    slots: a
   }) {
-    const t = r("dux.filter", {
+    const t = n("dux.filter", {
       showLabel: !1,
       labelPlacement: "left"
     });
-    return () => {
-      var f;
-      return l("div", {
-        class: ["flex gap-2 gap-2 flex-nowrap", t.labelPlacement === "left" ? "flex-row items-center" : "flex-col"]
-      }, [t.showLabel && a.label && l("div", {
-        class: "text-sm text-default whitespace-nowrap"
-      }, [a.label]), l("div", {
-        class: "flex-1 min-w-60"
-      }, [(f = e.default) == null ? void 0 : f.call(e)])]);
-    };
+    return () => e("div", {
+      class: ["flex gap-2 gap-2 flex-nowrap", t.labelPlacement === "left" ? "flex-row items-center" : "flex-col"]
+    }, [t.showLabel && l.label && e("div", {
+      class: "text-sm text-default whitespace-nowrap"
+    }, [l.label]), e("div", {
+      class: "flex-1 min-w-60"
+    }, [a.default?.()])]);
   }
 });
 export {
-  c as DuxTableFilter
+  s as DuxTableFilter
 };

package/dist/esm/components/layout/filterLayout.js

@@ -1,5 +1,5 @@
-import { defineComponent as t, provide as o, createVNode as f } from "vue";
-const r = /* @__PURE__ */ t({
+import { defineComponent as t, provide as a, createVNode as o } from "vue";
+const n = /* @__PURE__ */ t({
   name: "DuxFilterLayout",
   props: {
     showLabel: {
@@ -18,17 +18,14 @@ const r = /* @__PURE__ */ t({
   setup(e, {
     slots: l
   }) {
-    return o("dux.filter", {
+    return a("dux.filter", {
       showLabel: e.showLabel,
       labelPlacement: e.labelPlacement
-    }), () => {
-      var a;
-      return f("div", {
-        class: ["flex flex-col gap-2", e.horizontal ? "flex-row" : "flex-col"]
-      }, [(a = l.default) == null ? void 0 : a.call(l)]);
-    };
+    }), () => o("div", {
+      class: ["flex flex-col gap-2", e.horizontal ? "flex-row" : "flex-col"]
+    }, [l.default?.()]);
   }
 });
 export {
-  r as DuxFilterLayout
+  n as DuxFilterLayout
 };