@duxweb/dvha-pro 1.0.24 → 1.0.26

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

@@ -0,0 +1,161 @@
+import { defineComponent as m, provide as f, watch as i, ref as g, createVNode as a } from "vue";
+import { useI18n as v } from "@duxweb/dvha-core";
+import d from "clsx";
+import { cloneDeep as x } from "lodash-es";
+import { NScrollbar as b } from "naive-ui";
+import h from "short-unique-id";
+import { VueDraggable as w } from "vue-draggable-plus";
+import { DuxCard as y } from "../card/card.js";
+import { duxFormEditorGrid as k } from "./components/grid.js";
+import { useEditor as C } from "./editor/hook.js";
+import { DuxWidgetEditorPreview as u } from "./editor/preview.js";
+import { WidgetEditorSetting as D } from "./editor/setting.js";
+const R = /* @__PURE__ */ m({
+  name: "DuxDesignEditor",
+  props: {
+    data: Object,
+    onUpdateData: Function,
+    groups: Array,
+    components: Array,
+    settingPage: Object,
+    actionRender: Function,
+    previewWrapper: Function
+  },
+  setup(r) {
+    const {
+      t: n
+    } = v(), t = C({
+      settingPage: r.settingPage
+    });
+    f("editor.use", t), i([() => r.components, () => r.groups], () => {
+      t.clearGroup(), t.clearComponent(), t.addGroup({
+        name: "layout",
+        label: n("components.designEditor.layout") || "Layout",
+        icon: "i-tabler:layout"
+      }), r.groups?.forEach((e) => {
+        t.addGroup(e);
+      }), t.addComponent(k(n)), r.components?.forEach((e) => {
+        t.addComponent(e);
+      });
+    }, {
+      immediate: !0,
+      deep: !0
+    });
+    const l = g(), {
+      randomUUID: s
+    } = new h({
+      length: 10
+    }), p = (e) => ({
+      key: s(),
+      name: e.name,
+      options: x(e.settingDefault)
+    });
+    return i(() => r.data, (e) => {
+      const o = r.settingPage?.default || {};
+      t.value.value = e || {
+        config: o,
+        data: []
+      }, e && e.config && (t.value.value.config = {
+        ...o,
+        ...e.config
+      });
+    }, {
+      deep: !0,
+      immediate: !0
+    }), i(() => t.value.value, (e) => {
+      e !== r.data && r.onUpdateData?.(e);
+    }, {
+      deep: !0
+    }), () => a(y, {
+      class: "h-full",
+      shadow: !0
+    }, {
+      default: () => [a("div", {
+        class: "h-full flex flex-row  text-default"
+      }, [a("div", {
+        class: "flex-none flex flex-col gap-2  border-r border-default bg-default p-2"
+      }, [a(c, {
+        title: n("components.designEditor.all") || "All",
+        icon: "i-tabler:hexagons",
+        active: !l.value,
+        onClick: () => {
+          l.value = void 0;
+        }
+      }, null), t.group.value?.map((e, o) => a(c, {
+        key: o,
+        active: l.value === e.name,
+        title: e.label,
+        icon: e.icon,
+        onClick: () => {
+          l.value = e.name;
+        }
+      }, null))]), a("div", {
+        class: "flex-none text-xs w-180px bg-default",
+        id: "comp-list"
+      }, [a(b, null, {
+        default: () => [a("div", {
+          class: "flex flex-col gap-4 p-2"
+        }, [t.tree.value?.filter((e) => l.value ? e.name === l.value : !0).map((e) => a("div", {
+          key: e.name,
+          class: "flex flex-col gap-2"
+        }, [a("div", {
+          class: "bg-muted border border-muted rounded p-2 flex justify-center"
+        }, [e.label]), a(w, {
+          modelValue: e.children || [],
+          animation: 150,
+          group: {
+            name: "widget",
+            pull: "clone",
+            put: !1
+          },
+          sort: !1,
+          clone: p,
+          class: "grid grid-cols-2 items-start gap-2 "
+        }, {
+          default: () => [e.children?.map((o) => a("div", {
+            key: o.name,
+            class: "border border-muted rounded-sm p-2 flex flex-col items-center gap-2 cursor-pointer hover:bg-muted  edit-drag"
+          }, [a("div", {
+            class: d(["size-6", o.icon])
+          }, null), a("div", {
+            class: "truncate whitespace-nowrap px-2 overflow-hidden"
+          }, [o.label])]))]
+        })]))])]
+      })]), a("div", {
+        class: "flex-1 shadow-sm flex flex-col items-center p-6 overflow-auto",
+        style: "background: linear-gradient(45deg, rgba(0,0,0, 0.1) 25%, transparent 25%), linear-gradient(-45deg, rgba(0,0,0, 0.1) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(0,0,0, 0.1) 75%), linear-gradient(-45deg, transparent 75%, rgba(0,0,0, 0.1) 75%); background-size: 20px 20px; background-position: 0 0, 0 10px, 10px -10px, -10px 0px;"
+      }, [a("div", {
+        class: "max-w-2xl w-full flex-1 bg-default shadow p-2",
+        onClick: () => {
+          t.selected.value = void 0;
+        }
+      }, [r.previewWrapper ? r.previewWrapper(a(u, {
+        modelValue: t.value.value?.data,
+        onUpdate: (e) => t.value.value.data = e
+      }, null), t) : a(u, {
+        modelValue: t.value.value?.data,
+        onUpdate: (e) => t.value.value.data = e
+      }, null)])]), a(D, {
+        actionRender: r.actionRender
+      }, null)])]
+    });
+  }
+});
+function c({
+  title: r,
+  icon: n,
+  active: t,
+  onClick: l
+}) {
+  return a("div", {
+    class: d(["flex flex-col items-center px-3 py-2 hover:bg-primary/10 cursor-pointer rounded-sm", t ? "bg-primary/10 text-primary" : ""]),
+    onClick: l
+  }, [a("div", {
+    class: d(["size-4", n])
+  }, null), a("div", {
+    class: "truncate whitespace-nowrap text-default text-sm"
+  }, [r])]);
+}
+export {
+  R as DuxDesignEditor
+};

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

@@ -1,6 +1,6 @@
 import { defineComponent as b, computed as v, toRef as C, createVNode as e, Fragment as F, mergeProps as x, isVNode as D } from "vue";
 import { useI18n as E, useInvalidate as N, useExtendForm as h } from "@duxweb/dvha-core";
-import { useMessage as j, NButton as a, NScrollbar as w } from "naive-ui";
+import { useMessage as j, NButton as p, NScrollbar as w } from "naive-ui";
 import "clsx";
 import "vue-echarts";
 import "vue-router";
@@ -12,13 +12,20 @@ import "@tanstack/vue-query";
 import "@duxweb/dvha-naiveui";
 import "@vueuse/core";
 import "pinia";
+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 "vue-draggable-plus";
-import { DuxDrawerPage as O } from "../drawer/drawerPage.js";
-import "aieditor";
-import { DuxFormLayout as p } from "./formLayout.js";
-import "vee-validate";
 import "@vee-validate/i18n";
 import "colorizr";
 import "echarts";
@@ -28,24 +35,20 @@ import "@unocss/preset-typography";
 import "unocss/preset-wind4";
 import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
+import "vee-validate";
 import "vue-command-palette";
 import "../../pages/page404.js";
+import { DuxDrawerPage as O } from "../drawer/drawerPage.js";
+import "short-unique-id";
+import "aieditor";
+import { DuxFormLayout as a } from "./formLayout.js";
 import "@iconify-json/tabler/icons.json";
-import "vue3-ace-editor";
-import "ace-builds/src-noconflict/mode-vue";
-import "ace-builds/src-noconflict/mode-javascript";
-import "ace-builds/src-noconflict/mode-html";
-import "ace-builds/src-noconflict/mode-json";
-import "ace-builds/src-noconflict/mode-json5";
-import "ace-builds/src-noconflict/theme-tomorrow_night";
-import "ace-builds/src-noconflict/theme-tomorrow";
-import "ace-builds/src-noconflict/ext-searchbox";
-import "ace-builds/src-noconflict/ext-language_tools";
-import "ace-builds/src-noconflict/mode-snippets";
+import "../posterEditor/elements/index.js";
+import "fabric";
 function s(t) {
   return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !D(t);
 }
-const ht = /* @__PURE__ */ b({
+const Ot = /* @__PURE__ */ b({
   name: "DuxDrawerForm",
   props: {
     id: {
@@ -76,7 +79,7 @@ const ht = /* @__PURE__ */ b({
       type: String
     }
   },
-  extends: p,
+  extends: a,
   setup(t, {
     slots: c
   }) {
@@ -120,7 +123,7 @@ const ht = /* @__PURE__ */ b({
       onClose: t?.onClose
     }, {
       default: () => e(w, null, {
-        default: () => [e(p, x({
+        default: () => [e(a, x({
           class: "p-4"
         }, l.value), {
           default: () => [c?.default?.()]
@@ -128,12 +131,12 @@ const ht = /* @__PURE__ */ b({
       }),
       footer: () => {
         let o, i;
-        return e(F, null, [e(a, {
+        return e(F, null, [e(p, {
           onClick: g,
           loading: m.value
         }, s(o = r("components.button.reset")) ? o : {
           default: () => [o]
-        }), e(a, {
+        }), e(p, {
           type: "primary",
           loading: m.value,
           onClick: () => f()
@@ -145,5 +148,5 @@ const ht = /* @__PURE__ */ b({
   }
 });
 export {
-  ht as DuxDrawerForm
+  Ot as DuxDrawerForm
 };

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

@@ -1,7 +1,7 @@
-import { defineComponent as b, toRef as h, computed as a, watch as y, inject as q, createVNode as l, createTextVNode as j } from "vue";
-import { watchThrottled as S } from "@vueuse/core";
-import { useField as w } from "vee-validate";
-const F = /* @__PURE__ */ b({
+import { defineComponent as h, toRef as y, computed as a, watch as q, inject as j, ref as u, createVNode as l, createTextVNode as S } from "vue";
+import { watchThrottled as w } from "@vueuse/core";
+import { useField as P } from "vee-validate";
+const N = /* @__PURE__ */ h({
   name: "DuxFormItem",
   props: {
     label: String,
@@ -24,64 +24,64 @@ const F = /* @__PURE__ */ b({
     message: [String, Object]
   },
   setup(e, {
-    slots: d
+    slots: s
   }) {
-    const s = h(e.message), c = a(() => typeof e.rule == "object" ? {
+    const c = y(e.message), f = a(() => typeof e.rule == "object" ? {
       ...e.rule,
       required: !!e.required
     } : typeof e.rule == "string" ? e.rule?.includes("required") ? e.rule : e.rule ? `${e.rule}|required` : "required" : e.rule), {
-      errorMessage: n,
-      value: f,
-      setErrors: m,
+      errorMessage: d,
+      value: m,
+      setErrors: v,
       validate: g
-    } = w(e.path || "", c.value || {}, {
+    } = P(e.path || "", f.value || {}, {
       label: e.label
-    }), v = a(() => e.required ? !0 : e.rule ? typeof e.rule == "string" ? e.rule.includes("required") : typeof e.rule == "object" ? "required" in e.rule : !1 : !1), u = a(() => n.value && (s.value || n.value));
-    y(u, (r) => {
-      r && m(r);
+    }), o = a(() => e.required ? !0 : e.rule ? typeof e.rule == "string" ? e.rule.includes("required") : typeof e.rule == "object" ? "required" in e.rule : !1 : !1), n = a(() => d.value && (c.value || d.value));
+    q(n, (r) => {
+      r && v(r);
     }, {
       immediate: !0
-    }), S(f, (r) => {
+    }), w(m, (r) => {
       r && g();
     }, {
       throttle: 300,
       deep: !0
     });
-    const i = q("dux.form", {
-      labelPlacement: "left",
-      labelAlign: "left",
-      labelWidth: 70,
-      divider: !1
-    }), t = a(() => e.labelPlacement || i.labelPlacement), o = a(() => {
-      let r = e.labelWidth || i.labelWidth || 70;
+    const i = j("dux.form", {
+      labelPlacement: u("left"),
+      labelAlign: u("left"),
+      labelWidth: u(70),
+      divider: u(!1)
+    }), t = a(() => e.labelPlacement || i.labelPlacement.value), x = a(() => {
+      let r = e.labelWidth || i.labelWidth.value || 70;
       return typeof r == "number" && (r = `${r}px`), t.value !== "left" ? "auto" : r;
-    }), x = a(() => i.divider || t.value === "page");
+    }), b = a(() => i.divider.value || t.value === "page");
     return () => l("div", {
-      class: [t.value !== "top" ? "md:flex-row gap-2 lg:items-center" : "gap-1", x.value ? "py-6" : "", t.value === "setting" ? "md:justify-between md:items-start md:gap-4" : "", t.value === "page" ? "grid grid-cols-1 lg:grid-cols-4 px-4" : "flex flex-col"]
-    }, [l("div", {
-      class: [t.value === "left" ? "flex lg:items-center" : "", t.value === "left" && i.labelAlign === "right" ? "justify-end" : ""],
+      class: [t.value !== "top" ? "md:flex-row gap-2 lg:items-center" : "gap-1", b.value ? "py-6" : "", t.value === "setting" ? "md:justify-between md:items-start md:gap-4" : "", t.value === "page" ? "grid grid-cols-1 lg:grid-cols-4 px-4" : "flex flex-col"]
+    }, [e.label && l("div", {
+      class: [t.value === "left" ? "flex lg:items-center" : "md:mb-1", t.value === "left" && i.labelAlign.value === "right" ? "justify-end" : ""],
       style: {
-        width: o.value
+        width: x.value
       }
     }, [l("div", {
       class: "flex flex-col"
     }, [l("div", null, [l("span", {
       class: "relative flex items-center gap-1"
-    }, [e.label, v.value && l("span", {
+    }, [e.label, o.value && l("span", {
       class: "text-error font-mono text-xs"
-    }, [j("*")])])]), e.description && (t.value === "setting" || t.value === "page") && l("div", {
+    }, [S("*")])])]), e.description && (t.value === "setting" || t.value === "page") && l("div", {
       class: "text-sm text-muted"
     }, [e.description])])]), l("div", {
-      class: ["flex flex-col gap-1", t.value !== "left" ? "md:mt-1" : "", t.value === "setting" ? "flex-none md:w-40%" : "flex-1", t.value === "page" ? "col-span-3" : ""]
+      class: ["flex flex-col gap-1", t.value === "setting" ? "flex-none md:w-40%" : "flex-1", t.value === "page" ? "col-span-3" : ""]
     }, [l("div", {
       class: t.value === "setting" ? "flex-1 lg:flex lg:justify-end" : ""
-    }, [d?.default?.()]), e.description && t.value === "left" && l("div", {
+    }, [s?.default?.()]), e.description && t.value === "left" && l("div", {
       class: "text-sm text-muted"
-    }, [e.description]), u.value && l("div", {
+    }, [e.description]), n.value && l("div", {
       class: "text-error"
-    }, [u.value])])]);
+    }, [n.value])])]);
   }
 });
 export {
-  F as DuxFormItem
+  N as DuxFormItem
 };

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

@@ -1,5 +1,5 @@
-import { defineComponent as a, provide as t, createVNode as i } from "vue";
-const n = /* @__PURE__ */ a({
+import { defineComponent as t, provide as i, toRef as l, createVNode as d } from "vue";
+const f = /* @__PURE__ */ t({
   name: "DuxFormLayout",
   props: {
     labelPlacement: {
@@ -23,18 +23,18 @@ const n = /* @__PURE__ */ a({
     }
   },
   setup(e, {
-    slots: l
+    slots: a
   }) {
-    return t("dux.form", {
-      labelPlacement: e.labelPlacement,
-      labelAlign: e.labelAlign,
-      labelWidth: e.labelWidth,
-      divider: e.divider
-    }), () => i("div", {
+    return i("dux.form", {
+      labelPlacement: l(e, "labelPlacement"),
+      labelAlign: l(e, "labelAlign"),
+      labelWidth: l(e, "labelWidth"),
+      divider: l(e, "divider")
+    }), () => d("div", {
       class: ["flex ", e.divider || e.labelPlacement === "page" ? " divide-y divide-default dark:divide-gray-800" : "", e.inline ? "flex-row" : "flex-col", e.labelPlacement === "page" || e.labelPlacement === "setting" ? "container mx-auto" : "gap-4"]
-    }, [l?.default?.()]);
+    }, [a?.default?.()]);
   }
 });
 export {
-  n as DuxFormLayout
+  f as DuxFormLayout
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as b, computed as v, toRef as C, createVNode as i, Fragment as F, isVNode as x } from "vue";
+import { defineComponent as b, computed as v, toRef as C, createVNode as e, Fragment as F, isVNode as x } from "vue";
 import { useI18n as E, useInvalidate as h, useExtendForm as j } from "@duxweb/dvha-core";
 import { useMessage as D, NButton as p } from "naive-ui";
 import "clsx";
@@ -12,13 +12,21 @@ import "@tanstack/vue-query";
 import "@duxweb/dvha-naiveui";
 import "@vueuse/core";
 import "pinia";
+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 M from "../modal/modalPage.js";
 import "jinrishici";
 import "vue-draggable-plus";
-import "aieditor";
-import { DuxFormLayout as a } from "./formLayout.js";
-import "vee-validate";
 import "@vee-validate/i18n";
 import "colorizr";
 import "echarts";
@@ -28,24 +36,19 @@ import "@unocss/preset-typography";
 import "unocss/preset-wind4";
 import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
+import "vee-validate";
 import "vue-command-palette";
 import "../../pages/page404.js";
+import "short-unique-id";
+import "aieditor";
+import { DuxFormLayout as a } from "./formLayout.js";
 import "@iconify-json/tabler/icons.json";
-import "vue3-ace-editor";
-import "ace-builds/src-noconflict/mode-vue";
-import "ace-builds/src-noconflict/mode-javascript";
-import "ace-builds/src-noconflict/mode-html";
-import "ace-builds/src-noconflict/mode-json";
-import "ace-builds/src-noconflict/mode-json5";
-import "ace-builds/src-noconflict/theme-tomorrow_night";
-import "ace-builds/src-noconflict/theme-tomorrow";
-import "ace-builds/src-noconflict/ext-searchbox";
-import "ace-builds/src-noconflict/ext-language_tools";
-import "ace-builds/src-noconflict/mode-snippets";
+import "../posterEditor/elements/index.js";
+import "fabric";
 function c(t) {
   return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !x(t);
 }
-const ht = /* @__PURE__ */ b({
+const Mt = /* @__PURE__ */ b({
   name: "DuxModalForm",
   props: {
     id: {
@@ -81,7 +84,7 @@ const ht = /* @__PURE__ */ b({
     slots: s
   }) {
     const {
-      t: e
+      t: i
     } = E(), u = v(() => {
       const {
         onClose: o,
@@ -108,31 +111,31 @@ const ht = /* @__PURE__ */ b({
       form: l,
       action: t.action,
       onError: (o) => {
-        n.error(o.message || e("components.form.error")), t.onError?.(o);
+        n.error(o.message || i("components.form.error")), t.onError?.(o);
       },
       onSuccess: (o) => {
-        t.invalidate && d(t.invalidate), n.success(e("components.form.success")), t.onSuccess?.(o), t.onClose?.();
+        t.invalidate && d(t.invalidate), n.success(i("components.form.success")), t.onSuccess?.(o), t.onClose?.();
       }
     });
-    return () => i(M, {
-      title: t?.title || (y.value ? e("components.form.edit") : e("components.form.create")),
+    return () => e(M, {
+      title: t?.title || (y.value ? i("components.form.edit") : i("components.form.create")),
       onClose: t?.onClose
     }, {
-      default: () => i(a, u.value, {
+      default: () => e(a, u.value, {
         default: () => [s?.default?.()]
       }),
       footer: () => {
         let o, r;
-        return i(F, null, [i(p, {
+        return e(F, null, [e(p, {
           onClick: g,
           loading: m.value
-        }, c(o = e("components.button.reset")) ? o : {
+        }, c(o = i("components.button.reset")) ? o : {
           default: () => [o]
-        }), i(p, {
+        }), e(p, {
           type: "primary",
           loading: m.value,
           onClick: () => f()
-        }, c(r = e("components.button.submit")) ? r : {
+        }, c(r = i("components.button.submit")) ? r : {
           default: () => [r]
         })]);
       }
@@ -140,5 +143,5 @@ const ht = /* @__PURE__ */ b({
   }
 });
 export {
-  ht as DuxModalForm
+  Mt as DuxModalForm
 };

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

@@ -7,15 +7,6 @@ import { DuxCard as F } from "../card/card.js";
 import "clsx";
 import "vue-echarts";
 import "@vueuse/core";
-import "vue-cropper";
-import "jinrishici";
-import "lodash-es";
-import "vue-draggable-plus";
-import "aieditor";
-import { DuxFormLayout as C } from "./formLayout.js";
-import "vee-validate";
-import "@iconify-json/tabler/icons.json";
-import "mime";
 import "vue3-ace-editor";
 import "ace-builds/src-noconflict/mode-vue";
 import "ace-builds/src-noconflict/mode-javascript";
@@ -27,9 +18,21 @@ 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";
+import "vue-draggable-plus";
+import "short-unique-id";
+import "aieditor";
+import { DuxFormLayout as C } from "./formLayout.js";
+import "vee-validate";
+import "@duxweb/dvha-naiveui";
+import "@iconify-json/tabler/icons.json";
+import "../posterEditor/elements/index.js";
+import "fabric";
+import "mime";
 import "dayjs";
 import "@tanstack/vue-query";
-import "@duxweb/dvha-naiveui";
 import "pinia";
 import "@vee-validate/i18n";
 import "colorizr";
@@ -43,7 +46,7 @@ import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vue-command-palette";
 import { DuxPage as D } from "../../pages/page.js";
 import "../../pages/page404.js";
-const yt = /* @__PURE__ */ f({
+const ht = /* @__PURE__ */ f({
   name: "DuxPageForm",
   props: {
     id: {
@@ -79,11 +82,11 @@ const yt = /* @__PURE__ */ f({
     }
   },
   setup(t, {
-    slots: m
+    slots: n
   }) {
     const {
       t: o
-    } = g(), s = b(t, "data", {}), a = h(), c = E(), n = y(), {
+    } = g(), s = b(t, "data", {}), a = h(), c = E(), m = y(), {
       invalidate: l
     } = S(), r = x({
       id: t.id,
@@ -94,9 +97,9 @@ const yt = /* @__PURE__ */ f({
         a.error(i.message || o("components.form.error")), t.onError?.(i);
       },
       onSuccess: (i) => {
-        a.success(o("components.form.success")), t.onSuccess?.(i), !r.isEdit.value && n.current && n.delTab(n.current, (d) => c.push(d.path || "")), t.invalidate && l(t.invalidate);
+        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);
       }
-    }), u = n.tabs.find((i) => i.path === n.current);
+    }), u = m.tabs.find((i) => i.path === m.current);
     return () => e(D, {
       card: !1,
       scrollbar: !1
@@ -113,12 +116,12 @@ const yt = /* @__PURE__ */ f({
           default: () => [e(C, {
             "label-placement": "page"
           }, {
-            default: () => [m?.default?.(r)]
+            default: () => [n?.default?.(r)]
           })]
         }),
         headerExtra: () => e("div", {
           class: "flex gap-6 items-center"
-        }, [m?.actions?.(r), e("div", {
+        }, [n?.actions?.(r), e("div", {
           class: "flex gap-2"
         }, [e(p, {
           onClick: () => r.onReset()
@@ -141,5 +144,5 @@ const yt = /* @__PURE__ */ f({
   }
 });
 export {
-  yt as DuxPageForm
+  ht as DuxPageForm
 };

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

@@ -6,14 +6,6 @@ import "vue-router";
 import "clsx";
 import "vue-echarts";
 import "@vueuse/core";
-import "vue-cropper";
-import "jinrishici";
-import "lodash-es";
-import "vue-draggable-plus";
-import "aieditor";
-import "vee-validate";
-import "@iconify-json/tabler/icons.json";
-import "mime";
 import "vue3-ace-editor";
 import "ace-builds/src-noconflict/mode-vue";
 import "ace-builds/src-noconflict/mode-javascript";
@@ -25,9 +17,20 @@ 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";
+import "vue-draggable-plus";
+import "short-unique-id";
+import "aieditor";
+import "vee-validate";
+import "@duxweb/dvha-naiveui";
+import "@iconify-json/tabler/icons.json";
+import "../posterEditor/elements/index.js";
+import "fabric";
+import "mime";
 import "dayjs";
 import "@tanstack/vue-query";
-import "@duxweb/dvha-naiveui";
 import "pinia";
 import "@vee-validate/i18n";
 import "colorizr";
@@ -41,7 +44,7 @@ import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vue-command-palette";
 import { DuxPage as b } from "../../pages/page.js";
 import "../../pages/page404.js";
-const lt = /* @__PURE__ */ s({
+const dt = /* @__PURE__ */ s({
   name: "DuxSettingForm",
   props: {
     id: {
@@ -124,5 +127,5 @@ const lt = /* @__PURE__ */ s({
   }
 });
 export {
-  lt as DuxSettingForm
+  dt as DuxSettingForm
 };