@pubinfo/core 2.1.11 → 2.1.13-beta.1

package/dist/SettingThemes-DaRKZ2Q3.js

@@ -0,0 +1,123 @@
+import "./modal-ybprgEqf.js";
+import { w as e } from "./auth-BVTDpkDr.js";
+import "./watchDiff-DJP3s9bb.js";
+import { t } from "./_plugin-vue_export-helper-CsLplWgU.js";
+import { n } from "./useContext-Dlqfap_7.js";
+import { t as r } from "./HDivider-BSj2DiEY.js";
+import { Fragment as i, computed as a, createBlock as o, createElementBlock as s, createElementVNode as c, createStaticVNode as l, createVNode as u, defineComponent as d, isRef as f, markRaw as p, normalizeClass as m, normalizeStyle as h, openBlock as g, renderList as _, toDisplayString as v, toRef as y, unref as b, useModel as x, vModelCheckbox as S, withCtx as C, withDirectives as w } from "vue";
+import { getThemes as T } from "@pubinfo/config/themes";
+//#region ~icons/jam/bookmark-f
+var E = {
+	viewBox: "-5 -2 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function D(e, t) {
+	return g(), s("svg", E, [...t[0] ||= [c("path", {
+		fill: "currentColor",
+		d: "M3 0h8a3 3 0 0 1 3 3v15a2 2 0 0 1-3.348 1.477L7.674 16.76a1 1 0 0 0-1.348 0l-2.978 2.717A2 2 0 0 1 0 18V3a3 3 0 0 1 3-3"
+	}, null, -1)]]);
+}
+var O = p({
+	name: "jam-bookmark-f",
+	render: D
+}), k = {
+	viewBox: "0 0 16 16",
+	width: "1.2em",
+	height: "1.2em"
+};
+function A(e, t) {
+	return g(), s("svg", k, [...t[0] ||= [c("path", {
+		fill: "currentColor",
+		"fill-rule": "evenodd",
+		d: "M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m3.78-9.72a.75.75 0 0 0-1.06-1.06L6.75 9.19L5.53 7.97a.75.75 0 0 0-1.06 1.06l1.75 1.75a.75.75 0 0 0 1.06 0z",
+		"clip-rule": "evenodd"
+	}, null, -1)]]);
+}
+var j = p({
+	name: "pajamas-check-circle-filled",
+	render: A
+}), M = {
+	flex: "",
+	"justify-center": "",
+	"pb-15px": ""
+}, N = { class: "toggleWrapper" }, P = /* @__PURE__ */ t(/* @__PURE__ */ d({
+	name: "DayNightToggle",
+	__name: "DayNightToggle",
+	props: {
+		modelValue: {},
+		modelModifiers: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e) {
+		let t = x(e, "modelValue");
+		return (e, n) => (g(), s("div", M, [c("div", N, [w(c("input", {
+			id: "dn",
+			"onUpdate:modelValue": n[0] ||= (e) => t.value = e,
+			type: "checkbox",
+			class: "dn"
+		}, null, 512), [[S, t.value]]), n[1] ||= l("<label for=\"dn\" class=\"toggle\" data-v-5b2fff8a><span class=\"toggle__handler\" data-v-5b2fff8a><span class=\"crater crater--1\" data-v-5b2fff8a></span><span class=\"crater crater--2\" data-v-5b2fff8a></span><span class=\"crater crater--3\" data-v-5b2fff8a></span></span><span class=\"star star--1\" data-v-5b2fff8a></span><span class=\"star star--2\" data-v-5b2fff8a></span><span class=\"star star--3\" data-v-5b2fff8a></span><span class=\"star star--4\" data-v-5b2fff8a></span><span class=\"star star--5\" data-v-5b2fff8a></span><span class=\"star star--6\" data-v-5b2fff8a></span></label>", 1)])]));
+	}
+}), [["__scopeId", "data-v-5b2fff8a"]]), F = { class: "themes" }, I = ["onClick"], L = {
+	class: "theme-type",
+	flex: "",
+	"items-center": ""
+}, R = { class: "theme-point" }, z = { class: "explosion" }, B = /* @__PURE__ */ t(/* @__PURE__ */ d({
+	name: "SettingThemes",
+	__name: "SettingThemes",
+	setup(t) {
+		let { isDark: l } = e(), { settingsStore: d } = n(), p = y(d.settings, "app"), x = [
+			"--ui-primary",
+			"--ui-text",
+			"--g-bg",
+			"--g-header-bg",
+			"--g-main-sidebar-bg",
+			"--g-sub-sidebar-bg"
+		], S = a(() => {
+			let e = T();
+			return Object.keys(e).map((t) => {
+				let n = e[t];
+				return {
+					label: t,
+					value: n,
+					colors: x.map((e) => n[e].startsWith("#") ? n[e] : `rgb(${n[e]})`),
+					name: e[t].label
+				};
+			}).filter((e) => e.value["color-scheme"] === p.value.colorScheme);
+		});
+		function w(e) {
+			let t = e.label;
+			l.value ? p.value.darkTheme = t : p.value.lightTheme = t;
+		}
+		return (e, t) => {
+			let n = r;
+			return g(), o(n, { title: "颜色主题风格" }, {
+				default: C(() => [c("div", null, [u(P, {
+					modelValue: b(l),
+					"onUpdate:modelValue": t[0] ||= (e) => f(l) ? l.value = e : null
+				}, null, 8, ["modelValue"])]), c("div", F, [(g(!0), s(i, null, _(b(S), (e) => (g(), s("div", {
+					key: e.label,
+					class: m(["theme", { active: b(l) ? b(p).darkTheme === e.label : b(p).lightTheme === e.label }]),
+					onClick: (t) => w(e)
+				}, [
+					c("div", L, [c("span", {
+						style: h({ color: e.colors.at(0) }),
+						"mr-5px": ""
+					}, [u(b(O))], 4), c("span", {
+						style: h({ color: e.colors.at(0) }),
+						"text-sm": ""
+					}, v(e.name || e.label), 5)]),
+					c("div", R, [(g(!0), s(i, null, _(e.colors, (e) => (g(), s("div", {
+						key: e,
+						class: "point",
+						style: h({ backgroundColor: e })
+					}, null, 4))), 128))]),
+					c("div", z, [u(b(j))])
+				], 10, I))), 128))])]),
+				_: 1
+			});
+		};
+	}
+}), [["__scopeId", "data-v-0ba0f196"]]);
+//#endregion
+export { B as default };

package/dist/SettingToolbar-Cx_Mz_EP.js

@@ -0,0 +1,52 @@
+import { n as e } from "./useContext-Dlqfap_7.js";
+import { t } from "./HTooltip-B8aoK5uN.js";
+import { t as n } from "./HDivider-BSj2DiEY.js";
+import { t as r } from "./HToggle-BTft_PNT.js";
+import { t as i } from "./question-line-BzrfPWnG.js";
+import { createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, openBlock as f, toRef as p, unref as m, withCtx as h } from "vue";
+//#region src/built-in/layout-component/components/SettingBar/components/SettingToolbar.vue?vue&type=script&setup=true&lang.ts
+var g = { class: "setting-item" }, _ = { class: "label" }, v = {
+	key: 0,
+	class: "setting-item"
+}, y = { class: "setting-item" }, b = { class: "label" }, x = { class: "setting-item" }, S = { class: "label" }, C = /* @__PURE__ */ d({
+	name: "SettingToolbar",
+	__name: "SettingToolbar",
+	setup(d) {
+		let { settingsStore: C } = e(), w = p(C.settings, "toolbar");
+		return (e, d) => {
+			let p = t, T = r, E = n;
+			return f(), a(E, { title: "工具栏" }, {
+				default: h(() => [
+					c("div", g, [c("div", _, [d[4] ||= l(" 通知中心 ", -1), u(p, { text: "该功能具体业务功能需自行开发，框架仅提供示例模版" }, {
+						default: h(() => [u(m(i))]),
+						_: 1
+					})]), u(T, {
+						modelValue: m(w).enableNotification,
+						"onUpdate:modelValue": d[0] ||= (e) => m(w).enableNotification = e
+					}, null, 8, ["modelValue"])]),
+					m(C).mode === "pc" ? (f(), s("div", v, [d[5] ||= c("div", { class: "label" }, " 全屏 ", -1), u(T, {
+						modelValue: m(w).enableFullscreen,
+						"onUpdate:modelValue": d[1] ||= (e) => m(w).enableFullscreen = e
+					}, null, 8, ["modelValue"])])) : o("", !0),
+					c("div", y, [c("div", b, [d[6] ||= l(" 页面刷新 ", -1), u(p, { text: "使用框架内提供的刷新功能进行页面刷新" }, {
+						default: h(() => [u(m(i))]),
+						_: 1
+					})]), u(T, {
+						modelValue: m(w).enablePageReload,
+						"onUpdate:modelValue": d[2] ||= (e) => m(w).enablePageReload = e
+					}, null, 8, ["modelValue"])]),
+					c("div", x, [c("div", S, [d[7] ||= l(" 颜色主题 ", -1), u(p, { text: "开启后可在明亮/暗黑模式中切换" }, {
+						default: h(() => [u(m(i))]),
+						_: 1
+					})]), u(T, {
+						modelValue: m(w).enableColorScheme,
+						"onUpdate:modelValue": d[3] ||= (e) => m(w).enableColorScheme = e
+					}, null, 8, ["modelValue"])])
+				]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { C as default };

package/dist/SettingTopbar-Ckg-OGSj.js

@@ -0,0 +1,51 @@
+import "./modal-ybprgEqf.js";
+import "./tree-select-gPCwtMia.js";
+import "./components-CKVAXENc.js";
+import { n as e } from "./useContext-Dlqfap_7.js";
+import { t } from "./HTooltip-B8aoK5uN.js";
+import { t as n } from "./HDivider-BSj2DiEY.js";
+import { t as r } from "./HCheckList-cef4jGrw.js";
+import { t as i } from "./HToggle-BTft_PNT.js";
+import { t as a } from "./question-line-BzrfPWnG.js";
+import { createBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, openBlock as d, toRefs as f, unref as p, withCtx as m } from "vue";
+//#region src/built-in/layout-component/components/SettingBar/components/SettingTopbar.vue?vue&type=script&setup=true&lang.ts
+var h = { class: "setting-item" }, g = { class: "setting-item" }, _ = { class: "label" }, v = /* @__PURE__ */ u({
+	name: "SettingTopbar",
+	__name: "SettingTopbar",
+	setup(u) {
+		let { settingsStore: v } = e(), { topbar: y, tabbar: b } = f(v.settings);
+		return (e, u) => {
+			let f = r, v = t, x = i, S = n;
+			return d(), o(S, { title: "顶栏" }, {
+				default: m(() => [s("div", h, [u[2] ||= s("div", { class: "label" }, " 模式 ", -1), l(f, {
+					modelValue: p(y).mode,
+					"onUpdate:modelValue": u[0] ||= (e) => p(y).mode = e,
+					options: [
+						{
+							label: "静止",
+							value: "static"
+						},
+						{
+							label: "固定",
+							value: "fixed"
+						},
+						{
+							label: "粘性",
+							value: "sticky"
+						}
+					]
+				}, null, 8, ["modelValue"])]), s("div", g, [s("div", _, [u[3] ||= c(" 展示切换 ", -1), l(v, { text: "切换标签栏和工具栏的展示顺序" }, {
+					default: m(() => [l(p(a))]),
+					_: 1
+				})]), l(x, {
+					modelValue: p(y).switchTabbarAndToolbar,
+					"onUpdate:modelValue": u[1] ||= (e) => p(y).switchTabbarAndToolbar = e,
+					disabled: !p(b).enable
+				}, null, 8, ["modelValue", "disabled"])])]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { v as default };

package/dist/SettingWidthMode-CZ2i-kzC.js

@@ -0,0 +1,58 @@
+import { t as e } from "./_plugin-vue_export-helper-CsLplWgU.js";
+import { n as t } from "./useContext-Dlqfap_7.js";
+import { t as n } from "./HTooltip-B8aoK5uN.js";
+import { t as r } from "./HDivider-BSj2DiEY.js";
+import { n as i, t as a } from "./right-CCqcGubr.js";
+import { Fragment as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, normalizeClass as p, openBlock as m, reactive as h, renderList as g, toRef as _, unref as v, withCtx as y } from "vue";
+//#region src/built-in/layout-component/components/SettingBar/components/SettingWidthMode.vue?vue&type=script&setup=true&lang.ts
+var b = { class: "app-width-mode" }, x = ["onClick"], S = /* @__PURE__ */ e(/* @__PURE__ */ f({
+	name: "SettingWidthMode",
+	__name: "SettingWidthMode",
+	setup(e) {
+		let { settingsStore: f } = t(), S = _(f.settings.layout, "widthMode"), C = h([
+			{
+				describe: "自适应",
+				active: "adaption",
+				class: "mode-adaption"
+			},
+			{
+				describe: "自适应 (有最小宽度)",
+				active: "adaption-min-width",
+				class: "mode-adaption-min-width"
+			},
+			{
+				describe: "定宽居中",
+				active: "center",
+				class: "mode-center"
+			},
+			{
+				describe: "定宽居中 (有最大宽度)",
+				active: "center-max-width",
+				class: "mode-center-max-width"
+			}
+		]);
+		function w(e) {
+			e && (S.value = e);
+		}
+		return (e, t) => {
+			let f = n, h = r;
+			return m(), s(h, { title: "页宽模式" }, {
+				default: y(() => [u("div", b, [(m(!0), l(o, null, g(v(C), (e) => (m(), s(f, {
+					key: e.active,
+					text: e.describe,
+					placement: "bottom",
+					delay: 500
+				}, {
+					default: y(() => [u("div", {
+						class: p(["mode", [e.class, v(S) === e.active ? "active" : ""]]),
+						onClick: (t) => w(e.active)
+					}, [e.active === "center" ? c("", !0) : (m(), l(o, { key: 0 }, [d(v(i), { class: "left" }), d(v(a), { class: "right" })], 64))], 10, x)]),
+					_: 2
+				}, 1032, ["text"]))), 128))])]),
+				_: 1
+			});
+		};
+	}
+}), [["__scopeId", "data-v-c424e7f2"]]);
+//#endregion
+export { S as default };

package/dist/_plugin-vue_export-helper-CsLplWgU.js

@@ -0,0 +1,8 @@
+//#region \0plugin-vue:export-helper
+var e = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+};
+//#endregion
+export { e as t };