feat: 更新插件至 v0.4.6

- 更新核心功能代码
- 优化样式和 UI
- 更新提示词配置
- 更新流程配置

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
user
2026-01-26 00:58:57 +08:00
parent f51c4ef6dc
commit 84dc04ef61
11 changed files with 1123 additions and 18701 deletions

892
style.css
View File

@@ -1218,6 +1218,12 @@
overflow: hidden;
}
.mm-settings-header-actions {
display: flex;
align-items: center;
gap: 8px;
}
.mm-settings-header h3 {
margin: 0;
font-size: 16px;
@@ -3096,7 +3102,7 @@
.mm-msg-progress-bar-fill {
height: 100%;
border-radius: 4px;
transition: width 0.5s ease-out;
transition: none; /* 禁用 CSS transition由 JS 动画控制 */
position: relative;
}
@@ -4914,8 +4920,72 @@
/* 世界书列表容器 */
.mm-config-worldbook-content {
max-height: 200px;
max-height: 250px;
overflow-y: auto;
display: flex;
flex-direction: column;
}
/* 世界书搜索框 */
.mm-config-worldbook-search {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 10px;
background: var(--mm-bg-secondary);
border-radius: calc(var(--mm-radius) - 2px);
margin-bottom: 8px;
position: sticky;
top: 0;
z-index: 1;
}
.mm-config-worldbook-search i.fa-search {
color: var(--mm-text-muted);
font-size: 0.85em;
}
.mm-config-worldbook-search input {
flex: 1;
background: none;
border: none;
color: var(--mm-text);
font-size: 0.9em;
padding: 4px 6px;
outline: none;
}
.mm-config-worldbook-search input::placeholder {
color: var(--mm-text-muted);
}
/* 世界书拖拽调整高度手柄 */
.mm-config-worldbook-resize-handle {
display: flex;
align-items: center;
justify-content: center;
height: 16px;
cursor: ns-resize;
color: var(--mm-text-muted);
font-size: 0.75em;
opacity: 0.6;
transition: var(--mm-transition);
user-select: none;
-webkit-user-select: none;
touch-action: none;
}
.mm-config-worldbook-resize-handle:hover,
.mm-config-worldbook-resize-handle:active {
opacity: 1;
color: var(--mm-primary);
background: rgba(var(--mm-primary-rgb, 74, 144, 217), 0.1);
}
.mm-config-worldbook-resize-handle.dragging {
opacity: 1;
color: var(--mm-primary);
background: rgba(var(--mm-primary-rgb, 74, 144, 217), 0.15);
}
.mm-config-worldbook-list {
@@ -4966,6 +5036,36 @@
color: var(--mm-text-muted);
}
/* 世界书全选/全不选按钮 */
.mm-config-worldbook-actions {
display: flex;
align-items: center;
gap: 4px;
margin-left: auto;
}
.mm-config-worldbook-actions .mm-btn-icon-small {
width: 24px;
height: 24px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
background: transparent;
border: 1px solid var(--mm-border);
border-radius: 4px;
color: var(--mm-text-muted);
cursor: pointer;
transition: var(--mm-transition);
font-size: 0.8em;
}
.mm-config-worldbook-actions .mm-btn-icon-small:hover {
background: var(--mm-bg-tertiary);
color: var(--mm-text);
border-color: var(--mm-primary);
}
/* 世界书条目列表 */
.mm-config-worldbook-entries {
display: none;
@@ -5775,6 +5875,12 @@
font-size: 0.9em;
}
/* 关闭按钮靠左 */
.mm-plot-actions .mm-btn-close {
margin-right: auto;
padding: 8px 12px;
}
.mm-btn-success {
background: var(--mm-success);
color: white;
@@ -6773,3 +6879,785 @@
.mm-prompt-part-block[data-source="jailbreak"] {
display: none !important;
}
/* ============================================================================
多AI生成功能样式
============================================================================ */
/* 多AI provider列表 */
.mm-multi-ai-provider-section {
margin-top: 12px;
}
.mm-multi-ai-section-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 8px;
}
.mm-multi-ai-section-title {
font-size: 12px;
font-weight: 500;
color: var(--mm-text-muted);
}
.mm-multi-ai-provider-list {
display: flex;
flex-direction: column;
gap: 6px;
max-height: 200px;
overflow-y: auto;
}
.mm-multi-ai-provider-item {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 10px 12px;
background: var(--mm-bg-secondary);
border: 1px solid var(--mm-border);
border-radius: calc(var(--mm-radius) - 2px);
transition: all 0.2s ease;
}
.mm-multi-ai-provider-item:hover {
border-color: var(--mm-primary);
}
.mm-multi-ai-provider-info {
display: flex;
flex-direction: column;
gap: 4px;
flex: 1;
min-width: 0;
}
.mm-multi-ai-provider-checkbox {
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
}
.mm-multi-ai-provider-checkbox input[type="checkbox"] {
width: 14px;
height: 14px;
accent-color: var(--mm-primary);
cursor: pointer;
}
.mm-multi-ai-provider-name {
font-size: 13px;
font-weight: 500;
color: var(--mm-text);
}
.mm-multi-ai-provider-details {
font-size: 11px;
color: var(--mm-text-muted);
margin-left: 22px;
}
.mm-multi-ai-provider-actions {
display: flex;
gap: 4px;
flex-shrink: 0;
}
.mm-multi-ai-provider-empty {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 8px;
padding: 24px;
color: var(--mm-text-muted);
font-size: 13px;
}
.mm-multi-ai-provider-empty i {
font-size: 24px;
opacity: 0.5;
}
.mm-multi-ai-actions {
display: flex;
gap: 8px;
margin-top: 10px;
}
.mm-multi-ai-hint {
margin-top: 12px;
display: block;
}
/* 多AI配置弹窗 */
#mm-multi-ai-config-modal {
background: transparent;
pointer-events: none;
}
#mm-multi-ai-config-modal .mm-modal-content {
max-width: 500px;
pointer-events: auto;
}
#mm-multi-ai-config-modal .mm-model-input-row {
display: flex;
gap: 8px;
}
#mm-multi-ai-config-modal .mm-model-select {
flex: 1;
}
#mm-multi-ai-config-modal .mm-form-row {
display: flex;
gap: 16px;
}
#mm-multi-ai-config-modal .mm-form-row .mm-form-group {
flex: 1;
}
#mm-multi-ai-config-modal .mm-test-result {
margin-left: 10px;
font-size: 12px;
}
#mm-multi-ai-config-modal .mm-test-result.mm-test-success {
color: var(--mm-success);
}
#mm-multi-ai-config-modal .mm-test-result.mm-test-error {
color: var(--mm-danger);
}
/* 多AI选择弹窗 */
.mm-multi-ai-modal-content {
max-width: 95vw;
width: auto;
min-width: 400px;
}
.mm-multi-ai-cards {
display: flex;
gap: 15px;
overflow-x: auto;
padding: 10px 0;
max-width: 100%;
}
.mm-multi-ai-cards.mm-mobile {
flex-direction: column;
overflow-x: visible;
}
.mm-multi-ai-card {
display: flex;
flex-direction: column;
min-width: 350px;
max-width: 450px;
flex-shrink: 0;
background: var(--mm-bg-card);
border: 1px solid var(--mm-border);
border-radius: var(--mm-radius);
overflow: hidden;
transition: all 0.2s ease;
}
.mm-multi-ai-card:hover {
border-color: var(--mm-primary);
}
.mm-multi-ai-card.complete {
border-color: var(--mm-success);
}
.mm-multi-ai-card.error {
border-color: var(--mm-danger);
}
.mm-multi-ai-card-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 16px;
background: var(--mm-bg-secondary);
border-bottom: 1px solid var(--mm-border);
}
.mm-multi-ai-info {
display: flex;
flex-direction: column;
gap: 2px;
}
.mm-multi-ai-name {
font-size: 14px;
font-weight: 600;
color: var(--mm-text);
}
.mm-multi-ai-model {
font-size: 11px;
color: var(--mm-text-muted);
}
.mm-multi-ai-stats {
display: flex;
align-items: center;
gap: 8px;
}
.mm-multi-ai-tokens {
font-size: 12px;
color: var(--mm-success, #6bcb77);
font-weight: 600;
font-variant-numeric: tabular-nums;
padding: 2px 6px;
background: rgba(107, 203, 119, 0.15);
border-radius: 4px;
}
.mm-multi-ai-timer {
font-size: 12px;
color: var(--mm-primary);
font-weight: 600;
font-variant-numeric: tabular-nums;
}
.mm-multi-ai-content {
flex: 1;
min-height: 200px;
max-height: 400px;
overflow-y: auto;
padding: 16px;
background: var(--mm-bg);
}
.mm-multi-ai-content.mm-streaming .mm-multi-ai-text::after {
content: '█';
animation: mm-blink 1s step-end infinite;
color: var(--mm-primary);
}
@keyframes mm-blink {
0%, 50% { opacity: 1; }
51%, 100% { opacity: 0; }
}
.mm-multi-ai-text {
font-size: 13px;
line-height: 1.6;
color: var(--mm-text);
white-space: pre-wrap;
word-break: break-word;
}
.mm-multi-ai-loader {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 12px;
height: 100%;
color: var(--mm-text-muted);
font-size: 13px;
}
.mm-loader-spinner {
width: 36px;
height: 36px;
border: 3px solid var(--mm-border);
border-top-color: var(--mm-primary);
border-radius: 50%;
animation: mm-spin 1s linear infinite;
}
@keyframes mm-spin {
to { transform: rotate(360deg); }
}
.mm-multi-ai-error {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 8px;
height: 100%;
color: var(--mm-danger);
text-align: center;
}
.mm-multi-ai-error i {
font-size: 32px;
}
.mm-multi-ai-error small {
font-size: 11px;
color: var(--mm-text-muted);
max-width: 80%;
word-break: break-word;
}
.mm-multi-ai-card-footer {
display: flex;
gap: 8px;
padding: 12px 16px;
background: var(--mm-bg-secondary);
border-top: 1px solid var(--mm-border);
}
.mm-multi-ai-card-footer .mm-btn {
flex: 1;
}
.mm-multi-ai-scroll-hint {
text-align: center;
font-size: 11px;
color: var(--mm-text-muted);
padding: 8px 0;
}
/* 移动端标签页 */
.mm-multi-ai-tabs {
display: none;
gap: 4px;
margin-bottom: 10px;
overflow-x: auto;
padding-bottom: 8px;
}
.mm-multi-ai-cards.mm-mobile + .mm-multi-ai-scroll-hint {
display: none;
}
@media (max-width: 768px) {
.mm-multi-ai-modal-content {
width: calc(100vw - 24px);
min-width: auto;
}
.mm-multi-ai-tabs {
display: flex;
}
.mm-multi-ai-tab {
padding: 8px 16px;
background: var(--mm-bg-secondary);
border: 1px solid var(--mm-border);
border-radius: 16px;
color: var(--mm-text-muted);
font-size: 12px;
cursor: pointer;
white-space: nowrap;
transition: all 0.2s ease;
}
.mm-multi-ai-tab.active {
background: var(--mm-primary);
border-color: var(--mm-primary);
color: white;
}
.mm-multi-ai-card {
min-width: auto;
max-width: none;
}
.mm-multi-ai-content {
min-height: 250px;
max-height: 50vh;
}
}
/* 极小按钮 */
.mm-btn-xs {
padding: 4px 8px !important;
font-size: 11px !important;
min-width: auto;
}
/* 危险按钮 */
.mm-btn-danger {
background: transparent;
border: 1px solid var(--mm-danger);
color: var(--mm-danger);
}
.mm-btn-danger:hover {
background: var(--mm-danger);
color: white;
}
/* ==================== 提示词预设相关样式 ==================== */
/* 预设选择区域 */
.mm-preset-select-group {
margin-top: 16px;
padding-top: 16px;
border-top: 1px dashed var(--mm-border);
}
.mm-preset-checkbox-label {
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
font-weight: 500;
}
.mm-preset-checkbox-label input[type="checkbox"] {
width: 16px;
height: 16px;
cursor: pointer;
}
.mm-preset-options {
margin-top: 12px;
padding: 12px;
background: var(--mm-bg-secondary);
border-radius: var(--mm-radius);
}
.mm-preset-select-row {
display: flex;
gap: 8px;
align-items: center;
}
.mm-preset-select-row select {
flex: 1;
}
.mm-preset-preview {
margin-top: 10px;
}
.mm-preset-preview-info {
display: flex;
flex-direction: column;
gap: 4px;
}
.mm-preset-preview-count {
font-size: 12px;
color: var(--mm-text-muted);
}
.mm-preset-preview-names {
font-size: 11px;
color: var(--mm-text-muted);
opacity: 0.7;
}
.mm-preset-preview-empty {
font-size: 12px;
color: var(--mm-danger);
}
/* 提示词预设列表(设置界面) */
.mm-prompt-preset-section {
margin-top: 12px;
}
.mm-prompt-preset-list {
display: flex;
flex-direction: column;
gap: 8px;
}
.mm-prompt-preset-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 12px;
background: var(--mm-bg-secondary);
border: 1px solid var(--mm-border);
border-radius: var(--mm-radius);
transition: all 0.2s ease;
}
.mm-prompt-preset-item:hover {
border-color: var(--mm-primary-light);
}
.mm-preset-info {
display: flex;
align-items: center;
gap: 8px;
}
.mm-preset-name {
font-weight: 500;
}
.mm-preset-count {
font-size: 12px;
color: var(--mm-text-muted);
}
.mm-preset-actions {
display: flex;
gap: 4px;
}
.mm-prompt-preset-empty {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 8px;
padding: 20px;
color: var(--mm-text-muted);
font-size: 13px;
}
.mm-prompt-preset-empty i {
font-size: 24px;
opacity: 0.5;
}
/* 提示词预设配置弹窗 */
#mm-prompt-preset-modal {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: transparent;
display: none;
align-items: center;
justify-content: center;
z-index: 9999;
pointer-events: none;
}
#mm-prompt-preset-modal.mm-modal-visible {
display: flex;
}
#mm-prompt-preset-modal .mm-modal-content {
pointer-events: auto;
}
.mm-prompt-preset-modal-content {
max-width: 700px;
max-height: 85vh;
}
.mm-preset-import-actions {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.mm-prompt-list-container {
max-height: 400px;
overflow-y: auto;
border: 1px solid var(--mm-border);
border-radius: var(--mm-radius);
background: var(--mm-bg-secondary);
}
.mm-prompt-list-actions {
margin-top: 10px;
}
/* 提示词项 */
.mm-prompt-item {
border-bottom: 1px solid var(--mm-border);
transition: all 0.2s ease;
}
.mm-prompt-item:last-child {
border-bottom: none;
}
.mm-prompt-item.mm-prompt-disabled {
opacity: 0.5;
}
.mm-prompt-item.mm-dragging {
opacity: 0.5;
background: var(--mm-primary-light);
}
.mm-prompt-item.mm-drag-over-top {
border-top: 2px solid var(--mm-primary);
}
.mm-prompt-item.mm-drag-over-bottom {
border-bottom: 2px solid var(--mm-primary);
}
.mm-prompt-item-header {
display: flex;
align-items: center;
gap: 8px;
padding: 10px 12px;
cursor: move;
}
.mm-prompt-drag-handle {
color: var(--mm-text-muted);
cursor: grab;
}
.mm-prompt-drag-handle:active {
cursor: grabbing;
}
.mm-prompt-enable-label {
display: flex;
align-items: center;
}
.mm-prompt-enable-label input[type="checkbox"] {
width: 14px;
height: 14px;
}
.mm-prompt-name {
font-weight: 500;
flex: 1;
}
.mm-prompt-type-badge {
padding: 2px 8px;
border-radius: 10px;
font-size: 10px;
font-weight: 500;
text-transform: uppercase;
}
.mm-prompt-type-custom {
background: var(--mm-primary-light);
color: var(--mm-primary);
}
.mm-prompt-type-memory {
background: rgba(var(--mm-success-rgb, 46, 204, 113), 0.15);
color: var(--mm-success);
}
.mm-prompt-type-history,
.mm-prompt-type-character {
background: rgba(var(--mm-warning-rgb, 241, 196, 15), 0.15);
color: var(--mm-warning, #f1c40f);
}
.mm-prompt-type-user {
background: rgba(var(--mm-info-rgb, 52, 152, 219), 0.15);
color: var(--mm-info, #3498db);
}
.mm-prompt-history-count {
font-size: 12px;
color: var(--mm-text-muted);
display: flex;
align-items: center;
gap: 4px;
}
.mm-prompt-history-input {
width: 50px;
padding: 2px 4px;
text-align: center;
}
.mm-prompt-item-actions {
display: flex;
gap: 4px;
margin-left: auto;
}
.mm-prompt-item-content {
padding: 0 12px 12px 12px;
}
.mm-prompt-content-editor {
width: 100%;
min-height: 80px;
padding: 8px;
font-family: monospace;
font-size: 12px;
border: 1px solid var(--mm-border);
border-radius: var(--mm-radius-sm) var(--mm-radius-sm) 0 0;
background: var(--mm-bg-primary);
color: var(--mm-text-primary);
resize: none;
}
.mm-prompt-content-preview {
padding: 10px;
background: var(--mm-bg-primary);
border-radius: var(--mm-radius-sm) var(--mm-radius-sm) 0 0;
font-size: 12px;
color: var(--mm-text-muted);
min-height: 80px;
max-height: 300px;
overflow-y: auto;
}
/* 可调整大小的容器 */
.mm-prompt-resizable-container {
position: relative;
}
.mm-prompt-resizable-container .mm-resize-handle {
border-radius: 0 0 var(--mm-radius-sm) var(--mm-radius-sm);
}
/* 类型说明 */
.mm-prompt-type-desc {
font-style: italic;
margin-bottom: 8px;
}
/* 实时预览内容 */
.mm-prompt-preview-content {
background: var(--mm-bg-secondary);
border-radius: var(--mm-radius-sm);
padding: 8px;
margin-top: 8px;
}
.mm-prompt-preview-content pre {
margin: 0;
white-space: pre-wrap;
word-break: break-word;
font-family: monospace;
font-size: 11px;
color: var(--mm-text-primary);
}
/* 空内容提示 */
.mm-prompt-preview-empty {
color: var(--mm-text-muted);
font-size: 11px;
opacity: 0.7;
}
/* 字符统计 */
.mm-prompt-char-count {
font-size: 11px;
color: var(--mm-text-muted);
background: var(--mm-bg-secondary);
padding: 2px 6px;
border-radius: 10px;
margin-left: 4px;
}
/* ST类型标签样式 */
.mm-prompt-type-charDescription,
.mm-prompt-type-personaDescription,
.mm-prompt-type-worldInfoBefore,
.mm-prompt-type-worldInfoAfter,
.mm-prompt-type-dialogueExamples {
background: linear-gradient(135deg, #5a8a7a, #4a7a6a);
}