@morningfast/platform 0.0.6

package/dist/chunks/app-Cn5iHmfI.js

@@ -0,0 +1,221 @@
+import { computed as e, ref as t } from "vue";
+import { defineStore as n } from "pinia";
+//#region src/main/utils/theme.ts
+var r = "theme-color", i = "theme-mode", a = "theme-position", o = [
+	{
+		label: "默认蓝",
+		value: "#409EFF"
+	},
+	{
+		label: "深蓝色",
+		value: "#0960BE"
+	},
+	{
+		label: "靛蓝色",
+		value: "#045277"
+	},
+	{
+		label: "天空蓝",
+		value: "#78B5FE"
+	},
+	{
+		label: "深绿色",
+		value: "#0C522B"
+	},
+	{
+		label: "翡翠绿",
+		value: "#009773"
+	},
+	{
+		label: "浅绿色",
+		value: "#0BD092"
+	},
+	{
+		label: "紫罗兰",
+		value: "#7166F0"
+	},
+	{
+		label: "樱花粉",
+		value: "#FFB7C5"
+	},
+	{
+		label: "柠檬黄",
+		value: "#EFBD48"
+	},
+	{
+		label: "橙黄色",
+		value: "#C1420B"
+	},
+	{
+		label: "玫瑰红",
+		value: "#BB1B1B"
+	},
+	{
+		label: "锌色灰",
+		value: "#3F3F46"
+	},
+	{
+		label: "中性灰",
+		value: "#404040"
+	},
+	{
+		label: "石板灰",
+		value: "#344256"
+	}
+];
+function s() {
+	return localStorage.getItem(r) || "#409EFF";
+}
+function c() {
+	let e = localStorage.getItem(i);
+	return e === "light" || e === "dark" || e === "system" ? e : "light";
+}
+function l(e) {
+	localStorage.setItem(r, e);
+}
+function u(e) {
+	localStorage.setItem(i, e);
+}
+function d() {
+	let e = localStorage.getItem(a);
+	return e === "none" || e === "header" || e === "sidebar" ? e : "none";
+}
+function f(e) {
+	localStorage.setItem(a, e);
+}
+function p() {
+	return window.matchMedia("(prefers-color-scheme: dark)").matches;
+}
+function m(e) {
+	return e === "dark" || e === "system" && p();
+}
+function h(e) {
+	let t = m(e);
+	document.documentElement.classList.toggle("dark", t), document.documentElement.style.colorScheme = t ? "dark" : "light";
+}
+function g(e) {
+	let t = document.documentElement, n = t.classList.contains("dark");
+	t.style.setProperty("--el-color-primary", e), t.style.setProperty("--el-color-primary-light-3", x(e, n ? "#000000" : "#ffffff", .3)), t.style.setProperty("--el-color-primary-light-5", x(e, n ? "#000000" : "#ffffff", .5)), t.style.setProperty("--el-color-primary-light-7", x(e, n ? "#000000" : "#ffffff", .7)), t.style.setProperty("--el-color-primary-light-8", x(e, n ? "#000000" : "#ffffff", .8)), t.style.setProperty("--el-color-primary-light-9", x(e, n ? "#000000" : "#ffffff", .9)), t.style.setProperty("--el-color-primary-dark-2", x(e, n ? "#ffffff" : "#000000", .2));
+}
+function _() {
+	h(c()), g(s()), v(d());
+}
+function v(e) {
+	document.documentElement.setAttribute("data-theme-position", e);
+}
+function y(e = 50) {
+	return new Promise((t) => {
+		setTimeout(() => {
+			g(s()), t();
+		}, e);
+	});
+}
+async function b(e, t) {
+	if (!document.startViewTransition) {
+		t(), await y();
+		return;
+	}
+	let n = e.clientX, r = e.clientY, i = Math.hypot(Math.max(n, innerWidth - n), Math.max(r, innerHeight - r));
+	try {
+		document.startViewTransition(() => {
+			t();
+		}).ready.then(() => {
+			let e = 100 * n / innerWidth, t = 100 * r / innerHeight, a = Math.hypot(innerWidth, innerHeight) / Math.SQRT2, o = 100 * i / a, s = [`circle(0% at ${e}% ${t}%)`, `circle(${o}% at ${e}% ${t}%)`], c = document.documentElement.classList.contains("dark");
+			document.documentElement.animate({ clipPath: c ? s.reverse() : s }, {
+				duration: 400,
+				easing: "ease-in",
+				fill: "both",
+				pseudoElement: c ? "::view-transition-old(root)" : "::view-transition-new(root)"
+			});
+		}), await y();
+	} catch {
+		t(), await y();
+	}
+}
+function x(e, t, n) {
+	let [r, i, a] = S(e), [o, s, c] = S(t), l = (e, t) => Math.round(e * (1 - n) + t * n);
+	return `rgb(${l(r, o)}, ${l(i, s)}, ${l(a, c)})`;
+}
+function S(e) {
+	let t = e.replace("#", ""), n = t.length === 3 ? t.split("").map((e) => e + e).join("") : t, r = Number.parseInt(n, 16);
+	return [
+		r >> 16 & 255,
+		r >> 8 & 255,
+		r & 255
+	];
+}
+//#endregion
+//#region src/main/stores/app.ts
+var C = "sidebar-collapsed", w = "menu-search-placement", T = "layout-mode", E = "top-menu-path", D = n("app", () => {
+	let n = t(localStorage.getItem(C) === "true"), r = t(!1), i = t("theme"), a = t(c()), o = t(s()), y = t(d()), b = t(localStorage.getItem(T) || "side"), x = t(localStorage.getItem(w) || "header"), S = t(localStorage.getItem(E) || ""), D = t(!0), O = e(() => m(a.value)), k = e(() => b.value === "top" ? ["header"] : ["header", "sidebar"]), A = e(() => b.value !== "top" && x.value === "sidebar");
+	function j() {
+		n.value = !n.value;
+	}
+	function M(e) {
+		n.value = e, localStorage.setItem(C, String(n.value));
+	}
+	function N(e = "theme") {
+		i.value = e, r.value = !0;
+	}
+	function P() {
+		r.value = !1;
+	}
+	function F(e) {
+		r.value = e;
+	}
+	function I(e) {
+		a.value = e, u(e), h(e), g(o.value);
+	}
+	function L() {
+		I(p() && a.value === "system" || O.value ? "light" : "dark");
+	}
+	function R(e) {
+		o.value = e, l(e), g(e);
+	}
+	function z(e) {
+		y.value = e, f(e), v(e);
+	}
+	function B(e) {
+		b.value = e, localStorage.setItem(T, e), e === "top" && x.value === "sidebar" && V("header");
+	}
+	function V(e) {
+		let t = b.value === "top" ? "header" : e;
+		x.value = t, localStorage.setItem(w, t);
+	}
+	function H(e) {
+		S.value = e, localStorage.setItem(E, e);
+	}
+	function U() {
+		_();
+	}
+	return {
+		closeSettings: P,
+		initializePreferences: U,
+		isDark: O,
+		layoutMode: b,
+		menuSearchPlacement: x,
+		menuSearchPlacementOptions: k,
+		openSettings: N,
+		isSidebarMenuSearch: A,
+		settingsActiveTab: i,
+		selectedTopMenuPath: S,
+		setLayoutMode: B,
+		setMenuSearchPlacement: V,
+		setSelectedTopMenuPath: H,
+		setSettingsVisible: F,
+		setSidebarCollapsed: M,
+		setThemeColor: R,
+		setThemeColorPosition: z,
+		setThemeMode: I,
+		settingsVisible: r,
+		sidebarCollapsed: n,
+		shortcutTipVisible: D,
+		themeColor: o,
+		themeColorPosition: y,
+		themeMode: a,
+		toggleDarkMode: L,
+		toggleSidebar: j
+	};
+});
+//#endregion
+export { b as n, o as r, D as t };

package/dist/chunks/application-config-0d6f-odq.js

@@ -0,0 +1,287 @@
+import { t as e } from "./_plugin-vue_export-helper-DvRHjpsZ.js";
+import { a as t, i as n, n as r } from "./config-DkMAgPn_.js";
+import { ElMessage as i } from "element-plus";
+import { Fragment as a, computed as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, normalizeClass as p, openBlock as m, reactive as h, ref as g, renderList as _, resolveComponent as v, toDisplayString as y, withCtx as b, withModifiers as x } from "vue";
+//#region src/main/pages/system/application-config/index.vue?vue&type=script&setup=true&lang.ts
+var S = { class: "app-config-page" }, C = { class: "app-config-page__apps" }, w = { class: "app-config-section__header" }, T = { class: "app-config-section__title" }, E = { class: "app-config-page__grid" }, D = ["onClick"], ee = { class: "app-config-card__title-row" }, O = { class: "app-config-card__desc" }, k = { class: "app-config-card__path" }, A = { class: "app-config-card__entry" }, j = { class: "app-config-card__footer" }, M = { class: "app-config-card__footer-actions" }, N = {
+	key: 0,
+	class: "app-config-page__empty"
+}, P = { class: "app-config-empty__actions" }, F = { class: "app-config-dialog__footer" }, I = { class: "app-config-remove__text" }, L = { class: "app-config-dialog__footer" }, R = /* @__PURE__ */ e(/* @__PURE__ */ f({
+	__name: "index",
+	setup(e) {
+		let f = g(!1), R = g("create"), z = g(!1), B = g(!1), V = g(!1), H = g(null), U = g(J()), W = g(U.value[0]?.id || ""), G = g(""), K = h(Y()), q = o(() => R.value === "edit" ? "编辑子应用" : R.value === "copy" ? "复制子应用" : "新增子应用");
+		function J() {
+			return r();
+		}
+		function Y() {
+			return {
+				id: "",
+				name: "",
+				description: "",
+				basePath: "",
+				entry: ""
+			};
+		}
+		function X() {
+			R.value = "create", G.value = "", Object.assign(K, Y()), f.value = !0;
+		}
+		function Z(e) {
+			R.value = "edit", G.value = e.id, Object.assign(K, {
+				id: e.id,
+				name: e.name,
+				description: e.description,
+				basePath: e.basePath,
+				entry: e.entry
+			}), f.value = !0;
+		}
+		function te(e) {
+			R.value = "copy", G.value = "", Object.assign(K, {
+				id: "",
+				name: e.name,
+				description: e.description,
+				basePath: e.basePath,
+				entry: e.entry
+			}), f.value = !0;
+		}
+		function ne(e) {
+			H.value = e, B.value = !0;
+		}
+		async function re() {
+			if (!K.name.trim() || !K.basePath.trim()) {
+				i.warning("请先填写子应用名称和路由前缀");
+				return;
+			}
+			if (!K.entry.trim()) {
+				i.warning("请先填写子应用入口地址");
+				return;
+			}
+			z.value = !0;
+			try {
+				let e = {
+					id: G.value || `app-${Date.now()}`,
+					name: K.name.trim(),
+					type: "sub",
+					description: K.description.trim(),
+					basePath: n(K.basePath),
+					entry: K.entry.trim()
+				};
+				R.value === "edit" ? U.value = U.value.map((t) => t.id === G.value ? e : t) : U.value = [e, ...U.value], await $(), W.value = e.id, f.value = !1, i.success(Q());
+			} finally {
+				z.value = !1;
+			}
+		}
+		function Q() {
+			return R.value === "edit" ? "子应用已更新" : R.value === "copy" ? "子应用已复制" : "子应用已新增";
+		}
+		async function ie() {
+			if (!H.value) {
+				B.value = !1;
+				return;
+			}
+			V.value = !0;
+			try {
+				U.value = U.value.filter((e) => e.id !== H.value?.id), await $(), W.value = U.value[0]?.id || "", B.value = !1, i.success("子应用已删除");
+			} finally {
+				V.value = !1, H.value = null;
+			}
+		}
+		async function $() {
+			await t(U.value);
+		}
+		function ae() {
+			G.value = "", Object.assign(K, Y());
+		}
+		return (e, t) => {
+			let n = v("el-tag"), r = v("el-button"), i = v("el-scrollbar"), o = v("el-empty"), h = v("el-input"), g = v("el-form-item"), R = v("el-col"), G = v("el-row"), J = v("el-alert"), Y = v("el-form"), Q = v("el-dialog");
+			return m(), c("div", S, [
+				l("section", C, [l("div", w, [l("div", T, [t[9] ||= l("h2", null, "子应用", -1), d(n, {
+					size: "small",
+					effect: "plain"
+				}, {
+					default: b(() => [u(y(U.value.length), 1)]),
+					_: 1
+				})]), d(r, {
+					type: "primary",
+					onClick: X
+				}, {
+					default: b(() => [...t[10] ||= [u("新增子应用", -1)]]),
+					_: 1
+				})]), d(i, { class: "app-config-page__scroll" }, {
+					default: b(() => [l("div", E, [(m(!0), c(a, null, _(U.value, (e) => (m(), c("article", {
+						key: e.id,
+						class: p(["app-config-card", { "is-active": W.value === e.id }]),
+						onClick: (t) => W.value = e.id
+					}, [
+						l("div", ee, [l("h2", null, y(e.name), 1), d(n, {
+							type: "success",
+							effect: "plain",
+							size: "small"
+						}, {
+							default: b(() => [...t[11] ||= [u("子应用", -1)]]),
+							_: 1
+						})]),
+						l("p", O, y(e.description || "暂无子应用说明"), 1),
+						l("div", k, y(e.basePath), 1),
+						l("div", A, y(e.entry), 1),
+						l("div", j, [t[15] ||= l("span", { class: "app-config-card__mount" }, "qiankun", -1), l("div", M, [
+							d(r, {
+								type: "primary",
+								link: "",
+								onClick: x((t) => Z(e), ["stop"])
+							}, {
+								default: b(() => [...t[12] ||= [u("配置", -1)]]),
+								_: 1
+							}, 8, ["onClick"]),
+							d(r, {
+								type: "primary",
+								link: "",
+								onClick: x((t) => te(e), ["stop"])
+							}, {
+								default: b(() => [...t[13] ||= [u("复制", -1)]]),
+								_: 1
+							}, 8, ["onClick"]),
+							d(r, {
+								type: "danger",
+								link: "",
+								onClick: x((t) => ne(e), ["stop"])
+							}, {
+								default: b(() => [...t[14] ||= [u("删除", -1)]]),
+								_: 1
+							}, 8, ["onClick"])
+						])])
+					], 10, D))), 128))])]),
+					_: 1
+				})]),
+				U.value.length ? s("", !0) : (m(), c("section", N, [d(o, { description: "暂无子应用配置" }, {
+					default: b(() => [l("div", P, [d(r, {
+						type: "primary",
+						onClick: X
+					}, {
+						default: b(() => [...t[16] ||= [u("新增子应用", -1)]]),
+						_: 1
+					})])]),
+					_: 1
+				})])),
+				d(Q, {
+					modelValue: f.value,
+					"onUpdate:modelValue": t[6] ||= (e) => f.value = e,
+					title: q.value,
+					width: "720px",
+					"destroy-on-close": "",
+					onClosed: ae
+				}, {
+					footer: b(() => [l("div", F, [d(r, { onClick: t[5] ||= (e) => f.value = !1 }, {
+						default: b(() => [...t[17] ||= [u("取消", -1)]]),
+						_: 1
+					}), d(r, {
+						type: "primary",
+						loading: z.value,
+						onClick: re
+					}, {
+						default: b(() => [...t[18] ||= [u("保存", -1)]]),
+						_: 1
+					}, 8, ["loading"])])]),
+					default: b(() => [d(Y, {
+						"label-width": "92px",
+						onSubmit: t[4] ||= x(() => {}, ["prevent"])
+					}, {
+						default: b(() => [d(G, { gutter: 16 }, {
+							default: b(() => [
+								d(R, {
+									xs: 24,
+									sm: 12
+								}, {
+									default: b(() => [d(g, { label: "子应用名称" }, {
+										default: b(() => [d(h, {
+											modelValue: K.name,
+											"onUpdate:modelValue": t[0] ||= (e) => K.name = e,
+											placeholder: "请输入子应用名称"
+										}, null, 8, ["modelValue"])]),
+										_: 1
+									})]),
+									_: 1
+								}),
+								d(R, {
+									xs: 24,
+									sm: 12
+								}, {
+									default: b(() => [d(g, { label: "路由前缀" }, {
+										default: b(() => [d(h, {
+											modelValue: K.basePath,
+											"onUpdate:modelValue": t[1] ||= (e) => K.basePath = e,
+											placeholder: "例如 /micro/sub-app"
+										}, null, 8, ["modelValue"])]),
+										_: 1
+									})]),
+									_: 1
+								}),
+								d(R, {
+									xs: 24,
+									sm: 12
+								}, {
+									default: b(() => [d(g, { label: "入口地址" }, {
+										default: b(() => [d(h, {
+											modelValue: K.entry,
+											"onUpdate:modelValue": t[2] ||= (e) => K.entry = e,
+											placeholder: "例如 http://localhost:5174"
+										}, null, 8, ["modelValue"])]),
+										_: 1
+									})]),
+									_: 1
+								}),
+								d(R, { xs: 24 }, {
+									default: b(() => [d(g, { label: "子应用说明" }, {
+										default: b(() => [d(h, {
+											modelValue: K.description,
+											"onUpdate:modelValue": t[3] ||= (e) => K.description = e,
+											type: "textarea",
+											rows: 3,
+											placeholder: "请输入子应用说明"
+										}, null, 8, ["modelValue"])]),
+										_: 1
+									})]),
+									_: 1
+								})
+							]),
+							_: 1
+						}), d(J, {
+							type: "info",
+							closable: !1,
+							"show-icon": "",
+							title: "当前页面只维护子应用；系统壳本身不作为应用配置项维护。"
+						})]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["modelValue", "title"]),
+				d(Q, {
+					modelValue: B.value,
+					"onUpdate:modelValue": t[8] ||= (e) => B.value = e,
+					title: "删除子应用",
+					width: "420px",
+					"destroy-on-close": ""
+				}, {
+					footer: b(() => [l("div", L, [d(r, { onClick: t[7] ||= (e) => B.value = !1 }, {
+						default: b(() => [...t[21] ||= [u("取消", -1)]]),
+						_: 1
+					}), d(r, {
+						type: "danger",
+						loading: V.value,
+						onClick: ie
+					}, {
+						default: b(() => [...t[22] ||= [u("确认删除", -1)]]),
+						_: 1
+					}, 8, ["loading"])])]),
+					default: b(() => [l("p", I, [
+						t[19] ||= u(" 确认删除 ", -1),
+						l("strong", null, y(H.value?.name), 1),
+						t[20] ||= u(" 吗？删除后本地子应用配置会立即移除。 ", -1)
+					])]),
+					_: 1
+				}, 8, ["modelValue"])
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-0066cec3"]]);
+//#endregion
+export { R as default };