@duxweb/dvha-pro 1.0.17 → 1.0.19

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

@@ -1,6 +1,6 @@
-import { defineComponent as C, computed as p, toRef as x, createVNode as m, Fragment as F, resolveComponent as a, mergeProps as E, isVNode as v } from "vue";
+import { defineComponent as s, computed as C, toRef as F, createVNode as n, Fragment as x, isVNode as E } from "vue";
 import { useI18n as h, useExtendForm as j } from "@duxweb/dvha-core";
-import { useMessage as D } from "naive-ui";
+import { useMessage as v, NButton as a } from "naive-ui";
 import "clsx";
 import "vue-echarts";
 import "vue-router";
@@ -13,12 +13,12 @@ import "@duxweb/dvha-naiveui";
 import "@vueuse/core";
 import "pinia";
 import "vue-cropper";
-import M from "../modal/modalPage.js";
+import D from "../modal/modalPage.js";
 import "jinrishici";
 import "vue-draggable-plus";
 import "aieditor";
 import "vee-validate";
-import { DuxFormLayout as l } from "./formLayout.js";
+import { DuxFormLayout as d } from "./formLayout.js";
 import "@vee-validate/i18n";
 import "colorizr";
 import "echarts";
@@ -30,10 +30,22 @@ import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vue-command-palette";
 import "../../pages/page404.js";
-function d(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !v(t);
+import "@iconify-json/tabler/icons.json";
+import "vue3-ace-editor";
+import "ace-builds/src-noconflict/mode-vue";
+import "ace-builds/src-noconflict/mode-javascript";
+import "ace-builds/src-noconflict/mode-html";
+import "ace-builds/src-noconflict/mode-json";
+import "ace-builds/src-noconflict/mode-json5";
+import "ace-builds/src-noconflict/theme-tomorrow_night";
+import "ace-builds/src-noconflict/theme-tomorrow";
+import "ace-builds/src-noconflict/ext-searchbox";
+import "ace-builds/src-noconflict/ext-language_tools";
+import "ace-builds/src-noconflict/mode-snippets";
+function l(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !E(t);
 }
-const dt = /* @__PURE__ */ C({
+const Et = /* @__PURE__ */ s({
   name: "DuxModalForm",
   props: {
     id: {
@@ -61,68 +73,66 @@ const dt = /* @__PURE__ */ C({
       type: Function
     }
   },
-  extends: l,
+  extends: d,
   setup(t, {
-    slots: i
+    slots: m
   }) {
     const {
-      t: n
-    } = h(), f = p(() => {
+      t: i
+    } = h(), f = C(() => {
       const {
         onClose: o,
         onSuccess: e,
         onError: r,
-        action: N,
-        title: O,
-        id: P,
+        action: M,
+        title: N,
+        id: O,
         path: _,
         data: k,
-        ...S
+        ...b
       } = t;
-      return S;
-    }), g = x(t, "data", {}), c = D(), {
+      return b;
+    }), p = F(t, "data", {}), c = v(), {
       isLoading: u,
-      onSubmit: y,
-      onReset: s,
-      isEdit: b
+      onSubmit: g,
+      onReset: y,
+      isEdit: S
     } = j({
       id: t.id,
       path: t.path,
-      form: g,
+      form: p,
       action: t.action,
       onError: (o) => {
         var e;
-        c.error(o.message || n("components.form.error")), (e = t.onError) == null || e.call(t, o);
+        c.error(o.message || i("components.form.error")), (e = t.onError) == null || e.call(t, o);
       },
       onSuccess: (o) => {
         var e, r;
-        c.success(n("components.form.success")), (e = t.onSuccess) == null || e.call(t, o), (r = t.onClose) == null || r.call(t);
+        c.success(i("components.form.success")), (e = t.onSuccess) == null || e.call(t, o), (r = t.onClose) == null || r.call(t);
       }
     });
-    return () => m(M, {
-      title: (t == null ? void 0 : t.title) || (b.value ? n("components.form.edit") : n("components.form.create")),
+    return () => n(D, {
+      title: (t == null ? void 0 : t.title) || (S.value ? i("components.form.edit") : i("components.form.create")),
       onClose: t == null ? void 0 : t.onClose
     }, {
-      default: () => m(l, E(f.value, {
-        class: "px-2 py-2"
-      }), {
+      default: () => n(d, f.value, {
         default: () => {
           var o;
-          return [(o = i == null ? void 0 : i.default) == null ? void 0 : o.call(i)];
+          return [(o = m == null ? void 0 : m.default) == null ? void 0 : o.call(m)];
         }
       }),
       footer: () => {
         let o, e;
-        return m(F, null, [m(a("n-button"), {
-          onClick: s,
+        return n(x, null, [n(a, {
+          onClick: y,
           loading: u.value
-        }, d(o = n("components.button.reset")) ? o : {
+        }, l(o = i("components.button.reset")) ? o : {
           default: () => [o]
-        }), m(a("n-button"), {
+        }), n(a, {
           type: "primary",
           loading: u.value,
-          onClick: y
-        }, d(e = n("components.button.submit")) ? e : {
+          onClick: () => g()
+        }, l(e = i("components.button.submit")) ? e : {
           default: () => [e]
         })]);
       }
@@ -130,5 +140,5 @@ const dt = /* @__PURE__ */ C({
   }
 });
 export {
-  dt as DuxModalForm
+  Et as DuxModalForm
 };

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

@@ -1,8 +1,9 @@
-import { defineComponent as p, toRef as d, createVNode as i } from "vue";
-import { useI18n as f, useExtendForm as g } from "@duxweb/dvha-core";
-import { useMessage as y, NButton as c } from "naive-ui";
+import { defineComponent as b, toRef as g, createVNode as i } from "vue";
+import { useI18n as x, useTabStore as y, useExtendForm as S } from "@duxweb/dvha-core";
+import { useMessage as s, NButton as p, NScrollbar as h } from "naive-ui";
+import { useRouter as E } from "vue-router";
 import "@overlastic/vue";
-import "vue-router";
+import { DuxCard as F } from "../card/card.js";
 import "clsx";
 import "vue-echarts";
 import "@vueuse/core";
@@ -12,7 +13,20 @@ import "lodash-es";
 import "vue-draggable-plus";
 import "aieditor";
 import "vee-validate";
+import { DuxFormLayout as v } from "./formLayout.js";
+import "@iconify-json/tabler/icons.json";
 import "mime";
+import "vue3-ace-editor";
+import "ace-builds/src-noconflict/mode-vue";
+import "ace-builds/src-noconflict/mode-javascript";
+import "ace-builds/src-noconflict/mode-html";
+import "ace-builds/src-noconflict/mode-json";
+import "ace-builds/src-noconflict/mode-json5";
+import "ace-builds/src-noconflict/theme-tomorrow_night";
+import "ace-builds/src-noconflict/theme-tomorrow";
+import "ace-builds/src-noconflict/ext-searchbox";
+import "ace-builds/src-noconflict/ext-language_tools";
+import "ace-builds/src-noconflict/mode-snippets";
 import "dayjs";
 import "@tanstack/vue-query";
 import "@duxweb/dvha-naiveui";
@@ -27,9 +41,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 b } from "../../pages/page.js";
+import { DuxPage as C } from "../../pages/page.js";
 import "../../pages/page404.js";
-const U = /* @__PURE__ */ p({
+const xt = /* @__PURE__ */ b({
   name: "DuxPageForm",
   props: {
     id: {
@@ -38,6 +52,12 @@ const U = /* @__PURE__ */ p({
     action: {
       type: String
     },
+    title: {
+      type: String
+    },
+    description: {
+      type: String
+    },
     path: {
       type: String
     },
@@ -56,54 +76,73 @@ const U = /* @__PURE__ */ p({
     }
   },
   setup(t, {
-    slots: e
+    slots: r
   }) {
     const {
       t: o
-    } = f(), u = d(t, "data", {}), n = y(), a = g({
+    } = x(), d = g(t, "data", {}), u = s(), l = E(), n = y(), m = S({
       id: t.id,
       path: t.path,
-      form: u,
+      form: d,
       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) => {
+        var a;
+        u.error(e.message || o("components.form.error")), (a = t.onError) == null || a.call(t, e);
       },
-      onSuccess: (r) => {
-        var m;
-        n.success(o("components.form.success")), (m = t.onSuccess) == null || m.call(t, r);
+      onSuccess: (e) => {
+        var a;
+        u.success(o("components.form.success")), (a = t.onSuccess) == null || a.call(t, e), !m.isEdit.value && n.current && n.delTab(n.current, (f) => l.push(f.path || ""));
       }
-    });
-    return () => i(b, {
-      card: !1
+    }), c = n.tabs.find((e) => e.path === n.current);
+    return () => i(C, {
+      card: !1,
+      scrollbar: !1
     }, {
-      default: () => {
-        var r;
-        return (r = e == null ? void 0 : e.default) == null ? void 0 : r.call(e, a);
-      },
-      actions: () => {
-        var r;
-        return i("div", {
-          class: "flex gap-6 items-center"
-        }, [(r = e == null ? void 0 : e.actions) == null ? void 0 : r.call(e, a), i("div", {
-          class: "flex gap-2"
-        }, [i(c, null, {
-          default: () => o("components.button.reset"),
-          icon: () => i("i", {
-            class: "i-tabler:refresh"
-          }, null)
-        }), i(c, {
-          type: "primary"
-        }, {
-          default: () => o("components.button.submit"),
-          icon: () => i("i", {
-            class: "i-tabler:send"
-          }, null)
-        })])]);
-      }
+      default: () => [i(F, {
+        title: (t == null ? void 0 : t.title) || (c == null ? void 0 : c.label) || (m.isEdit.value ? o("components.form.edit") : o("components.form.create")),
+        description: t == null ? void 0 : t.description,
+        class: "h-full flex flex-col",
+        contentClass: "flex-1 min-h-0",
+        contentSize: "none",
+        "header-bordered": !0
+      }, {
+        default: () => i(h, null, {
+          default: () => [i(v, {
+            "label-placement": "page"
+          }, {
+            default: () => {
+              var e;
+              return [(e = r == null ? void 0 : r.default) == null ? void 0 : e.call(r, m)];
+            }
+          })]
+        }),
+        headerExtra: () => {
+          var e;
+          return i("div", {
+            class: "flex gap-6 items-center"
+          }, [(e = r == null ? void 0 : r.actions) == null ? void 0 : e.call(r, m), i("div", {
+            class: "flex gap-2"
+          }, [i(p, {
+            onClick: () => m.onReset()
+          }, {
+            default: () => o("components.button.reset"),
+            icon: () => i("i", {
+              class: "i-tabler:refresh"
+            }, null)
+          }), i(p, {
+            type: "primary",
+            onClick: () => m.onSubmit()
+          }, {
+            default: () => o("components.button.submit"),
+            icon: () => i("i", {
+              class: "i-tabler:device-floppy"
+            }, null)
+          })])]);
+        }
+      })]
     });
   }
 });
 export {
-  U as DuxPageForm
+  xt as DuxPageForm
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as d, ref as l, toRef as p, computed as g, createVNode as r } from "vue";
+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 "@overlastic/vue";
@@ -12,7 +12,19 @@ import "lodash-es";
 import "vue-draggable-plus";
 import "aieditor";
 import "vee-validate";
+import "@iconify-json/tabler/icons.json";
 import "mime";
+import "vue3-ace-editor";
+import "ace-builds/src-noconflict/mode-vue";
+import "ace-builds/src-noconflict/mode-javascript";
+import "ace-builds/src-noconflict/mode-html";
+import "ace-builds/src-noconflict/mode-json";
+import "ace-builds/src-noconflict/mode-json5";
+import "ace-builds/src-noconflict/theme-tomorrow_night";
+import "ace-builds/src-noconflict/theme-tomorrow";
+import "ace-builds/src-noconflict/ext-searchbox";
+import "ace-builds/src-noconflict/ext-language_tools";
+import "ace-builds/src-noconflict/mode-snippets";
 import "dayjs";
 import "@tanstack/vue-query";
 import "@duxweb/dvha-naiveui";
@@ -29,7 +41,7 @@ import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vue-command-palette";
 import { DuxPage as v } from "../../pages/page.js";
 import "../../pages/page404.js";
-const Z = /* @__PURE__ */ d({
+const ct = /* @__PURE__ */ f({
   name: "DuxSettingForm",
   props: {
     id: {
@@ -63,26 +75,26 @@ const Z = /* @__PURE__ */ d({
       default: "medium"
     }
   },
-  setup(e, {
-    slots: t
+  setup(t, {
+    slots: e
   }) {
-    const i = l(e.defaultTab), c = p(e, "data", {}), {
-      t: n
-    } = x(), o = S(), u = y({
-      id: e.id,
-      path: e.path,
+    const a = d(t.defaultTab), c = l(t, "data", {}), {
+      t: o
+    } = x(), n = S(), u = y({
+      id: t.id,
+      path: t.path,
       form: c,
-      action: e.action,
-      onError: (a) => {
+      action: t.action,
+      onError: (r) => {
         var m;
-        o.error(a.message || n("components.form.error")), (m = e.onError) == null || m.call(e, a);
+        n.error(r.message || o("components.form.error")), (m = t.onError) == null || m.call(t, r);
       },
-      onSuccess: (a) => {
+      onSuccess: (r) => {
         var m;
-        o.success(n("components.form.success")), (m = e.onSuccess) == null || m.call(e, a);
+        n.success(o("components.form.success")), (m = t.onSuccess) == null || m.call(t, r);
       }
-    }), f = g(() => {
-      switch (e.size) {
+    }), p = g(() => {
+      switch (t.size) {
         case "small":
           return "lg:max-w-lg";
         case "large":
@@ -92,28 +104,28 @@ const Z = /* @__PURE__ */ d({
           return "lg:max-w-2xl";
       }
     });
-    return () => r(v, null, {
+    return () => i(v, null, {
       default: () => {
-        var a;
-        return [r("div", {
-          class: `flex flex-col gap-6 w-full ${f.value} mx-auto py-4`
-        }, [e.tabs ? r(b, {
-          defaultValue: e.defaultTab,
-          value: i.value,
+        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) => {
-            i.value = m;
+            a.value = m;
           },
           type: "segment"
         }, {
           default: () => {
             var m;
-            return [(m = t == null ? void 0 : t.default) == null ? void 0 : m.call(t, u)];
+            return [(m = e == null ? void 0 : e.default) == null ? void 0 : m.call(e, u)];
           }
-        }) : (a = t == null ? void 0 : t.default) == null ? void 0 : a.call(t, u)])];
+        }) : (r = e == null ? void 0 : e.default) == null ? void 0 : r.call(e, u)])];
       }
     });
   }
 });
 export {
-  Z as DuxSettingForm
+  ct as DuxSettingForm
 };

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

@@ -0,0 +1,89 @@
+import { defineComponent as n, createVNode as t } from "vue";
+import { useI18n as l } from "@duxweb/dvha-core";
+import { useVModel as a } from "@vueuse/core";
+import { NButton as u } from "naive-ui";
+import "vue-router";
+import "@overlastic/vue";
+import "clsx";
+import "vue-echarts";
+import "vue-cropper";
+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 "@iconify-json/tabler/icons.json";
+import "mime";
+import "vue3-ace-editor";
+import "ace-builds/src-noconflict/mode-vue";
+import "ace-builds/src-noconflict/mode-javascript";
+import "ace-builds/src-noconflict/mode-html";
+import "ace-builds/src-noconflict/mode-json";
+import "ace-builds/src-noconflict/mode-json5";
+import "ace-builds/src-noconflict/theme-tomorrow_night";
+import "ace-builds/src-noconflict/theme-tomorrow";
+import "ace-builds/src-noconflict/ext-searchbox";
+import "ace-builds/src-noconflict/ext-language_tools";
+import "ace-builds/src-noconflict/mode-snippets";
+import { useModal as c } from "../../hooks/modal.js";
+import "dayjs";
+import "@tanstack/vue-query";
+import "pinia";
+const to = /* @__PURE__ */ n({
+  name: "DuxIconPicker",
+  props: {
+    defaultValue: String,
+    value: String
+  },
+  setup(r, {
+    emit: m
+  }) {
+    const o = a(r, "value", m, {
+      defaultValue: r.defaultValue,
+      passive: !0
+    }), p = c(), {
+      t: e
+    } = l();
+    return () => t(u, {
+      dashed: !o.value,
+      onClick: () => {
+        p.show({
+          title: e("components.iconPicker.title"),
+          component: () => import("./iconPicker.js")
+        }).then((i) => {
+          o.value = i;
+        });
+      },
+      iconPlacement: "right"
+    }, {
+      default: () => t("div", {
+        class: "flex gap-2 items-center"
+      }, [o.value ? t("div", {
+        class: `size-4 ${o.value || ""}`
+      }, null) : void 0, e("components.iconPicker.title")]),
+      icon: () => o.value ? t("div", {
+        class: "rounded-full p-1 hover:bg-gray-2 hover:text-gray-7",
+        onClick: (i) => {
+          i.stopPropagation(), o.value = void 0;
+        }
+      }, [t("div", {
+        class: "size-4 i-tabler:x"
+      }, null)]) : void 0
+    });
+  }
+});
+export {
+  to as DuxIconPicker
+};

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

@@ -0,0 +1,83 @@
+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({
+  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
+    }) {
+      s.value = i.value.slice((n - 1) * e, n * e);
+    }
+    const {
+      currentPage: o,
+      currentPageSize: d,
+      pageCount: m
+    } = k({
+      total: () => v.value,
+      page: 1,
+      pageSize: 42,
+      onPageChange: t,
+      onPageSizeChange: t,
+      onPageCountChange: t
+    });
+    C(() => {
+      t({
+        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({
+        currentPage: o.value,
+        currentPageSize: d.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)])]);
+    };
+  }
+});
+export {
+  N as default
+};

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

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