@duxweb/dvha-pro 1.0.26 → 1.0.28

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

@@ -1,6 +1,6 @@
 import { defineComponent as f, toRef as b, createVNode as e } from "vue";
 import { useI18n as g, useTabStore as y, useInvalidate as S, useExtendForm as x } from "@duxweb/dvha-core";
-import { useMessage as h, NButton as p, NScrollbar as v } from "naive-ui";
+import { useMessage as v, NButton as l, NScrollbar as h } from "naive-ui";
 import { useRouter as E } from "vue-router";
 import "@overlastic/vue";
 import { DuxCard as F } from "../card/card.js";
@@ -24,7 +24,7 @@ import "lodash-es";
 import "vue-draggable-plus";
 import "short-unique-id";
 import "aieditor";
-import { DuxFormLayout as C } from "./formLayout.js";
+import { DuxFormLayout as P } from "./formLayout.js";
 import "vee-validate";
 import "@duxweb/dvha-naiveui";
 import "@iconify-json/tabler/icons.json";
@@ -44,9 +44,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 D } from "../../pages/page.js";
+import { DuxPage as C } from "../../pages/page.js";
 import "../../pages/page404.js";
-const ht = /* @__PURE__ */ f({
+const vt = /* @__PURE__ */ f({
   name: "DuxPageForm",
   props: {
     id: {
@@ -61,6 +61,10 @@ const ht = /* @__PURE__ */ f({
     description: {
       type: String
     },
+    labelPlacement: {
+      type: String,
+      default: "left"
+    },
     path: {
       type: String
     },
@@ -82,59 +86,62 @@ const ht = /* @__PURE__ */ f({
     }
   },
   setup(t, {
-    slots: n
+    slots: m
   }) {
     const {
-      t: o
-    } = g(), s = b(t, "data", {}), a = h(), c = E(), m = y(), {
-      invalidate: l
-    } = S(), r = x({
+      t: i
+    } = g(), p = b(t, "data", {}), a = v(), s = E(), n = y(), {
+      invalidate: c
+    } = S(), o = x({
       id: t.id,
       path: t.path,
-      form: s,
+      form: p,
       action: t.action,
-      onError: (i) => {
-        a.error(i.message || o("components.form.error")), t.onError?.(i);
+      onError: (r) => {
+        a.error(r.message || i("components.form.error")), t.onError?.(r);
       },
-      onSuccess: (i) => {
-        a.success(o("components.form.success")), t.onSuccess?.(i), !r.isEdit.value && m.current && m.delTab(m.current, (d) => c.push(d.path || "")), t.invalidate && l(t.invalidate);
+      onSuccess: (r) => {
+        a.success(i("components.form.success")), t.onSuccess?.(r), !o.isEdit.value && n.current && n.delTab(n.current, (d) => s.push(d.path || "")), t.invalidate && c(t.invalidate);
       }
-    }), u = m.tabs.find((i) => i.path === m.current);
-    return () => e(D, {
+    }), u = n.tabs.find((r) => r.path === n.current);
+    return () => e(C, {
       card: !1,
       scrollbar: !1
     }, {
       default: () => [e(F, {
-        title: t?.title || u?.label || (r.isEdit.value ? o("components.form.edit") : o("components.form.create")),
+        title: t?.title || u?.label || (o.isEdit.value ? i("components.form.edit") : i("components.form.create")),
         description: t?.description,
         class: "h-full flex flex-col",
         contentClass: "flex-1 min-h-0",
         contentSize: "none",
         "header-bordered": !0
       }, {
-        default: () => e(v, null, {
-          default: () => [e(C, {
-            "label-placement": "page"
+        default: () => e(h, null, {
+          default: () => [e(P, {
+            labelPlacement: t.labelPlacement,
+            class: "p-4"
           }, {
-            default: () => [n?.default?.(r)]
+            default: () => [m?.default?.(o)]
           })]
         }),
         headerExtra: () => e("div", {
           class: "flex gap-6 items-center"
-        }, [n?.actions?.(r), e("div", {
+        }, [m?.actions?.(o), e("div", {
           class: "flex gap-2"
-        }, [e(p, {
-          onClick: () => r.onReset()
+        }, [e(l, {
+          onClick: () => o.onReset(),
+          loading: o.isLoading.value
         }, {
-          default: () => o("components.button.reset"),
+          default: () => i("components.button.reset"),
           icon: () => e("i", {
             class: "i-tabler:refresh"
           }, null)
-        }), e(p, {
+        }), e(l, {
           type: "primary",
-          onClick: () => r.onSubmit()
+          onClick: () => o.onSubmit(),
+          loading: o.isLoading.value
         }, {
-          default: () => o("components.button.submit"),
+          default: () => i("components.button.submit"),
           icon: () => e("i", {
             class: "i-tabler:device-floppy"
           }, null)
@@ -144,5 +151,5 @@ const ht = /* @__PURE__ */ f({
   }
 });
 export {
-  ht as DuxPageForm
+  vt as DuxPageForm
 };

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

@@ -34,32 +34,32 @@ import "vee-validate";
 import "vue-command-palette";
 import "@duxweb/dvha-naiveui";
 import "../../pages/page404.js";
-import { DuxDesignEditor as d } from "../designEditor/editor.js";
+import { DuxDesignEditor as c } from "../designEditor/editor.js";
 import "short-unique-id";
 import "aieditor";
 import { DuxFormLayout as g } from "../form/formLayout.js";
+import { DuxFormEditorSettingPage as v } from "./base/setting.js";
 import { duxFormEditorCascader as y } from "./components/cascader.js";
 import { duxFormEditorCascaderAsync as b } from "./components/cascaderAsync.js";
-import { duxFormEditorCheckbox as v } from "./components/checkbox.js";
-import { duxFormEditorColor as S } from "./components/color.js";
-import { duxFormEditorDate as D } from "./components/date.js";
-import { duxFormEditorDynamicInput as C } from "./components/dynamicInput.js";
-import { duxFormEditorDynamicTags as P } from "./components/dynamicTags.js";
-import { duxFormEditorAIEditor as k } from "./components/editor.js";
-import { duxFormEditorInput as A } from "./components/input.js";
-import { duxFormEditorInputNumber as h } from "./components/inputNumber.js";
-import { duxFormEditorMentionAsync as j } from "./components/mentionAsync.js";
-import { duxFormEditorRadio as I } from "./components/radio.js";
-import { duxFormEditorRegion as T } from "./components/region.js";
-import { duxFormEditorSider as w } from "./components/sider.js";
-import { duxFormEditorSwitch as N } from "./components/switch.js";
-import { duxFormEditorTime as O } from "./components/time.js";
-import { duxFormEditorTransferAsync as _ } from "./components/transferAsync.js";
-import { duxFormEditorTreeSelect as R } from "./components/treeSelect.js";
-import { duxFormEditorTreeSelectAsync as M } from "./components/treeSelectAsync.js";
-import { duxFormEditorSelect as V } from "./components/select.js";
-import { duxFormEditorSelectAsync as B } from "./components/selectAsync.js";
-import { DuxFormEditorSettingPage as L } from "./base/setting.js";
+import { duxFormEditorCheckbox as S } from "./components/checkbox.js";
+import { duxFormEditorColor as D } from "./components/color.js";
+import { duxFormEditorDate as C } from "./components/date.js";
+import { duxFormEditorDynamicInput as P } from "./components/dynamicInput.js";
+import { duxFormEditorDynamicTags as k } from "./components/dynamicTags.js";
+import { duxFormEditorAIEditor as A } from "./components/editor.js";
+import { duxFormEditorInput as h } from "./components/input.js";
+import { duxFormEditorInputNumber as j } from "./components/inputNumber.js";
+import { duxFormEditorMentionAsync as I } from "./components/mentionAsync.js";
+import { duxFormEditorRadio as T } from "./components/radio.js";
+import { duxFormEditorRegion as w } from "./components/region.js";
+import { duxFormEditorSider as N } from "./components/sider.js";
+import { duxFormEditorSwitch as O } from "./components/switch.js";
+import { duxFormEditorTime as _ } from "./components/time.js";
+import { duxFormEditorTransferAsync as R } from "./components/transferAsync.js";
+import { duxFormEditorTreeSelect as M } from "./components/treeSelect.js";
+import { duxFormEditorTreeSelectAsync as V } from "./components/treeSelectAsync.js";
+import { duxFormEditorSelect as B } from "./components/select.js";
+import { duxFormEditorSelectAsync as L } from "./components/selectAsync.js";
 import "@iconify-json/tabler/icons.json";
 import "../posterEditor/elements/index.js";
 import "fabric";
@@ -76,9 +76,11 @@ const er = /* @__PURE__ */ f({
   props: {
     onSave: Function
   },
-  extends: d,
+  extends: c,
   setup(m) {
-    const c = W(), l = u(() => [{
+    const {
+      t: o
+    } = F(), l = W(), d = u(() => [{
       name: "form",
       label: o("components.formEditor.groups.form"),
       icon: "i-tabler:forms"
@@ -90,14 +92,12 @@ const er = /* @__PURE__ */ f({
       name: "async",
       label: o("components.formEditor.groups.async"),
       icon: "i-tabler:loader"
-    }]), {
-      t: o
-    } = F(), s = u(() => [A(o), h(o), k(o), w(o), D(o), O(o), S(o), v(o), I(o), N(o), C(o), P(o), V(o), y(o), R(o), T(o), B(o), b(o), M(o), _(o), j(o)]);
-    return () => t(d, E(m, {
-      groups: l.value,
+    }]), s = u(() => [h(o), j(o), A(o), N(o), C(o), _(o), D(o), S(o), T(o), O(o), P(o), k(o), B(o), y(o), M(o), w(o), L(o), b(o), V(o), R(o), I(o)]);
+    return () => t(c, E(m, {
+      groups: d.value,
       components: s.value,
       settingPage: {
-        component: (r) => t(L, r, null),
+        component: (r) => t(v, r, null),
         default: {
           labelPlacement: "left"
         }
@@ -120,7 +120,7 @@ const er = /* @__PURE__ */ f({
           secondary: !0,
           block: !0,
           onClick: () => {
-            c.show({
+            l.show({
               title: o("components.formEditor.main.actions.jsonOutput"),
               component: () => import("./json.js"),
               componentProps: {
@@ -135,7 +135,7 @@ const er = /* @__PURE__ */ f({
           secondary: !0,
           block: !0,
           onClick: () => {
-            c.show({
+            l.show({
               title: o("common.preview"),
               component: () => import("./preview.js"),
               componentProps: {
@@ -149,7 +149,9 @@ const er = /* @__PURE__ */ f({
         }), t(a, {
           type: "primary",
           block: !0,
-          onClick: () => m.onSave?.(r)
+          onClick: () => {
+            m.onSave?.(r?.value?.value || {});
+          }
         }, p(n = o("components.formEditor.main.actions.save")) ? n : {
           default: () => [n]
         })]);

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

@@ -1,4 +1,4 @@
-import { defineComponent as J, toRef as x, computed as m, reactive as v, createVNode as e, h as k, mergeProps as K, isVNode as G } from "vue";
+import { defineComponent as J, toRef as x, computed as s, reactive as v, createVNode as e, h as k, mergeProps as K, isVNode as G } from "vue";
 import { useI18n as H, useJsonSchema as C } from "@duxweb/dvha-core";
 import { useWindowSize as Q } from "@vueuse/core";
 import { NTabs as X, NTab as Y, NButton as r, NPopselect as Z, NTooltip as f, NProgress as $, NPagination as ee, NModal as te, NDrawer as N } from "naive-ui";
@@ -129,38 +129,38 @@ const ut = /* @__PURE__ */ J({
       onExport: V,
       onExportRows: W,
       onImport: I
-    } = b, B = m(() => w.value.filter((o) => "title" in o && "key" in o).map((o) => ({
+    } = b, B = s(() => w.value.filter((o) => "title" in o && "key" in o).map((o) => ({
       label: o.title,
       value: o.key
     }))), {
       width: n
-    } = Q(), M = m(() => w.value.reduce((a, d) => a + (Number(d?.width) || Number(d?.minWidth) || 110), 0)), s = v({
-      show: !1
-    }), u = v({
+    } = Q(), M = s(() => w.value.reduce((a, m) => a + (Number(m?.width) || Number(m?.minWidth) || 110), 0)), u = v({
       show: !1
     }), c = v({
       show: !1
-    }), h = m(() => (t.filterSchema || []).map((o) => {
+    }), d = v({
+      show: !1
+    }), h = s(() => (t.filterSchema || []).map((o) => {
       const {
         label: a,
-        ...d
+        ...m
       } = o;
       return {
         tag: ie,
         attrs: {
           label: a
         },
-        children: d
+        children: m
       };
     })), {
       render: _
     } = C({
-      data: h.value?.slice(t.filterNumber)
+      data: s(() => h.value?.slice(t.filterNumber))
     }), {
       render: q
     } = C({
-      data: h.value?.slice(0, t.filterNumber)
-    }), g = m(() => ({
+      data: s(() => h.value?.slice(0, t.filterNumber))
+    }), g = s(() => ({
       import: !1,
       export: !0,
       refresh: !0,
@@ -200,7 +200,7 @@ const ut = /* @__PURE__ */ J({
         class: "flex-none",
         secondary: !0,
         onClick: () => {
-          u.show = !u.show;
+          c.show = !c.show;
         }
       }, {
         icon: () => e("div", {
@@ -212,7 +212,7 @@ const ut = /* @__PURE__ */ J({
         class: "flex-none",
         secondary: !0,
         onClick: () => {
-          c.show = !c.show;
+          d.show = !d.show;
         }
       }, {
         icon: () => e("div", {
@@ -225,7 +225,7 @@ const ut = /* @__PURE__ */ J({
       }, [h.value.length > t.filterNumber && e(r, {
         iconPlacement: "right",
         onClick: () => {
-          s.show = !s.show;
+          u.show = !u.show;
         }
       }, {
         default: () => i("components.button.filter"),
@@ -300,7 +300,7 @@ const ut = /* @__PURE__ */ J({
       }, [l.actions?.(), t.actions?.length > 0 && T({
         type: n.value < 1024 ? "dropdown" : "button",
         items: t.actions
-      })])])]), e("div", {
+      })])])]), l?.header?.(), e("div", {
         class: "flex-1 min-h-0"
       }, [l?.default?.({
         ...b,
@@ -333,8 +333,8 @@ const ut = /* @__PURE__ */ J({
       }, null), e(te, {
         draggable: !0,
         class: "bg-white rounded dark:shadow-gray-950/80  dark:bg-gray-800/60 backdrop-blur min-w-110",
-        show: s.show,
-        onUpdateShow: (o) => s.show = o
+        show: u.show,
+        onUpdateShow: (o) => u.show = o
       }, {
         default: ({
           draggableClass: o
@@ -343,7 +343,7 @@ const ut = /* @__PURE__ */ J({
           return e(le, {
             title: i("components.button.filter"),
             handle: o,
-            onClose: () => s.show = !1
+            onClose: () => u.show = !1
           }, {
             default: () => [e(ae, {
               showLabel: !0,
@@ -354,27 +354,27 @@ const ut = /* @__PURE__ */ J({
           });
         }
       }), e(N, {
-        show: u.show,
-        onUpdateShow: (o) => u.show = o,
+        show: c.show,
+        onUpdateShow: (o) => c.show = o,
         autoFocus: !1,
         placement: "left"
       }, {
         default: () => [e(R, {
           title: t.sideLeftTitle || i("components.button.sideLeft"),
-          onClose: () => u.show = !1,
+          onClose: () => c.show = !1,
           scrollbar: !1
         }, {
           default: () => [l?.sideLeft?.()]
         })]
       }), e(N, {
-        show: c.show,
-        onUpdateShow: (o) => c.show = o,
+        show: d.show,
+        onUpdateShow: (o) => d.show = o,
         autoFocus: !1,
         placement: "right"
       }, {
         default: () => [e(R, {
           title: t.sideRightTitle || i("components.button.sideRight"),
-          onClose: () => c.show = !1,
+          onClose: () => d.show = !1,
           scrollbar: !1
         }, {
           default: () => [l?.sideRight?.()]

package/dist/esm/components/table/tablePage.js

@@ -1,10 +1,10 @@
-import { defineComponent as d, computed as m, createVNode as r, mergeProps as n } from "vue";
+import { defineComponent as l, computed as m, createVNode as r, mergeProps as n } from "vue";
 import { NDataTable as p } from "naive-ui";
 import { DuxTableLayout as i } from "../layout/table.js";
 import "@duxweb/dvha-core";
 import "clsx";
-import { DuxListEmpty as s } from "../status/listEmpty.js";
-const P = /* @__PURE__ */ d({
+import { DuxListEmpty as b } from "../status/listEmpty.js";
+const g = /* @__PURE__ */ l({
   name: "DuxTablePage",
   props: {
     tableProps: {
@@ -16,14 +16,14 @@ const P = /* @__PURE__ */ d({
   setup(a, {
     slots: t
   }) {
-    const l = m(() => {
+    const d = m(() => {
       const {
         tableProps: o,
         ...e
       } = a;
       return e;
     });
-    return () => r(i, l.value, {
+    return () => r(i, d.value, {
       default: (o) => r(p, n(o.table.value, a.tableProps, {
         class: "h-full",
         minHeight: 200,
@@ -34,7 +34,7 @@ const P = /* @__PURE__ */ d({
         scrollX: o.width,
         renderCell: (e) => e == null || e === "" ? "-" : e
       }), {
-        empty: () => r(s, {
+        empty: () => r(b, {
           bordered: !1
         }, null)
       }),
@@ -42,10 +42,11 @@ const P = /* @__PURE__ */ d({
       tools: t?.tools,
       actions: t?.actions,
       sideLeft: t?.sideLeft,
-      sideRight: t?.sideRight
+      sideRight: t?.sideRight,
+      header: t?.header
     });
   }
 });
 export {
-  P as DuxTablePage
+  g as DuxTablePage
 };

package/dist/esm/hooks/action.js

@@ -3,48 +3,48 @@ import { useMessage as D, NButton as b, NDropdown as C } from "naive-ui";
 import { h as l } from "vue";
 import { useRouter as I } from "vue-router";
 import { useDialog as N } from "./dialog.js";
-import { useDrawer as $ } from "./drawer.js";
-import { useModal as B } from "./modal.js";
+import { useDrawer as W } from "./drawer.js";
+import { useModal as $ } from "./modal.js";
 function K(o) {
-  const u = B(), i = $(), m = N(), {
+  const u = $(), i = W(), m = N(), {
     t: n
-  } = h(), c = D(), g = A(), w = I(), P = M({
+  } = h(), d = D(), g = A(), w = I(), P = M({
     onSuccess: (t) => {
-      c.success(t.message || n("common.success"));
+      d.success(t.message || n("common.success"));
     },
     onError: (t) => {
-      c.error(t.message || n("common.error"));
+      d.error(t.message || n("common.error"));
     }
   }), k = S({
     onSuccess: (t) => {
-      c.success(t.message || n("common.success"));
+      d.success(t.message || n("common.success"));
     },
     onError: (t) => {
-      c.error(t.message || n("common.error"));
+      d.error(t.message || n("common.error"));
     }
   }), r = o?.path || g.getPath(), f = (t) => {
-    const a = n(t.item.title || "", {}, t.item.title), s = n(t.item.label || "", {}, t.item.label);
+    const c = n(t.item.title || "", {}, t.item.title), s = n(t.item.label || "", {}, t.item.label);
     if (t.item.type === "modal") {
-      const e = t.item, d = typeof e.componentProps == "function" ? e.componentProps(t.data) : e.componentProps;
+      const e = t.item, a = typeof e.componentProps == "function" ? e.componentProps(t.data) : e.componentProps;
       u.show({
-        title: a || s,
+        title: c || s,
         component: e.component,
         componentProps: {
           id: t.id,
-          ...d
+          ...a
         },
         width: e.width,
         draggable: e.draggable !== void 0 ? e.draggable : !0
       });
     }
     if (t.item.type === "drawer") {
-      const e = t.item, d = typeof e.componentProps == "function" ? e.componentProps(t.data) : e.componentProps;
+      const e = t.item, a = typeof e.componentProps == "function" ? e.componentProps(t.data) : e.componentProps;
       i.show({
-        title: a || s,
+        title: c || s,
         component: e.component,
         componentProps: {
           id: t.id,
-          ...d
+          ...a
         },
         width: e.width,
         maxWidth: e.maxWidth
@@ -53,30 +53,30 @@ function K(o) {
     if (t.item.type === "confirm") {
       const e = t.item;
       m.confirm({
-        title: a || s,
+        title: c || s,
         content: e.content
-      }).then((d) => {
-        d && e.callback?.(t.id, t.data);
+      }).then((a) => {
+        a && e.callback?.(t.id, t.data);
       });
     }
     if (t.item.type === "request") {
       const e = t.item;
       m.confirm({
-        title: a || s,
+        title: c || s,
         content: e.content
       }).then(() => {
-        const d = typeof e.data == "function" ? e.data(t.id, t.data) : e.data, j = (e.method || "post").toLowerCase(), v = typeof e.path == "function" ? e.path(t.id, t.data) : e.path || r;
+        const a = typeof e.data == "function" ? e.data(t.id, t.data) : e.data, j = (e.method || "post").toLowerCase(), v = typeof e.path == "function" ? e.path(t.id, t.data) : e.path || r;
         P.mutate({
           path: v,
           method: j,
-          payload: d
+          payload: a
         });
       });
     }
     if (t.item.type === "delete") {
       const e = t.item;
       m.confirm({
-        title: a || s,
+        title: c || s,
         content: e.content
       }).then(() => {
         k.mutate({
@@ -86,17 +86,18 @@ function K(o) {
       });
     }
     if (t.item.type === "link") {
-      const e = t.item, d = typeof e.path == "function" ? e.path?.(t.id, t.data) : g.getRoutePath(t.id ? `${e.path || r}${t.data === void 0 ? "" : `/${t.id}`}` : e.path || r);
-      w.push(d);
+      const e = t.item;
+      let a = typeof e.path == "function" ? e.path?.(t.id, t.data) : t.id ? `${e.path || r}${t.data === void 0 ? "" : `/${t.id}`}` : e.path || r;
+      a.startsWith("/") || (a = g.getRoutePath(a)), w.push(a);
     }
     t.item.type === "callback" && t.item.callback?.(t.id, t.data);
-  }, y = E(), x = T();
+  }, y = B(), x = E();
   return {
     target: f,
-    renderTable: (t) => (a, s) => {
+    renderTable: (t) => (c, s) => {
       const e = {
-        id: a[t.key || o?.key || "id"],
-        data: a,
+        id: c[t.key || o?.key || "id"],
+        data: c,
         index: s,
         target: f,
         text: t.text !== void 0 ? t.text : o?.text || !1,
@@ -111,29 +112,29 @@ function K(o) {
       });
     },
     renderAction: (t) => {
-      const a = {
+      const c = {
         target: f,
         text: t.text !== void 0 ? t.text : o?.text || !1,
         align: t.align !== void 0 ? t.align : o?.align || "left"
       };
       return (t.type || o?.type) === "button" ? y.render({
-        ...a,
+        ...c,
         action: t || o
       }) : x.render({
-        ...a,
+        ...c,
         action: t || o
       });
     }
   };
 }
-function E() {
+function B() {
   const {
     t: o
   } = h();
   return {
     render: (i) => {
-      const m = i.action.items?.filter((n) => !n.show || n.show?.(i.data, i.index)).map((n, c) => l(b, {
-        key: c,
+      const m = i.action.items?.filter((n) => !n.show || n.show?.(i.data, i.index)).map((n, d) => l(b, {
+        key: d,
         type: n.color || (n.type === "delete" ? "error" : "primary"),
         text: i.text,
         secondary: !i.text,
@@ -154,15 +155,15 @@ function E() {
     }
   };
 }
-function T() {
+function E() {
   const {
     t: o
   } = h();
   return {
     render: (i) => {
-      const m = i.action.items?.filter((n) => !n.show || n.show?.(i.data, i.index)).map((n, c) => ({
+      const m = i.action.items?.filter((n) => !n.show || n.show?.(i.data, i.index)).map((n, d) => ({
         label: o(n.label || "", {}, n.label),
-        key: c,
+        key: d,
         icon: n.icon ? () => l("div", {
           class: ["n-icon", n.icon]
         }) : void 0,
@@ -177,8 +178,8 @@ function T() {
       return l(C, {
         trigger: "click",
         options: m,
-        onSelect: (n, c) => {
-          c?.onSelect?.();
+        onSelect: (n, d) => {
+          d?.onSelect?.();
         }
       }, () => [l("div", {
         class: ["flex items-center", i.align === "right" ? "justify-end" : i.align === "center" ? "justify-center" : "justify-start"]
@@ -195,6 +196,6 @@ function T() {
 }
 export {
   K as useAction,
-  E as useActionButton,
-  T as useActionDropdown
+  B as useActionButton,
+  E as useActionDropdown
 };

package/dist/esm/theme/uno.css.js

@@ -1,5 +1,5 @@
 const r = `/* layer: properties */
-@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-from-opacity:100%;--un-divide-y-reverse:initial;--un-border-style:solid;--un-bg-opacity:100%;--un-text-opacity:100%;--un-shadow-opacity:100%;--un-divide-x-reverse:initial;--un-divide-opacity:100%;--un-border-opacity:100%;--un-ease:initial;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-to-opacity:100%;--un-fill-opacity:100%;--un-outline-style:solid;}}
+@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-text-opacity:100%;--un-bg-opacity:100%;--un-from-opacity:100%;--un-divide-y-reverse:initial;--un-border-style:solid;--un-divide-x-reverse:initial;--un-divide-opacity:100%;--un-shadow-opacity:100%;--un-ease:initial;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-border-opacity:100%;--un-to-opacity:100%;--un-fill-opacity:100%;--un-outline-style:solid;}}
 @property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
 @property --un-outline-style{syntax:"*";inherits:false;initial-value:solid;}
 @property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@@ -1048,6 +1048,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .m-302\\.2{margin:calc(var(--spacing) * 302.2);}
 .m14{margin:calc(var(--spacing) * 14);}
 .m146\\.8{margin:calc(var(--spacing) * 146.8);}
+.m18{margin:calc(var(--spacing) * 18);}
 .m29\\.3{margin:calc(var(--spacing) * 29.3);}
 .m3{margin:calc(var(--spacing) * 3);}
 .m5{margin:calc(var(--spacing) * 5);}