@duxweb/dvha-pro 1.0.24 → 1.0.26

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

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

@@ -0,0 +1,151 @@
+import { defineComponent as F, computed as l, createVNode as y } from "vue";
+import { useI18n as h, useJsonSchema as b } from "@duxweb/dvha-core";
+import { useVModel as g } from "@vueuse/core";
+import { duxFormEditorGrid as A } from "../designEditor/components/grid.js";
+import "clsx";
+import "lodash-es";
+import "naive-ui";
+import "short-unique-id";
+import "vue-draggable-plus";
+import "vue-echarts";
+import "vue-router";
+import "@overlastic/vue";
+import "dayjs";
+import "mime";
+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 "aieditor";
+import "vee-validate";
+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 "vue-command-palette";
+import "../../pages/page404.js";
+import { duxFormEditorCascader as S } from "./components/cascader.js";
+import { duxFormEditorCascaderAsync as v } from "./components/cascaderAsync.js";
+import { duxFormEditorCheckbox as j } from "./components/checkbox.js";
+import { duxFormEditorColor as D } from "./components/color.js";
+import { duxFormEditorDate as T } from "./components/date.js";
+import { duxFormEditorDynamicInput as C } from "./components/dynamicInput.js";
+import { duxFormEditorDynamicTags as I } from "./components/dynamicTags.js";
+import { duxFormEditorAIEditor as M } from "./components/editor.js";
+import { duxFormEditorInput as R } from "./components/input.js";
+import { duxFormEditorInputNumber as J } from "./components/inputNumber.js";
+import { duxFormEditorMentionAsync as N } from "./components/mentionAsync.js";
+import { duxFormEditorRadio as O } from "./components/radio.js";
+import { duxFormEditorRegion as V } from "./components/region.js";
+import { duxFormEditorSider as w } from "./components/sider.js";
+import { duxFormEditorSwitch as B } from "./components/switch.js";
+import { duxFormEditorTime as P } from "./components/time.js";
+import { duxFormEditorTransferAsync as k } from "./components/transferAsync.js";
+import { duxFormEditorTreeSelect as G } from "./components/treeSelect.js";
+import { duxFormEditorTreeSelectAsync as q } from "./components/treeSelectAsync.js";
+import { duxFormEditorSelect as z } from "./components/select.js";
+import { duxFormEditorSelectAsync as H } from "./components/selectAsync.js";
+import "@iconify-json/tabler/icons.json";
+import "../posterEditor/elements/index.js";
+import "fabric";
+const mo = /* @__PURE__ */ F({
+  name: "DuxFormRenderer",
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    },
+    value: {
+      type: Object,
+      default: () => ({})
+    },
+    config: {
+      type: Object,
+      default: () => ({})
+    },
+    readonly: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(i, {
+    emit: f
+  }) {
+    const {
+      t: r
+    } = h(), s = l(() => {
+      const t = [A(r), R(r), J(r), M(r), w(r), T(r), P(r), D(r), j(r), O(r), B(r), C(r), I(r), z(r), S(r), G(r), V(r), H(r), v(r), q(r), k(r), N(r)], m = /* @__PURE__ */ new Map();
+      return t.forEach((o) => {
+        m.set(o.name, o);
+      }), m;
+    }), n = g(i, "value", f, {
+      defaultValue: {},
+      deep: !0
+    }), e = (t, m = n.value) => t.length > 0 && Array.isArray(t[0]) ? t.flatMap((o) => Array.isArray(o) ? e(o, m) : []) : t.map((o) => {
+      const {
+        name: p,
+        options: d = {}
+      } = o, a = s.value.get(p), u = {
+        ...d,
+        attr: {
+          ...d.attr,
+          readonly: i.readonly || d.attr?.readonly,
+          disabled: i.disabled || d.attr?.disabled
+        }
+      };
+      if (a?.json)
+        return a.json({
+          options: u,
+          children: o.children,
+          model: m,
+          convertToJsonSchema: e
+        });
+      const c = {
+        tag: p,
+        attrs: u.attr || {}
+      };
+      return o.children?.length && (c.children = e(o.children, m)), c;
+    }), x = l(() => {
+      const t = e(i.data, n.value);
+      return [{
+        tag: "dux-form-layout",
+        attrs: {
+          labelPlacement: i.config?.labelPlacement || "left"
+        },
+        children: t
+      }];
+    }), {
+      render: E
+    } = b({
+      data: x,
+      context: {
+        form: n.value
+      }
+    });
+    return () => y(E, null, null);
+  }
+});
+export {
+  mo as DuxFormRenderer
+};

package/dist/esm/components/icon/icon.js

@@ -6,12 +6,21 @@ import "vue-router";
 import "@overlastic/vue";
 import "clsx";
 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 "vee-validate";
 import "@vee-validate/i18n";
 import "colorizr";
 import "echarts";
@@ -21,27 +30,21 @@ 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 "short-unique-id";
+import "aieditor";
+import { useModal as c } from "../../hooks/modal.js";
 import "@iconify-json/tabler/icons.json";
+import "../posterEditor/elements/index.js";
+import "fabric";
 import "mime";
-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 { useModal as c } from "../../hooks/modal.js";
 import "dayjs";
 import "@tanstack/vue-query";
 import "pinia";
-const to = /* @__PURE__ */ n({
+const eo = /* @__PURE__ */ n({
   name: "DuxIconPicker",
   props: {
     defaultValue: String,
@@ -85,5 +88,5 @@ const to = /* @__PURE__ */ n({
   }
 });
 export {
-  to as DuxIconPicker
+  eo as DuxIconPicker
 };

package/dist/esm/components/layout/grid.js

@@ -0,0 +1,24 @@
+import { defineComponent as d, createVNode as t } from "vue";
+const l = /* @__PURE__ */ d({
+  name: "DuxGrid",
+  props: {
+    cols: {
+      type: Number,
+      default: 2
+    },
+    spac: {
+      type: Number,
+      default: 2
+    }
+  },
+  setup(e, {
+    slots: r
+  }) {
+    return () => t("div", {
+      class: `w-full grid md:grid-cols-${e?.cols || 2} grid-cols-1 gap-${e?.spac || 2}`
+    }, [r.default?.()]);
+  }
+});
+export {
+  l as DuxGrid
+};

package/dist/esm/components/layout/list.js

@@ -6,15 +6,24 @@ import { useAction as de } from "../../hooks/action.js";
 import "@overlastic/vue";
 import "clsx";
 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 pe from "../modal/modalPage.js";
 import "jinrishici";
 import "lodash-es";
 import "vue-draggable-plus";
-import { DuxDrawerPage as N } from "../drawer/drawerPage.js";
-import "aieditor";
-import "vee-validate";
-import "vue-router";
+import { DuxTableFilter as me } from "./filter.js";
+import { DuxFilterLayout as fe } from "./filterLayout.js";
 import "@vee-validate/i18n";
 import "colorizr";
 import "echarts";
@@ -24,34 +33,28 @@ 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-router";
 import "vue-command-palette";
 import "@duxweb/dvha-naiveui";
-import { DuxPage as me } from "../../pages/page.js";
+import { DuxPage as ge } from "../../pages/page.js";
 import "../../pages/page404.js";
-import { DuxPageEmpty as fe } from "../../pages/pageEmpty.js";
-import "@iconify-json/tabler/icons.json";
-import { DuxTableFilter as ge } from "./filter.js";
-import { DuxFilterLayout as he } from "./filterLayout.js";
+import { DuxPageEmpty as he } from "../../pages/pageEmpty.js";
+import { DuxDrawerPage as N } from "../drawer/drawerPage.js";
 import { DuxTableTools as ve } from "./tools.js";
+import "short-unique-id";
+import "aieditor";
+import "@iconify-json/tabler/icons.json";
+import "../posterEditor/elements/index.js";
+import "fabric";
 import "mime";
-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 "dayjs";
 import "@tanstack/vue-query";
 import "pinia";
 function be(t) {
   return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !te(t);
 }
-const gt = /* @__PURE__ */ Y({
+const bt = /* @__PURE__ */ Y({
   name: "DuxListLayout",
   props: {
     rowKey: {
@@ -165,7 +168,7 @@ const gt = /* @__PURE__ */ Y({
         ...X
       } = r;
       return {
-        tag: ge,
+        tag: me,
         attrs: {
           label: u,
           class: "flex-1 min-w-0"
@@ -186,7 +189,7 @@ const gt = /* @__PURE__ */ Y({
       refresh: !0,
       ...t.tools
     }));
-    return () => e(me, {
+    return () => e(ge, {
       padding: !1,
       scrollbar: !1
     }, {
@@ -283,7 +286,7 @@ const gt = /* @__PURE__ */ Y({
           class: ["h-full overflow-auto rounded-lg px-3"]
         }, [!w.value && x.value.length === 0 && e("div", {
           class: "flex justify-center items-center h-full"
-        }, [e(fe, null, null)]), x.value.length > 0 && o?.default?.(a)])]
+        }, [e(he, null, null)]), x.value.length > 0 && o?.default?.(a)])]
       }), e("div", {
         class: "flex justify-between px-3 py-2 gap-2"
       }, [e("div", null, [e("div", {
@@ -386,7 +389,7 @@ const gt = /* @__PURE__ */ Y({
             handle: l,
             onClose: () => d.show = !1
           }, {
-            default: () => [e(he, {
+            default: () => [e(fe, {
               showLabel: !0,
               labelPlacement: "top"
             }, be(r = R(H)) ? r : {
@@ -425,5 +428,5 @@ const gt = /* @__PURE__ */ Y({
   }
 });
 export {
-  gt as DuxListLayout
+  bt as DuxListLayout
 };