@duxweb/dvha-pro 1.1.14 → 1.1.16

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

@@ -43,9 +43,7 @@ import "highlight.js/lib/languages/sql";
 import "highlight.js/lib/languages/typescript";
 import "highlight.js/lib/languages/xml";
 import "@ant-design/colors";
-import "@unocss/preset-icons/browser";
-import "@unocss/preset-typography";
-import "unocss/preset-wind4";
+import "unocss";
 import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vee-validate";
@@ -169,7 +167,7 @@ const E = /* @__PURE__ */ u({
     }, null)]);
   }
 });
-function Ct(r) {
+function kt(r) {
   return {
     name: "tree-select-async",
     icon: "i-tabler:binary-tree",
@@ -192,5 +190,5 @@ function Ct(r) {
   };
 }
 export {
-  Ct as duxFormEditorTreeSelectAsync
+  kt as duxFormEditorTreeSelectAsync
 };

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

@@ -39,9 +39,7 @@ import "highlight.js/lib/languages/sql";
 import "highlight.js/lib/languages/typescript";
 import "highlight.js/lib/languages/xml";
 import "@ant-design/colors";
-import "@unocss/preset-icons/browser";
-import "@unocss/preset-typography";
-import "unocss/preset-wind4";
+import "unocss";
 import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vee-validate";
@@ -90,7 +88,7 @@ import "pinia";
 function p(m) {
   return typeof m == "function" || Object.prototype.toString.call(m) === "[object Object]" && !x(m);
 }
-const kr = /* @__PURE__ */ f({
+const Cr = /* @__PURE__ */ f({
   name: "DuxFormEditor",
   props: {
     onSave: Function
@@ -179,5 +177,5 @@ const kr = /* @__PURE__ */ f({
   }
 });
 export {
-  kr as DuxFormEditor
+  Cr as DuxFormEditor
 };

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

@@ -49,9 +49,7 @@ import "highlight.js/lib/languages/sql";
 import "highlight.js/lib/languages/typescript";
 import "highlight.js/lib/languages/xml";
 import "@ant-design/colors";
-import "@unocss/preset-icons/browser";
-import "@unocss/preset-typography";
-import "unocss/preset-wind4";
+import "unocss";
 import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vue-command-palette";
@@ -84,7 +82,7 @@ import { duxFormEditorTreeSelectAsync as K } from "./components/treeSelectAsync.
 import "@iconify-json/tabler/icons.json";
 import "../posterEditor/elements/index.js";
 import "fabric";
-const jo = /* @__PURE__ */ E({
+const So = /* @__PURE__ */ E({
   name: "DuxFormRenderer",
   props: {
     data: {
@@ -166,5 +164,5 @@ const jo = /* @__PURE__ */ E({
   }
 });
 export {
-  jo as DuxFormRenderer
+  So as DuxFormRenderer
 };

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

@@ -39,9 +39,7 @@ import "highlight.js/lib/languages/sql";
 import "highlight.js/lib/languages/typescript";
 import "highlight.js/lib/languages/xml";
 import "@ant-design/colors";
-import "@unocss/preset-icons/browser";
-import "@unocss/preset-typography";
-import "unocss/preset-wind4";
+import "unocss";
 import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vee-validate";
@@ -61,7 +59,7 @@ import "fabric";
 import "dayjs";
 import "@tanstack/vue-query";
 import "pinia";
-const Co = /* @__PURE__ */ n({
+const Po = /* @__PURE__ */ n({
   name: "DuxIconPicker",
   props: {
     defaultValue: String,
@@ -105,5 +103,5 @@ const Co = /* @__PURE__ */ n({
   }
 });
 export {
-  Co as DuxIconPicker
+  Po as DuxIconPicker
 };

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

@@ -40,9 +40,7 @@ import "highlight.js/lib/languages/sql";
 import "highlight.js/lib/languages/typescript";
 import "highlight.js/lib/languages/xml";
 import "@ant-design/colors";
-import "@unocss/preset-icons/browser";
-import "@unocss/preset-typography";
-import "unocss/preset-wind4";
+import "unocss";
 import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vee-validate";
@@ -66,7 +64,7 @@ import "fabric";
 import "dayjs";
 import "@tanstack/vue-query";
 import "pinia";
-const Pt = /* @__PURE__ */ Q({
+const St = /* @__PURE__ */ Q({
   name: "DuxListLayout",
   props: {
     rowKey: {
@@ -454,5 +452,5 @@ const Pt = /* @__PURE__ */ Q({
   }
 });
 export {
-  Pt as DuxListLayout
+  St as DuxListLayout
 };

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

@@ -1,7 +1,7 @@
-import { defineComponent as te, toRef as O, computed as d, reactive as k, ref as S, watch as N, nextTick as h, onMounted as ae, createVNode as e, h as ie, mergeProps as le } from "vue";
+import { defineComponent as te, toRef as O, computed as p, reactive as k, ref as S, watch as N, nextTick as h, onMounted as ae, createVNode as e, h as ie, mergeProps as le } from "vue";
 import { useI18n as oe, useJsonSchema as re, useTabStore as ne } from "@duxweb/dvha-core";
 import { useWindowSize as se } from "@vueuse/core";
-import { NTabs as ue, NTab as ce, NButton as c, NPopselect as pe, NTooltip as y, NProgress as de, NPagination as me, NDrawer as z } from "naive-ui";
+import { NTabs as ue, NTab as ce, NButton as c, NPopselect as de, NTooltip as y, NProgress as pe, NPagination as me, NDrawer as z } from "naive-ui";
 import { useAction as fe } from "../../hooks/action.js";
 import "@overlastic/vue";
 import "clsx";
@@ -40,9 +40,7 @@ import "highlight.js/lib/languages/sql";
 import "highlight.js/lib/languages/typescript";
 import "highlight.js/lib/languages/xml";
 import "@ant-design/colors";
-import "@unocss/preset-icons/browser";
-import "@unocss/preset-typography";
-import "unocss/preset-wind4";
+import "unocss";
 import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vee-validate";
@@ -66,7 +64,7 @@ import "dayjs";
 import "@tanstack/vue-query";
 import { useTable as he } from "../../hooks/table.js";
 import "pinia";
-const Jt = /* @__PURE__ */ te({
+const zt = /* @__PURE__ */ te({
   name: "DuxTableLayout",
   props: {
     path: {
@@ -125,7 +123,7 @@ const Jt = /* @__PURE__ */ te({
     slots: o,
     expose: J
   }) {
-    const r = O(a, "filter", {}), U = O(a, "sorter", {}), v = d(() => a.filterReactive || {}), B = O(a, "columns", []), {
+    const r = O(a, "filter", {}), U = O(a, "sorter", {}), v = p(() => a.filterReactive || {}), B = O(a, "columns", []), {
       t: n
     } = oe(), {
       renderAction: E
@@ -156,16 +154,16 @@ const Jt = /* @__PURE__ */ te({
       onExport: G,
       onExportRows: H,
       onImport: Q
-    } = s, X = d(() => R.value.filter((t) => "title" in t && "key" in t).map((t) => ({
+    } = s, X = p(() => R.value.filter((t) => "title" in t && "key" in t).map((t) => ({
       label: t.title,
       value: t.key
     }))), {
-      width: p
-    } = se(), Y = d(() => R.value.reduce((i, u) => i + (Number(u?.width) || Number(u?.minWidth) || 110), 0)), m = k({
+      width: d
+    } = se(), Y = p(() => R.value.reduce((i, u) => i + (Number(u?.width) || Number(u?.minWidth) || 110), 0)), m = k({
       show: !1
     }), f = k({
       show: !1
-    }), x = S(!1), Z = d(() => (a.filterSchema || []).map((t) => {
+    }), x = S(!1), Z = p(() => (a.filterSchema || []).map((t) => {
       const {
         label: i,
         ...u
@@ -180,8 +178,8 @@ const Jt = /* @__PURE__ */ te({
     })), {
       render: _
     } = re({
-      data: d(() => Z.value)
-    }), w = d(() => ({
+      data: p(() => Z.value)
+    }), w = p(() => ({
       import: !1,
       export: !0,
       refresh: !0,
@@ -196,12 +194,12 @@ const Jt = /* @__PURE__ */ te({
       h(() => b.value?.syncBarPosition());
     }, {
       deep: !0
-    }), N(() => p.value, () => {
+    }), N(() => d.value, () => {
       h(() => {
         b.value?.syncBarPosition();
       });
     });
-    const P = ne(), $ = P.tabs.find((t) => t.path === P.current), ee = d(() => {
+    const P = ne(), $ = P.tabs.find((t) => t.path === P.current), ee = p(() => {
       const t = a.tabs?.map((u) => u.value) || [], i = r.value?.tab;
       return t.includes(i) ? i : t[0];
     });
@@ -221,8 +219,8 @@ const Jt = /* @__PURE__ */ te({
       actions: a.actions,
       scrollbar: !1
     }, {
-      sideLeft: () => o?.sideLeft && p.value >= 1024 ? o?.sideLeft?.() : void 0,
-      sideRight: () => o?.sideRight && p.value >= 1024 ? o?.sideRight?.() : void 0,
+      sideLeft: () => o?.sideLeft && d.value >= 1024 ? o?.sideLeft?.() : void 0,
+      sideRight: () => o?.sideRight && d.value >= 1024 ? o?.sideRight?.() : void 0,
       default: () => e("div", {
         class: "flex flex-col gap-3 h-full relative"
       }, [e("div", {
@@ -252,11 +250,11 @@ const Jt = /* @__PURE__ */ te({
       })]), e("div", {
         class: "flex gap-2 justify-end pb-2"
       }, [o.actions?.(), a.actions?.length > 0 && E({
-        type: p.value < 1024 ? "dropdown" : "button",
+        type: d.value < 1024 ? "dropdown" : "button",
         items: a.actions
       })])]), e("div", {
         class: "flex gap-2 justify-between flex-col-reverse lg:flex-row"
-      }, [(p.value >= 1024 || x.value) && e("div", {
+      }, [(d.value >= 1024 || x.value) && e("div", {
         class: ["flex-1 flex flex-col lg:flex-row gap-2 flex-wrap"]
       }, [e("div", {
         key: T.value,
@@ -265,7 +263,7 @@ const Jt = /* @__PURE__ */ te({
         class: "flex justify-between gap-2"
       }, [e("div", {
         class: ["flex gap-2"]
-      }, [o?.sideLeft && p.value < 1024 && e(c, {
+      }, [o?.sideLeft && d.value < 1024 && e(c, {
         class: "flex-none",
         secondary: !0,
         onClick: () => {
@@ -275,7 +273,7 @@ const Jt = /* @__PURE__ */ te({
         icon: () => e("div", {
           class: "i-tabler:layout-sidebar-inactive size-4"
         }, null)
-      }), o?.sideRight && p.value < 1024 && e(c, {
+      }), o?.sideRight && d.value < 1024 && e(c, {
         class: "flex-none",
         secondary: !0,
         onClick: () => {
@@ -349,7 +347,7 @@ const Jt = /* @__PURE__ */ te({
         class: "flex justify-between"
       }, [e("div", {
         class: "flex items-center gap-0.5"
-      }, [o?.bottom?.(), o?.tools?.(), e(pe, {
+      }, [o?.bottom?.(), o?.tools?.(), e(de, {
         options: X.value,
         value: q.value,
         onUpdateValue: (t) => {
@@ -401,7 +399,7 @@ const Jt = /* @__PURE__ */ te({
           circle: !0,
           onClick: W
         }, {
-          icon: () => I.value ? e(de, {
+          icon: () => I.value ? e(pe, {
             class: "size-4",
             type: "circle",
             percentage: C.value * 10,
@@ -417,7 +415,7 @@ const Jt = /* @__PURE__ */ te({
         }),
         default: () => n("components.button.autoRefresh")
       })]), e("div", null, [a.pagination && e(me, le(A.value, {
-        simple: p.value < 768
+        simple: d.value < 768
       }), {
         prefix: () => e("div", null, [n("components.list.total", {
           total: s.total.value || 0
@@ -469,5 +467,5 @@ const Jt = /* @__PURE__ */ te({
   }
 });
 export {
-  Jt as DuxTableLayout
+  zt as DuxTableLayout
 };

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

@@ -40,9 +40,7 @@ import "highlight.js/lib/languages/sql";
 import "highlight.js/lib/languages/typescript";
 import "highlight.js/lib/languages/xml";
 import "@ant-design/colors";
-import "@unocss/preset-icons/browser";
-import "@unocss/preset-typography";
-import "unocss/preset-wind4";
+import "unocss";
 import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vee-validate";
@@ -61,7 +59,7 @@ import "fabric";
 import "dayjs";
 import "@tanstack/vue-query";
 import "pinia";
-const Bt = /* @__PURE__ */ u({
+const At = /* @__PURE__ */ u({
   name: "DuxTableTools",
   props: {
     selecteds: {
@@ -148,5 +146,5 @@ const Bt = /* @__PURE__ */ u({
   }
 });
 export {
-  Bt as DuxTableTools
+  At as DuxTableTools
 };

package/dist/esm/components/level/level.js

@@ -39,9 +39,7 @@ import "highlight.js/lib/languages/sql";
 import "highlight.js/lib/languages/typescript";
 import "highlight.js/lib/languages/xml";
 import "@ant-design/colors";
-import "@unocss/preset-icons/browser";
-import "@unocss/preset-typography";
-import "unocss/preset-wind4";
+import "unocss";
 import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vee-validate";
@@ -60,7 +58,7 @@ import "fabric";
 import "dayjs";
 import { useLevel as c } from "../../hooks/level.js";
 import "pinia";
-const Ct = /* @__PURE__ */ v({
+const St = /* @__PURE__ */ v({
   name: "DuxLevel",
   props: {
     value: {
@@ -131,5 +129,5 @@ const Ct = /* @__PURE__ */ v({
   }
 });
 export {
-  Ct as DuxLevel
+  St as DuxLevel
 };

package/dist/esm/components/posterEditor/pages/RightPanel.js

@@ -40,9 +40,7 @@ import "highlight.js/lib/languages/sql";
 import "highlight.js/lib/languages/typescript";
 import "highlight.js/lib/languages/xml";
 import "@ant-design/colors";
-import "@unocss/preset-icons/browser";
-import "@unocss/preset-typography";
-import "unocss/preset-wind4";
+import "unocss";
 import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vee-validate";
@@ -66,7 +64,7 @@ import { DuxImageUpload as b } from "../../upload/image.js";
 function C(t) {
   return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !s(t);
 }
-const qe = /* @__PURE__ */ v({
+const Ue = /* @__PURE__ */ v({
   name: "RightPanel",
   props: {
     hasMultipleSelection: {
@@ -435,5 +433,5 @@ const qe = /* @__PURE__ */ v({
   }
 });
 export {
-  qe as RightPanel
+  Ue as RightPanel
 };

package/dist/esm/components/posterEditor/posterEditor.js

@@ -41,9 +41,7 @@ import "highlight.js/lib/languages/sql";
 import "highlight.js/lib/languages/typescript";
 import "highlight.js/lib/languages/xml";
 import "@ant-design/colors";
-import "@unocss/preset-icons/browser";
-import "@unocss/preset-typography";
-import "unocss/preset-wind4";
+import "unocss";
 import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vee-validate";
@@ -65,7 +63,7 @@ import "dayjs";
 import "@tanstack/vue-query";
 import "pinia";
 import { DuxImageUpload as Q } from "../upload/image.js";
-const ua = /* @__PURE__ */ T({
+const ia = /* @__PURE__ */ T({
   name: "DuxPosterEditor",
   props: {
     data: {
@@ -241,5 +239,5 @@ const ua = /* @__PURE__ */ T({
   }
 });
 export {
-  ua as DuxPosterEditor
+  ia as DuxPosterEditor
 };

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

@@ -1,7 +1,7 @@
 import { defineComponent as f, computed as d, toRef as c, createVNode as i, mergeProps as m } from "vue";
 import { useI18n as b } from "@duxweb/dvha-core";
 import { useWindowSize as g } from "@vueuse/core";
-import { NDataTable as p, NPagination as x } from "naive-ui";
+import { NDataTable as e, NPagination as x } from "naive-ui";
 import "vue-router";
 import "@overlastic/vue";
 import "clsx";
@@ -40,9 +40,7 @@ import "highlight.js/lib/languages/sql";
 import "highlight.js/lib/languages/typescript";
 import "highlight.js/lib/languages/xml";
 import "@ant-design/colors";
-import "@unocss/preset-icons/browser";
-import "@unocss/preset-typography";
-import "unocss/preset-wind4";
+import "unocss";
 import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vee-validate";
@@ -62,7 +60,7 @@ import "dayjs";
 import "@tanstack/vue-query";
 import { useTable as h } from "../../hooks/table.js";
 import "pinia";
-const zt = /* @__PURE__ */ f({
+const St = /* @__PURE__ */ f({
   name: "DuxTable",
   props: {
     path: {
@@ -80,9 +78,9 @@ const zt = /* @__PURE__ */ f({
       default: !0
     }
   },
-  extends: p,
+  extends: e,
   setup(o, {
-    expose: e
+    expose: p
   }) {
     const n = d(() => {
       const {
@@ -99,7 +97,7 @@ const zt = /* @__PURE__ */ f({
       columns: o.columns || [],
       pagination: o.pagination
     });
-    e(r);
+    p(r);
     const {
       width: a
     } = g(), {
@@ -107,7 +105,7 @@ const zt = /* @__PURE__ */ f({
     } = b();
     return () => i("div", {
       class: "flex flex-col gap-2"
-    }, [i(p, m(n.value, r.table.value, {
+    }, [i(e, m(n.value, r.table.value, {
       class: "flex-1 min-h-0",
       minHeight: 200,
       tableLayout: "fixed",
@@ -131,5 +129,5 @@ const zt = /* @__PURE__ */ f({
   }
 });
 export {
-  zt as DuxTable
+  St as DuxTable
 };

package/dist/esm/components/upload/file.js

@@ -41,9 +41,7 @@ import "highlight.js/lib/languages/sql";
 import "highlight.js/lib/languages/typescript";
 import "highlight.js/lib/languages/xml";
 import "@ant-design/colors";
-import "@unocss/preset-icons/browser";
-import "@unocss/preset-typography";
-import "unocss/preset-wind4";
+import "unocss";
 import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vee-validate";
@@ -97,7 +95,7 @@ const d = {
     empty: "flex items-center justify-center h-full text-muted",
     actions: "flex gap-2"
   }
-}, rt = /* @__PURE__ */ U({
+}, at = /* @__PURE__ */ U({
   name: "DuxFileUpload",
   props: {
     path: {
@@ -312,5 +310,5 @@ const d = {
   }
 });
 export {
-  rt as DuxFileUpload
+  at as DuxFileUpload
 };

package/dist/esm/components/upload/image.js

@@ -1,4 +1,4 @@
-import { defineComponent as k, computed as n, watch as g, createVNode as r } from "vue";
+import { defineComponent as k, computed as n, watch as g, createVNode as a } from "vue";
 import { useI18n as w, useUpload as I } from "@duxweb/dvha-core";
 import { useVModel as V } from "@vueuse/core";
 import A from "clsx";
@@ -39,9 +39,7 @@ import "highlight.js/lib/languages/sql";
 import "highlight.js/lib/languages/typescript";
 import "highlight.js/lib/languages/xml";
 import "@ant-design/colors";
-import "@unocss/preset-icons/browser";
-import "@unocss/preset-typography";
-import "unocss/preset-wind4";
+import "unocss";
 import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vee-validate";
@@ -63,7 +61,7 @@ import "dayjs";
 import { useImagePreview as q } from "../../hooks/image.js";
 import "@tanstack/vue-query";
 import "pinia";
-const Ze = /* @__PURE__ */ k({
+const Xe = /* @__PURE__ */ k({
   name: "DuxImageUpload",
   props: {
     path: {
@@ -123,7 +121,7 @@ const Ze = /* @__PURE__ */ k({
       uploadPath: t?.path,
       managePath: t?.managePath,
       method: t?.method
-    }), a = I({
+    }), r = I({
       path: d.value,
       multiple: t.multiple,
       maxFileCount: t.maxNum,
@@ -136,64 +134,64 @@ const Ze = /* @__PURE__ */ k({
       },
       driver: z.value
     });
-    g(a.dataFiles, (e) => {
+    g(r.dataFiles, (e) => {
       const o = t.multiple ? e?.map((l) => l.url) : e?.[0]?.url;
       u.value = o, t.onUpdateValue?.(o);
     });
-    const F = n(() => a.progress.value.totalPercent), P = n(() => a.isUploading.value), C = async () => {
-      a.open();
-    }, S = n(() => t.multiple ? t.maxNum && a.uploadFiles.value.length >= t.maxNum : !0), N = n(() => a.dataFiles.value?.map((e) => e.url)), U = O();
+    const F = n(() => r.progress.value.totalPercent), P = n(() => r.isUploading.value), C = async () => {
+      r.open();
+    }, S = n(() => t.multiple ? t.maxNum && r.uploadFiles.value.length >= t.maxNum : !0), N = n(() => r.dataFiles.value?.map((e) => e.url)), U = O();
     return g(u, (e) => {
       if (!e || !(Array.isArray(e) ? e.length : String(e).length)) return;
-      const o = typeof e == "string" ? [e] : Array.isArray(e) ? e : [], l = (a.dataFiles.value || []).map((m) => m.url).filter(Boolean), c = o.filter((m) => !l.includes(m));
-      c.length && a.addDataFiles(c.map((m) => ({
+      const o = typeof e == "string" ? [e] : Array.isArray(e) ? e : [], l = (r.dataFiles.value || []).map((m) => m.url).filter(Boolean), c = o.filter((m) => !l.includes(m));
+      c.length && r.addDataFiles(c.map((m) => ({
         url: m
       })));
-    }), () => r("div", null, [r(M, {
-      modelValue: a.uploadFiles.value,
-      "onUpdate:modelValue": (e) => a.uploadFiles.value = e,
+    }), () => a("div", null, [a(M, {
+      modelValue: r.uploadFiles.value,
+      "onUpdate:modelValue": (e) => r.uploadFiles.value = e,
       class: i.container,
       draggable: ".draggable"
     }, {
-      default: () => [a.uploadFiles.value?.map((e, o) => {
+      default: () => [r.uploadFiles.value?.map((e, o) => {
         const l = e.url || URL.createObjectURL(e.file);
-        return r("div", {
+        return a("div", {
           key: o,
           class: A(i.imageItem)
-        }, [r(B, {
+        }, [a(B, {
           class: "z-0 rounded",
           objectFit: "scale-down",
           width: 78,
           height: 78,
           previewDisabled: !0,
           src: l
-        }, null), r("div", {
+        }, null), a("div", {
           class: i.imageOverlay
-        }, [e.status === "success" && r(v, {
+        }, [e.status === "success" && a(v, {
           quaternary: !0,
           circle: !0,
           size: "small",
-          renderIcon: () => r("div", {
+          renderIcon: () => a("div", {
             class: "n-icon i-tabler:eye"
           }, null),
           onClick: () => b.show(N.value, o)
-        }, null), r(v, {
+        }, null), a(v, {
           quaternary: !0,
           circle: !0,
           size: "small",
-          renderIcon: () => r("div", {
+          renderIcon: () => a("div", {
             class: "n-icon i-tabler:trash"
           }, null),
           onClick: () => {
-            a.removeFiles([e.id]);
+            r.removeFiles([e.id]);
           }
         }, null)])]);
-      }), (a.uploadFiles.value.length === 0 || !S.value) && r("div", {
+      }), (r.uploadFiles.value.length === 0 || !S.value) && a("div", {
         class: i.uploadArea,
         onClick: () => {
           C();
         }
-      }, [t.manager && r("div", {
+      }, [t.manager && a("div", {
         class: " py-1 text-xs bg-muted border-b border-dashed border-accented flex items-center justify-center",
         onClick: (e) => {
           e.stopPropagation(), U.show({
@@ -213,30 +211,30 @@ const Ze = /* @__PURE__ */ k({
               }
             }
           }).then((o) => {
-            a.addDataFiles(o);
+            r.addDataFiles(o);
           });
         }
-      }, [r("div", {
+      }, [a("div", {
         class: "i-tabler:folder size-4"
-      }, null)]), r("div", {
+      }, null)]), a("div", {
         class: i.uploadContent
-      }, [P.value ? r("div", {
+      }, [P.value ? a("div", {
         class: i.progressContainer
-      }, [r("div", {
+      }, [a("div", {
         class: "i-tabler:photo size-6"
-      }, null), r("div", {
+      }, null), a("div", {
         class: i.progressBar
-      }, [r(D, {
+      }, [a(D, {
         type: "line",
         percentage: F.value,
         showIndicator: !1,
         height: 4
-      }, null)])]) : r("div", {
+      }, null)])]) : a("div", {
         class: "i-tabler:plus size-4"
       }, null)])])]
     })]);
   }
 });
 export {
-  Ze as DuxImageUpload
+  Xe as DuxImageUpload
 };