导入 AKSRT 主题开发源码

This commit is contained in:
Claude Code committed 2026-07-03 22:50:34 +08:00
1 parent 9681dd3d48
commit 1268a55dd0
595 files changed
+127705

No files matched your search

@@ -0,0 +1,64 @@
<?php
/**
* AKSRT Custom Code Renderer
*
* Outputs user-defined custom CSS/JS (header + footer) into the page.
* Extracted from AKSRT_Scripts to reduce that class's line count.
*
* @package AKSRT
* @since 3.4.0
*/
if (!defined('ABSPATH')) {
exit;
}
class AKSRT_Custom_Code_Renderer {
public function output_header(): void {
$custom_css = class_exists('AKSRT_Settings')
? AKSRT_Settings::custom_css()
: aksrt_get_setting('custom_css', '');
$head_code = class_exists('AKSRT_Settings')
? AKSRT_Settings::custom_head_code()
: aksrt_get_setting('custom_head_code', get_option('aksrt_custom_head_code', ''));
$trackcode = class_exists('AKSRT_Settings')
? AKSRT_Settings::trackcode()
: '';
echo $this->format((string) $custom_css, 'css', 'aksrt-custom-css');
if ($head_code) {
echo $this->format((string) $head_code, 'js', 'aksrt-custom-js-header');
}
if ($trackcode) {
echo $this->format((string) $trackcode, 'js', 'aksrt-trackcode');
}
}
public function output_footer(): void {
$footer_code = class_exists('AKSRT_Settings')
? AKSRT_Settings::custom_footer_code()
: aksrt_get_setting('custom_footer_code', get_option('aksrt_custom_footer_code', ''));
if ($footer_code) {
echo $this->format((string) $footer_code, 'js', 'aksrt-custom-js-footer');
}
}
private function format(string $code, string $type, string $id): string {
$code = trim($code);
if ($code === '') {
return '';
}
if (preg_match('/<\s*(script|style|meta|link|noscript)\b/i', $code)) {
return $code . "\n";
}
if ($type === 'css') {
return '<style id="' . esc_attr($id) . '">' . "\n" . $code . "\n</style>\n";
}
return '<script id="' . esc_attr($id) . '">' . "\n" . $code . "\n</script>\n";
}
}
@@ -0,0 +1,163 @@
<?php
/**
* AKSRT Inline Style Builder
*
* Outputs runtime CSS custom properties (design tokens) into wp_head.
* Extracted from AKSRT_Scripts to reduce that class's line count.
*
* @package AKSRT
* @since 3.4.0
*/
if (!defined('ABSPATH')) {
exit;
}
class AKSRT_Inline_Style_Builder {
public function output(): void {
$logo_url = class_exists('AKSRT_Settings') ? AKSRT_Settings::logo_url() : (string) aksrt_get_setting('logo_url', '');
$dark_logo_url = class_exists('AKSRT_Settings') ? AKSRT_Settings::logo_dark_url() : (string) aksrt_get_setting('site_logo_dark', '');
$favicon = class_exists('AKSRT_Settings') ? AKSRT_Settings::favicon_url() : (string) aksrt_get_setting('favicon_url', '');
$primary_color = class_exists('AKSRT_Settings') ? AKSRT_Settings::resolved_primary_color() : '#f04494';
$dark_primary = class_exists('AKSRT_Settings') ? AKSRT_Settings::dark_primary_color() : '#f04494';
$border_radius = class_exists('AKSRT_Settings') ? AKSRT_Settings::border_radius() : 8;
$card_radius = class_exists('AKSRT_Settings') ? AKSRT_Settings::card_radius() : ($border_radius + 4);
$container_max = class_exists('AKSRT_Settings') ? AKSRT_Settings::container_max_width() : 1200;
$font_family = class_exists('AKSRT_Settings') ? AKSRT_Settings::font_family() : 'system';
$logo_width = class_exists('AKSRT_Settings') ? AKSRT_Settings::logo_width() : 150;
$sidebar_cfg = class_exists('AKSRT_Settings') ? AKSRT_Settings::get_sidebar_config() : ['width' => 311, 'enabled' => true, 'position' => 'right'];
$content_width = $container_max === 0 ? '100%' : $container_max . 'px';
$content_no_sidebar_max = $container_max === 0 ? '100%' : max(860, $container_max - 220) . 'px';
$container_wide = $container_max === 0 ? '100%' : max(1280, $container_max + 160) . 'px';
$radius_sm = max(0, $border_radius - 2);
$radius_lg = $border_radius + 4;
$radius_xl = $border_radius + 10;
$rgb = $this->hex_to_rgb($primary_color);
$primary_hover = $this->adjust_hex_color($primary_color, -0.12);
$primary_active = $this->adjust_hex_color($primary_color, -0.22);
$font_stacks = $this->resolve_font_stacks($font_family);
$dark_rgb = $this->hex_to_rgb($dark_primary);
$dark_hover = $this->adjust_hex_color($dark_primary, -0.12);
$dark_active = $this->adjust_hex_color($dark_primary, -0.22);
$layout_vars = [
'--content-max' => $content_width,
'--content-no-sidebar-max' => $content_no_sidebar_max,
'--container' => $content_width,
'--container-wide' => $container_wide,
'--sidebar-width' => $sidebar_cfg['width'] . 'px',
'--color-primary' => $primary_color,
'--color-primary-hover' => $primary_hover,
'--color-primary-active' => $primary_active,
'--color-primary-soft' => sprintf('rgba(%d, %d, %d, 0.12)', $rgb[0], $rgb[1], $rgb[2]),
'--color-primary-softer' => sprintf('rgba(%d, %d, %d, 0.06)', $rgb[0], $rgb[1], $rgb[2]),
'--color-primary-rgb' => implode(', ', $rgb),
'--focus-color' => $primary_color,
'--radius-sm' => $radius_sm . 'px',
'--radius' => $border_radius . 'px',
'--radius-card' => $card_radius . 'px',
'--main-radius' => $card_radius . 'px',
'--radius-btn' => $border_radius . 'px',
'--radius-code' => $border_radius . 'px',
'--radius-lg' => $radius_lg . 'px',
'--radius-xl' => $radius_xl . 'px',
'--shadow-md' => '0 8px 24px rgba(20, 28, 48, 0.10)',
'--font-body' => $font_stacks['body'],
'--font-display' => $font_stacks['display'],
'--font-ui' => $font_stacks['ui'],
'--font-heading' => $font_stacks['ui'],
'--aksrt-logo-width' => $logo_width . 'px',
'--posts-list-scale' => (class_exists('AKSRT_Settings') ? AKSRT_Settings::get_post_list_style_settings()['list_scale'] ?? 70 : 70) . '%',
'--posts-card-scale' => (class_exists('AKSRT_Settings') ? AKSRT_Settings::get_post_list_style_settings()['card_scale'] ?? 70 : 70) . '%',
];
echo '<style id="aksrt-runtime-vars">:root{';
foreach ($layout_vars as $name => $value) {
echo esc_html($name) . ':' . esc_attr($value) . ';';
}
if ($logo_url) {
echo '--aksrt-logo-url:"' . esc_url($logo_url) . '";';
}
if ($dark_logo_url) {
echo '--aksrt-logo-dark-url:"' . esc_url($dark_logo_url) . '";';
}
if ($favicon) {
echo '--aksrt-favicon:"' . esc_url($favicon) . '";';
}
if ($dark_primary !== $primary_color) {
echo '}html.dark{';
echo '--color-primary:' . esc_attr($dark_primary) . ';';
echo '--color-primary-hover:' . esc_attr($dark_hover) . ';';
echo '--color-primary-active:' . esc_attr($dark_active) . ';';
echo '--color-primary-soft:' . sprintf('rgba(%d,%d,%d,0.12)', $dark_rgb[0], $dark_rgb[1], $dark_rgb[2]) . ';';
echo '--color-primary-softer:' . sprintf('rgba(%d,%d,%d,0.06)', $dark_rgb[0], $dark_rgb[1], $dark_rgb[2]) . ';';
echo '--color-primary-rgb:' . esc_attr(implode(', ', $dark_rgb)) . ';';
echo '--focus-color:' . esc_attr($dark_primary) . ';';
}
echo '}</style>' . "\n";
if (class_exists('AKSRT_Settings') && !empty(AKSRT_Settings::get_value('close_backdrop', false))) {
echo '<style id="aksrt-no-backdrop">.aksrt-header,.header-inner,.site-header,.mobile-nav-overlay,.modal-backdrop,.aksrt-drawer-overlay,.aksrt-float-btn,.sidebar-inner{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:var(--bg-card,#fff)!important}</style>' . "\n";
}
echo '<style id="aksrt-runtime-components">'
. '.aksrt-search-hot-keywords{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;font-family:var(--font-ui);}'
. '.aksrt-search-hot-keywords__label{font-size:12px;color:var(--color-ink-3);}'
. '.aksrt-search-hot-keywords__list{display:flex;gap:8px;flex-wrap:wrap;}'
. '.site-footer__copyright--extra{margin-top:8px;opacity:.78;}'
. '</style>' . "\n";
}
private function resolve_font_stacks(string $family): array {
switch ($family) {
case 'noto-sans-sc':
return [
'body' => '"Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif',
'display' => '"Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif',
'ui' => 'Inter, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif',
];
case 'noto-serif-sc':
return [
'body' => '"Noto Serif SC", Georgia, "Songti SC", serif',
'display' => '"Noto Serif SC", Georgia, "Songti SC", serif',
'ui' => 'Inter, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif',
];
default:
return [
'body' => '"Source Serif 4", "Noto Serif SC", Georgia, "Songti SC", "STSong", serif',
'display' => '"Source Serif 4", "Noto Serif SC", Georgia, "Songti SC", "STSong", serif',
'ui' => 'Inter, Manrope, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif',
];
}
}
private function hex_to_rgb(string $hex): array {
$hex = ltrim($hex, '#');
if (strlen($hex) === 3) {
$hex = preg_replace('/(.)/', '$1$1', $hex);
}
if (!is_string($hex) || strlen($hex) !== 6) {
return [136, 171, 218];
}
return [
hexdec(substr($hex, 0, 2)),
hexdec(substr($hex, 2, 2)),
hexdec(substr($hex, 4, 2)),
];
}
private function adjust_hex_color(string $hex, float $amount): string {
$rgb = $this->hex_to_rgb($hex);
$adjusted = array_map(
static function (int $channel) use ($amount): int {
$base = $amount >= 0
? $channel + ((255 - $channel) * $amount)
: $channel * (1 + $amount);
return max(0, min(255, (int) round($base)));
},
$rgb
);
return sprintf('#%02X%02X%02X', $adjusted[0], $adjusted[1], $adjusted[2]);
}
}
@@ -0,0 +1,72 @@
<?php
/**
* AKSRT Loading Overlay Renderer
*
* Outputs the full-screen loading animation overlay at wp_body_open.
* Supports 10 animation styles configurable from the admin panel.
*
* @package AKSRT
* @since 3.4.0
*/
if (!defined('ABSPATH')) {
exit;
}
class AKSRT_Loading_Overlay_Renderer {
public function output(): void {
if (!class_exists('AKSRT_Settings') || !AKSRT_Settings::is_qj_loading_enabled()) {
return;
}
$style = AKSRT_Settings::get_qj_loading_style();
?>
<style id="aksrt-loading-css">
.aksrt-loading-overlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:var(--bg-card,#fff);transition:opacity .4s ease,visibility .4s ease}
.aksrt-loading-overlay .loader{width:48px;height:48px;position:relative}
[data-loading-style="no1"] .loader{border:4px solid var(--color-primary-soft,rgba(240,68,148,.15));border-top-color:var(--color-primary,#f04494);border-radius:50%;animation:aksrt-load-spin .8s linear infinite}
[data-loading-style="no2"] .loader{border:4px solid var(--color-primary-soft,rgba(240,68,148,.15));border-radius:50%;animation:aksrt-load-pulse 1.2s ease-in-out infinite}
[data-loading-style="no3"] .loader::before,[data-loading-style="no3"] .loader::after{content:'';position:absolute;border-radius:50%;animation:aksrt-load-ripple 1.6s linear infinite;border:3px solid var(--color-primary,#f04494);inset:0}
[data-loading-style="no3"] .loader::after{animation-delay:-.8s}
[data-loading-style="no4"] .loader{display:flex;gap:6px;align-items:center;justify-content:center}
[data-loading-style="no4"] .loader::before,[data-loading-style="no4"] .loader::after,[data-loading-style="no4"] .loader i{width:12px;height:12px;border-radius:50%;background:var(--color-primary,#f04494);display:block;animation:aksrt-load-bounce .6s ease-in-out infinite alternate}
[data-loading-style="no4"] .loader::after{animation-delay:.2s}
[data-loading-style="no4"] .loader i{animation-delay:.4s}
[data-loading-style="no5"] .loader{background:var(--color-primary,#f04494);animation:aksrt-load-rotate-square 1.2s ease-in-out infinite}
[data-loading-style="no6"] .loader{width:60px;height:6px;border-radius:3px;background:var(--color-primary-soft,rgba(240,68,148,.15));overflow:hidden;position:relative}
[data-loading-style="no6"] .loader::after{content:'';position:absolute;left:-40%;top:0;width:40%;height:100%;background:var(--color-primary,#f04494);border-radius:3px;animation:aksrt-load-bar 1.2s ease-in-out infinite}
[data-loading-style="no7"] .loader{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
[data-loading-style="no7"] .loader i{width:12px;height:12px;background:var(--color-primary,#f04494);border-radius:2px;animation:aksrt-load-grid-fade 1s ease-in-out infinite}
[data-loading-style="no7"] .loader i:nth-child(1){animation-delay:0s}[data-loading-style="no7"] .loader i:nth-child(2){animation-delay:.1s}[data-loading-style="no7"] .loader i:nth-child(3){animation-delay:.2s}
[data-loading-style="no7"] .loader i:nth-child(4){animation-delay:.3s}[data-loading-style="no7"] .loader i:nth-child(5){animation-delay:.4s}[data-loading-style="no7"] .loader i:nth-child(6){animation-delay:.5s}
[data-loading-style="no7"] .loader i:nth-child(7){animation-delay:.6s}[data-loading-style="no7"] .loader i:nth-child(8){animation-delay:.7s}[data-loading-style="no7"] .loader i:nth-child(9){animation-delay:.8s}
[data-loading-style="no8"] .loader{display:flex;gap:5px;align-items:flex-end;height:40px}
[data-loading-style="no8"] .loader i{width:6px;background:var(--color-primary,#f04494);border-radius:2px;animation:aksrt-load-wave 1s ease-in-out infinite}
[data-loading-style="no8"] .loader i:nth-child(1){animation-delay:0s}[data-loading-style="no8"] .loader i:nth-child(2){animation-delay:.1s}[data-loading-style="no8"] .loader i:nth-child(3){animation-delay:.2s}
[data-loading-style="no8"] .loader i:nth-child(4){animation-delay:.3s}[data-loading-style="no8"] .loader i:nth-child(5){animation-delay:.4s}
[data-loading-style="no9"] .loader{display:flex;gap:8px;align-items:center;justify-content:center}
[data-loading-style="no9"] .loader i{width:10px;height:10px;background:var(--color-primary,#f04494);border-radius:50%;animation:aksrt-load-dot-scale .8s ease-in-out infinite alternate}
[data-loading-style="no9"] .loader i:nth-child(2){animation-delay:.15s}[data-loading-style="no9"] .loader i:nth-child(3){animation-delay:.3s}
[data-loading-style="no10"] .loader{border:4px solid transparent;border-top-color:var(--color-primary,#f04494);border-bottom-color:var(--color-primary,#f04494);border-radius:50%;animation:aksrt-load-spin 1s linear infinite}
[data-loading-style="no10"] .loader::after{content:'';position:absolute;inset:4px;border:4px solid transparent;border-left-color:var(--color-primary-soft,rgba(240,68,148,.35));border-right-color:var(--color-primary-soft,rgba(240,68,148,.35));border-radius:50%;animation:aksrt-load-spin .6s linear infinite reverse}
@keyframes aksrt-load-spin{to{transform:rotate(360deg)}}
@keyframes aksrt-load-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.5}}
@keyframes aksrt-load-ripple{0%{transform:scale(.5);opacity:1}100%{transform:scale(1.2);opacity:0}}
@keyframes aksrt-load-bounce{to{transform:translateY(-12px);opacity:.5}}
@keyframes aksrt-load-rotate-square{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(.6)}100%{transform:rotate(360deg) scale(1)}}
@keyframes aksrt-load-bar{0%{left:-40%}100%{left:100%}}
@keyframes aksrt-load-grid-fade{0%,100%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}
@keyframes aksrt-load-wave{0%,100%{height:10px}50%{height:36px}}
@keyframes aksrt-load-dot-scale{from{transform:scale(1)}to{transform:scale(1.8);opacity:.4}}
body.aksrt-loading-done .aksrt-loading-overlay{opacity:0;visibility:hidden;pointer-events:none}
[data-theme="dark"] .aksrt-loading-overlay{background:var(--bg-card,#1a1a2e)}
</style>
<div class="aksrt-loading-overlay" data-loading-style="<?php echo esc_attr($style); ?>">
<div class="loader"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div>
</div>
<script>
(function(){function d(){document.body.classList.add('aksrt-loading-done')}if(document.readyState==='complete'){d()}else{window.addEventListener('load',d)}})();
</script>
<?php
}
}