@duxweb/dvha-pro 1.0.32 → 1.0.34

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

@@ -1,8 +1,8 @@
-import { createVNode as e, defineComponent as u } from "vue";
+import { createVNode as t, 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 { NSwitch as p, NInput as m } from "naive-ui";
 import "clsx";
 import "vue-router";
 import "@overlastic/vue";
@@ -23,10 +23,24 @@ import "jinrishici";
 import "lodash-es";
 import "vue-draggable-plus";
 import "aieditor";
-import { DuxFormItem as i } from "../../form/formItem.js";
+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";
@@ -37,11 +51,11 @@ 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 { 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";
@@ -50,20 +64,20 @@ const b = /* @__PURE__ */ u({
   props: {
     options: Object
   },
-  setup(o) {
-    return () => e(i, {
-      label: o.options?.label,
-      description: o.options?.desc
+  setup(l) {
+    return () => t(a, {
+      label: l.options?.label,
+      description: l.options?.desc
     }, {
-      default: () => [e(c, o.options?.attr, null)]
+      default: () => [t(c, l.options?.attr, null)]
     });
   }
 });
-function y(o) {
+function y(l) {
   const {
     options: r,
-    model: t
-  } = o || {};
+    model: e
+  } = l || {};
   return {
     tag: "dux-form-item",
     attrs: {
@@ -74,7 +88,7 @@ function y(o) {
       tag: "dux-tree-select",
       attrs: {
         ...r?.attr,
-        "v-model:value": [t, r?.name]
+        "v-model:value": [e, r?.name]
       }
     }]
   };
@@ -86,82 +100,82 @@ const E = /* @__PURE__ */ u({
       default: {}
     }
   },
-  setup(o, {
+  setup(l, {
     emit: r
   }) {
-    const t = s(o, "value", r), {
-      t: a
+    const e = s(l, "value", r), {
+      t: i
     } = d();
-    return () => e("div", {
+    return () => t("div", {
       class: ""
-    }, [e(f, {
-      value: o.value,
-      "onUpdate:value": (l) => o.value = l
-    }, null), e(p, {
-      title: a("components.formEditor.config")
+    }, [t(f, {
+      value: l.value,
+      "onUpdate:value": (o) => l.value = o
+    }, null), t(n, {
+      title: i("components.formEditor.config")
     }, {
-      default: () => [e(i, {
-        label: a("components.formEditor.common.disabled"),
+      default: () => [t(a, {
+        label: i("components.formEditor.common.disabled"),
         labelPlacement: "left"
       }, {
-        default: () => [e("div", {
+        default: () => [t("div", {
           class: "flex flex-1 justify-end"
-        }, [e(n, {
-          value: t.value.attr.disabled,
-          "onUpdate:value": (l) => t.value.attr.disabled = l
+        }, [t(p, {
+          value: e.value.attr.disabled,
+          "onUpdate:value": (o) => e.value.attr.disabled = o
         }, null)])]
-      }), e(i, {
-        label: a("components.formEditor.common.clearable"),
+      }), t(a, {
+        label: i("components.formEditor.common.clearable"),
         labelPlacement: "left"
       }, {
-        default: () => [e("div", {
+        default: () => [t("div", {
           class: "flex flex-1 justify-end"
-        }, [e(n, {
-          value: t.value.attr.clearable,
-          "onUpdate:value": (l) => t.value.attr.clearable = l
+        }, [t(p, {
+          value: e.value.attr.clearable,
+          "onUpdate:value": (o) => e.value.attr.clearable = o
         }, null)])]
       })]
-    }), e(p, {
-      title: a("components.formEditor.options")
+    }), t(n, {
+      title: i("components.formEditor.options")
     }, {
-      default: () => [e(i, {
-        label: a("components.formEditor.treeSelectAsync.path")
+      default: () => [t(a, {
+        label: i("components.formEditor.treeSelectAsync.path")
       }, {
-        default: () => [e(m, {
-          value: t.value.attr.path,
-          "onUpdate:value": (l) => t.value.attr.path = l
+        default: () => [t(m, {
+          value: e.value.attr.path,
+          "onUpdate:value": (o) => e.value.attr.path = o
         }, null)]
-      }), e(i, {
-        label: a("components.formEditor.treeSelectAsync.labelField")
+      }), t(a, {
+        label: i("components.formEditor.treeSelectAsync.labelField")
       }, {
-        default: () => [e(m, {
-          value: t.value.attr.labelField,
-          "onUpdate:value": (l) => t.value.attr.labelField = l
+        default: () => [t(m, {
+          value: e.value.attr.labelField,
+          "onUpdate:value": (o) => e.value.attr.labelField = o
         }, null)]
-      }), e(i, {
-        label: a("components.formEditor.treeSelectAsync.keyField")
+      }), t(a, {
+        label: i("components.formEditor.treeSelectAsync.keyField")
       }, {
-        default: () => [e(m, {
-          value: t.value.attr.keyField,
-          "onUpdate:value": (l) => t.value.attr.keyField = l
+        default: () => [t(m, {
+          value: e.value.attr.keyField,
+          "onUpdate:value": (o) => e.value.attr.keyField = o
         }, null)]
       })]
-    }), e(v, {
-      value: t.value.rule,
-      "onUpdate:value": (l) => t.value.rule = l
+    }), t(v, {
+      value: e.value.rule,
+      "onUpdate:value": (o) => e.value.rule = o
     }, null)]);
   }
 });
-function se(o) {
+function Dt(l) {
   return {
     name: "tree-select-async",
     icon: "i-tabler:binary-tree",
-    label: o("components.formEditor.treeSelectAsync.name"),
+    label: l("components.formEditor.treeSelectAsync.name"),
     group: "async",
-    component: (r) => e(b, r, null),
-    setting: (r) => e(E, r, null),
+    component: (r) => t(b, r, null),
+    setting: (r) => t(E, r, null),
     settingDefault: {
-      label: o("components.formEditor.treeSelectAsync.name"),
+      label: l("components.formEditor.treeSelectAsync.name"),
       name: "treeSelectAsync",
       attr: {
         path: "",
@@ -175,5 +189,5 @@ function se(o) {
   };
 }
 export {
-  se as duxFormEditorTreeSelectAsync
+  Dt as duxFormEditorTreeSelectAsync
 };

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

@@ -24,6 +24,20 @@ import "vue-draggable-plus";
 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";
@@ -34,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";
@@ -47,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 er = /* @__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"
@@ -92,9 +108,9 @@ const er = /* @__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),
@@ -120,7 +136,7 @@ const er = /* @__PURE__ */ f({
           secondary: !0,
           block: !0,
           onClick: () => {
-            l.show({
+            d.show({
               title: o("components.formEditor.main.actions.jsonOutput"),
               component: () => import("./json.js"),
               componentProps: {
@@ -135,7 +151,7 @@ const er = /* @__PURE__ */ f({
           secondary: !0,
           block: !0,
           onClick: () => {
-            l.show({
+            d.show({
               title: o("common.preview"),
               component: () => import("./preview.js"),
               componentProps: {
@@ -160,5 +176,5 @@ const er = /* @__PURE__ */ f({
   }
 });
 export {
-  er as DuxFormEditor
+  Dr as DuxFormEditor
 };

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

@@ -1,6 +1,6 @@
-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 { defineComponent as E, computed as c, createVNode as y } from "vue";
+import { useI18n as h, useJsonSchema as g } from "@duxweb/dvha-core";
+import { useVModel as b } from "@vueuse/core";
 import { duxFormEditorGrid as A } from "../designEditor/components/grid.js";
 import "clsx";
 import "lodash-es";
@@ -33,6 +33,20 @@ import "vee-validate";
 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";
@@ -45,27 +59,29 @@ 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 { duxFormEditorDate as I } from "./components/date.js";
+import { duxFormEditorDynamicInput as T } from "./components/dynamicInput.js";
+import { duxFormEditorDynamicTags as C } 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 { duxFormEditorFileUpload as R } from "./components/fileUpload.js";
+import { duxFormEditorImageUpload as J } from "./components/imageUpload.js";
+import { duxFormEditorInput as N } from "./components/input.js";
+import { duxFormEditorInputNumber as O } from "./components/inputNumber.js";
+import { duxFormEditorMentionAsync as V } from "./components/mentionAsync.js";
+import { duxFormEditorRadio as w } from "./components/radio.js";
+import { duxFormEditorRegion as B } from "./components/region.js";
+import { duxFormEditorSelect as P } from "./components/select.js";
+import { duxFormEditorSelectAsync as U } from "./components/selectAsync.js";
+import { duxFormEditorSider as k } from "./components/sider.js";
+import { duxFormEditorSwitch as G } from "./components/switch.js";
+import { duxFormEditorTime as q } from "./components/time.js";
+import { duxFormEditorTransferAsync as z } from "./components/transferAsync.js";
+import { duxFormEditorTreeSelect as H } from "./components/treeSelect.js";
+import { duxFormEditorTreeSelectAsync as K } from "./components/treeSelectAsync.js";
 import "@iconify-json/tabler/icons.json";
 import "../posterEditor/elements/index.js";
 import "fabric";
-const mo = /* @__PURE__ */ F({
+const Ao = /* @__PURE__ */ E({
   name: "DuxFormRenderer",
   props: {
     data: {
@@ -94,24 +110,24 @@ const mo = /* @__PURE__ */ 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();
+    } = h(), s = c(() => {
+      const t = [A(r), N(r), O(r), M(r), k(r), I(r), q(r), D(r), j(r), w(r), G(r), T(r), C(r), J(r), R(r), P(r), S(r), H(r), B(r), U(r), v(r), K(r), z(r), V(r)], m = /* @__PURE__ */ new Map();
       return t.forEach((o) => {
         m.set(o.name, o);
       }), m;
-    }), n = g(i, "value", f, {
+    }), d = b(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) => {
+    }), e = (t, m = d.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,
+        name: n,
+        options: p = {}
+      } = o, a = s.value.get(n), u = {
+        ...p,
         attr: {
-          ...d.attr,
-          readonly: i.readonly || d.attr?.readonly,
-          disabled: i.disabled || d.attr?.disabled
+          ...p.attr,
+          readonly: i.readonly || p.attr?.readonly,
+          disabled: i.disabled || p.attr?.disabled
         }
       };
       if (a?.json)
@@ -121,13 +137,13 @@ const mo = /* @__PURE__ */ F({
           model: m,
           convertToJsonSchema: e
         });
-      const c = {
-        tag: p,
+      const l = {
+        tag: n,
         attrs: u.attr || {}
       };
-      return o.children?.length && (c.children = e(o.children, m)), c;
-    }), x = l(() => {
-      const t = e(i.data, n.value);
+      return o.children?.length && (l.children = e(o.children, m)), l;
+    }), x = c(() => {
+      const t = e(i.data, d.value);
       return [{
         tag: "dux-form-layout",
         attrs: {
@@ -136,16 +152,16 @@ const mo = /* @__PURE__ */ F({
         children: t
       }];
     }), {
-      render: E
-    } = b({
+      render: F
+    } = g({
       data: x,
       context: {
-        form: n.value
+        form: d.value
       }
     });
-    return () => y(E, null, null);
+    return () => y(F, null, null);
   }
 });
 export {
-  mo as DuxFormRenderer
+  Ao as DuxFormRenderer
 };

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

@@ -24,6 +24,20 @@ import "vue-draggable-plus";
 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";
@@ -37,33 +51,33 @@ import "../../pages/page404.js";
 import "short-unique-id";
 import "aieditor";
 import { useModal as c } from "../../hooks/modal.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";
-const eo = /* @__PURE__ */ n({
+const xo = /* @__PURE__ */ n({
   name: "DuxIconPicker",
   props: {
     defaultValue: String,
     value: String
   },
   setup(r, {
-    emit: m
+    emit: p
   }) {
-    const o = a(r, "value", m, {
+    const o = a(r, "value", p, {
       defaultValue: r.defaultValue,
       passive: !0
-    }), p = c(), {
-      t: e
+    }), e = c(), {
+      t: m
     } = l();
     return () => t(u, {
       dashed: !o.value,
       onClick: () => {
-        p.show({
-          title: e("components.iconPicker.title"),
+        e.show({
+          title: m("components.iconPicker.title"),
           component: () => import("./iconPicker.js")
         }).then((i) => {
           o.value = i;
@@ -75,7 +89,7 @@ const eo = /* @__PURE__ */ n({
         class: "flex gap-2 items-center"
       }, [o.value ? t("div", {
         class: `size-4 ${o.value || ""}`
-      }, null) : void 0, e("components.iconPicker.title")]),
+      }, null) : void 0, m("components.iconPicker.title")]),
       icon: () => o.value ? t("div", {
         class: "rounded-full p-1 hover:bg-gray-2 hover:text-gray-7",
         onClick: (i) => {
@@ -88,5 +102,5 @@ const eo = /* @__PURE__ */ n({
   }
 });
 export {
-  eo as DuxIconPicker
+  xo as DuxIconPicker
 };