@duxweb/dvha-pro 1.0.25 → 1.0.26

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";
@@ -27,9 +27,6 @@ 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";
@@ -39,15 +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 "../image/elements/index.js";
+import "../posterEditor/elements/index.js";
 import "fabric";
 function c(t) {
   return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !x(t);
 }
-const Dt = /* @__PURE__ */ b({
+const Mt = /* @__PURE__ */ b({
   name: "DuxModalForm",
   props: {
     id: {
@@ -83,7 +84,7 @@ const Dt = /* @__PURE__ */ b({
     slots: s
   }) {
     const {
-      t: e
+      t: i
     } = E(), u = v(() => {
       const {
         onClose: o,
@@ -110,31 +111,31 @@ const Dt = /* @__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]
         })]);
       }
@@ -142,5 +143,5 @@ const Dt = /* @__PURE__ */ b({
   }
 });
 export {
-  Dt as DuxModalForm
+  Mt as DuxModalForm
 };

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

@@ -22,16 +22,17 @@ 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 "../image/elements/index.js";
+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";
@@ -45,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 xt = /* @__PURE__ */ f({
+const ht = /* @__PURE__ */ f({
   name: "DuxPageForm",
   props: {
     id: {
@@ -81,11 +82,11 @@ const xt = /* @__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,
@@ -96,9 +97,9 @@ const xt = /* @__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
@@ -115,12 +116,12 @@ const xt = /* @__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()
@@ -143,5 +144,5 @@ const xt = /* @__PURE__ */ f({
   }
 });
 export {
-  xt as DuxPageForm
+  ht as DuxPageForm
 };

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

@@ -21,15 +21,16 @@ 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 "../image/elements/index.js";
+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 +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 ct = /* @__PURE__ */ s({
+const dt = /* @__PURE__ */ s({
   name: "DuxSettingForm",
   props: {
     id: {
@@ -126,5 +127,5 @@ const ct = /* @__PURE__ */ s({
   }
 });
 export {
-  ct as DuxSettingForm
+  dt as DuxSettingForm
 };

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

@@ -0,0 +1,117 @@
+import { defineComponent as a, createVNode as t } from "vue";
+import { useI18n as n } from "@duxweb/dvha-core";
+import { useVModel as u } from "@vueuse/core";
+import { NInput as e } 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 l } from "../../form/formItem.js";
+import "@vee-validate/i18n";
+import "colorizr";
+import "echarts";
+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 { WidgetEditorSettingCard as d } from "../../designEditor/editor/setting.js";
+import "@iconify-json/tabler/icons.json";
+import "../../posterEditor/elements/index.js";
+import "fabric";
+import "mime";
+import "dayjs";
+import "@tanstack/vue-query";
+import "pinia";
+import "short-unique-id";
+const po = /* @__PURE__ */ a({
+  name: "DuxFormEditorItem",
+  props: {
+    value: {
+      type: Object,
+      default: []
+    }
+  },
+  setup(p, {
+    emit: i
+  }) {
+    const {
+      t: r
+    } = n(), o = u(p, "value", i);
+    return () => t(d, {
+      title: r("components.formEditor.componentConfig")
+    }, {
+      default: () => [t(l, {
+        label: r("components.formEditor.common.label"),
+        path: "label"
+      }, {
+        default: () => [t(e, {
+          value: o.value.label,
+          "onUpdate:value": (m) => o.value.label = m
+        }, null)]
+      }), t(l, {
+        label: r("components.formEditor.common.name")
+      }, {
+        default: () => [t(e, {
+          value: o.value.name,
+          "onUpdate:value": (m) => o.value.name = m
+        }, null)]
+      }), t(l, {
+        label: r("components.formEditor.common.desc")
+      }, {
+        default: () => [t(e, {
+          value: o.value.desc,
+          "onUpdate:value": (m) => o.value.desc = m
+        }, null)]
+      })]
+    });
+  }
+}), io = /* @__PURE__ */ a({
+  name: "FormEditorInput",
+  props: {
+    value: {
+      type: Array,
+      default: []
+    }
+  },
+  setup(p, {
+    emit: i
+  }) {
+    const {
+      t: r
+    } = n(), o = u(p, "value", i);
+    return () => t(d, {
+      title: r("components.formEditor.validation")
+    }, {
+      default: () => [t(e, {
+        value: o.value,
+        "onUpdate:value": (m) => o.value = m
+      }, null)]
+    });
+  }
+});
+export {
+  po as DuxFormEditorItem,
+  io as DuxFormEditorRule
+};

package/dist/esm/components/formEditor/base/json.js

@@ -0,0 +1,39 @@
+import { defineComponent as u, createVNode as r } from "vue";
+import { useVModel as d } from "@vueuse/core";
+import "@overlastic/vue";
+import "naive-ui";
+import l from "../../modal/modalPage.js";
+import { DuxCodeEditor as n } from "../../code/code.js";
+const x = /* @__PURE__ */ u({
+  name: "DuxFormEditorJson",
+  props: {
+    value: {
+      type: String,
+      default: []
+    },
+    onChange: Function,
+    desc: String
+  },
+  setup(e, {
+    emit: a
+  }) {
+    const o = d(e, "value", a, {
+      passive: !0,
+      defaultValue: "",
+      shouldEmit: (t) => (e.onChange?.(t), !0)
+    });
+    return () => r(l, null, {
+      default: () => [r("div", {
+        class: "flex flex-col gap-4"
+      }, [e.desc && r("div", {
+        class: "px-4 py-3 border border-primary-5 bg-primary/10 rounded-sm text-primary text-sm"
+      }, [e.desc]), r(n, {
+        value: o.value,
+        "onUpdate:value": (t) => o.value = t
+      }, null)])]
+    });
+  }
+});
+export {
+  x as default
+};

package/dist/esm/components/formEditor/base/options.js

@@ -0,0 +1,48 @@
+import { defineComponent as d, createVNode as a } from "vue";
+import { useVModel as i } from "@vueuse/core";
+import { NDynamicInput as p, NInput as m } from "naive-ui";
+import "@overlastic/vue";
+import s from "../../modal/modalPage.js";
+const x = /* @__PURE__ */ d({
+  name: "DuxFormEditorOptions",
+  props: {
+    value: {
+      type: Array,
+      default: []
+    },
+    onChange: Function,
+    options: Array
+  },
+  setup(t, {
+    emit: n
+  }) {
+    const o = i(t, "value", n, {
+      passive: !0,
+      defaultValue: [],
+      shouldEmit: (e) => (t.onChange?.(e), !0)
+    });
+    return () => a(s, null, {
+      default: () => [a(p, {
+        value: o.value,
+        "onUpdate:value": (e) => o.value = e,
+        onCreate: () => ({
+          label: "",
+          value: void 0
+        })
+      }, {
+        default: ({
+          value: e
+        }) => a("div", {
+          class: "grid grid-cols-2 gap-2"
+        }, [t.options?.map((u, r) => a(m, {
+          key: r,
+          value: e[u.value],
+          "onUpdate:value": (l) => e[u.value] = l
+        }, null))])
+      })]
+    });
+  }
+});
+export {
+  x as default
+};

package/dist/esm/components/formEditor/base/setting.js

@@ -0,0 +1,108 @@
+import { defineComponent as f, createVNode as t, isVNode as u } from "vue";
+import { useI18n as s } from "@duxweb/dvha-core";
+import { useVModel as g } from "@vueuse/core";
+import { NRadioGroup as v, NRadio as m } from "naive-ui";
+import { WidgetEditorSettingCard as E } from "../../designEditor/editor/setting.js";
+import "clsx";
+import "vue-echarts";
+import "vue-router";
+import "@overlastic/vue";
+import "dayjs";
+import "mime";
+import "lodash-es";
+import "@tanstack/vue-query";
+import "@duxweb/dvha-naiveui";
+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 "@vee-validate/i18n";
+import "colorizr";
+import "echarts";
+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 "../../../pages/page404.js";
+import "short-unique-id";
+import "aieditor";
+import { DuxFormItem as b } from "../../form/formItem.js";
+import "@iconify-json/tabler/icons.json";
+import "../../posterEditor/elements/index.js";
+import "fabric";
+function i(r) {
+  return typeof r == "function" || Object.prototype.toString.call(r) === "[object Object]" && !u(r);
+}
+const ft = /* @__PURE__ */ f({
+  name: "DuxFormEditorSettingPage",
+  inheritAttrs: !1,
+  props: {
+    value: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(r, {
+    emit: d
+  }) {
+    const {
+      t: o
+    } = s(), a = g(r, "value", d);
+    return () => {
+      let e, p, l, n;
+      return t("div", {
+        class: "flex flex-col gap-2"
+      }, [t(E, {
+        title: o("components.formEditor.setting.title")
+      }, {
+        default: () => [t(b, {
+          label: o("components.formEditor.common.formDirection"),
+          path: "labelPlacement"
+        }, {
+          default: () => [t(v, {
+            value: a.value.labelPlacement,
+            "onUpdate:value": (c) => a.value.labelPlacement = c
+          }, {
+            default: () => [t("div", {
+              class: "grid grid-cols-2 gap-2"
+            }, [t(m, {
+              value: "left"
+            }, i(e = o("components.formEditor.common.leftAlign")) ? e : {
+              default: () => [e]
+            }), t(m, {
+              value: "top"
+            }, i(p = o("components.formEditor.common.topAlign")) ? p : {
+              default: () => [p]
+            }), t(m, {
+              value: "setting"
+            }, i(l = o("components.formEditor.common.settingAlign")) ? l : {
+              default: () => [l]
+            }), t(m, {
+              value: "page"
+            }, i(n = o("components.formEditor.common.pageAlign")) ? n : {
+              default: () => [n]
+            })])]
+          })]
+        })]
+      })]);
+    };
+  }
+});
+export {
+  ft as DuxFormEditorSettingPage
+};