@duxweb/dvha-pro 1.0.23 → 1.0.24

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

@@ -1,7 +1,7 @@
-import { defineComponent as c, computed as s, createVNode as e, Transition as p, Fragment as m } from "vue";
-import { useI18n as y } from "@duxweb/dvha-core";
-import { NButton as u, NDropdown as g } from "naive-ui";
-const x = /* @__PURE__ */ c({
+import { defineComponent as d, computed as o, createVNode as e, Transition as c, Fragment as p } from "vue";
+import { useI18n as m } from "@duxweb/dvha-core";
+import { NButton as r, NDropdown as y } from "naive-ui";
+const v = /* @__PURE__ */ d({
   name: "DuxTableTools",
   props: {
     number: {
@@ -19,11 +19,11 @@ const x = /* @__PURE__ */ c({
   },
   setup(t) {
     const {
-      t: i
-    } = y(), l = s(() => t.group ? t.group : [t.options]), d = s(() => t.number && t.number > 0);
+      t: s
+    } = m(), n = o(() => t.group ? t.group : [t.options]), u = o(() => t.number && t.number > 0);
     return () => e("div", {
       class: "absolute  bottom-0 left-0 right-0 pointer-events-none"
-    }, [e(p, {
+    }, [e(c, {
       name: "slide-up",
       appear: !0,
       enterActiveClass: "transition-all duration-200 ease-out",
@@ -33,46 +33,43 @@ const x = /* @__PURE__ */ c({
       leaveFromClass: "transform translate-y-0 opacity-100",
       leaveToClass: "transform translate-y-full opacity-0"
     }, {
-      default: () => {
-        var r;
-        return [d.value ? e("div", {
-          class: "flex h-12 px-1 justify-between lg:justify-center gap-2 pointer-events-auto backdrop-blur"
-        }, [(r = l.value) == null ? void 0 : r.map((n, o) => e("div", {
-          class: "h-10 mt-1 bg-gray-800 rounded px-4 py-1 shadow-lg flex items-center gap-4"
-        }, [o === l.value.length - 1 && e(m, null, [e("span", {
-          class: "text-gray-300"
-        }, [i("components.list.selectedItems", {
-          num: t.number || 0
-        })]), e("div", {
-          class: "w-px h-4 bg-gray-600"
-        }, null)]), n == null ? void 0 : n.map((a) => e(u, {
+      default: () => [u.value ? e("div", {
+        class: "flex h-12 px-1 justify-between lg:justify-center gap-2 pointer-events-auto backdrop-blur"
+      }, [n.value?.map((i, l) => e("div", {
+        class: "h-10 mt-1 bg-gray-800 rounded px-4 py-1 shadow-lg flex items-center gap-4"
+      }, [l === n.value.length - 1 && e(p, null, [e("span", {
+        class: "text-gray-300"
+      }, [s("components.list.selectedItems", {
+        num: t.number || 0
+      })]), e("div", {
+        class: "w-px h-4 bg-gray-600"
+      }, null)]), i?.map((a) => e(r, {
+        text: !0,
+        onClick: a.onClick,
+        class: "text-gray-300",
+        loading: a.loading,
+        disabled: a.disabled,
+        type: a.type
+      }, {
+        default: () => a.label,
+        icon: () => e("div", {
+          class: a.icon
+        }, null)
+      })), l === n.value.length - 1 && t.dropdown && t.dropdown.length > 0 && e(y, {
+        options: t.dropdown
+      }, {
+        default: () => [e(r, {
           text: !0,
-          onClick: a.onClick,
-          class: "text-gray-300",
-          loading: a.loading,
-          disabled: a.disabled,
-          type: a.type
+          class: "text-gray-300"
         }, {
-          default: () => a.label,
           icon: () => e("div", {
-            class: a.icon
+            class: "i-tabler:dots-vertical size-4"
           }, null)
-        })), o === l.value.length - 1 && t.dropdown && t.dropdown.length > 0 && e(g, {
-          options: t.dropdown
-        }, {
-          default: () => [e(u, {
-            text: !0,
-            class: "text-gray-300"
-          }, {
-            icon: () => e("div", {
-              class: "i-tabler:dots-vertical size-4"
-            }, null)
-          })]
-        })]))]) : null];
-      }
+        })]
+      })]))]) : null]
     })]);
   }
 });
 export {
-  x as DuxTableTools
+  v as DuxTableTools
 };

package/dist/esm/components/list/card.js

@@ -1,6 +1,6 @@
-import { defineComponent as v, ref as W, computed as l, toRef as S, createVNode as g } from "vue";
+import { defineComponent as v, ref as W, computed as r, toRef as S, createVNode as m } from "vue";
 import { useElementSize as y, useWindowSize as z, watchDebounced as M } from "@vueuse/core";
-import { DuxListLayout as s } from "../layout/list.js";
+import { DuxListLayout as g } from "../layout/list.js";
 const j = /* @__PURE__ */ v({
   name: "DuxCardPage",
   props: {
@@ -25,61 +25,58 @@ const j = /* @__PURE__ */ v({
       default: ""
     }
   },
-  extends: s,
+  extends: g,
   slots: Object,
-  setup(e, {
-    slots: t
+  setup(t, {
+    slots: a
   }) {
     const f = W(), {
-      width: u
+      width: s
     } = y(f), {
       width: h
-    } = z(), p = l(() => e.colWidth || 320), r = (a = 0) => {
-      const o = a || h.value || 1024, i = e.colWidth || 320, d = e.rows || 4, b = e.maxRows || 10, c = 0.25 * 16 * 3, m = Math.max(1, Math.floor((o + c) / (i + c))), x = Math.floor((1920 + c) / (i + c)) * d, C = Math.ceil(x / m), R = Math.min(Math.max(C, d), b);
-      return m * R;
-    }, n = S(e.pagination && typeof e.pagination == "object" ? e.pagination : {
+    } = z(), p = r(() => t.colWidth || 320), u = (e = 0) => {
+      const i = e || h.value || 1024, c = t.colWidth || 320, n = t.rows || 4, b = t.maxRows || 10, d = 0.25 * 16 * 3, l = Math.max(1, Math.floor((i + d) / (c + d))), x = Math.floor((1920 + d) / (c + d)) * n, C = Math.ceil(x / l), R = Math.min(Math.max(C, n), b);
+      return l * R;
+    }, o = S(t.pagination && typeof t.pagination == "object" ? t.pagination : {
       page: 1,
-      pageSize: r()
+      pageSize: u()
     });
-    M([u], () => {
-      if (e.pagination && typeof e.pagination == "object")
+    M([s], () => {
+      if (t.pagination && typeof t.pagination == "object")
         return;
-      const a = r(u.value);
-      a !== n.value.pageSize && (n.value.pageSize = a, n.value.page = 1);
+      const e = u(s.value);
+      e !== o.value.pageSize && (o.value.pageSize = e, o.value.page = 1);
     }, {
       debounce: 300
     });
-    const w = l(() => {
+    const w = r(() => {
       const {
-        maxRows: a,
-        rows: o,
-        colWidth: i,
-        ...d
-      } = e;
+        maxRows: e,
+        rows: i,
+        colWidth: c,
+        ...n
+      } = t;
       return {
-        ...d,
-        pagination: n.value
+        ...n,
+        pagination: o.value
       };
     });
-    return () => g(s, w.value, {
-      default: (a) => g("div", {
+    return () => m(g, w.value, {
+      default: (e) => m("div", {
         class: "grid gap-3",
         style: {
           "grid-template-columns": `repeat(auto-fit, minmax(${p.value}px, 1fr))`
         }
-      }, [a.list.value.map((o) => {
-        var i;
-        return (i = t == null ? void 0 : t.default) == null ? void 0 : i.call(t, {
-          item: o,
-          isChecked: a.isChecked,
-          toggleChecked: a.toggleChecked
-        });
-      })]),
-      actions: t.actions,
-      tools: t.tools,
-      bottom: t.bottom,
-      sideLeft: t.sideLeft,
-      sideRight: t.sideRight
+      }, [e.list.value.map((i) => a?.default?.({
+        item: i,
+        isChecked: e.isChecked,
+        toggleChecked: e.toggleChecked
+      }))]),
+      actions: a.actions,
+      tools: a.tools,
+      bottom: a.bottom,
+      sideLeft: a.sideLeft,
+      sideRight: a.sideRight
     });
   }
 });

package/dist/esm/components/list/list.js

@@ -1,6 +1,6 @@
-import { defineComponent as p, computed as r, createVNode as d } from "vue";
-import { DuxListLayout as a } from "../layout/list.js";
-const u = /* @__PURE__ */ p({
+import { defineComponent as c, computed as n, createVNode as i } from "vue";
+import { DuxListLayout as o } from "../layout/list.js";
+const f = /* @__PURE__ */ c({
   name: "DuxListPage",
   props: {
     sideLeftTitle: {
@@ -12,30 +12,27 @@ const u = /* @__PURE__ */ p({
       default: ""
     }
   },
-  extends: a,
+  extends: o,
   slots: Object,
-  setup(o, {
+  setup(d, {
     slots: e
   }) {
-    const c = r(() => {
+    const s = n(() => {
       const {
         ...t
-      } = o;
+      } = d;
       return {
         ...t
       };
     });
-    return () => d(a, c.value, {
-      default: (t) => d("div", {
+    return () => i(o, s.value, {
+      default: (t) => i("div", {
         class: "flex flex-col gap-3"
-      }, [t.list.value.map((n) => {
-        var i;
-        return (i = e == null ? void 0 : e.default) == null ? void 0 : i.call(e, {
-          item: n,
-          isChecked: t.isChecked,
-          toggleChecked: t.toggleChecked
-        });
-      })]),
+      }, [t.list.value.map((a) => e?.default?.({
+        item: a,
+        isChecked: t.isChecked,
+        toggleChecked: t.toggleChecked
+      }))]),
       actions: e.actions,
       tools: e.tools,
       bottom: e.bottom,
@@ -45,5 +42,5 @@ const u = /* @__PURE__ */ p({
   }
 });
 export {
-  u as DuxListPage
+  f as DuxListPage
 };

package/dist/esm/components/media/media.js

@@ -1,12 +1,12 @@
-import { defineComponent as h, computed as y, createVNode as i, Fragment as k, isVNode as A } from "vue";
-import b from "clsx";
-import { NImageGroup as S } from "naive-ui";
-import { DuxAvatar as C } from "../widget/avatar.js";
-import { DuxImage as N } from "../widget/image.js";
-function j(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !A(e);
+import { defineComponent as u, computed as m, createVNode as t, Fragment as g, isVNode as x } from "vue";
+import f from "clsx";
+import { NImageGroup as o } from "naive-ui";
+import { DuxAvatar as d } from "../widget/avatar.js";
+import { DuxImage as v } from "../widget/image.js";
+function s(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !x(e);
 }
-const I = /* @__PURE__ */ h({
+const S = /* @__PURE__ */ u({
   name: "DuxMedia",
   props: {
     title: String,
@@ -17,63 +17,62 @@ const I = /* @__PURE__ */ h({
     onClick: Function,
     imageWidth: {
       type: Number,
-      default: 48
+      default: 42
     },
     imageHeight: {
       type: Number,
-      default: 48
+      default: 42
     }
   },
   setup(e, {
     slots: a
   }) {
-    const c = y(() => Array.isArray(e.image) ? e.image : e.image ? [e.image] : []), t = y(() => Array.isArray(e.desc) ? e.desc : e.desc ? [e.desc] : []);
+    const l = m(() => Array.isArray(e.image) ? e.image : e.image ? [e.image] : []), c = m(() => Array.isArray(e.desc) ? e.desc : e.desc ? [e.desc] : []);
     return () => {
-      var u, d, g, x, f, v, l;
       let r;
-      return i("div", {
+      return t("div", {
         class: "flex gap-2 items-center"
-      }, [(a == null ? void 0 : a.image) && i("div", {
+      }, [a?.image && t("div", {
         class: "flex-none flex items-center gap-2"
-      }, [(u = a == null ? void 0 : a.image) == null ? void 0 : u.call(a)]), (c == null ? void 0 : c.value.length) > 0 && i("div", {
+      }, [a?.image?.()]), (e.avatar || l?.value.length > 0) && t("div", {
         class: "flex-none flex items-center gap-2"
-      }, [e.avatar ? i(k, null, [c.value.map((n, m) => i(C, {
-        key: m,
-        src: n,
+      }, [e.avatar ? t(g, null, [l.value.length > 0 ? l.value.map((i, n) => t(d, {
+        key: n,
+        src: i,
         round: !0,
         size: e.imageWidth
-      }, null))]) : i(S, null, j(r = c.value.map((n, m) => i(N, {
-        key: m,
-        src: n,
+      }, null)) : t(d, {
+        round: !0,
+        size: e.imageWidth
+      }, null)]) : t(o, null, s(r = l.value.map((i, n) => t(v, {
+        key: n,
+        src: i,
         class: "rounded",
         objectFit: "cover",
         width: e.imageWidth,
         height: e.imageHeight
       }, null))) ? r : {
         default: () => [r]
-      })]), i("div", {
+      })]), t("div", {
         class: "flex-1 flex-col gap-2 min-w-0 truncate items-center"
-      }, [i("div", {
+      }, [t("div", {
         class: "flex gap-2 items-center"
-      }, [(d = a.prefix) == null ? void 0 : d.call(a), (e.title || a.default) && i("div", {
-        onClick: () => {
-          var n;
-          return (n = e.onClick) == null ? void 0 : n.call(e);
-        },
-        class: b(["transition-all truncate", (e == null ? void 0 : e.onClick) && "hover:text-primary cursor-pointer"])
-      }, [e.title || ((g = a.default) == null ? void 0 : g.call(a))])]), ((t == null ? void 0 : t.value.length) > 0 || a.desc) && i("div", {
+      }, [a.prefix?.(), (e.title || a.default) && t("div", {
+        onClick: () => e.onClick?.(),
+        class: f(["transition-all truncate", e?.onClick && "hover:text-primary cursor-pointer"])
+      }, [e.title || a.default?.()])]), (c?.value.length > 0 || a.desc) && t("div", {
         class: "text-sm text-muted flex flex-col gap-0"
-      }, [(f = t == null ? void 0 : (x = t.value).map) == null ? void 0 : f.call(x, (n, m) => i("div", {
-        key: m,
+      }, [c?.value.map?.((i, n) => t("div", {
+        key: n,
         class: "truncate"
-      }, [n])), (v = a.desc) == null ? void 0 : v.call(a)])]), (e == null ? void 0 : e.extend) && i("div", {
+      }, [i])), a.desc?.()])]), e?.extend && t("div", {
         class: "flex-none flex items-center gap-2 text-gray-7"
-      }, [e == null ? void 0 : e.extend]), (a == null ? void 0 : a.extend) && i("div", {
+      }, [e?.extend]), a?.extend && t("div", {
         class: "flex-none flex items-center gap-2 text-gray-7"
-      }, [(l = a == null ? void 0 : a.extend) == null ? void 0 : l.call(a)])]);
+      }, [a?.extend?.()])]);
     };
   }
 });
 export {
-  I as DuxMedia
+  S as DuxMedia
 };

package/dist/esm/components/modal/modal.js

@@ -1,7 +1,7 @@
-import { defineComponent as c, defineAsyncComponent as m, createVNode as t, mergeProps as n, Suspense as s } from "vue";
+import { defineComponent as s, defineAsyncComponent as c, createVNode as t, mergeProps as n, Suspense as m } from "vue";
 import { useExtendOverlay as f } from "@overlastic/vue";
 import { NModal as g, NSpin as b } from "naive-ui";
-const v = /* @__PURE__ */ c({
+const w = /* @__PURE__ */ s({
   name: "DuxModal",
   props: {
     title: {
@@ -28,17 +28,17 @@ const v = /* @__PURE__ */ c({
       visible: l,
       resolve: d,
       reject: a,
-      vanish: i
+      vanish: r
     } = f({
       duration: 1e3
-    }), o = (e == null ? void 0 : e.componentProps) || {};
+    }), o = e?.componentProps || {};
     o.title = e.title, o.onConfirm = d, o.onClose = a;
-    const r = typeof e.component == "function" ? m(e.component) : e.component;
+    const i = typeof e.component == "function" ? c(e.component) : e.component;
     return () => t(g, n({
       displayDirective: "show",
       show: l.value,
       onAfterLeave: () => {
-        i();
+        r();
       },
       onClose: () => {
         a();
@@ -60,8 +60,8 @@ const v = /* @__PURE__ */ c({
         style: {
           width: typeof e.width == "number" ? `${e.width}px` : e.width
         }
-      }, [t(s, null, {
-        default: () => t(r, n(o, {
+      }, [t(m, null, {
+        default: () => t(i, n(o, {
           title: e.title,
           handle: u
         }), null),
@@ -77,6 +77,6 @@ const v = /* @__PURE__ */ c({
   }
 });
 export {
-  v as DuxModal,
-  v as default
+  w as DuxModal,
+  w as default
 };

package/dist/esm/components/modal/modalPage.js

@@ -1,6 +1,6 @@
-import { defineComponent as f, ref as l, watch as o, nextTick as u, createVNode as a } from "vue";
-import { NButton as c } from "naive-ui";
-const x = /* @__PURE__ */ f({
+import { defineComponent as o, ref as r, watch as n, nextTick as i, createVNode as e } from "vue";
+import { NButton as f } from "naive-ui";
+const c = /* @__PURE__ */ o({
   name: "DuxModalPage",
   props: {
     title: {
@@ -20,42 +20,38 @@ const x = /* @__PURE__ */ f({
       }
     }
   },
-  setup(n, {
-    slots: e
+  setup(t, {
+    slots: a
   }) {
-    const i = l();
-    return o(i, (t) => {
-      t && u(() => {
-        var d, r;
-        (r = (d = t.$el) == null ? void 0 : d.focus) == null || r.call(d);
+    const l = r();
+    return n(l, (d) => {
+      d && i(() => {
+        d.$el?.focus?.();
       });
-    }), () => {
-      var t, d, r;
-      return a("div", {
-        class: "flex flex-col"
-      }, [a("div", {
-        class: ["px-4 py-3 border-b border-muted rounded-t flex justify-between items-center  bg-white dark:bg-gray-800/50", n.draggable && "cursor-move", n.handle]
-      }, [a("div", {
-        class: "text-base font-bold"
-      }, [n.title]), a("div", {
-        class: "flex justify-end gap-2"
-      }, [a(c, {
-        text: !0,
-        onClick: n.onClose,
-        "aria-label": "close",
-        ref: i
-      }, {
-        icon: () => a("div", {
-          class: "i-tabler:x"
-        }, null)
-      })])]), a("div", {
-        class: "p-4"
-      }, [(t = e.default) == null ? void 0 : t.call(e)]), ((d = e.footer) == null ? void 0 : d.call(e)) && a("div", {
-        class: "flex justify-end gap-2 p-3 rounded-b border-t border-muted bg-muted dark:bg-gray-800/50"
-      }, [(r = e.footer) == null ? void 0 : r.call(e)])]);
-    };
+    }), () => e("div", {
+      class: "flex flex-col"
+    }, [e("div", {
+      class: ["px-4 py-3 border-b border-muted rounded-t flex justify-between items-center  bg-white dark:bg-gray-800/50", t.draggable && "cursor-move", t.handle]
+    }, [e("div", {
+      class: "text-base font-bold"
+    }, [t.title]), e("div", {
+      class: "flex justify-end gap-2"
+    }, [e(f, {
+      text: !0,
+      onClick: t.onClose,
+      "aria-label": "close",
+      ref: l
+    }, {
+      icon: () => e("div", {
+        class: "i-tabler:x"
+      }, null)
+    })])]), e("div", {
+      class: "p-4"
+    }, [a.default?.()]), a.footer?.() && e("div", {
+      class: "flex justify-end gap-2 p-3 rounded-b border-t border-muted bg-muted dark:bg-gray-800/50"
+    }, [a.footer?.()])]);
   }
 });
 export {
-  x as default
+  c as default
 };

package/dist/esm/components/modal/modalTab.js

@@ -1,6 +1,6 @@
-import { defineComponent as n, ref as i, createVNode as a } from "vue";
-import { NTabs as f, NButton as u } from "naive-ui";
-const o = /* @__PURE__ */ n({
+import { defineComponent as t, ref as d, createVNode as e } from "vue";
+import { NTabs as r, NButton as n } from "naive-ui";
+const f = /* @__PURE__ */ t({
   name: "ModalTab",
   props: {
     draggable: {
@@ -13,7 +13,7 @@ const o = /* @__PURE__ */ n({
     },
     handle: {
       type: Object,
-      default: () => i()
+      default: () => d()
     },
     onClose: {
       type: Function,
@@ -21,50 +21,44 @@ const o = /* @__PURE__ */ n({
       }
     }
   },
-  setup(d, {
-    slots: e
+  setup(a, {
+    slots: l
   }) {
-    return () => {
-      var l, t;
-      return a("div", {
-        class: "flex flex-col"
-      }, [a(f, {
-        type: "line",
-        defaultValue: d.defaultTab,
-        class: "app-modal-tabs",
-        size: "large",
-        style: {
-          "--n-pane-padding-right": "16px",
-          "--n-pane-padding-left": "16px"
-        }
+    return () => e("div", {
+      class: "flex flex-col"
+    }, [e(r, {
+      type: "line",
+      defaultValue: a.defaultTab,
+      class: "app-modal-tabs",
+      size: "large",
+      style: {
+        "--n-pane-padding-right": "16px",
+        "--n-pane-padding-left": "16px"
+      }
+    }, {
+      default: () => l.default?.(),
+      prefix: () => a.draggable ? e("div", {
+        class: "pl-4 cursor-move flex items-center",
+        ref: a.handle
+      }, [e("div", {
+        class: "i-tabler:grid-dots size-4"
+      }, null)]) : null,
+      suffix: () => e("div", {
+        class: "pr-4 flex items-center"
+      }, [e(n, {
+        text: !0,
+        onClick: a.onClose,
+        "aria-label": "close"
       }, {
-        default: () => {
-          var r;
-          return (r = e.default) == null ? void 0 : r.call(e);
-        },
-        prefix: () => d.draggable ? a("div", {
-          class: "pl-4 cursor-move flex items-center",
-          ref: d.handle
-        }, [a("div", {
-          class: "i-tabler:grid-dots size-4"
-        }, null)]) : null,
-        suffix: () => a("div", {
-          class: "pr-4 flex items-center"
-        }, [a(u, {
-          text: !0,
-          onClick: d.onClose,
-          "aria-label": "close"
-        }, {
-          icon: () => a("div", {
-            class: "i-tabler:x size-4"
-          }, null)
-        })])
-      }), ((l = e.footer) == null ? void 0 : l.call(e)) && a("div", {
-        class: "flex justify-end gap-2 p-3 rounded-b border-t border-muted bg-muted dark:bg-gray-800/50"
-      }, [(t = e.footer) == null ? void 0 : t.call(e)])]);
-    };
+        icon: () => e("div", {
+          class: "i-tabler:x size-4"
+        }, null)
+      })])
+    }), l.footer?.() && e("div", {
+      class: "flex justify-end gap-2 p-3 rounded-b border-t border-muted bg-muted dark:bg-gray-800/50"
+    }, [l.footer?.()])]);
   }
 });
 export {
-  o as default
+  f as default
 };