@aifuxi/semi-ui-vue 0.1.0-alpha.0

package/dist/Progress-BulSV_JR.js

@@ -0,0 +1,523 @@
+import { t as e } from "./src-DNBBthjO.js";
+import { t } from "./env-BeIzjQx7.js";
+import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, mergeProps as l, normalizeStyle as u, onBeforeUnmount as d, openBlock as f, shallowRef as p, unref as m, useAttrs as h, useSlots as g, watch as _ } from "vue";
+`${t}`;
+var v = {
+	types: ["line", "circle"],
+	DEFAULT_TYPE: "line",
+	STROKE_DEFAULT: "var(--semi-color-success)",
+	strokeLineCap: ["square", "round"],
+	DEFAULT_LINECAP: "round",
+	sizes: [
+		"default",
+		"small",
+		"large"
+	],
+	DEFAULT_SIZE: "default",
+	directions: ["vertical", "horizontal"],
+	DEFAULT_DIRECTION: "horizontal"
+};
+//#endregion
+//#region bundled-foundation
+function y(e, t, n) {
+	try {
+		let r = b(e, t, n);
+		if (r.length !== 0) return r;
+	} catch {
+		return;
+	}
+}
+function b(e, t, n) {
+	if (e.sort((e, t) => e.percent - t.percent), e[0].percent > t) return v.STROKE_DEFAULT;
+	let r = e[e.length - 1];
+	if (r.percent < t) return S(r.color);
+	for (let [r, i] of e.entries()) {
+		if (i.percent === t) return S(i.color);
+		if (t > i.percent) continue;
+		let a = e[r - 1];
+		return n ? x({
+			startColor: S(a.color),
+			endColor: S(i.color),
+			size: i.percent - a.percent - 1
+		}, t - a.percent - 1) : S(a.color);
+	}
+}
+function x(e, t) {
+	let { startColor: n, endColor: r, size: i } = e, a = n.split(""), o = r.split(""), s = [parseInt(`${a[1]}${a[2]}`, 16), parseInt(`${o[1]}${o[2]}`, 16)], c = [parseInt(`${a[3]}${a[4]}`, 16), parseInt(`${o[3]}${o[4]}`, 16)], l = [parseInt(`${a[5]}${a[6]}`, 16), parseInt(`${o[5]}${o[6]}`, 16)], u = [parseInt(`${a[7]}${a[8]}`, 16), parseInt(`${o[7]}${o[8]}`, 16)], d = (s[0] - s[1]) / (i + 1), f = (c[0] - c[1]) / (i + 1), p = (l[0] - l[1]) / (i + 1), m = (u[0] - u[1]) / (i + 1);
+	function h(e) {
+		let t = Math.round(s[0] - d * (e + 1)).toString(16), n = Math.round(c[0] - f * (e + 1)).toString(16), r = Math.round(l[0] - p * (e + 1)).toString(16), i = `${g(t)}${g(n)}${g(r)}`, a = Math.floor(m * (e + 1) + u[1]).toString(16);
+		return C.Hex(`#${i}`, a);
+	}
+	function g(e) {
+		return e.length === 1 ? `0${e}` : e.length === 0 ? "00" : e;
+	}
+	if (t === void 0) {
+		let e = [n];
+		for (let t = 0; t < i; t += 1) e.push(h(t));
+		return e;
+	}
+	return h(t);
+}
+function S(e) {
+	if (e = e.trim().toLowerCase(), w.hex.test(e)) return C.Hex(e, void 0);
+	if (w.hslA.test(e)) return C.Hex(C.HslA(e), void 0);
+	if (w.rgbA.test(e)) return C.Hex(C.RgbA(e), void 0);
+	if (w.semiDesignTokens.test(e)) return T.ALONG.indexOf(e) === -1 ? T.SEQUENCE.indexOf(e) === -1 ? C.SemiDesignToken(`${e}`) : C.SemiDesignToken(`${e}-5`) : C.SemiDesignToken(e);
+}
+var C = {
+	Hex(e, t) {
+		return e = e.replace("#", ""), e.length === 8 ? `#${e}` : (e.length === 6 || e.length === 3 && (e = e.split("").map((e) => e + e).join("")), `#${e}${t || "ff"}`);
+	},
+	SemiDesignToken(e) {
+		if (typeof window > "u") return;
+		let t = getComputedStyle(document.body).getPropertyValue(`--semi-${e}`);
+		if (t === "") return;
+		let n = `rgba(${t}, 1)`;
+		return C.RgbA(n);
+	},
+	HslA(e) {
+		let t = w.hslA.exec(e), n = parseInt(t[2]), r = parseInt(t[3]) / 100, i = parseInt(t[4]) / 100, a = t[5], o = (1 - Math.abs(2 * i - 1)) * r, s = o * (1 - Math.abs(n / 60 % 2 - 1)), c = i - o / 2, l = 0, u = 0, d = 0;
+		return 0 <= n && n < 60 ? (l = o, u = s, d = 0) : 60 <= n && n < 120 ? (l = s, u = o, d = 0) : 120 <= n && n < 180 ? (l = 0, u = o, d = s) : 180 <= n && n < 240 ? (l = 0, u = s, d = o) : 240 <= n && n < 300 ? (l = s, u = 0, d = o) : 300 <= n && n < 360 && (l = o, u = 0, d = s), l = Math.round((l + c) * 255).toString(16), u = Math.round((u + c) * 255).toString(16), d = Math.round((d + c) * 255).toString(16), C.utils.pAL(l, u, d, a);
+	},
+	RgbA(e) {
+		let t = w.rgbA.exec(e), n = parseInt(t[2], 10).toString(16), r = parseInt(t[3], 10).toString(16), i = parseInt(t[4], 10).toString(16), a = t[5];
+		return C.utils.pAL(n, r, i, a);
+	},
+	utils: { pAL(e, t, n, r) {
+		return e.length == 1 && (e = "0" + e), t.length == 1 && (t = "0" + t), n.length == 1 && (n = "0" + n), r === void 0 ? "#" + e + t + n : (r = Math.round(parseInt(r) * 255).toString(16), r.length == 1 && (r = "0" + r), "#" + e + t + n + r);
+	} }
+}, w = {
+	hex: /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/,
+	hslA: /(hsl)a?\(\s*?(\d+),?\s*?(\d+)%,?\s*?(\d+)%,?\s*?\/?(\s*?[\d.]+)?\s*?\)/,
+	rgbA: /(rgb)a?\(\s*?(\d+),?\s*?(\d+),?\s*?(\d+),?\s*?\/?(\s*?[\d.]+)?\s*?\)/,
+	semiDesignTokens: /(\w+)?-?(\w+)-?(\d)?/
+}, T = {
+	ALONG: ["black", "white"],
+	SEQUENCE: [
+		"amber",
+		"blue",
+		"cyan",
+		"green",
+		"grey",
+		"indigo",
+		"light-blue",
+		"light-green",
+		"lime",
+		"orange",
+		"pink",
+		"purple",
+		"red",
+		"teal",
+		"violet",
+		"yellow"
+	]
+}, E = c({
+	name: "ProgressNodeRenderer",
+	props: { content: {
+		type: null,
+		default: void 0
+	} },
+	setup(e) {
+		return () => e.content;
+	}
+}), D = [
+	"id",
+	"aria-label",
+	"aria-labelledby",
+	"aria-valuenow",
+	"aria-valuetext"
+], O = ["height", "width"], k = [
+	"cx",
+	"cy",
+	"r",
+	"stroke-dasharray",
+	"stroke-linecap",
+	"stroke-width"
+], A = [
+	"cx",
+	"cy",
+	"r",
+	"stroke-dasharray",
+	"stroke-dashoffset",
+	"stroke-linecap",
+	"stroke-width"
+], j = {
+	key: 0,
+	class: "semi-progress-circle-text"
+}, M = /* @__PURE__ */ c({
+	name: "ProgressCircle",
+	inheritAttrs: !1,
+	__name: "ProgressCircle",
+	props: {
+		ariaLabel: {},
+		ariaLabelledby: {},
+		ariaValuetext: {},
+		content: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		dataAttrs: {},
+		id: {},
+		nativeClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		nativeStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		orbitStroke: {},
+		percent: {},
+		percentNumber: {},
+		rootClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		rootStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		showInfo: { type: Boolean },
+		size: {},
+		stroke: {},
+		strokeLinecap: {},
+		strokeWidth: {},
+		width: {}
+	},
+	setup(e) {
+		let t = e, r = n(() => t.width ? t.width : t.size === "default" ? 72 : 24), c = n(() => (r.value - t.strokeWidth) / 2), d = n(() => c.value * 2 * Math.PI), p = n(() => `${d.value} ${d.value}`), h = n(() => (1 - t.percent / 100) * d.value), g = n(() => [
+			"semi-progress-circle",
+			t.rootClass,
+			t.nativeClass
+		]), _ = n(() => [t.rootStyle, t.nativeStyle]);
+		return (e, n) => (f(), a("div", l(t.dataAttrs, {
+			id: t.id,
+			"aria-label": t.ariaLabel,
+			"aria-labelledby": t.ariaLabelledby,
+			"aria-valuemax": 100,
+			"aria-valuemin": 0,
+			"aria-valuenow": t.percentNumber,
+			"aria-valuetext": t.ariaValuetext,
+			class: g.value,
+			role: "progressbar",
+			style: _.value
+		}), [(f(), a("svg", {
+			"aria-hidden": "true",
+			class: "semi-progress-circle-ring",
+			height: r.value,
+			width: r.value
+		}, [o("circle", {
+			"aria-hidden": "true",
+			class: "semi-progress-circle-ring-track",
+			cx: r.value / 2,
+			cy: r.value / 2,
+			fill: "transparent",
+			r: c.value,
+			"stroke-dasharray": p.value,
+			"stroke-dashoffset": 0,
+			"stroke-linecap": t.strokeLinecap,
+			"stroke-width": t.strokeWidth,
+			style: u(t.orbitStroke ? { stroke: t.orbitStroke } : void 0)
+		}, null, 12, k), o("circle", {
+			"aria-hidden": "true",
+			class: "semi-progress-circle-ring-inner",
+			cx: r.value / 2,
+			cy: r.value / 2,
+			fill: "transparent",
+			r: c.value,
+			"stroke-dasharray": p.value,
+			"stroke-dashoffset": h.value,
+			"stroke-linecap": t.strokeLinecap,
+			"stroke-width": t.strokeWidth,
+			style: u(t.stroke ? { stroke: t.stroke } : void 0)
+		}, null, 12, A)], 8, O)), t.showInfo && t.size !== "small" ? (f(), a("span", j, [s(m(E), { content: t.content }, null, 8, ["content"])])) : i("", !0)], 16, D));
+	}
+}), N = [
+	"id",
+	"aria-label",
+	"aria-labelledby",
+	"aria-valuenow",
+	"aria-valuetext"
+], P = {
+	key: 0,
+	class: "semi-progress-line-text"
+}, F = /* @__PURE__ */ c({
+	name: "ProgressLine",
+	inheritAttrs: !1,
+	__name: "ProgressLine",
+	props: {
+		ariaLabel: {},
+		ariaLabelledby: {},
+		ariaValuetext: {},
+		content: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		dataAttrs: {},
+		direction: {},
+		id: {},
+		nativeClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		nativeStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		orbitStroke: {},
+		percent: {},
+		rootClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		rootStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		size: {},
+		stroke: {},
+		showInfo: { type: Boolean }
+	},
+	setup(e) {
+		let t = e, r = n(() => [
+			"semi-progress",
+			t.direction === "horizontal" ? "semi-progress-horizontal" : "semi-progress-vertical",
+			t.size === "large" ? "semi-progress-large" : void 0,
+			t.rootClass,
+			t.nativeClass
+		]), c = n(() => [t.rootStyle, t.nativeStyle]), d = n(() => ({
+			background: t.stroke,
+			[t.direction === "horizontal" ? "width" : "height"]: `${t.percent}%`
+		}));
+		return (e, n) => (f(), a("div", l(t.dataAttrs, {
+			id: t.id,
+			"aria-label": t.ariaLabel,
+			"aria-labelledby": t.ariaLabelledby,
+			"aria-valuemax": 100,
+			"aria-valuemin": 0,
+			"aria-valuenow": t.percent,
+			"aria-valuetext": t.ariaValuetext,
+			class: r.value,
+			role: "progressbar",
+			style: c.value
+		}), [o("div", {
+			"aria-hidden": "true",
+			class: "semi-progress-track",
+			style: u(t.orbitStroke ? { backgroundColor: t.orbitStroke } : void 0)
+		}, [o("div", {
+			"aria-hidden": "true",
+			class: "semi-progress-track-inner",
+			style: u(d.value)
+		}, null, 4)], 4), t.showInfo ? (f(), a("div", P, [s(m(E), { content: t.content }, null, 8, ["content"])])) : i("", !0)], 16, N));
+	}
+}), I = /* @__PURE__ */ c({
+	name: "Progress",
+	inheritAttrs: !1,
+	__name: "Progress",
+	props: {
+		ariaLabel: {},
+		ariaLabelledby: {},
+		ariaValuetext: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		className: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: ""
+		},
+		direction: { default: "horizontal" },
+		format: {
+			type: Function,
+			default: (e) => `${e}%`
+		},
+		id: {},
+		motion: {
+			type: [
+				Boolean,
+				Object,
+				Function
+			],
+			default: !0
+		},
+		orbitStroke: {},
+		percent: { default: 0 },
+		showInfo: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "default" },
+		stroke: {},
+		strokeGradient: {
+			type: Boolean,
+			default: !1
+		},
+		strokeLinecap: { default: "round" },
+		strokeWidth: { default: 4 },
+		style: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		type: { default: "line" },
+		width: {}
+	},
+	setup(t) {
+		let i = t, a = h(), o = g(), s = p(i.percent), c, l = !0;
+		function u(e) {
+			return e > 100 ? 100 : e < 0 ? 0 : e;
+		}
+		function v() {
+			c?.destroy(), c = void 0;
+		}
+		_(() => i.percent, (t, n) => {
+			if (Number.isNaN(t) || Number.isNaN(n)) throw Error("[Semi Progress]:percent can not be NaN");
+			if (v(), !i.motion) {
+				s.value = t;
+				return;
+			}
+			c = new e({
+				from: { value: n },
+				to: { value: t }
+			}, {
+				duration: 300,
+				easing: "linear"
+			}), c.on("frame", ({ value: e }) => {
+				l && (s.value = Number.parseInt(String(e), 10));
+			}), c.on("rest", () => {
+				l && (s.value = i.percent);
+			}), c.start();
+		}), d(() => {
+			l = !1, v();
+		});
+		let b = n(() => u(i.percent)), x = n(() => u(s.value)), S = n(() => i.ariaLabel ?? a["aria-label"]), C = n(() => i.ariaLabelledby ?? a["aria-labelledby"]), w = n(() => i.ariaValuetext ?? a["aria-valuetext"]), T = n(() => {
+			if (typeof i.stroke == "string") return i.stroke;
+			if (i.stroke) return y(i.stroke, i.percent, i.strokeGradient);
+		}), E = n(() => {
+			let e = x.value;
+			return o.format?.({ percent: e }) ?? i.format(e);
+		}), D = n(() => Object.fromEntries(Object.entries(a).filter(([e]) => e.startsWith("data-"))));
+		return (e, t) => i.type === "line" ? (f(), r(F, {
+			key: 0,
+			id: i.id,
+			"aria-label": S.value,
+			"aria-labelledby": C.value,
+			"aria-valuetext": w.value,
+			content: E.value,
+			"data-attrs": D.value,
+			direction: i.direction,
+			"native-class": m(a).class,
+			"native-style": m(a).style,
+			"orbit-stroke": i.orbitStroke,
+			percent: b.value,
+			"root-class": [i.class, i.className],
+			"root-style": i.style,
+			"show-info": i.showInfo,
+			size: i.size,
+			stroke: T.value
+		}, null, 8, [
+			"id",
+			"aria-label",
+			"aria-labelledby",
+			"aria-valuetext",
+			"content",
+			"data-attrs",
+			"direction",
+			"native-class",
+			"native-style",
+			"orbit-stroke",
+			"percent",
+			"root-class",
+			"root-style",
+			"show-info",
+			"size",
+			"stroke"
+		])) : (f(), r(M, {
+			key: 1,
+			id: i.id,
+			"aria-label": S.value,
+			"aria-labelledby": C.value,
+			"aria-valuetext": w.value,
+			content: E.value,
+			"data-attrs": D.value,
+			"native-class": m(a).class,
+			"native-style": m(a).style,
+			"orbit-stroke": i.orbitStroke,
+			percent: b.value,
+			"percent-number": x.value,
+			"root-class": [i.class, i.className],
+			"root-style": i.style,
+			"show-info": i.showInfo,
+			size: i.size,
+			stroke: T.value,
+			"stroke-linecap": i.strokeLinecap,
+			"stroke-width": i.strokeWidth,
+			width: i.width
+		}, null, 8, [
+			"id",
+			"aria-label",
+			"aria-labelledby",
+			"aria-valuetext",
+			"content",
+			"data-attrs",
+			"native-class",
+			"native-style",
+			"orbit-stroke",
+			"percent",
+			"percent-number",
+			"root-class",
+			"root-style",
+			"show-info",
+			"size",
+			"stroke",
+			"stroke-linecap",
+			"stroke-width",
+			"width"
+		]));
+	}
+});
+//#endregion
+export { I as t };

package/dist/SBOM.spdx.json

@@ -0,0 +1,165 @@
+{
+  "spdxVersion": "SPDX-2.3",
+  "dataLicense": "CC0-1.0",
+  "SPDXID": "SPDXRef-DOCUMENT",
+  "name": "@aifuxi/semi-ui-vue-0.1.0-alpha.0",
+  "documentNamespace": "https://github.com/aifuxi/semi-ui-vue/spdx/%40aifuxi%2Fsemi-ui-vue/0.1.0-alpha.0/cdfba6e520fc83ad871b30f51f36d8af3aaa5a21/bd3afe62f095a6c0",
+  "documentDescribes": [
+    "SPDXRef-Package-Workspace"
+  ],
+  "creationInfo": {
+    "created": "2026-08-30T08:40:30.454Z",
+    "creators": [
+      "Tool: semi-ui-vue-workspace"
+    ]
+  },
+  "packages": [
+    {
+      "SPDXID": "SPDXRef-Package-Workspace",
+      "name": "@aifuxi/semi-ui-vue",
+      "versionInfo": "0.1.0-alpha.0",
+      "supplier": "Person: aifuxi",
+      "downloadLocation": "https://github.com/aifuxi/semi-ui-vue",
+      "filesAnalyzed": false,
+      "licenseConcluded": "MIT",
+      "licenseDeclared": "MIT",
+      "primaryPackagePurpose": "LIBRARY"
+    },
+    {
+      "SPDXID": "SPDXRef-Package-Semi-Design",
+      "name": "@douyinfe/semi-design",
+      "versionInfo": "2.102.0",
+      "supplier": "Organization: DouyinFE",
+      "downloadLocation": "https://github.com/DouyinFE/semi-design",
+      "filesAnalyzed": false,
+      "licenseConcluded": "MIT",
+      "licenseDeclared": "MIT",
+      "externalRefs": [
+        {
+          "referenceCategory": "PACKAGE-MANAGER",
+          "referenceType": "purl",
+          "referenceLocator": "pkg:github/DouyinFE/semi-design@cdfba6e520fc83ad871b30f51f36d8af3aaa5a21"
+        }
+      ]
+    },
+    {
+      "SPDXID": "SPDXRef-Package--aifuxi-semi-icons-vue",
+      "name": "@aifuxi/semi-icons-vue",
+      "versionInfo": "0.1.0-alpha.0",
+      "downloadLocation": "NOASSERTION",
+      "filesAnalyzed": false,
+      "licenseConcluded": "NOASSERTION",
+      "licenseDeclared": "NOASSERTION"
+    },
+    {
+      "SPDXID": "SPDXRef-Package-async-validator",
+      "name": "async-validator",
+      "versionInfo": "3.5.2",
+      "downloadLocation": "NOASSERTION",
+      "filesAnalyzed": false,
+      "licenseConcluded": "MIT",
+      "licenseDeclared": "MIT"
+    },
+    {
+      "SPDXID": "SPDXRef-Package-bezier-easing",
+      "name": "bezier-easing",
+      "versionInfo": "2.1.0",
+      "downloadLocation": "NOASSERTION",
+      "filesAnalyzed": false,
+      "licenseConcluded": "MIT",
+      "licenseDeclared": "MIT"
+    },
+    {
+      "SPDXID": "SPDXRef-Package-date-fns",
+      "name": "date-fns",
+      "versionInfo": "2.30.0",
+      "downloadLocation": "NOASSERTION",
+      "filesAnalyzed": false,
+      "licenseConcluded": "MIT",
+      "licenseDeclared": "MIT"
+    },
+    {
+      "SPDXID": "SPDXRef-Package-date-fns-tz",
+      "name": "date-fns-tz",
+      "versionInfo": "1.3.8",
+      "downloadLocation": "NOASSERTION",
+      "filesAnalyzed": false,
+      "licenseConcluded": "MIT",
+      "licenseDeclared": "MIT"
+    },
+    {
+      "SPDXID": "SPDXRef-Package-lodash",
+      "name": "lodash",
+      "versionInfo": "4.17.21",
+      "downloadLocation": "NOASSERTION",
+      "filesAnalyzed": false,
+      "licenseConcluded": "MIT",
+      "licenseDeclared": "MIT"
+    },
+    {
+      "SPDXID": "SPDXRef-Package-scroll-into-view-if-needed",
+      "name": "scroll-into-view-if-needed",
+      "versionInfo": "2.2.31",
+      "downloadLocation": "NOASSERTION",
+      "filesAnalyzed": false,
+      "licenseConcluded": "MIT",
+      "licenseDeclared": "MIT"
+    },
+    {
+      "SPDXID": "SPDXRef-Package-vue",
+      "name": "vue",
+      "versionInfo": ">=3.5.0",
+      "downloadLocation": "NOASSERTION",
+      "filesAnalyzed": false,
+      "licenseConcluded": "NOASSERTION",
+      "licenseDeclared": "NOASSERTION"
+    }
+  ],
+  "relationships": [
+    {
+      "spdxElementId": "SPDXRef-Package-Workspace",
+      "relationshipType": "DERIVED_FROM",
+      "relatedSpdxElement": "SPDXRef-Package-Semi-Design"
+    },
+    {
+      "spdxElementId": "SPDXRef-Package-Workspace",
+      "relationshipType": "DEPENDS_ON",
+      "relatedSpdxElement": "SPDXRef-Package--aifuxi-semi-icons-vue"
+    },
+    {
+      "spdxElementId": "SPDXRef-Package-Workspace",
+      "relationshipType": "DEPENDS_ON",
+      "relatedSpdxElement": "SPDXRef-Package-async-validator"
+    },
+    {
+      "spdxElementId": "SPDXRef-Package-Workspace",
+      "relationshipType": "DEPENDS_ON",
+      "relatedSpdxElement": "SPDXRef-Package-bezier-easing"
+    },
+    {
+      "spdxElementId": "SPDXRef-Package-Workspace",
+      "relationshipType": "DEPENDS_ON",
+      "relatedSpdxElement": "SPDXRef-Package-date-fns"
+    },
+    {
+      "spdxElementId": "SPDXRef-Package-Workspace",
+      "relationshipType": "DEPENDS_ON",
+      "relatedSpdxElement": "SPDXRef-Package-date-fns-tz"
+    },
+    {
+      "spdxElementId": "SPDXRef-Package-Workspace",
+      "relationshipType": "DEPENDS_ON",
+      "relatedSpdxElement": "SPDXRef-Package-lodash"
+    },
+    {
+      "spdxElementId": "SPDXRef-Package-Workspace",
+      "relationshipType": "DEPENDS_ON",
+      "relatedSpdxElement": "SPDXRef-Package-scroll-into-view-if-needed"
+    },
+    {
+      "spdxElementId": "SPDXRef-Package-Workspace",
+      "relationshipType": "DEPENDS_ON",
+      "relatedSpdxElement": "SPDXRef-Package-vue"
+    }
+  ]
+}