@duxweb/dvha-pro 1.0.25 → 1.0.26

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

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

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

@@ -0,0 +1,179 @@
+import { createVNode as e, defineComponent as u } from "vue";
+import { useI18n as d } from "@duxweb/dvha-core";
+import { DuxTreeSelect as c } from "@duxweb/dvha-naiveui";
+import { useVModel as s } from "@vueuse/core";
+import { NSwitch as n, NInput as m } 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 "@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 { DuxFormEditorItem as f, DuxFormEditorRule as v } 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";
+const b = /* @__PURE__ */ u({
+  props: {
+    options: Object
+  },
+  setup(o) {
+    return () => e(i, {
+      label: o.options?.label,
+      description: o.options?.desc
+    }, {
+      default: () => [e(c, o.options?.attr, null)]
+    });
+  }
+});
+function y(o) {
+  const {
+    options: r,
+    model: t
+  } = o || {};
+  return {
+    tag: "dux-form-item",
+    attrs: {
+      label: r?.label,
+      description: r?.desc
+    },
+    children: [{
+      tag: "dux-tree-select",
+      attrs: {
+        ...r?.attr,
+        "v-model:value": [t, r?.name]
+      }
+    }]
+  };
+}
+const E = /* @__PURE__ */ u({
+  props: {
+    value: {
+      type: Object,
+      default: {}
+    }
+  },
+  setup(o, {
+    emit: r
+  }) {
+    const t = s(o, "value", r), {
+      t: a
+    } = d();
+    return () => e("div", {
+      class: ""
+    }, [e(f, {
+      value: o.value,
+      "onUpdate:value": (l) => o.value = l
+    }, null), e(p, {
+      title: a("components.formEditor.config")
+    }, {
+      default: () => [e(i, {
+        label: a("components.formEditor.common.disabled"),
+        labelPlacement: "left"
+      }, {
+        default: () => [e("div", {
+          class: "flex flex-1 justify-end"
+        }, [e(n, {
+          value: t.value.attr.disabled,
+          "onUpdate:value": (l) => t.value.attr.disabled = l
+        }, null)])]
+      }), e(i, {
+        label: a("components.formEditor.common.clearable"),
+        labelPlacement: "left"
+      }, {
+        default: () => [e("div", {
+          class: "flex flex-1 justify-end"
+        }, [e(n, {
+          value: t.value.attr.clearable,
+          "onUpdate:value": (l) => t.value.attr.clearable = l
+        }, null)])]
+      })]
+    }), e(p, {
+      title: a("components.formEditor.options")
+    }, {
+      default: () => [e(i, {
+        label: a("components.formEditor.treeSelectAsync.path")
+      }, {
+        default: () => [e(m, {
+          value: t.value.attr.path,
+          "onUpdate:value": (l) => t.value.attr.path = l
+        }, null)]
+      }), e(i, {
+        label: a("components.formEditor.treeSelectAsync.labelField")
+      }, {
+        default: () => [e(m, {
+          value: t.value.attr.labelField,
+          "onUpdate:value": (l) => t.value.attr.labelField = l
+        }, null)]
+      }), e(i, {
+        label: a("components.formEditor.treeSelectAsync.keyField")
+      }, {
+        default: () => [e(m, {
+          value: t.value.attr.keyField,
+          "onUpdate:value": (l) => t.value.attr.keyField = l
+        }, null)]
+      })]
+    }), e(v, {
+      value: t.value.rule,
+      "onUpdate:value": (l) => t.value.rule = l
+    }, null)]);
+  }
+});
+function se(o) {
+  return {
+    name: "tree-select-async",
+    icon: "i-tabler:binary-tree",
+    label: o("components.formEditor.treeSelectAsync.name"),
+    group: "async",
+    component: (r) => e(b, r, null),
+    setting: (r) => e(E, r, null),
+    settingDefault: {
+      label: o("components.formEditor.treeSelectAsync.name"),
+      name: "treeSelectAsync",
+      attr: {
+        path: "",
+        keyField: "id",
+        labelField: "name",
+        clearable: !0
+      },
+      rule: []
+    },
+    json: y
+  };
+}
+export {
+  se as duxFormEditorTreeSelectAsync
+};

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

@@ -0,0 +1,162 @@
+import { defineComponent as f, computed as u, createVNode as t, mergeProps as E, isVNode as x } from "vue";
+import { useI18n as F } from "@duxweb/dvha-core";
+import { NButton as a } from "naive-ui";
+import "vue-router";
+import "@overlastic/vue";
+import "clsx";
+import "vue-echarts";
+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";
+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 "@duxweb/dvha-naiveui";
+import "../../pages/page404.js";
+import { DuxDesignEditor as d } from "../designEditor/editor.js";
+import "short-unique-id";
+import "aieditor";
+import { DuxFormLayout as g } from "../form/formLayout.js";
+import { duxFormEditorCascader as y } from "./components/cascader.js";
+import { duxFormEditorCascaderAsync as b } from "./components/cascaderAsync.js";
+import { duxFormEditorCheckbox as v } from "./components/checkbox.js";
+import { duxFormEditorColor as S } from "./components/color.js";
+import { duxFormEditorDate as D } from "./components/date.js";
+import { duxFormEditorDynamicInput as C } from "./components/dynamicInput.js";
+import { duxFormEditorDynamicTags as P } from "./components/dynamicTags.js";
+import { duxFormEditorAIEditor as k } from "./components/editor.js";
+import { duxFormEditorInput as A } from "./components/input.js";
+import { duxFormEditorInputNumber as h } from "./components/inputNumber.js";
+import { duxFormEditorMentionAsync as j } from "./components/mentionAsync.js";
+import { duxFormEditorRadio as I } from "./components/radio.js";
+import { duxFormEditorRegion as T } from "./components/region.js";
+import { duxFormEditorSider as w } from "./components/sider.js";
+import { duxFormEditorSwitch as N } from "./components/switch.js";
+import { duxFormEditorTime as O } from "./components/time.js";
+import { duxFormEditorTransferAsync as _ } from "./components/transferAsync.js";
+import { duxFormEditorTreeSelect as R } from "./components/treeSelect.js";
+import { duxFormEditorTreeSelectAsync as M } from "./components/treeSelectAsync.js";
+import { duxFormEditorSelect as V } from "./components/select.js";
+import { duxFormEditorSelectAsync as B } from "./components/selectAsync.js";
+import { DuxFormEditorSettingPage as L } from "./base/setting.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 "dayjs";
+import "@tanstack/vue-query";
+import "pinia";
+function p(m) {
+  return typeof m == "function" || Object.prototype.toString.call(m) === "[object Object]" && !x(m);
+}
+const er = /* @__PURE__ */ f({
+  name: "DuxFormEditor",
+  props: {
+    onSave: Function
+  },
+  extends: d,
+  setup(m) {
+    const c = W(), l = u(() => [{
+      name: "form",
+      label: o("components.formEditor.groups.form"),
+      icon: "i-tabler:forms"
+    }, {
+      name: "select",
+      label: o("components.formEditor.groups.select"),
+      icon: "i-tabler:select"
+    }, {
+      name: "async",
+      label: o("components.formEditor.groups.async"),
+      icon: "i-tabler:loader"
+    }]), {
+      t: o
+    } = F(), s = u(() => [A(o), h(o), k(o), w(o), D(o), O(o), S(o), v(o), I(o), N(o), C(o), P(o), V(o), y(o), R(o), T(o), B(o), b(o), M(o), _(o), j(o)]);
+    return () => t(d, E(m, {
+      groups: l.value,
+      components: s.value,
+      settingPage: {
+        component: (r) => t(L, r, null),
+        default: {
+          labelPlacement: "left"
+        }
+      },
+      previewWrapper: (r, i) => {
+        const e = u(() => i?.value?.value?.config);
+        return t(g, {
+          labelPlacement: e.value?.labelPlacement || "left",
+          class: "h-full"
+        }, p(r) ? r : {
+          default: () => [r]
+        });
+      },
+      actionRender: (r) => {
+        let i, e, n;
+        return t("div", {
+          class: "flex flex-col gap-2"
+        }, [t(a, {
+          type: "primary",
+          secondary: !0,
+          block: !0,
+          onClick: () => {
+            c.show({
+              title: o("components.formEditor.main.actions.jsonOutput"),
+              component: () => import("./json.js"),
+              componentProps: {
+                value: r?.value?.value.data || []
+              }
+            });
+          }
+        }, p(i = o("components.formEditor.main.actions.jsonOutput")) ? i : {
+          default: () => [i]
+        }), t(a, {
+          type: "info",
+          secondary: !0,
+          block: !0,
+          onClick: () => {
+            c.show({
+              title: o("common.preview"),
+              component: () => import("./preview.js"),
+              componentProps: {
+                data: r?.value?.value.data || [],
+                config: r?.value?.value.config || {}
+              }
+            });
+          }
+        }, p(e = o("common.preview")) ? e : {
+          default: () => [e]
+        }), t(a, {
+          type: "primary",
+          block: !0,
+          onClick: () => m.onSave?.(r)
+        }, p(n = o("components.formEditor.main.actions.save")) ? n : {
+          default: () => [n]
+        })]);
+      }
+    }), null);
+  }
+});
+export {
+  er as DuxFormEditor
+};

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

@@ -0,0 +1,24 @@
+import { defineComponent as t, createVNode as e } from "vue";
+import { DuxCodeEditor as r } from "../code/code.js";
+import "@overlastic/vue";
+import "naive-ui";
+import l from "../modal/modalPage.js";
+const i = /* @__PURE__ */ t({
+  props: {
+    value: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(o) {
+    return () => e(l, null, {
+      default: () => [e(r, {
+        value: JSON.stringify(o.value, null, 2),
+        readonly: !0
+      }, null)]
+    });
+  }
+});
+export {
+  i as default
+};

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

@@ -0,0 +1,38 @@
+import { defineComponent as m, ref as n, createVNode as o } from "vue";
+import { useI18n as u } from "@duxweb/dvha-core";
+import "@overlastic/vue";
+import "naive-ui";
+import f from "../modal/modalPage.js";
+import { DuxFormRenderer as i } from "./renderer.js";
+const x = /* @__PURE__ */ m({
+  name: "DuxFormPreview",
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    },
+    config: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(e) {
+    const {
+      t: r
+    } = u(), t = n({});
+    return () => o(f, {
+      title: r("common.preview")
+    }, {
+      default: () => [o(i, {
+        value: t.value,
+        "onUpdate:value": (a) => t.value = a,
+        data: e.data,
+        config: e.config
+      }, null)]
+    });
+  }
+});
+export {
+  x as DuxFormPreview,
+  x as default
+};