@duxweb/dvha-pro 1.1.30 → 1.2.0

package/dist/esm/components/posterEditor/pages/index.js

@@ -0,0 +1,2 @@
+import "./LeftToolbar.js";
+import "./RightPanel.js";

package/dist/esm/components/posterEditor/posterEditor.js

@@ -1,247 +1,150 @@
-import { defineComponent as T, ref as d, watch as F, onMounted as H, onUnmounted as R, createVNode as a } from "vue";
-import { NSlider as V, NSwitch as W, NSelect as z, NColorPicker as A, NInputNumber as J, NInput as j } from "naive-ui";
-import { DuxCard as L } from "../card/card.js";
-import "@vueuse/core";
-import "clsx";
-import "@duxweb/dvha-core";
-import "mime";
-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 "@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 "@duxweb/dvha-naiveui";
-import "vue-command-palette";
-import "../../pages/page404.js";
-import "vue-draggable-plus";
-import "short-unique-id";
-import "aieditor";
-import "@vue-flow/core";
-import "lodash-es/cloneDeep";
-import "@vue-flow/background";
-/* empty css                      */
-import "@iconify-json/tabler/icons.json";
-import "./elements/index.js";
-import { usePosterEditor as q } from "./hooks/usePosterEditor.js";
-import { CanvasRuler as G } from "./components/CanvasRuler.js";
-import { LeftToolbar as K } from "./pages/LeftToolbar.js";
-import { RightPanel as O } from "./pages/RightPanel.js";
-import "../schemaEditor/schemaEditor.js";
-import "dayjs";
-import "@tanstack/vue-query";
-import "pinia";
-import { DuxImageUpload as Q } from "../upload/image.js";
-const ma = /* @__PURE__ */ T({
-  name: "DuxPosterEditor",
-  props: {
-    data: {
-      type: String,
-      default: ""
-    },
-    width: {
-      type: Number,
-      default: 750
-    },
-    height: {
-      type: Number,
-      default: 1e3
-    },
-    backgroundColor: {
-      type: String,
-      default: "#ffffff"
-    },
-    backgroundImage: {
-      type: String,
-      default: ""
-    },
-    onDataUpdate: Function,
-    onSave: Function
-  },
-  setup(o) {
-    const r = d(), i = d(), {
-      initCanvas: s,
-      destroy: v,
-      setCallbacks: c,
-      addElement: g,
-      deleteSelectedElements: f,
-      updateElementProperty: p,
-      alignElements: h,
-      canMoveUp: C,
-      canMoveDown: b,
-      canMoveToFront: k,
-      canMoveToBack: x,
-      clearCanvas: E,
-      loadData: u,
-      canvasData: n,
-      selectedElements: S,
-      canvasScale: m,
-      currentElementData: l,
-      currentElementConfig: U,
-      hasMultipleSelection: w,
-      updateCanvasSettings: y,
-      updateCanvasBackground: D,
-      updateCanvasBackgroundImage: M,
-      saveData: I,
-      exportJson: N
-    } = q({
-      width: o.width,
-      height: o.height,
-      backgroundColor: o.backgroundColor,
-      backgroundImage: o.backgroundImage
-    });
-    c({
-      onDataChange: o?.onDataUpdate
-    });
-    const B = (e) => {
-      const t = (P) => {
-        l.value && p(l.value.id, e.key, P);
-      };
-      switch (e.type) {
-        case "text":
-          return a(j, {
-            value: e.value,
-            placeholder: e.options?.placeholder,
-            "onUpdate:value": t
-          }, null);
-        case "number":
-          return a(J, {
-            value: e.value,
-            min: e.options?.min,
-            max: e.options?.max,
-            step: e.options?.step,
-            "onUpdate:value": t
-          }, null);
-        case "color":
-          return a(A, {
-            value: e.value,
-            "onUpdate:value": t
-          }, null);
-        case "select":
-          return a(z, {
-            value: e.value,
-            options: e.options?.choices || [],
-            "onUpdate:value": t
-          }, null);
-        case "switch":
-          return a(W, {
-            value: e.value,
-            "onUpdate:value": t
-          }, null);
-        case "slider":
-          return a(V, {
-            value: e.value,
-            min: e.options?.min,
-            max: e.options?.max,
-            step: e.options?.step,
-            "onUpdate:value": t
-          }, null);
-        case "image":
-          return a(Q, {
-            value: e.value,
-            onUpdateValue: t
-          }, null);
-        default:
-          return null;
-      }
-    };
-    return F(() => o.data, (e) => {
-      e && u(e);
-    }, {
-      immediate: !1
-    }), H(() => {
-      r.value && i.value && (s(r.value, i.value), u(o.data));
-    }), R(() => {
-      v();
-    }), () => a(L, {
-      class: "h-full",
-      shadow: !0
-    }, {
-      default: () => [a("div", {
-        class: "h-full flex"
-      }, [a(K, {
-        onAddElement: g,
-        canvasWidth: n.value.width,
-        canvasHeight: n.value.height
-      }, null), a("div", {
-        ref: i,
-        class: "flex-1 p-6  pl-12 pt-12 flex items-center justify-center overflow-hidden relative",
-        style: "background: linear-gradient(45deg, rgba(0,0,0, 0.1) 25%, transparent 25%), linear-gradient(-45deg, rgba(0,0,0, 0.1) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(0,0,0, 0.1) 75%), linear-gradient(-45deg, transparent 75%, rgba(0,0,0, 0.1) 75%); background-size: 20px 20px; background-position: 0 0, 0 10px, 10px -10px, -10px 0px;"
-      }, [a(G, {
-        canvasScale: m.value,
-        canvasWidth: n.value.width,
-        canvasHeight: n.value.height
-      }, null), a("div", {
-        class: "bg-default shadow-lg",
-        style: "position: relative;"
-      }, [a("canvas", {
-        ref: r,
-        style: "display: block;"
-      }, null)])]), a(O, {
-        onClearCanvas: E,
-        hasMultipleSelection: w.value,
-        selectedElementsCount: S.value.length,
-        currentElementData: l.value || void 0,
-        currentElementConfig: U.value || void 0,
-        canMoveUp: C.value,
-        canMoveDown: b.value,
-        canMoveToFront: k.value,
-        canMoveToBack: x.value,
-        canvasWidth: n.value.width,
-        canvasHeight: n.value.height,
-        canvasBackgroundColor: n.value.backgroundColor,
-        canvasBackgroundImage: n.value.backgroundImage,
-        onDeleteSelectedElements: f,
-        onAlignElements: (e) => h(e),
-        onUpdateElementProperty: p,
-        onUpdateCanvasSize: (e, t) => y(e, t),
-        onUpdateCanvasBackground: D,
-        onUpdateCanvasBackgroundImage: M,
-        onSaveData: async () => {
-          await I(), await o?.onSave?.();
-        },
-        onExportJson: N,
-        onRenderToolbarControl: B,
-        canvasScale: m.value
-      }, null)])]
-    });
-  }
+import { DuxCard as e } from "../card/card.js";
+import "../card/index.js";
+import { DuxImageUpload as t } from "../upload/image.js";
+import "../upload/index.js";
+import { usePosterEditor as n } from "./hooks/usePosterEditor.js";
+import { CanvasRuler as r } from "./components/CanvasRuler.js";
+import { LeftToolbar as i } from "./pages/LeftToolbar.js";
+import { RightPanel as a } from "./pages/RightPanel.js";
+import "./pages/index.js";
+import { createVNode as o, defineComponent as s, onMounted as c, onUnmounted as l, ref as u, watch as d } from "vue";
+import { NColorPicker as f, NInput as p, NInputNumber as m, NSelect as h, NSlider as g, NSwitch as _ } from "naive-ui";
+const v = /* @__PURE__ */ s({
+	name: "DuxPosterEditor",
+	props: {
+		data: {
+			type: String,
+			default: ""
+		},
+		width: {
+			type: Number,
+			default: 750
+		},
+		height: {
+			type: Number,
+			default: 1e3
+		},
+		backgroundColor: {
+			type: String,
+			default: "#ffffff"
+		},
+		backgroundImage: {
+			type: String,
+			default: ""
+		},
+		onDataUpdate: Function,
+		onSave: Function
+	},
+	setup(s) {
+		let v = u(), y = u(), { initCanvas: b, destroy: x, setCallbacks: S, addElement: C, deleteSelectedElements: w, updateElementProperty: T, alignElements: E, canMoveUp: D, canMoveDown: O, canMoveToFront: k, canMoveToBack: A, clearCanvas: j, loadData: M, canvasData: N, selectedElements: P, canvasScale: F, currentElementData: I, currentElementConfig: L, hasMultipleSelection: R, updateCanvasSettings: z, updateCanvasBackground: B, updateCanvasBackgroundImage: V, saveData: H, exportJson: U } = n({
+			width: s.width,
+			height: s.height,
+			backgroundColor: s.backgroundColor,
+			backgroundImage: s.backgroundImage
+		});
+		S({ onDataChange: s?.onDataUpdate });
+		let W = (e) => {
+			let n = (t) => {
+				I.value && T(I.value.id, e.key, t);
+			};
+			switch (e.type) {
+				case "text": return o(p, {
+					value: e.value,
+					placeholder: e.options?.placeholder,
+					"onUpdate:value": n
+				}, null);
+				case "number": return o(m, {
+					value: e.value,
+					min: e.options?.min,
+					max: e.options?.max,
+					step: e.options?.step,
+					"onUpdate:value": n
+				}, null);
+				case "color": return o(f, {
+					value: e.value,
+					"onUpdate:value": n
+				}, null);
+				case "select": return o(h, {
+					value: e.value,
+					options: e.options?.choices || [],
+					"onUpdate:value": n
+				}, null);
+				case "switch": return o(_, {
+					value: e.value,
+					"onUpdate:value": n
+				}, null);
+				case "slider": return o(g, {
+					value: e.value,
+					min: e.options?.min,
+					max: e.options?.max,
+					step: e.options?.step,
+					"onUpdate:value": n
+				}, null);
+				case "image": return o(t, {
+					value: e.value,
+					onUpdateValue: n
+				}, null);
+				default: return null;
+			}
+		};
+		return d(() => s.data, (e) => {
+			e && M(e);
+		}, { immediate: !1 }), c(() => {
+			v.value && y.value && (b(v.value, y.value), M(s.data));
+		}), l(() => {
+			x();
+		}), () => o(e, {
+			class: "h-full",
+			shadow: !0
+		}, { default: () => [o("div", { class: "h-full flex" }, [
+			o(i, {
+				onAddElement: C,
+				canvasWidth: N.value.width,
+				canvasHeight: N.value.height
+			}, null),
+			o("div", {
+				ref: y,
+				class: "flex-1 p-6  pl-12 pt-12 flex items-center justify-center overflow-hidden relative",
+				style: "background: linear-gradient(45deg, rgba(0,0,0, 0.1) 25%, transparent 25%), linear-gradient(-45deg, rgba(0,0,0, 0.1) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(0,0,0, 0.1) 75%), linear-gradient(-45deg, transparent 75%, rgba(0,0,0, 0.1) 75%); background-size: 20px 20px; background-position: 0 0, 0 10px, 10px -10px, -10px 0px;"
+			}, [o(r, {
+				canvasScale: F.value,
+				canvasWidth: N.value.width,
+				canvasHeight: N.value.height
+			}, null), o("div", {
+				class: "bg-default shadow-lg",
+				style: "position: relative;"
+			}, [o("canvas", {
+				ref: v,
+				style: "display: block;"
+			}, null)])]),
+			o(a, {
+				onClearCanvas: j,
+				hasMultipleSelection: R.value,
+				selectedElementsCount: P.value.length,
+				currentElementData: I.value || void 0,
+				currentElementConfig: L.value || void 0,
+				canMoveUp: D.value,
+				canMoveDown: O.value,
+				canMoveToFront: k.value,
+				canMoveToBack: A.value,
+				canvasWidth: N.value.width,
+				canvasHeight: N.value.height,
+				canvasBackgroundColor: N.value.backgroundColor,
+				canvasBackgroundImage: N.value.backgroundImage,
+				onDeleteSelectedElements: w,
+				onAlignElements: (e) => E(e),
+				onUpdateElementProperty: T,
+				onUpdateCanvasSize: (e, t) => z(e, t),
+				onUpdateCanvasBackground: B,
+				onUpdateCanvasBackgroundImage: V,
+				onSaveData: async () => {
+					await H(), await s?.onSave?.();
+				},
+				onExportJson: U,
+				onRenderToolbarControl: W,
+				canvasScale: F.value
+			}, null)
+		])] });
+	}
 });
-export {
-  ma as DuxPosterEditor
-};
+export { v as DuxPosterEditor };

package/dist/esm/components/schemaEditor/index.js

@@ -0,0 +1 @@
+import "./schemaEditor.js";