@pubinfo/module-rbac 2.0.0-beta.9 → 2.0.0-rc.2

package/dist/tabbar_setting.css

@@ -0,0 +1 @@
+.bar-header[data-v-5b9fb472]{background:var(--g-bg)}

package/dist/tenant-BhA6R8aJ.js

@@ -0,0 +1,183 @@
+import { c as e } from "./chunk-B3eAFu3c.js";
+import "./cloneDeep-BnvyNhik.js";
+import { l as t, o as n } from "./index.js";
+import "./_plugin-vue_export-helper-Bvl99pNT.js";
+import "./enum-DUjQrWbG.js";
+import "./ResourceSelector-CxZ1ae30.js";
+import { b as r } from "./dayjs.min-KffHrkDe.js";
+import { b as i, c as a } from "./TenantEdit-Bt31IV9W.js";
+import { PubinfoIcon as o, useAuth as s } from "pubinfo";
+import { createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, openBlock as h, ref as g, resolveDirective as _, toDisplayString as v, unref as y, withCtx as b, withDirectives as x } from "vue";
+import { PlusCircleOutlined as S } from "@ant-design/icons-vue";
+import { Badge as C, Modal as w, message as T } from "ant-design-vue";
+import { Button as E, Space as D } from "ant-design-vue/es";
+import { ProTable as O } from "@pubinfo/pro-components";
+var k = /* @__PURE__ */ e(r());
+const A = {
+	"py-10px": "",
+	"px-10px": "",
+	"w-full": "",
+	"h-full": ""
+}, j = ["onClick"], M = { class: "ml-4px" }, N = ["onClick"], P = { class: "ml-4px" };
+var F = /* @__PURE__ */ m({
+	name: "Tenant",
+	__name: "index",
+	setup(e) {
+		let { auth: r } = s(), m = g(), F = g();
+		function I() {
+			m.value.reload();
+		}
+		function L(e) {
+			return e ? (0, k.default)(e).format("YYYY-MM-DD") : null;
+		}
+		async function R(e) {
+			let { current: t, pageSize: r, tenantStartTime: i, tenantEndTime: a,...o } = e, s = await n({
+				currentPage: t,
+				pageSize: r,
+				tenantStartTime: L(i?.[0]),
+				tenantStartTimeEnd: L(i?.[1]),
+				tenantEndTimeStart: L(a?.[0]),
+				tenantEndTimeEnd: L(a?.[1]),
+				...o
+			});
+			return {
+				success: s.success,
+				data: s.data?.records ?? [],
+				total: s.data?.total ?? 0
+			};
+		}
+		let z = [
+			{
+				valueType: "a-input",
+				minWidth: 200,
+				title: "租户名称",
+				dataIndex: "name",
+				ellipsis: !0,
+				fieldProps: {
+					placeholder: "请输入租户名称",
+					allowClear: !0
+				}
+			},
+			{
+				valueType: "a-input",
+				minWidth: 200,
+				title: "租户编码",
+				dataIndex: "tenantCode",
+				ellipsis: !0,
+				fieldProps: {
+					placeholder: "请输入租户编码",
+					allowClear: !0
+				}
+			},
+			{
+				valueType: "a-range-picker",
+				minWidth: 200,
+				title: "开始时间",
+				dataIndex: "tenantStartTime",
+				ellipsis: !0,
+				fieldProps: { allowClear: !0 }
+			},
+			{
+				valueType: "a-range-picker",
+				minWidth: 200,
+				title: "到期时间",
+				dataIndex: "tenantEndTime",
+				ellipsis: !0,
+				fieldProps: { allowClear: !0 }
+			},
+			{
+				minWidth: 200,
+				title: "二级域名",
+				dataIndex: "subDomain",
+				ellipsis: !0,
+				hideInSearch: !0
+			},
+			{
+				hideInSearch: !0,
+				minWidth: 80,
+				title: "状态",
+				dataIndex: "enable",
+				customRender: ({ text: e }) => e ? p(C, {
+					status: "success",
+					text: "正常"
+				}, null) : p(C, {
+					status: "error",
+					text: "关闭"
+				}, null)
+			},
+			{
+				hideInSearch: !0,
+				width: 160,
+				title: "操作",
+				dataIndex: "action",
+				fixed: "right",
+				hideInTable() {
+					return !r(["tenant_edit", "tenant_remove"]);
+				}
+			}
+		];
+		function B(e, n) {
+			switch (e) {
+				case a.EDIT:
+					F.value.open(e, n);
+					break;
+				case a.ADD:
+					F.value.open(e);
+					break;
+				case a.REMOVE:
+					w.confirm({
+						title: "删除",
+						content: "确定要删除该租户吗？",
+						onOk() {
+							t({ id: n?.id }).then((e) => {
+								e.success && (T.success("删除成功"), I());
+							});
+						}
+					});
+					break;
+			}
+		}
+		return (e, t) => {
+			let n = S, r = E, s = o, g = D, C = _("auth");
+			return h(), u("div", A, [p(y(O), {
+				ref_key: "tableRef",
+				ref: m,
+				"row-key": "id",
+				request: R,
+				columns: z,
+				"auto-height": "",
+				scroll: { x: 1100 }
+			}, {
+				toolbar: b(() => [x((h(), c(r, {
+					type: "primary",
+					onClick: t[0] ||= (e) => B(y(a).ADD)
+				}, {
+					default: b(() => [p(n), f(" " + v(y(a).ADD), 1)]),
+					_: 1
+				})), [[C, "tenant_add"]])]),
+				bodyCell: b(({ column: e, record: t }) => [e.dataIndex === "action" ? (h(), c(g, { key: 0 }, {
+					default: b(() => [x((h(), u("a", {
+						class: "flex items-center",
+						onClick: (e) => B(y(a).EDIT, t)
+					}, [p(s, {
+						name: "edit",
+						class: "text-base"
+					}), d("span", M, v(y(a).EDIT), 1)], 8, j)), [[C, "tenant_edit"]]), x((h(), u("span", {
+						class: "flex items-center text-red-500 hover:cursor-pointer hover:opacity-80",
+						onClick: (e) => B(y(a).REMOVE, t)
+					}, [p(s, {
+						name: "remove",
+						class: "text-base"
+					}), d("span", P, v(y(a).REMOVE), 1)], 8, N)), [[C, "tenant_remove"]])]),
+					_: 2
+				}, 1024)) : l("v-if", !0)]),
+				_: 1
+			}, 512), p(i, {
+				ref_key: "drawerRef",
+				ref: F,
+				onSubmit: t[1] ||= (e) => I()
+			}, null, 512)]);
+		};
+	}
+}), I = F;
+export { I as default };

package/dist/theme-check-mark-Dz4lGIXE.js

@@ -0,0 +1,2 @@
+var e = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20class='design-iconfont'%20viewBox='0%200%2020%2021'%20width='24'%20height='24'%20preserveAspectRatio='xMidYMid%20meet'%3e%3cpath%20fill='%234080FF'%20d='M10%203.401a7.209%207.209%200%201%200%200%2014.418%207.209%207.209%200%201%200%200-14.418'/%3e%3cpath%20stroke='%23fff'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.5'%20d='m7.364%2010.205%202.028%202.028%203.244-3.244'/%3e%3c/svg%3e";
+export { e as default };

package/dist/theme-title-CPXdAbpI.js

@@ -0,0 +1,2 @@
+var e = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20class='design-iconfont'%20viewBox='0%200%2023%2024'%20width='24'%20height='24'%20preserveAspectRatio='xMidYMid%20meet'%3e%3cg%20filter='url(%23a)'%3e%3cpath%20fill='url(%23b)'%20d='M11.473%203.504C7.353%203.504%204%206.869%204%2011.004c0%204.132%203.352%207.493%207.473%207.493.986%200%201.791-.803%201.791-1.79%200-.453-.166-.892-.436-1.162-.119-.145-.141-.224-.141-.322%200-.27.22-.49.49-.49h1.368c2.453%200%204.448-2.013%204.448-4.491-.057-3.715-3.432-6.738-7.52-6.738'%20shape-rendering='crispEdges'/%3e%3c/g%3e%3cpath%20fill='%23000'%20d='M14.543%2013.956h-1.368c-.698%200-1.266.569-1.266%201.267%200%20.297.098.55.324.821l.033.037c.137.137.222.378.222.626%200%20.559-.455%201.014-1.016%201.014-3.693%200-6.699-3.013-6.699-6.717%200-3.708%203.005-6.725%206.7-6.725%203.668%200%206.694%202.68%206.744%205.97%200%202.043-1.647%203.707-3.674%203.707'/%3e%3cpath%20fill='url(%23c)'%20d='M14.543%2013.956h-1.368c-.698%200-1.266.569-1.266%201.267%200%20.297.098.55.324.821l.033.037c.137.137.222.378.222.626%200%20.559-.455%201.014-1.016%201.014-3.693%200-6.699-3.013-6.699-6.717%200-3.708%203.005-6.725%206.7-6.725%203.668%200%206.694%202.68%206.744%205.97%200%202.043-1.647%203.707-3.674%203.707'/%3e%3cg%20filter='url(%23d)'%3e%3crect%20width='2.307'%20height='2.307'%20fill='%23fff'%20rx='1.153'%20transform='matrix(-1%200%200%201%208.654%209.006)'/%3e%3c/g%3e%3cg%20filter='url(%23e)'%3e%3crect%20width='2.307'%20height='2.307'%20fill='%23fff'%20rx='1.153'%20transform='matrix(-1%200%200%201%2016.654%209.006)'/%3e%3c/g%3e%3cg%20filter='url(%23f)'%3e%3crect%20width='2.307'%20height='2.307'%20fill='%23fff'%20rx='1.153'%20transform='matrix(-1%200%200%201%2014.654%206.006)'/%3e%3c/g%3e%3cg%20filter='url(%23g)'%3e%3crect%20width='2.307'%20height='2.307'%20fill='%23fff'%20rx='1.153'%20transform='matrix(-1%200%200%201%2010.654%206.006)'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='a'%20width='22.993'%20height='22.993'%20x='0'%20y='.504'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20result='hardAlpha'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'/%3e%3cfeOffset%20dy='1'/%3e%3cfeGaussianBlur%20stdDeviation='2'/%3e%3cfeComposite%20in2='hardAlpha'%20operator='out'/%3e%3cfeColorMatrix%20values='0%200%200%200%200.0885876%200%200%200%200%200.240744%200%200%200%200%200.626988%200%200%200%200.2%200'/%3e%3cfeBlend%20in2='BackgroundImageFix'%20result='effect1_dropShadow_188_20759'/%3e%3cfeBlend%20in='SourceGraphic'%20in2='effect1_dropShadow_188_20759'%20result='shape'/%3e%3c/filter%3e%3cfilter%20id='d'%20width='6.307'%20height='6.307'%20x='4.348'%20y='8.006'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20result='hardAlpha'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'/%3e%3cfeOffset%20dy='1'/%3e%3cfeGaussianBlur%20stdDeviation='1'/%3e%3cfeComposite%20in2='hardAlpha'%20operator='out'/%3e%3cfeColorMatrix%20values='0%200%200%200%200.0885876%200%200%200%200%200.240744%200%200%200%200%200.626988%200%200%200%200.4%200'/%3e%3cfeBlend%20in2='BackgroundImageFix'%20result='effect1_dropShadow_188_20759'/%3e%3cfeBlend%20in='SourceGraphic'%20in2='effect1_dropShadow_188_20759'%20result='shape'/%3e%3c/filter%3e%3cfilter%20id='e'%20width='6.307'%20height='6.307'%20x='12.348'%20y='8.006'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20result='hardAlpha'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'/%3e%3cfeOffset%20dy='1'/%3e%3cfeGaussianBlur%20stdDeviation='1'/%3e%3cfeComposite%20in2='hardAlpha'%20operator='out'/%3e%3cfeColorMatrix%20values='0%200%200%200%200.0885876%200%200%200%200%200.240744%200%200%200%200%200.626988%200%200%200%200.4%200'/%3e%3cfeBlend%20in2='BackgroundImageFix'%20result='effect1_dropShadow_188_20759'/%3e%3cfeBlend%20in='SourceGraphic'%20in2='effect1_dropShadow_188_20759'%20result='shape'/%3e%3c/filter%3e%3cfilter%20id='f'%20width='6.307'%20height='6.307'%20x='10.348'%20y='5.006'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20result='hardAlpha'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'/%3e%3cfeOffset%20dy='1'/%3e%3cfeGaussianBlur%20stdDeviation='1'/%3e%3cfeComposite%20in2='hardAlpha'%20operator='out'/%3e%3cfeColorMatrix%20values='0%200%200%200%200.0885876%200%200%200%200%200.240744%200%200%200%200%200.626988%200%200%200%200.4%200'/%3e%3cfeBlend%20in2='BackgroundImageFix'%20result='effect1_dropShadow_188_20759'/%3e%3cfeBlend%20in='SourceGraphic'%20in2='effect1_dropShadow_188_20759'%20result='shape'/%3e%3c/filter%3e%3cfilter%20id='g'%20width='6.307'%20height='6.307'%20x='6.348'%20y='5.006'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20result='hardAlpha'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'/%3e%3cfeOffset%20dy='1'/%3e%3cfeGaussianBlur%20stdDeviation='1'/%3e%3cfeComposite%20in2='hardAlpha'%20operator='out'/%3e%3cfeColorMatrix%20values='0%200%200%200%200.0885876%200%200%200%200%200.240744%200%200%200%200%200.626988%200%200%200%200.4%200'/%3e%3cfeBlend%20in2='BackgroundImageFix'%20result='effect1_dropShadow_188_20759'/%3e%3cfeBlend%20in='SourceGraphic'%20in2='effect1_dropShadow_188_20759'%20result='shape'/%3e%3c/filter%3e%3clinearGradient%20id='b'%20x1='11.497'%20x2='11.497'%20y1='3.504'%20y2='18.497'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23fff'/%3e%3cstop%20offset='1'%20stop-color='%23fff'%20stop-opacity='.38'/%3e%3c/linearGradient%3e%3clinearGradient%20id='c'%20x1='11.495'%20x2='11.495'%20y1='4.279'%20y2='17.721'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2389AAFC'/%3e%3cstop%20offset='1'%20stop-color='%23DFEAFF'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e";
+export { e as default };

package/dist/theme_setting-Ca1YGTdZ.js

@@ -0,0 +1,117 @@
+import { j as e } from "./configData-CONUFxaH.js";
+import { b as t } from "./_plugin-vue_export-helper-Bvl99pNT.js";
+import { b as n } from "./stores-Di6SQ3pp.js";
+import { PubinfoIcon as r, useTheme as i } from "pubinfo";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, normalizeClass as p, normalizeStyle as m, openBlock as h, renderList as g, resolveComponent as _, toDisplayString as v, unref as y } from "vue";
+import { message as b } from "ant-design-vue";
+import { Switch as x } from "ant-design-vue/es";
+import { getThemes as S } from "pubinfo/client";
+import './theme_setting.css';const C = {
+	"w-full": "",
+	"h-full": "",
+	"p-10px": "",
+	"pb-0": ""
+}, w = { class: "w-full h-full bg-white overflow-y-auto p-10px pb-0 flex flex-col box-border dark:bg-[#141414]" }, T = { class: "bg-[#F0F4FF] h-[38px] pl-[16px] flex flex-row items-center b-rd-4px dark:bg-[#32353B]" }, E = { class: "mt-20px flex flex-row items-center" }, D = { class: "mt-20px pb-24px flex flex-row" }, O = { class: "flex-none w-[136px] text-right font-400 text-[#4e5969] text-[14px] dark:text-[#C9CDD4]" }, k = { class: "grid grid-cols-3 gap-x-[32px] gap-y-[16px] ml-16px mr-27px w-full max-w-1400px" }, A = ["onClick"], j = { class: "item-title" }, M = { class: "text-[#4e5969] text-[14px] dark:text-[#C9CDD4]" }, N = { class: "item-content" }, P = {
+	flex: "",
+	"items-center": "",
+	"justify-center": "",
+	class: "spots-wrap"
+}, F = { class: "skeleton" }, I = { class: "skeleton-body" }, L = { class: "aside" }, R = { class: "main" }, z = { class: "left" }, B = { class: "right" };
+var V = /* @__PURE__ */ f({
+	name: "SettingGlobalThemes",
+	__name: "index",
+	setup(t) {
+		let { isDark: f } = i(), _ = n(), V = o(() => _.globalSettings.app.colorScheme === "light" ? "亮色模式颜色" : "暗色模式颜色"), H = o(() => _.globalSettings.app.colorScheme === "light"), U = [
+			"--ui-primary",
+			"--ui-text",
+			"--g-bg",
+			"--g-header-bg",
+			"--g-main-sidebar-bg",
+			"--g-sub-sidebar-bg"
+		], W = o(() => {
+			let e = S(), t = Object.keys(e).map((t) => {
+				let n = e[t], r = U.map((e) => {
+					let t = n[e].startsWith("#") ? n[e] : `rgb(${n[e]})`;
+					return t;
+				}), i = e[t].label;
+				return {
+					label: t,
+					value: n,
+					colors: r,
+					name: i
+				};
+			}).filter((e) => e.value["color-scheme"] === _.globalSettings.app.colorScheme);
+			return t;
+		});
+		function G(e) {
+			let t = e.label, n = {};
+			H.value ? (_.globalSettings.app.lightTheme = t, n.lightTheme = t) : (_.globalSettings.app.darkTheme = t, n.darkTheme = t), q({ app: n });
+		}
+		async function K(e) {
+			let t = e ? "light" : "dark";
+			_.globalSettings.app.colorScheme = t, await q({ app: { colorScheme: t } });
+		}
+		async function q(t) {
+			let n = JSON.stringify(t);
+			await e({ content: n }).then((e) => {
+				e.success && b.success("设置成功");
+			});
+		}
+		return (e, t) => {
+			let n = r, i = x;
+			return h(), l("div", C, [u("div", w, [
+				u("div", T, [d(n, {
+					name: "theme-title",
+					class: "text-base mr-[6px]",
+					size: 22
+				}), t[0] ||= u("span", { class: "text-[16px] text-[#1d2129] dark:text-[#C9CDD4]" }, "颜色主题风格", -1)]),
+				u("div", E, [t[1] ||= u("div", { class: "flex-none w-[136px] text-right font-400 text-[#4e5969] text-[14px] dark:text-[#C9CDD4]" }, " 亮色/暗色切换 ", -1), d(i, {
+					checked: y(H),
+					class: "ml-16px!",
+					"checked-children": "亮",
+					"un-checked-children": "暗",
+					onChange: K
+				}, null, 8, ["checked"])]),
+				u("div", D, [u("div", O, v(y(V)), 1), u("div", k, [(h(!0), l(a, null, g(y(W), (e, r) => (h(), l("div", {
+					key: r,
+					class: p(["theme-item", {
+						active: y(H) ? y(_).globalSettings.app.lightTheme === e.label : y(_).globalSettings.app.darkTheme === e.label,
+						dark: y(f)
+					}]),
+					aspect: "[4/3]",
+					onClick: (t) => G(e)
+				}, [u("p", j, [u("span", M, v(e.name), 1), (y(H) ? y(_).globalSettings.app.lightTheme === e.label : y(_).globalSettings.app.darkTheme === e.label) ? (h(), s(n, {
+					key: 0,
+					name: "theme-check-mark",
+					class: "text-base ml-[6px] text-#fff position-relative top--1px",
+					size: 20
+				})) : c("v-if", !0)]), u("div", N, [u("div", P, [c(" colors 颜色会有重复使用的地方，key多段拼接 "), (h(!0), l(a, null, g(e.colors, (t, n) => (h(), l("div", {
+					key: e.name + t + n,
+					class: "color-spot",
+					style: m({ backgroundColor: t })
+				}, null, 4))), 128))]), u("div", F, [u("header", { style: m({ backgroundColor: e.colors[0] }) }, t[2] ||= [u("div", { class: "dot" }, null, -1), u("div", { class: "bar" }, null, -1)], 4), u("main", I, [u("div", L, [u("div", {
+					class: "side-line",
+					style: m({ backgroundColor: e.colors[0] })
+				}, null, 4), (h(), l(a, null, g(4, (e) => u("div", {
+					key: e,
+					class: "side-line"
+				})), 64))]), u("div", R, [u("div", z, [(h(), l(a, null, g(3, (e) => u("div", {
+					key: e,
+					class: "left-item"
+				}, t[3] ||= [u("div", { class: "dot" }, null, -1), u("div", { class: "lines-wrap" }, [u("div", { class: "line1" }), u("div", { class: "line2" })], -1)])), 64))]), u("div", B, [
+					t[4] ||= u("div", { class: "right-item" }, null, -1),
+					t[5] ||= u("div", { class: "right-item" }, null, -1),
+					u("div", {
+						class: "right-item",
+						style: m({
+							backgroundColor: e.colors[0],
+							opacity: .3
+						})
+					}, null, 4),
+					t[6] ||= u("div", { class: "right-item" }, null, -1)
+				])])])])])], 10, A))), 128))])])
+			])]);
+		};
+	}
+}), H = /* @__PURE__ */ t(V, [["__scopeId", "data-v-516665af"]]);
+export { H as default };

package/dist/theme_setting.css

@@ -0,0 +1 @@
+.theme-item[data-v-516665af]{cursor:pointer;border-width:1px;border-color:var(--border-2,#e5e6eb);background:linear-gradient(#f4f7ff -22.05%,#fff 85.58%);border-style:solid;border-radius:.5rem;flex-direction:column;padding:.75rem 1.5rem 0;display:flex}.theme-item.active[data-v-516665af]{--un-border-opacity:1;border-width:2.6px;border-color:rgb(var(--ui-primary)/var(--un-border-opacity));--un-shadow:0 2.6px 13px 0 var(--un-shadow-color,#59626940);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);background:linear-gradient(#f4f7ff -22.05%,#fff 85.58%);border-style:solid}.theme-item.dark[data-v-516665af]{background:linear-gradient(#3a3e43 0% 100%),linear-gradient(#f4f7ff -22.05%,#fff 85.58%);border-color:#0000}.theme-item.dark.active[data-v-516665af]{border-color:rgb(var(--ui-primary))}.theme-item .item-title[data-v-516665af]{text-align:center;justify-content:center;align-items:center;margin:0;padding:0;font-size:.875rem;line-height:22px;display:flex}.theme-item .item-content[data-v-516665af]{background:linear-gradient(#fff 0%,#fff0 100%);border-radius:2.5%;flex-direction:column;flex:1;margin-top:3.75%;padding:3.75% 6.25%;display:flex}.theme-item.dark .item-content[data-v-516665af]{background:linear-gradient(#ffffff1a 0%,#fff0 100%)}.theme-item .item-content .spots-wrap[data-v-516665af]{margin-left:5.92593%}.theme-item .item-content .color-spot[data-v-516665af]{aspect-ratio:1;--un-border-opacity:1;border-width:2px;border-color:rgb(255 255 255/var(--un-border-opacity));background:#fff;border-style:solid;border-radius:30px;flex-shrink:0;width:11.1111%;max-width:30px;box-shadow:0 0 4px #00000026}.theme-item .item-content .color-spot[data-v-516665af]:first-child{transform:translate(0)}.theme-item .item-content .color-spot[data-v-516665af]:nth-child(2){transform:translate(-20%)}.theme-item .item-content .color-spot[data-v-516665af]:nth-child(3){transform:translate(-40%)}.theme-item .item-content .color-spot[data-v-516665af]:nth-child(4){transform:translate(-60%)}.theme-item .item-content .color-spot[data-v-516665af]:nth-child(5){transform:translate(-80%)}.theme-item .item-content .color-spot[data-v-516665af]:nth-child(6){transform:translate(-100%)}.theme-item .item-content .skeleton[data-v-516665af]{background:#f5f8fe;border-radius:.25rem;flex-direction:column;flex:auto;height:0;margin-top:22px;display:flex}.theme-item.dark .item-content .skeleton[data-v-516665af]{background:#111213}.theme-item .item-content .skeleton header[data-v-516665af]{aspect-ratio:10.45;border-radius:4px 4px 0 0;align-items:center;padding-left:.625rem;display:flex}.theme-item.dark .item-content .skeleton header[data-v-516665af]{background:#26272a!important}.theme-item .item-content .skeleton header .dot[data-v-516665af]{aspect-ratio:1;background:#ffffff80;border-radius:50%;width:3.69565%;margin-right:2.17391%}.theme-item.dark .item-content .skeleton header .dot[data-v-516665af]{background:#fff3}.theme-item .item-content .skeleton header .bar[data-v-516665af]{aspect-ratio:9.71429;background:#ffffff80;border-radius:.125rem;width:29.5652%}.theme-item.dark .item-content .skeleton header .bar[data-v-516665af]{background:#fff3}.theme-item .item-content .skeleton .skeleton-body[data-v-516665af]{flex:1;height:0;padding:3.04348%;display:flex}.theme-item .item-content .skeleton .skeleton-body .aside[data-v-516665af]{background:#fff;border-radius:.25rem;width:15.6522%;height:100%;margin-right:3.04348%;padding-top:5.21739%}.theme-item.dark .item-content .skeleton .skeleton-body .aside[data-v-516665af]{background:#25282d}.theme-item .item-content .skeleton .skeleton-body .aside .side-line[data-v-516665af]{aspect-ratio:3.70769;background:#eaeff7;border-radius:.125rem;width:65.847%;margin:0 auto 10.929%}.theme-item.dark .item-content .skeleton .skeleton-body .aside .side-line[data-v-516665af]{background:#32353b}.theme-item .item-content .skeleton .skeleton-body .main[data-v-516665af]{background:#fff;border-radius:.125rem;flex:auto;justify-content:space-between;height:100%;padding:5.2% 5.6% 3%;display:flex}.theme-item.dark .item-content .skeleton .skeleton-body .main[data-v-516665af]{background:#25282d}.theme-item .item-content .skeleton .skeleton-body .main .left[data-v-516665af]{flex:1}.theme-item .item-content .skeleton .skeleton-body .main .right[data-v-516665af]{width:30%}.theme-item .item-content .skeleton .skeleton-body .main .left-item[data-v-516665af]{margin-bottom:6.5px;display:flex}.theme-item .item-content .skeleton .skeleton-body .main .left-item .dot[data-v-516665af]{aspect-ratio:1;background:#eaeff7;border-radius:50%;width:13.8889%;margin-bottom:6.2037%;margin-right:6.85185%}.theme-item.dark .item-content .skeleton .skeleton-body .main .left-item .dot[data-v-516665af]{background:#32353b}.theme-item .item-content .skeleton .skeleton-body .main .left-item .lines-wrap[data-v-516665af]{flex:1;padding-top:1.85185%}.theme-item .item-content .skeleton .skeleton-body .main .left-item .line1[data-v-516665af]{aspect-ratio:15.7059;background:#eaeff7;border-radius:1px;width:65.122%}.theme-item.dark .item-content .skeleton .skeleton-body .main .left-item .line1[data-v-516665af]{background:#32353b}.theme-item .item-content .skeleton .skeleton-body .main .left-item .line2[data-v-516665af]{aspect-ratio:7.47059;background:#eaeff7;border-radius:1px;width:30.9756%;margin-top:5px}.theme-item.dark .item-content .skeleton .skeleton-body .main .left-item .line2[data-v-516665af]{background:#32353b}.theme-item .item-content .skeleton .skeleton-body .main .right-item[data-v-516665af]{aspect-ratio:5;background:#eaeff7;border-radius:2.5%;width:100%;margin-bottom:23.0455%}.theme-item.dark .item-content .skeleton .skeleton-body .main .right-item[data-v-516665af]{background:#32353b}