@duxweb/dvha-pro 1.0.33 → 1.0.34

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

@@ -0,0 +1,191 @@
+import { createVNode as o, defineComponent as n } from "vue";
+import { useI18n as u } from "@duxweb/dvha-core";
+import { useVModel as d } from "@vueuse/core";
+import { NInput as c, NInputNumber as a, NCheckbox as p } from "naive-ui";
+import "clsx";
+import "vue-router";
+import "@overlastic/vue";
+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";
+import "vue-draggable-plus";
+import "aieditor";
+import { DuxFormItem as i } from "../../form/formItem.js";
+import "@vee-validate/i18n";
+import "colorizr";
+import "echarts";
+import "highlight.js/lib/core";
+import "highlight.js/lib/languages/bash";
+import "highlight.js/lib/languages/css";
+import "highlight.js/lib/languages/go";
+import "highlight.js/lib/languages/java";
+import "highlight.js/lib/languages/javascript";
+import "highlight.js/lib/languages/json";
+import "highlight.js/lib/languages/markdown";
+import "highlight.js/lib/languages/php";
+import "highlight.js/lib/languages/python";
+import "highlight.js/lib/languages/shell";
+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 "@vee-validate/i18n/dist/locale/en.json";
+import "@vee-validate/i18n/dist/locale/zh_CN.json";
+import "vee-validate";
+import "vue-command-palette";
+import "@duxweb/dvha-naiveui";
+import "../../../pages/page404.js";
+import { DuxFormEditorItem as f, DuxFormEditorRule as s } from "../base/base.js";
+import { WidgetEditorSettingCard as v } from "../../designEditor/editor/setting.js";
+import { DuxFileUpload as b } from "../../upload/file.js";
+import "@iconify-json/tabler/icons.json";
+import "../../posterEditor/elements/index.js";
+import "fabric";
+import "dayjs";
+import "mime";
+import "@tanstack/vue-query";
+import "pinia";
+import "short-unique-id";
+const x = /* @__PURE__ */ n({
+  name: "FormEditorFileUpload",
+  props: {
+    options: Object
+  },
+  setup(r) {
+    return () => o(i, {
+      label: r.options?.label,
+      description: r.options?.desc
+    }, {
+      default: () => [o(b, r.options?.attr, null)]
+    });
+  }
+});
+function U(r) {
+  const {
+    options: l,
+    model: t
+  } = r || {};
+  return {
+    tag: "dux-form-item",
+    attrs: {
+      label: l?.label,
+      description: l?.desc
+    },
+    children: [{
+      tag: "dux-file-upload",
+      attrs: {
+        ...l?.attr,
+        "v-model:value": [t, l?.name]
+      }
+    }]
+  };
+}
+const E = /* @__PURE__ */ n({
+  name: "FormEditorFileUploadSetting",
+  props: {
+    value: {
+      type: Object,
+      default: {}
+    }
+  },
+  setup(r, {
+    emit: l
+  }) {
+    const t = d(r, "value", l), {
+      t: m
+    } = u();
+    return () => o("div", {
+      class: ""
+    }, [o(f, {
+      value: r.value,
+      "onUpdate:value": (e) => r.value = e
+    }, null), o(v, {
+      title: m("components.formEditor.common.componentConfig")
+    }, {
+      default: () => [o(i, {
+        label: m("components.formEditor.fileUpload.accept")
+      }, {
+        default: () => [o(c, {
+          value: t.value.attr.accept,
+          "onUpdate:value": (e) => t.value.attr.accept = e,
+          placeholder: m("components.formEditor.fileUpload.acceptPlaceholder")
+        }, null)]
+      }), o(i, {
+        label: m("components.formEditor.common.maxCount")
+      }, {
+        default: () => [o(a, {
+          value: t.value.attr.maxNum,
+          "onUpdate:value": (e) => t.value.attr.maxNum = e,
+          min: 1,
+          placeholder: m("components.formEditor.fileUpload.maxNumPlaceholder")
+        }, null)]
+      }), o(i, {
+        label: m("components.formEditor.fileUpload.maxSize")
+      }, {
+        default: () => [o(a, {
+          value: t.value.attr.maxSize,
+          "onUpdate:value": (e) => t.value.attr.maxSize = e,
+          min: 0,
+          placeholder: m("components.formEditor.fileUpload.maxSizePlaceholder")
+        }, null)]
+      }), o(i, {
+        label: m("components.formEditor.common.status")
+      }, {
+        default: () => [o("div", {
+          class: "w-full grid grid-cols-2"
+        }, [o(p, {
+          label: m("components.formEditor.common.multiple"),
+          checked: t.value.attr.multiple,
+          "onUpdate:checked": (e) => t.value.attr.multiple = e
+        }, null), o(p, {
+          label: m("components.formEditor.fileUpload.manager"),
+          checked: t.value.attr.manager,
+          "onUpdate:checked": (e) => t.value.attr.manager = e
+        }, null)])]
+      })]
+    }), o(s, {
+      value: t.value.rule,
+      "onUpdate:value": (e) => t.value.rule = e
+    }, null)]);
+  }
+});
+function jo(r) {
+  return {
+    name: "dux-file-upload",
+    icon: "i-tabler:file-upload",
+    label: r("components.formEditor.fileUpload.label"),
+    group: "form",
+    component: (l) => o(x, l, null),
+    setting: (l) => o(E, l, null),
+    settingDefault: {
+      label: r("components.formEditor.fileUpload.label"),
+      name: "files",
+      attr: {
+        maxSize: 10,
+        multiple: !1,
+        manager: !1,
+        accept: "*/*"
+      },
+      rule: []
+    },
+    json: U
+  };
+}
+export {
+  jo as duxFormEditorFileUpload
+};

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

@@ -0,0 +1,182 @@
+import { createVNode as o, defineComponent as n } from "vue";
+import { useI18n as u } from "@duxweb/dvha-core";
+import { useVModel as d } from "@vueuse/core";
+import { NInputNumber as l, NCheckbox as p } from "naive-ui";
+import "clsx";
+import "vue-router";
+import "@overlastic/vue";
+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";
+import "vue-draggable-plus";
+import "aieditor";
+import { DuxFormItem as a } from "../../form/formItem.js";
+import "@vee-validate/i18n";
+import "colorizr";
+import "echarts";
+import "highlight.js/lib/core";
+import "highlight.js/lib/languages/bash";
+import "highlight.js/lib/languages/css";
+import "highlight.js/lib/languages/go";
+import "highlight.js/lib/languages/java";
+import "highlight.js/lib/languages/javascript";
+import "highlight.js/lib/languages/json";
+import "highlight.js/lib/languages/markdown";
+import "highlight.js/lib/languages/php";
+import "highlight.js/lib/languages/python";
+import "highlight.js/lib/languages/shell";
+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 "@vee-validate/i18n/dist/locale/en.json";
+import "@vee-validate/i18n/dist/locale/zh_CN.json";
+import "vee-validate";
+import "vue-command-palette";
+import "@duxweb/dvha-naiveui";
+import "../../../pages/page404.js";
+import { DuxFormEditorItem as c, DuxFormEditorRule as s } from "../base/base.js";
+import { WidgetEditorSettingCard as f } from "../../designEditor/editor/setting.js";
+import "mime";
+import { DuxImageUpload as g } from "../../upload/image.js";
+import "@iconify-json/tabler/icons.json";
+import "../../posterEditor/elements/index.js";
+import "fabric";
+import "dayjs";
+import "@tanstack/vue-query";
+import "pinia";
+import "short-unique-id";
+const v = /* @__PURE__ */ n({
+  name: "FormEditorImageUpload",
+  props: {
+    options: Object
+  },
+  setup(t) {
+    return () => o(a, {
+      label: t.options?.label,
+      description: t.options?.desc
+    }, {
+      default: () => [o(g, t.options?.attr, null)]
+    });
+  }
+});
+function x(t) {
+  const {
+    options: r,
+    model: m
+  } = t || {};
+  return {
+    tag: "dux-form-item",
+    attrs: {
+      label: r?.label,
+      description: r?.desc
+    },
+    children: [{
+      tag: "dux-image-upload",
+      attrs: {
+        ...r?.attr,
+        "v-model:value": [m, r?.name]
+      }
+    }]
+  };
+}
+const b = /* @__PURE__ */ n({
+  name: "FormEditorImageUploadSetting",
+  props: {
+    value: {
+      type: Object,
+      default: {}
+    }
+  },
+  setup(t, {
+    emit: r
+  }) {
+    const m = d(t, "value", r), {
+      t: i
+    } = u();
+    return () => o("div", {
+      class: ""
+    }, [o(c, {
+      value: t.value,
+      "onUpdate:value": (e) => t.value = e
+    }, null), o(f, {
+      title: i("components.formEditor.common.componentConfig")
+    }, {
+      default: () => [o(a, {
+        label: i("components.formEditor.common.maxCount")
+      }, {
+        default: () => [o(l, {
+          value: m.value.attr.maxNum,
+          "onUpdate:value": (e) => m.value.attr.maxNum = e,
+          min: 1,
+          placeholder: i("components.formEditor.imageUpload.maxNumPlaceholder")
+        }, null)]
+      }), o(a, {
+        label: i("components.formEditor.imageUpload.maxSize")
+      }, {
+        default: () => [o(l, {
+          value: m.value.attr.maxSize,
+          "onUpdate:value": (e) => m.value.attr.maxSize = e,
+          min: 0,
+          placeholder: i("components.formEditor.imageUpload.maxSizePlaceholder")
+        }, null)]
+      }), o(a, {
+        label: i("components.formEditor.common.status")
+      }, {
+        default: () => [o("div", {
+          class: "w-full grid grid-cols-2"
+        }, [o(p, {
+          label: i("components.formEditor.common.multiple"),
+          checked: m.value.attr.multiple,
+          "onUpdate:checked": (e) => m.value.attr.multiple = e
+        }, null), o(p, {
+          label: i("components.formEditor.imageUpload.manager"),
+          checked: m.value.attr.manager,
+          "onUpdate:checked": (e) => m.value.attr.manager = e
+        }, null)])]
+      })]
+    }), o(s, {
+      value: m.value.rule,
+      "onUpdate:value": (e) => m.value.rule = e
+    }, null)]);
+  }
+});
+function Do(t) {
+  return {
+    name: "dux-image-upload",
+    icon: "i-tabler:photo",
+    label: t("components.formEditor.imageUpload.label"),
+    group: "form",
+    component: (r) => o(v, r, null),
+    setting: (r) => o(b, r, null),
+    settingDefault: {
+      label: t("components.formEditor.imageUpload.label"),
+      name: "images",
+      attr: {
+        maxSize: 5,
+        multiple: !1,
+        manager: !1
+      },
+      rule: []
+    },
+    json: x
+  };
+}
+export {
+  Do as duxFormEditorImageUpload
+};

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

@@ -52,10 +52,10 @@ import "@duxweb/dvha-naiveui";
 import "../../../pages/page404.js";
 import { DuxFormEditorItem as f, DuxFormEditorRule as b } from "../base/base.js";
 import { WidgetEditorSettingCard as x } from "../../designEditor/editor/setting.js";
+import "mime";
 import "@iconify-json/tabler/icons.json";
 import "../../posterEditor/elements/index.js";
 import "fabric";
-import "mime";
 import "dayjs";
 import "@tanstack/vue-query";
 import "pinia";

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

@@ -52,10 +52,10 @@ import "@duxweb/dvha-naiveui";
 import "../../../pages/page404.js";
 import { DuxFormEditorItem as s, DuxFormEditorRule as f } from "../base/base.js";
 import { WidgetEditorSettingCard as v } from "../../designEditor/editor/setting.js";
+import "mime";
 import "@iconify-json/tabler/icons.json";
 import "../../posterEditor/elements/index.js";
 import "fabric";
-import "mime";
 import "dayjs";
 import "@tanstack/vue-query";
 import "pinia";

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

@@ -52,10 +52,10 @@ import "vue-command-palette";
 import "../../../pages/page404.js";
 import { DuxFormEditorItem as f, DuxFormEditorRule as v } from "../base/base.js";
 import { WidgetEditorSettingCard as p } from "../../designEditor/editor/setting.js";
+import "mime";
 import "@iconify-json/tabler/icons.json";
 import "../../posterEditor/elements/index.js";
 import "fabric";
-import "mime";
 import "dayjs";
 import "@tanstack/vue-query";
 import "pinia";

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

@@ -53,10 +53,10 @@ import "@duxweb/dvha-naiveui";
 import "../../../pages/page404.js";
 import { DuxFormEditorItem as V, DuxFormEditorRule as h } from "../base/base.js";
 import { WidgetEditorSettingCard as p } from "../../designEditor/editor/setting.js";
+import "mime";
 import "@iconify-json/tabler/icons.json";
 import "../../posterEditor/elements/index.js";
 import "fabric";
-import "mime";
 import "dayjs";
 import "@tanstack/vue-query";
 import "pinia";

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

@@ -52,11 +52,11 @@ import "@duxweb/dvha-naiveui";
 import "../../../pages/page404.js";
 import { DuxFormEditorItem as s, DuxFormEditorRule as c } from "../base/base.js";
 import { WidgetEditorSettingCard as v } from "../../designEditor/editor/setting.js";
+import "mime";
 import { DuxLevel as f } from "../../level/level.js";
 import "@iconify-json/tabler/icons.json";
 import "../../posterEditor/elements/index.js";
 import "fabric";
-import "mime";
 import "dayjs";
 import "@tanstack/vue-query";
 import "pinia";

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

@@ -53,10 +53,10 @@ import "@duxweb/dvha-naiveui";
 import "../../../pages/page404.js";
 import { DuxFormEditorItem as g, DuxFormEditorRule as x } from "../base/base.js";
 import { WidgetEditorSettingCard as p } from "../../designEditor/editor/setting.js";
+import "mime";
 import "@iconify-json/tabler/icons.json";
 import "../../posterEditor/elements/index.js";
 import "fabric";
-import "mime";
 import "dayjs";
 import "@tanstack/vue-query";
 import "pinia";

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

@@ -52,10 +52,10 @@ import "vue-command-palette";
 import "../../../pages/page404.js";
 import { DuxFormEditorItem as v, DuxFormEditorRule as f } from "../base/base.js";
 import { WidgetEditorSettingCard as u } from "../../designEditor/editor/setting.js";
+import "mime";
 import "@iconify-json/tabler/icons.json";
 import "../../posterEditor/elements/index.js";
 import "fabric";
-import "mime";
 import "dayjs";
 import "@tanstack/vue-query";
 import "pinia";

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

@@ -52,10 +52,10 @@ import "@duxweb/dvha-naiveui";
 import "../../../pages/page404.js";
 import { DuxFormEditorItem as c, DuxFormEditorRule as v } from "../base/base.js";
 import { WidgetEditorSettingCard as a } from "../../designEditor/editor/setting.js";
+import "mime";
 import "@iconify-json/tabler/icons.json";
 import "../../posterEditor/elements/index.js";
 import "fabric";
-import "mime";
 import "dayjs";
 import "@tanstack/vue-query";
 import "pinia";

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

@@ -52,10 +52,10 @@ import "@duxweb/dvha-naiveui";
 import "../../../pages/page404.js";
 import { DuxFormEditorItem as d, DuxFormEditorRule as s } from "../base/base.js";
 import { WidgetEditorSettingCard as c } from "../../designEditor/editor/setting.js";
+import "mime";
 import "@iconify-json/tabler/icons.json";
 import "../../posterEditor/elements/index.js";
 import "fabric";
-import "mime";
 import "dayjs";
 import "@tanstack/vue-query";
 import "pinia";

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

@@ -52,10 +52,10 @@ import "@duxweb/dvha-naiveui";
 import "../../../pages/page404.js";
 import { DuxFormEditorItem as c, DuxFormEditorRule as f } from "../base/base.js";
 import { WidgetEditorSettingCard as v } from "../../designEditor/editor/setting.js";
+import "mime";
 import "@iconify-json/tabler/icons.json";
 import "../../posterEditor/elements/index.js";
 import "fabric";
-import "mime";
 import "dayjs";
 import "@tanstack/vue-query";
 import "pinia";

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

@@ -52,10 +52,10 @@ import "vue-command-palette";
 import "../../../pages/page404.js";
 import { DuxFormEditorItem as f, DuxFormEditorRule as v } from "../base/base.js";
 import { WidgetEditorSettingCard as p } from "../../designEditor/editor/setting.js";
+import "mime";
 import "@iconify-json/tabler/icons.json";
 import "../../posterEditor/elements/index.js";
 import "fabric";
-import "mime";
 import "dayjs";
 import "@tanstack/vue-query";
 import "pinia";

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

@@ -53,10 +53,10 @@ import "@duxweb/dvha-naiveui";
 import "../../../pages/page404.js";
 import { DuxFormEditorItem as x, DuxFormEditorRule as g } from "../base/base.js";
 import { WidgetEditorSettingCard as p } from "../../designEditor/editor/setting.js";
+import "mime";
 import "@iconify-json/tabler/icons.json";
 import "../../posterEditor/elements/index.js";
 import "fabric";
-import "mime";
 import "dayjs";
 import "@tanstack/vue-query";
 import "pinia";

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

@@ -52,10 +52,10 @@ import "vue-command-palette";
 import "../../../pages/page404.js";
 import { DuxFormEditorItem as f, DuxFormEditorRule as v } from "../base/base.js";
 import { WidgetEditorSettingCard as n } from "../../designEditor/editor/setting.js";
+import "mime";
 import "@iconify-json/tabler/icons.json";
 import "../../posterEditor/elements/index.js";
 import "fabric";
-import "mime";
 import "dayjs";
 import "@tanstack/vue-query";
 import "pinia";

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

@@ -48,7 +48,7 @@ import "vee-validate";
 import "vue-command-palette";
 import "@duxweb/dvha-naiveui";
 import "../../pages/page404.js";
-import { DuxDesignEditor as c } from "../designEditor/editor.js";
+import { DuxDesignEditor as l } from "../designEditor/editor.js";
 import "short-unique-id";
 import "aieditor";
 import { DuxFormLayout as g } from "../form/formLayout.js";
@@ -61,40 +61,42 @@ 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 { duxFormEditorFileUpload as I } from "./components/fileUpload.js";
+import { duxFormEditorImageUpload as h } from "./components/imageUpload.js";
+import { duxFormEditorInput as j } from "./components/input.js";
+import { duxFormEditorInputNumber as T } from "./components/inputNumber.js";
+import { duxFormEditorMentionAsync as w } from "./components/mentionAsync.js";
+import { duxFormEditorRadio as N } from "./components/radio.js";
+import { duxFormEditorRegion as O } from "./components/region.js";
+import { duxFormEditorSelect as _ } from "./components/select.js";
+import { duxFormEditorSelectAsync as R } from "./components/selectAsync.js";
+import { duxFormEditorSider as M } from "./components/sider.js";
+import { duxFormEditorSwitch as U } from "./components/switch.js";
+import { duxFormEditorTime as V } from "./components/time.js";
+import { duxFormEditorTransferAsync as B } from "./components/transferAsync.js";
+import { duxFormEditorTreeSelect as L } from "./components/treeSelect.js";
+import { duxFormEditorTreeSelectAsync as W } from "./components/treeSelectAsync.js";
 import "@iconify-json/tabler/icons.json";
 import "../posterEditor/elements/index.js";
 import "fabric";
 import "mime";
-import { useModal as W } from "../../hooks/modal.js";
+import { useModal as q } from "../../hooks/modal.js";
 import "dayjs";
 import "@tanstack/vue-query";
 import "pinia";
 function p(m) {
   return typeof m == "function" || Object.prototype.toString.call(m) === "[object Object]" && !x(m);
 }
-const vr = /* @__PURE__ */ f({
+const Dr = /* @__PURE__ */ f({
   name: "DuxFormEditor",
   props: {
     onSave: Function
   },
-  extends: c,
+  extends: l,
   setup(m) {
     const {
       t: o
-    } = F(), l = W(), d = u(() => [{
+    } = F(), d = q(), c = u(() => [{
       name: "form",
       label: o("components.formEditor.groups.form"),
       icon: "i-tabler:forms"
@@ -106,9 +108,9 @@ const vr = /* @__PURE__ */ f({
       name: "async",
       label: o("components.formEditor.groups.async"),
       icon: "i-tabler:loader"
-    }]), 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,
+    }]), s = u(() => [j(o), T(o), A(o), M(o), C(o), V(o), D(o), S(o), N(o), U(o), P(o), k(o), h(o), I(o), _(o), y(o), L(o), O(o), R(o), b(o), W(o), B(o), w(o)]);
+    return () => t(l, E(m, {
+      groups: c.value,
       components: s.value,
       settingPage: {
         component: (r) => t(v, r, null),
@@ -134,7 +136,7 @@ const vr = /* @__PURE__ */ f({
           secondary: !0,
           block: !0,
           onClick: () => {
-            l.show({
+            d.show({
               title: o("components.formEditor.main.actions.jsonOutput"),
               component: () => import("./json.js"),
               componentProps: {
@@ -149,7 +151,7 @@ const vr = /* @__PURE__ */ f({
           secondary: !0,
           block: !0,
           onClick: () => {
-            l.show({
+            d.show({
               title: o("common.preview"),
               component: () => import("./preview.js"),
               componentProps: {
@@ -174,5 +176,5 @@ const vr = /* @__PURE__ */ f({
   }
 });
 export {
-  vr as DuxFormEditor
+  Dr as DuxFormEditor
 };