@duxweb/dvha-pro 1.0.24 → 1.0.26

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
+};

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

@@ -0,0 +1,219 @@
+import { createVNode as t, defineComponent as c, isVNode as d } from "vue";
+import { useI18n as s } from "@duxweb/dvha-core";
+import { useVModel as f } from "@vueuse/core";
+import { NSwitch as i, NButton as v, NCascader as b } from "naive-ui";
+import { useModal as E } from "../../../hooks/modal.js";
+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 m } 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 { DuxFormEditorItem as x, DuxFormEditorRule as g } from "../base/base.js";
+import { WidgetEditorSettingCard as p } 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";
+function h(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !d(e);
+}
+const j = /* @__PURE__ */ c({
+  name: "FormEditorCascader",
+  props: {
+    options: Object
+  },
+  setup(e) {
+    return () => t(m, {
+      label: e.options?.label,
+      description: e.options?.desc
+    }, {
+      default: () => [t(b, e.options?.attr, null)]
+    });
+  }
+});
+function y(e) {
+  const {
+    options: a,
+    model: o
+  } = e || {};
+  return {
+    tag: "dux-form-item",
+    attrs: {
+      label: a?.label,
+      description: a?.desc
+    },
+    children: [{
+      tag: "n-cascader",
+      attrs: {
+        ...a?.attr,
+        "v-model:value": [o, a?.name]
+      }
+    }]
+  };
+}
+const C = /* @__PURE__ */ c({
+  name: "FormEditorCascaderSetting",
+  props: {
+    value: {
+      type: Object,
+      default: {}
+    }
+  },
+  setup(e, {
+    emit: a
+  }) {
+    const o = f(e, "value", a), u = E(), {
+      t: r
+    } = s();
+    return () => {
+      let n;
+      return t("div", {
+        class: ""
+      }, [t(x, {
+        value: e.value,
+        "onUpdate:value": (l) => e.value = l
+      }, null), t(p, {
+        title: r("components.formEditor.common.componentConfig")
+      }, {
+        default: () => [t(m, {
+          label: r("components.formEditor.common.multiple"),
+          labelPlacement: "left"
+        }, {
+          default: () => [t("div", {
+            class: "flex flex-1 justify-end"
+          }, [t(i, {
+            value: o.value.attr.multiple,
+            "onUpdate:value": (l) => o.value.attr.multiple = l
+          }, null)])]
+        }), t(m, {
+          label: r("components.formEditor.common.cascade"),
+          labelPlacement: "left"
+        }, {
+          default: () => [t("div", {
+            class: "flex flex-1 justify-end"
+          }, [t(i, {
+            value: o.value.attr.cascade,
+            "onUpdate:value": (l) => o.value.attr.cascade = l
+          }, null)])]
+        }), t(m, {
+          label: r("components.formEditor.common.showPath"),
+          labelPlacement: "left"
+        }, {
+          default: () => [t("div", {
+            class: "flex flex-1 justify-end"
+          }, [t(i, {
+            value: o.value.attr.showPath,
+            "onUpdate:value": (l) => o.value.attr.showPath = l
+          }, null)])]
+        }), t(m, {
+          label: r("components.formEditor.common.disabled"),
+          labelPlacement: "left"
+        }, {
+          default: () => [t("div", {
+            class: "flex flex-1 justify-end"
+          }, [t(i, {
+            value: o.value.attr.disabled,
+            "onUpdate:value": (l) => o.value.attr.disabled = l
+          }, null)])]
+        }), t(m, {
+          label: r("components.formEditor.common.clearable"),
+          labelPlacement: "left"
+        }, {
+          default: () => [t("div", {
+            class: "flex flex-1 justify-end"
+          }, [t(i, {
+            value: o.value.attr.clearable,
+            "onUpdate:value": (l) => o.value.attr.clearable = l
+          }, null)])]
+        })]
+      }), t(p, {
+        title: r("components.formEditor.common.optionData")
+      }, {
+        default: () => [t(v, {
+          block: !0,
+          dashed: !0,
+          renderIcon: () => t("div", {
+            class: "i-tabler:edit"
+          }, null),
+          onClick: () => {
+            u.show({
+              title: r("components.formEditor.common.dataEdit"),
+              component: () => import("../base/json.js"),
+              componentProps: {
+                desc: r("components.formEditor.cascader.optionDesc"),
+                value: JSON.stringify(o.value.attr.options, null, 2),
+                onChange: (l) => {
+                  try {
+                    o.value.attr.options = JSON.parse(l);
+                  } catch {
+                  }
+                }
+              }
+            });
+          }
+        }, h(n = r("components.formEditor.common.dataEdit")) ? n : {
+          default: () => [n]
+        })]
+      }), t(g, {
+        value: o.value.rule,
+        "onUpdate:value": (l) => o.value.rule = l
+      }, null)]);
+    };
+  }
+});
+function gt(e) {
+  return {
+    name: "dux-cascader",
+    icon: "i-tabler:list-tree",
+    label: e("components.formEditor.cascader.label"),
+    group: "select",
+    component: (a) => t(j, a, null),
+    setting: (a) => t(C, a, null),
+    settingDefault: {
+      label: e("components.formEditor.cascader.label"),
+      name: "cascader",
+      attr: {
+        options: [],
+        clearable: !0
+      },
+      rule: []
+    },
+    json: y
+  };
+}
+export {
+  gt as duxFormEditorCascader
+};