@duxweb/dvha-pro 1.1.29 → 1.1.31

package/dist/esm/components/designEditor/editor/hook.js

@@ -1,87 +1,75 @@
-import I from "short-unique-id";
-import { ref as u, computed as x } from "vue";
-function C({ settingPage: f }) {
-  const c = u([]), i = u([]), p = u(), o = u({
-    config: f?.default || {},
-    data: []
-  }), y = () => {
-    c.value = [];
-  }, m = () => {
-    i.value = [];
-  }, A = (e) => {
-    c.value.findIndex((t) => t.name === e.name) === -1 && c.value.push(e);
-  }, g = (e) => {
-    i.value.findIndex((t) => t.name === e.name) === -1 && i.value.push(e);
-  }, D = x(() => i.value.map((e) => ({
-    name: e.name,
-    label: e.label,
-    icon: e.icon,
-    children: c.value.filter((n) => n.group === e.name)
-  }))), s = (e, n) => {
-    for (const t of n)
-      if (t) {
-        if (Array.isArray(t)) {
-          const r = s(e, t);
-          if (r)
-            return r;
-          continue;
-        }
-        if (t.key === e)
-          return t;
-        if (t.children && t.children.length) {
-          const r = s(e, t.children);
-          if (r)
-            return r;
-        }
-      }
-  }, h = (e) => {
-    if (e)
-      return s(e, o.value.data);
-  }, { randomUUID: v } = new I({ length: 10 }), d = (e) => e?.map((n) => {
-    if (n)
-      return Array.isArray(n) ? d(n) : (n.key = v(), n.children && n.children.length > 0 && (n.children = d(n.children)), n);
-  }).filter((n) => n !== void 0), l = (e, n, t) => {
-    for (const r of e)
-      if (r) {
-        if (Array.isArray(r)) {
-          const a = l(r, n, r);
-          if (a)
-            return a;
-          continue;
-        }
-        if (r.key === n)
-          return t;
-        if (r.children && r.children.length) {
-          const a = l(r.children, n, r);
-          if (a)
-            return a;
-        }
-      }
-  };
-  return {
-    clearGroup: m,
-    clearComponent: y,
-    addComponent: A,
-    addGroup: g,
-    tree: D,
-    components: c,
-    group: i,
-    getData: h,
-    selected: p,
-    value: o,
-    copyData: (e, n) => {
-      const t = h(e), r = JSON.parse(JSON.stringify(t));
-      r.key = v(), r.children && r.children.length > 0 && (r.children = d(r.children));
-      const a = l(o.value.data, e);
-      a ? Array.isArray(a) ? a.splice(n + 1, 0, r) : a.children?.splice(n + 1, 0, r) : o.value.data?.splice(n + 1, 0, r);
-    },
-    deleteData: (e, n) => {
-      const t = l(o.value.data, e);
-      t ? Array.isArray(t) ? t.splice(n, 1) : t.children?.splice(n, 1) : o.value.data.splice(n, 1), p.value = void 0, o.value = { ...o.value };
-    },
-    settingPage: f
-  };
+import { computed as e, ref as t } from "vue";
+import n from "short-unique-id";
+function r({ settingPage: r }) {
+	let i = t([]), a = t([]), o = t(), s = t({
+		config: r?.default || {},
+		data: []
+	}), c = () => {
+		i.value = [];
+	}, l = () => {
+		a.value = [];
+	}, u = (e) => {
+		i.value.findIndex((t) => t.name === e.name) === -1 && i.value.push(e);
+	}, d = (e) => {
+		a.value.findIndex((t) => t.name === e.name) === -1 && a.value.push(e);
+	}, f = e(() => a.value.map((e) => ({
+		name: e.name,
+		label: e.label,
+		icon: e.icon,
+		children: i.value.filter((t) => t.group === e.name)
+	}))), p = (e, t) => {
+		for (let n of t) if (n) {
+			if (Array.isArray(n)) {
+				let t = p(e, n);
+				if (t) return t;
+				continue;
+			}
+			if (n.key === e) return n;
+			if (n.children && n.children.length) {
+				let t = p(e, n.children);
+				if (t) return t;
+			}
+		}
+	}, m = (e) => {
+		if (e) return p(e, s.value.data);
+	}, { randomUUID: h } = new n({ length: 10 }), g = (e) => e?.map((e) => {
+		if (e) return Array.isArray(e) ? g(e) : (e.key = h(), e.children && e.children.length > 0 && (e.children = g(e.children)), e);
+	}).filter((e) => e !== void 0), _ = (e, t, n) => {
+		for (let r of e) if (r) {
+			if (Array.isArray(r)) {
+				let e = _(r, t, r);
+				if (e) return e;
+				continue;
+			}
+			if (r.key === t) return n;
+			if (r.children && r.children.length) {
+				let e = _(r.children, t, r);
+				if (e) return e;
+			}
+		}
+	};
+	return {
+		clearGroup: l,
+		clearComponent: c,
+		addComponent: u,
+		addGroup: d,
+		tree: f,
+		components: i,
+		group: a,
+		getData: m,
+		selected: o,
+		value: s,
+		copyData: (e, t) => {
+			let n = m(e), r = JSON.parse(JSON.stringify(n));
+			r.key = h(), r.children && r.children.length > 0 && (r.children = g(r.children));
+			let i = _(s.value.data, e);
+			i ? Array.isArray(i) ? i.splice(t + 1, 0, r) : i.children?.splice(t + 1, 0, r) : s.value.data?.splice(t + 1, 0, r);
+		},
+		deleteData: (e, t) => {
+			let n = _(s.value.data, e);
+			n ? Array.isArray(n) ? n.splice(t, 1) : n.children?.splice(t, 1) : s.value.data.splice(t, 1), o.value = void 0, s.value = { ...s.value };
+		},
+		settingPage: r
+	};
 }
-export {
-  C as useEditor
-};
+export { r as useEditor };

package/dist/esm/components/designEditor/editor/index.js

@@ -0,0 +1,3 @@
+import "./preview.js";
+import "./setting.js";
+import "./hook.js";

package/dist/esm/components/designEditor/editor/preview.js

@@ -1,65 +1,47 @@
-import { defineComponent as c, inject as u, createVNode as l, Fragment as i, mergeProps as p } from "vue";
-import s from "clsx";
-import { VueDraggable as v } from "vue-draggable-plus";
-const f = /* @__PURE__ */ c({
-  name: "DuxWidgetEditorPreview",
-  props: {
-    class: String,
-    select: String,
-    modelValue: Array,
-    onUpdate: Function,
-    onSelect: Function
-  },
-  setup(r) {
-    const o = u("editor.use");
-    return () => l(i, null, [l(v, p({
-      modelValue: r.modelValue || [],
-      animation: 150,
-      group: "widget",
-      handle: ".editor-handle",
-      class: r.class || s(["h-full flex flex-col gap-2", !r.modelValue || r.modelValue?.length === 0 ? "p-2" : ""])
-    }, {
-      "onUpdate:modelValue": (e) => {
-        r.onUpdate?.(e);
-      }
-    }), {
-      default: () => [r.modelValue?.map((e, d) => {
-        const a = o?.components?.value?.find((t) => t.name === e.name), n = {
-          options: e.options
-        };
-        return a?.nested && (n.children = e.children || [], n.onChildren = (t) => {
-          e.children = t;
-        }), l("div", {
-          class: s(["border p-2 rounded-sm relative w-full", o?.selected.value === e.key ? "bg-primary/10 border-primary border-solid" : "border-accented border-dashed"]),
-          key: e.key,
-          onClick: (t) => {
-            t.stopPropagation(), o?.selected && (o.selected.value = e.key);
-          }
-        }, [l("div", null, [a?.component(n)]), o?.selected.value === e.key && l(i, null, [l("div", {
-          class: "absolute right-0 bottom-0  bg-primary flex px-1 rounded-tl z-1"
-        }, [l("div", {
-          class: "p-1 text-inverted cursor-pointer  hover:text-inverted/80",
-          onClick: () => {
-            o.copyData(e.key, d);
-          }
-        }, [l("div", {
-          class: "i-tabler:copy"
-        }, null)]), l("div", {
-          class: "p-1 text-inverted  cursor-pointer hover:text-inverted/80"
-        }, [l("div", {
-          class: "i-tabler:trash-x",
-          onClick: () => {
-            o?.deleteData(e.key, d);
-          }
-        }, null)])]), l("div", {
-          class: "absolute left-0 top-0  bg-primary p-1 text-inverted rounded-br z-1 editor-handle"
-        }, [l("div", {
-          class: "i-tabler:arrows-move "
-        }, null)])])]);
-      })]
-    })]);
-  }
+import { Fragment as e, createVNode as t, defineComponent as n, inject as r, mergeProps as i } from "vue";
+import a from "clsx";
+import { VueDraggable as o } from "vue-draggable-plus";
+const s = /* @__PURE__ */ n({
+	name: "DuxWidgetEditorPreview",
+	props: {
+		class: String,
+		select: String,
+		modelValue: Array,
+		onUpdate: Function,
+		onSelect: Function
+	},
+	setup(n) {
+		let s = r("editor.use");
+		return () => t(e, null, [t(o, i({
+			modelValue: n.modelValue || [],
+			animation: 150,
+			group: "widget",
+			handle: ".editor-handle",
+			class: n.class || a(["h-full flex flex-col gap-2", !n.modelValue || n.modelValue?.length === 0 ? "p-2" : ""])
+		}, { "onUpdate:modelValue": (e) => {
+			n.onUpdate?.(e);
+		} }), { default: () => [n.modelValue?.map((n, r) => {
+			let i = s?.components?.value?.find((e) => e.name === n.name), o = { options: n.options };
+			return i?.nested && (o.children = n.children || [], o.onChildren = (e) => {
+				n.children = e;
+			}), t("div", {
+				class: a(["border p-2 rounded-sm relative w-full", s?.selected.value === n.key ? "bg-primary/10 border-primary border-solid" : "border-accented border-dashed"]),
+				key: n.key,
+				onClick: (e) => {
+					e.stopPropagation(), s?.selected && (s.selected.value = n.key);
+				}
+			}, [t("div", null, [i?.component(o)]), s?.selected.value === n.key && t(e, null, [t("div", { class: "absolute right-0 bottom-0  bg-primary flex px-1 rounded-tl z-1" }, [t("div", {
+				class: "p-1 text-inverted cursor-pointer  hover:text-inverted/80",
+				onClick: () => {
+					s.copyData(n.key, r);
+				}
+			}, [t("div", { class: "i-tabler:copy" }, null)]), t("div", { class: "p-1 text-inverted  cursor-pointer hover:text-inverted/80" }, [t("div", {
+				class: "i-tabler:trash-x",
+				onClick: () => {
+					s?.deleteData(n.key, r);
+				}
+			}, null)])]), t("div", { class: "absolute left-0 top-0  bg-primary p-1 text-inverted rounded-br z-1 editor-handle" }, [t("div", { class: "i-tabler:arrows-move " }, null)])])]);
+		})] })]);
+	}
 });
-export {
-  f as DuxWidgetEditorPreview
-};
+export { s as DuxWidgetEditorPreview };

package/dist/esm/components/designEditor/editor/setting.js

@@ -1,155 +1,54 @@
-import { defineComponent as s, inject as d, computed as n, createVNode as t } from "vue";
-import { useI18n as c } from "@duxweb/dvha-core";
-import l from "clsx";
-import { NScrollbar as u } from "naive-ui";
-import "@vueuse/core";
-import "vue-echarts";
-import "vue-router";
-import "@overlastic/vue";
-import "dayjs";
-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 "@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";
-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 "vue-draggable-plus";
-import "short-unique-id";
-import "aieditor";
-import "@vue-flow/core";
-import { DuxFormLayout as g } from "../../form/formLayout.js";
-import "lodash-es/cloneDeep";
-import "@vue-flow/background";
-/* empty css                         */
-import "mime";
-import "@iconify-json/tabler/icons.json";
-import "../../posterEditor/elements/index.js";
-import "fabric";
-import "../../schemaEditor/schemaEditor.js";
-function a({
-  icon: p,
-  iconBgClass: o = "bg-primary",
-  title: e,
-  description: i
-}) {
-  return t("div", {
-    class: "p-4 border-b border-default"
-  }, [t("div", {
-    class: "flex gap-2 items-center"
-  }, [p && t("div", {
-    class: l(["rounded p-2 flex-shrink-0", o])
-  }, [t("div", {
-    class: l(["size-6 text-white", p])
-  }, null)]), t("div", {
-    class: "flex-1 min-w-0"
-  }, [t("h3", {
-    class: "text-base font-medium"
-  }, [e]), i && t("p", {
-    class: "text-sm text-muted mt-1"
-  }, [i])])])]);
+import { DuxFormLayout as e } from "../../form/formLayout.js";
+import "../../index.js";
+import { computed as t, createVNode as n, defineComponent as r, inject as i } from "vue";
+import { useI18n as a } from "@duxweb/dvha-core";
+import { NScrollbar as o } from "naive-ui";
+import s from "clsx";
+function c({ icon: e, iconBgClass: t = "bg-primary", title: r, description: i }) {
+	return n("div", { class: "p-4 border-b border-default" }, [n("div", { class: "flex gap-2 items-center" }, [e && n("div", { class: s(["rounded p-2 flex-shrink-0", t]) }, [n("div", { class: s(["size-6 text-white", e]) }, null)]), n("div", { class: "flex-1 min-w-0" }, [n("h3", { class: "text-base font-medium" }, [r]), i && n("p", { class: "text-sm text-muted mt-1" }, [i])])])]);
 }
-const wt = /* @__PURE__ */ s({
-  name: "WidgetEditorSetting",
-  props: {
-    actionRender: Function
-  },
-  setup(p) {
-    const {
-      t: o
-    } = c(), e = d("editor.use"), i = n(() => e?.getData(e.selected.value)), r = n(() => e?.components.value?.find((m) => m.name === i.value?.name));
-    return () => t("div", {
-      class: "h-full w-full flex flex-col",
-      key: i.value?.key
-    }, [!r.value && t(a, {
-      icon: "i-tabler:settings",
-      iconBgClass: "bg-gray-500",
-      title: o("components.designEditor.properties") || "Properties",
-      description: o("components.designEditor.selectComponent") || "Select a component to configure"
-    }, null), r.value && t(a, {
-      icon: r.value.icon,
-      iconBgClass: "bg-primary",
-      title: r.value.label || r.value.name || o("components.designEditor.component") || "Component",
-      description: r.value.description || o("components.designEditor.componentSettings") || "Configure component options"
-    }, null), t(u, {
-      class: "flex-1 min-h-0"
-    }, {
-      default: () => [t("div", {
-        class: "p-3 pr-2"
-      }, [r.value?.setting?.({
-        value: i.value?.options,
-        "update:modelValue": (m) => {
-          i?.value && (i.value.options = m);
-        }
-      }) || t("div", {
-        class: "flex flex-col gap-3"
-      }, [t("div", null, [e?.settingPage?.component?.({
-        value: e.value.value.config,
-        "update:modelValue": (m) => {
-          e.value.value.config = m;
-        }
-      })]), p?.actionRender?.(e)])])]
-    })]);
-  }
-}), Dt = /* @__PURE__ */ s({
-  name: "WidgetEditorSettingCard",
-  props: {
-    title: String,
-    icon: String
-  },
-  setup(p, {
-    slots: o
-  }) {
-    return () => t("div", {
-      class: "flex flex-col"
-    }, [t("div", {
-      class: "bg-elevated border border-default rounded-md py-2 px-4 flex justify-center items-center gap-2"
-    }, [t("div", null, [p.title])]), t("div", {
-      class: "py-4 flex-1"
-    }, [t(g, {
-      labelPlacement: "top"
-    }, {
-      default: () => [o.default?.()]
-    })])]);
-  }
+const l = /* @__PURE__ */ r({
+	name: "WidgetEditorSetting",
+	props: { actionRender: Function },
+	setup(e) {
+		let { t: r } = a(), s = i("editor.use"), l = t(() => s?.getData(s.selected.value)), u = t(() => s?.components.value?.find((e) => e.name === l.value?.name));
+		return () => n("div", {
+			class: "h-full w-full flex flex-col",
+			key: l.value?.key
+		}, [
+			!u.value && n(c, {
+				icon: "i-tabler:settings",
+				iconBgClass: "bg-gray-500",
+				title: r("components.designEditor.properties") || "Properties",
+				description: r("components.designEditor.selectComponent") || "Select a component to configure"
+			}, null),
+			u.value && n(c, {
+				icon: u.value.icon,
+				iconBgClass: "bg-primary",
+				title: u.value.label || u.value.name || r("components.designEditor.component") || "Component",
+				description: u.value.description || r("components.designEditor.componentSettings") || "Configure component options"
+			}, null),
+			n(o, { class: "flex-1 min-h-0" }, { default: () => [n("div", { class: "p-3 pr-2" }, [u.value?.setting?.({
+				value: l.value?.options,
+				"update:modelValue": (e) => {
+					l?.value && (l.value.options = e);
+				}
+			}) || n("div", { class: "flex flex-col gap-3" }, [n("div", null, [s?.settingPage?.component?.({
+				value: s.value.value.config,
+				"update:modelValue": (e) => {
+					s.value.value.config = e;
+				}
+			})]), e?.actionRender?.(s)])])] })
+		]);
+	}
+}), u = /* @__PURE__ */ r({
+	name: "WidgetEditorSettingCard",
+	props: {
+		title: String,
+		icon: String
+	},
+	setup(t, { slots: r }) {
+		return () => n("div", { class: "flex flex-col" }, [n("div", { class: "bg-elevated border border-default rounded-md py-2 px-4 flex justify-center items-center gap-2" }, [n("div", null, [t.title])]), n("div", { class: "py-4 flex-1" }, [n(e, { labelPlacement: "top" }, { default: () => [r.default?.()] })])]);
+	}
 });
-export {
-  wt as WidgetEditorSetting,
-  Dt as WidgetEditorSettingCard
-};
+export { l as WidgetEditorSetting, u as WidgetEditorSettingCard };