@duxweb/dvha-pro 1.1.29 → 1.1.31

package/dist/esm/components/panel/collapse.js

@@ -1,46 +1,26 @@
-import { defineComponent as d, ref as r, createVNode as e } from "vue";
-import a from "clsx";
-const n = /* @__PURE__ */ d({
-  name: "DuxCollapsePanel",
-  props: {
-    title: String,
-    desc: String,
-    defaultShow: Boolean,
-    highlight: Boolean
-  },
-  setup(l, {
-    slots: i
-  }) {
-    const t = r(!!l.defaultShow);
-    return () => e("div", {
-      class: a(["border rounded-sm", l.highlight ? "border-primary" : "border-muted"])
-    }, [e("div", {
-      class: a(["px-4 py-3 flex justify-between items-center", l.highlight ? "bg-primary/10" : "bg-default dark:bg-elevated", t.value ? "rounded-t-sm" : "rounded-sm"])
-    }, [e("div", {
-      class: "flex gap-2 items-start"
-    }, [e("div", {
-      class: "pt-0.5"
-    }, [i.suffix?.()]), e("div", {
-      class: "flex flex-col"
-    }, [e("div", {
-      class: "font-medium text-base"
-    }, [l?.title]), l?.desc && e("div", {
-      class: "text-muted"
-    }, [l.desc])])]), e("div", {
-      class: a(["p-2 rounded-full text-primary cursor-pointer", l.highlight ? "bg-primary/10" : "bg-gray/5"]),
-      onClick: () => t.value = !t.value
-    }, [e("div", {
-      class: a(["i-tabler:arrow-down size-4 transition-all", t.value ? "" : "rotate-180"])
-    }, null)])]), e("div", {
-      class: a("transition-all overflow-hidden", {
-        "max-h-0": !t.value,
-        "max-h-500": t.value
-      })
-    }, [e("div", {
-      class: "p-4"
-    }, [i.default?.()])])]);
-  }
+import { createVNode as e, defineComponent as t, ref as n } from "vue";
+import r from "clsx";
+const i = /* @__PURE__ */ t({
+	name: "DuxCollapsePanel",
+	props: {
+		title: String,
+		desc: String,
+		defaultShow: Boolean,
+		highlight: Boolean
+	},
+	setup(t, { slots: i }) {
+		let a = n(!!t.defaultShow);
+		return () => e("div", { class: r(["border rounded-sm", t.highlight ? "border-primary" : "border-muted"]) }, [e("div", { class: r([
+			"px-4 py-3 flex justify-between items-center",
+			t.highlight ? "bg-primary/10" : "bg-default dark:bg-elevated",
+			a.value ? "rounded-t-sm" : "rounded-sm"
+		]) }, [e("div", { class: "flex gap-2 items-start" }, [e("div", { class: "pt-0.5" }, [i.suffix?.()]), e("div", { class: "flex flex-col" }, [e("div", { class: "font-medium text-base" }, [t?.title]), t?.desc && e("div", { class: "text-muted" }, [t.desc])])]), e("div", {
+			class: r(["p-2 rounded-full text-primary cursor-pointer", t.highlight ? "bg-primary/10" : "bg-gray/5"]),
+			onClick: () => a.value = !a.value
+		}, [e("div", { class: r(["i-tabler:arrow-down size-4 transition-all", a.value ? "" : "rotate-180"]) }, null)])]), e("div", { class: r("transition-all overflow-hidden", {
+			"max-h-0": !a.value,
+			"max-h-500": a.value
+		}) }, [e("div", { class: "p-4" }, [i.default?.()])])]);
+	}
 });
-export {
-  n as DuxCollapsePanel
-};
+export { i as DuxCollapsePanel };

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

@@ -0,0 +1,3 @@
+import "./alert.js";
+import "./setting.js";
+import "./collapse.js";

package/dist/esm/components/panel/setting.js

@@ -1,51 +1,29 @@
-import { defineComponent as i, createVNode as e } from "vue";
-import { DuxCard as a } from "../card/card.js";
-import "@vueuse/core";
-import "clsx";
-import "naive-ui";
-const f = /* @__PURE__ */ i({
-  name: "DuxPanelCard",
-  props: {
-    title: {
-      type: String,
-      default: ""
-    },
-    description: {
-      type: String,
-      default: ""
-    },
-    padding: {
-      type: String
-    },
-    bordered: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  setup(t, {
-    slots: d
-  }) {
-    return () => e("div", {
-      class: "flex flex-col gap-4"
-    }, [e("div", {
-      class: "flex items-center px-2"
-    }, [e("div", {
-      class: "flex-1 flex flex-col"
-    }, [e("div", {
-      class: "text-base"
-    }, [t.title]), t.description && e("div", {
-      class: "text-sm text-muted"
-    }, [t.description])]), e("div", {
-      class: "flex-none flex items-center"
-    }, [d.actions?.()])]), e(a, {
-      size: t.padding,
-      shadow: !1,
-      bordered: t.bordered
-    }, {
-      default: () => [d.default?.()]
-    })]);
-  }
+import { DuxCard as e } from "../card/card.js";
+import "../card/index.js";
+import { createVNode as t, defineComponent as n } from "vue";
+const r = /* @__PURE__ */ n({
+	name: "DuxPanelCard",
+	props: {
+		title: {
+			type: String,
+			default: ""
+		},
+		description: {
+			type: String,
+			default: ""
+		},
+		padding: { type: String },
+		bordered: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(n, { slots: r }) {
+		return () => t("div", { class: "flex flex-col gap-4" }, [t("div", { class: "flex items-center px-2" }, [t("div", { class: "flex-1 flex flex-col" }, [t("div", { class: "text-base" }, [n.title]), n.description && t("div", { class: "text-sm text-muted" }, [n.description])]), t("div", { class: "flex-none flex items-center" }, [r.actions?.()])]), t(e, {
+			size: n.padding,
+			shadow: !1,
+			bordered: n.bordered
+		}, { default: () => [r.default?.()] })]);
+	}
 });
-export {
-  f as DuxPanelCard
-};
+export { r as DuxPanelCard };

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

@@ -1,113 +1,102 @@
-import { defineComponent as b, computed as s, createVNode as a } from "vue";
-const m = /* @__PURE__ */ b({
-  name: "CanvasRuler",
-  props: {
-    canvasWidth: {
-      type: Number,
-      required: !0
-    },
-    canvasHeight: {
-      type: Number,
-      required: !0
-    },
-    canvasScale: {
-      type: Number,
-      required: !0
-    },
-    rulerSize: {
-      type: Number,
-      default: 20
-    }
-  },
-  setup(e) {
-    const n = (t, l) => {
-      const v = [];
-      let r = 10;
-      l < 0.5 ? r = 50 : l < 1 && (r = 25);
-      for (let i = 0; i <= t; i += r) {
-        const f = i * l, h = i % (r * 5) === 0;
-        v.push({
-          position: f,
-          value: i,
-          isMajor: h
-        });
-      }
-      return v;
-    }, c = s(() => n(e.canvasWidth, e.canvasScale)), d = s(() => n(e.canvasHeight, e.canvasScale)), u = s(() => e.canvasWidth * e.canvasScale), o = s(() => e.canvasHeight * e.canvasScale);
-    return () => a("div", {
-      class: "absolute inset-0 pointer-events-none"
-    }, [a("div", {
-      class: "absolute flex justify-center left-6 top-0 right-0 bg-default",
-      style: {
-        height: `${e.rulerSize}px`
-      }
-    }, [a("div", {
-      class: "absolute top-0 bg-default",
-      style: {
-        left: "50%",
-        transform: "translateX(-50%)",
-        width: `${u.value}px`,
-        height: `${e.rulerSize}px`
-      }
-    }, [a("svg", {
-      width: u.value,
-      height: e.rulerSize,
-      class: "absolute top-0 left-0"
-    }, [c.value.map((t, l) => a("g", {
-      key: l
-    }, [a("line", {
-      x1: t.position,
-      y1: t.isMajor ? 0 : e.rulerSize / 2,
-      x2: t.position,
-      y2: e.rulerSize,
-      stroke: "rgba(0,0,0, 0.1)",
-      "stroke-width": "1"
-    }, null), t.isMajor && a("text", {
-      x: t.position + 2,
-      y: e.rulerSize - 6,
-      "font-size": "10",
-      stroke: "rgba(0,0,0, 0.1)",
-      "font-family": "monospace",
-      fill: "rgb(var(--ui-text-muted))"
-    }, [t.value])]))])])]), a("div", {
-      class: "absolute flex justify-center items-center flex-col top-6 left-0 bottom-0 bg-default border-r border-muted",
-      style: {
-        width: `${e.rulerSize}px`
-      }
-    }, [a("div", {
-      class: "absolute left-0 bg-default",
-      style: {
-        top: "50%",
-        transform: "translateY(-50%)",
-        width: `${e.rulerSize}px`,
-        height: `${o.value}px`
-      }
-    }, [a("svg", {
-      width: e.rulerSize,
-      height: o.value,
-      class: "absolute top-0 left-0"
-    }, [d.value.map((t, l) => a("g", {
-      key: l
-    }, [a("line", {
-      x1: t.isMajor ? 0 : e.rulerSize / 2,
-      y1: t.position,
-      x2: e.rulerSize,
-      y2: t.position,
-      stroke: "rgba(0,0,0, 0.1)",
-      "stroke-width": "1"
-    }, null), t.isMajor && a("text", {
-      x: e.rulerSize - 6,
-      y: t.position - 6,
-      "font-size": "10",
-      fill: "rgb(var(--ui-text-muted))",
-      "font-family": "monospace",
-      "text-anchor": "end",
-      transform: `rotate(-90, ${e.rulerSize - 2}, ${t.position - 2})`
-    }, [t.value])]))])])]), a("div", {
-      class: "absolute size-6 bg-default top-0 left-0"
-    }, null)]);
-  }
+import { computed as e, createVNode as t, defineComponent as n } from "vue";
+const r = /* @__PURE__ */ n({
+	name: "CanvasRuler",
+	props: {
+		canvasWidth: {
+			type: Number,
+			required: !0
+		},
+		canvasHeight: {
+			type: Number,
+			required: !0
+		},
+		canvasScale: {
+			type: Number,
+			required: !0
+		},
+		rulerSize: {
+			type: Number,
+			default: 20
+		}
+	},
+	setup(n) {
+		let r = (e, t) => {
+			let n = [], r = 10;
+			t < .5 ? r = 50 : t < 1 && (r = 25);
+			for (let i = 0; i <= e; i += r) {
+				let e = i * t, a = i % (r * 5) == 0;
+				n.push({
+					position: e,
+					value: i,
+					isMajor: a
+				});
+			}
+			return n;
+		}, i = e(() => r(n.canvasWidth, n.canvasScale)), a = e(() => r(n.canvasHeight, n.canvasScale)), o = e(() => n.canvasWidth * n.canvasScale), s = e(() => n.canvasHeight * n.canvasScale);
+		return () => t("div", { class: "absolute inset-0 pointer-events-none" }, [
+			t("div", {
+				class: "absolute flex justify-center left-6 top-0 right-0 bg-default",
+				style: { height: `${n.rulerSize}px` }
+			}, [t("div", {
+				class: "absolute top-0 bg-default",
+				style: {
+					left: "50%",
+					transform: "translateX(-50%)",
+					width: `${o.value}px`,
+					height: `${n.rulerSize}px`
+				}
+			}, [t("svg", {
+				width: o.value,
+				height: n.rulerSize,
+				class: "absolute top-0 left-0"
+			}, [i.value.map((e, r) => t("g", { key: r }, [t("line", {
+				x1: e.position,
+				y1: e.isMajor ? 0 : n.rulerSize / 2,
+				x2: e.position,
+				y2: n.rulerSize,
+				stroke: "rgba(0,0,0, 0.1)",
+				"stroke-width": "1"
+			}, null), e.isMajor && t("text", {
+				x: e.position + 2,
+				y: n.rulerSize - 6,
+				"font-size": "10",
+				stroke: "rgba(0,0,0, 0.1)",
+				"font-family": "monospace",
+				fill: "rgb(var(--ui-text-muted))"
+			}, [e.value])]))])])]),
+			t("div", {
+				class: "absolute flex justify-center items-center flex-col top-6 left-0 bottom-0 bg-default border-r border-muted",
+				style: { width: `${n.rulerSize}px` }
+			}, [t("div", {
+				class: "absolute left-0 bg-default",
+				style: {
+					top: "50%",
+					transform: "translateY(-50%)",
+					width: `${n.rulerSize}px`,
+					height: `${s.value}px`
+				}
+			}, [t("svg", {
+				width: n.rulerSize,
+				height: s.value,
+				class: "absolute top-0 left-0"
+			}, [a.value.map((e, r) => t("g", { key: r }, [t("line", {
+				x1: e.isMajor ? 0 : n.rulerSize / 2,
+				y1: e.position,
+				x2: n.rulerSize,
+				y2: e.position,
+				stroke: "rgba(0,0,0, 0.1)",
+				"stroke-width": "1"
+			}, null), e.isMajor && t("text", {
+				x: n.rulerSize - 6,
+				y: e.position - 6,
+				"font-size": "10",
+				fill: "rgb(var(--ui-text-muted))",
+				"font-family": "monospace",
+				"text-anchor": "end",
+				transform: `rotate(-90, ${n.rulerSize - 2}, ${e.position - 2})`
+			}, [e.value])]))])])]),
+			t("div", { class: "absolute size-6 bg-default top-0 left-0" }, null)
+		]);
+	}
 });
-export {
-  m as CanvasRuler
-};
+export { r as CanvasRuler };

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

@@ -1,127 +1,134 @@
-import { Circle as c } from "fabric";
-const r = {
-  type: "circle",
-  name: "圆形",
-  icon: "i-tabler:circle",
-  category: "basic",
-  defaultProps: {
-    type: "circle",
-    left: 100,
-    top: 100,
-    width: 100,
-    height: 100,
-    angle: 0,
-    scaleX: 1,
-    scaleY: 1,
-    visible: !0,
-    locked: !1,
-    radius: 50,
-    fill: "#00ff00",
-    stroke: "",
-    strokeWidth: 0,
-    strokeDashArray: null,
-    opacity: 1,
-    label: ""
-  },
-  createFabricObject: (e) => {
-    const l = new c({
-      left: e.left,
-      top: e.top,
-      radius: e.radius,
-      fill: e.fill,
-      stroke: e.stroke || void 0,
-      strokeWidth: e.strokeWidth,
-      strokeDashArray: e.strokeDashArray,
-      angle: e.angle,
-      scaleX: e.scaleX,
-      scaleY: e.scaleY,
-      opacity: e.opacity,
-      visible: e.visible,
-      selectable: !e.locked,
-      evented: !e.locked,
-      strokeUniform: !0,
-      lockUniScaling: !0
-      // 强制等比例缩放，确保圆形始终占满容器
-    });
-    return l.label = e.label, l;
-  },
-  getPropsFromFabricObject: (e) => {
-    const l = e, t = l.scaleX || 1, i = l.scaleY || 1, a = Math.round((l.radius || 50) * Math.max(t, i));
-    return {
-      type: "circle",
-      left: Math.round(l.left || 0),
-      top: Math.round(l.top || 0),
-      width: a * 2,
-      height: a * 2,
-      angle: Math.round(l.angle || 0),
-      scaleX: 1,
-      // 始终重置为1，将缩放应用到实际尺寸
-      scaleY: 1,
-      // 始终重置为1，将缩放应用到实际尺寸
-      visible: l.visible !== !1,
-      locked: !l.selectable,
-      radius: a,
-      fill: l.fill || "#00ff00",
-      stroke: l.stroke || "",
-      strokeWidth: Math.round(l.strokeWidth || 0),
-      strokeDashArray: l.strokeDashArray || null,
-      opacity: l.opacity || 1,
-      label: l.label || ""
-    };
-  },
-  getToolbarControls: (e) => [
-    {
-      key: "label",
-      label: "标签",
-      type: "text",
-      value: e.label,
-      options: { placeholder: "请输入标签" }
-    },
-    {
-      key: "radius",
-      label: "半径",
-      type: "number",
-      value: e.radius,
-      options: { min: 1, max: 1e3, step: 1 }
-    },
-    {
-      key: "fill",
-      label: "填充颜色",
-      type: "color",
-      value: e.fill
-    },
-    {
-      key: "stroke",
-      label: "边框颜色",
-      type: "color",
-      value: e.stroke
-    },
-    {
-      key: "strokeWidth",
-      label: "边框宽度",
-      type: "number",
-      value: e.strokeWidth,
-      options: { min: 0, max: 50, step: 1 }
-    },
-    {
-      key: "opacity",
-      label: "透明度",
-      type: "slider",
-      value: e.opacity,
-      options: { min: 0, max: 1, step: 0.01 }
-    }
-  ],
-  onPropsChange: (e, l) => {
-    const t = l;
-    t.set({
-      radius: e.radius,
-      fill: e.fill,
-      stroke: e.stroke || void 0,
-      strokeWidth: e.strokeWidth,
-      opacity: e.opacity
-    }), t.label = e.label;
-  }
-};
-export {
-  r as default
+import { Circle as e } from "fabric";
+var t = {
+	type: "circle",
+	name: "圆形",
+	icon: "i-tabler:circle",
+	category: "basic",
+	defaultProps: {
+		type: "circle",
+		left: 100,
+		top: 100,
+		width: 100,
+		height: 100,
+		angle: 0,
+		scaleX: 1,
+		scaleY: 1,
+		visible: !0,
+		locked: !1,
+		radius: 50,
+		fill: "#00ff00",
+		stroke: "",
+		strokeWidth: 0,
+		strokeDashArray: null,
+		opacity: 1,
+		label: ""
+	},
+	createFabricObject: (t) => {
+		let n = new e({
+			left: t.left,
+			top: t.top,
+			radius: t.radius,
+			fill: t.fill,
+			stroke: t.stroke || void 0,
+			strokeWidth: t.strokeWidth,
+			strokeDashArray: t.strokeDashArray,
+			angle: t.angle,
+			scaleX: t.scaleX,
+			scaleY: t.scaleY,
+			opacity: t.opacity,
+			visible: t.visible,
+			selectable: !t.locked,
+			evented: !t.locked,
+			strokeUniform: !0,
+			lockUniScaling: !0
+		});
+		return n.label = t.label, n;
+	},
+	getPropsFromFabricObject: (e) => {
+		let t = e, n = t.scaleX || 1, r = t.scaleY || 1, i = Math.round((t.radius || 50) * Math.max(n, r));
+		return {
+			type: "circle",
+			left: Math.round(t.left || 0),
+			top: Math.round(t.top || 0),
+			width: i * 2,
+			height: i * 2,
+			angle: Math.round(t.angle || 0),
+			scaleX: 1,
+			scaleY: 1,
+			visible: t.visible !== !1,
+			locked: !t.selectable,
+			radius: i,
+			fill: t.fill || "#00ff00",
+			stroke: t.stroke || "",
+			strokeWidth: Math.round(t.strokeWidth || 0),
+			strokeDashArray: t.strokeDashArray || null,
+			opacity: t.opacity || 1,
+			label: t.label || ""
+		};
+	},
+	getToolbarControls: (e) => [
+		{
+			key: "label",
+			label: "标签",
+			type: "text",
+			value: e.label,
+			options: { placeholder: "请输入标签" }
+		},
+		{
+			key: "radius",
+			label: "半径",
+			type: "number",
+			value: e.radius,
+			options: {
+				min: 1,
+				max: 1e3,
+				step: 1
+			}
+		},
+		{
+			key: "fill",
+			label: "填充颜色",
+			type: "color",
+			value: e.fill
+		},
+		{
+			key: "stroke",
+			label: "边框颜色",
+			type: "color",
+			value: e.stroke
+		},
+		{
+			key: "strokeWidth",
+			label: "边框宽度",
+			type: "number",
+			value: e.strokeWidth,
+			options: {
+				min: 0,
+				max: 50,
+				step: 1
+			}
+		},
+		{
+			key: "opacity",
+			label: "透明度",
+			type: "slider",
+			value: e.opacity,
+			options: {
+				min: 0,
+				max: 1,
+				step: .01
+			}
+		}
+	],
+	onPropsChange: (e, t) => {
+		let n = t;
+		n.set({
+			radius: e.radius,
+			fill: e.fill,
+			stroke: e.stroke || void 0,
+			strokeWidth: e.strokeWidth,
+			opacity: e.opacity
+		}), n.label = e.label;
+	}
 };
+export { t as default };