koishi-plugin-kkk 1.0.0

package/lib/ktr/template/other/help/components/Help.js

@@ -0,0 +1,79 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Help = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const theme_1 = require("../../../../utils/theme");
+const DefaultLayout_1 = require("../../../components/DefaultLayout");
+const iconRegistry_1 = require("../../../components/iconRegistry");
+/**
+ * 获取图标组件，兜底为默认图标
+ * @param icon - 图标：可以是字符串或带颜色的对象
+ * @returns React 图标组件类型
+ */
+const getIconForItem = (icon) => {
+    if (!icon)
+        return (0, iconRegistry_1.resolveIcon)('ph:question-fill');
+    const name = typeof icon === 'string' ? icon : icon.name;
+    return (0, iconRegistry_1.resolveIcon)(name);
+};
+/**
+ * 菜单项组件
+ * 展示单个功能的图标、标题和描述
+ */
+const MenuItemComponent = ({ item, themeColor }) => {
+    const IconComponent = getIconForItem(item.icon);
+    const iconColor = typeof item.icon === 'object' && item.icon?.color ? item.icon.color : themeColor;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row gap-8 py-2 relative", children: [(0, jsx_runtime_1.jsx)("div", { className: "pt-2 shrink-0 relative", children: (0, jsx_runtime_1.jsx)(IconComponent, { className: "w-16 h-16 relative z-10 text-foreground", style: { color: iconColor } }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1 min-w-0", children: [(0, jsx_runtime_1.jsx)("h3", { className: "mb-3 text-4xl font-black leading-tight tracking-wide text-foreground", children: item.title }), (0, jsx_runtime_1.jsx)("p", { className: "text-2xl font-medium leading-relaxed whitespace-pre-line text-muted", children: item.description })] })] }));
+};
+/**
+ * 菜单分组组件
+ */
+const MenuGroupComponent = ({ group, themeColor }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "relative py-8", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-6 mb-16", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-3 h-16 rounded-full", style: { backgroundColor: themeColor } }), (0, jsx_runtime_1.jsx)("h2", { className: "m-0 text-[4rem] font-black tracking-tight uppercase leading-none text-foreground", children: group.title })] }), (0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-x-24 gap-y-16", children: group.items.map((item, idx) => ((0, jsx_runtime_1.jsx)(MenuItemComponent, { item: item, themeColor: themeColor }, idx))) }), group.subGroups?.map((sub, i) => ((0, jsx_runtime_1.jsxs)("div", { className: "mt-20 relative", children: [(0, jsx_runtime_1.jsxs)("h3", { className: "m-0 mb-10 text-3xl font-bold tracking-wide uppercase opacity-60 flex items-center gap-4 text-foreground", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-2 h-2 rounded-full bg-current" }), sub.title] }), (0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-x-24 gap-y-16", children: sub.items.map((item, idx) => ((0, jsx_runtime_1.jsx)(MenuItemComponent, { item: item, themeColor: themeColor }, idx))) })] }, i)))] }));
+};
+/**
+ * 帮助页面组件
+ */
+exports.Help = react_1.default.memo((props) => {
+    const title = props.data?.title || 'KKK PLUGIN';
+    const menuData = props.data?.menu || [];
+    const dark = (0, theme_1.isDark)(props.ctx);
+    // 弥散光颜色配置
+    const glowColors = dark
+        ? {
+            primary: 'rgba(59, 130, 246, 0.4)', // Blue
+            secondary: 'rgba(139, 92, 246, 0.3)', // Violet
+            accent: 'rgba(6, 182, 212, 0.25)' // Cyan
+        }
+        : {
+            primary: 'rgba(56, 189, 248, 0.5)', // Sky
+            secondary: 'rgba(167, 139, 250, 0.4)', // Violet
+            accent: 'rgba(45, 212, 191, 0.3)' // Teal
+        };
+    // 内容主题色轮换
+    const contentColors = dark
+        ? ['#60a5fa', '#a78bfa', '#2dd4bf'] // Blue-400, Violet-400, Teal-400
+        : ['#2563eb', '#7c3aed', '#0d9488']; // Blue-600, Violet-600, Teal-600
+    return ((0, jsx_runtime_1.jsxs)(DefaultLayout_1.DefaultLayout, { ...props, children: [(0, jsx_runtime_1.jsxs)("div", { className: "absolute inset-0 pointer-events-none z-0", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute rounded-full w-315 h-360 -top-67.5 -left-45 blur-[128px] -rotate-20", style: {
+                            background: `radial-gradient(ellipse at 40% 40%, ${glowColors.primary} 0%, transparent 70%)`
+                        } }), (0, jsx_runtime_1.jsx)("div", { className: "absolute rounded-full w-225 h-270 top-112.5 -right-22.5 blur-[108px] rotate-15", style: {
+                            background: `radial-gradient(ellipse at 50% 50%, ${glowColors.secondary} 0%, transparent 70%)`
+                        } }), (0, jsx_runtime_1.jsx)("div", { className: "absolute rounded-full w-270 h-225 -bottom-45 left-45 blur-[128px] -rotate-10", style: {
+                            background: `radial-gradient(ellipse at 50% 60%, ${glowColors.accent} 0%, transparent 70%)`
+                        } })] }), (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 pointer-events-none z-0 opacity-[0.08] dark:opacity-[0.12]", children: (0, jsx_runtime_1.jsxs)("svg", { className: "w-full h-full", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsxs)("filter", { id: "pixelNoise", x: "0%", y: "0%", width: "100%", height: "100%", children: [(0, jsx_runtime_1.jsx)("feTurbulence", { type: "fractalNoise", baseFrequency: "0.8", numOctaves: "1", stitchTiles: "stitch", result: "noise" }), (0, jsx_runtime_1.jsx)("feColorMatrix", { type: "saturate", values: "0", result: "gray" }), (0, jsx_runtime_1.jsxs)("feComponentTransfer", { children: [(0, jsx_runtime_1.jsx)("feFuncR", { type: "discrete", tableValues: "0 1" }), (0, jsx_runtime_1.jsx)("feFuncG", { type: "discrete", tableValues: "0 1" }), (0, jsx_runtime_1.jsx)("feFuncB", { type: "discrete", tableValues: "0 1" })] })] }), (0, jsx_runtime_1.jsx)("rect", { width: "100%", height: "100%", filter: "url(#pixelNoise)" })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "absolute top-30 right-15 pointer-events-none select-none opacity-[0.03] z-0", children: (0, jsx_runtime_1.jsx)("span", { className: "text-[200px] font-black tracking-tighter leading-none block text-right text-foreground", style: {
+                        writingMode: 'vertical-rl',
+                        textOrientation: 'mixed'
+                    }, children: "GUIDE" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "absolute inset-0 pointer-events-none z-0 overflow-hidden", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute top-12 left-12 grid grid-cols-4 gap-2 opacity-20", children: [...Array(16)].map((_, i) => ((0, jsx_runtime_1.jsx)("div", { className: "w-1.5 h-1.5 rounded-full bg-foreground" }, i))) }), (0, jsx_runtime_1.jsxs)("div", { className: "absolute top-12 right-12 flex flex-col items-end gap-1 opacity-20", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-32 h-1 bg-foreground" }), (0, jsx_runtime_1.jsx)("div", { className: "w-24 h-1 bg-foreground" }), (0, jsx_runtime_1.jsx)("div", { className: "w-16 h-1 bg-foreground" }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs font-mono mt-1 text-foreground", children: "SYS.32.91" })] }), (0, jsx_runtime_1.jsx)("div", { className: "absolute top-1/2 -translate-y-1/2 left-0 w-8 h-64 flex flex-col justify-between opacity-10", children: [...Array(20)].map((_, i) => ((0, jsx_runtime_1.jsx)("div", { className: "w-full bg-foreground", style: { height: Math.random() > 0.5 ? '4px' : '2px', width: Math.random() * 100 + '%' } }, i))) }), (0, jsx_runtime_1.jsx)("div", { className: "absolute top-1/3 right-0 w-0 h-0 border-t-20 border-t-transparent border-r-30 border-r-foreground border-b-20 border-b-transparent opacity-10" }), (0, jsx_runtime_1.jsxs)("div", { className: "absolute bottom-0 left-0 right-0 h-48 pointer-events-none", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute bottom-0 left-0 w-130 h-100 opacity-[0.04]", style: {
+                                    background: `repeating-linear-gradient(45deg, ${dark ? '#fff' : '#000'}, ${dark ? '#fff' : '#000'} 5px, transparent 2px, transparent 10px)`
+                                } }), (0, jsx_runtime_1.jsx)("div", { className: "absolute -bottom-120 -right-90 w-300 h-300 rounded-full border-200 border-foreground opacity-[0.04]" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "relative z-10 p-18 flex flex-col min-h-100", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-end mb-24 border-b-4 border-foreground/10 pb-8", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 opacity-60", children: [(0, jsx_runtime_1.jsx)("span", { className: "w-2 h-2 rounded-full bg-blue-500 animate-pulse" }), (0, jsx_runtime_1.jsx)("span", { className: "text-sm font-mono tracking-widest text-muted", children: "SYSTEM_READY" })] }), (0, jsx_runtime_1.jsx)("h1", { className: "text-[5rem] font-black leading-none tracking-tighter text-foreground", children: "COMMANDS" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-right pb-2 opacity-80", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs font-bold tracking-[0.2em] uppercase text-muted mb-1", children: "CURRENT MODULE" }), (0, jsx_runtime_1.jsx)("div", { className: "text-2xl font-bold text-foreground", children: title })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "space-y-28 flex-1 pb-48", children: menuData.map((group, index) => {
+                            // 轮换颜色
+                            const themeColor = contentColors[index % contentColors.length];
+                            return (0, jsx_runtime_1.jsx)(MenuGroupComponent, { group: group, themeColor: themeColor }, index);
+                        }) })] })] }));
+});
+exports.Help.displayName = 'Help';
+exports.default = exports.Help;

package/lib/ktr/template/other/help/components/types.js

@@ -0,0 +1,3 @@
+"use strict";
+/** 本模板的数据类型（路由 index.tsx 与 components/ 实现共用）。 */
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/ktr/template/other/help/index.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const template_react_1 = require("../../../../compat/template-react.js");
+const Help_1 = __importDefault(require("./components/Help"));
+exports.default = (0, template_react_1.defineTemplate)({
+    name: '帮助页面',
+    description: 'KKK插件帮助页面',
+    component: Help_1.default
+});

package/lib/ktr/template/other/live-photo-tip/components/LivePhotoTip.js

@@ -0,0 +1,80 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LivePhotoTip = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_simple_icons_1 = require("@icons-pack/react-simple-icons");
+const lucide_react_1 = require("lucide-react");
+const react_1 = __importDefault(require("react"));
+const theme_1 = require("../../../../utils/theme");
+const DefaultLayout_1 = require("../../../components/DefaultLayout");
+const GlowImage_1 = require("../../../components/GlowImage");
+/**
+ * Google Photos 彩色官方 Logo
+ */
+const GooglePhotosIcon = ({ className }) => ((0, jsx_runtime_1.jsxs)("svg", { className: className, viewBox: "0 0 32 32", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { d: "M4,16a6,6,0,0,1,12,0Z", fill: "#ffba00" }), (0, jsx_runtime_1.jsx)("path", { d: "M22,10a6,6,0,0,1-6,6V4a6,6,0,0,1,6,6", fill: "#ea4435" }), (0, jsx_runtime_1.jsx)("path", { d: "M28,16a6,6,0,0,1-12,0Z", fill: "#0066da" }), (0, jsx_runtime_1.jsx)("path", { d: "M10,22a6,6,0,0,1,6-6V28a6,6,0,0,1-6-6", fill: "#00ac47" })] }));
+const statusConfig = {
+    verified: { icon: lucide_react_1.Check, color: '#22c55e', label: '实测可用' },
+    untested: { icon: lucide_react_1.HelpCircle, color: '#f59e0b', label: '理论支持' },
+    unsupported: { icon: lucide_react_1.X, color: '#ef4444', label: '不支持' }
+};
+/**
+ * kkk Logo SVG
+ */
+const KkkLogo = ({ className, color }) => ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 230 221", className: className, style: { color: color }, children: [(0, jsx_runtime_1.jsx)("path", { d: "M132.75,87.37l-53.72-53.37c-4.66-4.63-1.38-12.58,5.18-12.58h115.13c6.57,0,9.84,7.95,5.18,12.58l-53.72,53.37c-4.99,4.96-13.06,4.96-18.05,0Z", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M28.49,186.89l.03-51.42c-.02-6.57,7.92-9.87,12.56-5.23l57.02,57.02c4.64,4.64,1.34,12.41-5.23,12.39h-51.42c-7.04-.02-12.94-5.72-12.96-12.76Z", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M41.54,23.68l163.04,163.05c4.78,4.78,1.39,12.95-5.36,12.94h-47.88c-9.69,0-18.99-3.86-25.84-10.71L39.3,102.75c-6.85-6.85-10.7-16.15-10.7-25.84V29.04c0-6.76,8.16-10.14,12.94-5.36Z", fill: "currentColor" })] }));
+function BrandCard({ brand, isDark }) {
+    const StatusIcon = statusConfig[brand.status].icon;
+    return ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col items-center gap-3", children: (0, jsx_runtime_1.jsxs)("div", { className: "relative flex items-center justify-center w-75 h-75 rounded-3xl", style: {
+                background: isDark
+                    ? 'radial-gradient(circle, ' + brand.color + '12 0%, transparent 70%)'
+                    : 'radial-gradient(circle, ' + brand.color + '08 0%, transparent 70%)'
+            }, children: [brand.icon, (0, jsx_runtime_1.jsxs)("div", { className: "absolute top-4 right-4 flex items-center gap-1.5 px-5 py-2.5 rounded-full", style: { backgroundColor: statusConfig[brand.status].color + '20' }, children: [(0, jsx_runtime_1.jsx)(StatusIcon, { className: "w-5 h-auto", style: { color: statusConfig[brand.status].color } }), (0, jsx_runtime_1.jsx)("span", { className: "text-lg font-bold", style: { color: statusConfig[brand.status].color }, children: statusConfig[brand.status].label })] })] }) }));
+}
+function UnsupportedBrandCard({ brand, isDark }) {
+    const StatusIcon = statusConfig[brand.status].icon;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center gap-2 opacity-50", children: [(0, jsx_runtime_1.jsx)("div", { className: "relative flex items-center justify-center w-40 h-40 rounded-2xl", style: {
+                    background: isDark
+                        ? 'radial-gradient(circle, ' + brand.color + '08 0%, transparent 70%)'
+                        : 'radial-gradient(circle, ' + brand.color + '05 0%, transparent 70%)'
+                }, children: brand.icon }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1", children: [(0, jsx_runtime_1.jsx)(StatusIcon, { className: "w-5 h-auto", style: { color: statusConfig[brand.status].color } }), (0, jsx_runtime_1.jsx)("span", { className: "text-md font-bold", style: { color: statusConfig[brand.status].color }, children: statusConfig[brand.status].label })] })] }));
+}
+/**
+ * 实况图提示组件 - 正方形，Vercel 黑白风格
+ */
+exports.LivePhotoTip = react_1.default.memo((props) => {
+    const dark = (0, theme_1.isDark)(props.ctx);
+    // Vercel 黑白风格
+    const bgColor = dark ? '#000000' : '#ffffff';
+    const primaryColor = dark ? '#ffffff' : '#000000';
+    const secondaryColor = dark ? '#888888' : '#666666';
+    const mutedColor = dark ? 'rgba(255,255,255,0.5)' : 'rgba(0,0,0,0.5)';
+    const accentColor = dark ? '#ffffff' : '#000000';
+    const glow1 = 'radial-gradient(ellipse at 30% 40%, ' + (dark ? 'rgba(255,255,255,0.08)' : 'rgba(0,0,0,0.06)') + ' 0%, transparent 70%)';
+    const glow2 = 'radial-gradient(ellipse at 70% 60%, ' + (dark ? 'rgba(128,128,128,0.1)' : 'rgba(128,128,128,0.08)') + ' 0%, transparent 70%)';
+    const noiseOpacity = dark ? 0.04 : 0.06;
+    const appleColor = dark ? '#ffffff' : '#000000';
+    const supportedBrands = [
+        { icon: (0, jsx_runtime_1.jsx)(GooglePhotosIcon, { className: "w-36 h-auto" }), color: '#4285F4', status: 'verified' },
+        { icon: (0, jsx_runtime_1.jsx)(react_simple_icons_1.SiXiaomi, { className: "w-28 h-auto", style: { color: '#FF6900' } }), color: '#FF6900', status: 'verified' },
+        { icon: (0, jsx_runtime_1.jsx)(react_simple_icons_1.SiSamsung, { className: "w-68 h-auto", style: { color: '#1428A0' } }), color: '#1428A0', status: 'verified' },
+        { icon: (0, jsx_runtime_1.jsx)(react_simple_icons_1.SiOppo, { className: "w-58 h-auto" }), color: '#009B77', status: 'verified' },
+        { icon: (0, jsx_runtime_1.jsx)(react_simple_icons_1.SiOneplus, { className: "w-26 h-auto", style: { color: '#F50514' } }), color: '#F50514', status: 'verified' },
+        { icon: (0, jsx_runtime_1.jsx)(react_simple_icons_1.SiHuawei, { className: "w-32 h-auto", style: { color: '#CF0A2C' } }), color: '#CF0A2C', status: 'untested' },
+        { icon: (0, jsx_runtime_1.jsx)(react_simple_icons_1.SiHonor, { className: "w-58 h-auto", style: { color: '#00BFFF' } }), color: '#00BFFF', status: 'untested' }
+    ];
+    const unsupportedBrands = [
+        {
+            icon: (0, jsx_runtime_1.jsx)(react_simple_icons_1.SiApple, { className: "w-20 h-auto", style: { color: appleColor } }),
+            color: appleColor,
+            status: 'unsupported'
+        },
+        { icon: (0, jsx_runtime_1.jsx)(react_simple_icons_1.SiVivo, { className: "w-24 h-auto", style: { color: '#415FFF' } }), color: '#415FFF', status: 'unsupported' }
+    ];
+    return ((0, jsx_runtime_1.jsxs)(DefaultLayout_1.DefaultLayout, { ...props, ctx: { ...props.ctx, version: undefined }, className: "relative overflow-hidden", style: { backgroundColor: bgColor, minHeight: '1440px' }, children: [(0, jsx_runtime_1.jsxs)("div", { className: "absolute inset-0 pointer-events-none", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute rounded-full w-150 h-125 top-[20%] left-[10%] blur-[150px]", style: { background: glow1 } }), (0, jsx_runtime_1.jsx)("div", { className: "absolute rounded-full w-125 h-112.5 bottom-[15%] right-[10%] blur-[130px]", style: { background: glow2 } })] }), (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 pointer-events-none", style: { opacity: noiseOpacity }, children: (0, jsx_runtime_1.jsxs)("svg", { className: "w-full h-full", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsxs)("filter", { id: "tipNoise", x: "0%", y: "0%", width: "100%", height: "100%", children: [(0, jsx_runtime_1.jsx)("feTurbulence", { type: "fractalNoise", baseFrequency: "0.8", numOctaves: "1", stitchTiles: "stitch", result: "noise" }), (0, jsx_runtime_1.jsx)("feColorMatrix", { type: "saturate", values: "0", result: "gray" }), (0, jsx_runtime_1.jsxs)("feComponentTransfer", { children: [(0, jsx_runtime_1.jsx)("feFuncR", { type: "discrete", tableValues: "0 1" }), (0, jsx_runtime_1.jsx)("feFuncG", { type: "discrete", tableValues: "0 1" }), (0, jsx_runtime_1.jsx)("feFuncB", { type: "discrete", tableValues: "0 1" })] })] }), (0, jsx_runtime_1.jsx)("rect", { width: "100%", height: "100%", filter: "url(#tipNoise)" })] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "absolute inset-0 pointer-events-none overflow-hidden", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute top-20 left-20 grid grid-cols-5 gap-2 opacity-30", children: Array.from({ length: 15 }).map((_, i) => ((0, jsx_runtime_1.jsx)("div", { className: "w-2 h-2 rounded-full", style: { backgroundColor: primaryColor } }, i))) }), (0, jsx_runtime_1.jsxs)("div", { className: "absolute top-20 right-20 flex flex-col items-end gap-2 opacity-30", children: [(0, jsx_runtime_1.jsx)("div", { className: "h-0.75 rounded-full w-20", style: { backgroundColor: secondaryColor } }), (0, jsx_runtime_1.jsx)("div", { className: "h-0.75 rounded-full w-12", style: { backgroundColor: secondaryColor } }), (0, jsx_runtime_1.jsx)("div", { className: "h-0.75 rounded-full w-6", style: { backgroundColor: secondaryColor } })] }), (0, jsx_runtime_1.jsxs)("div", { className: "absolute bottom-40 left-10 flex gap-2 opacity-30", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-2 h-2 rounded-full", style: { backgroundColor: primaryColor } }), (0, jsx_runtime_1.jsx)("div", { className: "w-2 h-2 rounded-full", style: { backgroundColor: primaryColor } }), (0, jsx_runtime_1.jsx)("div", { className: "w-2 h-2 rounded-full", style: { backgroundColor: primaryColor } }), (0, jsx_runtime_1.jsx)("div", { className: "w-2 h-2 rounded-full", style: { backgroundColor: primaryColor } })] }), (0, jsx_runtime_1.jsx)("div", { className: "absolute bottom-10 right-10 opacity-30", children: (0, jsx_runtime_1.jsxs)("svg", { width: "100", height: "100", viewBox: "0 0 100 100", children: [(0, jsx_runtime_1.jsx)("circle", { cx: "50", cy: "50", r: "44", fill: "none", stroke: primaryColor, strokeWidth: "2" }), (0, jsx_runtime_1.jsx)("circle", { cx: "50", cy: "50", r: "28", fill: "none", stroke: secondaryColor, strokeWidth: "2" })] }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "relative z-10 flex flex-col min-h-360 px-16 py-16", children: [(0, jsx_runtime_1.jsx)("div", { className: "h-20" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-5 mb-16", children: [(0, jsx_runtime_1.jsx)("div", { className: "rounded-full p-5 shrink-0", style: {
+                                    background: 'radial-gradient(circle, ' + (dark ? 'rgba(255,255,255,0.1)' : 'rgba(0,0,0,0.06)') + ' 0%, transparent 70%)'
+                                }, children: (0, jsx_runtime_1.jsx)(lucide_react_1.ArrowDownToLine, { className: "w-30 h-auto", style: { color: primaryColor } }) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-4xl font-bold leading-tight", style: { color: accentColor }, children: "\u4FDD\u5B58\u539F\u56FE" }), (0, jsx_runtime_1.jsx)("p", { className: "text-5xl mt-1", style: { color: mutedColor }, children: "\u70B9\u51FB\u300C\u67E5\u770B\u539F\u56FE\u300D\u540E\u4FDD\u5B58\u5230\u76F8\u518C\u5373\u53EF\u8BC6\u522B\u4E3A\u5B9E\u51B5\u7167\u7247" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1 flex flex-col justify-center items-center gap-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-6", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex justify-center gap-6", children: supportedBrands.slice(0, 4).map((brand, idx) => ((0, jsx_runtime_1.jsx)(BrandCard, { brand: brand, isDark: dark }, idx))) }), (0, jsx_runtime_1.jsx)("div", { className: "flex justify-center gap-6", children: supportedBrands.slice(4).map((brand, idx) => ((0, jsx_runtime_1.jsx)(BrandCard, { brand: brand, isDark: dark }, idx))) })] }), (0, jsx_runtime_1.jsx)("div", { className: "w-200 h-px", style: { backgroundColor: dark ? 'rgba(255,255,255,0.08)' : 'rgba(0,0,0,0.06)' } }), (0, jsx_runtime_1.jsx)("div", { className: "flex justify-center gap-8", children: unsupportedBrands.map((brand, idx) => ((0, jsx_runtime_1.jsx)(UnsupportedBrandCard, { brand: brand, isDark: dark }, idx))) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-4 mt-12 px-8 py-5 rounded-2xl", style: { backgroundColor: dark ? 'rgba(255,255,255,0.04)' : 'rgba(0,0,0,0.03)' }, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Info, { className: "w-6 h-6 shrink-0 mt-0.5", style: { color: primaryColor } }), (0, jsx_runtime_1.jsx)("p", { className: "text-xl leading-relaxed", style: { color: mutedColor }, children: "\u6240\u6709\u652F\u6301 Google Motion Photo \u6807\u51C6\u7684\u76F8\u518C App \u5747\u53EF\u8BC6\u522B\u5B9E\u51B5\u7167\u7247" })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex justify-end items-end mt-auto pt-12", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-end gap-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-end", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-xl font-bold tracking-[0.15em] uppercase", style: { color: mutedColor }, children: "KOISHI-PLUGIN" }), (0, jsx_runtime_1.jsx)("span", { className: "text-5xl font-black", style: { color: accentColor }, children: "kkk" })] }), (0, jsx_runtime_1.jsx)(GlowImage_1.GlowImage, { glowStrength: 1, blurRadius: 25, children: (0, jsx_runtime_1.jsx)(KkkLogo, { className: "w-auto h-20", color: accentColor }) })] }) })] })] }));
+});
+exports.LivePhotoTip.displayName = 'LivePhotoTip';
+exports.default = exports.LivePhotoTip;

package/lib/ktr/template/other/live-photo-tip/components/types.js

@@ -0,0 +1,3 @@
+"use strict";
+/** 本模板的数据类型（路由 index.tsx 与 components/ 实现共用）。 */
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/ktr/template/other/live-photo-tip/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const template_react_1 = require("../../../../compat/template-react.js");
+const LivePhotoTip_1 = require("./components/LivePhotoTip");
+exports.default = (0, template_react_1.defineTemplate)({
+    name: '实况图提示',
+    description: '实况照片保存提示图片',
+    component: LivePhotoTip_1.LivePhotoTip
+});

package/lib/ktr/template/other/qrlogin/components/qrlogin.js

@@ -0,0 +1,58 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QrLogin = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lucide_react_1 = require("lucide-react");
+const react_1 = __importDefault(require("react"));
+const theme_1 = require("../../../../utils/theme");
+const DefaultLayout_1 = require("../../../components/DefaultLayout");
+const GlowImage_1 = require("../../../components/GlowImage");
+const QRCodeWithAvatar_1 = require("../../../components/QRCodeWithAvatar");
+/**
+ * APP 扫码登录组件
+ * @param props 组件属性
+ * @returns JSX元素
+ */
+exports.QrLogin = react_1.default.memo((props) => {
+    const dark = (0, theme_1.isDark)(props.ctx);
+    // 使用蓝紫色系弥散渐变
+    const bgColor = dark ? '#0f0f1a' : '#f8f6ff';
+    const secondaryColor = dark ? '#a78bfa' : '#8b5cf6';
+    const mutedColor = dark ? 'rgba(129,140,248,0.7)' : '#7c3aed';
+    const accentColor = dark ? '#c4b5fd' : '#4f46e5';
+    const warningColor = dark ? '#f87171' : '#dc2626'; // 改为红色系警告色
+    return ((0, jsx_runtime_1.jsxs)(DefaultLayout_1.DefaultLayout, { ...props, ctx: { ...props.ctx, version: undefined }, className: "relative overflow-hidden", style: { backgroundColor: bgColor, minHeight: '2000px' }, children: [(0, jsx_runtime_1.jsxs)("div", { className: "absolute inset-0 pointer-events-none", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute rounded-full w-200 h-150 -top-50 left-1/2 -translate-x-1/2 blur-[150px]", style: {
+                            background: dark
+                                ? 'radial-gradient(ellipse at 50% 30%, rgba(99,102,241,0.5) 0%, rgba(139,92,246,0.25) 50%, transparent 100%)'
+                                : 'radial-gradient(ellipse at 50% 30%, rgba(99,102,241,0.35) 0%, rgba(139,92,246,0.18) 50%, transparent 100%)'
+                        } }), (0, jsx_runtime_1.jsx)("div", { className: "absolute rounded-full w-175 h-175 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 blur-[140px]", style: {
+                            background: dark
+                                ? 'radial-gradient(ellipse at 50% 50%, rgba(167,139,250,0.4) 0%, rgba(196,181,253,0.2) 50%, transparent 100%)'
+                                : 'radial-gradient(ellipse at 50% 50%, rgba(167,139,250,0.3) 0%, rgba(196,181,253,0.12) 50%, transparent 100%)'
+                        } }), (0, jsx_runtime_1.jsx)("div", { className: "absolute rounded-full w-200 h-150 -bottom-50 left-1/2 -translate-x-1/2 blur-[150px]", style: {
+                            background: dark
+                                ? 'radial-gradient(ellipse at 50% 70%, rgba(124,58,237,0.35) 0%, rgba(99,102,241,0.18) 50%, transparent 100%)'
+                                : 'radial-gradient(ellipse at 50% 70%, rgba(124,58,237,0.25) 0%, rgba(99,102,241,0.12) 50%, transparent 100%)'
+                        } })] }), (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 pointer-events-none", style: { opacity: dark ? 0.08 : 0.1 }, children: (0, jsx_runtime_1.jsxs)("svg", { className: "w-full h-full", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsxs)("filter", { id: "qrNoise", x: "0%", y: "0%", width: "100%", height: "100%", children: [(0, jsx_runtime_1.jsx)("feTurbulence", { type: "fractalNoise", baseFrequency: "0.8", numOctaves: "1", stitchTiles: "stitch", result: "noise" }), (0, jsx_runtime_1.jsx)("feColorMatrix", { type: "saturate", values: "0", result: "gray" }), (0, jsx_runtime_1.jsxs)("feComponentTransfer", { children: [(0, jsx_runtime_1.jsx)("feFuncR", { type: "discrete", tableValues: "0 1" }), (0, jsx_runtime_1.jsx)("feFuncG", { type: "discrete", tableValues: "0 1" }), (0, jsx_runtime_1.jsx)("feFuncB", { type: "discrete", tableValues: "0 1" })] })] }), (0, jsx_runtime_1.jsx)("rect", { width: "100%", height: "100%", filter: "url(#qrNoise)" })] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "relative z-10 flex flex-col min-h-500 pt-20 pb-20 px-32", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-5", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-2xl font-medium tracking-[0.3em] uppercase", style: { color: mutedColor }, children: "koishi-plugin-kkk" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-6", children: [(0, jsx_runtime_1.jsx)(GlowImage_1.GlowImage, { glowStrength: 0.8, blurRadius: 25, children: (0, jsx_runtime_1.jsx)(lucide_react_1.Smartphone, { className: "w-20 h-20", style: { color: accentColor } }) }), (0, jsx_runtime_1.jsx)("h1", { className: "text-[90px] font-black leading-none", style: { color: accentColor }, children: "\u626B\u7801\u767B\u5F55" })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-3xl font-medium", style: { color: secondaryColor }, children: "\u4F7F\u7528\u624B\u673A APP \u626B\u63CF\u4E8C\u7EF4\u7801\u5FEB\u901F\u8FDE\u63A5" })] }), (0, jsx_runtime_1.jsx)("div", { className: "mt-10 mb-10", children: (0, jsx_runtime_1.jsxs)("div", { className: "relative rounded-3xl p-10 border-4", style: {
+                                background: dark
+                                    ? 'linear-gradient(135deg, rgba(139,92,246,0.2) 0%, rgba(124,58,237,0.15) 100%)'
+                                    : 'linear-gradient(135deg, rgba(196,181,253,0.4) 0%, rgba(167,139,250,0.3) 100%)',
+                                borderColor: dark ? '#a78bfa' : '#8b5cf6',
+                                boxShadow: dark
+                                    ? '0 0 60px rgba(139,92,246,0.4), inset 0 0 40px rgba(139,92,246,0.15)'
+                                    : '0 0 60px rgba(139,92,246,0.3), inset 0 0 40px rgba(196,181,253,0.4)'
+                            }, children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute -top-12 left-1/2 -translate-x-1/2", children: (0, jsx_runtime_1.jsx)("div", { className: "rounded-full p-6", style: {
+                                            background: dark
+                                                ? 'linear-gradient(135deg, #f87171 0%, #dc2626 100%)'
+                                                : 'linear-gradient(135deg, #ef4444 0%, #dc2626 100%)',
+                                            boxShadow: dark ? '0 0 40px rgba(248,113,113,0.6)' : '0 0 40px rgba(239,68,68,0.5)'
+                                        }, children: (0, jsx_runtime_1.jsx)(lucide_react_1.AlertTriangle, { className: "w-16 h-16 text-white", strokeWidth: 3 }) }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-6 mt-8", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-center", children: [(0, jsx_runtime_1.jsx)("h3", { className: "text-6xl font-black tracking-wider mb-4", style: { color: warningColor }, children: "\u26A0 \u5B89\u5168\u8B66\u544A \u26A0" }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-3", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-4xl font-bold", style: { color: dark ? '#c4b5fd' : '#7c3aed' }, children: "\u8BF7\u52FF\u622A\u56FE\u8F6C\u53D1\u6B64\u4E8C\u7EF4\u7801" }), (0, jsx_runtime_1.jsx)("p", { className: "text-3xl font-medium", style: { color: dark ? '#a78bfa' : '#8b5cf6' }, children: "\u56FE\u7247\u542B\u654F\u611F\u767B\u5F55\u4FE1\u606F" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex-1 h-1 rounded-full", style: { backgroundColor: dark ? '#8b5cf6' : '#a78bfa', opacity: 0.5 } }), (0, jsx_runtime_1.jsx)("span", { className: "text-3xl", style: { color: dark ? '#a78bfa' : '#8b5cf6' }, children: "\u25C6" }), (0, jsx_runtime_1.jsx)("div", { className: "flex-1 h-1 rounded-full", style: { backgroundColor: dark ? '#8b5cf6' : '#a78bfa', opacity: 0.5 } })] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-center", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-4xl font-bold tracking-wide", style: { color: warningColor }, children: "\u6CC4\u9732\u5C06\u5BFC\u81F4\u670D\u52A1\u5668\u5B89\u5168\u98CE\u9669" }), (0, jsx_runtime_1.jsx)("p", { className: "text-3xl font-medium mt-3", style: { color: dark ? '#a78bfa' : '#8b5cf6' }, children: "CONFIDENTIAL \u00B7 \u673A\u5BC6\u4FE1\u606F" })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "absolute top-4 left-4 w-12 h-12 border-t-4 border-l-4 rounded-tl-2xl", style: { borderColor: dark ? '#a78bfa' : '#8b5cf6' } }), (0, jsx_runtime_1.jsx)("div", { className: "absolute top-4 right-4 w-12 h-12 border-t-4 border-r-4 rounded-tr-2xl", style: { borderColor: dark ? '#a78bfa' : '#8b5cf6' } }), (0, jsx_runtime_1.jsx)("div", { className: "absolute bottom-4 left-4 w-12 h-12 border-b-4 border-l-4 rounded-bl-2xl", style: { borderColor: dark ? '#a78bfa' : '#8b5cf6' } }), (0, jsx_runtime_1.jsx)("div", { className: "absolute bottom-4 right-4 w-12 h-12 border-b-4 border-r-4 rounded-br-2xl", style: { borderColor: dark ? '#a78bfa' : '#8b5cf6' } })] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1 flex flex-col justify-center items-center py-12", children: [props.data.share_url ? ((0, jsx_runtime_1.jsx)("div", { className: "flex justify-center items-center w-200 h-200", children: (0, jsx_runtime_1.jsx)(QRCodeWithAvatar_1.QRCodeWithAvatar, { value: props.data.share_url, avatarUrl: props.data.avatarUrl, useDarkTheme: dark, alt: "\u767B\u5F55\u4E8C\u7EF4\u7801", className: "object-contain w-full h-full" }) })) : ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-8 justify-center items-center w-200 h-200", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.QrCode, { className: "w-40 h-40", style: { color: mutedColor } }), (0, jsx_runtime_1.jsx)("span", { className: "text-5xl font-medium", style: { color: mutedColor }, children: "\u4E8C\u7EF4\u7801\u751F\u6210\u4E2D..." })] })), (0, jsx_runtime_1.jsxs)("div", { className: "mt-10 flex items-center gap-8", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-32 h-2 rounded-full", style: { background: `linear-gradient(90deg, transparent, ${mutedColor})` } }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-4", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Smartphone, { className: "w-12 h-12", style: { color: mutedColor } }), (0, jsx_runtime_1.jsx)("span", { className: "text-5xl font-bold", style: { color: mutedColor }, children: "\u6253\u5F00 APP \u626B\u4E00\u626B" })] }), (0, jsx_runtime_1.jsx)("div", { className: "w-32 h-2 rounded-full", style: { background: `linear-gradient(90deg, ${mutedColor}, transparent)` } })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-6 mt-12", children: (0, jsx_runtime_1.jsxs)("div", { className: "rounded-3xl p-10", style: {
+                                background: dark ? 'rgba(139,92,246,0.1)' : 'rgba(139,92,246,0.05)',
+                                border: `2px solid ${dark ? 'rgba(139,92,246,0.3)' : 'rgba(139,92,246,0.2)'}`
+                            }, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-4 mb-6", children: [(0, jsx_runtime_1.jsxs)("svg", { className: "w-12 h-12", viewBox: "0 0 24 24", fill: "none", stroke: mutedColor, strokeWidth: "2", children: [(0, jsx_runtime_1.jsx)("rect", { x: "2", y: "2", width: "20", height: "8", rx: "2" }), (0, jsx_runtime_1.jsx)("rect", { x: "2", y: "14", width: "20", height: "8", rx: "2" }), (0, jsx_runtime_1.jsx)("circle", { cx: "6", cy: "6", r: "1", fill: mutedColor }), (0, jsx_runtime_1.jsx)("circle", { cx: "6", cy: "18", r: "1", fill: mutedColor })] }), (0, jsx_runtime_1.jsx)("span", { className: "text-4xl font-bold", style: { color: mutedColor }, children: "\u670D\u52A1\u5668\u5730\u5740" })] }), (0, jsx_runtime_1.jsx)("code", { className: "text-6xl font-mono font-bold block text-center", style: { color: accentColor }, children: props.data.serverUrl })] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-end mt-32", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col space-y-3", children: [(0, jsx_runtime_1.jsx)("svg", { className: "w-12 h-12 opacity-20", viewBox: "0 0 24 24", fill: "none", stroke: mutedColor, strokeWidth: "1.5", children: (0, jsx_runtime_1.jsx)("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }) }), (0, jsx_runtime_1.jsx)("svg", { className: "w-12 h-12 opacity-40", viewBox: "0 0 24 24", fill: "none", stroke: mutedColor, strokeWidth: "1.5", children: (0, jsx_runtime_1.jsx)("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }) }), (0, jsx_runtime_1.jsx)("svg", { className: "w-12 h-12", viewBox: "0 0 24 24", fill: accentColor, children: (0, jsx_runtime_1.jsx)("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-end gap-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-end justify-end", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-3xl font-bold tracking-widest uppercase leading-tight mb-1", style: { color: mutedColor }, children: "KOISHI-PLUGIN" }), (0, jsx_runtime_1.jsx)("span", { className: "text-8xl font-black leading-none", style: { color: accentColor }, children: "kkk" })] }), (0, jsx_runtime_1.jsx)(GlowImage_1.GlowImage, { glowStrength: 1, blurRadius: 25, children: (0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 230 221", className: "w-auto h-36", style: { color: accentColor }, children: [(0, jsx_runtime_1.jsx)("path", { d: "M132.75,87.37l-53.72-53.37c-4.66-4.63-1.38-12.58,5.18-12.58h115.13c6.57,0,9.84,7.95,5.18,12.58l-53.72,53.37c-4.99,4.96-13.06,4.96-18.05,0Z", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M28.49,186.89l.03-51.42c-.02-6.57,7.92-9.87,12.56-5.23l57.02,57.02c4.64,4.64,1.34,12.41-5.23,12.39h-51.42c-7.04-.02-12.94-5.72-12.96-12.76Z", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M41.54,23.68l163.04,163.05c4.78,4.78,1.39,12.95-5.36,12.94h-47.88c-9.69,0-18.99-3.86-25.84-10.71L39.3,102.75c-6.85-6.85-10.7-16.15-10.7-25.84V29.04c0-6.76,8.16-10.14,12.94-5.36Z", fill: "currentColor" })] }) })] })] })] })] }));
+});
+exports.QrLogin.displayName = 'QrLogin';
+exports.default = exports.QrLogin;

package/lib/ktr/template/other/qrlogin/components/types.js

@@ -0,0 +1,3 @@
+"use strict";
+/** 本模板的数据类型（路由 index.tsx 与 components/ 实现共用）。 */
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/ktr/template/other/qrlogin/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const template_react_1 = require("../../../../compat/template-react.js");
+const qrlogin_1 = require("./components/qrlogin");
+exports.default = (0, template_react_1.defineTemplate)({
+    name: 'APP扫码登录',
+    description: 'APP扫码登录二维码页面',
+    component: qrlogin_1.QrLogin
+});

package/lib/ktr/template/other/runtime/components/runtime.js

@@ -0,0 +1,101 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RuntimeReport = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lucide_react_1 = require("lucide-react");
+const react_1 = __importDefault(require("react"));
+const react_markdown_1 = __importDefault(require("react-markdown"));
+const theme_1 = require("../../../../utils/theme");
+const DefaultLayout_1 = require("../../../components/DefaultLayout");
+/**
+ * `#kkk版本` 运行环境诊断海报。
+ *
+ * 面向手机端看图场景：整幅统一底色 + 多色弥散光 + 高对比离散噪点层，内容单列纵向排布、
+ * 不使用卡片容器，靠大留白与字号层级分区，超大实心版本号作为第一视觉中心。
+ * 深色主题为紫罗兰 → 品红 → 琥珀橙弥散；浅色主题为 #271151 / #9754c7 / #deacf5 同色系紫，避免多色对撞。
+ */
+exports.RuntimeReport = react_1.default.memo((props) => {
+    const { data } = props;
+    const dark = (0, theme_1.isDark)(props.ctx);
+    const releaseLabel = data.identity.releaseType.toLowerCase() === 'stable'
+        ? '正式版'
+        : data.identity.releaseType.toLowerCase() === 'preview'
+            ? '预览版'
+            : data.identity.releaseType;
+    const buildStatus = data.build.state === 'matched'
+        ? { label: '构建信息一致', icon: (0, jsx_runtime_1.jsx)(lucide_react_1.CheckCircle2, { className: "h-8 w-8" }), color: '#22c55e' }
+        : data.build.state === 'mismatched'
+            ? { label: '构建信息不一致', icon: (0, jsx_runtime_1.jsx)(lucide_react_1.TriangleAlert, { className: "h-8 w-8" }), color: '#f59e0b' }
+            : { label: '未找到构建信息', icon: (0, jsx_runtime_1.jsx)(lucide_react_1.TriangleAlert, { className: "h-8 w-8" }), color: '#94a3b8' };
+    const palette = dark
+        ? {
+            background: '#0d0a1c',
+            glowPrimary: 'rgba(139, 92, 246, 0.34)',
+            glowSecondary: 'rgba(217, 70, 239, 0.22)',
+            glowWarm: 'rgba(251, 146, 60, 0.20)',
+            versionGlow: 'radial-gradient(ellipse at center, rgba(167, 139, 250, 0.30) 0%, rgba(240, 171, 252, 0.15) 50%, transparent 75%)',
+            versionInk: '#f6f3ff',
+            versionAccent: '#fdba74',
+            accentText: '#c4b5fd',
+            pillBg: 'rgba(139, 92, 246, 0.12)',
+            pillBorder: 'rgba(196, 181, 253, 0.35)',
+            pillText: '#c4b5fd',
+            statusDot: 'linear-gradient(112deg, #c4b5fd 0%, #f0abfc 48%, #fdba74 100%)',
+            dotGlow: '0 0 28px rgba(192, 132, 252, 0.85)',
+            barAccent: 'linear-gradient(112deg, #c4b5fd 0%, #f0abfc 48%, #fdba74 100%)',
+            meterGradient: 'linear-gradient(112deg, #c4b5fd 0%, #f0abfc 48%, #fdba74 100%)',
+            bgWord: '#ede9fe',
+            noteHeading: '#f5f3ff',
+            noteBody: 'rgba(240, 237, 255, 0.72)',
+            noteStrong: '#ffffff',
+            noteCodeBg: 'rgba(139, 92, 246, 0.16)',
+            noteCodeText: '#c4b5fd',
+            noteLink: '#c4b5fd',
+            noteBulletClass: 'before:bg-violet-400/70',
+            warnText: '#fbbf24',
+            noiseOpacity: 0.16
+        }
+        : {
+            background: '#f7f1fe',
+            glowPrimary: 'rgba(151, 84, 199, 0.30)',
+            glowSecondary: 'rgba(222, 172, 245, 0.55)',
+            glowWarm: 'rgba(250, 211, 22, 0.38)',
+            versionGlow: 'radial-gradient(ellipse at center, rgba(222, 172, 245, 0.50) 0%, rgba(250, 211, 22, 0.16) 55%, transparent 78%)',
+            versionInk: '#271151',
+            versionAccent: '#9754c7',
+            accentText: '#9754c7',
+            pillBg: 'rgba(151, 84, 199, 0.10)',
+            pillBorder: 'rgba(151, 84, 199, 0.30)',
+            pillText: '#7a3db0',
+            statusDot: '#9754c7',
+            dotGlow: '0 0 26px rgba(151, 84, 199, 0.55)',
+            barAccent: 'linear-gradient(90deg, #271151 0%, #9754c7 100%)',
+            meterGradient: 'linear-gradient(90deg, #271151 0%, #9754c7 100%)',
+            bgWord: '#271151',
+            noteHeading: '#271151',
+            noteBody: 'rgba(39, 17, 81, 0.70)',
+            noteStrong: '#271151',
+            noteCodeBg: 'rgba(151, 84, 199, 0.10)',
+            noteCodeText: '#7a3db0',
+            noteLink: '#7a3db0',
+            noteBulletClass: 'before:bg-[#9754c7]/70',
+            warnText: '#8a5a06',
+            noiseOpacity: 0.12
+        };
+    return ((0, jsx_runtime_1.jsxs)(DefaultLayout_1.DefaultLayout, { ...props, className: "relative min-h-455 overflow-hidden", style: { backgroundColor: palette.background }, children: [(0, jsx_runtime_1.jsxs)("div", { className: "pointer-events-none absolute inset-0 z-0 overflow-hidden", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute -left-130 -top-120 h-337.5 w-375 rounded-full blur-[230px]", style: { background: `radial-gradient(ellipse at center, ${palette.glowPrimary} 0%, transparent 70%)` } }), (0, jsx_runtime_1.jsx)("div", { className: "absolute -right-130 top-[32%] h-312.5 w-300 rounded-full blur-[240px]", style: { background: `radial-gradient(ellipse at center, ${palette.glowSecondary} 0%, transparent 72%)` } }), (0, jsx_runtime_1.jsx)("div", { className: "absolute -bottom-120 -left-80 h-287.5 w-337.5 rounded-full blur-[260px]", style: { background: `radial-gradient(ellipse at center, ${palette.glowWarm} 0%, transparent 72%)` } }), (0, jsx_runtime_1.jsx)("div", { className: "absolute -bottom-90 -right-105 h-225 w-250 rounded-full blur-[240px]", style: { background: `radial-gradient(ellipse at center, ${palette.glowPrimary} 0%, transparent 72%)` } }), (0, jsx_runtime_1.jsx)("div", { className: "absolute left-115 top-200 select-none text-[400px] -rotate-90 font-black leading-none tracking-[-0.06em] opacity-[0.03]", style: { color: palette.bgWord }, children: "RUNTIME" })] }), (0, jsx_runtime_1.jsx)("div", { className: "pointer-events-none absolute inset-0 z-0", style: { opacity: palette.noiseOpacity }, children: (0, jsx_runtime_1.jsxs)("svg", { className: "h-full w-full", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsxs)("filter", { id: "runtimeReportNoise", x: "0%", y: "0%", width: "100%", height: "100%", children: [(0, jsx_runtime_1.jsx)("feTurbulence", { type: "fractalNoise", baseFrequency: "0.8", numOctaves: "1", stitchTiles: "stitch", result: "noise" }), (0, jsx_runtime_1.jsx)("feColorMatrix", { type: "saturate", values: "0", result: "gray" }), (0, jsx_runtime_1.jsxs)("feComponentTransfer", { children: [(0, jsx_runtime_1.jsx)("feFuncR", { type: "discrete", tableValues: "0 1" }), (0, jsx_runtime_1.jsx)("feFuncG", { type: "discrete", tableValues: "0 1" }), (0, jsx_runtime_1.jsx)("feFuncB", { type: "discrete", tableValues: "0 1" })] })] }), (0, jsx_runtime_1.jsx)("rect", { width: "100%", height: "100%", filter: "url(#runtimeReportNoise)" })] }) }), (0, jsx_runtime_1.jsxs)("main", { className: "relative z-10 px-22 pb-16 pt-20", children: [(0, jsx_runtime_1.jsxs)("header", { className: "relative", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between gap-12", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-4", children: [(0, jsx_runtime_1.jsx)("span", { className: "h-3.5 w-3.5 rounded-full", style: { background: palette.statusDot, boxShadow: palette.dotGlow } }), (0, jsx_runtime_1.jsx)("span", { className: "text-[24px] font-bold tracking-[0.28em] text-foreground/44", children: "\u8FD0\u884C\u8BCA\u65AD \u00B7 RUNTIME REPORT" })] }), (0, jsx_runtime_1.jsx)("span", { className: "whitespace-nowrap rounded-full border px-6 py-2 text-[22px] font-black tracking-[0.14em]", style: { borderColor: palette.pillBorder, background: palette.pillBg, color: palette.pillText }, children: releaseLabel })] }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-19", children: [(0, jsx_runtime_1.jsx)("h1", { className: "whitespace-nowrap text-[136px] font-black leading-none tracking-[-0.05em] text-foreground", children: "\u8FD0\u884C\u73AF\u5883" }), (0, jsx_runtime_1.jsx)("p", { className: "mt-8 whitespace-nowrap text-[32px] font-semibold text-foreground/48", children: "\u63D2\u4EF6\u3001\u6846\u67B6\u4E0E\u672C\u5730\u5BBF\u4E3B\u7684\u7CBE\u7B80\u8BCA\u65AD\u5FEB\u7167" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "relative mt-23", children: [(0, jsx_runtime_1.jsx)("div", { className: "pointer-events-none absolute -left-16 -top-24 h-105 w-205 rounded-full blur-[150px]", style: { background: palette.versionGlow } }), (0, jsx_runtime_1.jsx)("div", { className: "relative text-[24px] font-bold tracking-[0.2em] text-foreground/36", children: "\u63D2\u4EF6\u7248\u672C" }), (0, jsx_runtime_1.jsxs)("div", { className: "relative mt-5 whitespace-nowrap font-mono text-[200px] font-black leading-none tracking-[-0.08em]", children: [(0, jsx_runtime_1.jsx)("span", { className: "mr-4 text-[64px]", style: { color: palette.versionAccent }, children: "v" }), (0, jsx_runtime_1.jsx)("span", { style: { color: palette.versionInk }, children: data.identity.pluginVersion })] }), (0, jsx_runtime_1.jsxs)("div", { className: "relative mt-8 flex items-center gap-4", children: [(0, jsx_runtime_1.jsx)("span", { className: "whitespace-nowrap font-mono text-[26px] font-bold text-foreground/46", children: data.identity.pluginName }), (0, jsx_runtime_1.jsxs)("span", { className: "flex items-center gap-3 whitespace-nowrap rounded-full border px-5 py-1.5 text-[24px] font-bold", style: { color: buildStatus.color, borderColor: `${buildStatus.color}55`, background: `${buildStatus.color}14` }, children: [buildStatus.icon, buildStatus.label] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "relative mt-11 whitespace-nowrap font-mono text-[22px] font-semibold text-foreground/28", children: ["\u6784\u5EFA ", data.build.shortCommitHash ?? '未知', " \u00B7 ", data.build.buildTime ?? '时间未知'] })] })] }), (0, jsx_runtime_1.jsxs)("section", { className: "relative mt-30", children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative flex items-center gap-5", children: [(0, jsx_runtime_1.jsx)("span", { className: "h-3 w-3 rounded-full", style: { background: palette.statusDot } }), (0, jsx_runtime_1.jsx)("span", { className: "text-[24px] font-black tracking-[0.28em]", style: { color: palette.accentText }, children: "\u73AF\u5883\u6458\u8981" }), (0, jsx_runtime_1.jsx)("span", { className: "ml-2 h-2 w-22 rounded-full", style: { background: palette.barAccent } })] }), (0, jsx_runtime_1.jsxs)("div", { className: "relative mt-16 grid grid-cols-2 gap-x-18 gap-y-16", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-[22px] font-bold tracking-[0.18em] text-foreground/36", children: "\u64CD\u4F5C\u7CFB\u7EDF" }), (0, jsx_runtime_1.jsx)("div", { className: "mt-3 truncate whitespace-nowrap text-[48px] font-black tracking-[-0.02em] text-foreground", children: data.runtime.os }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-4 whitespace-nowrap font-mono text-[26px] font-bold text-foreground/42", children: [data.runtime.platform, " \u00B7 ", data.runtime.arch] })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-[22px] font-bold tracking-[0.18em] text-foreground/36", children: "\u5F53\u524D\u9002\u914D\u5668" }), (0, jsx_runtime_1.jsx)("div", { className: "mt-3 truncate whitespace-nowrap text-[48px] font-black tracking-[-0.02em] text-foreground", children: data.adapter.name }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-4 whitespace-nowrap font-mono text-[27px] font-black", style: { color: palette.accentText }, children: ["v", data.adapter.version] })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-[22px] font-bold tracking-[0.18em] text-foreground/36", children: "Koishi \u7248\u672C" }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-3 whitespace-nowrap font-mono text-[48px] font-black leading-none tracking-[-0.02em] text-foreground", children: ["v", data.identity.karinVersion] })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-[22px] font-bold tracking-[0.18em] text-foreground/36", children: "Node.js \u7248\u672C" }), (0, jsx_runtime_1.jsx)("div", { className: "mt-3 whitespace-nowrap font-mono text-[48px] font-black leading-none tracking-[-0.02em]", style: { color: palette.accentText }, children: data.runtime.nodeVersion })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-[22px] font-bold tracking-[0.18em] text-foreground/36", children: "\u5185\u5B58\u5360\u7528" }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-3 flex items-end gap-5", children: [(0, jsx_runtime_1.jsx)("span", { className: "whitespace-nowrap font-mono text-[72px] font-black leading-none tracking-[-0.04em] text-foreground", children: data.resources.memoryUsagePercent }), (0, jsx_runtime_1.jsxs)("span", { className: "whitespace-nowrap pb-2 font-mono text-[24px] font-bold text-foreground/40", children: [data.resources.usedMemory, " / ", data.resources.totalMemory] })] }), (0, jsx_runtime_1.jsx)("div", { className: "mt-5 h-3 w-full max-w-105 overflow-hidden rounded-full bg-foreground/8", children: (0, jsx_runtime_1.jsx)("div", { className: "h-full rounded-full", style: { width: data.resources.memoryUsagePercent, background: palette.meterGradient } }) })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-[22px] font-bold tracking-[0.18em] text-foreground/36", children: "\u5904\u7406\u5668" }), (0, jsx_runtime_1.jsx)("div", { className: "mt-3 line-clamp-2 wrap-break-word text-[32px] font-black leading-[1.4] text-foreground/78", children: data.resources.cpuModel }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-4 whitespace-nowrap font-mono text-[24px] font-bold text-foreground/40", children: [data.resources.cpuCores, " \u6838\u5FC3"] })] })] })] }), (0, jsx_runtime_1.jsxs)("section", { className: "relative mt-32.5", children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative flex items-center gap-5", children: [(0, jsx_runtime_1.jsx)("span", { className: "h-3 w-3 rounded-full", style: { background: palette.statusDot } }), (0, jsx_runtime_1.jsx)("span", { className: "text-[24px] font-black tracking-[0.28em]", style: { color: palette.accentText }, children: "\u4EC5\u5C55\u793A\u5F53\u524D\u7248\u672C" }), (0, jsx_runtime_1.jsx)("span", { className: "ml-2 h-2 w-22 rounded-full", style: { background: palette.barAccent } })] }), (0, jsx_runtime_1.jsx)("h2", { className: "mt-7 text-[76px] font-black leading-none", style: { color: palette.noteStrong }, children: "\u672C\u7248\u53D8\u66F4" }), data.releaseNotes.available ? ((0, jsx_runtime_1.jsx)("div", { className: "runtime-release-notes relative mt-15", children: (0, jsx_runtime_1.jsx)(react_markdown_1.default, { components: {
+                                        h2: ({ children }) => ((0, jsx_runtime_1.jsx)("h2", { className: "mb-11 whitespace-nowrap text-[48px] font-black leading-tight", style: { color: palette.noteStrong }, children: children })),
+                                        h3: ({ children }) => ((0, jsx_runtime_1.jsxs)("h3", { className: "mb-5 mt-10 flex items-center gap-5 whitespace-nowrap text-[36px] font-black leading-tight", style: { color: palette.noteHeading }, children: [(0, jsx_runtime_1.jsx)("span", { className: "h-2.5 w-12 shrink-0 rounded-full", style: { background: palette.barAccent } }), children] })),
+                                        p: ({ children }) => ((0, jsx_runtime_1.jsx)("p", { className: "mb-6 text-[32px] leading-[1.7]", style: { color: palette.noteBody }, children: children })),
+                                        ul: ({ children }) => (0, jsx_runtime_1.jsx)("ul", { className: "mb-8 space-y-5 pl-10", children: children }),
+                                        ol: ({ children }) => (0, jsx_runtime_1.jsx)("ol", { className: "mb-8 list-decimal space-y-5 pl-12", children: children }),
+                                        li: ({ children }) => ((0, jsx_runtime_1.jsx)("li", { className: `relative wrap-break-word text-[32px] font-semibold leading-[1.65] before:absolute before:-left-8 before:top-[0.74em] before:h-2.5 before:w-2.5 before:rounded-full ${palette.noteBulletClass}`, style: { color: palette.noteBody }, children: children })),
+                                        strong: ({ children }) => ((0, jsx_runtime_1.jsx)("strong", { className: "font-black", style: { color: palette.noteStrong }, children: children })),
+                                        code: ({ children }) => ((0, jsx_runtime_1.jsx)("code", { className: "break-all rounded-lg px-3 py-1 font-mono text-[0.88em] font-bold", style: { background: palette.noteCodeBg, color: palette.noteCodeText }, children: children })),
+                                        a: ({ children }) => ((0, jsx_runtime_1.jsx)("span", { className: "font-bold", style: { color: palette.noteLink }, children: children }))
+                                    }, children: data.releaseNotes.markdown }) })) : ((0, jsx_runtime_1.jsxs)("div", { className: "relative mt-15 flex items-start gap-6", style: { color: palette.warnText }, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.TriangleAlert, { className: "mt-1 h-11 w-11 shrink-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-[34px] font-black", children: "\u5F53\u524D\u6784\u5EFA\u6CA1\u6709\u53EF\u7528\u7684\u53D8\u66F4\u65E5\u5FD7" }), (0, jsx_runtime_1.jsx)("div", { className: "mt-3 text-[27px] font-semibold leading-[1.55] opacity-70", children: "\u73AF\u5883\u6458\u8981\u4ECD\u53EF\u6B63\u5E38\u7528\u4E8E\u95EE\u9898\u5B9A\u4F4D\u3002" })] })] }))] }), (0, jsx_runtime_1.jsxs)("footer", { className: "mt-20 flex items-end justify-between gap-12 whitespace-nowrap text-[22px] font-semibold text-foreground/32", children: [(0, jsx_runtime_1.jsx)("span", { children: "\u4EC5\u5305\u542B\u7ECF\u8FC7\u8131\u654F\u7684\u672C\u5730\u8FD0\u884C\u4FE1\u606F" }), (0, jsx_runtime_1.jsx)("span", { className: "font-mono", children: data.snapshotAt })] })] })] }));
+});
+exports.RuntimeReport.displayName = 'RuntimeReport';
+exports.default = exports.RuntimeReport;

package/lib/ktr/template/other/runtime/components/types.js

@@ -0,0 +1,3 @@
+"use strict";
+/** 本模板的数据类型（路由 index.tsx 与 components/ 实现共用）。 */
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/ktr/template/other/runtime/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const template_react_1 = require("../../../../compat/template-react.js");
+const runtime_1 = require("./components/runtime");
+exports.default = (0, template_react_1.defineTemplate)({
+    name: '运行环境诊断',
+    description: 'KKK插件运行环境诊断页面',
+    component: runtime_1.RuntimeReport
+});

package/lib/ktr/template/other/version_warning/components/VersionWarning.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VersionWarning = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("../../../../../compat/heroui.js");
+const lucide_react_1 = require("lucide-react");
+const cn_1 = require("../../../../utils/cn");
+const theme_1 = require("../../../../utils/theme");
+const DefaultLayout_1 = require("../../../components/DefaultLayout");
+const GlowImage_1 = require("../../../components/GlowImage");
+const VersionWarning = (props) => {
+    const dark = (0, theme_1.isDark)(props.ctx);
+    const bgColor = dark ? '#1c1917' : '#faf5ef';
+    const primaryColor = dark ? '#fb923c' : '#c2410c';
+    const secondaryColor = dark ? '#fdba74' : '#9a3412';
+    const mutedColor = dark ? 'rgba(251,146,60,0.7)' : '#b45309';
+    const accentColor = dark ? '#fed7aa' : '#7c2d12';
+    return ((0, jsx_runtime_1.jsxs)(DefaultLayout_1.DefaultLayout, { ...props, ctx: { ...props.ctx, version: undefined }, className: "relative overflow-hidden", style: { backgroundColor: bgColor, height: '2450px' }, children: [(0, jsx_runtime_1.jsxs)("div", { className: "absolute inset-0 pointer-events-none", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute rounded-full w-315 h-360 -top-67.5 -left-45 blur-[108px] -rotate-20", style: {
+                            background: dark
+                                ? 'radial-gradient(ellipse at 40% 40%, rgba(194,65,12,0.4) 0%, rgba(154,52,18,0.2) 50%, transparent 100%)'
+                                : 'radial-gradient(ellipse at 40% 40%, rgba(234,88,12,0.5) 0%, rgba(251,146,60,0.25) 50%, transparent 100%)'
+                        } }), (0, jsx_runtime_1.jsx)("div", { className: "absolute rounded-full w-225 h-270 top-112.5 -right-22.5 blur-[90px] rotate-15", style: {
+                            background: dark
+                                ? 'radial-gradient(ellipse at 50% 50%, rgba(68,44,21,0.35) 0%, rgba(41,26,13,0.18) 50%, transparent 100%)'
+                                : 'radial-gradient(ellipse at 50% 50%, rgba(251,191,36,0.3) 0%, rgba(245,158,11,0.15) 50%, transparent 100%)'
+                        } }), (0, jsx_runtime_1.jsx)("div", { className: "absolute rounded-full w-270 h-225 -bottom-45 left-45 blur-[126px] -rotate-10", style: {
+                            background: dark
+                                ? 'radial-gradient(ellipse at 50% 60%, rgba(180,83,9,0.35) 0%, rgba(146,64,14,0.18) 50%, transparent 100%)'
+                                : 'radial-gradient(ellipse at 50% 60%, rgba(194,65,12,0.4) 0%, rgba(180,83,9,0.2) 50%, transparent 100%)'
+                        } })] }), (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 pointer-events-none", style: { opacity: dark ? 0.1 : 0.15 }, children: (0, jsx_runtime_1.jsxs)("svg", { className: "w-full h-full", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsxs)("filter", { id: "pixelNoise", x: "0%", y: "0%", width: "100%", height: "100%", children: [(0, jsx_runtime_1.jsx)("feTurbulence", { type: "fractalNoise", baseFrequency: "0.8", numOctaves: "1", stitchTiles: "stitch", result: "noise" }), (0, jsx_runtime_1.jsx)("feColorMatrix", { type: "saturate", values: "0", result: "gray" }), (0, jsx_runtime_1.jsxs)("feComponentTransfer", { children: [(0, jsx_runtime_1.jsx)("feFuncR", { type: "discrete", tableValues: "0 1" }), (0, jsx_runtime_1.jsx)("feFuncG", { type: "discrete", tableValues: "0 1" }), (0, jsx_runtime_1.jsx)("feFuncB", { type: "discrete", tableValues: "0 1" })] })] }), (0, jsx_runtime_1.jsx)("rect", { width: "100%", height: "100%", filter: "url(#pixelNoise)" })] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "absolute bottom-25 right-18 pointer-events-none select-none opacity-[0.03]", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-[200px] font-black tracking-tighter leading-none block text-right", style: { color: dark ? '#fff' : '#78350f' }, children: "VERSION" }), (0, jsx_runtime_1.jsx)("span", { className: "text-[200px] font-black tracking-tighter leading-none block text-right", style: { color: dark ? '#fff' : '#78350f' }, children: "WARNING" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "relative z-10 flex flex-col justify-between h-full p-18", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-start", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-12", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-[28px] font-medium tracking-[0.3em] uppercase", style: { color: mutedColor }, children: "koishi-plugin-kkk" }), (0, jsx_runtime_1.jsx)("h1", { className: "text-[180px] font-black leading-none", style: { color: accentColor }, children: "\u8BF7\u5347\u7EA7\u4F60\u7684" }), (0, jsx_runtime_1.jsx)("h1", { className: "text-[120px] font-black leading-none", style: { color: accentColor }, children: (0, jsx_runtime_1.jsx)("span", { className: "font-mono", children: "node-karin" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-end space-y-3 mt-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex space-x-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-8 h-8 rounded-full", style: { backgroundColor: accentColor, opacity: 0.2 } }), (0, jsx_runtime_1.jsx)("div", { className: "w-8 h-8 rounded-full", style: { backgroundColor: accentColor, opacity: 0.4 } }), (0, jsx_runtime_1.jsx)("div", { className: "w-8 h-8 rounded-full", style: { backgroundColor: accentColor, opacity: 0.6 } }), (0, jsx_runtime_1.jsx)("div", { className: "w-8 h-8 rounded-full", style: { backgroundColor: accentColor } })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex space-x-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-8 h-8 rounded", style: { backgroundColor: secondaryColor, opacity: 0.15 } }), (0, jsx_runtime_1.jsx)("div", { className: "w-8 h-8 rounded", style: { backgroundColor: secondaryColor, opacity: 0.3 } }), (0, jsx_runtime_1.jsx)("div", { className: "w-8 h-8 rounded", style: { backgroundColor: secondaryColor, opacity: 0.5 } })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex space-x-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-8 h-8 rotate-45", style: { backgroundColor: mutedColor, opacity: 0.1 } }), (0, jsx_runtime_1.jsx)("div", { className: "w-8 h-8 rotate-45", style: { backgroundColor: mutedColor, opacity: 0.25 } })] })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex-1 flex flex-col justify-center", children: (0, jsx_runtime_1.jsxs)("div", { className: "rounded-7xl p-12", style: { backgroundColor: dark ? 'rgba(0,0,0,0.2)' : 'rgba(255,255,255,0.5)' }, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-stretch mb-10", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex-1", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center space-x-3 mb-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-4 h-4 rounded-full", style: { backgroundColor: primaryColor } }), (0, jsx_runtime_1.jsx)("span", { className: "text-[28px] font-medium", style: { color: mutedColor }, children: "\u5F53\u524D\u8FD0\u884C\u65F6\u7248\u672C" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "relative inline-block", children: [(0, jsx_runtime_1.jsxs)("span", { className: "text-[56px] font-black font-mono leading-tight opacity-50 break-all", style: { color: primaryColor }, children: ["v", props.data.currentVersion] }), (0, jsx_runtime_1.jsx)("div", { className: "absolute top-1/2 -left-2 -right-2 h-1.5 -rotate-3 rounded-full", style: { backgroundColor: primaryColor } })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "w-0.5 rounded-full mx-10", style: { backgroundColor: dark ? 'rgba(251,146,60,0.2)' : 'rgba(180,83,9,0.15)' } }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center space-x-3 mb-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-4 h-4 rounded-full", style: { backgroundColor: accentColor } }), (0, jsx_runtime_1.jsx)("span", { className: "text-[28px] font-medium", style: { color: mutedColor }, children: "\u9700\u8981/\u5EFA\u8BAE\u7684\u7248\u672C" }), (0, jsx_runtime_1.jsx)(react_1.Chip, { className: "text-xl font-bold rounded-full px-4 py-2", style: { backgroundColor: accentColor, color: bgColor }, size: "md", children: "\u63A8\u8350" })] }), (0, jsx_runtime_1.jsxs)("span", { className: "text-[56px] font-black font-mono leading-tight break-all", style: { color: accentColor }, children: ["v", props.data.requireVersion] })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "h-0.5 rounded-full mb-10", style: { backgroundColor: dark ? 'rgba(251,146,60,0.2)' : 'rgba(180,83,9,0.15)' } }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-20", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center space-x-4 mb-6", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center w-10 h-10 rounded-xl", style: { backgroundColor: dark ? 'rgba(251,146,60,0.15)' : 'rgba(194,65,12,0.1)' }, children: (0, jsx_runtime_1.jsx)("span", { className: "text-[28px] font-black", style: { color: accentColor }, children: "1" }) }), (0, jsx_runtime_1.jsxs)("svg", { className: "w-8 h-8", viewBox: "0 0 24 24", fill: "none", stroke: mutedColor, strokeWidth: "2", children: [(0, jsx_runtime_1.jsx)("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M9 3v18M3 9h18M3 15h18", strokeLinecap: "round", strokeLinejoin: "round" })] }), (0, jsx_runtime_1.jsx)("span", { className: "text-[32px] font-bold", style: { color: mutedColor }, children: "Web \u63A7\u5236\u53F0\u66F4\u65B0" }), (0, jsx_runtime_1.jsx)(react_1.Chip, { className: "text-2xl font-semibold px-5 py-3 rounded-full", style: {
+                                                                backgroundColor: dark ? 'rgba(251,146,60,0.2)' : 'rgba(194,65,12,0.15)',
+                                                                color: accentColor
+                                                            }, size: "lg", children: "\u63A8\u8350" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "ml-14 space-y-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-start space-x-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-3 h-3 rounded-full mt-3 shrink-0", style: { backgroundColor: mutedColor } }), (0, jsx_runtime_1.jsx)("span", { className: "text-[28px] leading-relaxed", style: { color: secondaryColor }, children: "\u8BBF\u95EE Karin Web \u63A7\u5236\u53F0\u9996\u9875\uFF0C\u67E5\u770B Koishi \u7248\u672C\u4FE1\u606F" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start space-x-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-3 h-3 rounded-full mt-3 shrink-0", style: { backgroundColor: mutedColor } }), (0, jsx_runtime_1.jsx)("span", { className: "text-[28px] leading-relaxed", style: { color: secondaryColor }, children: "\u5F53\u6709\u65B0\u7248\u672C\u65F6\u4F1A\u9AD8\u4EAE\u63D0\u793A\uFF0C\u70B9\u51FB\u67E5\u770B\u66F4\u65B0\u65E5\u5FD7" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start space-x-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-3 h-3 rounded-full mt-3 shrink-0", style: { backgroundColor: mutedColor } }), (0, jsx_runtime_1.jsxs)("span", { className: "text-[28px] leading-relaxed", style: { color: secondaryColor }, children: ["\u70B9\u51FB", (0, jsx_runtime_1.jsx)("span", { className: "font-mono font-black", children: "\u300C\u66F4\u65B0\u300D" }), "\u6309\u94AE\uFF0C\u7CFB\u7EDF\u5C06\u81EA\u52A8\u5B8C\u6210\u66F4\u65B0\u5E76\u91CD\u542F"] })] })] })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center space-x-4 mb-6", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center w-10 h-10 rounded-xl", style: { backgroundColor: dark ? 'rgba(251,146,60,0.15)' : 'rgba(194,65,12,0.1)' }, children: (0, jsx_runtime_1.jsx)("span", { className: "text-[28px] font-black", style: { color: accentColor }, children: "2" }) }), (0, jsx_runtime_1.jsx)(lucide_react_1.Puzzle, { className: (0, cn_1.cn)('w-10 h-auto'), style: { color: mutedColor } }), (0, jsx_runtime_1.jsx)("span", { className: "text-[32px] font-bold", style: { color: mutedColor }, children: "\u4F7F\u7528 basic \u63D2\u4EF6\u547D\u4EE4\u66F4\u65B0" }), (0, jsx_runtime_1.jsx)(react_1.Chip, { className: "text-2xl font-semibold px-5 py-3 rounded-full", style: {
+                                                                backgroundColor: dark ? 'rgba(251,146,60,0.2)' : 'rgba(194,65,12,0.15)',
+                                                                color: accentColor
+                                                            }, size: "lg", children: "\u63A8\u8350" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "ml-14 space-y-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-start space-x-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-3 h-3 rounded-full mt-3 shrink-0", style: { backgroundColor: mutedColor } }), (0, jsx_runtime_1.jsxs)("span", { className: "text-[28px] leading-relaxed", style: { color: secondaryColor }, children: ["\u63D2\u4EF6\u5E02\u573A\u641C\u7D22", (0, jsx_runtime_1.jsx)("span", { className: "font-mono font-black", children: "\u300Ckarin-plugin-basic\u300D" }), "\u63D2\u4EF6\u5E76\u5B89\u88C5"] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start space-x-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-3 h-3 rounded-full mt-3 shrink-0", style: { backgroundColor: mutedColor } }), (0, jsx_runtime_1.jsxs)("span", { className: "text-[28px] leading-relaxed", style: { color: secondaryColor }, children: ["\u5B89\u88C5\u5B8C\u6210\u540E\u53D1\u9001 ", (0, jsx_runtime_1.jsx)("span", { className: "font-mono font-black", children: "\u300C#\u66F4\u65B0\u300D" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start space-x-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-3 h-3 rounded-full mt-3 shrink-0", style: { backgroundColor: mutedColor } }), (0, jsx_runtime_1.jsx)("span", { className: "text-[28px] leading-relaxed", style: { color: secondaryColor }, children: "\u63D2\u4EF6\u4F1A\u81EA\u52A8\u6267\u884C\u66F4\u65B0\u6D41\u7A0B" })] })] })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center space-x-4 mb-6", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center w-10 h-10 rounded-xl", style: { backgroundColor: dark ? 'rgba(251,146,60,0.15)' : 'rgba(194,65,12,0.1)' }, children: (0, jsx_runtime_1.jsx)("span", { className: "text-[28px] font-black", style: { color: accentColor }, children: "3" }) }), (0, jsx_runtime_1.jsx)("svg", { className: "w-8 h-8", viewBox: "0 0 24 24", fill: "none", stroke: mutedColor, strokeWidth: "2", children: (0, jsx_runtime_1.jsx)("path", { d: "M4 17l6-6-6-6M12 19h8", strokeLinecap: "round", strokeLinejoin: "round" }) }), (0, jsx_runtime_1.jsx)("span", { className: "text-[32px] font-bold", style: { color: mutedColor }, children: "\u547D\u4EE4\u884C\u624B\u52A8\u66F4\u65B0" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "ml-14 space-y-4", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-[28px]", style: { color: secondaryColor }, children: "\u5728 Karin \u6839\u76EE\u5F55\u4E0B\u6267\u884C\u4EE5\u4E0B\u547D\u4EE4" }), (0, jsx_runtime_1.jsx)("div", { className: "rounded-xl p-6", style: { backgroundColor: dark ? 'rgba(0,0,0,0.4)' : 'rgba(255,255,255,0.7)' }, children: (0, jsx_runtime_1.jsxs)("code", { className: "text-[40px] font-mono font-bold block", style: { color: accentColor }, children: ["pnpm add node-karin@", props.data.requireVersion, " -w"] }) }), (0, jsx_runtime_1.jsx)("p", { className: "text-[28px] opacity-80", style: { color: secondaryColor }, children: "\u66F4\u65B0\u5B8C\u6210\u540E\u624B\u52A8\u91CD\u542F Karin \u5373\u53EF" })] })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "h-0.5 rounded-full my-10", style: { backgroundColor: dark ? 'rgba(251,146,60,0.2)' : 'rgba(180,83,9,0.15)' } }), (0, jsx_runtime_1.jsxs)("div", { className: "rounded-4xl p-6 flex items-start space-x-5", style: { backgroundColor: dark ? 'rgba(251,146,60,0.08)' : 'rgba(194,65,12,0.08)' }, children: [(0, jsx_runtime_1.jsxs)("svg", { className: "w-10 h-10 mt-1 shrink-0", viewBox: "0 0 24 24", fill: accentColor, children: [(0, jsx_runtime_1.jsx)("path", { d: "M12 2L22 20H2L12 2Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M12 9v4M12 17h.01", stroke: bgColor, strokeWidth: "2", strokeLinecap: "round" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-[28px] font-semibold mb-2", style: { color: accentColor }, children: "\u7248\u672C\u517C\u5BB9\u6027\u63D0\u793A" }), (0, jsx_runtime_1.jsxs)("p", { className: "text-[26px] leading-relaxed", style: { color: secondaryColor }, children: ["\u5F53\u524D\u63D2\u4EF6\u7248\u672C\u57FA\u4E8E", ' ', (0, jsx_runtime_1.jsxs)("span", { className: "font-bold font-mono", style: { color: accentColor }, children: ["node-karin v", props.data.requireVersion] }), ' ', "\u5F00\u53D1\uFF0C\u4F4E\u7248\u672C\u8FD0\u884C\u65F6\u53EF\u80FD\u51FA\u73B0\u529F\u80FD\u5F02\u5E38\u6216\u517C\u5BB9\u6027\u95EE\u9898\uFF0C\u8BF7\u53CA\u65F6\u66F4\u65B0\u4EE5\u83B7\u5F97\u6700\u4F73\u4F53\u9A8C"] })] })] })] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-end", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col space-y-3", children: [(0, jsx_runtime_1.jsx)("svg", { className: "w-9 h-9 opacity-25", viewBox: "0 0 24 24", fill: "none", stroke: mutedColor, strokeWidth: "1.5", children: (0, jsx_runtime_1.jsx)("path", { d: "M12 2L22 20H2L12 2Z" }) }), (0, jsx_runtime_1.jsx)("svg", { className: "w-9 h-9 opacity-40", viewBox: "0 0 24 24", fill: "none", stroke: mutedColor, strokeWidth: "1.5", children: (0, jsx_runtime_1.jsx)("path", { d: "M12 2L22 20H2L12 2Z" }) }), (0, jsx_runtime_1.jsx)("svg", { className: "w-9 h-9 opacity-60", viewBox: "0 0 24 24", fill: "none", stroke: mutedColor, strokeWidth: "1.5", children: (0, jsx_runtime_1.jsx)("path", { d: "M12 2L22 20H2L12 2Z" }) }), (0, jsx_runtime_1.jsx)("svg", { className: "w-9 h-9", viewBox: "0 0 24 24", fill: accentColor, children: (0, jsx_runtime_1.jsx)("path", { d: "M12 2L22 20H2L12 2Z" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-end space-x-7", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-end justify-end h-25", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-[22px] font-bold tracking-widest uppercase", style: { color: mutedColor }, children: "KOISHI-PLUGIN" }), (0, jsx_runtime_1.jsx)("span", { className: "text-[54px] font-black leading-none", style: { color: accentColor }, children: "kkk" })] }), (0, jsx_runtime_1.jsx)(GlowImage_1.GlowImage, { glowStrength: 1, blurRadius: 20, children: (0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 230 221", className: "h-22 w-auto", style: { color: accentColor }, children: [(0, jsx_runtime_1.jsx)("path", { d: "M132.75,87.37l-53.72-53.37c-4.66-4.63-1.38-12.58,5.18-12.58h115.13c6.57,0,9.84,7.95,5.18,12.58l-53.72,53.37c-4.99,4.96-13.06,4.96-18.05,0Z", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M28.49,186.89l.03-51.42c-.02-6.57,7.92-9.87,12.56-5.23l57.02,57.02c4.64,4.64,1.34,12.41-5.23,12.39h-51.42c-7.04-.02-12.94-5.72-12.96-12.76Z", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M41.54,23.68l163.04,163.05c4.78,4.78,1.39,12.95-5.36,12.94h-47.88c-9.69,0-18.99-3.86-25.84-10.71L39.3,102.75c-6.85-6.85-10.7-16.15-10.7-25.84V29.04c0-6.76,8.16-10.14,12.94-5.36Z", fill: "currentColor" })] }) })] })] })] })] }));
+};
+exports.VersionWarning = VersionWarning;

package/lib/ktr/template/other/version_warning/components/types.js

@@ -0,0 +1,3 @@
+"use strict";
+/** 本模板的数据类型（路由 index.tsx 与 components/ 实现共用）。 */
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/ktr/template/other/version_warning/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const template_react_1 = require("../../../../compat/template-react.js");
+const VersionWarning_1 = require("./components/VersionWarning");
+exports.default = (0, template_react_1.defineTemplate)({
+    name: '版本警告',
+    description: '版本不兼容警告页面',
+    component: VersionWarning_1.VersionWarning
+});

package/lib/ktr/template/statistics/components/BoxplotGuide.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BoxplotGuide = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const chartTheme_1 = require("./chartTheme");
+/**
+ * 箱线图怎么读 —— 一张示意图 + 一句注解。
+ *
+ * 加它的原因很直接：箱线图对没接触过的读者就是「一个带横线的方块」，
+ * 而 ECharts 的 boxplot 又不支持在图上打标签（series 级和逐项两种写法 SSR 下都不出文本，
+ * 实测过），没法把五个要素直接标在真实图形上。
+ * 所以退而求其次：在卡片里画一个放大的示意图把五个位置点名，
+ * 真实图上的中位数再用一个散点系列单独标数值。
+ */
+const BoxplotGuide = ({ accent }) => ((0, jsx_runtime_1.jsxs)("div", { className: "mt-3 rounded-xl bg-surface-secondary/60 px-6 py-4", children: [(0, jsx_runtime_1.jsxs)("svg", { viewBox: "0 0 560 96", className: "w-full h-24", role: "img", "aria-label": "\u7BB1\u7EBF\u56FE\u8BFB\u6CD5\u793A\u610F", children: [(0, jsx_runtime_1.jsx)("line", { x1: "30", y1: "48", x2: "120", y2: "48", stroke: accent, strokeWidth: "3" }), (0, jsx_runtime_1.jsx)("line", { x1: "30", y1: "34", x2: "30", y2: "62", stroke: accent, strokeWidth: "3" }), (0, jsx_runtime_1.jsx)("rect", { x: "120", y: "20", width: "280", height: "56", rx: "8", fill: (0, chartTheme_1.withAlpha)(accent, 0.3), stroke: accent, strokeWidth: "3" }), (0, jsx_runtime_1.jsx)("line", { x1: "320", y1: "20", x2: "320", y2: "76", stroke: accent, strokeWidth: "4" }), (0, jsx_runtime_1.jsx)("line", { x1: "400", y1: "48", x2: "510", y2: "48", stroke: accent, strokeWidth: "3" }), (0, jsx_runtime_1.jsx)("line", { x1: "510", y1: "34", x2: "510", y2: "62", stroke: accent, strokeWidth: "3" }), (0, jsx_runtime_1.jsx)("text", { x: "42", y: "92", textAnchor: "middle", fontSize: "18", fill: "currentColor", opacity: "0.7", children: "\u6700\u5C0F" }), (0, jsx_runtime_1.jsx)("text", { x: "150", y: "92", textAnchor: "middle", fontSize: "18", fill: "currentColor", opacity: "0.7", children: "\u4E0B\u56DB\u5206\u4F4D" }), (0, jsx_runtime_1.jsx)("text", { x: "320", y: "92", textAnchor: "middle", fontSize: "18", fill: "currentColor", opacity: "0.7", children: "\u4E2D\u4F4D\u6570" }), (0, jsx_runtime_1.jsx)("text", { x: "410", y: "92", textAnchor: "middle", fontSize: "18", fill: "currentColor", opacity: "0.7", children: "\u4E0A\u56DB\u5206\u4F4D" }), (0, jsx_runtime_1.jsx)("text", { x: "518", y: "92", textAnchor: "middle", fontSize: "18", fill: "currentColor", opacity: "0.7", children: "\u6700\u5927" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-2 text-center text-xl text-muted/80", children: ["\u6BCF\u4E2A\u7BB1\u4F53\u4EE3\u8868", (0, jsx_runtime_1.jsx)("b", { className: "text-foreground/80", children: "\u8BE5\u6863\u4F4D\u91CC\u6240\u6709\u7FA4" }), "\u7684\u5206\u5E03 \u00B7 \u7BB1\u4F53\u8D8A\u6241\u8BF4\u660E\u8FD9\u6863\u7FA4\u7684\u6C34\u5E73\u8D8A\u6574\u9F50"] })] }));
+exports.BoxplotGuide = BoxplotGuide;
+exports.default = exports.BoxplotGuide;