@duxweb/dvha-pro 1.0.23 → 1.0.25

package/dist/esm/component.js

@@ -3,13 +3,14 @@ import { DuxCard as t } from "./components/card/card.js";
 import { DuxStatsStore as r, DuxStatsStoreItem as e } from "./components/card/store.js";
 import { DuxCarousel as n } from "./components/carousel/carousel.js";
 import { DuxChart as u } from "./components/chart/echart.js";
-import { DuxImageCrop as D } from "./components/crop/imageCrop.js";
-import { DuxImageCropModal as x } from "./components/crop/imageCropModal.js";
-import { DuxDashboardHello as i } from "./components/dashboard/hello.js";
-import { DuxDashboardHelloBig as c } from "./components/dashboard/helloBig.js";
-import { DuxDashboardQuick as a } from "./components/dashboard/quick.js";
-import { DuxDynamicData as l } from "./components/data/dynamicData.js";
-import { DuxDynamicSelect as f } from "./components/data/dynamicSelect.js";
+import { DuxCodeEditor as D } from "./components/code/code.js";
+import { DuxImageCrop as x } from "./components/crop/imageCrop.js";
+import { DuxImageCropModal as i } from "./components/crop/imageCropModal.js";
+import { DuxDashboardHello as c } from "./components/dashboard/hello.js";
+import { DuxDashboardHelloBig as a } from "./components/dashboard/helloBig.js";
+import { DuxDashboardQuick as l } from "./components/dashboard/quick.js";
+import { DuxDynamicData as f } from "./components/data/dynamicData.js";
+import { DuxDynamicSelect as p } from "./components/data/dynamicSelect.js";
 import "vue";
 import "@duxweb/dvha-core";
 import "naive-ui";
@@ -22,45 +23,46 @@ import "@tanstack/vue-query";
 import "@duxweb/dvha-naiveui";
 import "@vueuse/core";
 import "pinia";
-import { DuxModal as p } from "./components/modal/modal.js";
-import d from "./components/modal/modalPage.js";
-import g from "./components/modal/modalTab.js";
-import { DuxDrawApps as P } from "./components/draw/drawApps.js";
-import { DuxDrawAuth as s } from "./components/draw/drawAuth.js";
-import { DuxDrawEmpty as C } from "./components/draw/drawEmpty.js";
-import { DuxDrawEmptyForm as y } from "./components/draw/drawEmptyForm.js";
-import { DuxDrawError as M } from "./components/draw/drawError.js";
-import { DuxDrawerPage as b } from "./components/drawer/drawerPage.js";
-import { DuxAiEditor as S } from "./components/editor/aiEditor.js";
-import { DuxFormLayout as F } from "./components/form/formLayout.js";
-import { DuxFormItem as L } from "./components/form/formItem.js";
-import { DuxModalForm as T } from "./components/form/modalForm.js";
-import { DuxPageForm as E } from "./components/form/pageForm.js";
-import { DuxSettingForm as h } from "./components/form/settingForm.js";
-import { DuxIconPicker as w } from "./components/icon/icon.js";
+import { DuxModal as d } from "./components/modal/modal.js";
+import g from "./components/modal/modalPage.js";
+import P from "./components/modal/modalTab.js";
+import { DuxDrawApps as s } from "./components/draw/drawApps.js";
+import { DuxDrawAuth as C } from "./components/draw/drawAuth.js";
+import { DuxDrawEmpty as y } from "./components/draw/drawEmpty.js";
+import { DuxDrawEmptyForm as M } from "./components/draw/drawEmptyForm.js";
+import { DuxDrawError as b } from "./components/draw/drawError.js";
+import { DuxDrawerPage as S } from "./components/drawer/drawerPage.js";
+import { DuxAiEditor as F } from "./components/editor/aiEditor.js";
+import { DuxFormLayout as L } from "./components/form/formLayout.js";
+import { DuxFormItem as T } from "./components/form/formItem.js";
+import { DuxModalForm as E } from "./components/form/modalForm.js";
+import { DuxPageForm as h } from "./components/form/pageForm.js";
+import { DuxSettingForm as w } from "./components/form/settingForm.js";
+import { DuxIconPicker as A } from "./components/icon/icon.js";
 import "@iconify-json/tabler/icons.json";
-import { DuxTableFilter as A } from "./components/layout/filter.js";
-import { DuxListLayout as I } from "./components/layout/list.js";
-import { DuxTableLayout as k } from "./components/layout/table.js";
-import { DuxTableTools as B } from "./components/layout/tools.js";
-import { DuxLevel as H } from "./components/level/level.js";
-import { DuxCardPage as U } from "./components/list/card.js";
-import { DuxListPage as v } from "./components/list/list.js";
-import { DuxMedia as N } from "./components/media/media.js";
-import { DuxPanelAlert as Q } from "./components/panel/alert.js";
-import { DuxPanelCard as R } from "./components/panel/setting.js";
-import { DuxCollapsePanel as W } from "./components/panel/collapse.js";
-import { DuxSelectCard as j } from "./components/select/cardSelect.js";
-import { DuxStatsNumber as q } from "./components/stats/number.js";
-import { DuxStatsRealTime as z } from "./components/stats/realTime.js";
-import { DuxBlockEmpty as G } from "./components/status/blockEmpty.js";
-import { DuxTablePage as J } from "./components/table/tablePage.js";
-import { DuxTreeFilter as K } from "./components/tree/treeFilter.js";
-import { DuxFileUpload as O } from "./components/upload/file.js";
-import { DuxImageUpload as V } from "./components/upload/image.js";
+import "./components/image/elements/index.js";
+import "fabric";
+import { DuxFileUpload as I } from "./components/upload/file.js";
+import { DuxImageUpload as k } from "./components/upload/image.js";
 import "clsx";
-import { DuxWidgetConnect as X } from "./components/widget/connect.js";
-import { DuxCodeEditor as Y } from "./components/code/code.js";
+import { DuxTableFilter as B } from "./components/layout/filter.js";
+import { DuxListLayout as H } from "./components/layout/list.js";
+import { DuxTableLayout as U } from "./components/layout/table.js";
+import { DuxTableTools as v } from "./components/layout/tools.js";
+import { DuxLevel as N } from "./components/level/level.js";
+import { DuxCardPage as Q } from "./components/list/card.js";
+import { DuxListPage as R } from "./components/list/list.js";
+import { DuxMedia as W } from "./components/media/media.js";
+import { DuxPanelAlert as j } from "./components/panel/alert.js";
+import { DuxPanelCard as q } from "./components/panel/setting.js";
+import { DuxCollapsePanel as z } from "./components/panel/collapse.js";
+import { DuxSelectCard as G } from "./components/select/cardSelect.js";
+import { DuxStatsNumber as J } from "./components/stats/number.js";
+import { DuxStatsRealTime as K } from "./components/stats/realTime.js";
+import { DuxBlockEmpty as O } from "./components/status/blockEmpty.js";
+import { DuxTablePage as V } from "./components/table/tablePage.js";
+import { DuxTreeFilter as X } from "./components/tree/treeFilter.js";
+import { DuxWidgetConnect as Y } from "./components/widget/connect.js";
 import { DuxAuthLayout as Z } from "./pages/authLayout.js";
 import { DuxLayout as _ } from "./pages/layout.js";
 import { DuxLoginPage as $ } from "./pages/login.js";
@@ -73,11 +75,11 @@ import { DuxPage404 as no } from "./pages/page404.js";
 import { DuxPage500 as uo } from "./pages/page500.js";
 import { DuxPageEmpty as Do } from "./pages/pageEmpty.js";
 import { DuxPageStatus as xo } from "./pages/pageStatus.js";
-const Im = {
+const Bm = {
   install(o) {
-    o.component("DuxAiEditor", S), o.component("DuxCard", t), o.component("DuxDrawerPage", b), o.component("DuxDrawApps", P), o.component("DuxDrawAuth", s), o.component("DuxDrawEmpty", C), o.component("DuxDrawEmptyForm", y), o.component("DuxDrawError", M), o.component("DuxDynamicData", l), o.component("DuxDynamicSelect", f), o.component("DuxFormItem", L), o.component("DuxFormLayout", F), o.component("DuxModalForm", T), o.component("DuxPageForm", E), o.component("DuxSettingForm", h), o.component("DuxListLayout", I), o.component("DuxTableFilter", A), o.component("DuxTableLayout", k), o.component("DuxTableTools", B), o.component("DuxCardPage", U), o.component("DuxListPage", v), o.component("DuxMedia", N), o.component("DuxModal", p), o.component("DuxPanelAlert", Q), o.component("DuxPanelCard", R), o.component("DuxBlockEmpty", G), o.component("DuxTablePage", J), o.component("DuxLevel", H), o.component("DuxImageCrop", D), o.component("DuxImageCropModal", x), o.component("DuxModalPage", d), o.component("DuxModalTab", g), o.component("DuxFileUpload", O), o.component("DuxImageUpload", V), o.component("DuxTreeFilter", K), o.component("DuxIconPicker", w), o.component("DuxCollapsePanel", W), o.component("DuxCodeEditor", Y), o.component("DuxDashboardHello", i), o.component("DuxDashboardHelloBig", c), o.component("DuxDashboardQuick", a), o.component("DuxCarousel", n), o.component("DuxWidgetConnect", X), o.component("DuxChart", u), o.component("DuxSelectCard", j), o.component("DuxStatsStore", r), o.component("DuxStatsStoreItem", e), o.component("DuxStatsRealTime", z), o.component("DuxStatsNumber", q), o.component("DuxAuthLayout", Z), o.component("DuxLayout", _), o.component("DuxPage403", eo), o.component("DuxPage404", no), o.component("DuxPage500", uo), o.component("DuxPageEmpty", Do), o.component("DuxPageStatus", xo), o.component("DuxLoginPage", $), o.component("DuxPage", ro), o.component("DuxMenuMain", mo), o.component("DuxMobileMenu", to), o.component("DuxMenuCmd", oo), o.component("DuxApp", m);
+    o.component("DuxAiEditor", F), o.component("DuxCard", t), o.component("DuxDrawerPage", S), o.component("DuxDrawApps", s), o.component("DuxDrawAuth", C), o.component("DuxDrawEmpty", y), o.component("DuxDrawEmptyForm", M), o.component("DuxDrawError", b), o.component("DuxDynamicData", f), o.component("DuxDynamicSelect", p), o.component("DuxFormItem", T), o.component("DuxFormLayout", L), o.component("DuxModalForm", E), o.component("DuxPageForm", h), o.component("DuxSettingForm", w), o.component("DuxListLayout", H), o.component("DuxTableFilter", B), o.component("DuxTableLayout", U), o.component("DuxTableTools", v), o.component("DuxCardPage", Q), o.component("DuxListPage", R), o.component("DuxMedia", W), o.component("DuxModal", d), o.component("DuxPanelAlert", j), o.component("DuxPanelCard", q), o.component("DuxBlockEmpty", O), o.component("DuxTablePage", V), o.component("DuxLevel", N), o.component("DuxImageCrop", x), o.component("DuxImageCropModal", i), o.component("DuxModalPage", g), o.component("DuxModalTab", P), o.component("DuxFileUpload", I), o.component("DuxImageUpload", k), o.component("DuxTreeFilter", X), o.component("DuxIconPicker", A), o.component("DuxCollapsePanel", z), o.component("DuxCodeEditor", D), o.component("DuxDashboardHello", c), o.component("DuxDashboardHelloBig", a), o.component("DuxDashboardQuick", l), o.component("DuxCarousel", n), o.component("DuxWidgetConnect", Y), o.component("DuxChart", u), o.component("DuxSelectCard", G), o.component("DuxStatsStore", r), o.component("DuxStatsStoreItem", e), o.component("DuxStatsRealTime", K), o.component("DuxStatsNumber", J), o.component("DuxAuthLayout", Z), o.component("DuxLayout", _), o.component("DuxPage403", eo), o.component("DuxPage404", no), o.component("DuxPage500", uo), o.component("DuxPageEmpty", Do), o.component("DuxPageStatus", xo), o.component("DuxLoginPage", $), o.component("DuxPage", ro), o.component("DuxMenuMain", mo), o.component("DuxMobileMenu", to), o.component("DuxMenuCmd", oo), o.component("DuxApp", m);
   }
 };
 export {
-  Im as default
+  Bm as default
 };

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

@@ -1,5 +1,5 @@
-import { defineComponent as y, computed as a, createVNode as t } from "vue";
-const S = /* @__PURE__ */ y({
+import { defineComponent as s, computed as a, createVNode as d } from "vue";
+const m = /* @__PURE__ */ s({
   name: "DuxCard",
   props: {
     size: {
@@ -64,10 +64,10 @@ const S = /* @__PURE__ */ y({
     }
   },
   setup(e, {
-    slots: d
+    slots: t
   }) {
-    const r = (i) => {
-      switch (i) {
+    const r = (f) => {
+      switch (f) {
         case "small":
           return "px-3 py-2";
         case "large":
@@ -78,7 +78,7 @@ const S = /* @__PURE__ */ y({
         default:
           return "";
       }
-    }, c = a(() => r(e.size)), n = a(() => r(e.headerSize)), o = a(() => r(e.footerSize)), m = a(() => r(e.contentSize)), v = a(() => {
+    }, l = a(() => r(e.size)), i = a(() => r(e.headerSize)), n = a(() => r(e.footerSize)), u = a(() => r(e.contentSize)), o = a(() => {
       switch (e.type) {
         case "elevated":
           return "bg-elevated";
@@ -88,28 +88,25 @@ const S = /* @__PURE__ */ y({
           return "bg-default dark:bg-muted";
       }
     });
-    return () => {
-      var i, u, l, f;
-      return t("div", {
-        class: ["rounded  flex flex-col dark:border dark:border-muted", e.divide && "divide-y divide-muted", e.shadow && "shadow-xs", e.bordered && "border border-muted", v.value, c.value]
-      }, [d.header && t("div", {
-        class: [n.value, e.headerClass, e.headerBordered || e.divide ? "border-b border-muted" : "pb-0"]
-      }, [(i = d.header) == null ? void 0 : i.call(d)]), e.title && t("div", {
-        class: ["flex justify-between items-center", n.value, e.headerBordered || e.divide ? "border-b border-muted" : "pb-0", e.headerClass]
-      }, [t("div", {
-        class: "flex flex-col"
-      }, [t("div", {
-        class: "text-base"
-      }, [e.title]), e.description && t("div", {
-        class: "text-sm text-muted"
-      }, [e.description])]), (u = d.headerExtra) == null ? void 0 : u.call(d)]), t("div", {
-        class: ["flex-1 min-h-0", (e.title || d.header || d.footer) && m.value, e.contentClass]
-      }, [(l = d.default) == null ? void 0 : l.call(d)]), d.footer && t("div", {
-        class: [o.value, e.footerClass, e.footerBordered && "border-t border-muted"]
-      }, [(f = d.footer) == null ? void 0 : f.call(d)])]);
-    };
+    return () => d("div", {
+      class: ["rounded  flex flex-col dark:border dark:border-muted", e.divide && "divide-y divide-muted", e.shadow && "shadow-xs", e.bordered && "border border-muted", o.value, l.value]
+    }, [t.header && d("div", {
+      class: [i.value, e.headerClass, e.headerBordered || e.divide ? "border-b border-muted" : "pb-0"]
+    }, [t.header?.()]), e.title && d("div", {
+      class: ["flex justify-between items-center", i.value, e.headerBordered || e.divide ? "border-b border-muted" : "pb-0", e.headerClass]
+    }, [d("div", {
+      class: "flex flex-col"
+    }, [d("div", {
+      class: "text-base"
+    }, [e.title]), e.description && d("div", {
+      class: "text-sm text-muted"
+    }, [e.description])]), t.headerExtra?.()]), d("div", {
+      class: ["flex-1 min-h-0", (e.title || t.header || t.footer) && u.value, e.contentClass]
+    }, [t.default?.()]), t.footer && d("div", {
+      class: [n.value, e.footerClass, e.footerBordered && "border-t border-muted"]
+    }, [t.footer?.()])]);
   }
 });
 export {
-  S as DuxCard
+  m as DuxCard
 };

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

@@ -1,64 +1,58 @@
-import { defineComponent as d, createVNode as t } from "vue";
+import { defineComponent as r, createVNode as e } from "vue";
 import { DuxMedia as l } from "../media/media.js";
-import { DuxCard as u } from "./card.js";
-const c = /* @__PURE__ */ d({
+import { DuxCard as i } from "./card.js";
+const s = /* @__PURE__ */ r({
   name: "DuxStatsStore",
   props: {
     title: String,
     avatar: String,
     desc: String
   },
-  setup(a, {
-    slots: e
+  setup(t, {
+    slots: a
   }) {
-    return () => t(u, {
+    return () => e(i, {
       divide: !0,
       footerSize: "small"
     }, {
-      header: () => {
-        var r;
-        return t("div", {
-          class: "flex gap-2 items-center"
-        }, [t(l, {
-          class: "flex-1",
-          avatar: !0,
-          imageHeight: 46,
-          imageWidth: 46,
-          image: a.avatar,
-          title: a.title,
-          desc: a.desc
-        }, null), t("div", null, [(r = e.extra) == null ? void 0 : r.call(e)])]);
-      },
-      default: () => {
-        var r, i;
-        return t("div", {
-          class: "flex flex-col"
-        }, [e.header ? t("div", {
-          class: "flex flex-col bg-muted rounded p-4 text-muted"
-        }, [(r = e.header) == null ? void 0 : r.call(e)]) : null, t("div", {
-          class: "grid grid-cols-[repeat(auto-fit,minmax(100px,1fr))] gap-2 pt-2"
-        }, [(i = e.default) == null ? void 0 : i.call(e)])]);
-      },
-      footer: e.footer
+      header: () => e("div", {
+        class: "flex gap-2 items-center"
+      }, [e(l, {
+        class: "flex-1",
+        avatar: !0,
+        imageHeight: 46,
+        imageWidth: 46,
+        image: t.avatar,
+        title: t.title,
+        desc: t.desc
+      }, null), e("div", null, [a.extra?.()])]),
+      default: () => e("div", {
+        class: "flex flex-col"
+      }, [a.header ? e("div", {
+        class: "flex flex-col bg-muted rounded p-4 text-muted"
+      }, [a.header?.()]) : null, e("div", {
+        class: "grid grid-cols-[repeat(auto-fit,minmax(100px,1fr))] gap-2 pt-2"
+      }, [a.default?.()])]),
+      footer: a.footer
     });
   }
-}), f = /* @__PURE__ */ d({
+}), m = /* @__PURE__ */ r({
   name: "DuxStatsStoreItem",
   props: {
     label: String,
     value: String
   },
-  setup(a) {
-    return () => t("div", {
+  setup(t) {
+    return () => e("div", {
       class: "flex flex-col items-center justify-center"
-    }, [t("div", {
+    }, [e("div", {
       class: "text-lg font-bold"
-    }, [a.value]), t("div", {
+    }, [t.value]), e("div", {
       class: "text-sm text-muted"
-    }, [a.label])]);
+    }, [t.label])]);
   }
 });
 export {
-  c as DuxStatsStore,
-  f as DuxStatsStoreItem
+  s as DuxStatsStore,
+  m as DuxStatsStoreItem
 };

package/dist/esm/components/carousel/carousel.js

@@ -1,6 +1,6 @@
-import { defineComponent as o, createVNode as r } from "vue";
-import { NCarousel as u } from "naive-ui";
-const d = /* @__PURE__ */ o({
+import { defineComponent as a, createVNode as r } from "vue";
+import { NCarousel as s } from "naive-ui";
+const n = /* @__PURE__ */ a({
   name: "DuxCarousel",
   props: {
     height: {
@@ -9,29 +9,26 @@ const d = /* @__PURE__ */ o({
     },
     data: Array
   },
-  setup(a) {
-    return () => r(u, {
+  setup(t) {
+    return () => r(s, {
       draggable: !0,
       class: "rounded-sm shadow-sm",
       style: {
-        height: `${a.height}px`
+        height: `${t.height}px`
       }
     }, {
-      default: () => {
-        var t;
-        return [(t = a == null ? void 0 : a.data) == null ? void 0 : t.map((e, l) => r("img", {
-          key: l,
-          class: "w-full object-cover",
-          style: {
-            height: `${a.height}px`
-          },
-          src: typeof e == "string" ? e : e.src,
-          onClick: typeof e == "string" || e == null ? void 0 : e.onClick
-        }, null))];
-      }
+      default: () => [t?.data?.map((e, o) => r("img", {
+        key: o,
+        class: "w-full object-cover",
+        style: {
+          height: `${t.height}px`
+        },
+        src: typeof e == "string" ? e : e.src,
+        onClick: typeof e == "string" ? void 0 : e?.onClick
+      }, null))]
     });
   }
 });
 export {
-  d as DuxCarousel
+  n as DuxCarousel
 };

package/dist/esm/components/chart/echart.js

@@ -6,6 +6,17 @@ import "vue-router";
 import "@overlastic/vue";
 import "clsx";
 import "@vueuse/core";
+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 "vue-cropper";
 import "jinrishici";
 import "lodash-es";
@@ -25,23 +36,14 @@ import "vue-command-palette";
 import "@duxweb/dvha-naiveui";
 import "../../pages/page404.js";
 import "@iconify-json/tabler/icons.json";
+import "../image/elements/index.js";
+import "fabric";
 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 { useEchartType as u } from "../../hooks/echart.js";
 import "@tanstack/vue-query";
 import "pinia";
-const rt = /* @__PURE__ */ m({
+const pt = /* @__PURE__ */ m({
   name: "DuxChart",
   props: {
     height: {
@@ -96,5 +98,5 @@ const rt = /* @__PURE__ */ m({
   }
 });
 export {
-  rt as DuxChart
+  pt as DuxChart
 };

package/dist/esm/components/crop/imageCrop.js

@@ -1,12 +1,23 @@
-import { defineComponent as d, createVNode as p } from "vue";
-import { useI18n as g, useManage as f, useUpload as v } from "@duxweb/dvha-core";
-import { useVModel as h } from "@vueuse/core";
-import { useMessage as x } from "naive-ui";
+import { defineComponent as n, createVNode as r } from "vue";
+import { useI18n as s, useManage as c, useUpload as d } from "@duxweb/dvha-core";
+import { useVModel as g } from "@vueuse/core";
+import { useMessage as f } from "naive-ui";
 import "vue-router";
 import "@overlastic/vue";
 import "clsx";
-import { DuxAvatar as y } from "../widget/avatar.js";
+import { DuxAvatar as v } from "../widget/avatar.js";
 import "vue-echarts";
+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 "vue-cropper";
 import "jinrishici";
 import "lodash-es";
@@ -26,23 +37,14 @@ import "vue-command-palette";
 import "@duxweb/dvha-naiveui";
 import "../../pages/page404.js";
 import "@iconify-json/tabler/icons.json";
+import "../image/elements/index.js";
+import "fabric";
 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 { useModal as h } from "../../hooks/modal.js";
 import "dayjs";
 import "@tanstack/vue-query";
 import "pinia";
-const so = /* @__PURE__ */ d({
+const no = /* @__PURE__ */ n({
   name: "DuxImageCrop",
   props: {
     defaultValue: {
@@ -62,59 +64,56 @@ const so = /* @__PURE__ */ d({
       default: !0
     }
   },
-  setup(e, {
-    emit: l
+  setup(t, {
+    emit: m
   }) {
-    var u;
     const {
-      t: m
-    } = g(), i = h(e, "value", l, {
+      t: i
+    } = s(), e = g(t, "value", m, {
       passive: !0,
-      defaultValue: e.defaultValue || ""
+      defaultValue: t.defaultValue || ""
     }), {
-      config: n
-    } = f(), s = C(), a = x(), c = v({
-      path: e.path || ((u = n.apiPath) == null ? void 0 : u.upload) || "upload",
+      config: a
+    } = c(), u = h(), p = f(), l = d({
+      path: t.path || a.apiPath?.upload || "upload",
       params: {
         mime: "image/png"
       },
       autoUpload: !0,
       onSuccess: (o) => {
-        var r;
-        i.value = (r = o.data) == null ? void 0 : r.url, a.success(m("components.upload.success"));
+        e.value = o.data?.url, p.success(i("components.upload.success"));
       },
       onError: (o) => {
-        a.error(o.message || m("components.upload.failed"));
+        p.error(o.message || i("components.upload.failed"));
       }
     });
-    return () => p("div", {
-      class: ["relative size-80px overflow-hidden group", e.circle && "rounded-full"],
+    return () => r("div", {
+      class: ["relative size-80px overflow-hidden group", t.circle && "rounded-full"],
       onClick: () => {
-        var o, r;
-        (r = (o = s.show({
-          component: () => import("./imageCropModal.js").then((t) => t.DuxImageCropModal),
+        u.show({
+          component: () => import("./imageCropModal.js").then((o) => o.DuxImageCropModal),
           componentProps: {
-            value: i.value,
-            onConfirm: (t) => {
-              i.value = t;
+            value: e.value,
+            onConfirm: (o) => {
+              e.value = o;
             }
           }
-        })) == null ? void 0 : o.then) == null || r.call(o, (t) => {
-          t && (t.name = "image.png", t.mime = "image/png", c.addFiles([t], "blob"));
+        })?.then?.((o) => {
+          o && (o.name = "image.png", o.mime = "image/png", l.addFiles([o], "blob"));
         }).catch(() => {
         });
       }
-    }, [p(y, {
-      src: i.value,
-      circle: e.circle,
+    }, [r(v, {
+      src: e.value,
+      circle: t.circle,
       size: 80
-    }, null), p("div", {
+    }, null), r("div", {
       class: "absolute size-full bg-gray-900/30 items-center justify-center inset-0 cursor-pointer hidden z-1 group-hover:flex"
-    }, [p("div", {
+    }, [r("div", {
       class: "i-tabler:pencil size-4 text-white/90"
     }, null)])]);
   }
 });
 export {
-  so as DuxImageCrop
+  no as DuxImageCrop
 };