"):je("
[jio_toc]
"):je("`+n+"${e}
`:"";return`${n}
${a}
`:`${a}`}(e)):je(function(e){const t=e.trim()||(0,a.__)("注释内容","jio");return`${$(t)}`}(e.note))},[je]),ke=(0,t.useCallback)(e=>{const t=i.current,n=window.JioSubmitMedia;t&&n&&"function"==typeof n.open?(fe(),n.open({type:e,multiple:"image"===e&&void 0,onSelect:t=>{const a=Array.isArray(t)?t:[t],n=be();if(!n)return;const o=a.map(t=>{const a=O(t?.large_url||t?.url);if(!a)return"";const n=Number(t.attachment_id||t.id||0),o=n>0?` data-edit-file-id="${n}"`:"";if("image"===e){const e=O(t?.url||a),n=e?` data-full-url="${F(e)}"`:"";return`${v(a)}
`).replace(/\[jio_footnote\]([\s\S]*?)\[\/jio_footnote\]/g,(e,t)=>`${t}`):e}const v=e=>e.replace(/&/g,"&").replace(//g,">").replace(/\^\{([^{}]*)\}|\^(\S)/gu,"$1$2").replace(/_\{([^{}]*)\}|_(\S)/gu,"$1$2"),N={ready:(0,a.__)("尚未保存","jio"),saving:(0,a.__)("保存中…","jio"),saved:(0,a.__)("已保存","jio"),error:(0,a.__)("保存失败","jio"),conflict:(0,a.__)("内容已在别处更新","jio"),submitting:(0,a.__)("提交中…","jio"),submitted:(0,a.__)("已提交","jio")};function k({value:t}){return(0,e.createElement)("span",{className:`jio-creator__save is-${t.state}`,role:"status","aria-live":"polite"},(0,e.createElement)("i",{className:"fa fas fa-circle","aria-hidden":"true"}),(0,e.createElement)("span",null,N[t.state]||N.ready),"saved"===t.state&&t.at?(0,e.createElement)("time",null,t.at):null)}const w=36e5,C=24*w,S=30*C,x=365*C,M={ready:(0,a.__)("草稿","jio"),saving:(0,a.__)("保存中","jio"),saved:(0,a.__)("草稿","jio"),error:(0,a.__)("保存失败","jio"),conflict:(0,a.__)("冲突","jio"),submitting:(0,a.__)("提交中","jio"),submitted:(0,a.__)("已提交","jio")};function $({charCount:t,saveState:n,isPublishedEdit:o,saving:r,onSaveDraft:i,onPreview:l,onPublish:c}){const s=n.at?function(e,t=Date.now()){const n=Date.parse(e);if(!Number.isFinite(n))return"";const o=Math.max(0,t-n);return o<6e4?(0,a.__)("刚刚","jio"):o"):be("
[jio_toc]
"):be("`+n+"${e}
`:"";return`${n}
${a}
`:`${a}`}(e)):be(function(e){const t=e.trim()||(0,a.__)("注释内容","jio");return`${q(t)}`}(e.note))},[be]),ye=(0,t.useCallback)(e=>{const t=l.current,n=window.JioSubmitMedia;t&&n&&"function"==typeof n.open?(me(),n.open({type:e,multiple:"image"===e&&void 0,onSelect:t=>{const a=Array.isArray(t)?t:[t],n=pe();if(!n)return;const o=a.map(t=>{const a=K(t?.large_url||t?.url);if(!a)return"";const n=Number(t.attachment_id||t.id||0),o=n>0?` data-edit-file-id="${n}"`:"";if("image"===e){const e=K(t?.url||a),n=e?` data-full-url="${O(e)}"`:"";return`'); - editor.nodeChanged(); - return true; -} - -/** 可整体删除的块级元素选择器。 */ -const BLOCK_SELECTOR = 'table,pre.enlighter-pre,hr,.quote_q,p'; - -/** - * 给表格 / 代码块 / 引用等块渲染一个浮层删除按钮。 - * - * 与 WPS 的块操作一致：鼠标悬停到块上时在右上角出现删除入口， - * 避免只能靠反复按退格键。 - */ -function installBlockActions(editor: any): void { - const doc = editor.getDoc(); - if (!doc || doc.getElementById('jio-block-actions')) { - return; - } - const bar = doc.createElement('div'); - bar.id = 'jio-block-actions'; - bar.className = 'jio-creator__block-actions'; - bar.innerHTML = - ''; - doc.body.appendChild(bar); - - let current: HTMLElement | null = null; - - const hide = () => { - current = null; - bar.classList.remove('is-visible'); - }; - - const show = (block: HTMLElement) => { - if (!block || block === doc.body) { - hide(); - return; - } - // 空段落没有删除价值，交给退格键处理。 - if (block.tagName === 'P' && (block.textContent || '').trim() === '') { - hide(); - return; - } - current = block; - const rect = block.getBoundingClientRect(); - bar.style.top = `${rect.top + doc.documentElement.scrollTop + 6}px`; - bar.style.left = `${rect.right - 40}px`; - bar.classList.add('is-visible'); - }; - - doc.addEventListener('mouseover', (event: MouseEvent) => { - const block = (event.target as HTMLElement)?.closest?.(BLOCK_SELECTOR) as HTMLElement | null; - if (block && block !== doc.body && !block.classList.contains('jio-code-lang')) { - show(block); - } - }); - - doc.addEventListener('mouseleave', hide); - - bar.addEventListener('mousedown', (event: MouseEvent) => event.preventDefault()); - bar.addEventListener('click', (event: MouseEvent) => { - const button = (event.target as HTMLElement)?.closest('[data-jio-block-delete]'); - if (!button || !current) { - return; - } - event.preventDefault(); - const target = current; - hide(); - editor.undoManager.transact(() => { - editor.dom.remove(target); - }); - editor.nodeChanged(); - editor.undoManager.add(); - if (editor.getBody().children.length === 0) { - editor.setContent(''); - editor.selection.setCursorLocation(editor.getBody().firstChild, 0); - } - syncEditorHeight(editor); - }); -} - -function syncCodeLabels(editor: any): void { - const root: HTMLElement | null = editor?.getBody?.() ?? null; - if (!root) { - return; - } - root.querySelectorAll
-
-
-
-
+
+
+
+
+
{recovery && (
@@ -962,48 +674,6 @@ function Studio(): JSX.Element {
onScheduleChange={(enabled, at) => patchDraft({ schedule: { enabled, at } })}
/>
- {codeLanguage !== null && (
- ID, DomainModel::POST_META_KEY, true)
: [];
- $terms = $this->term_payload($settings, $source, $snapshot);
+ $terms = $this->term_payload($settings, $source, $snapshot);
+ $viewer = $user_id > 0 ? get_userdata($user_id) : null;
+ $ident = $this->identity_payload($viewer instanceof \WP_User ? $viewer : null);
return [
'sourceId' => $post_id,
@@ -172,6 +174,40 @@ final class CreatorRest {
'newPost' => function_exists('jio_get_new_post_url') ? jio_get_new_post_url() : '',
'center' => function_exists('jio_get_user_center_url') ? jio_get_user_center_url('posts') : '',
],
+ 'site' => $ident['site'],
+ 'viewer' => $ident['viewer'],
+ ];
+ }
+
+ /**
+ * 顶栏身份信息：站点 Logo 与当前用户头像。
+ *
+ * 只做展示，不承载权限判断；Logo 缺失时前端回退到品牌文字。
+ *
+ * @return array{site: array, viewer: array}
+ */
+ private function identity_payload(?\WP_User $viewer = null): array {
+ $brand = function_exists('jio_get_site_logo_text') ? (string) jio_get_site_logo_text() : '';
+ $brand = $brand !== '' ? $brand : (string) get_bloginfo('name');
+
+ $logo = function_exists('jio_get_site_logo_url') ? trim((string) jio_get_site_logo_url()) : '';
+ if ($logo === '') {
+ $logo = get_template_directory_uri() . '/assets/img/logo.png';
+ }
+
+ $avatar = $viewer instanceof \WP_User && function_exists('jio_get_avatar_url')
+ ? (string) jio_get_avatar_url($viewer, ['size' => 72])
+ : '';
+
+ return [
+ 'site' => [
+ 'home' => esc_url_raw(home_url('/')),
+ 'name' => $brand,
+ 'logo' => esc_url_raw($logo),
+ ],
+ 'viewer' => [
+ 'avatar' => esc_url_raw($avatar),
+ ],
];
}
diff --git a/tests/widget-system/creator-studio-contract.test.cjs b/tests/widget-system/creator-studio-contract.test.cjs
index 8366726c..090956bb 100644
--- a/tests/widget-system/creator-studio-contract.test.cjs
+++ b/tests/widget-system/creator-studio-contract.test.cjs
@@ -214,7 +214,8 @@ test('fixed top toolbar has TinyMCE formatting, media, and extension actions', (
assert.match(blocks, /function append_footnotes/);
assert.match(blocks, /\$1\$2<\/sup>/);
// 删除键必须能移除相邻的块级元素。
- assert.match(appSource, /function removeAdjacentBlock/);
+ const editorRuntime = read('assets/creator-studio/src/editor-runtime.ts');
+ assert.match(editorRuntime, /function removeAdjacentBlock/);
assert.match(appSource, /removeAdjacentBlock\(editor, event\)/);
// 工具栏按钮统一为「图标在上、文字在下」。
assert.match(editorToolbar, /jio-creator__tool-label/);
@@ -231,8 +232,37 @@ test('fixed top toolbar has TinyMCE formatting, media, and extension actions', (
assert.match(barStyles, /\.jio-creator__status\s*\{[\s\S]*?position:\s*fixed/);
assert.match(barStyles, /\.jio-creator__status\s*\{[\s\S]*?bottom:\s*0/);
assert.match(editorToolbar, /role="toolbar"/);
- assert.match(read('assets/creator-studio/src/styles/studio.scss'), /\.jio-creator__bar\s*\{[^}]*position:\s*fixed/);
- assert.match(read('assets/creator-studio/src/styles/studio.scss'), /\.jio-creator\s*\{[\s\S]*?padding-top:\s*var\(--jc-bar\)/);
+ assert.match(read('assets/creator-studio/src/styles/studio.scss'), /\.jio-creator__top\s*\{[^}]*position:\s*fixed/);
+ assert.match(read('assets/creator-studio/src/styles/studio.scss'), /\.jio-creator\s*\{[\s\S]*?padding-top:\s*var\(--jc-top\)/);
+});
+
+test('top bar is masthead + centered toolbar, with no brand text in the toolbar row', () => {
+ const masthead = read('assets/creator-studio/src/components/studio-masthead.tsx');
+ const styles = read('assets/creator-studio/src/styles/studio.scss');
+ const rest = read('src/Core/CreatorRest.php');
+
+ // 第一行：左站点 LOGO、右用户头像。
+ assert.match(appSource, /\s*\$ident\['site'\]/);
+ assert.match(rest, /'viewer'\s*=>\s*\$ident\['viewer'\]/);
+ assert.match(rest, /jio_get_site_logo_url/);
+ assert.match(rest, /jio_get_avatar_url/);
+ // 顶栏身份字段与前端读取保持一致，避免悬空字段。
+ assert.doesNotMatch(read('assets/creator-studio/src/components/studio-masthead.tsx'), /viewer\.home/);
+ assert.doesNotMatch(rest, /'home'\s*=>\s*esc_url_raw\(\$home\)/);
});
test('creator studio build artifacts and contracts exist', () => {
-
- )}
-
{blockDialog && (